/* ═══════════════════════════════════════════
   BRANDING OVERRIDES - Solo colores de acento
   --main (texto) NO se toca (viene del child theme)
   --secondary (acento) se actualiza desde .env
   ═══════════════════════════════════════════ */

:root {
    --secondary: #c12c2c;
    --secondary-rgb: 193, 44, 44;
    --secondary-hover: #a71212;

    --typo-primary: 'Prata', sans-serif;
    --typo-secondary: 'Urbanist', sans-serif;
}

/* Botones Divi */
.et_pb_button,
body .et_pb_button,
.et_pb_more_button,
.et_pb_promo_button,
.et_pb_newsletter_button {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
    color: #fff !important;
}
.et_pb_button:hover,
body .et_pb_button:hover {
    background-color: #a71212 !important;
    border-color: #a71212 !important;
    color: #fff !important;
}

/* Botón header CTA */
#et-secondary-menu .et_pb_button,
.et_header_style .et_pb_button,
#top-menu a.et_pb_button {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
    color: #fff !important;
}

/* Botón BUSCAR y submits */
.et_pb_search .et_pb_searchsubmit,
input[type="submit"],
button[type="submit"],
.search-submit {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
    color: #fff !important;
}

/* Links menú activo / hover */
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current_page_item > a,
#top-menu li a:hover,
.et_mobile_menu li a:hover,
.et_mobile_menu li.current-menu-item > a {
    color: #c12c2c !important;
}

/* Fix: Divi customizer deja color vacío en menú activo - forzar */
body #top-menu li.current-menu-item > a,
body #top-menu li.current-menu-ancestor > a,
body #top-menu li.current_page_item > a {
    color: #c12c2c !important;
}

/* Módulos Divi (CTA, pricing, slides) */
.et_pb_cta .et_pb_button,
.et_pb_pricing_table_button,
.et_pb_slide_description .et_pb_button {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
}

/* Tabs activas */
.et_pb_tabs .et_pb_tab_active a,
.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active {
    border-color: #c12c2c !important;
    color: #c12c2c !important;
}

/* Barras de progreso */
.et_pb_counter_amount {
    background-color: #c12c2c !important;
}

/* Blurb/toggle hover */
.et_pb_blurb_container h4 a:hover,
.et_pb_toggle_title:hover,
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title {
    color: #c12c2c !important;
}

/* Iconos Divi hover */
.et-pb-icon:hover,
.et_pb_member_social_links a:hover {
    color: #c12c2c !important;
}

/* ── Buscador hero ── */
.filtro-buscador .btn-buscar,
.filtro-buscador button,
.buscador-home button,
.buscador-home .btn-buscar,
.boton-buscar {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
    color: #fff !important;
}
.filtro-buscador .btn-buscar:hover,
.buscador-home button:hover {
    background-color: #a71212 !important;
}

/* ── Plugin visitas ── */
.btn-primary,
.boton-reservar,
.btn-comprar {
    background-color: #c12c2c !important;
    border-color: #c12c2c !important;
}
.btn-primary:hover,
.boton-reservar:hover,
.btn-comprar:hover {
    background-color: #a71212 !important;
    border-color: #a71212 !important;
}

/* ── Logo más pequeño para que no se corte ── */
#logo {
    max-height: 60px !important;
}
.et_pb_svg_logo #logo {
    height: auto !important;
    max-height: 60px !important;
}

/* ── Forzar textos de contacto (dirección, email, teléfono) en negro ── */
.et_pb_text_inner a[href^="mailto:"],
.et_pb_text_inner a[href^="tel:"],
.et_pb_blurb_description a[href^="mailto:"],
.et_pb_blurb_description a[href^="tel:"],
.et_pb_blurb_description a,
.et_pb_blurb_container .et_pb_blurb_description,
.et_pb_blurb_container .et_pb_blurb_description p,
.et_pb_text_inner p,
.et_pb_text_inner address,
#main-content .et_pb_section a[href^="mailto:"],
#main-content .et_pb_section a[href^="tel:"] {
    color: var(--main) !important;
}
.et_pb_text_inner a[href^="mailto:"]:hover,
.et_pb_text_inner a[href^="tel:"]:hover,
#main-content .et_pb_section a[href^="mailto:"]:hover,
#main-content .et_pb_section a[href^="tel:"]:hover {
    color: var(--secondary) !important;
}

/* ── Slider servicios similares ── */
.slider-similares {
    margin-top: 32px;
    padding: 24px 0;
}
.titulo-similares {
    font-size: 22px;
    font-weight: 600;
    color: var(--main) !important;
    margin-bottom: 20px;
    font-family: var(--typo-secondary);
}
.slider-similares-contenedor {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 16px;
    scroll-snap-type: x mandatory;
}
.slider-similar-item {
    min-width: 260px;
    max-width: 300px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.05) 0px 0px 0px 1px;
    cursor: pointer;
    transition: var(--transition);
    scroll-snap-align: start;
}
.slider-similar-item:hover {
    box-shadow: rgba(0,0,0,0.12) 0px 4px 16px;
}
.slider-similar-img {
    height: 160px;
    overflow: hidden;
}
.slider-similar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-similar-info {
    padding: 14px 16px;
}
.slider-similar-espacio {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--secondary) !important;
    margin: 0 0 4px;
    font-family: var(--typo-secondary);
}
.slider-similar-nombre {
    font-size: 16px;
    font-weight: 600;
    color: var(--main) !important;
    margin: 0 0 8px;
    font-family: var(--typo-primary);
}
.slider-similar-plazas {
    font-size: 13px;
    color: var(--neutral-600);
}