/*
Theme Name: Clínica Pareja
Template: hello-elementor
Version: 1.0.0
Text Domain: clinica-pareja
*/

body{
    overflow-x: hidden;
}
/*CARD TRATAMIENTOS*/

.card-tratamiento:hover .card-tratamiento-titulo {
    color: var(--primario);
  
}

/* ==================================================
   HEADER — CONFIGURACIÓN GENERAL
   ================================================== */

header.elementor-location-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* ==================================================
   HEADER — HOME
   ================================================== */

body.home header.elementor-location-header {
    background-color: transparent;
}

body.home header.elementor-location-header.header-con-scroll {
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}


/* LOGOTIPO */

body.home header.elementor-location-header img.wp-image-33 {
    transition: filter 0.3s ease;
}

/* Blanco antes del scroll */
body.home header.elementor-location-header:not(.header-con-scroll)
.logo-header
img.wp-image-33 {
    filter: brightness(0) invert(1);
}

/* Color original después del scroll */
body.home header.elementor-location-header.header-con-scroll
img.wp-image-33 {
    filter: none;
}


/* MENÚ PRINCIPAL */

body.home header.elementor-location-header
nav.elementor-nav-menu--main
> ul.elementor-nav-menu
> li > a.elementor-item {
    transition: color 0.3s ease;
}

/* Blanco antes del scroll */
body.home header.elementor-location-header:not(.header-con-scroll) .menu-principal-header
nav.elementor-nav-menu--main
> ul.elementor-nav-menu
> li > a.elementor-item {
    color: #ffffff !important;
}

/* Negro después del scroll */
body.home header.elementor-location-header.header-con-scroll
nav.elementor-nav-menu--main
> ul.elementor-nav-menu
> li > a.elementor-item {
    color: #000000 !important;
}


/* ICONO RESPONSIVE */

body.home header.elementor-location-header
.elementor-menu-toggle,
body.home header.elementor-location-header
.elementor-menu-toggle svg,
body.home header.elementor-location-header
.elementor-menu-toggle svg path {
    transition:
        color 0.3s ease,
        fill 0.3s ease;
}

/* Blanco antes del scroll */
body.home header.elementor-location-header:not(.header-con-scroll)
.elementor-menu-toggle,
body.home header.elementor-location-header:not(.header-con-scroll)
.elementor-menu-toggle svg,
body.home header.elementor-location-header:not(.header-con-scroll)
.elementor-menu-toggle svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Negro después del scroll */
body.home header.elementor-location-header.header-con-scroll
.elementor-menu-toggle,
body.home header.elementor-location-header.header-con-scroll
.elementor-menu-toggle svg,
body.home header.elementor-location-header.header-con-scroll
.elementor-menu-toggle svg path {
    color: #000000 !important;
    fill: #000000 !important;
}


/* ==================================================
   HEADER — PÁGINAS INTERIORES
   ================================================== */

body:not(.home) header.elementor-location-header {
    background-color: #ffffff;
}

/* Sombra después del scroll */
body:not(.home) header.elementor-location-header.header-con-scroll {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}


/* LOGOTIPO ORIGINAL */

body:not(.home) header.elementor-location-header
img.wp-image-33 {
    filter: none;
}


/* MENÚ PRINCIPAL NEGRO */

body:not(.home) header.elementor-location-header
nav.elementor-nav-menu--main
> ul.elementor-nav-menu
> li > a.elementor-item {
    color: #000000 !important;
}


/* ICONO RESPONSIVE NEGRO */

body:not(.home) header.elementor-location-header
.elementor-menu-toggle,
body:not(.home) header.elementor-location-header
.elementor-menu-toggle svg,
body:not(.home) header.elementor-location-header
.elementor-menu-toggle svg path {
    color: #000000 !important;
    fill: #000000 !important;
}


/* ==================================================
   BARRA DE ADMINISTRACIÓN WORDPRESS
   ================================================== */

body.admin-bar header.elementor-location-header {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar header.elementor-location-header {
        top: 46px;
    }
}


/* ==================================================
   MÓVIL — CORRECCIÓN DEL DESPLAZAMIENTO
   ================================================== */

@media (max-width: 767px) {

    header.elementor-location-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;

        margin: 0;
        transform: none;
    }

    /* Compensar espacio de la cabecera en interiores */
    body {
        padding-top: var(--altura-header-movil, 70px);
    }

    /* Home: mantener la cabecera sobre el hero */
    body {
        padding-top: 0;
    }

    /* Barra de administración */
    body.admin-bar header.elementor-location-header {
        top: 46px;
    }

}
/* HOME — CORRECCIÓN HEADER EN MÓVIL */
/*
@media (max-width: 767px) {

    body.home header.elementor-location-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 99999 !important;
    }

    body.home header.elementor-location-header.header-con-scroll {
        background-color: #ffffff;
    }

    body.home header.elementor-location-header:not(.header-con-scroll) {
        background-color: transparent;
    }

}

*/
/*GALERÍA CLÍNICA*/

.galeria-clinica{
    columns:2;
    column-gap: 1rem;
}
.imagen-galeria {
    break-inside: avoid;
    overflow: hidden;
    margin-bottom: 1rem;
}