/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/

@import './css/variables.css';

.validate_email_against_bot {
    display: none;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 90%!important;
    text-align: justify!important;
    margin: 80px 4%;
}
body #cmplz-manage-consent .cmplz-manage-consent {
    background-image: url(imagenes/fondo-ajustes.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    right: unset !important;
    left: 0px;
    font-size: 0px;
    color: var(--negro) !important;
    width: 140px;
    background-color: transparent !important;
    box-shadow: unset !important;
    bottom: -2px !important;
    padding: 0 !important;
}

body #cmplz-manage-consent .cmplz-manage-consent:before {
    content: "";
    background-image: url(imagenes/icono-ajustes.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.8s ease;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

body #cmplz-manage-consent .cmplz-manage-consent:hover:before {
    transform: translate(-50%, -54%);
    -webkit-transform: translate(-50%, -54%);
    -moz-transform: translate(-50%, -54%);
    -ms-transform: translate(-50%, -54%);
    -o-transform: translate(-50%, -54%);
}

/* Arregla padding al abrir popup deshabilitando scroll de la web */
html.mfn-popup-browser-scroll-disabled {
    padding-right: 0;
}
span.mfn-breadcrumbs-separator {
    font-size: 0.9em !important;
    padding: 0 7px;
    line-height: 0.5em;
}
@media only screen and (min-width: 767px) {
    ul.breadcrumbs.no-link {
        padding-right: 30px;
    }
}


/*Subheader*/

#Subheader .title{
	font-size: 72px !important;
    line-height: 80px !important;
	    text-align: left !important;
}
#Subheader:after{display:none !important;}

#Subheader .column.one{
	    display: flex !important;
    flex-direction: column-reverse;
}
#Subheader .breadcrumbs{
	text-align: left !important;
}
#Subheader .breadcrumbs li{
text-transform: uppercase;
    color: white !important;

    font-weight: 600;	
	margin-top: 0px;
    margin-bottom: 30px;
}
#Subheader .breadcrumbs a{
	text-transform: uppercase;
    color: white !important;
		    
    font-weight: 600;
}

/*Complianz*/

#cmplz-document h2{
	font-size:28px !important;
	line-height:1.3 !important;
}
#cmplz-document ul, #cmplz-document li, #cmplz-document p, #cmplz-document a, #cmplz-document span{
	font-size:16px !important;
	color:#352e27 !important;
}
/* Cookies button */

body #cmplz-manage-consent .cmplz-manage-consent {
    background: white !important;
    right: unset !important;
    left: 60px;
    font-size: 0px;
    color: white !important;
    bottom: 10px !important;
    padding: 0 !important;
    min-width: 1px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;

    &:before {
        content: "";
        background: transparent url(imagenes/icono-ajustes-negro.svg) center center / contain no-repeat;
        width: 60%;
        height: 60%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s ease;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
    }

    &:hover:before {
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

/* Accesibilidad */

body #pojo-a11y-toolbar {
    top: auto !important;
    bottom: 10px !important;

    .pojo-a11y-toolbar-toggle a {
        font-size: 26px;
        padding: 8px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
        line-height: 1.2;
    }

    &.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
        left: 190px;
        bottom: 0;
    }
}

/*********************************\
            COPYRIGHT
\*********************************/
body #Footer .copyright a:hover {
    text-decoration: none;
}

body #Footer .footer_copy {
    border: 0;
    background: black;
    color: white;
}

body #Footer .footer_copy a {
    color: white;
}

body #Footer .footer_copy a:hover {
    color: var(--primary);
}

body #Footer .footer_copy .one {
    --mfn-column-gap-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 0;
}

body #Footer .footer_copy .mcb-column-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body #Footer .menu {
    list-style: none;
    padding: 0;
    background: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

body #Footer .copyright .menu {
    gap: 0 10px;
    flex-direction: row;
}

body #Footer .menu li:after {
    content: none;
}

body #Footer .menu a {
    padding: 5px 0;
}

body #Footer .footer_copy .copyright {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .02em;
    float: none;
    text-align: left;
}

body #Footer .footer_copy .copyText {
    margin: 0 0 5px;
}

body #Footer .footer_copy .social {
    line-height: 0;
}

body #Footer .footer_copy .social li a {
    font-size: 22px;
    line-height: 1;
}

@media only screen and (max-width: 959px) {
    body .animate {
        animation-delay: 0ms !important;
    }

    body #Footer .footer_copy .mcb-column-inner {
        flex-direction: column;
    }

    body #Footer .copyright .menu {
        justify-content: center;
    }

    body #Footer .footer_copy .copyright {
        text-align: center;
    }

    body #Footer .footer_copy .social {
        margin-top: 15px;
    }
}
.enlaceico .mcb-wrap-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

/*********************************\
            KIT DIGITAL
\*********************************/
body #Footer .footer_action {
    background: none;
}

body #Footer .footer_action .one {
    margin-bottom: 0;
}

body #Footer .footer_action .financiacion {
    display: grid;
    grid-template-columns: 1fr 1fr 5fr;
    gap: 20px;
    text-align: left;
    align-items: center;
}

body #Footer .footer_action .financiacion>div {
    line-height: 0;
}

body #Footer .footer_action .financiacion>div img {
    max-height: 50px;
    width: auto;
}

body #Footer .footer_action .financiacion>div p {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
}

@media only screen and (max-width: 959px) {
    body #Footer .footer_action .financiacion {
        grid-template-columns: 1fr 1fr;
        text-align: center;
        gap: 5px;
    }

    body #Footer .footer_action .financiacion>div:last-child {
        grid-column: 1 / span 2;
    }
}

@media only screen and (max-width: 767px) {
    body #Footer .footer_action .financiacion>div img {
        max-height: unset;
        width: 100%;
    }
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
    line-height: 1.2;
}
.mfn-header-menu .mfn-menu-li.current-menu-item > .mfn-menu-link {
    color: #4d4338!important;
}
.mfn-header-menu {
    align-items: flex-start!important;
}
.mfn-menu-submenu-on-click li a{
    font-family: "Bodoni Moda", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 2em;
}
/*************footer*************/
.navegacion_footer li a {
    padding: 0; 
    gap: 10px;
}
.navegacion_footer li a:after {
    content: "/";
    color: #fff;
    font-family: 'Bodoni Moda';
    font-size: 32px;
    line-height: 1.2em;
    margin-left: 0px;
    margin-right: 10px;
    font-weight: 700;
}
.contactos_footer a {
    font-family: "Bodoni Moda";
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em; 
    color: #fff !important;
}
.contactos_footer a:hover {
    color: #C3C1B6!important;
}
.enlace_dos_bloques a{ 
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 7px;
}
.enlace_dos_bloques a:hover {
    opacity: 0.6;
}
.almeria_granada {}

/*.section_experiencias::after{
    content: url(/wp-content/uploads/2025/11/la-perla-2025-11-19-la-perla.svg);
    display: block;
    width: clamp(100px, 100%, 100px);
    position: absolute;
    bottom: 0;
    left: 0;
}*/

/* Animación suave para la gota al hacer scroll */
.gota {
    transition: top 0.05s linear, filter 0.05s linear;
    z-index: 1000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}
.testimonials_slider .testimonials_slider_ul {
    padding-top: 34px;
}

/* Asegurar que el slider esté alineado a la izquierda */
.testimonials_slider .testimonials_slider_ul .slick-list {
    padding-left: 0!important;
    margin-left: 0!important;
}

.testimonials_slider .testimonials_slider_ul .slick-track {
    margin-left: 0!important;
    display: flex!important; /* Usar flex para alinear slides horizontalmente */
    flex-direction: row!important; /* Dirección horizontal */
    align-items: stretch!important; /* Alinear slides verticalmente */
    gap: 0;
}

.testimonials_slider a.slider_next {
    left: 92px!important;
    right: unset!important;
}
.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next {
    top: -50px!important;
    padding: 10px 24px!important;
    border: 0;
}
.testimonials_slider_ul li.slick-slide {
   width: 35rem!important;
   height: 35rem!important;        /* cuadrados */
   margin: 0 17px!important;
   border: 1px solid #fff!important;
   padding: 54px!important;
   text-align: left!important;
   display: flex!important;        /* para alinear contenido interno */
   flex-direction: column!important;
   justify-content: space-between!important;
   box-sizing: border-box!important;
   flex-shrink: 0!important; /* Evitar que los slides se compriman */
}
.testimonials_slider_ul li.slick-slide:hover {
    border: 1px solid var(--background, #EEE8DF);
    background: var(--white, #FFF);
 }

.testimonials_slider_ul li.slick-slide:hover h5.testimonials-title ,
.testimonials_slider_ul li.slick-slide:hover .hr_dots.hr_stars span:before,
.testimonials_slider_ul li.slick-slide:hover .blockquote blockquote,
.testimonials_slider_ul li.slick-slide:hover .author h5,
.testimonials_slider_ul li.slick-slide:hover .author .company 
{color: var(--headings, #352E27)!important;}

.testimonials_slider h5.testimonials-title {
    font-family: "Bodoni 72";
    color: #fff!important;
    font-size: 2.3em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em; 
    text-transform: uppercase;
}
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    padding: 0!important;
    text-align: left!important;
}
.testimonials_slider .blockquote blockquote {
    font-style: inherit !important;
    font-family: "Bodoni Moda";
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.4em;
}
.testimonials_slider_ul li.slick-slide .author {
    text-align: left!important;
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
 }
 .testimonials_slider_ul li.slick-slide .author h5 {
    text-align: left!important;
    font-family: "DM Sans";
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    color: #fff!important;
 }
 .testimonials_slider_ul li.slick-slide .author .company {
    text-align: right!important;
    font-family: "DM Sans";
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    color: #fff!important;
 }

/* Estrellas en lugar de los tres puntos */
.testimonials_slider_ul .hr_dots.hr_stars {
    margin-bottom: 10px;
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: unset!important;
}

.testimonials_slider_ul .hr_dots.hr_stars span {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 4px;
    background: none!important;
}

.testimonials_slider_ul .hr_dots.hr_stars span:before {
    content: "★";
    color: #fff;
    font-size: 20px;
    line-height: 31px;
}

/* En móviles estrechos los bloques dejan de ser cuadrados
   para adaptarse al contenido y ver solo un slide */
@media only screen and (max-width: 550px) {
    .testimonials_slider {
        width: 100%;
        overflow: visible;
    }
    
    .testimonials_slider .testimonials_slider_ul {
        width: 100%!important;
        padding-top: 20px;
        overflow: visible!important;
    }
    
    .testimonials_slider_ul .slick-list {
        width: 100%!important;
        overflow: hidden!important;
    }
    
    .testimonials_slider_ul .slick-track {
        width: 100%!important;
    }
    
    /* Estilos base para los slides - solo ajustar ancho y altura, dejar que Slick maneje el display */
    .testimonials_slider_ul li.slick-slide {
        width: 96%!important;
        max-width: 100%!important;
        height: auto!important; /* Altura automática para adaptarse al contenido */
        min-height: auto!important;
        margin: 0px!important;
        padding: 30px 20px!important;
        flex-direction: column!important;
        /* No forzar display, dejar que Slick lo maneje */
    }
    
    /* Asegurar que los botones de navegación sean visibles y funcionales */
    /* Mantener la posición original de los botones */
    .testimonials_slider a.slider_prev,
    .testimonials_slider a.slider_next {
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        /* No cambiar position ni top, mantener los estilos originales */
    }
    
    /* Ajustar tamaños de fuente para móvil */
    .testimonials_slider h5.testimonials-title {
        font-size: 1.8em!important;
    }
    
    .testimonials_slider .blockquote blockquote {
        font-size: 1.1em!important;
    }
    
    .testimonials_slider_ul li.slick-slide .author h5 {
        font-size: 0.9em!important;
    }
    
    .testimonials_slider_ul li.slick-slide .author .company {
        font-size: 0.75em!important;
    }
    
    /* Asegurar que los dots (paginación) sean visibles */
    .testimonials_slider .slider_pager,
    .testimonials_slider .slick-dots {
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        position: relative!important;
        margin: 20px 0!important;
    }
    
    /* Asegurar que el wrapper del slider tenga el ancho correcto */
    .testimonials_slider .testimonials_slider_ul_wrapper,
    .testimonials_slider .mfn-slider-wrapper {
        width: 100%!important;
        overflow: visible!important;
    }
    .testimonials_slider .testimonials_slider_ul .slick-track {
        gap: 12px;
    }
}

/*************ganada*************/
.cabecera_granada {
    /*position: relative;
    overflow: hidden;*/
}

/*.cabecera_granada:after{
    content: url(/wp-content/uploads/2025/12/granada-2025-12-03-granada-1.svg);
    display: block;
    width: 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
    height: auto;
}


/* Listado de Habitaciones */
.habitaciones-listado {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 30px 0;
    align-items: stretch; /* Asegura que todos los items tengan la misma altura */
}

.habitacion-item {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* sin fondo ni bordes, estilos mínimos */
}

.habitacion-imagen-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    /* Altura fija para todas las imágenes */
    height: 0;
    padding-top: 75%; /* 4:3 ratio (3/4 = 0.75 = 75%) - Fallback para navegadores antiguos */
    /* Moderno: aspect-ratio (tiene prioridad si está soportado) */
    aspect-ratio: 4 / 3; /* Proporción 4:3 para todas las imágenes */
    /* sin fondo */
}

.habitacion-imagen-wrapper img,
.habitacion-imagen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* Mantiene la proporción sin deformar, recorta si es necesario */
    object-position: center; /* Centra la imagen */
    /* Asegurar que la imagen ocupe todo el espacio */
    min-width: 100%;
    min-height: 100%;
}

.habitacion-contenido {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    flex: 1; /* Ocupa todo el espacio disponible */
}
.habitacion-contenido .habitacion-titulo{
	    font-size: 35px !important;
}
.habitacion-titulo {
    margin: 0 0 15px 0;
    line-height: 1.1em;
	
}

.habitacion-titulo a {
    text-decoration: none;
    font-family: "Bodoni 72";
    color: #352E27;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    line-height: 0.7em;
    text-transform: uppercase;
}
.habitacion-titulo a span{
    font-size: 0.85em;
    font-style: italic;
    font-weight: 400;
    line-height: 0.6em;
    text-transform: initial;
}
.habitacion-meta {
      margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.habitacion-meta .habitacion-capacidad,
.habitacion-meta .habitacion-cama {
    display: block;
    color: #352E27;
    font-family: "DM Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
}

.habitacion-capacidad strong,
.habitacion-cama strong {
    margin-right: 5px;
    color: #64625E;
    font-weight: 400!important;
}

.habitacion-botones {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin-top: auto; /* Empuja los botones hacia abajo para que todos los contenidos tengan la misma altura */
}

.habitacion-botones a {
    flex: 1 1 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 16px;
}

.habitacion-botones a:first-child {
    color: #352E27;
    border: 1px solid #352E27;
    background: transparent;
}

.habitacion-botones a:last-child {
    color: #FFFFFF;
    background: #64625E;
    border: 1px solid #64625E;
}

.habitacion-botones a:first-child:hover {
    color: #FFFFFF;
    background: #352E27;
}

.habitacion-botones a:last-child:hover {
    color: #64625E;
    background: #FFFFFF;
	    border: 1px solid #FFFFFF;
}
.habitacion-titulo span {
    display: block;
    padding: 17px 0;
}

/* Estilos para shortcodes de campos ACF de habitaciones */
.habitacion-capacidad,
.habitacion-cama,
.habitacion-tamano {
    display: block;
    color: #352E27;
    font-family: "DM Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
}

/* Estilos para servicios de habitación */
.habitacion-servicios {
    list-style: none;
    padding: 0;
    margin: 0px 0 !important;
}

.habitacion-servicios .habitacion-servicio {
    padding: 0px 0;
    color: #352E27;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    padding-left: 25px;
}

.habitacion-servicios .habitacion-servicio:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #64625E;
    font-weight: bold;
}

/* Estilos para galería de habitaciones con slider Slick */
.habitacion-galeria-wrapper {
    margin: 0px auto;
    width: 100%; /* 10% menos de ancho */
    max-width: 100%;
}

.habitacion-galeria-slider {
    margin: 0;
    position: relative;
}

.habitacion-galeria-slider .slick-list {
    margin: 0;
}

.habitacion-galeria-slider .slick-slide {
    padding: 0;
}

.habitacion-galeria-slide {
    padding: 0;
    outline: none;
    position: relative;
}

.habitacion-galeria-imagen {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Estilos para las flechas de navegación - dentro/encima de la imagen */
.habitacion-galeria-slider .slick-prev,
.habitacion-galeria-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 70px;
    height: 40px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: background 0.3s ease;
}

.habitacion-galeria-slider .slick-prev:hover,
.habitacion-galeria-slider .slick-next:hover {
    opacity: 0.9;
}

.habitacion-galeria-slider .slick-prev {
    left: 15px;
}

.habitacion-galeria-slider .slick-next {
    right: 15px;
}

.habitacion-galeria-slider .slick-prev:before, .habitacion-galeria-slider .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 40px;
    color: #352e27;
    position: relative;
    top: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Estilos para los dots - más abajo */
.habitacion-galeria-slider .slick-dots {
    position: relative;
    bottom: auto;
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.habitacion-galeria-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.habitacion-galeria-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.habitacion-galeria-slider .slick-dots li button:before {
    font-size: 13px;
    line-height: 14px;
    color: #352E27;
    opacity: 0.5;
    content: '•';
}

.habitacion-galeria-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #352E27;
}

/* Responsive para galería */
@media only screen and (max-width: 767px) {
    .habitacion-galeria-wrapper {
        width: 95%; /* Un poco más de espacio en móvil */
    }
    
    .habitacion-galeria-slider .slick-list {
        margin: 0;
    }
    
    .habitacion-galeria-slider .slick-slide {
        padding: 0;
    }
    
    .habitacion-galeria-slider .slick-prev {
        left: 10px;
        width: 35px;
        height: 35px;
    }
    
    .habitacion-galeria-slider .slick-next {
        right: 10px;
        width: 35px;
        height: 35px;
    }
    
    .habitacion-galeria-slider .slick-prev:before,
    .habitacion-galeria-slider .slick-next:before {
        font-size: 20px;
        line-height: 35px;
    }
}

/* Listado de habitaciones Almería - Modificar .habitaciones-listado cuando está dentro de .habitaciones_almeria */
.habitaciones_almeria .habitaciones-listado {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas (50% cada una) por encima de 1330px */
}

/* Responsive */
@media only screen and (max-width: 1330px) and (min-width: 768px) {
    .habitaciones-listado {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* .habitaciones_almeria mantiene 2 columnas en este rango también */
    .habitaciones_almeria .habitaciones-listado {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Ajustes para botones entre 1000px y 767px */
@media only screen and (max-width: 1000px) and (min-width: 768px) {
    .habitacion-botones a {
        font-size: 0.75em; /* Reducir tamaño del texto */
        padding: 10px 10px; /* Reducir padding lateral */
    }
}

@media only screen and (max-width: 767px) {
    .habitaciones-listado {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .habitaciones_almeria .habitaciones-listado {
        grid-template-columns: 1fr; /* 1 columna por debajo de 767px */
    }
}
@media only screen and (max-width: 490px) {
    .habitacion-botones a {
        font-size: 0.75em; /* Reducir tamaño del texto */
        padding: 10px 10px; /* Reducir padding lateral */
    }
}



.mcb-wrap.equal-columns {
    grid-template-columns: 1fr 2fr;
    align-items: stretch;
    gap: 0;
  }
  
  .mcb-wrap.equal-columns > .mcb-wrap-inner > .mfn-nested-wrap {
    min-height: 100%;
  }
  
  .mcb-wrap.equal-columns .mcb-wrap.two-third {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .mcb-wrap.equal-columns .mcb-wrap.one-third,
  .mcb-wrap.equal-columns .mcb-wrap.two-third {
    margin: 0;
    padding: 0;
  }
  @media only screen and (max-width: 1239px) {
    .escapadas .section_wrapper{
        max-width: 100%!important;
    }
}
  @media (max-width: 767px) {
    .mcb-wrap.equal-columns {
      grid-template-columns: 1fr;
    }
    .equal-columns, .equal-columns  .mcb-wrap-inner {
        padding: 0 !important;
        grid-template-columns: 10fr 0fr!important;
    }
    .mcb-wrap.equal-columns .mcb-wrap.two-third {
      min-height: 300px;
    }
  }
  .markerInfo.active {
    background: #eee8df!important;
}

/* Desactivar zoom con scroll en el mapa */
.mapa_perla .leaflet-container,
.mapa_perla .map-container {
    touch-action: pan-x pan-y !important;
}

.mapa_perla .leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y !important;
}

/* Prevenir que el scroll active el zoom */
.mapa_perla .leaflet-container {
    -ms-touch-action: pan-x pan-y !important;
    touch-action: pan-x pan-y !important;
}
  
  /******************habitaciones*************/
  .single-habitacion h1 span{
	font-size: 0.4em;
    font-style: italic;
display:block !important;
    margin-top: 15px;
    line-height: 1.5;
    letter-spacing: 0;
}
  .single-habitacion h2 {
    font-size: 3em;
	line-height:1.3 !important;
}
  .descripcion_habitacion p{
    color: #F2F2F2;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
  }
  .detalles_hab p.title {
    color: #F2F2F2;
    font-family: "DM Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 9px;
	margin-right: 30px;
}
  .detalles_hab p.title span{color: #F2F2F2; font-weight: 300;}
  .habitacion-servicios{list-style-type: none !important;}
  
  @media(max-width:767px){
	    .descripcion_habitacion p,
		  .detalles_hab p.title {
   
    font-size: 16px;
    
  }


  }
  
  
  
  
  /*table legal text*/
  
  
 .conditions table  tbody{
	 border: 1px solid rgba(0, 0, 0, .08);
 }
 
  .conditions table tr:first-child td{
	     box-shadow: none !important;
    background: #64625E !important;
    color: #eee8df !important;

 }
 
 .conditions table tbody td{text-align:left !important;}