/*
Theme Name: Pierre MICE
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.ovhidden>div {
	overflow: hidden;
}

.zindex999 {
	z-index: 999;
	position: absolute;
}

.badge {
	background-color: #324259;
	margin: 0;
	padding: 3px 5px;
	border-radius: 10px;
	max-height: 12px;
}

.badge p {
	margin-bottom: 0;
	margin-top: 0px !important;
}

.row-absolute {
	position: absolute
}

.formulario_home input,
.formulario_home select,
.formulario_home textarea {
	background-color: #f3f3f5 !important;
	border: 0 !important;
}

.formulario_home button#wpforms-submit-133 {
	background-color: #324259 !important;
	font-size: 1rem !important;
	width: 100%;
}

.bg-degradado {
	background: RGB(50, 66, 89);
	background: linear-gradient(90deg, rgba(50, 66, 89, 1) 0%, rgba(72, 84, 106, 1) 100%);
}

.opacidad-05 {
	opacity: 0.5;
}

.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover {
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10)
}

.box-shadow,
.box-shadow-2,
.box-shadow-2-hover:hover,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover {
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .08), 0 3px 6px rgba(0, 0, 0, .10)
}

.box-shadow-3,
.box-shadow-3-hover:hover,
.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, .08), 0 6px 6px rgba(0, 0, 0, .11)
}

.box-shadow-4,
.box-shadow-4-hover:hover,
.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .12), 0 10px 10px rgba(0, 0, 0, .1);
}

.box-shadow-5,
.box-shadow-5-hover:hover,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner:hover {
	box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .1)
}

.gap-1 {
	gap: 0.2rem;
}

.gap-4 {
	gap: 1rem;
}

.datos-destinos {
	font-size: 0.8rem;
}

.datos-destinos p {
	margin: 0;
}

.datos-destinos svg {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.dos-columnas {
	column-count: 2;
	column-gap: 24px;
	margin: 0;
	padding-left: 1.2em;
	/* deja espacio para las viñetas */
	list-style-type: disc;
	/* tipo de viñeta */
	list-style-position: outside;
}

/* cada li ocupa toda la anchura de la columna y muestra su viñeta */
.dos-columnas li {
	display: list-item;
	/* muestra el marcador */
	width: 100%;
	margin: 0 0 8px 0;
}

/* forzar salto de columna tras el cuarto elemento */
.dos-columnas li:nth-child(4) {
	break-after: column;
	-webkit-column-break-after: always;
	column-break-after: always;
}
.lightbox-by-id{
	border-radius: 15px;
	padding: 30px !important;
}
@media only screen and (max-width: 768px) {
    /* eliminar columnas en mobile: forzar comportamiento de lista normal */
    body .dos-columnas,
    .dos-columnas {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
        -webkit-column-fill: auto !important;
        column-fill: auto !important;
        padding-left: 1.2em !important; /* espacio para viñeta */
    }

    /* asegurar UL y LI se comporten como lista normal */
    body .dos-columnas,
    body .dos-columnas li {
        
        width: auto !important;
    }

    .dos-columnas li {
        break-after: auto !important;
        -webkit-column-break-after: auto !important;
        column-break-after: auto !important;
        margin-bottom: 8px !important;
    }

    .zindex999 {
        z-index: 999;
        
    }
	.lightbox-by-id{
	max-width: 100% !important;
	border-radius: 15px;
	padding: 30px !important;
}
}