/* =========================================================
   DOCTA — SISTEMA VISUAL GLOBAL
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

:root{

    /* COLORES DE MARCA */

    --docta-carbon:#1E252B;      /* azul carbón principal */
    --docta-azul:#293239;        /* azul secundario */
    --docta-arena:#C9B8AA;       /* acento arena */
    --docta-marfil:#F5F3F0;      /* fondo claro cálido */
    --docta-blanco:#FFFFFF;

    --docta-texto:#4E565C;
    --docta-texto-claro:#858C91;

    --docta-linea:#DED9D4;


    /* TIPOGRAFÍAS */

    --docta-serif:"Montserrat", Arial, sans-serif;
    --docta-text:"Montserrat", Arial, sans-serif;
    --docta-ui:"Montserrat", Arial, sans-serif;


    /* MEDIDAS GLOBALES */

    --docta-max:1180px;

    --docta-section:100px;
    --docta-section-mobile:70px;

    --docta-radius:0px;


    /* SOMBRAS */

    --docta-shadow:
        0 18px 50px
        rgba(30,37,43,.10);

}


/* =========================================================
   BASE
========================================================= */

html{
    scroll-behavior:smooth;
}

body{
    margin:0;

    background:
        var(--docta-marfil);

    color:
        var(--docta-carbon);

    font-family:
        var(--docta-text);

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}

body *{
    box-sizing:border-box;
}

a{
    color:inherit;
}

img{
    max-width:100%;
}


/* =========================================================
   CONTENEDORES
========================================================= */

.docta-global-wrap,
.docta-wrap,
.docta-prop-wrap,
.docta-venta-wrap,
.docta-alquiler-wrap,
.docta-emp-wrap,
.docta-nosotros-wrap,
.docta-contacto-wrap,
.docta-ficha-wrap{

    width:min(
        var(--docta-max),
        calc(100% - 48px)
    );

    margin-left:auto;
    margin-right:auto;
}


/* =========================================================
   TIPOGRAFÍA
========================================================= */

.docta-global-title,
#docta-nueva h1,
#docta-nueva h2,
#docta-propiedades-page h1,
#docta-propiedades-page h2,
#docta-venta-page h1,
#docta-venta-page h2,
#docta-alquiler-page h1,
#docta-alquiler-page h2,
#docta-emprendimientos-page h1,
#docta-emprendimientos-page h2,
#docta-nosotros h1,
#docta-nosotros h2,
#docta-contacto h1,
#docta-contacto h2,
.docta-ficha h1,
.docta-ficha h2{

    font-family:
        var(--docta-serif);

    color:
        var(--docta-carbon);

    font-weight:500;

    letter-spacing:
        -.025em;

    line-height:
        1.12;
}


.docta-global-eyebrow,
.docta-eyebrow,
.docta-prop-kicker,
.docta-venta-kicker,
.docta-alquiler-kicker,
.docta-emp-kicker,
.docta-nosotros-eyebrow,
.docta-nosotros-small-title,
.docta-contacto-eyebrow,
.docta-ficha-kicker,
.docta-ficha-subtitulo{

    color:
        var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}


/* =========================================================
   BOTONES
========================================================= */

.docta-button,
.docta-nosotros-button,
.docta-contacto-whatsapp,
.docta-whatsapp,
.docta-search-button,
.docta-prop-search button,
.docta-venta-search button,
.docta-alquiler-search button,
.docta-emp-search button,
.docta-contacto-submit{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:
        14px 24px;

    border:
        1px solid
        var(--docta-carbon);

    border-radius:
        var(--docta-radius);

    background:
        var(--docta-carbon);

    color:
        var(--docta-blanco)
        !important;

    font-family:
        var(--docta-ui);

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;

    text-decoration:
        none;

    cursor:pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.docta-button:hover,
.docta-nosotros-button:hover,
.docta-contacto-whatsapp:hover,
.docta-whatsapp:hover,
.docta-search-button:hover,
.docta-prop-search button:hover,
.docta-venta-search button:hover,
.docta-alquiler-search button:hover,
.docta-emp-search button:hover,
.docta-contacto-submit:hover{

    background:
        var(--docta-arena);

    border-color:
        var(--docta-arena);

    color:
        var(--docta-carbon)
        !important;
}


/* =========================================================
   HEADER GLOBAL
========================================================= */

.docta-global-header{

    position:sticky;

    top:0;

    z-index:99990;

    width:100%;

    background:
        rgba(255,255,255,.96);

    border-bottom:
        1px solid
        var(--docta-linea);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}


.docta-global-header-inner{

    width:min(
        var(--docta-max),
        calc(100% - 48px)
    );

    min-height:
        78px;

    margin:auto;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:36px;
}

.docta-global-logo{
    display:flex;
    align-items:center;

    color:
        var(--docta-carbon)
        !important;

    font-family:
        var(--docta-ui);

    font-size:
        23px;

    font-weight:
        600;

    line-height:1;

    letter-spacing:
        .20em;

    text-decoration:
        none
        !important;
}


.docta-global-logo-img{
    display:block;

    width:auto;
    height:46px;

    max-width:220px;

    object-fit:contain;
}


.docta-global-logo-text{
    color:
        var(--docta-carbon);

    font-family:
        var(--docta-ui);

    font-size:23px;

    font-weight:600;

    line-height:1;

    letter-spacing:.20em;
}

.docta-global-nav{

    display:flex;

    align-items:center;

    gap:27px;
}


.docta-global-nav a{

    position:relative;

    color:
        var(--docta-carbon)
        !important;

    font-family:
        var(--docta-ui);

    font-size:
        10px;

    font-weight:
        500;

    letter-spacing:
        .035em;

    text-decoration:
        none
        !important;

    transition:
        color .2s ease;
}


.docta-global-nav a:hover{

    color:
        var(--docta-arena)
        !important;
}


.docta-global-nav a:after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:0;
    height:1px;

    background:
        var(--docta-arena);

    transition:
        width .25s ease;
}


.docta-global-nav a:hover:after{

    width:100%;
}


/* =========================================================
   FILTROS
========================================================= */

.docta-search,
.docta-prop-search,
.docta-venta-search,
.docta-alquiler-search,
.docta-emp-search{

    background:
        var(--docta-blanco);

    border:
        1px solid
        var(--docta-linea);

    box-shadow:
        0 14px 38px
        rgba(30,35,40,.07);
}


.docta-search-item,
.docta-prop-filter,
.docta-venta-filter,
.docta-alquiler-filter,
.docta-emp-filter{

    padding:
        19px 22px;
}


.docta-search-item label,
.docta-prop-filter label,
.docta-venta-filter label,
.docta-alquiler-filter label,
.docta-emp-filter label{

    color:
        var(--docta-texto-claro);

    font-family:
        var(--docta-ui);

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.docta-search-item select,
.docta-prop-filter select,
.docta-venta-filter select,
.docta-alquiler-filter select,
.docta-emp-filter select{

    color:
        var(--docta-carbon);

    font-family:
        var(--docta-text);

    font-size:
        14px;
}


/* =========================================================
   CARDS DE PROPIEDADES
========================================================= */

.docta-property,
.docta-card,
.docta-venta-card,
.docta-alquiler-card,
.docta-emp-card{

    background:
        var(--docta-blanco);

    border:
        1px solid
        var(--docta-linea);

    overflow:hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.docta-property:hover,
.docta-card:hover,
.docta-venta-card:hover,
.docta-alquiler-card:hover,
.docta-emp-card:hover{

    transform:
        translateY(-4px);

    box-shadow:
        var(--docta-shadow);
}


.docta-property-img,
.docta-card-img,
.docta-venta-card-img,
.docta-alquiler-card-img,
.docta-emp-card-img{

    height:
        300px;
}


.docta-badge,
.docta-card-badge,
.docta-venta-badge,
.docta-alquiler-badge,
.docta-emp-badge{

    background:
        rgba(201,184,170,.96);

    color:
        var(--docta-carbon);

    font-family:
        var(--docta-ui);

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.docta-property-body,
.docta-card-body,
.docta-venta-card-body,
.docta-alquiler-card-body,
.docta-emp-card-body{

    padding:
        24px;
}


.docta-property-location,
.docta-card-location,
.docta-venta-location,
.docta-alquiler-location,
.docta-emp-location{

    color:
        var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.docta-property h3,
.docta-card h3,
.docta-venta-card h3,
.docta-alquiler-card h3,
.docta-emp-card h3{

    font-family:
        var(--docta-serif);

    font-size:
        29px;

    font-weight:
        600;

    line-height:
        1.05;

    letter-spacing:
        -.015em;
}


.docta-price,
.docta-card-price,
.docta-venta-price,
.docta-alquiler-price,
.docta-emp-price{

    font-family:
        var(--docta-ui);

    font-size:
        15px;

    font-weight:
        600;
}


/* =========================================================
   FICHA INDIVIDUAL
========================================================= */

.docta-ficha{

    background:
        var(--docta-marfil);

    color:
        var(--docta-carbon);

    font-family:
        var(--docta-text);
}


.docta-ficha-datos{

    background:
        var(--docta-blanco);

    border:
        1px solid
        var(--docta-linea);

    box-shadow:
        0 14px 35px
        rgba(30,35,40,.05);
}


.docta-ficha-precio{

    font-family:
        var(--docta-ui);

    font-size:
        22px;

    font-weight:
        600;
}


/* =========================================================
   FOOTER GLOBAL BASE
========================================================= */

.docta-global-footer{

    background:
        var(--docta-carbon);

    color:
        var(--docta-blanco);

    padding:
        72px 0 28px;
}


.docta-global-footer a{

    color:
        #D9D9D9;

    text-decoration:
        none;
}


.docta-global-footer a:hover{

    color:
        var(--docta-arena);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){

    :root{
        --docta-section:
            90px;
    }

    .docta-global-nav{
        gap:17px;
    }

    .docta-property-img,
    .docta-card-img,
    .docta-venta-card-img,
    .docta-alquiler-card-img,
    .docta-emp-card-img{

        height:
            270px;
    }

}


@media(max-width:767px){

    :root{
        --docta-section:
            var(
                --docta-section-mobile
            );
    }

    .docta-global-wrap,
    .docta-wrap,
    .docta-prop-wrap,
    .docta-venta-wrap,
    .docta-alquiler-wrap,
    .docta-emp-wrap,
    .docta-nosotros-wrap,
    .docta-contacto-wrap,
    .docta-ficha-wrap{

        width:
            calc(100% - 32px);
    }

    .docta-property-img,
    .docta-card-img,
    .docta-venta-card-img,
    .docta-alquiler-card-img,
    .docta-emp-card-img{

        height:
            260px;
    }

}
/* =========================================================
   FOOTER GLOBAL DOCTA — COMPLETO
========================================================= */

.docta-global-footer{
    background:var(--docta-carbon);
    color:var(--docta-blanco);

    padding:
        78px 0 28px;
}


.docta-global-footer-wrap{
    width:min(
        var(--docta-max),
        calc(100% - 48px)
    );

    margin:0 auto;
}


.docta-global-footer-grid{
    display:grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr;

    gap:65px;
}


.docta-global-footer-logo{
    display:inline-block;

    color:#FFFFFF !important;

    font-family:
        var(--docta-ui);

    font-size:27px;

    font-weight:600;

    letter-spacing:.20em;

    text-decoration:none !important;

    margin-bottom:12px;
}


.docta-global-footer-sub{
    color:var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:9px;

    font-weight:600;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:24px;
}


.docta-global-footer-text{
    max-width:320px;

    color:#B9B9B9;

    font-size:13px;

    line-height:1.75;

    margin:0;
}


.docta-global-footer-title{
    color:var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:9px;

    font-weight:600;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:20px;
}


.docta-global-footer-links{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:11px;
}


.docta-global-footer-links a,
.docta-global-footer-contacto a{
    color:#D8D8D8 !important;

    font-family:
        var(--docta-text);

    font-size:13px;

    line-height:1.6;

    text-decoration:none !important;

    transition:
        color .2s ease;
}


.docta-global-footer-links a:hover,
.docta-global-footer-contacto a:hover{
    color:var(--docta-arena) !important;
}


.docta-global-footer-contacto{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:11px;

    color:#D8D8D8;

    font-size:13px;
}


.docta-global-footer-bottom{
    display:flex;

    justify-content:space-between;

    gap:30px;

    margin-top:62px;

    padding-top:24px;

    border-top:
        1px solid
        rgba(255,255,255,.12);

    color:#8F9294;

    font-size:11px;
}


/* TABLET */

@media(max-width:1024px){

    .docta-global-footer-grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:50px;
    }

}


/* MOBILE */

@media(max-width:767px){

    .docta-global-footer{
        padding:
            60px 0 24px;
    }


    .docta-global-footer-wrap{
        width:
            calc(100% - 32px);
    }


    .docta-global-footer-grid{
        grid-template-columns:1fr;

        gap:38px;
    }


    .docta-global-footer-bottom{
        display:block;

        margin-top:45px;
    }


    .docta-global-footer-bottom div + div{
        margin-top:8px;
    }

}

/* =========================================================
   LOGO HEADER — MOBILE
========================================================= */

@media(max-width:767px){

    .docta-global-logo-img{
        height:38px;
        max-width:180px;
    }

}
/* =========================================================
   DOCTA — FORZAR IDENTIDAD VISUAL GLOBAL
   Sobrescribe los estilos antiguos de cada página
========================================================= */


/* =========================================================
   PALETA + TIPOGRAFÍAS
========================================================= */

#docta-nueva,
#docta-propiedades-page,
#docta-venta-page,
#docta-alquiler-page,
#docta-emprendimientos-page,
#docta-nosotros,
#docta-contacto,
.docta-ficha {

    --carbon:var(--docta-carbon) !important;
    --arena:var(--docta-arena) !important;
    --marfil:var(--docta-marfil) !important;
    --blanco:var(--docta-blanco) !important;
    --texto:var(--docta-texto) !important;
    --linea:var(--docta-linea) !important;

    --serif:var(--docta-serif) !important;
    --texto-font:var(--docta-text) !important;
    --ui:var(--docta-ui) !important;
}


/* =========================================================
   FONDOS GENERALES
========================================================= */

body{
    background:var(--docta-marfil) !important;
}

#docta-nueva,
#docta-propiedades-page,
#docta-venta-page,
#docta-alquiler-page,
#docta-emprendimientos-page,
#docta-nosotros,
#docta-contacto,
.docta-ficha{
    background:var(--docta-marfil) !important;
}


/* =========================================================
   HEADER PREMIUM AZUL
========================================================= */

.docta-global-header{
    background:
        rgba(13,24,42,.98)
        !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.10)
        !important;
}


.docta-global-nav a{
    color:#FFFFFF !important;
}


.docta-global-nav a:hover{
    color:
        var(--docta-arena)
        !important;
}


.docta-global-logo-text{
    color:#FFFFFF !important;
}


.docta-global-menu-button span{
    background:#FFFFFF !important;
}


/* =========================================================
   HERO INICIO
========================================================= */

#docta-nueva .docta-hero{
    background:
        var(--docta-marfil)
        !important;
}


#docta-nueva .docta-eyebrow{
    color:
        var(--docta-arena)
        !important;
}


#docta-nueva .docta-hero h1{
    color:
        var(--docta-carbon)
        !important;
}


/* =========================================================
   TÍTULOS
========================================================= */

#docta-nueva h1,
#docta-nueva h2,

#docta-propiedades-page h1,
#docta-propiedades-page h2,

#docta-venta-page h1,
#docta-venta-page h2,

#docta-alquiler-page h1,
#docta-alquiler-page h2,

#docta-emprendimientos-page h1,
#docta-emprendimientos-page h2,

#docta-nosotros h1,
#docta-nosotros h2,

#docta-contacto h1,
#docta-contacto h2,

.docta-ficha h1,
.docta-ficha h2{

    color:
        var(--docta-carbon)
        !important;

    font-family:
        var(--docta-serif)
        !important;
}


/* =========================================================
   EYEBROWS / ETIQUETAS
========================================================= */

.docta-eyebrow,
.docta-prop-kicker,
.docta-venta-kicker,
.docta-alquiler-kicker,
.docta-emp-kicker,
.docta-nosotros-eyebrow,
.docta-nosotros-small-title,
.docta-contacto-eyebrow,
.docta-ficha-kicker,
.docta-ficha-subtitulo{

    color:
        var(--docta-arena)
        !important;

    font-family:
        var(--docta-ui)
        !important;
}


/* =========================================================
   BOTONES
========================================================= */

.docta-button,
.docta-search-button,
.docta-prop-search button,
.docta-venta-search button,
.docta-alquiler-search button,
.docta-emp-search button,
.docta-nosotros-button,
.docta-contacto-whatsapp,
.docta-contacto-submit,
.docta-whatsapp{

    background:
        var(--docta-carbon)
        !important;

    border-color:
        var(--docta-carbon)
        !important;

    color:#FFFFFF
        !important;

    font-family:
        var(--docta-ui)
        !important;
}


.docta-button:hover,
.docta-search-button:hover,
.docta-prop-search button:hover,
.docta-venta-search button:hover,
.docta-alquiler-search button:hover,
.docta-emp-search button:hover,
.docta-nosotros-button:hover,
.docta-contacto-whatsapp:hover,
.docta-contacto-submit:hover,
.docta-whatsapp:hover{

    background:
        var(--docta-arena)
        !important;

    border-color:
        var(--docta-arena)
        !important;

    color:
        var(--docta-carbon)
        !important;
}


/* =========================================================
   BUSCADORES
========================================================= */

.docta-search,
.docta-prop-search,
.docta-venta-search,
.docta-alquiler-search,
.docta-emp-search{

    background:
        var(--docta-blanco)
        !important;

    border-color:
        var(--docta-linea)
        !important;

    box-shadow:
        0 15px 45px
        rgba(13,24,42,.08)
        !important;
}


/* =========================================================
   CARDS
========================================================= */

.docta-property,
.docta-card,
.docta-venta-card,
.docta-alquiler-card,
.docta-emp-card{

    background:
        var(--docta-blanco)
        !important;

    border-color:
        var(--docta-linea)
        !important;
}


.docta-badge,
.docta-card-badge,
.docta-venta-badge,
.docta-alquiler-badge,
.docta-emp-badge{

    background:
        var(--docta-carbon)
        !important;

    color:#FFFFFF
        !important;
}


/* =========================================================
   PRECIO
========================================================= */

.docta-price,
.docta-card-price,
.docta-venta-price,
.docta-alquiler-price,
.docta-emp-price,
.docta-ficha-precio{

    color:
        var(--docta-carbon)
        !important;

    font-family:
        var(--docta-ui)
        !important;
}


/* =========================================================
   QUIÉNES SOMOS — SECCIÓN OSCURA
========================================================= */

.docta-nosotros-metodo{

    background:
        var(--docta-carbon)
        !important;
}


/* Como el fondo es oscuro,
   estos títulos deben ser blancos */

.docta-nosotros-metodo h2,
.docta-nosotros-metodo h3{

    color:#FFFFFF
        !important;
}


/* =========================================================
   CTA ARENA
========================================================= */

.docta-nosotros-cta,
.docta-cta{

    background:
        var(--docta-arena)
        !important;
}


/* =========================================================
   FICHA PROPIEDAD
========================================================= */

.docta-ficha-datos{

    background:#FFFFFF
        !important;

    border-color:
        var(--docta-linea)
        !important;
}
/* =========================================================
   FIX HEADER GLOBAL — CONTRASTE
========================================================= */

.docta-global-header{
    background:var(--docta-carbon) !important;
}

.docta-global-header .docta-global-nav a,
.docta-global-header .docta-global-nav a:visited{
    color:#FFFFFF !important;
}

.docta-global-header .docta-global-nav a:hover{
    color:var(--docta-arena) !important;
}

.docta-global-header .docta-global-logo,
.docta-global-header .docta-global-logo:visited,
.docta-global-header .docta-global-logo-text{
    color:#FFFFFF !important;
}

/* Si cargás un logo en imagen */
.docta-global-logo-img{
    display:block;
    width:auto;
    height:46px;
    max-width:220px;
    object-fit:contain;
}

/* Hamburguesa mobile */
.docta-global-header .docta-global-menu-button span{
    background:#FFFFFF !important;
}


/* Menú desplegable móvil */

@media(max-width:767px){

    .docta-global-header .docta-global-nav{
        background:var(--docta-carbon) !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
    }

    .docta-global-header .docta-global-nav a,
    .docta-global-header .docta-global-nav a:visited{
        color:#FFFFFF !important;
    }

    .docta-global-header .docta-global-nav a:hover{
        color:var(--docta-arena) !important;
    }

}

/* =========================================================
   HEADER — PÁGINA ACTIVA
========================================================= */

.docta-global-header .docta-global-nav a.activo{
    color:var(--docta-arena) !important;
}

.docta-global-header .docta-global-nav a.activo:after{
    width:100%;
}

/* =========================================================
   DOCTA — HEADER PREMIUM DEFINITIVO
========================================================= */

.docta-global-header{
    position:sticky;
    top:0;
    z-index:99990;

    width:100%;

    background:
        rgba(30,37,43,.98)
        !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.10)
        !important;

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}


/* CONTENEDOR */

.docta-global-header-inner{
    width:min(
        var(--docta-max),
        calc(100% - 48px)
    );

    min-height:82px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:40px;
}


/* LOGO */

.docta-global-logo{
    display:flex;
    align-items:center;

    text-decoration:none
        !important;
}


.docta-global-logo-img{
    display:block;

    width:auto;
    height:46px;

    max-width:220px;

    object-fit:contain;
}


.docta-global-logo-text{
    color:
        var(--docta-blanco)
        !important;

    font-family:
        var(--docta-ui);

    font-size:26px;

    font-weight:600;

    line-height:1;

    letter-spacing:.18em;
}


/* NAVEGACIÓN */

.docta-global-nav{
    display:flex;
    align-items:center;

    gap:29px;
}


.docta-global-header .docta-global-nav a,
.docta-global-header .docta-global-nav a:visited{
    position:relative;

    color:
        rgba(255,255,255,.88)
        !important;

    font-family:
        var(--docta-ui);

    font-size:11px;

    font-weight:500;

    line-height:1;

    letter-spacing:.055em;

    text-decoration:none
        !important;

    transition:
        color .25s ease;
}


/* LÍNEA INFERIOR */

.docta-global-header .docta-global-nav a:after{
    content:"";

    position:absolute;

    left:0;
    bottom:-10px;

    width:0;
    height:1px;

    background:
        var(--docta-arena);

    transition:
        width .25s ease;
}


/* HOVER */

.docta-global-header .docta-global-nav a:hover{
    color:
        var(--docta-arena)
        !important;
}


.docta-global-header .docta-global-nav a:hover:after{
    width:100%;
}


/* PÁGINA ACTIVA */

.docta-global-header .docta-global-nav a.activo{
    color:
        var(--docta-arena)
        !important;
}


.docta-global-header .docta-global-nav a.activo:after{
    width:100%;
}


/* =========================================================
   HEADER — TABLET
========================================================= */

@media(max-width:1024px){

    .docta-global-header-inner{
        min-height:76px;
    }

    .docta-global-nav{
        gap:18px;
    }

    .docta-global-header .docta-global-nav a{
        font-size:9px;
    }

}


/* =========================================================
   HEADER — MOBILE
========================================================= */

@media(max-width:767px){

    .docta-global-header-inner{
        width:calc(100% - 32px);

        min-height:72px;
    }


    .docta-global-logo-img{
        height:38px;

        max-width:180px;
    }


    .docta-global-logo-text{
        font-size:22px;
    }


    .docta-global-menu-button span{
        background:
            var(--docta-blanco)
            !important;
    }


    .docta-global-header .docta-global-nav{
        background:
            var(--docta-carbon)
            !important;

        border-top:
            1px solid
            rgba(255,255,255,.10)
            !important;
    }


    .docta-global-header .docta-global-nav a,
    .docta-global-header .docta-global-nav a:visited{
        color:
            var(--docta-blanco)
            !important;
    }


    .docta-global-header .docta-global-nav a.activo{
        color:
            var(--docta-arena)
            !important;
    }

}

/* =========================================================
   HEADER — SIN LÍNEA INFERIOR
========================================================= */

.docta-global-header{
    border-bottom:0 !important;
}
/* =========================================================
   HEADER — UNIÓN LIMPIA CON HERO
========================================================= */

.docta-global-header{
    margin-bottom:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

/* =========================================================
   DOCTA — FOOTER PREMIUM DEFINITIVO
   Ajuste final de ritmo, jerarquía y responsive
========================================================= */

.docta-global-footer{
    background:
        var(--docta-carbon)
        !important;

    color:
        var(--docta-blanco);

    padding:
        52px 0 24px
        !important;
}


.docta-global-footer-wrap{
    width:min(
        var(--docta-max),
        calc(100% - 48px)
    );

    margin:0 auto;
}


.docta-global-footer-grid{
    display:grid;

    grid-template-columns:
        1.45fr
        .9fr
        .9fr
        1.05fr;

    gap:
        clamp(34px,4vw,58px);

    align-items:start;
}


.docta-global-footer-logo{
    display:inline-block;

    margin:0 0 10px;

    color:
        var(--docta-blanco)
        !important;

    font-family:
        var(--docta-ui);

    font-size:24px;

    font-weight:600;

    line-height:1;

    letter-spacing:.18em;

    text-decoration:none
        !important;
}


.docta-global-footer-sub{
    margin:0 0 18px;

    color:
        var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:8px;

    font-weight:600;

    line-height:1.4;

    letter-spacing:.16em;

    text-transform:uppercase;
}


.docta-global-footer-text{
    max-width:300px;

    margin:0;

    color:
        rgba(255,255,255,.66);

    font-size:12px;

    line-height:1.65;
}


.docta-global-footer-title{
    margin:2px 0 16px;

    color:
        var(--docta-arena);

    font-family:
        var(--docta-ui);

    font-size:8px;

    font-weight:600;

    line-height:1.4;

    letter-spacing:.16em;

    text-transform:uppercase;
}


.docta-global-footer-links,
.docta-global-footer-contacto{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:8px;
}


.docta-global-footer-links a,
.docta-global-footer-contacto,
.docta-global-footer-contacto a{
    color:
        rgba(255,255,255,.76)
        !important;

    font-family:
        var(--docta-text);

    font-size:12px;

    line-height:1.55;

    text-decoration:none
        !important;
}


.docta-global-footer-links a:hover,
.docta-global-footer-contacto a:hover{
    color:
        var(--docta-arena)
        !important;
}


.docta-global-footer-bottom{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:30px;

    margin-top:38px;

    padding-top:18px;

    border-top:
        1px solid
        rgba(255,255,255,.09);

    color:
        rgba(255,255,255,.45);

    font-size:10px;

    line-height:1.5;
}


/* FOOTER — TABLET */

@media(max-width:1024px){

    .docta-global-footer{
        padding:
            48px 0 22px
            !important;
    }

    .docta-global-footer-grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:
            34px 48px;
    }

    .docta-global-footer-bottom{
        margin-top:34px;
    }

}


/* FOOTER — MOBILE */

@media(max-width:767px){

    .docta-global-footer{
        padding:
            42px 0 20px
            !important;
    }

    .docta-global-footer-wrap{
        width:
            calc(100% - 32px);
    }

    .docta-global-footer-grid{
        grid-template-columns:1fr;

        gap:28px;
    }

    .docta-global-footer-logo{
        font-size:23px;
    }

    .docta-global-footer-sub{
        margin-bottom:14px;
    }

    .docta-global-footer-text{
        max-width:100%;
    }

    .docta-global-footer-title{
        margin-bottom:12px;
    }

    .docta-global-footer-bottom{
        display:block;

        margin-top:30px;

        padding-top:16px;
    }

    .docta-global-footer-bottom div + div{
        margin-top:6px;
    }

}

/* =========================================================
   SELECTS / FILTROS — ESTADOS DOCTA
========================================================= */

.docta-search select,
.docta-prop-search select,
.docta-venta-search select,
.docta-alquiler-search select,
.docta-emp-search select{
    accent-color:var(--docta-arena);
}


/* Opciones del desplegable */

.docta-search select option,
.docta-prop-search select option,
.docta-venta-search select option,
.docta-alquiler-search select option,
.docta-emp-search select option{
    background:#FFFFFF;
    color:var(--docta-carbon);
}


/* Foco */

.docta-search select:focus,
.docta-prop-search select:focus,
.docta-venta-search select:focus,
.docta-alquiler-search select:focus,
.docta-emp-search select:focus{
    outline:none;
    box-shadow:none;
}

/* =========================================================
   OCULTAR COPYRIGHT / FOOTER HEREDADO DEL TEMA
========================================================= */

.site-info,
.footer-bottom,
.copyright,
.copyright-text,
.site-footer .site-info,
.site-footer .copyright,
.site-footer .copyright-text{
    display:none !important;
}

/* =========================================================
   FOOTER GLOBAL DOCTA — REFINAMIENTO MOBILE
   Agregar al FINAL de docta-global.css
========================================================= */

@media(max-width:767px){

    .docta-global-footer{
        padding:
            46px 0 22px;
    }

    .docta-global-footer-wrap{
        width:
            calc(100% - 32px);
    }

    .docta-global-footer-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            34px 24px;
    }

    /* El primer bloque (marca + descripción)
       ocupa todo el ancho */
    .docta-global-footer-grid > :first-child{
        grid-column:
            1 / -1;
    }

    .docta-global-footer-logo{
        margin-bottom:10px;

        font-size:24px;
    }

    .docta-global-footer-sub{
        margin-bottom:16px;
    }

    .docta-global-footer-text{
        max-width:100%;

        font-size:12px;

        line-height:1.65;
    }

    .docta-global-footer-title{
        margin-bottom:14px;
    }

    .docta-global-footer-links,
    .docta-global-footer-contacto{
        gap:8px;
    }

    .docta-global-footer-links a,
    .docta-global-footer-contacto,
    .docta-global-footer-contacto a{
        font-size:12px;

        line-height:1.5;
    }

    .docta-global-footer-bottom{
        display:flex;

        flex-direction:column;

        gap:6px;

        margin-top:32px;

        padding-top:18px;

        font-size:10px;
    }

    .docta-global-footer-bottom div + div{
        margin-top:0;
    }
}

/* =========================================================
   HEADER MOBILE — ESTADO ACTIVO DEFINITIVO
   ÚNICA REGLA FINAL PARA SAFARI / WORDPRESS
========================================================= */

@media (max-width:767px){

    /*
     * En móvil NO usamos el subrayado del desktop.
     * Se anulan pseudo-elementos, bordes y sombras tanto
     * en el enlace como en posibles <li> heredados del tema.
     */
    html body .docta-global-header .docta-global-nav,
    html body .docta-global-header .docta-global-nav ul,
    html body .docta-global-header .docta-global-nav li,
    html body .docta-global-header .docta-global-nav a,
    html body .docta-global-header .docta-global-nav a:link,
    html body .docta-global-header .docta-global-nav a:visited,
    html body .docta-global-header .docta-global-nav a:hover,
    html body .docta-global-header .docta-global-nav a:focus,
    html body .docta-global-header .docta-global-nav a:active{
        border:0 !important;
        border-top:0 !important;
        border-right:0 !important;
        border-bottom:0 !important;
        border-left:0 !important;

        box-shadow:none !important;
        outline:0 !important;

        text-decoration:none !important;
        background-image:none !important;
    }

    html body .docta-global-header .docta-global-nav a::before,
    html body .docta-global-header .docta-global-nav a::after,
    html body .docta-global-header .docta-global-nav a:hover::before,
    html body .docta-global-header .docta-global-nav a:hover::after,
    html body .docta-global-header .docta-global-nav a:focus::before,
    html body .docta-global-header .docta-global-nav a:focus::after,
    html body .docta-global-header .docta-global-nav a:active::before,
    html body .docta-global-header .docta-global-nav a:active::after{
        content:none !important;
        display:none !important;

        width:0 !important;
        height:0 !important;

        border:0 !important;
        box-shadow:none !important;
    }

    /*
     * La fila completa sigue siendo cómoda para tocar,
     * pero no puede generar ninguna línea.
     */
    html body .docta-global-header .docta-global-nav a{
        display:block !important;
        width:100% !important;

        color:var(--docta-blanco) !important;

        -webkit-tap-highlight-color:transparent;
    }

    /*
     * Safari puede conservar :hover después de tocar.
     * Lo neutralizamos explícitamente.
     */
    html body .docta-global-header .docta-global-nav a:hover,
    html body .docta-global-header .docta-global-nav a:focus,
    html body .docta-global-header .docta-global-nav a:active{
        color:var(--docta-blanco) !important;
    }

    /*
     * Página actual.
     * Cubrimos tanto la clase propia .activo como las clases
     * estándar de WordPress y aria-current.
     */
    html body .docta-global-header .docta-global-nav a.activo,
    html body .docta-global-header .docta-global-nav a[aria-current="page"],
    html body .docta-global-header .docta-global-nav li.current-menu-item > a,
    html body .docta-global-header .docta-global-nav li.current_page_item > a,
    html body .docta-global-header .docta-global-nav li.current-menu-ancestor > a,
    html body .docta-global-header .docta-global-nav li.current_page_ancestor > a{
        color:var(--docta-arena) !important;

        border:0 !important;
        box-shadow:none !important;
        text-decoration:none !important;
    }

    /*
     * Incluso si el enlace activo conserva :hover/:focus/:active,
     * debe seguir siendo arena y nunca recuperar la línea.
     */
    html body .docta-global-header .docta-global-nav a.activo:hover,
    html body .docta-global-header .docta-global-nav a.activo:focus,
    html body .docta-global-header .docta-global-nav a.activo:active,
    html body .docta-global-header .docta-global-nav a[aria-current="page"]:hover,
    html body .docta-global-header .docta-global-nav a[aria-current="page"]:focus,
    html body .docta-global-header .docta-global-nav a[aria-current="page"]:active,
    html body .docta-global-header .docta-global-nav li.current-menu-item > a:hover,
    html body .docta-global-header .docta-global-nav li.current-menu-item > a:focus,
    html body .docta-global-header .docta-global-nav li.current-menu-item > a:active,
    html body .docta-global-header .docta-global-nav li.current_page_item > a:hover,
    html body .docta-global-header .docta-global-nav li.current_page_item > a:focus,
    html body .docta-global-header .docta-global-nav li.current_page_item > a:active{
        color:var(--docta-arena) !important;

        border:0 !important;
        box-shadow:none !important;
        text-decoration:none !important;
    }

    /*
     * El botón hamburguesa tampoco debe heredar fondos de hover
     * del tema o del navegador.
     */
    html body .docta-global-menu-button,
    html body .docta-global-menu-button:hover,
    html body .docta-global-menu-button:focus,
    html body .docta-global-menu-button:active{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        outline:0 !important;

        -webkit-tap-highlight-color:transparent;
    }

    html body .docta-global-menu-button span{
        background:var(--docta-blanco) !important;
    }
}