.woocommerce-checkout .col2-set .col-1 {
    margin-right: 20px;
}


/* Estilos para pantallas de escritorio */


@media (min-width: 768px) {
    .woocommerce-checkout .col2-set .col-1,
    .woocommerce-checkout .col2-set .col-2 {
        width: 48% !important;
    }
}



/* Estilos para pantallas móviles */
@media (max-width: 767px) {
    .woocommerce-checkout .col2-set .col-1,
    .woocommerce-checkout .col2-set .col-2 {
        width: 100% !important;
    }
}




.woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 50px;
}

.custom-terms-class {
    width: 100%;
}

.woocommerce-form-coupon-toggle {
    margin-bottom: 40px!important;
}


.mkdf-woocommerce-page .woocommerce-checkout .col-1 .form-row, .mkdf-woocommerce-page .woocommerce-checkout .col-2 .form-row {
    width: 100%!important; 
    margin-right: 2%;
    float: left;
}

/* Estilos para pantallas de escritorio */
@media (min-width: 768px) {
    .woocommerce-billing-fields #billing_first_name_field,
    .woocommerce-billing-fields #billing_last_name_field,
    .woocommerce-billing-fields #billing_email_field,
    .woocommerce-billing-fields #billing_phone_field,
    .woocommerce-billing-fields #billing_country_field,
    .woocommerce-billing-fields #billing_state_field,
    .woocommerce-billing-fields #billing_city_field,
    .woocommerce-billing-fields #billing_postcode_field {
        width: 48% !important;
        float: left !important;
        clear: none !important;
    }

    .woocommerce-billing-fields #billing_last_name_field,
    .woocommerce-billing-fields #billing_phone_field,
    .woocommerce-billing-fields #billing_state_field,
    .woocommerce-billing-fields #billing_postcode_field {
        clear: right !important;
    }

    .woocommerce-billing-fields #billing_country_field {
        clear: both !important;
    }
}

/* Estilos para pantallas móviles */
@media (max-width: 767px) {
    .woocommerce-billing-fields #billing_first_name_field,
    .woocommerce-billing-fields #billing_last_name_field,
    .woocommerce-billing-fields #billing_email_field,
    .woocommerce-billing-fields #billing_phone_field,
    .woocommerce-billing-fields #billing_country_field,
    .woocommerce-billing-fields #billing_state_field,
    .woocommerce-billing-fields #billing_city_field,
    .woocommerce-billing-fields #billing_postcode_field {
        width: 95% !important;
        float: none !important;
        clear: both !important;
    }
}


.mkdf-woocommerce-page .woocommerce-checkout .col-1 #billing_phone {
    width: 100%;

}

@media only screen and (min-width: 768px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  /* Alinea los elementos al centro */
    }

    .woocommerce ul.products li.product {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        margin: 0 2% 2% 0; 
        transition: 0.3s;
        width: 30% !important;  
    }
    
    .woocommerce ul.products li.product:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }
}

@media only screen and (max-width: 767px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 0 2% 0; 
    }
}


/* oculta iconos de Experiencias en la versión móvil*/
@media only screen and (max-width: 767px) {
    .hide-on-mobile-exp {
        display: none !important;
    }
}


.wpc-filter-title {
    margin-bottom: 1em;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8ecc7; /* color de fondo */
    color: #1b1c21; /* color del texto */
    font-weight: 700; /* grosor del texto */
    letter-spacing: .0875em; /* espacio entre letras */
text-transform: uppercase; 
padding-left: 10px;
}


.single-product .product_meta {
    display: none;
}

.mkdf-availability {
    display: none !important;
}

.mkdf-woo-single-page .mkdf-single-product-summary form.cart {

    margin-bottom: 40px;
}

.mkdf-woo-single-page .woocommerce-tabs ul.tabs > li a {
    vertical-align: baseline;

}
.mkdf-woo-single-page .woocommerce-tabs ul.tabs>li {

    margin: 0 24px;
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 20px;
}

.tab-icon {
    margin-right: 10px; /* Ajusta este valor según tus necesidades */
}

.mkdf-woo-single-page .woocommerce-tabs .entry-content {
    position: relative;
    display: block; /* Cambia inline-block por block para que margin:auto funcione */
    width: 80%; /* Ajusta al ancho que necesites */
    max-width: 900px; /* Ejemplo de max-width, puedes ajustarlo a lo que necesites */
    margin: auto; /* Centra horizontalmente el bloque */
    vertical-align: middle;
}


/* Estilos para la etiqueta de SOLO PARA RESIDENTES */
span.residentes-label {
    position: absolute;
    bottom: 20px;
    width: 100%;
    background-color: rgba(128, 128, 128, 0.8);
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
		z-index: 10;
}


.woocommerce .mkdf-onsale {
    display: none !important;
}

.woocommerce div.product .woocommerce-Tabs-panel--description.panel.entry-content {
    text-align: left;
    width: 100%!important;
}

.mkdf-woo-single-page .woocommerce-tabs .entry-content.woocommerce-Tabs-panel--description {
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

.component_priceActivity-container {
    padding: 0;
    text-align: left;
    margin-top: 43px;
    margin-bottom: 20px;
}
.mkdf-woo-single-page .woocommerce-tabs .entry-content.woocommerce-Tabs-panel--cancelaciones_tab {
    padding-top: 43px;
    padding-bottom: 20px;
}

.mkdf-woo-single-page .woocommerce-tabs .entry-content.woocommerce-Tabs-panel--punto_encuentro_tab {
    padding-top: 43px !important;
    padding-bottom: 20px !important;
}

/* deshabilitar click en títulos de productos */
.mkdf-product-list-title a {
    pointer-events: none;
    cursor: default;
}

.referenced-label {
    background-color: rgba(128, 128, 128, 0.8);
    color: #ffffff;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30px;
    padding: 5px 0;
	z-index:100;
font-weight: normal; /* Asegura que el texto nunca esté en negrita */
}

/* Estilos normales del botón */
.mi-boton {
    z-index: 10;
    background-color: #bf9410 !important;
    font-family: Roboto;
    text-transform: uppercase;
    height: auto;
    width: auto;
    color: #ffffff!important;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 16px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 14px;
    padding: 11px 35px;
    border-radius: 30px;
    border: 2px solid transparent;
}

/* Estilos del botón al pasar el ratón por encima */
.mi-boton:hover {
    background-color: #ffffff!important;
    color: #bf9410!important;
    border-color: #bf9410!important;
}

.mi-boton:hover::before {
    content: "\f073"; /* Este es el código Unicode del icono de calendario en Font Awesome 4.7 */
    font-family: "FontAwesome"; /* Es la familia de fuente que se usa en Font Awesome 4.7 */
    padding-right: 10px;
}

.mi-boton:hover::after {
    content: "\f054"; /* Este es el código Unicode del icono chevron-right en Font Awesome 4.7 */
    font-family: "FontAwesome"; /* Es la familia de fuente que se usa en Font Awesome 4.7 */
    padding-left: 10px;
}


.mkdf-pl-excerpt-holder {
    font-weight: normal;
}


/*
@media screen and (max-width: 768px) {
    .mkdf-mobile-nav {
        height: 320px;
    }
}
*/
@media screen and (max-width: 768px) {
.mkdf-mobile-header .mkdf-mobile-nav {
    border-bottom: 42px solid #ffffff;
}
}



@media (max-width: 768px) {
    /* Esto seleccionará todos los elementos con una clase que comienza con "gt_container--" */
    [class^="gt_container--"] .gt_switcher {
        margin-top: 8px;
    }
}

footer .dark-skin .widget .mkdf-widget-title-holder .mkdf-widget-title {
    color: #ffffff !important;
}

div[class*='gt_container'] .gt_switcher {
    width: 112px !important;
}

.mkdf-vertical-align-containers .mkdf-position-right {
    margin-top: -5px;
}

.hidden{
	display:none !important;
}

.page-id-5706 .mkdf-page-header {
    display: none;
}

@media (min-width: 1024px) { /* Esto se activa solo para pantallas mayores a 1024px */
  .vc_custom_1707125575479 {
      padding-right: 30px !important;
      padding-left: 0px !important;
  }

  .vc_custom_1707125613237 {
      /* Descomenta y ajusta según necesites */
      /* margin-left: 0px !important; */
      padding-right: 0px !important; 
      padding-left: 30px !important; 
  }
}

/* Estilos para dispositivos más pequeños que 1024px */
@media (max-width: 1023px) {
  .vc_custom_1707125575479, .vc_custom_1707125613237 {
      padding-right: 0px !important;
      padding-left: 0px !important;
  }
}

.mi-borde-columna {
    border: 2px solid #000000; /* Cambia el color (#000000) y el grosor (2px) según necesites */
}


/* Definir la animación fade-in-up */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mi-imagen-scale-down {
   /* animation: fade-in-up 0.5s ease-out forwards; Aplica la animación al cargar */
    transition: transform 0.3s ease !important; /* Transición suave para el efecto de escala */
    display: block;
    margin: 0 auto;
}

.mi-imagen-scale-down:hover {
    transform: scale(0.9) !important;
}



/* Estilo por defecto para dispositivos de escritorio */

/*
#hero-palomar-landing {
    background-image: url('https://www.palomargroup.es/wp-content/uploads/2024/02/palomar-hero-landing.jpg?id=5857') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
*/

/* Estilo para dispositivos móviles - Poner fondo negro */
/*
@media (max-width: 768px) {
    #hero-palomar-landing {
        background-image: none !important;
        background-color: black !important;
    }
}
*/



@media (min-width: 768px) { /* Asumiendo que quieres que esto se aplique solo a vistas de escritorio */
  #hero-section-row {
    height: 800px !important; /* Esto establece la altura fija de la fila */
    min-height: unset !important; /* Esto asegura que cualquier mínimo previamente establecido no interfiera */
  }
}

#boton-hero .vc_general.vc_btn3 {
    border: 2px solid #ffffff !important; /* Borde blanco */
    color: #000000 !important; /* Texto negro */
    background-color: #ffffff !important; /* Fondo blanco */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transición suave */
	width: 300px !important;
}

#boton-hero .vc_general.vc_btn3:hover {
    color: #ffffff !important; /* Texto blanco al pasar el ratón */
    background-color: #000000 !important; /* Fondo negro al pasar el ratón */
    border-color: #000000 !important; /* Borde negro al pasar el ratón */
	
}

/* Estilos por defecto para pantallas grandes */
#welcome-text {
    font-size: 50px; /* Tamaño de fuente normal */
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    font-style: normal;
}

/* Estilos para pantallas de menos de 600px de ancho */
@media (max-width: 700px) {
    #welcome-text {
        font-size: 30px !important; /* Tamaño de fuente reducido para móviles */
        line-height: normal!important; /* Puedes ajustar esto si es necesario */
    }
}

#boton-alojamientos .vc_general.vc_btn3 {
    border: 2px solid #ffffff !important; /* Borde blanco */
    color: #000000 !important; /* Texto negro */
    background-color: #ffffff !important; /* Fondo blanco */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transición suave */
	width: 300px !important;
}

#boton-alojamientos .vc_general.vc_btn3:hover {
    color: #ffffff !important; /* Texto blanco al pasar el ratón */
    background-color: #000000 !important; /* Fondo negro al pasar el ratón */
    border-color: #000000 !important; /* Borde negro al pasar el ratón */
}

#boton-eventos .vc_general.vc_btn3 {
    border: 2px solid #000000 !important; /* Borde negro */
    color: #ffffff !important; /* Texto blanco */
    background-color: #000000 !important; /* Fondo negro */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transición suave */
	width: 300px !important;
}

#boton-eventos .vc_general.vc_btn3:hover {
    color: #000000 !important; /* Texto negro al pasar el ratón */
    background-color: #ffffff !important; /* Fondo blanco al pasar el ratón */
    border-color: #ffffff !important; /* Borde blanco al pasar el ratón */
}


/* Estilos para pantallas de escritorio */

/* Aplicar padding solo para pantallas mayores a 1200px */
/* Aplicar padding para pantallas mayores o iguales a 1200px */

@media (max-width: 1199px) {
  #events-section {
    padding-left: 15px !important; /* Ajusta a tu necesidad para resoluciones pequeñas */
    padding-right: 15px !important; /* Ajusta a tu necesidad para resoluciones pequeñas */
  }
}

@media (max-width: 700px) {
    #title-events {
        font-size: 40px !important; /* Tamaño de fuente reducido para móviles */
        line-height: normal!important; /* Puedes ajustar esto si es necesario */
    }
}


/* Estilo por defecto del elemento del menú */
#nav-menu-item-4919 a {
    text-decoration: none; /* Elimina el subrayado del enlace */
}

/* Estilo por defecto */
#nav-menu-item-4919 .item_outer {
    background-color: transparent; /* Fondo transparente */
    color: white; /* Texto negro */
    border: 1px solid white; /* Borde blanco */
    padding: 5px 10px; /* Ajusta el padding para controlar la altura y el ancho */
    display: inline-block; /* Permite que el padding afecte correctamente */
    transition: background-color 0.3s, color 0.3s, border 0.3s; /* Transición suave */
}

#nav-menu-item-4919 .item_text {
    color: inherit; /* El texto hereda el color de .item_outer */
}

/* Estilo del elemento del menú al pasar el mouse */
#nav-menu-item-4919 a:hover .item_outer {
    background-color: white; /* Fondo blanco */
    color: black; /* Texto negro */
    border: 1px solid black; /* Borde negro */
}




.mkdf-menu-area.mkdf-menu-left {
    background-color: #000000; /* Color negro */
}

.mkdf-header-cart .mkdf-cart-image-dark,
.mkdf-header-cart .mkdf-cart-image-light {
    filter: brightness(0) invert(1);
}


.mkdf-main-menu>ul>li>a {
    color: white;
}

.widget a {
    color:white;
}


.mkdf-mobile-header .mkdf-mobile-header-inner {
    background-color: black;
}

.mkdf-icon-font-elegant.icon_menu {
    color: white;
}

.mkdf-menu-area {
    background-color: #000000 !important;
}