/* LAW GROUP V4.3 — Header + Hero */

.lg-header{
    position:absolute !important;
    top:0;
    left:0;
    right:0;
    z-index:999;
    background:linear-gradient(
        180deg,
        rgba(5,16,27,.82) 0%,
        rgba(5,16,27,.50) 68%,
        rgba(5,16,27,0) 100%
    ) !important;
    border:0 !important;
}

.admin-bar .lg-header{
    top:32px;
}

.lg-header-inner{
    height:145px !important;
}

.lg-logo img{
    width:355px !important;
}

.lg-nav{
    gap:36px !important;
}

.lg-nav a{
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    text-transform:none !important;
}

.lg-nav-contact{
    padding:15px 21px !important;
    color:#d8b66c !important;
    border-color:rgba(200,164,90,.72) !important;
}

.lg-hero{
    min-height:850px !important;
    margin-top:0 !important;
}

.lg-hero-copy{
    max-width:650px !important;
    padding-bottom:72px !important;
}

.lg-hero h1{
    max-width:630px !important;
    font-size:clamp(56px,5vw,73px) !important;
    line-height:.99 !important;
}

.lg-hero p{
    max-width:630px !important;
    font-size:15px !important;
    line-height:1.82 !important;
}

@media(max-width:950px){
    .lg-logo img{
        width:285px !important;
    }

    .lg-nav a{
        font-size:38px !important;
    }
}

@media(max-width:620px){
    .lg-header-inner{
        height:96px !important;
    }

    .lg-logo img{
        width:235px !important;
    }

    .lg-hero{
        min-height:760px !important;
    }

    .lg-hero h1{
        font-size:47px !important;
    }

    .lg-hero p{
        font-size:13.5px !important;
    }
}

/* V4.3.1 — permitir mayor lectura del rostro izquierdo */
.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.92) 0%,
            rgba(9,23,37,.43) 40%,
            rgba(9,23,37,.035) 70%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.58) 0%,
            rgba(9,23,37,.38) 23%,
            rgba(9,23,37,.12) 47%,
            rgba(9,23,37,.02) 67%
        ),
        url('/wp-content/uploads/lawgroup-v4/hero.jpg')
        center 42% / cover no-repeat !important;
}


/* =========================================================
   V4.3.2 — NUESTRA FORMA DE TRABAJAR
========================================================= */

.lg-work{
    padding:102px 0 108px;
    background:#091725;
    color:#fff;
}

.lg-work-grid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:88px;
    align-items:center;
}

.lg-work-copy{
    max-width:570px;
}

.lg-work h2{
    margin:0;
    max-width:570px;

    font-family:var(--display);
    font-size:clamp(49px,4.5vw,66px);
    font-weight:400;
    line-height:1.01;
    letter-spacing:-.03em;
}

.lg-work-copy p{
    margin:24px 0 0;
    max-width:550px;

    color:rgba(255,255,255,.67);
    font-size:15px;
    line-height:1.88;
}

.lg-work-note{
    margin-top:31px;
    padding-top:20px;

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

    color:#d7b772;

    font-family:var(--display);
    font-size:22px;
    line-height:1.35;
}

.lg-work-images{
    position:relative;
    padding:0 0 80px 85px;
}

.lg-work-main{
    margin:0;
    overflow:hidden;
}

.lg-work-main img{
    display:block;
    width:100%;
    height:auto;
}

.lg-work-small{
    position:absolute;
    left:0;
    bottom:0;

    width:43%;
    margin:0;

    border:9px solid #091725;
    overflow:hidden;
}

.lg-work-small img{
    display:block;
    width:100%;
    height:auto;
}


/* tablet */

@media(max-width:950px){

    .lg-work-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .lg-work-copy{
        max-width:650px;
    }

}


/* móvil */

@media(max-width:620px){

    .lg-work{
        padding:70px 0;
    }

    .lg-work h2{
        font-size:43px;
    }

    .lg-work-images{
        padding:0 0 47px 33px;
    }

    .lg-work-small{
        width:45%;
        border-width:6px;
    }

}


/* =========================================================
   V4.3.3 — NUESTRA OFICINA
========================================================= */

.lg-offices{
    padding:108px 0 116px;
    background:#f3f0e9;
    color:var(--ink);
}

.lg-offices-head{
    display:grid;
    grid-template-columns:1.08fr .72fr;
    gap:90px;
    align-items:end;
    margin-bottom:48px;
}

.lg-offices h2{
    max-width:760px;
    margin:0;

    font-family:var(--display);
    font-size:clamp(50px,4.7vw,69px);
    font-weight:400;
    line-height:1.01;
    letter-spacing:-.035em;
}

.lg-offices-head p{
    max-width:500px;
    margin:0 0 5px;

    color:var(--muted);
    font-size:15px;
    line-height:1.86;
}


.lg-offices-gallery{
    display:grid;
    grid-template-columns:.93fr 1.07fr;
    gap:18px;
}

.lg-offices-gallery figure{
    margin:0;
    overflow:hidden;
    background:#ddd;
}

.lg-offices-gallery img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


.lg-office-corridor{
    min-height:760px;
}

.lg-office-corridor img{
    object-position:center;
}


.lg-offices-right{
    display:grid;
    grid-template-rows:.78fr 1.22fr;
    gap:18px;
}

.lg-office-reception{
    min-height:300px;
}

.lg-office-reception img{
    object-position:center;
}


.lg-offices-pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.lg-offices-pair figure{
    min-height:415px;
}


/* tablet */

@media(max-width:950px){

    .lg-offices-head{
        grid-template-columns:1fr;
        gap:30px;
    }

    .lg-offices-gallery{
        grid-template-columns:1fr;
    }

    .lg-office-corridor{
        min-height:560px;
    }

}


/* móvil */

@media(max-width:620px){

    .lg-offices{
        padding:72px 0;
    }

    .lg-offices h2{
        font-size:43px;
    }

    .lg-offices-gallery,
    .lg-offices-right,
    .lg-offices-pair{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }

    .lg-office-corridor,
    .lg-office-reception,
    .lg-offices-pair figure{
        min-height:0;
    }

    .lg-offices-gallery img{
        height:auto;
    }

}


/* =========================================================
   V4.3.4 — TRAYECTORIA
========================================================= */

.lg-history{
    padding:105px 0;
    background:#fff;
    color:var(--ink);
}

.lg-history-grid{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:82px;
    align-items:center;
}

.lg-history-image{
    margin:0;
}

.lg-history-image img{
    display:block;
    width:100%;
    height:auto;
}

.lg-history-copy{
    max-width:590px;
}

.lg-history h2{
    max-width:620px;
    margin:0;

    font-family:var(--display);
    font-size:clamp(48px,4.3vw,64px);
    font-weight:400;
    line-height:1.01;
    letter-spacing:-.035em;
}

.lg-history p{
    max-width:570px;
    margin:24px 0 0;

    color:var(--muted);
    font-size:15px;
    line-height:1.88;
}


/* =========================================================
   V4.3.4 — PREPARACIÓN
========================================================= */

.lg-method{
    padding:104px 0;
    background:#eee9df;
    color:var(--ink);
}

.lg-method-grid{
    display:grid;
    grid-template-columns:.88fr 1.12fr;
    gap:84px;
    align-items:center;
}

.lg-method-copy{
    max-width:570px;
}

.lg-method h2{
    max-width:600px;
    margin:0;

    font-family:var(--display);
    font-size:clamp(48px,4.3vw,64px);
    font-weight:400;
    line-height:1.01;
    letter-spacing:-.035em;
}

.lg-method p{
    max-width:550px;
    margin:24px 0 0;

    color:var(--muted);
    font-size:15px;
    line-height:1.88;
}

.lg-method-image{
    margin:0;
}

.lg-method-image img{
    display:block;
    width:100%;
    height:auto;
}


/* tablet */

@media(max-width:950px){

    .lg-history-grid,
    .lg-method-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

}


/* móvil */

@media(max-width:620px){

    .lg-history,
    .lg-method{
        padding:70px 0;
    }

    .lg-history h2,
    .lg-method h2{
        font-size:43px;
    }

}


/* =========================================================
   V4.3.5 — CIERRE FINAL
========================================================= */


/* EQUIPO */

.lg-team{
    padding-top:108px !important;
    padding-bottom:112px !important;
}

.lg-team-head{
    grid-template-columns:1.08fr .72fr !important;
    gap:90px !important;
    margin-bottom:48px !important;
}

.lg-team-head h2{
    max-width:700px;
}

.lg-team-head > p{
    max-width:500px;
    font-size:15px;
    line-height:1.86;
}

.lg-carousel-heading{
    padding-bottom:16px;
    border-bottom:1px solid rgba(20,34,49,.14);
}

.lg-carousel-heading > h3{
    font-size:34px !important;
}

.lg-carousel-group + .lg-carousel-group{
    margin-top:82px !important;
}


/* CONTACTO */

.lg-contact{
    padding:105px 0 0 !important;
    background:#091725 !important;
    color:#fff;
}

.lg-contact-final{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:110px;
    align-items:start;
}

.lg-contact-intro h2{
    max-width:650px;
    margin:0;

    font-family:var(--display);
    font-size:clamp(53px,4.9vw,72px);
    font-weight:400;
    line-height:.99;
    letter-spacing:-.035em;
}

.lg-contact-intro p{
    max-width:570px;
    margin:26px 0 32px;

    color:rgba(255,255,255,.67);
    font-size:15px;
    line-height:1.88;
}

.lg-contact-cta{
    min-width:180px;
}

.lg-contact-details{
    border-top:1px solid rgba(255,255,255,.20);
}

.lg-contact-item{
    padding:25px 0 27px;
    border-bottom:1px solid rgba(255,255,255,.20);
}

.lg-contact-caption{
    display:block;
    margin-bottom:11px;

    color:#c8a45a;
    font-size:9px;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.lg-contact-item a,
.lg-contact-item address{
    display:block;

    margin:0;

    color:#fff;
    font-family:var(--display);
    font-size:23px;
    font-style:normal;
    font-weight:400;
    line-height:1.42;
}

.lg-contact-item a + a{
    margin-top:4px;
}

.lg-contact-item a{
    transition:color .18s ease;
}

.lg-contact-item a:hover{
    color:#d8b66c;
}

.lg-contact-signature{
    margin-top:85px;
    padding:24px 0 28px;

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

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

    color:rgba(255,255,255,.46);
    font-size:9px;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
}


/* FOOTER */

.lg-footer{
    background:#040b12 !important;
}

.lg-footer-final{
    width:min(var(--wrap),calc(100% - 72px));
    min-height:145px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.lg-footer-logo img{
    width:245px;
    height:auto;

    filter:brightness(0) invert(1);
    opacity:.82;
}

.lg-footer-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:7px;

    color:rgba(255,255,255,.39);
    font-size:9px;
    letter-spacing:.09em;
    text-transform:uppercase;
}


/* pequeños acabados generales */

::selection{
    background:#c8a45a;
    color:#091725;
}

#firma,
#practicas,
#equipo,
#contacto{
    scroll-margin-top:25px;
}


/* TABLET */

@media(max-width:950px){

    .lg-team-head,
    .lg-contact-final{
        grid-template-columns:1fr !important;
        gap:45px !important;
    }

    .lg-footer-final{
        width:calc(100% - 36px);
    }

}


/* MOVIL */

@media(max-width:620px){

    .lg-team{
        padding-top:72px !important;
        padding-bottom:76px !important;
    }

    .lg-contact{
        padding-top:75px !important;
    }

    .lg-contact-intro h2{
        font-size:46px;
    }

    .lg-contact-item a,
    .lg-contact-item address{
        font-size:20px;
    }

    .lg-contact-signature{
        margin-top:60px;
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .lg-footer-final{
        min-height:190px;
        padding:35px 0;

        flex-direction:column;
        justify-content:center;
        text-align:center;
    }

    .lg-footer-logo img{
        width:220px;
    }

    .lg-footer-meta{
        align-items:center;
    }

}

/* V4.3.6 — Hero más contenido */

.lg-hero h1{
    max-width:570px !important;
    font-size:clamp(52px,4.5vw,66px) !important;
    line-height:1 !important;
}

.lg-hero p{
    max-width:580px !important;
    margin-top:22px !important;
    font-size:14.5px !important;
    line-height:1.78 !important;
}



/* =========================================================
   V4.3.7 — HERO INSTITUCIONAL
   Nueva fotografía sin alterar estructura ni tipografía
========================================================= */

.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.88) 0%,
            rgba(9,23,37,.30) 43%,
            rgba(9,23,37,.025) 72%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.68) 0%,
            rgba(9,23,37,.42) 27%,
            rgba(9,23,37,.10) 52%,
            rgba(9,23,37,.015) 70%
        ),
        url('/wp-content/uploads/lawgroup-v43/firma-grupal-01.webp')
        center 45% / cover no-repeat !important;
}


/* móvil: conservar a las personas y dejar sitio para el texto */

@media(max-width:620px){

    .lg-hero{
        background:
            linear-gradient(
                0deg,
                rgba(9,23,37,.95) 0%,
                rgba(9,23,37,.50) 48%,
                rgba(9,23,37,.06) 74%
            ),
            url('/wp-content/uploads/lawgroup-v43/firma-grupal-01.webp')
            61% center / cover no-repeat !important;
    }

}


/* =========================================================
   V4.3.8 — HERO INSTITUCIONAL SIN PERSONAS
========================================================= */

.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.90) 0%,
            rgba(9,23,37,.42) 45%,
            rgba(9,23,37,.10) 74%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.78) 0%,
            rgba(9,23,37,.52) 28%,
            rgba(9,23,37,.18) 54%,
            rgba(9,23,37,.04) 76%
        ),
        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        center center / cover no-repeat !important;
}

@media(max-width: 620px){
    .lg-hero{
        background:
            linear-gradient(
                0deg,
                rgba(9,23,37,.94) 0%,
                rgba(9,23,37,.56) 48%,
                rgba(9,23,37,.12) 75%
            ),
            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            center center / cover no-repeat !important;
    }
}


/* =========================================================
   V4.3.8 — HERO INSTITUCIONAL SIN PERSONAS
========================================================= */

.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.90) 0%,
            rgba(9,23,37,.42) 45%,
            rgba(9,23,37,.10) 74%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.78) 0%,
            rgba(9,23,37,.52) 28%,
            rgba(9,23,37,.18) 54%,
            rgba(9,23,37,.04) 76%
        ),
        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        center center / cover no-repeat !important;
}

@media(max-width: 620px){
    .lg-hero{
        background:
            linear-gradient(
                0deg,
                rgba(9,23,37,.94) 0%,
                rgba(9,23,37,.56) 48%,
                rgba(9,23,37,.12) 75%
            ),
            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            center center / cover no-repeat !important;
    }
}


/* =========================================================
   V4.3.8 — HERO INSTITUCIONAL SIN PERSONAS
========================================================= */

.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.90) 0%,
            rgba(9,23,37,.42) 45%,
            rgba(9,23,37,.10) 74%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.78) 0%,
            rgba(9,23,37,.52) 28%,
            rgba(9,23,37,.18) 54%,
            rgba(9,23,37,.04) 76%
        ),
        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        center center / cover no-repeat !important;
}

@media(max-width: 620px){
    .lg-hero{
        background:
            linear-gradient(
                0deg,
                rgba(9,23,37,.94) 0%,
                rgba(9,23,37,.56) 48%,
                rgba(9,23,37,.12) 75%
            ),
            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            center center / cover no-repeat !important;
    }
}

/* =========================================================
   V4.3.9 — OFICINAS SIN REPETIR EL HERO
========================================================= */

/* A la derecha quedan únicamente las dos salas */
.lg-offices-right{
    display:block !important;
    height:100%;
}

.lg-offices-pair{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:1fr 1fr !important;
    gap:18px !important;
    height:100%;
}

.lg-offices-pair figure{
    min-height:0 !important;
    height:100%;
}

.lg-offices-pair img{
    width:100%;
    height:100%;
    object-fit:cover;
}

@media(max-width:620px){

    .lg-offices-pair{
        grid-template-rows:auto !important;
        height:auto;
    }

    .lg-offices-pair figure{
        height:auto;
    }

    .lg-offices-pair img{
        height:auto;
    }

}


/* =========================================================
   V4.4 — CORRECCIÓN DEFINITIVA HERO + OFICINAS
========================================================= */


/* HERO: recepción limpia, sin los sprays */

.lg-hero{
    background:
        linear-gradient(
            0deg,
            rgba(9,23,37,.91) 0%,
            rgba(9,23,37,.40) 44%,
            rgba(9,23,37,.07) 72%
        ),
        linear-gradient(
            90deg,
            rgba(9,23,37,.73) 0%,
            rgba(9,23,37,.48) 29%,
            rgba(9,23,37,.15) 54%,
            rgba(9,23,37,.025) 75%
        ),
        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        center center / cover no-repeat !important;
}


/* OFICINAS:
   una imagen grande izquierda + dos imágenes apiladas derecha.
   Sin huecos.
*/

.lg-offices-gallery{
    display:grid !important;
    grid-template-columns:1.06fr .94fr !important;
    gap:18px !important;

    height:clamp(620px,56vw,780px) !important;

    align-items:stretch !important;
}

.lg-office-corridor{
    min-height:0 !important;
    height:100% !important;
}

.lg-office-corridor img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}


.lg-offices-right{
    display:block !important;
    height:100% !important;
    min-height:0 !important;
}


.lg-offices-pair{
    display:grid !important;

    grid-template-columns:1fr !important;
    grid-template-rows:1fr 1fr !important;

    gap:18px !important;

    width:100% !important;
    height:100% !important;
}


.lg-offices-pair figure{
    margin:0 !important;

    min-height:0 !important;
    height:100% !important;

    overflow:hidden !important;
}


.lg-offices-pair img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center !important;
}


/* TABLET */

@media(max-width:950px){

    .lg-offices-gallery{
        height:auto !important;

        grid-template-columns:1fr !important;
    }

    .lg-office-corridor{
        height:auto !important;
    }

    .lg-office-corridor img{
        height:auto !important;
    }

    .lg-offices-right{
        height:auto !important;
    }

    .lg-offices-pair{
        height:auto !important;

        grid-template-columns:1fr 1fr !important;
        grid-template-rows:auto !important;
    }

    .lg-offices-pair figure{
        height:auto !important;
    }

    .lg-offices-pair img{
        height:auto !important;
    }

}


/* MÓVIL */

@media(max-width:620px){

    .lg-hero{
        background:
            linear-gradient(
                0deg,
                rgba(9,23,37,.95) 0%,
                rgba(9,23,37,.55) 48%,
                rgba(9,23,37,.10) 74%
            ),
            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            center center / cover no-repeat !important;
    }

    .lg-offices-pair{
        grid-template-columns:1fr !important;
    }

}



/* =========================================================
   HERO — IDENTIDAD LIMPIA
   El logo del header queda como única marca protagonista.
========================================================= */

.lg-hero::before{
    background:

        /* transición superior para integrar navegación */
        linear-gradient(
            180deg,
            rgba(5,16,27,.55) 0%,
            rgba(5,16,27,.14) 25%,
            rgba(5,16,27,0) 47%
        ),

        /* campo navy izquierdo: elimina visualmente
           la duplicación del logo físico de la oficina */
        linear-gradient(
            90deg,
            rgba(5,16,27,.97) 0%,
            rgba(5,16,27,.92) 18%,
            rgba(5,16,27,.77) 30%,
            rgba(5,16,27,.43) 41%,
            rgba(5,16,27,.12) 54%,
            rgba(5,16,27,.02) 68%
        ),

        /* profundidad inferior para el texto */
        linear-gradient(
            0deg,
            rgba(5,16,27,.86) 0%,
            rgba(5,16,27,.34) 43%,
            rgba(5,16,27,0) 70%
        ),

        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        58% center / cover no-repeat !important;

    filter:none !important;
    transform:none !important;
}


@media(max-width:620px){

    .lg-hero::before{
        background:

            linear-gradient(
                0deg,
                rgba(5,16,27,.94) 0%,
                rgba(5,16,27,.55) 48%,
                rgba(5,16,27,.08) 74%
            ),

            linear-gradient(
                90deg,
                rgba(5,16,27,.88) 0%,
                rgba(5,16,27,.55) 43%,
                rgba(5,16,27,.08) 75%
            ),

            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            62% center / cover no-repeat !important;
    }

}

/* =========================================================
   HERO — MASCARA DEFINITIVA DE MARCA
========================================================= */

.lg-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:linear-gradient(
        90deg,
        rgba(5,16,27,.97) 0%,
        rgba(5,16,27,.94) 18%,
        rgba(5,16,27,.88) 29%,
        rgba(5,16,27,.63) 38%,
        rgba(5,16,27,.27) 47%,
        rgba(5,16,27,.06) 57%,
        rgba(5,16,27,0) 66%
    );
}

/* El contenido queda por encima de la máscara */
.lg-hero-content,
.lg-hero-copy{
    position:relative;
    z-index:2;
}

@media(max-width:620px){
    .lg-hero::after{
        background:linear-gradient(
            90deg,
            rgba(5,16,27,.88) 0%,
            rgba(5,16,27,.70) 38%,
            rgba(5,16,27,.25) 62%,
            rgba(5,16,27,0) 82%
        );
    }
}

/* =========================================================
   HERO — LOGO FÍSICO VISIBLE
========================================================= */

/* Quitar la máscara que ocultaba el logo de la recepción */
.lg-hero::after{
    background:none !important;
}


/* Fotografía visible, especialmente el logo de la pared */
.lg-hero::before{
    background:

        /* integración suave con el header */
        linear-gradient(
            180deg,
            rgba(5,16,27,.48) 0%,
            rgba(5,16,27,.12) 25%,
            rgba(5,16,27,0) 43%
        ),

        /* oscuridad solamente para lectura del texto */
        linear-gradient(
            0deg,
            rgba(5,16,27,.89) 0%,
            rgba(5,16,27,.43) 38%,
            rgba(5,16,27,.10) 60%,
            rgba(5,16,27,0) 76%
        ),

        url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
        center center / cover no-repeat !important;
}


/* El logo del header pasa a ser firma, no protagonista duplicado */
.lg-logo img{
    width:305px !important;
}


/* mantenemos navegación proporcionada */
.lg-header-inner{
    height:132px !important;
}


@media(max-width:950px){

    .lg-logo img{
        width:265px !important;
    }

}


@media(max-width:620px){

    .lg-logo img{
        width:220px !important;
    }

    .lg-hero::before{
        background:

            linear-gradient(
                0deg,
                rgba(5,16,27,.94) 0%,
                rgba(5,16,27,.51) 46%,
                rgba(5,16,27,.08) 72%
            ),

            url('https://lawgroupec.com/wp-content/uploads/2026/08/unnamed.webp')
            center center / cover no-repeat !important;
    }

}

/* BEGIN LAWGROUP OFFICE FINAL */

.lg-office{
    padding:108px 0 116px;
    background:#f3f0e9;
    color:var(--ink);
}

.lg-office-intro{
    display:grid;
    grid-template-columns:1.08fr .72fr;
    gap:90px;
    align-items:end;
    margin-bottom:48px;
}

.lg-office-intro h2{
    max-width:760px;
    margin:0;

    font-family:var(--display);
    font-size:clamp(50px,4.7vw,69px);
    font-weight:400;
    line-height:1.01;
    letter-spacing:-.035em;
}

.lg-office-intro > p{
    max-width:500px;
    margin:0 0 5px;

    color:var(--muted);
    font-size:15px;
    line-height:1.86;
}


.lg-office-gallery-final{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:18px;

    height:720px;
}


.lg-office-gallery-final figure{
    margin:0;
    overflow:hidden;
    background:#ddd;
}


.lg-office-gallery-final img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


.lg-office-main-final{
    height:720px;
}


.lg-office-main-final img{
    object-position: 92% center;
}


.lg-office-side-final{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:18px;
    height:720px;
}


.lg-office-side-final figure{
    min-height:0;
}


.lg-office-side-final img{
    object-position:center;
}


@media(max-width:950px){

    .lg-office-intro{
        grid-template-columns:1fr;
        gap:28px;
    }

    .lg-office-gallery-final{
        grid-template-columns:1fr;
        height:auto;
    }

    .lg-office-main-final{
        height:560px;
    }

    .lg-office-side-final{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
        height:auto;
    }

    .lg-office-side-final figure{
        height:300px;
    }

}


@media(max-width:620px){

    .lg-office{
        padding:72px 0;
    }

    .lg-office-intro h2{
        font-size:43px;
    }

    .lg-office-main-final{
        height:auto;
    }

    .lg-office-main-final img{
        height:auto;
    }

    .lg-office-side-final{
        grid-template-columns:1fr;
    }

    .lg-office-side-final figure{
        height:auto;
    }

    .lg-office-side-final img{
        height:auto;
    }

}

/* END LAWGROUP OFFICE FINAL */

/* BEGIN LAWGROUP CTA HOVER */

.lg-nav-contact{
    transition:
        background-color .22s ease,
        color .22s ease,
        border-color .22s ease !important;
}

.lg-nav-contact:hover,
.lg-nav-contact:focus-visible{
    background:#c8a45a !important;
    border-color:#c8a45a !important;
    color:#071522 !important;
}

/* END LAWGROUP CTA HOVER */


/* =========================================================
   ASISTENTES — FOTOGRAFIAS CON PROPORCION UNIFORME
========================================================= */

.lg-assistants .lg-person-photo{
    width:100%;
    aspect-ratio:2 / 3;
    overflow:hidden;
}

.lg-assistants .lg-person-photo img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
}

/* Los placeholders conservan exactamente la misma altura */
.lg-assistants .lg-person-no-photo .lg-person-photo{
    aspect-ratio:2 / 3;
}


/* =========================================================
   SOCIOS — ALTURA FOTOGRÁFICA UNIFORME
========================================================= */

/* Solo el carrusel de socios, no asistentes */
.lg-carousel-group:not(.lg-assistants) .lg-person-photo{
    width:100% !important;
    aspect-ratio:2 / 3 !important;
    overflow:hidden !important;
}

.lg-carousel-group:not(.lg-assistants) .lg-person-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
}



/* =========================================================
   HERO LAW GROUP — VERSIÓN RADIAL FINAL
   Una sola composición. Sin parches posteriores.
========================================================= */


/* =========================================================
   1. HEADER
   Sin placa. El color proviene del halo sobre la fotografía.
========================================================= */

.lg-header{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;

    z-index:999 !important;

    background:transparent !important;

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

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

.admin-bar .lg-header{
    top:32px !important;
}

.lg-header::before,
.lg-header::after{
    content:none !important;
    display:none !important;
}


/* Header más proporcionado */

.lg-header-inner{
    height:118px !important;
    min-height:118px !important;
}


/* Logo principal más contenido */

.lg-logo img{
    width:285px !important;
    height:auto !important;
    max-width:100% !important;
}


/* Navegación */

.lg-nav{
    gap:32px !important;
    align-items:center !important;
}

.lg-nav a{
    color:rgba(248,246,241,.94) !important;
}

.lg-nav-contact{
    color:#d2ae5b !important;
    border-color:rgba(210,174,91,.58) !important;
}


/* =========================================================
   2. HERO
========================================================= */

.lg-hero{
    position:relative !important;
    isolation:isolate;

    overflow:hidden !important;

    height:clamp(740px,78vh,820px) !important;
    min-height:740px !important;

    margin:0 !important;

    background:#eee8df !important;
}


/* Anular cualquier pseudo-elemento superior antiguo */

.lg-hero::before{
    content:none !important;
    display:none !important;
}


/* =========================================================
   3. RECEPCIÓN
   No cambiamos el encuadre que ya aprobamos.
========================================================= */

.lg-hero-media{
    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    overflow:hidden !important;

    background:#eee8df !important;
}

.lg-hero-slide{
    position:absolute !important;
    inset:0 !important;

    background-image:var(--hero-image) !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:52% 38% !important;

    opacity:0;

    transform:scale(1);

    filter:
        saturate(.97)
        contrast(1.01)
        brightness(.995);

    transition:opacity 1.25s ease !important;
}

.lg-hero-slide.is-active{
    opacity:1;

    animation:
        lgHeroRespira
        18s
        ease-out
        forwards !important;
}

@keyframes lgHeroRespira{

    from{
        transform:scale(1);
    }

    to{
        transform:scale(1.016);
    }

}


/* =========================================================
   4. HALO AZUL SUPERIOR
   ESTA ES LA PARTE IMPORTANTE.

   No hay línea horizontal.
   No hay franja.
   Son tres elipses que se pierden dentro de la fotografía.
========================================================= */

.lg-hero-shade{
    position:absolute !important;
    inset:0 !important;

    z-index:1 !important;
    pointer-events:none !important;

    background:

        /*
         * GRAN HALO CENTRAL
         * Este es el que elimina la franja clara.
         * No termina horizontalmente: se pierde en una elipse.
         */
        radial-gradient(
            ellipse 118% 390px at 50% 0%,
            rgba(7,22,34,.92) 0%,
            rgba(7,22,34,.84) 20%,
            rgba(7,22,34,.68) 38%,
            rgba(7,22,34,.48) 54%,
            rgba(7,22,34,.29) 67%,
            rgba(7,22,34,.15) 77%,
            rgba(7,22,34,.07) 85%,
            rgba(7,22,34,.025) 92%,
            rgba(7,22,34,0) 100%
        ),

        /*
         * Refuerzo suave detrás del logo.
         */
        radial-gradient(
            ellipse 52% 325px at 11% 0%,
            rgba(7,22,34,.88) 0%,
            rgba(7,22,34,.66) 34%,
            rgba(7,22,34,.37) 57%,
            rgba(7,22,34,.16) 74%,
            rgba(7,22,34,.04) 89%,
            rgba(7,22,34,0) 100%
        ),

        /*
         * Refuerzo más ligero detrás del menú.
         */
        radial-gradient(
            ellipse 50% 300px at 90% 0%,
            rgba(7,22,34,.74) 0%,
            rgba(7,22,34,.53) 35%,
            rgba(7,22,34,.29) 58%,
            rgba(7,22,34,.11) 76%,
            rgba(7,22,34,.025) 90%,
            rgba(7,22,34,0) 100%
        )

        !important;
}


/* =========================================================
   5. CONTENEDOR
========================================================= */

.lg-hero-content{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    z-index:3 !important;
}


/* =========================================================
   6. PANEL INFERIOR DERECHO
   NO LO MOVEMOS.
========================================================= */

.lg-hero-copy{
    position:absolute !important;

    right:0 !important;
    bottom:0 !important;

    width:min(620px,40vw) !important;
    max-width:620px !important;
    min-width:0 !important;

    margin:0 !important;

    padding:
        30px
        34px
        29px !important;

    box-sizing:border-box !important;

    background:
        linear-gradient(
            145deg,
            rgba(8,22,34,.988) 0%,
            rgba(14,31,44,.982) 100%
        ) !important;

    border:0 !important;

    border-top:
        1px solid rgba(210,174,91,.18) !important;

    border-left:
        1px solid rgba(210,174,91,.13) !important;

    box-shadow:
        -18px -12px 54px rgba(4,13,21,.15) !important;

    transform:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    z-index:5 !important;
}


/* línea dorada */

.lg-hero-copy::before{
    content:"" !important;

    display:block !important;

    width:46px !important;
    height:1px !important;

    margin:0 0 18px !important;

    background:#d2ae5b !important;
}


/* =========================================================
   7. TEXTO
========================================================= */

.lg-hero-kicker{
    margin-bottom:16px !important;

    color:#d2ae5b !important;

    font-size:10px !important;
    font-weight:600 !important;

    letter-spacing:.17em !important;
    text-transform:uppercase !important;
}

.lg-hero-messages{
    display:block !important;
}

.lg-hero-message{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.lg-hero h1{
    max-width:100% !important;

    margin:0 !important;

    color:#f8f5ef !important;

    font-size:
        clamp(46px,3.7vw,58px) !important;

    line-height:.97 !important;
    letter-spacing:-.035em !important;
}

.lg-hero p{
    max-width:100% !important;

    margin:20px 0 0 !important;

    color:rgba(248,245,239,.73) !important;

    font-size:14px !important;
    line-height:1.72 !important;
}


/* =========================================================
   8. BOTONES
========================================================= */

.lg-hero-actions{
    margin-top:24px !important;
}

.lg-hero .lg-button-primary{
    background:#d2ae5b !important;
    border-color:#d2ae5b !important;
    color:#0a1824 !important;
}

.lg-hero .lg-button:not(.lg-button-primary){
    background:transparent !important;

    border-color:
        rgba(248,245,239,.30) !important;

    color:#f8f5ef !important;
}


/* =========================================================
   9. TRANSICIÓN INFERIOR
   También radial: no debe percibirse una línea.
========================================================= */

.lg-hero::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:-1px !important;

    height:220px !important;

    z-index:2 !important;

    pointer-events:none !important;

    background:

        radial-gradient(
            ellipse 120% 125% at 50% 122%,
            #eee8df 0%,
            rgba(238,232,223,.96) 30%,
            rgba(238,232,223,.82) 45%,
            rgba(238,232,223,.62) 59%,
            rgba(238,232,223,.42) 70%,
            rgba(238,232,223,.24) 79%,
            rgba(238,232,223,.11) 87%,
            rgba(238,232,223,.04) 93%,
            rgba(238,232,223,0) 100%
        )

        !important;
}


/* =========================================================
   10. PRÁCTICAS
   Continúa exactamente el tono del halo inferior.
========================================================= */

.lg-practices{
    margin-top:-2px !important;

    padding-top:110px !important;

    background:
        linear-gradient(
            180deg,
            #eee8df 0px,
            #f0ece4 130px,
            #f3f0e9 270px,
            #f3f0e9 100%
        ) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-header-inner{
        height:100px !important;
        min-height:100px !important;
    }

    .lg-logo img{
        width:245px !important;
    }

    .lg-nav{
        gap:24px !important;
    }

    .lg-hero{
        height:760px !important;
        min-height:760px !important;
    }

    .lg-hero-slide{
        background-position:center 42% !important;
    }

    .lg-hero-copy{
        width:min(560px,58vw) !important;

        padding:
            27px
            28px
            25px !important;
    }

    .lg-hero h1{
        font-size:
            clamp(42px,5.2vw,52px) !important;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-header-inner{
        height:86px !important;
        min-height:86px !important;
    }

    .lg-logo img{
        width:210px !important;
    }

    .lg-hero{
        height:720px !important;
        min-height:720px !important;
    }

    .lg-hero-slide{
        background-position:center 45% !important;
        animation:none !important;
    }

    .lg-hero-copy{
        width:100% !important;
        max-width:none !important;

        padding:
            21px
            19px
            20px !important;
    }

    .lg-hero h1{
        font-size:39px !important;
    }

    .lg-hero p{
        font-size:13px !important;
    }

    .lg-hero::after{
        height:110px !important;
    }

    .lg-practices{
        padding-top:82px !important;
    }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lg-hero-slide{
        animation:none !important;
        transition:none !important;
    }

}




/* =========================================================
   LAW GROUP V7
   HEADER + HERO RECONSTRUIDOS DESDE CERO
========================================================= */


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

.lg-header.lg-header-v7{
    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    z-index:1000 !important;

    background:transparent !important;

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

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


.admin-bar .lg-header.lg-header-v7{
    top:32px !important;
}


.lg-header-v7 .lg-header-inner{
    width:min(1460px, calc(100% - 92px)) !important;

    height:122px !important;
    min-height:122px !important;

    margin:0 auto !important;
    padding:0 !important;

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


.lg-header-v7 .lg-logo{
    display:block !important;
    flex:0 0 auto !important;
}


.lg-header-v7 .lg-logo img{
    display:block !important;

    width:272px !important;
    height:auto !important;

    max-width:none !important;

    margin:0 !important;
}


.lg-header-v7 .lg-nav{
    display:flex;
    align-items:center !important;

    gap:34px !important;
}


.lg-header-v7 .lg-nav a{
    color:rgba(248,246,241,.94) !important;

    font-size:15px !important;
    font-weight:500 !important;

    text-shadow:
        0 1px 18px rgba(0,0,0,.20);
}


.lg-header-v7 .lg-nav-contact{
    margin-left:4px !important;

    padding:15px 21px !important;

    color:#d2ae5b !important;

    border:
        1px solid rgba(210,174,91,.58) !important;

    background:
        rgba(8,22,34,.14) !important;
}



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

.lg-hero.lg-hero-v7{
    position:relative !important;

    isolation:isolate !important;

    width:100% !important;

    height:820px !important;
    min-height:820px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#efe9df !important;
}



/* neutralizar absolutamente todas las máscaras viejas */

.lg-hero.lg-hero-v7::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    display:block !important;

    z-index:2 !important;

    pointer-events:none !important;


    /*
       HALO AZUL.

       No es una barra.
       Es una masa elíptica enorme que desaparece
       de forma orgánica dentro de la fotografía.
    */

    background:

        radial-gradient(
            ellipse 108% 64% at 50% -15%,
            rgba(6,21,33,.96) 0%,
            rgba(6,21,33,.90) 22%,
            rgba(6,21,33,.77) 38%,
            rgba(6,21,33,.58) 53%,
            rgba(6,21,33,.39) 65%,
            rgba(6,21,33,.23) 75%,
            rgba(6,21,33,.11) 83%,
            rgba(6,21,33,.04) 90%,
            rgba(6,21,33,0) 97%
        ),

        radial-gradient(
            ellipse 53% 57% at 9% 1%,
            rgba(6,21,33,.78) 0%,
            rgba(6,21,33,.53) 42%,
            rgba(6,21,33,.26) 65%,
            rgba(6,21,33,.08) 82%,
            rgba(6,21,33,0) 96%
        ),

        radial-gradient(
            ellipse 50% 52% at 94% 1%,
            rgba(6,21,33,.64) 0%,
            rgba(6,21,33,.40) 43%,
            rgba(6,21,33,.18) 66%,
            rgba(6,21,33,.05) 84%,
            rgba(6,21,33,0) 97%
        )

        !important;
}



/* =========================================================
   FOTO
========================================================= */

.lg-hero-v7-photo{
    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    overflow:hidden !important;
}


.lg-hero-v7-photo img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    /*
       Evitamos demasiado techo claro y dejamos
       protagonismo al escritorio y a la recepción.
    */
    object-position:center 56% !important;

    transform:scale(1.002);

    animation:
        lgV7PhotoBreathing
        20s
        ease-out
        forwards;

    filter:
        saturate(.97)
        contrast(1.015)
        brightness(.995);
}


@keyframes lgV7PhotoBreathing{

    from{
        transform:scale(1.002);
    }

    to{
        transform:scale(1.022);
    }

}



/* =========================================================
   TRANSICIÓN INFERIOR
========================================================= */

.lg-hero.lg-hero-v7::after{
    content:"" !important;

    position:absolute !important;

    left:-10% !important;
    right:-10% !important;
    bottom:-1px !important;

    height:235px !important;

    z-index:1 !important;

    pointer-events:none !important;


    /*
       Niebla marfil.
       También radial, no una barra horizontal.
    */

    background:

        radial-gradient(
            ellipse 85% 115% at 48% 126%,
            #efe9df 0%,
            rgba(239,233,223,.97) 31%,
            rgba(239,233,223,.86) 45%,
            rgba(239,233,223,.67) 58%,
            rgba(239,233,223,.47) 69%,
            rgba(239,233,223,.29) 78%,
            rgba(239,233,223,.15) 86%,
            rgba(239,233,223,.06) 92%,
            rgba(239,233,223,0) 100%
        )

        !important;
}



/* =========================================================
   PANEL
   ABAJO + DERECHA. NO FLOTANTE.
========================================================= */

.lg-hero-v7-panel{
    position:absolute !important;

    right:0 !important;
    bottom:0 !important;

    z-index:5 !important;

    width:min(620px, 40vw) !important;

    box-sizing:border-box !important;

    padding:
        30px
        34px
        29px !important;


    background:
        linear-gradient(
            145deg,
            rgba(7,22,34,.992) 0%,
            rgba(13,31,44,.986) 100%
        ) !important;


    border-top:
        1px solid rgba(210,174,91,.18) !important;

    border-left:
        1px solid rgba(210,174,91,.13) !important;


    box-shadow:
        -20px -14px 60px
        rgba(4,13,21,.14) !important;
}



.lg-hero-v7-line{
    width:46px;
    height:1px;

    margin:0 0 18px;

    background:#d2ae5b;
}



.lg-hero-v7-kicker{
    margin-bottom:16px;

    color:#d2ae5b;

    font-size:10px;
    font-weight:600;

    line-height:1.4;

    letter-spacing:.17em;
    text-transform:uppercase;
}



.lg-hero.lg-hero-v7 .lg-hero-v7-title{
    max-width:none !important;

    margin:0 !important;

    color:#f8f5ef !important;

    font-family:var(--display) !important;

    font-size:
        clamp(46px, 3.7vw, 58px) !important;

    font-weight:400 !important;

    line-height:.97 !important;

    letter-spacing:-.035em !important;
}



.lg-hero.lg-hero-v7 .lg-hero-v7-description{
    max-width:100% !important;

    margin:20px 0 0 !important;

    color:
        rgba(248,245,239,.73) !important;

    font-size:14px !important;

    line-height:1.72 !important;
}



.lg-hero-v7-actions{
    display:flex;

    gap:12px;

    margin-top:24px;
}


.lg-hero-v7-actions .lg-button-primary{
    background:#d2ae5b !important;

    border-color:#d2ae5b !important;

    color:#0a1824 !important;
}


.lg-hero-v7-actions .lg-button:not(.lg-button-primary){
    background:transparent !important;

    border-color:
        rgba(248,245,239,.30) !important;

    color:#f8f5ef !important;
}



/* =========================================================
   SIGUIENTE SECCIÓN
========================================================= */

.lg-hero-v7 + .lg-practices{
    margin-top:-2px !important;

    padding-top:108px !important;

    background:
        linear-gradient(
            180deg,
            #efe9df 0px,
            #f0ece4 145px,
            #f3f0e9 300px,
            #f3f0e9 100%
        ) !important;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-header-v7 .lg-header-inner{
        width:calc(100% - 48px) !important;

        height:100px !important;
        min-height:100px !important;
    }


    .lg-header-v7 .lg-logo img{
        width:235px !important;
    }


    .lg-header-v7 .lg-nav{
        gap:23px !important;
    }


    .lg-hero.lg-hero-v7{
        height:760px !important;
        min-height:760px !important;
    }


    .lg-hero-v7-panel{
        width:min(560px,58vw) !important;

        padding:
            27px
            28px
            25px !important;
    }


    .lg-hero.lg-hero-v7 .lg-hero-v7-title{
        font-size:
            clamp(42px,5.2vw,52px) !important;
    }

}



/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-header-v7 .lg-header-inner{
        width:calc(100% - 32px) !important;

        height:86px !important;
        min-height:86px !important;
    }


    .lg-header-v7 .lg-logo img{
        width:205px !important;
    }


    .lg-hero.lg-hero-v7{
        height:720px !important;
        min-height:720px !important;
    }


    .lg-hero-v7-photo img{
        object-position:center 50% !important;

        animation:none !important;
    }


    .lg-hero-v7-panel{
        width:100% !important;

        padding:
            21px
            19px
            20px !important;
    }


    .lg-hero.lg-hero-v7 .lg-hero-v7-title{
        font-size:39px !important;
    }


    .lg-hero.lg-hero-v7 .lg-hero-v7-description{
        font-size:13px !important;
    }


    .lg-hero.lg-hero-v7::after{
        height:115px !important;
    }

}



/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lg-hero-v7-photo img{
        animation:none !important;
    }

}



/* =========================================================
   V7.2 — HALO AZUL REAL
   Sin banda. Sin degradado vertical.
   No modifica fotografía, panel, textos ni botones.
========================================================= */

/*
 * MATAMOS COMPLETAMENTE cualquier capa superior
 * colocada encima del hero.
 */
.lg-hero.lg-hero-v7::before{
    content:none !important;
    display:none !important;
    background:none !important;
}


/*
 * El header sigue siendo transparente.
 * Las manchas azules viven detrás de su contenido.
 */
.lg-header.lg-header-v7{
    background:transparent !important;
    overflow:visible !important;
    isolation:isolate !important;
}


/*
 * HALO IZQUIERDO
 * Detrás del logo.
 *
 * Es una elipse azul físicamente desenfocada.
 * No puede producir una raya horizontal.
 */
.lg-header.lg-header-v7::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;

    left:-13% !important;
    top:-185px !important;

    width:82% !important;
    height:390px !important;

    z-index:0 !important;

    border-radius:50% !important;

    background:
        rgba(5,20,33,.93) !important;

    filter:
        blur(68px) !important;

    opacity:1 !important;

    pointer-events:none !important;
}


/*
 * HALO DERECHO
 * Detrás de navegación y Agendar consulta.
 */
.lg-header.lg-header-v7::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;

    right:-12% !important;
    top:-175px !important;

    width:75% !important;
    height:370px !important;

    z-index:0 !important;

    border-radius:50% !important;

    background:
        rgba(6,21,34,.82) !important;

    filter:
        blur(74px) !important;

    opacity:1 !important;

    pointer-events:none !important;
}


/*
 * Logo y navegación quedan delante de las manchas.
 */
.lg-header-v7 .lg-header-inner{
    position:relative !important;
    z-index:2 !important;
}


/*
 * Pequeñísima sombra ambiental, no una franja.
 * Solo ayuda a unir ambos halos en la zona central.
 */
.lg-header.lg-header-v7{
    box-shadow:
        0 36px 95px rgba(5,20,33,.13) !important;
}


/* TABLET */

@media(max-width:950px){

    .lg-header.lg-header-v7::before{
        left:-20% !important;
        width:95% !important;
        height:330px !important;
        filter:blur(60px) !important;
    }

    .lg-header.lg-header-v7::after{
        right:-22% !important;
        width:92% !important;
        height:320px !important;
        filter:blur(64px) !important;
    }

}


/* MÓVIL */

@media(max-width:620px){

    .lg-header.lg-header-v7::before{
        left:-45% !important;
        top:-145px !important;

        width:145% !important;
        height:285px !important;

        filter:blur(54px) !important;
    }

    .lg-header.lg-header-v7::after{
        display:none !important;
    }

}



/* =========================================================
   LAW GROUP V8 — CABECERA ARQUITECTÓNICA
   Header independiente + recepción limpia
========================================================= */


/* =========================================================
   1. HEADER
========================================================= */

.lg-header.lg-header-v7{
    position:relative !important;

    top:auto !important;
    left:auto !important;
    right:auto !important;

    width:100% !important;

    z-index:1000 !important;

    background:#091925 !important;

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

    overflow:visible !important;
    isolation:auto !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


/* anular cualquier halo anterior */

.lg-header.lg-header-v7::before,
.lg-header.lg-header-v7::after{
    content:none !important;
    display:none !important;
}


/* WordPress admin bar */

.admin-bar .lg-header.lg-header-v7{
    top:auto !important;
}


/* estructura */

.lg-header-v7 .lg-header-inner{
    width:min(1450px, calc(100% - 96px)) !important;

    height:112px !important;
    min-height:112px !important;

    margin:0 auto !important;
    padding:0 !important;

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

    position:relative !important;
}


/* logo */

.lg-header-v7 .lg-logo img{
    width:245px !important;
    height:auto !important;

    max-width:none !important;

    margin:0 !important;
}


/* navegación */

.lg-header-v7 .lg-nav{
    display:flex !important;
    align-items:center !important;

    gap:32px !important;
}


.lg-header-v7 .lg-nav a{
    color:rgba(248,246,241,.91) !important;

    font-size:14.5px !important;
    font-weight:500 !important;

    text-shadow:none !important;
}


.lg-header-v7 .lg-nav-contact{
    padding:14px 20px !important;

    margin-left:5px !important;

    color:#d2ae5b !important;

    border:
        1px solid rgba(210,174,91,.56) !important;

    background:transparent !important;
}


/* =========================================================
   2. HERO
   Sin ningún efecto superior.
========================================================= */

.lg-hero.lg-hero-v7{
    position:relative !important;

    width:100% !important;

    height:760px !important;
    min-height:760px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#efe9df !important;
}


/* eliminar definitivamente el halo superior */

.lg-hero.lg-hero-v7::before{
    content:none !important;
    display:none !important;
    background:none !important;
}


/* =========================================================
   3. RECEPCIÓN
========================================================= */

.lg-hero-v7-photo{
    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;
}


.lg-hero-v7-photo img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    /* escritorio y recepción como protagonistas */
    object-position:center 56% !important;

    filter:
        saturate(.98)
        contrast(1.01)
        brightness(1) !important;

    transform:scale(1.001) !important;

    animation:
        lgV8Breathing
        22s
        ease-out
        forwards !important;
}


@keyframes lgV8Breathing{

    from{
        transform:scale(1.001);
    }

    to{
        transform:scale(1.016);
    }

}


/* =========================================================
   4. PANEL
   NO SE MUEVE.
========================================================= */

.lg-hero-v7-panel{
    right:0 !important;
    bottom:0 !important;

    width:min(620px,40vw) !important;

    background:
        linear-gradient(
            145deg,
            #091925 0%,
            #0d2230 100%
        ) !important;

    border-top:
        1px solid rgba(210,174,91,.18) !important;

    border-left:
        1px solid rgba(210,174,91,.13) !important;

    box-shadow:
        -18px -12px 52px
        rgba(4,13,21,.13) !important;
}


/* =========================================================
   5. FUNDIDO INFERIOR
   Mucho más amplio y discreto.
========================================================= */

.lg-hero.lg-hero-v7::after{
    content:"" !important;

    position:absolute !important;

    left:-10% !important;
    right:-10% !important;
    bottom:-1px !important;

    height:180px !important;

    z-index:1 !important;

    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse 88% 120% at 50% 128%,
            #efe9df 0%,
            rgba(239,233,223,.95) 27%,
            rgba(239,233,223,.78) 43%,
            rgba(239,233,223,.57) 58%,
            rgba(239,233,223,.37) 70%,
            rgba(239,233,223,.20) 80%,
            rgba(239,233,223,.09) 89%,
            rgba(239,233,223,.025) 95%,
            rgba(239,233,223,0) 100%
        ) !important;
}


/* panel siempre encima */

.lg-hero-v7-panel{
    z-index:5 !important;
}


/* =========================================================
   6. PRÁCTICAS
========================================================= */

.lg-hero-v7 + .lg-practices{
    margin-top:-2px !important;

    padding-top:105px !important;

    background:
        linear-gradient(
            180deg,
            #efe9df 0px,
            #f0ece4 135px,
            #f3f0e9 285px,
            #f3f0e9 100%
        ) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-header-v7 .lg-header-inner{
        width:calc(100% - 48px) !important;

        height:98px !important;
        min-height:98px !important;
    }

    .lg-header-v7 .lg-logo img{
        width:220px !important;
    }

    .lg-header-v7 .lg-nav{
        gap:22px !important;
    }

    .lg-hero.lg-hero-v7{
        height:740px !important;
        min-height:740px !important;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-header-v7 .lg-header-inner{
        width:calc(100% - 30px) !important;

        height:82px !important;
        min-height:82px !important;
    }

    .lg-header-v7 .lg-logo img{
        width:195px !important;
    }

    .lg-hero.lg-hero-v7{
        height:700px !important;
        min-height:700px !important;
    }

    .lg-hero-v7-photo img{
        object-position:center 52% !important;
        animation:none !important;
    }

    .lg-hero.lg-hero-v7::after{
        height:95px !important;
    }

}



/* =========================================================
   LAW GROUP V9 — HEADER + HERO REALMENTE AISLADOS
   NINGUNA clase antigua lg-header / lg-hero interviene aquí
========================================================= */


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

.lawg9-header{
    position:relative;

    width:100%;
    height:108px;

    margin:0;
    padding:0;

    z-index:50;

    background:#091925;

    border:0;

    /*
      Solo una sombra ambiental.
      NO hay degradado, franja ni máscara sobre la fotografía.
    */
    box-shadow:
        0 13px 32px rgba(5,18,29,.22);
}


.lawg9-header-inner{
    width:min(1450px, calc(100% - 94px));
    height:100%;

    margin:0 auto;

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


.lawg9-brand{
    display:block;
    flex:0 0 auto;
}


.lawg9-brand img{
    display:block;

    width:242px;
    height:auto;

    margin:0;
}


.lawg9-nav{
    display:flex;
    align-items:center;

    gap:32px;
}


.lawg9-nav a{
    color:rgba(248,246,241,.92);

    font-size:15px;
    font-weight:500;
    line-height:1;

    text-decoration:none;

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


.lawg9-nav a:hover{
    color:#d7b66b;
}


.lawg9-nav .lawg9-contact{
    padding:15px 21px;

    margin-left:5px;

    color:#d7b66b;

    border:
        1px solid rgba(215,182,107,.55);
}


.lawg9-nav .lawg9-contact:hover{
    border-color:#d7b66b;
}


/* menú móvil: oculto en escritorio */

.lawg9-menu-button{
    display:none;

    border:0;
    background:none;
}


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

.lawg9-hero{
    position:relative;

    width:100%;
    height:760px;

    margin:0;
    padding:0;

    overflow:hidden;

    background:#eee9e0;
}


/* =========================================================
   FOTOGRAFÍA
========================================================= */

.lawg9-photo{
    position:absolute;
    inset:0;

    overflow:hidden;
}


.lawg9-photo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    /*
      Esta posición mantiene escritorio,
      cuadro y recepción equilibrados.
    */
    object-position:center 56%;

    filter:
        saturate(.98)
        contrast(1.01)
        brightness(.995);

    transform:scale(1.001);

    animation:
        lawg9-breathe
        22s
        ease-out
        forwards;
}


@keyframes lawg9-breathe{

    from{
        transform:scale(1.001);
    }

    to{
        transform:scale(1.016);
    }

}


/* =========================================================
   PANEL INFERIOR DERECHO
========================================================= */

.lawg9-panel{
    position:absolute;

    right:0;
    bottom:0;

    z-index:5;

    width:min(620px,40vw);

    box-sizing:border-box;

    padding:
        30px
        34px
        29px;

    background:
        linear-gradient(
            145deg,
            #091925 0%,
            #0d2230 100%
        );

    border-top:
        1px solid rgba(215,182,107,.18);

    border-left:
        1px solid rgba(215,182,107,.13);

    box-shadow:
        -20px -14px 58px rgba(3,13,21,.13);
}


.lawg9-accent{
    width:46px;
    height:1px;

    margin-bottom:18px;

    background:#d7b66b;
}


.lawg9-kicker{
    margin-bottom:16px;

    color:#d7b66b;

    font-size:10px;
    font-weight:600;
    line-height:1.4;

    letter-spacing:.17em;
    text-transform:uppercase;
}


.lawg9-panel h1{
    margin:0;

    color:#f8f5ef;

    font-family:var(--display);

    font-size:
        clamp(46px,3.7vw,58px);

    font-weight:400;

    line-height:.97;
    letter-spacing:-.035em;
}


.lawg9-panel p{
    margin:20px 0 0;

    color:rgba(248,245,239,.72);

    font-size:14px;
    line-height:1.72;
}


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

.lawg9-actions{
    display:flex;

    gap:12px;

    margin-top:24px;
}


.lawg9-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:52px;

    padding:0 23px;

    box-sizing:border-box;

    border:
        1px solid rgba(248,245,239,.29);

    color:#f8f5ef;

    background:transparent;

    font-size:11px;
    font-weight:700;
    line-height:1;

    letter-spacing:.055em;
    text-transform:uppercase;

    text-decoration:none;

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


.lawg9-button:hover{
    border-color:rgba(248,245,239,.60);
}


.lawg9-button-gold{
    color:#091925;

    background:#d7b66b;

    border-color:#d7b66b;
}


/* =========================================================
   ÚNICA TRANSICIÓN DEL HERO:
   SOLO ABAJO.
========================================================= */

.lawg9-hero::after{
    content:"";

    position:absolute;

    left:-5%;
    right:-5%;
    bottom:-1px;

    height:125px;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(238,233,224,0) 0%,
            rgba(238,233,224,.03) 16%,
            rgba(238,233,224,.08) 31%,
            rgba(238,233,224,.17) 47%,
            rgba(238,233,224,.31) 62%,
            rgba(238,233,224,.50) 76%,
            rgba(238,233,224,.72) 88%,
            rgba(238,233,224,.92) 97%,
            #eee9e0 100%
        );
}


/* panel siempre por encima */

.lawg9-panel{
    z-index:5;
}


/* =========================================================
   PRÁCTICAS
========================================================= */

.lawg9-hero + .lg-practices{
    margin-top:-2px !important;

    padding-top:105px !important;

    background:
        linear-gradient(
            180deg,
            #eee9e0 0px,
            #f0ece4 130px,
            #f3f0e9 270px,
            #f3f0e9 100%
        ) !important;
}


/* =========================================================
   TABLET / MENÚ
========================================================= */

@media(max-width:950px){

    .lawg9-header{
        height:96px;
    }

    .lawg9-header-inner{
        width:calc(100% - 44px);
    }

    .lawg9-brand img{
        width:215px;
    }

    .lawg9-menu-button{
        position:relative;

        display:flex;
        flex-direction:column;
        justify-content:center;

        width:42px;
        height:42px;

        gap:7px;

        z-index:101;
    }

    .lawg9-menu-button span{
        display:block;

        width:28px;
        height:1px;

        margin-left:auto;

        background:#f8f5ef;
    }

    .lawg9-nav{
        position:fixed;

        inset:0;

        z-index:100;

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;

        gap:25px;

        padding:100px 42px 50px;

        box-sizing:border-box;

        background:#091925;

        opacity:0;
        visibility:hidden;

        pointer-events:none;

        transition:
            opacity .3s ease,
            visibility .3s ease;
    }

    body.lg-menu-open .lawg9-nav{
        opacity:1;
        visibility:visible;

        pointer-events:auto;
    }

    .lawg9-nav a{
        font-family:var(--display);

        font-size:37px;
        font-weight:400;
    }

    .lawg9-nav .lawg9-contact{
        margin:15px 0 0;

        font-family:inherit;

        font-size:14px;
    }


    .lawg9-hero{
        height:730px;
    }


    .lawg9-panel{
        width:min(560px,58vw);

        padding:
            27px
            28px
            25px;
    }


    .lawg9-panel h1{
        font-size:
            clamp(42px,5.2vw,52px);
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lawg9-header{
        height:82px;
    }


    .lawg9-header-inner{
        width:calc(100% - 30px);
    }


    .lawg9-brand img{
        width:190px;
    }


    .lawg9-hero{
        height:700px;
    }


    .lawg9-photo img{
        object-position:center 52%;

        animation:none;
    }


    .lawg9-panel{
        width:100%;

        padding:
            21px
            19px
            20px;
    }


    .lawg9-panel h1{
        font-size:39px;
    }


    .lawg9-panel p{
        font-size:13px;
    }


    .lawg9-actions{
        flex-direction:column;
    }


    .lawg9-button{
        width:100%;
    }


    .lawg9-hero::after{
        height:80px;
    }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lawg9-photo img{
        animation:none;
    }

}



/* =========================================================
   LAW GROUP V9.4 — HERO DEFINITIVO
   Panel abajo-derecha + header integrado en fotografía
========================================================= */


/* =========================================================
   1. HEADER INTEGRADO
========================================================= */

.lawg9-header{
    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    z-index:50 !important;

    background:transparent !important;

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

    overflow:visible !important;
}


.lawg9-header-inner{
    position:relative !important;
    z-index:3 !important;

    width:min(1450px, calc(100% - 94px)) !important;

    height:112px !important;
    min-height:112px !important;

    margin:0 auto !important;

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


/* Logo blanco y más contenido */

.lawg9-brand img{
    display:block !important;

    width:245px !important;
    height:auto !important;

    filter:brightness(0) invert(1) !important;

    opacity:.97 !important;
}


/* navegación */

.lawg9-nav{
    display:flex !important;
    align-items:center !important;

    gap:32px !important;
}


.lawg9-nav a{
    color:rgba(248,246,241,.95) !important;

    font-size:15px !important;
    font-weight:500 !important;

    text-decoration:none !important;

    text-shadow:
        0 2px 18px rgba(0,0,0,.25) !important;
}


.lawg9-nav .lawg9-contact{
    padding:15px 21px !important;

    margin-left:5px !important;

    color:#d7b66b !important;

    border:
        1px solid rgba(215,182,107,.58) !important;

    background:
        rgba(9,25,37,.12) !important;
}


/* =========================================================
   2. HERO
========================================================= */

.lawg9-hero{
    position:relative !important;

    width:100% !important;

    height:820px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#f3f0e9 !important;
}


/* =========================================================
   3. DIFUMINADO ARRIBA
   SOLO LOCALIZADO DETRÁS DE LOGO Y MENÚ.
   NO HAY FRANJA HORIZONTAL.
========================================================= */

.lawg9-hero::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    display:block !important;

    z-index:1 !important;

    pointer-events:none !important;

    background:

        /* halo izquierdo — logo */
        radial-gradient(
            ellipse 47% 38% at 8% 0%,
            rgba(7,22,34,.82) 0%,
            rgba(7,22,34,.67) 25%,
            rgba(7,22,34,.45) 44%,
            rgba(7,22,34,.25) 59%,
            rgba(7,22,34,.11) 72%,
            rgba(7,22,34,.035) 83%,
            rgba(7,22,34,0) 94%
        ),

        /* halo derecho — navegación */
        radial-gradient(
            ellipse 49% 34% at 92% 0%,
            rgba(7,22,34,.65) 0%,
            rgba(7,22,34,.49) 29%,
            rgba(7,22,34,.30) 48%,
            rgba(7,22,34,.15) 64%,
            rgba(7,22,34,.055) 77%,
            rgba(7,22,34,.015) 87%,
            rgba(7,22,34,0) 96%
        )

        !important;
}


/* =========================================================
   4. FOTO
========================================================= */

.lawg9-photo{
    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;
}


.lawg9-photo img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center 56% !important;

    filter:
        saturate(.98)
        contrast(1.01)
        brightness(.995) !important;

    transform:scale(1.001) !important;

    animation:
        lawg94-breathe
        22s
        ease-out
        forwards !important;
}


@keyframes lawg94-breathe{

    from{
        transform:scale(1.001);
    }

    to{
        transform:scale(1.016);
    }

}


/* =========================================================
   5. CUADRO EDITORIAL
   EXACTAMENTE ABAJO A LA DERECHA
========================================================= */

.lawg9-panel{
    position:absolute !important;

    right:0 !important;
    bottom:0 !important;
    left:auto !important;

    z-index:5 !important;

    width:min(620px,40vw) !important;

    box-sizing:border-box !important;

    padding:
        30px
        34px
        29px !important;

    background:
        linear-gradient(
            145deg,
            #091925 0%,
            #0d2230 100%
        ) !important;

    border:0 !important;

    border-top:
        1px solid rgba(215,182,107,.18) !important;

    border-left:
        1px solid rgba(215,182,107,.13) !important;

    box-shadow:
        -20px -14px 58px
        rgba(3,13,21,.13) !important;
}


/* línea dorada */

.lawg9-accent{
    width:46px !important;
    height:1px !important;

    margin:0 0 18px !important;

    background:#d7b66b !important;
}


/* kicker */

.lawg9-kicker{
    margin:0 0 16px !important;

    color:#d7b66b !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:1.4 !important;

    letter-spacing:.17em !important;
    text-transform:uppercase !important;

    text-shadow:none !important;
}


/* título */

.lawg9-panel h1{
    margin:0 !important;

    color:#f8f5ef !important;

    font-family:var(--display) !important;

    font-size:
        clamp(46px,3.7vw,58px) !important;

    font-weight:400 !important;

    line-height:.97 !important;

    letter-spacing:-.035em !important;

    text-shadow:none !important;
}


/* párrafo */

.lawg9-panel p{
    max-width:100% !important;

    margin:20px 0 0 !important;

    color:
        rgba(248,245,239,.72) !important;

    font-size:14px !important;

    line-height:1.72 !important;

    text-shadow:none !important;
}


/* =========================================================
   6. BOTONES
========================================================= */

.lawg9-actions{
    display:flex !important;

    gap:12px !important;

    margin-top:24px !important;
}


.lawg9-button{
    display:inline-flex !important;

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

    min-height:52px !important;

    padding:0 23px !important;

    box-sizing:border-box !important;

    text-decoration:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    box-shadow:none !important;
}


.lawg9-button-gold{
    background:#d7b66b !important;

    border-color:#d7b66b !important;

    color:#091925 !important;
}


.lawg9-button:not(.lawg9-button-gold){
    background:transparent !important;

    border-color:
        rgba(248,245,239,.29) !important;

    color:#f8f5ef !important;
}


/* =========================================================
   7. ABAJO SIN DIFUMINADO
========================================================= */

.lawg9-hero::after{
    content:none !important;
    display:none !important;
    background:none !important;
}


/* La siguiente sección empieza limpia */

.lawg9-hero + .lg-practices{
    margin-top:0 !important;

    padding-top:82px !important;

    background:#f3f0e9 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lawg9-header-inner{
        width:calc(100% - 46px) !important;

        height:98px !important;
        min-height:98px !important;
    }

    .lawg9-brand img{
        width:220px !important;
    }

    .lawg9-nav{
        gap:23px !important;
    }

    .lawg9-hero{
        height:760px !important;
    }

    .lawg9-panel{
        width:min(560px,58vw) !important;

        padding:
            27px
            28px
            25px !important;
    }

    .lawg9-panel h1{
        font-size:
            clamp(42px,5.2vw,52px) !important;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lawg9-header-inner{
        width:calc(100% - 30px) !important;

        height:84px !important;
        min-height:84px !important;
    }

    .lawg9-brand img{
        width:195px !important;
    }

    .lawg9-hero{
        height:720px !important;
    }

    .lawg9-photo img{
        object-position:center 52% !important;

        animation:none !important;
    }

    .lawg9-panel{
        width:100% !important;

        right:0 !important;
        bottom:0 !important;

        padding:
            21px
            19px
            20px !important;
    }

    .lawg9-panel h1{
        font-size:39px !important;
    }

    .lawg9-panel p{
        font-size:13px !important;
    }

    .lawg9-actions{
        flex-direction:column !important;
    }

    .lawg9-button{
        width:100% !important;
    }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lawg9-photo img{
        animation:none !important;
    }

}


/* =========================================================
   V9.4.1 — Oscurecer un poco la parte superior
   Solo para dar más lectura al logo y menú
========================================================= */

.lawg9-hero::before{
    background:

        /* velo superior general, muy sutil */
        linear-gradient(
            180deg,
            rgba(7,22,34,.34) 0%,
            rgba(7,22,34,.22) 10%,
            rgba(7,22,34,.10) 18%,
            rgba(7,22,34,.03) 26%,
            rgba(7,22,34,0) 34%
        ),

        /* halo izquierdo — logo */
        radial-gradient(
            ellipse 47% 38% at 8% 0%,
            rgba(7,22,34,.88) 0%,
            rgba(7,22,34,.72) 25%,
            rgba(7,22,34,.48) 44%,
            rgba(7,22,34,.27) 59%,
            rgba(7,22,34,.12) 72%,
            rgba(7,22,34,.04) 83%,
            rgba(7,22,34,0) 94%
        ),

        /* halo derecho — navegación */
        radial-gradient(
            ellipse 49% 34% at 92% 0%,
            rgba(7,22,34,.73) 0%,
            rgba(7,22,34,.54) 29%,
            rgba(7,22,34,.33) 48%,
            rgba(7,22,34,.16) 64%,
            rgba(7,22,34,.06) 77%,
            rgba(7,22,34,.02) 87%,
            rgba(7,22,34,0) 96%
        ) !important;
}


/* un poquito más de lectura en navegación */
.lawg9-nav a{
    text-shadow:
        0 2px 20px rgba(0,0,0,.34),
        0 1px 2px rgba(0,0,0,.18) !important;
}

.lawg9-brand img{
    filter:brightness(0) invert(1) !important;
    opacity:1 !important;
}


/* =========================================================
   V9.4.2 — Parte superior 50% más oscura
========================================================= */

.lawg9-hero::before{
    background:

        /* velo superior 50% más intenso */
        linear-gradient(
            180deg,
            rgba(7,22,34,.52) 0%,
            rgba(7,22,34,.34) 10%,
            rgba(7,22,34,.16) 18%,
            rgba(7,22,34,.05) 26%,
            rgba(7,22,34,0) 34%
        ),

        /* halo izquierdo — logo */
        radial-gradient(
            ellipse 47% 38% at 8% 0%,
            rgba(7,22,34,.96) 0%,
            rgba(7,22,34,.84) 25%,
            rgba(7,22,34,.58) 44%,
            rgba(7,22,34,.34) 59%,
            rgba(7,22,34,.16) 72%,
            rgba(7,22,34,.055) 83%,
            rgba(7,22,34,0) 94%
        ),

        /* halo derecho — menú */
        radial-gradient(
            ellipse 49% 34% at 92% 0%,
            rgba(7,22,34,.86) 0%,
            rgba(7,22,34,.67) 29%,
            rgba(7,22,34,.42) 48%,
            rgba(7,22,34,.22) 64%,
            rgba(7,22,34,.085) 77%,
            rgba(7,22,34,.028) 87%,
            rgba(7,22,34,0) 96%
        ) !important;
}


/* =========================================================
   V9.4.3 — OSCURECIMIENTO SUPERIOR FUERTE Y COMPLETO
   Todo el ancho de la parte superior
========================================================= */

.lawg9-hero::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    display:block !important;

    z-index:1 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            180deg,

            rgba(5,18,29,.94) 0%,
            rgba(5,18,29,.91) 8%,
            rgba(5,18,29,.84) 15%,
            rgba(5,18,29,.72) 22%,
            rgba(5,18,29,.56) 29%,
            rgba(5,18,29,.38) 35%,
            rgba(5,18,29,.22) 40%,
            rgba(5,18,29,.10) 45%,
            rgba(5,18,29,.03) 49%,
            rgba(5,18,29,0) 54%

        ) !important;
}


/* aseguramos máxima lectura del menú y logo */
.lawg9-nav a{
    color:#ffffff !important;

    text-shadow:
        0 2px 18px rgba(0,0,0,.38) !important;
}

.lawg9-brand img{
    filter:brightness(0) invert(1) !important;
    opacity:1 !important;
}


/* =========================================================
   V9.4.4 — Oscurecimiento superior con límite preciso
   Termina justo debajo del header
========================================================= */

.lawg9-hero::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

    height:225px !important;

    display:block !important;

    z-index:1 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,18,29,.96) 0%,
            rgba(5,18,29,.94) 22%,
            rgba(5,18,29,.90) 44%,
            rgba(5,18,29,.78) 62%,
            rgba(5,18,29,.54) 76%,
            rgba(5,18,29,.28) 87%,
            rgba(5,18,29,.10) 94%,
            rgba(5,18,29,0) 100%
        ) !important;
}


/* =========================================================
   V9.4.5 — Panel más contenido e integrado
   No toca fotografía ni oscurecimiento superior
========================================================= */

.lawg9-panel{
    /* un poco más pequeño */
    width:min(550px,35vw) !important;

    padding:
        26px
        30px
        25px !important;

    /* mismo lenguaje cromático del header */
    background:
        linear-gradient(
            145deg,
            rgba(9,25,37,.965) 0%,
            rgba(12,32,45,.945) 100%
        ) !important;

    /* menos sensación de caja */
    border-top:
        1px solid rgba(215,182,107,.10) !important;

    border-left:
        1px solid rgba(215,182,107,.07) !important;

    box-shadow:
        -12px -8px 34px rgba(3,13,21,.10) !important;
}


/* título ligeramente más contenido */
.lawg9-panel h1{
    font-size:
        clamp(43px,3.35vw,54px) !important;

    line-height:.98 !important;
}


/* texto secundario un poquito más fino */
.lawg9-panel p{
    margin-top:18px !important;

    font-size:13.5px !important;
    line-height:1.68 !important;
}


/* compactar un poco las acciones */
.lawg9-actions{
    margin-top:21px !important;
    gap:10px !important;
}


.lawg9-button{
    min-height:49px !important;
    padding:0 19px !important;

    font-size:10.5px !important;
}


/* línea dorada más discreta */
.lawg9-accent{
    width:42px !important;
    margin-bottom:16px !important;
}


/* mantener responsive */
@media(max-width:950px){

    .lawg9-panel{
        width:min(520px,55vw) !important;
    }

}

@media(max-width:620px){

    .lawg9-panel{
        width:100% !important;
    }

}


/* =========================================================
   V9.4.6 — MICROINTERACCIONES + HEADER MÁS LEGIBLE
========================================================= */


/* =========================================================
   HEADER — letras un poco más grandes
========================================================= */

.lawg9-nav a{
    position:relative !important;

    font-size:16.5px !important;
    font-weight:500 !important;

    transition:
        color .28s ease,
        opacity .28s ease,
        transform .28s ease !important;
}


/* pequeña línea dorada que aparece al pasar el mouse */
.lawg9-nav a:not(.lawg9-contact)::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-9px;

    width:0;
    height:1px;

    background:#d7b66b;

    transform:translateX(-50%);

    transition:
        width .28s ease;
}


.lawg9-nav a:not(.lawg9-contact):hover{
    color:#ffffff !important;
    transform:translateY(-1px);
}


.lawg9-nav a:not(.lawg9-contact):hover::after{
    width:24px;
}


/* =========================================================
   BOTÓN AGENDAR CONSULTA
========================================================= */

.lawg9-contact{
    transition:
        background .28s ease,
        border-color .28s ease,
        color .28s ease,
        transform .28s ease,
        box-shadow .28s ease !important;
}


.lawg9-contact:hover{
    background:rgba(215,182,107,.11) !important;

    border-color:#d7b66b !important;

    color:#e5c77f !important;

    transform:translateY(-2px);

    box-shadow:
        0 8px 24px rgba(0,0,0,.13);
}


/* =========================================================
   BOTONES DEL HERO
========================================================= */

.lawg9-button{
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease !important;
}


.lawg9-button:hover{
    transform:translateY(-2px) !important;
}


.lawg9-button-gold:hover{
    background:#e0bf71 !important;
    border-color:#e0bf71 !important;

    box-shadow:
        0 9px 25px rgba(0,0,0,.15) !important;
}


.lawg9-button:not(.lawg9-button-gold):hover{
    background:rgba(255,255,255,.07) !important;

    border-color:rgba(255,255,255,.60) !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.10) !important;
}


/* =========================================================
   ELEMENTOS CLICABLES DEL RESTO DE LA WEB
========================================================= */

.lg-main a,
.lg-main button{
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        opacity .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* prácticas: reacción muy sutil */
.lg-practice{
    transition:
        transform .28s ease,
        background .28s ease,
        border-color .28s ease !important;
}


.lg-practice:hover{
    transform:translateX(5px);
}


.lg-practice:hover .lg-practice-name{
    color:#b89248;
}


/* enlaces normales */
.lg-main a:not(.lawg9-button){
    text-underline-offset:4px;
}


/* =========================================================
   ACCESIBILIDAD — teclado
========================================================= */

a:focus-visible,
button:focus-visible{
    outline:1px solid #d7b66b !important;
    outline-offset:5px !important;
}


/* =========================================================
   SI EL USUARIO PREFIERE MENOS MOVIMIENTO
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lawg9-nav a,
    .lawg9-contact,
    .lawg9-button,
    .lg-main a,
    .lg-main button,
    .lg-practice{
        transition:none !important;
        transform:none !important;
    }

}


/* móvil */
@media(max-width:950px){

    .lawg9-nav a{
        font-size:38px !important;
    }

    .lawg9-nav .lawg9-contact{
        font-size:14px !important;
    }

}


/* =========================================================
   V9.4.7 — CONTACTO / AGENDAR CONSULTA
========================================================= */

/* botón de WhatsApp / Agendar consulta de la sección Contacto */
#contacto .lg-contact-cta,
#contacto .lg-button{
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}


#contacto .lg-contact-cta:hover,
#contacto .lg-button:hover{
    transform:translateY(-2px) !important;

    background:#e0bf71 !important;
    border-color:#e0bf71 !important;

    color:#091925 !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,.13) !important;
}


/* pequeña reacción también en los datos de contacto clicables */
#contacto a:not(.lg-button){
    transition:
        color .25s ease,
        opacity .25s ease !important;
}


#contacto a:not(.lg-button):hover{
    color:#d7b66b !important;
}


/* =========================================================
   LAW GROUP — GALERÍA OFICINA 4 FOTOS
   Conserva corredor + cacao + reuniones
   Añade sala de espera
========================================================= */

.lg-office-gallery-final{
    grid-template-columns:1.06fr .94fr;
    gap:18px;
    height:720px;
}

.lg-office-main-final{
    height:720px;
}


/* Derecha:
   sala de espera grande arriba
   dos fotos actuales abajo */
.lg-office-side-final{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1.15fr .85fr;

    gap:18px;
    height:720px;
}

.lg-office-side-final figure{
    min-width:0;
    min-height:0;
    height:auto;
}


/* nueva foto ocupa toda la fila superior */
.lg-office-waiting{
    grid-column:1 / -1;
}


/* encuadre nuevo */
.lg-office-waiting img{
    object-position:center 62% !important;
}


/* las dos existentes quedan abajo */
.lg-office-cacao,
.lg-office-meeting{
    grid-column:auto;
}

.lg-office-cacao img,
.lg-office-meeting img{
    object-position:center !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-office-gallery-final{
        grid-template-columns:1fr;
        height:auto;
    }

    .lg-office-main-final{
        height:520px;
    }

    .lg-office-side-final{
        grid-template-columns:1fr 1fr;
        grid-template-rows:330px 250px;

        height:auto;
    }

    .lg-office-waiting{
        grid-column:1 / -1;
    }

    .lg-office-side-final figure{
        height:auto;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-office-main-final{
        height:auto;
    }

    .lg-office-main-final img{
        height:auto;
    }

    .lg-office-side-final{
        grid-template-columns:1fr;
        grid-template-rows:none;

        height:auto;
    }

    .lg-office-waiting{
        grid-column:auto;
    }

    .lg-office-side-final figure{
        height:280px;
    }

    .lg-office-side-final img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }

}

/* END GALERÍA OFICINA 4 FOTOS */

/* =========================================================
   LAW GROUP — CIERRE VISUAL / ATARDECER
========================================================= */

.lg-sunset{
    position:relative;

    width:100%;
    height:430px;

    overflow:hidden;

    background:#071522;
}


/* fotografía */

.lg-sunset-image{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    /*
     * La imagen es vertical.
     * Este encuadre conserva el sol, el logo del vidrio
     * y suficiente arquitectura.
     */
    object-position:center 56%;
}


/* oscurecimiento elegante:
   mayor hacia izquierda para alojar el texto */

.lg-sunset-overlay{
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(5,18,29,.82) 0%,
            rgba(5,18,29,.57) 27%,
            rgba(5,18,29,.24) 52%,
            rgba(5,18,29,.05) 74%,
            rgba(5,18,29,.12) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5,18,29,.10) 0%,
            rgba(5,18,29,0) 48%,
            rgba(5,18,29,.32) 100%
        );

    pointer-events:none;
}


/* contenido */

.lg-sunset-content{
    position:relative;
    z-index:2;

    height:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    color:#fff;
}


.lg-sunset-kicker{
    margin-bottom:18px;

    color:#d2ad5d;

    font-size:10px;
    font-weight:700;

    letter-spacing:.19em;
    text-transform:uppercase;
}


.lg-sunset-kicker::before{
    content:"";

    display:inline-block;

    width:34px;
    height:1px;

    margin:0 15px 3px 0;

    background:#d2ad5d;
}


.lg-sunset h2{
    max-width:610px;

    margin:0;

    color:#fff;

    font-family:var(--display);

    font-size:clamp(48px,4.5vw,68px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.035em;

    text-shadow:
        0 2px 22px rgba(0,0,0,.18);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-sunset{
        height:390px;
    }

    .lg-sunset-image{
        object-position:center 52%;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-sunset{
        height:430px;
    }

    .lg-sunset-image{
        object-position:55% center;
    }

    .lg-sunset-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(5,18,29,.76) 0%,
                rgba(5,18,29,.48) 60%,
                rgba(5,18,29,.20) 100%
            ),
            linear-gradient(
                180deg,
                rgba(5,18,29,.12) 0%,
                rgba(5,18,29,.08) 50%,
                rgba(5,18,29,.48) 100%
            );
    }

    .lg-sunset h2{
        max-width:390px;

        font-size:46px;
    }

}

/* END LAW GROUP SUNSET */

/* =========================================================
   LAW GROUP — CONTACTO CON FOTO ATARDECER
========================================================= */

/*
 * Tres zonas:
 * fotografía / introducción / datos
 */
.lg-contact-final{
    display:grid !important;

    grid-template-columns:
        minmax(260px,.72fr)
        minmax(0,1fr)
        minmax(0,.95fr) !important;

    gap:58px !important;

    align-items:start !important;
}


/* FOTO */

.lg-contact-photo{
    margin:0;

    width:100%;
    height:560px;

    overflow:hidden;

    background:#071522;
}


.lg-contact-photo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    /*
     * Conservamos el ventanal, sol y logo.
     * Ajustaremos esto con tu captura si hace falta.
     */
    object-position:center 50%;
}


/* El contenido sigue igual */

.lg-contact-intro{
    min-width:0;
}


.lg-contact-details{
    min-width:0;
}


/* Un poco más compacto para que las tres zonas respiren */
.lg-contact-intro h2{
    font-size:clamp(48px,4vw,64px) !important;
}


.lg-contact-intro p{
    max-width:510px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .lg-contact-final{
        grid-template-columns:
            minmax(230px,.75fr)
            minmax(0,1fr) !important;

        gap:45px !important;
    }

    .lg-contact-photo{
        height:520px;
        grid-row:1 / span 2;
    }

    .lg-contact-details{
        grid-column:2;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:700px){

    .lg-contact-final{
        grid-template-columns:1fr !important;
        gap:38px !important;
    }

    .lg-contact-photo{
        grid-row:auto;

        width:100%;
        height:420px;
    }

    .lg-contact-photo img{
        object-position:center 50%;
    }

    .lg-contact-details{
        grid-column:auto;
    }

}

/* END CONTACTO FOTO ATARDECER */

/* =========================================================
   LAW GROUP — CONTACTO REDISEÑO FINAL
   Fotografía protagonista + contenido editorial
========================================================= */

.lg-contact{
    padding:96px 0 100px !important;
}


/* =========================================================
   COMPOSICIÓN PRINCIPAL
========================================================= */

.lg-contact-final{
    display:grid !important;

    grid-template-columns:
        minmax(390px,.82fr)
        minmax(0,1.18fr) !important;

    grid-template-areas:
        "photo intro"
        "photo details" !important;

    column-gap:86px !important;
    row-gap:54px !important;

    align-items:start !important;
}


/* =========================================================
   FOTO
========================================================= */

.lg-contact-photo{
    grid-area:photo;

    position:relative;

    width:100% !important;
    height:650px !important;

    margin:0 !important;

    overflow:hidden;

    background:#040b12;
}


.lg-contact-photo img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    /*
     * Conserva:
     * - cielo
     * - sol
     * - logo
     * - parte inferior del ventanal
     */
    object-position:center 48% !important;
}


/* degradado muy discreto, solo para darle acabado */
.lg-contact-photo::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,18,29,.05) 0%,
            rgba(5,18,29,0) 55%,
            rgba(5,18,29,.22) 100%
        );

    pointer-events:none;
}


/* pequeña ubicación sobre la foto */
.lg-contact-photo::before{
    content:"MACHALA · EL ORO";

    position:absolute;

    z-index:2;

    left:28px;
    bottom:26px;

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

    font-size:9px;
    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.lg-contact-intro{
    grid-area:intro;

    min-width:0;

    padding-top:5px;
}


.lg-contact-intro .lg-label{
    margin-bottom:20px;
}


.lg-contact-intro h2{
    max-width:650px !important;

    margin:0 !important;

    font-size:
        clamp(58px,4.8vw,76px) !important;

    line-height:.95 !important;

    letter-spacing:-.04em !important;
}


.lg-contact-intro p{
    max-width:600px !important;

    margin:27px 0 32px !important;

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

    font-size:15px !important;

    line-height:1.86 !important;
}


.lg-contact-cta{
    min-width:205px !important;

    padding-left:28px !important;
    padding-right:28px !important;
}


/* =========================================================
   DATOS DE CONTACTO
========================================================= */

.lg-contact-details{
    grid-area:details;

    display:grid !important;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(0,1.12fr) !important;

    column-gap:55px !important;

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


/* quitar estructura anterior */
.lg-contact-item{
    padding:25px 0 26px !important;

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


/* correo */
.lg-contact-item:nth-child(1){
    grid-column:1;
    grid-row:1;
}


/* teléfono */
.lg-contact-item:nth-child(2){
    grid-column:1;
    grid-row:2;
}


/* dirección: ocupa la derecha */
.lg-contact-item:nth-child(3){
    grid-column:2;
    grid-row:1 / span 2;

    padding-left:10px !important;
}


.lg-contact-caption{
    margin-bottom:13px !important;

    color:#c8a45a !important;

    font-size:9px !important;

    letter-spacing:.18em !important;
}


.lg-contact-item a,
.lg-contact-item address{
    font-size:
        clamp(20px,1.7vw,26px) !important;

    line-height:1.38 !important;
}


.lg-contact-item:nth-child(1) a{
    font-size:
        clamp(18px,1.45vw,23px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .lg-contact-final{
        grid-template-columns:
            minmax(300px,.8fr)
            minmax(0,1.2fr) !important;

        column-gap:50px !important;
    }

    .lg-contact-photo{
        height:610px !important;
    }

    .lg-contact-details{
        grid-template-columns:1fr !important;
    }

    .lg-contact-item:nth-child(1),
    .lg-contact-item:nth-child(2),
    .lg-contact-item:nth-child(3){
        grid-column:1 !important;
        grid-row:auto !important;

        padding-left:0 !important;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:700px){

    .lg-contact{
        padding:72px 0 76px !important;
    }

    .lg-contact-final{
        grid-template-columns:1fr !important;

        grid-template-areas:
            "intro"
            "photo"
            "details" !important;

        gap:40px !important;
    }

    .lg-contact-intro h2{
        font-size:48px !important;
    }

    .lg-contact-photo{
        height:500px !important;
    }

    .lg-contact-photo img{
        object-position:center 50% !important;
    }

    .lg-contact-details{
        grid-template-columns:1fr !important;
    }

}

/* END CONTACTO REDISEÑO FINAL */

/* =========================================================
   CONTACTO — HOVER LIMPIO EN DATOS
========================================================= */

.lg-contact-item a{
    display:inline-block !important;

    width:auto !important;

    background:transparent !important;
    background-color:transparent !important;

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

    color:#fff !important;

    text-decoration:none !important;

    transition:
        color .20s ease,
        opacity .20s ease !important;
}


.lg-contact-item a:hover,
.lg-contact-item a:focus,
.lg-contact-item a:focus-visible{
    background:transparent !important;
    background-color:transparent !important;

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

    color:#d8b66c !important;

    text-decoration:none !important;

    outline:none !important;
}


/* evita que estilos globales de enlaces creen placas */
.lg-contact-details a::before,
.lg-contact-details a::after{
    background:transparent !important;
    box-shadow:none !important;
}


/* END CONTACTO HOVER */

/* =========================================================
   CONTACTO — ELIMINAR CUALQUIER PLACA/HOVER DE ENLACES
========================================================= */

body .lg-contact .lg-contact-details .lg-contact-item > a,
body .lg-contact .lg-contact-details .lg-contact-item > a:link,
body .lg-contact .lg-contact-details .lg-contact-item > a:visited,
body .lg-contact .lg-contact-details .lg-contact-item > a:hover,
body .lg-contact .lg-contact-details .lg-contact-item > a:focus,
body .lg-contact .lg-contact-details .lg-contact-item > a:focus-visible,
body .lg-contact .lg-contact-details .lg-contact-item > a:active{

    display:inline !important;

    width:auto !important;
    max-width:none !important;

    padding:0 !important;
    margin:0 !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    text-decoration:none !important;

    transform:none !important;

    outline:none !important;

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


/* ESTADO NORMAL */
body .lg-contact .lg-contact-details .lg-contact-item > a,
body .lg-contact .lg-contact-details .lg-contact-item > a:visited{
    color:#ffffff !important;
}


/* HOVER: SOLO CAMBIA EL COLOR DE LA LETRA */
body .lg-contact .lg-contact-details .lg-contact-item > a:hover,
body .lg-contact .lg-contact-details .lg-contact-item > a:focus-visible{
    color:#d8b66c !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;
}


/* MATAR CUALQUIER PSEUDO-ELEMENTO GLOBAL */
body .lg-contact .lg-contact-details .lg-contact-item > a::before,
body .lg-contact .lg-contact-details .lg-contact-item > a::after,
body .lg-contact .lg-contact-details .lg-contact-item > a:hover::before,
body .lg-contact .lg-contact-details .lg-contact-item > a:hover::after,
body .lg-contact .lg-contact-details .lg-contact-item > a:focus::before,
body .lg-contact .lg-contact-details .lg-contact-item > a:focus::after{
    content:none !important;
    display:none !important;

    background:none !important;
    box-shadow:none !important;
}


/* separación entre los dos correos sin convertirlos en bloques */
body .lg-contact .lg-contact-item a + a{
    display:block !important;
    width:max-content !important;

    margin-top:6px !important;

    background:none !important;
}


/* teléfono también sin placa */
body .lg-contact .lg-contact-item:nth-child(2) > a{
    display:inline-block !important;
    width:auto !important;

    padding:0 !important;

    background:none !important;
}


/* END CONTACTO LINKS CLEAN */

/* =========================================================
   LAW GROUP — CONTACTO / ACABADO FINO
========================================================= */

/* sección un poco más contenida */
.lg-contact{
    padding-top:88px !important;
    padding-bottom:96px !important;
}


/* composición */
.lg-contact-final{
    grid-template-columns:
        minmax(390px,.80fr)
        minmax(0,1.20fr) !important;

    column-gap:82px !important;
    row-gap:44px !important;
}


/* FOTO */
.lg-contact-photo{
    height:640px !important;
}

.lg-contact-photo img{
    object-position:center 48% !important;
}


/* etiqueta CONTACTO */
.lg-contact-intro .lg-label{
    margin-bottom:17px !important;
}


/* título */
.lg-contact-intro h2{
    max-width:680px !important;

    font-size:
        clamp(58px,4.7vw,74px) !important;

    line-height:.96 !important;
}


/* texto introductorio */
.lg-contact-intro p{
    max-width:625px !important;

    margin-top:27px !important;
    margin-bottom:31px !important;

    font-size:16px !important;
    line-height:1.78 !important;
}


/* botón */
.lg-contact-cta{
    min-width:210px !important;

    padding:
        17px
        30px !important;

    letter-spacing:.075em !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease !important;
}


/* bloque inferior */
.lg-contact-details{
    column-gap:62px !important;

    margin-top:2px !important;
}


/* etiquetas pequeñas */
.lg-contact-caption{
    margin-bottom:14px !important;

    font-size:10px !important;
    letter-spacing:.18em !important;
}


/* datos */
.lg-contact-item a,
.lg-contact-item address{
    font-size:
        clamp(21px,1.55vw,25px) !important;

    line-height:1.42 !important;
}


/* los correos necesitan apenas menos tamaño */
.lg-contact-item:nth-child(1) a{
    font-size:
        clamp(19px,1.35vw,23px) !important;
}


/* dirección: mejor ancho y lectura */
.lg-contact-item:nth-child(3){
    padding-left:22px !important;
}

.lg-contact-item:nth-child(3) address{
    max-width:470px !important;
}


/* líneas más sutiles */
.lg-contact-details,
.lg-contact-item{
    border-color:
        rgba(255,255,255,.14) !important;
}


/* hover de datos: solo color */
.lg-contact-details .lg-contact-item > a:hover,
.lg-contact-details .lg-contact-item > a:focus-visible{
    color:#d8b66c !important;
}


/* TABLET */
@media(max-width:1100px){

    .lg-contact-final{
        column-gap:52px !important;
    }

    .lg-contact-photo{
        height:590px !important;
    }

}


/* MÓVIL */
@media(max-width:700px){

    .lg-contact{
        padding-top:68px !important;
        padding-bottom:72px !important;
    }

    .lg-contact-final{
        gap:36px !important;
    }

    .lg-contact-photo{
        height:480px !important;
    }

    .lg-contact-intro p{
        font-size:15px !important;
    }

    .lg-contact-item:nth-child(3){
        padding-left:0 !important;
    }

}

/* END CONTACTO ACABADO FINO */

/* =========================================================
   LAW GROUP — FOOTER VISIBLE DEFINITIVO
========================================================= */

/*
 * WordPress envuelve el template-part del footer
 * dentro de otro <footer>. Oscurecemos ambos niveles.
 */

body footer.wp-block-template-part:has(.lg-footer),
body .wp-block-template-part:has(.lg-footer),
body .lg-footer{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#020b12 !important;
    background-color:#020b12 !important;
    background-image:none !important;

    color:#fff !important;

    border-top:
        1px solid rgba(200,164,90,.30) !important;
}


/* Interior */
body .lg-footer-final{
    width:min(1380px, calc(100% - 96px)) !important;

    min-height:150px !important;

    margin:0 auto !important;

    padding:32px 0 !important;

    display:flex !important;

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

    gap:50px !important;

    background:transparent !important;
}


/* Logo */
body .lg-footer-logo,
body .lg-footer-logo:hover{
    background:none !important;
    background-color:transparent !important;

    box-shadow:none !important;
}


body .lg-footer-logo img{
    display:block !important;

    width:235px !important;
    height:auto !important;

    opacity:.95 !important;

    filter:brightness(0) invert(1) !important;
}


/* Datos */
body .lg-footer-meta{
    color:rgba(255,255,255,.62) !important;

    font-size:9px !important;

    line-height:1.55 !important;

    letter-spacing:.10em !important;

    text-align:right !important;
}


body .lg-footer-meta span{
    color:rgba(255,255,255,.62) !important;
}


/* Móvil */
@media(max-width:700px){

    body .lg-footer-final{
        width:calc(100% - 40px) !important;

        min-height:0 !important;

        padding:34px 0 !important;

        flex-direction:column !important;

        align-items:flex-start !important;

        gap:22px !important;
    }

    body .lg-footer-logo img{
        width:195px !important;
    }

    body .lg-footer-meta{
        text-align:left !important;
        align-items:flex-start !important;
    }

}

/* END FOOTER VISIBLE DEFINITIVO */

/* =========================================================
   LAW GROUP — FOOTER CLARO DEFINITIVO
   Nos adaptamos al fondo marfil real
========================================================= */

/* Footer */
body .lg-footer{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#f3f0e9 !important;
    background-color:#f3f0e9 !important;
    background-image:none !important;

    border-top:
        1px solid rgba(165,130,59,.32) !important;
}


/* Interior */
body .lg-footer-final{
    width:min(1380px, calc(100% - 96px)) !important;

    min-height:150px !important;

    margin:0 auto !important;

    padding:34px 0 !important;

    display:flex !important;

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

    gap:50px !important;

    background:transparent !important;
}


/* =========================================================
   LOGO
========================================================= */

body .lg-footer-logo,
body .lg-footer-logo:hover,
body .lg-footer-logo:focus{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}


body .lg-footer-logo img{
    display:block !important;

    width:235px !important;
    max-width:235px !important;
    height:auto !important;

    margin:0 !important;

    /*
     * IMPORTANTE:
     * quitamos el filtro blanco.
     * Se muestra el logo original.
     */
    filter:none !important;

    opacity:.88 !important;
}


/* =========================================================
   DATOS
========================================================= */

body .lg-footer-meta{
    display:flex !important;

    flex-direction:column !important;
    align-items:flex-end !important;

    gap:7px !important;

    margin:0 !important;

    color:#33414a !important;

    font-size:9px !important;
    font-weight:600 !important;

    line-height:1.5 !important;

    letter-spacing:.10em !important;

    text-align:right !important;
    text-transform:uppercase !important;
}


body .lg-footer-meta span{
    color:#33414a !important;
    opacity:.78 !important;
}


/* pequeña diferencia para copyright */
body .lg-footer-meta span:last-child{
    opacity:.52 !important;
}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:700px){

    body .lg-footer-final{
        width:calc(100% - 40px) !important;

        min-height:0 !important;

        padding:32px 0 !important;

        flex-direction:column !important;
        align-items:flex-start !important;

        gap:22px !important;
    }


    body .lg-footer-logo img{
        width:195px !important;
        max-width:195px !important;
    }


    body .lg-footer-meta{
        align-items:flex-start !important;

        text-align:left !important;
    }

}

/* END FOOTER CLARO DEFINITIVO */

/* =========================================================
   LAW GROUP — HISTORIA / DESDE 2014
   Rediseño editorial
========================================================= */

.lg-history{
    padding:115px 0 !important;

    background:#f1ede5 !important;

    color:#0a1d2b !important;

    overflow:hidden;
}


/* composición */
.lg-history-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.06fr)
        minmax(0,.94fr) !important;

    gap:88px !important;

    align-items:center !important;
}


/* =========================================================
   FOTO
========================================================= */

.lg-history-image{
    position:relative;

    height:610px !important;

    margin:0 !important;

    overflow:hidden;

    background:#ddd6ca;
}


.lg-history-image img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center 45% !important;

    transition:
        transform .7s cubic-bezier(.2,.7,.2,1);
}


.lg-history-image:hover img{
    transform:scale(1.018);
}


/* pequeño acabado dorado */
.lg-history-image::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:90px;
    height:3px;

    background:#c8a45a;

    pointer-events:none;
}


/* =========================================================
   TEXTO
========================================================= */

.lg-history-copy{
    position:relative;

    min-width:0;

    padding:
        36px
        0
        28px !important;
}


/*
 * 2014 gigante de fondo.
 * Muy tenue, no compite con el contenido.
 */
.lg-history-copy::before{
    content:"2014";

    position:absolute;

    z-index:0;

    top:-95px;
    right:-15px;

    color:rgba(8,29,43,.055);

    font-family:var(--display);

    font-size:
        clamp(120px,10vw,176px);

    font-weight:400;

    line-height:1;

    letter-spacing:-.06em;

    pointer-events:none;
}


/* contenido por encima del año */
.lg-history-copy > *{
    position:relative;

    z-index:1;
}


/* etiqueta */
.lg-history-copy .lg-label{
    margin-bottom:22px !important;

    color:#a5823b !important;
}


/* título */
.lg-history-copy h2{
    max-width:620px !important;

    margin:
        0
        0
        31px !important;

    color:#0a1d2b !important;

    font-family:var(--display);

    font-size:
        clamp(52px,4.4vw,70px) !important;

    font-weight:400 !important;

    line-height:.98 !important;

    letter-spacing:-.038em !important;
}


/* párrafos */
.lg-history-copy p{
    max-width:585px !important;

    margin:
        0
        0
        19px !important;

    color:#556168 !important;

    font-size:16px !important;

    line-height:1.82 !important;
}


/* último párrafo */
.lg-history-copy p:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .lg-history{
        padding:
            90px
            0 !important;
    }

    .lg-history-grid{
        gap:52px !important;
    }

    .lg-history-image{
        height:540px !important;
    }

    .lg-history-copy::before{
        top:-70px;

        font-size:125px;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:700px){

    .lg-history{
        padding:
            72px
            0
            78px !important;
    }

    .lg-history-grid{
        grid-template-columns:
            1fr !important;

        gap:46px !important;
    }

    .lg-history-image{
        height:460px !important;
    }

    .lg-history-copy{
        padding:0 !important;
    }

    .lg-history-copy::before{
        top:-45px;
        right:-4px;

        font-size:100px;
    }

    .lg-history-copy h2{
        max-width:100% !important;

        font-size:48px !important;
    }

    .lg-history-copy p{
        max-width:100% !important;

        font-size:15px !important;
    }

}

/* END HISTORIA EDITORIAL */

/* =========================================================
   LAW GROUP — EQUIPO / ACABADO EDITORIAL
========================================================= */

.lg-team{
    position:relative;

    padding-top:118px !important;
    padding-bottom:125px !important;

    background:#f7f4ee !important;

    color:#0a1d2b !important;

    overflow:hidden;
}


/* =========================================================
   CABECERA GENERAL
========================================================= */

.lg-team-head{
    position:relative;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr) !important;

    gap:90px !important;

    margin-bottom:68px !important;

    align-items:end !important;
}


/* EQUIPO gigante muy tenue */
.lg-team-head::before{
    content:"EQUIPO";

    position:absolute;

    z-index:0;

    top:-88px;
    right:0;

    color:rgba(8,29,43,.045);

    font-family:var(--display);

    font-size:
        clamp(100px,9vw,160px);

    font-weight:400;

    line-height:1;

    letter-spacing:-.055em;

    pointer-events:none;
}


.lg-team-head > *{
    position:relative;
    z-index:1;
}


.lg-team-head h2{
    max-width:760px !important;

    margin:0 !important;

    color:#0a1d2b !important;

    font-family:var(--display);

    font-size:
        clamp(54px,4.5vw,72px) !important;

    font-weight:400 !important;

    line-height:.98 !important;

    letter-spacing:-.04em !important;
}


.lg-team-head > p{
    max-width:520px !important;

    margin:0 0 4px !important;

    color:#5a656b !important;

    font-size:16px !important;

    line-height:1.82 !important;
}


/* =========================================================
   GRUPOS: SOCIOS / ASISTENTES
========================================================= */

.lg-carousel-group{
    position:relative;
}


.lg-carousel-group + .lg-carousel-group{
    margin-top:96px !important;
}


/* encabezado de cada grupo */
.lg-carousel-heading{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:space-between !important;

    gap:30px !important;

    margin-bottom:30px !important;

    padding-bottom:18px !important;

    border-bottom:
        1px solid rgba(16,34,47,.16) !important;
}


.lg-carousel-heading > h3{
    position:relative;

    margin:0 !important;

    padding-left:54px;

    color:#0a1d2b !important;

    font-family:var(--display);

    font-size:
        clamp(31px,2.4vw,39px) !important;

    font-weight:400 !important;

    line-height:1 !important;

    letter-spacing:-.025em !important;
}


/* pequeña línea dorada */
.lg-carousel-heading > h3::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:35px;
    height:1px;

    background:#b79045;

    transform:translateY(-50%);
}


/* =========================================================
   FLECHAS
========================================================= */

.lg-carousel-head{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;
}


.lg-arrow{
    display:grid !important;

    place-items:center !important;

    width:44px !important;
    height:44px !important;

    padding:0 !important;

    background:transparent !important;

    border:
        1px solid rgba(10,29,43,.24) !important;

    border-radius:0 !important;

    color:#0a1d2b !important;

    font-size:18px !important;

    line-height:1 !important;

    cursor:pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease !important;
}


.lg-arrow:hover,
.lg-arrow:focus-visible{
    background:#0a1d2b !important;

    border-color:#0a1d2b !important;

    color:#d7b66b !important;

    outline:none !important;
}


/* =========================================================
   PERSONAS
========================================================= */

.lg-person{
    position:relative;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


/* fotografía */
.lg-person-photo{
    position:relative;

    overflow:hidden !important;

    background:#e7e1d7 !important;
}


/* borde inferior dorado muy fino */
.lg-person-photo::after{
    content:"";

    position:absolute;

    z-index:2;

    left:0;
    bottom:0;

    width:0;
    height:2px;

    background:#c8a45a;

    transition:
        width .36s ease;

    pointer-events:none;
}


.lg-person:hover .lg-person-photo::after{
    width:72px;
}


/* fotos: no modificamos sus proporciones existentes */
.lg-person-photo img{
    transition:
        transform .55s cubic-bezier(.2,.72,.2,1),
        filter .35s ease !important;
}


.lg-person:hover .lg-person-photo img{
    transform:scale(1.018);
}


/* =========================================================
   INFORMACIÓN
========================================================= */

.lg-person-info{
    padding:
        20px
        0
        5px !important;

    background:transparent !important;
}


/* cargo */
.lg-person-role{
    margin:
        0
        0
        9px !important;

    color:#a5823b !important;

    font-size:10px !important;

    font-weight:700 !important;

    line-height:1.3 !important;

    letter-spacing:.16em !important;

    text-transform:uppercase !important;
}


/* nombre */
.lg-person-name{
    max-width:95%;

    margin:0 !important;

    color:#0a1d2b !important;

    font-family:var(--display);

    font-size:
        clamp(22px,1.75vw,28px) !important;

    font-weight:400 !important;

    line-height:1.08 !important;

    letter-spacing:-.025em !important;
}


/* =========================================================
   ASISTENTES
   Conservamos las proporciones que ya estaban corregidas
========================================================= */

.lg-assistants .lg-person-name{
    font-size:
        clamp(21px,1.55vw,26px) !important;
}


.lg-assistants .lg-person-role{
    font-size:9px !important;
}


/* perfiles todavía sin fotografía */
.lg-assistants .lg-person-no-photo .lg-person-photo{
    background:
        linear-gradient(
            145deg,
            #0b2232 0%,
            #081822 100%
        ) !important;
}


.lg-assistants .lg-person-no-photo .lg-person-photo img{
    opacity:.88 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-team{
        padding-top:94px !important;
        padding-bottom:100px !important;
    }

    .lg-team-head{
        grid-template-columns:1fr !important;

        gap:30px !important;

        margin-bottom:58px !important;
    }

    .lg-team-head::before{
        top:-65px;

        font-size:110px;
    }

    .lg-carousel-group + .lg-carousel-group{
        margin-top:78px !important;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-team{
        padding-top:72px !important;
        padding-bottom:82px !important;
    }

    .lg-team-head{
        margin-bottom:48px !important;
    }

    .lg-team-head::before{
        top:-35px;
        right:-4px;

        font-size:78px;
    }

    .lg-team-head h2{
        font-size:47px !important;
    }

    .lg-team-head > p{
        font-size:15px !important;
    }


    .lg-carousel-heading{
        align-items:center !important;

        margin-bottom:24px !important;

        padding-bottom:15px !important;
    }


    .lg-carousel-heading > h3{
        padding-left:42px;

        font-size:29px !important;
    }


    .lg-carousel-heading > h3::before{
        width:27px;
    }


    .lg-arrow{
        width:39px !important;
        height:39px !important;
    }


    .lg-person-info{
        padding-top:17px !important;
    }


    .lg-person-name,
    .lg-assistants .lg-person-name{
        font-size:23px !important;
    }


    .lg-carousel-group + .lg-carousel-group{
        margin-top:68px !important;
    }

}

/* END EQUIPO EDITORIAL */

/* =========================================================
   LAW GROUP — PREPARACIÓN / MÉTODO
========================================================= */

.lg-method{
    position:relative;

    padding:118px 0 !important;

    background:#ebe6dc !important;

    color:#0a1d2b !important;

    overflow:hidden;
}


.lg-method-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(0,1.12fr) !important;

    gap:94px !important;

    align-items:center !important;
}


/* =========================================================
   TEXTO
========================================================= */

.lg-method-copy{
    position:relative;

    min-width:0;

    padding:
        28px
        0 !important;
}


/* recurso gráfico muy sutil */
.lg-method-copy::before{
    content:"01";

    position:absolute;

    z-index:0;

    top:-90px;
    left:-18px;

    color:rgba(8,29,43,.052);

    font-family:var(--display);

    font-size:
        clamp(125px,10vw,178px);

    font-weight:400;

    line-height:1;

    letter-spacing:-.065em;

    pointer-events:none;
}


.lg-method-copy > *{
    position:relative;
    z-index:1;
}


.lg-method-copy .lg-label{
    margin-bottom:22px !important;

    color:#a5823b !important;
}


.lg-method-copy h2{
    max-width:600px !important;

    margin:
        0
        0
        32px !important;

    color:#0a1d2b !important;

    font-family:var(--display);

    font-size:
        clamp(52px,4.2vw,68px) !important;

    font-weight:400 !important;

    line-height:.98 !important;

    letter-spacing:-.04em !important;
}


.lg-method-copy p{
    max-width:560px !important;

    margin:
        0
        0
        19px !important;

    color:#59646a !important;

    font-size:16px !important;

    line-height:1.82 !important;
}


.lg-method-copy p:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   IMAGEN
========================================================= */

.lg-method-image{
    position:relative;

    height:610px !important;

    margin:0 !important;

    overflow:hidden;

    background:#d8d1c6;
}


.lg-method-image img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center 45% !important;

    transition:
        transform .7s cubic-bezier(.2,.72,.2,1);
}


.lg-method-image:hover img{
    transform:scale(1.018);
}


/* detalle dorado */
.lg-method-image::after{
    content:"";

    position:absolute;

    right:0;
    bottom:0;

    width:90px;
    height:3px;

    background:#c8a45a;

    pointer-events:none;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .lg-method{
        padding:
            92px
            0 !important;
    }

    .lg-method-grid{
        gap:55px !important;
    }

    .lg-method-image{
        height:540px !important;
    }

    .lg-method-copy::before{
        top:-65px;

        font-size:120px;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:700px){

    .lg-method{
        padding:
            74px
            0
            80px !important;
    }

    .lg-method-grid{
        grid-template-columns:
            1fr !important;

        gap:46px !important;
    }

    .lg-method-copy{
        padding:0 !important;
    }

    .lg-method-copy::before{
        top:-40px;
        left:-4px;

        font-size:92px;
    }

    .lg-method-copy h2{
        max-width:100% !important;

        font-size:47px !important;
    }

    .lg-method-copy p{
        max-width:100% !important;

        font-size:15px !important;
    }

    .lg-method-image{
        height:460px !important;
    }

}

/* END PREPARACIÓN / MÉTODO */

/* =========================================================
   LAW GROUP — HOME / RITMO GENERAL Y TRANSICIONES
========================================================= */


/* =========================================================
   NUESTRA OFICINA
========================================================= */

.lg-office{
    padding-top:118px !important;
    padding-bottom:122px !important;

    background:#f7f4ee !important;
}


/* =========================================================
   HISTORIA
========================================================= */

.lg-history{
    position:relative;

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


/* =========================================================
   EQUIPO
========================================================= */

.lg-team{
    position:relative;

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


/*
 * Separación editorial al inicio del equipo.
 * No es una franja; apenas marca el cambio de sección.
 */
.lg-team::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:min(1380px,calc(100% - 96px));
    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(200,164,90,.38) 0%,
            rgba(200,164,90,.08) 28%,
            rgba(200,164,90,0) 72%
        );

    transform:translateX(-50%);

    pointer-events:none;
}


/* =========================================================
   PUBLICACIONES EN HOME
========================================================= */

/*
 * El shortcode de publicaciones debe respirar antes
 * de entrar en Preparación.
 */
.lg-team + .wp-block-shortcode,
.lg-team ~ .wp-block-shortcode{
    position:relative;
}


/* =========================================================
   PREPARACIÓN
========================================================= */

.lg-method{
    border-top:
        1px solid rgba(10,29,43,.075) !important;
}


/* =========================================================
   CONTACTO
========================================================= */

.lg-contact{
    position:relative;

    margin-top:0 !important;
}


/*
 * Línea superior muy discreta que anuncia el cierre oscuro.
 */
.lg-contact::before{
    content:"";

    position:absolute;

    z-index:2;

    top:0;
    left:50%;

    width:min(1380px,calc(100% - 96px));
    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(200,164,90,.58),
            rgba(200,164,90,.12) 50%,
            rgba(200,164,90,0)
        );

    transform:translateX(-50%);

    pointer-events:none;
}


/* =========================================================
   ANCHOS INTERNOS
   Mantener sensación consistente en toda la página
========================================================= */

.lg-office-wrap,
.lg-history-grid,
.lg-team > .lg-wrap,
.lg-method-grid,
.lg-contact > .lg-wrap{
    width:min(1380px,calc(100% - 96px)) !important;

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


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .lg-office-wrap,
    .lg-history-grid,
    .lg-team > .lg-wrap,
    .lg-method-grid,
    .lg-contact > .lg-wrap{
        width:calc(100% - 64px) !important;
    }

    .lg-team::before,
    .lg-contact::before{
        width:calc(100% - 64px);
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media(max-width:620px){

    .lg-office{
        padding-top:76px !important;
        padding-bottom:80px !important;
    }

    .lg-office-wrap,
    .lg-history-grid,
    .lg-team > .lg-wrap,
    .lg-method-grid,
    .lg-contact > .lg-wrap{
        width:calc(100% - 40px) !important;
    }

    .lg-team::before,
    .lg-contact::before{
        width:calc(100% - 40px);
    }

}

/* END HOME RITMO GENERAL */

/* =========================================================
   JHONNY CABRERA — AJUSTE INDIVIDUAL DE ENCUADRE
========================================================= */

.lg-person-photo:has(img[alt="Jhonny Alexander Cabrera Aguilar"]){
    overflow:hidden !important;
}

img[alt="Jhonny Alexander Cabrera Aguilar"]{
    transform:scale(1.20) !important;
    transform-origin:center 38% !important;
}

/* conservar un hover muy sutil sin perder el zoom */
.lg-person:hover img[alt="Jhonny Alexander Cabrera Aguilar"]{
    transform:scale(1.22) !important;
}

/* END JHONNY */

/* JHONNY — ZOOM MÁS FUERTE */
img[alt="Jhonny Alexander Cabrera Aguilar"]{
    transform:scale(1.28) !important;
    transform-origin:center 36% !important;
}

.lg-person:hover img[alt="Jhonny Alexander Cabrera Aguilar"]{
    transform:scale(1.30) !important;
}



/* =========================================================
   HOME — HERO MÁS PROFUNDO + PRÁCTICAS MÁS ARRIBA
========================================================= */

/* El Hero baja bastante más */
.lawg9-hero{
    height:980px !important;
    min-height:980px !important;
    padding-bottom:0 !important;
}

/* La fotografía sigue llenando todo el Hero */
.lawg9-photo{
    height:100% !important;
}

.lawg9-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* Conservamos la caja editorial hacia la parte inferior */
.lawg9-panel{
    align-self:end !important;
}

/* Prácticas empieza mucho antes dentro de su sección */
.lawg9-hero + .lg-practices{
    padding-top:58px !important;
}


/* TABLET */
@media(max-width:1000px){

    .lawg9-hero{
        height:850px !important;
        min-height:850px !important;
    }

    .lawg9-hero + .lg-practices{
        padding-top:55px !important;
    }
}


/* MÓVIL */
@media(max-width:700px){

    .lawg9-hero{
        height:720px !important;
        min-height:720px !important;
    }

    .lawg9-hero + .lg-practices{
        padding-top:48px !important;
    }
}

/* END HERO MÁS PROFUNDO */


/* =========================================================
   HOME — HERO COMPLETO EN LA PRIMERA PANTALLA
   Escritorio
========================================================= */

@media (min-width:1001px){

    .lawg9-hero{
        height:100vh !important;
        height:100svh !important;
        min-height:0 !important;
        max-height:none !important;
        padding-bottom:0 !important;
    }

    .lawg9-photo{
        height:100% !important;
    }

    .lawg9-photo img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }
}


/* =========================================================
   LAW GROUP — HERO FOTO + FRANJA INFERIOR
   ========================================================= */

.lawg9-strip{
    position:relative;
    z-index:20;
    width:100%;
    margin:0;
    background:#0b1d2c;
    border-top:1px solid rgba(201,167,93,.38);
    color:#fff;
}

.lawg9-strip-inner{
    width:min(1380px,calc(100% - 80px));
    margin:0 auto;
    padding:34px 0 36px;

    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);
    gap:68px;
    align-items:center;
}

.lawg9-strip-title span{
    display:block;
    margin:0 0 11px;

    color:#c9a75d;
    font-family:Manrope,Arial,sans-serif;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.lawg9-strip-title h1{
    margin:0;

    color:#fff;
    font-family:Newsreader,Georgia,serif;
    font-size:clamp(36px,3.2vw,53px);
    line-height:1;
    font-weight:400;
    letter-spacing:-.025em;
}

.lawg9-strip-side p{
    max-width:570px;
    margin:0 0 18px;

    color:rgba(255,255,255,.70);
    font-family:Manrope,Arial,sans-serif;
    font-size:13px;
    line-height:1.55;
}

.lawg9-strip-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.lawg9-strip-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:45px;
    padding:0 20px;

    font-family:Manrope,Arial,sans-serif;
    font-size:10px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
}

.lawg9-strip-primary{
    background:#d5b569;
    color:#102130 !important;
}

.lawg9-strip-primary:hover{
    background:#e0c27a;
}

.lawg9-strip-secondary{
    border:1px solid rgba(255,255,255,.30);
    color:#fff !important;
}

.lawg9-strip-secondary:hover{
    border-color:#c9a75d;
    color:#c9a75d !important;
}


/* MÓVIL */

@media(max-width:782px){

    .lawg9-strip-inner{
        width:calc(100% - 32px);
        padding:27px 0 30px;
        display:block;
    }

    .lawg9-strip-title h1{
        font-size:31px;
        line-height:1.03;
    }

    .lawg9-strip-side{
        margin-top:20px;
    }

    .lawg9-strip-side p{
        font-size:12px;
    }

    .lawg9-strip-actions a{
        min-height:42px;
        padding:0 14px;
        font-size:9px;
    }
}


/* =========================================================
   LAW GROUP — FRANJA SUPERPUESTA SOBRE LA FOTO
   ========================================================= */

.lawg9-strip{
    margin-top:-118px !important;
    position:relative !important;
    z-index:30 !important;

    background:linear-gradient(
        180deg,
        rgba(8,25,40,.86) 0%,
        rgba(8,25,40,.94) 22%,
        rgba(8,25,40,.98) 100%
    ) !important;

    border-top:1px solid rgba(201,167,93,.28) !important;
    box-shadow:0 -18px 40px rgba(0,0,0,.18);
}

/* pequeño velo superior para fundirse con la foto */
.lawg9-strip::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-34px;
    height:34px;
    pointer-events:none;

    background:linear-gradient(
        180deg,
        rgba(8,25,40,0) 0%,
        rgba(8,25,40,.50) 100%
    );
}

.lawg9-strip-inner{
    padding:42px 0 36px !important;
}

/* escritorio: más aire y elegancia */
.lawg9-strip-title h1{
    max-width:820px;
}

/* móvil: no superponer tanto */
@media(max-width:782px){
    .lawg9-strip{
        margin-top:-42px !important;
    }

    .lawg9-strip::before{
        top:-18px;
        height:18px;
    }

    .lawg9-strip-inner{
        padding:24px 0 28px !important;
    }
}


/* =========================================================
   LAW GROUP — AJUSTE FINAL HERO MÁS PROPORCIONAL
   ========================================================= */

@media (min-width: 1024px){

    /* subimos un poco más la franja */
    .lawg9-strip{
        margin-top:-145px !important;
    }

    /* hacemos la franja más compacta */
    .lawg9-strip-inner{
        width:min(1320px, calc(100% - 72px)) !important;
        padding:24px 0 22px !important;
        gap:46px !important;
        grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr) !important;
        align-items:center !important;
    }

    /* texto pequeño superior */
    .lawg9-strip-title span{
        margin-bottom:8px !important;
        font-size:9px !important;
        letter-spacing:.16em !important;
    }

    /* título más proporcionado */
    .lawg9-strip-title h1{
        font-size:clamp(30px, 2.7vw, 44px) !important;
        line-height:0.98 !important;
        max-width:760px !important;
    }

    /* texto descriptivo más compacto */
    .lawg9-strip-side p{
        margin:0 0 14px !important;
        font-size:12px !important;
        line-height:1.45 !important;
        max-width:500px !important;
    }

    /* botones más pequeños */
    .lawg9-strip-actions{
        gap:8px !important;
    }

    .lawg9-strip-actions a{
        min-height:40px !important;
        padding:0 15px !important;
        font-size:9px !important;
    }
}

/* un pequeño ajuste en tablet también */
@media (min-width: 783px) and (max-width: 1023px){

    .lawg9-strip{
        margin-top:-95px !important;
    }

    .lawg9-strip-inner{
        padding:22px 0 22px !important;
        gap:28px !important;
    }

    .lawg9-strip-title h1{
        font-size:clamp(28px, 3.4vw, 38px) !important;
        line-height:1 !important;
    }

    .lawg9-strip-side p{
        font-size:12px !important;
    }

    .lawg9-strip-actions a{
        min-height:40px !important;
        font-size:9px !important;
        padding:0 13px !important;
    }
}


/* =========================================================
   LAW GROUP — AJUSTE ELEGANTE FINAL HERO
   ========================================================= */

@media (min-width: 1100px){

    /* subir más la franja para que entre toda sin bajar */
    .lawg9-strip{
        margin-top:-190px !important;
        background:linear-gradient(
            180deg,
            rgba(7,22,36,.72) 0%,
            rgba(8,25,40,.92) 18%,
            rgba(8,25,40,.98) 100%
        ) !important;
    }

    .lawg9-strip::before{
        top:-42px !important;
        height:42px !important;
    }

    /* franja más compacta pero elegante */
    .lawg9-strip-inner{
        width:min(1320px, calc(100% - 70px)) !important;
        padding:20px 0 18px !important;
        gap:44px !important;
        grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr) !important;
        align-items:end !important;
    }

    /* texto pequeño superior */
    .lawg9-strip-title span{
        margin-bottom:8px !important;
        font-size:10px !important;
        letter-spacing:.18em !important;
    }

    /* título grande, limpio y proporcionado */
    .lawg9-strip-title h1{
        font-size:clamp(34px, 2.9vw, 48px) !important;
        line-height:.95 !important;
        letter-spacing:-.03em !important;
        max-width:760px !important;
    }

    /* lado derecho más bonito y legible */
    .lawg9-strip-side p{
        margin:0 0 15px !important;
        font-size:14px !important;
        line-height:1.42 !important;
        max-width:520px !important;
        color:rgba(255,255,255,.78) !important;
    }

    .lawg9-strip-actions{
        gap:10px !important;
    }

    .lawg9-strip-actions a{
        min-height:42px !important;
        padding:0 16px !important;
        font-size:10px !important;
        letter-spacing:.02em !important;
    }
}

/* Tablet */
@media (min-width: 783px) and (max-width: 1099px){

    .lawg9-strip{
        margin-top:-120px !important;
    }

    .lawg9-strip-inner{
        width:min(1180px, calc(100% - 48px)) !important;
        padding:18px 0 18px !important;
        gap:26px !important;
        grid-template-columns:minmax(0,1fr) minmax(300px,.95fr) !important;
    }

    .lawg9-strip-title h1{
        font-size:clamp(30px, 3.1vw, 40px) !important;
        line-height:.98 !important;
    }

    .lawg9-strip-side p{
        font-size:13px !important;
        line-height:1.4 !important;
        margin:0 0 14px !important;
    }

    .lawg9-strip-actions a{
        min-height:40px !important;
        padding:0 14px !important;
        font-size:9px !important;
    }
}


/* =========================================================
   HERO — CIERRE DEFINITIVO DE PRIMERA PANTALLA
   ========================================================= */

/* El hero siempre ocupa una pantalla completa */
.lawg9-stage,
body.admin-bar .lawg9-stage{
    position:relative !important;
    height:100vh !important;
    height:100svh !important;
    min-height:100vh !important;
    min-height:100svh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Foto cubre absolutamente todo el hero */
.lawg9-stage > section{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* Franja anclada al cierre del hero */
.lawg9-stage > .lawg9-strip{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    margin:0 !important;
    transform:none !important;
}

/*
 * Cuando estamos logueados, WordPress ocupa 32px arriba.
 * Subimos SOLO la franja esos 32px para que siga viéndose
 * completamente dentro de la pantalla.
 */
@media (min-width:783px){
    body.admin-bar .lawg9-stage > .lawg9-strip{
        bottom:32px !important;
    }
}

/* barra admin móvil de WordPress */
@media (max-width:782px){
    body.admin-bar .lawg9-stage > .lawg9-strip{
        bottom:46px !important;
    }
}


/* ===== CORRECCION DEFINITIVA HERO ===== */

/* Visitante normal */
.lawg9-stage{
    height:100vh !important;
    min-height:100vh !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}

/* Cuando estamos logueados: llenar EXACTAMENTE lo que queda bajo la barra WP */
body.admin-bar .lawg9-stage{
    height:calc(100vh - 32px) !important;
    min-height:calc(100vh - 32px) !important;
}

/* Foto ocupa todo el espacio */
.lawg9-stage > section{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
}

/* Franja pegada AL BORDE INFERIOR. Sin hueco. */
.lawg9-stage > .lawg9-strip,
body.admin-bar .lawg9-stage > .lawg9-strip{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    margin:0 !important;
    transform:none !important;
}

/* móvil */
@media(max-width:782px){
    body.admin-bar .lawg9-stage{
        height:calc(100vh - 46px) !important;
        min-height:calc(100vh - 46px) !important;
    }

    body.admin-bar .lawg9-stage > .lawg9-strip{
        bottom:0 !important;
    }
}

/* ===== /CORRECCION DEFINITIVA HERO ===== */

/* ===== FIX REAL 32PX ADMIN BAR ===== */

@media (min-width:783px){

    body.admin-bar .lawg9-stage{
        height:100vh !important;
        min-height:100vh !important;
        overflow:hidden !important;
    }

    body.admin-bar .lawg9-stage > .lawg9-strip{
        bottom:32px !important;
    }
}

/* visitante normal */
body:not(.admin-bar) .lawg9-stage{
    height:100vh !important;
    min-height:100vh !important;
}

body:not(.admin-bar) .lawg9-stage > .lawg9-strip{
    bottom:0 !important;
}

/* ===== /FIX REAL 32PX ADMIN BAR ===== */

/* =========================================================
   HERO DEFINITIVO — AZUL INTEGRADO DENTRO DE LA FOTO
   ========================================================= */

/* La composición vuelve a depender de la altura REAL de la imagen */
.lawg9-stage,
body.admin-bar .lawg9-stage{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* La fotografía mantiene su tamaño actual */
.lawg9-stage > section{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
}

/* El bloque azul se monta DENTRO de la parte inferior de la foto */
.lawg9-stage > .lawg9-strip,
body.admin-bar .lawg9-stage > .lawg9-strip{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    width:100% !important;

    /* altura visual del bloque */
    min-height:220px !important;

    /* esto lo mete dentro de la fotografía */
    margin:-220px 0 0 !important;

    transform:none !important;

    background:linear-gradient(
        180deg,
        rgba(7,23,37,.80) 0%,
        rgba(7,24,39,.96) 30%,
        #071827 100%
    ) !important;

    border-top:1px solid rgba(205,170,90,.30) !important;
    box-shadow:none !important;
}

/* transición elegante con la fotografía */
.lawg9-stage > .lawg9-strip::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-55px !important;
    height:55px !important;

    background:linear-gradient(
        to bottom,
        rgba(7,24,39,0),
        rgba(7,24,39,.80)
    ) !important;
}

/* distribución interior */
.lawg9-stage .lawg9-strip-inner{
    width:min(1340px,calc(100% - 72px)) !important;
    min-height:220px !important;
    margin:0 auto !important;
    padding:26px 0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr) !important;
    gap:58px !important;
    align-items:center !important;
}

/* título */
.lawg9-stage .lawg9-strip-title h1{
    margin:0 !important;
    max-width:800px !important;

    color:#fff !important;
    font-size:clamp(40px,3.3vw,54px) !important;
    line-height:.96 !important;
    letter-spacing:-.03em !important;
}

/* pequeño identificador dorado */
.lawg9-stage .lawg9-strip-title span{
    margin-bottom:9px !important;
    font-size:10px !important;
}

/* lado derecho más visible */
.lawg9-stage .lawg9-strip-side p{
    margin:0 0 17px !important;
    max-width:570px !important;

    color:rgba(255,255,255,.84) !important;
    font-size:14px !important;
    line-height:1.5 !important;
}

/* botones */
.lawg9-stage .lawg9-strip-actions a{
    min-height:44px !important;
    padding:0 18px !important;
    font-size:10px !important;
}


/* MÓVIL */
@media(max-width:782px){

    .lawg9-stage > .lawg9-strip,
    body.admin-bar .lawg9-stage > .lawg9-strip{
        min-height:250px !important;
        margin:-250px 0 0 !important;
    }

    .lawg9-stage .lawg9-strip-inner{
        width:calc(100% - 32px) !important;
        min-height:250px !important;
        padding:20px 0 !important;
        display:block !important;
    }

    .lawg9-stage .lawg9-strip-title h1{
        font-size:30px !important;
    }

    .lawg9-stage .lawg9-strip-side{
        margin-top:15px !important;
    }

    .lawg9-stage .lawg9-strip-side p{
        font-size:12px !important;
    }
}

/* ========================================================= */



/* === HERO OVERLAY DEFINITIVO START === */

/*
 * HERO
 * La foto conserva exactamente la altura que ya tenía.
 */
.lawg9-hero{
    position:relative !important;
    overflow:hidden !important;
}

/*
 * FRANJA AZUL
 * Ahora forma parte de la fotografía.
 */
.lawg9-hero > .lawg9-strip{
    position:absolute !important;
    z-index:20 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    margin:0 !important;

    background:linear-gradient(
        180deg,
        rgba(7,23,38,.84) 0%,
        rgba(7,24,39,.96) 28%,
        #071827 100%
    ) !important;

    border-top:1px solid rgba(204,170,94,.32) !important;
    box-shadow:none !important;
    transform:none !important;
}


/* transición suave entre foto y azul */
.lawg9-hero > .lawg9-strip::before{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-52px !important;

    height:52px !important;

    background:linear-gradient(
        to bottom,
        rgba(7,24,39,0),
        rgba(7,24,39,.84)
    ) !important;

    pointer-events:none !important;
}


/*
 * CONTENIDO DE LA FRANJA
 * Amplio, pero suficientemente compacto para entrar completo.
 */
.lawg9-hero .lawg9-strip-inner{
    width:min(1360px,calc(100% - 72px)) !important;
    margin:0 auto !important;

    padding:27px 0 28px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;

    gap:58px !important;
    align-items:center !important;
}


/* pequeño identificador dorado */
.lawg9-hero .lawg9-strip-title span{
    display:block !important;

    margin:0 0 9px !important;

    color:#d0aa57 !important;

    font-family:Manrope,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;

    letter-spacing:.18em !important;
    text-transform:uppercase !important;
}


/* titular principal */
.lawg9-hero .lawg9-strip-title h1{
    margin:0 !important;

    max-width:820px !important;

    color:#fff !important;

    font-family:Newsreader,Georgia,serif !important;
    font-size:clamp(40px,3.25vw,54px) !important;

    line-height:.96 !important;
    font-weight:400 !important;
    letter-spacing:-.03em !important;
}


/* lado derecho: más legible y proporcionado */
.lawg9-hero .lawg9-strip-side p{
    margin:0 0 17px !important;

    max-width:580px !important;

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

    font-family:Manrope,Arial,sans-serif !important;
    font-size:14px !important;

    line-height:1.48 !important;
}


/* botones */
.lawg9-hero .lawg9-strip-actions{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.lawg9-hero .lawg9-strip-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:44px !important;
    padding:0 18px !important;

    font-family:Manrope,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;

    text-transform:uppercase !important;
    text-decoration:none !important;
}


/* TABLET */
@media (min-width:783px) and (max-width:1050px){

    .lawg9-hero .lawg9-strip-inner{
        width:calc(100% - 48px) !important;
        padding:22px 0 23px !important;

        grid-template-columns:1fr .9fr !important;
        gap:30px !important;
    }

    .lawg9-hero .lawg9-strip-title h1{
        font-size:36px !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        font-size:13px !important;
    }
}


/* MÓVIL */
@media (max-width:782px){

    .lawg9-hero .lawg9-strip-inner{
        width:calc(100% - 32px) !important;
        padding:20px 0 22px !important;

        display:block !important;
    }

    .lawg9-hero .lawg9-strip-title h1{
        font-size:30px !important;
        line-height:1 !important;
    }

    .lawg9-hero .lawg9-strip-side{
        margin-top:15px !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        font-size:12px !important;
        margin-bottom:13px !important;
    }

    .lawg9-hero .lawg9-strip-actions a{
        min-height:40px !important;
        padding:0 12px !important;
        font-size:9px !important;
    }
}

/* === HERO OVERLAY DEFINITIVO END === */


/* =========================================================
   HERO — FRANJA 25% MÁS COMPACTA
   ========================================================= */

@media (min-width:1051px){

    .lawg9-hero .lawg9-strip-inner{
        padding:16px 0 17px !important;
        gap:52px !important;
    }

    .lawg9-hero .lawg9-strip-title span{
        margin-bottom:6px !important;
        font-size:9px !important;
    }

    .lawg9-hero .lawg9-strip-title h1{
        font-size:clamp(37px,3vw,49px) !important;
        line-height:.94 !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        margin-bottom:12px !important;
        font-size:13px !important;
        line-height:1.42 !important;
    }

    .lawg9-hero .lawg9-strip-actions a{
        min-height:40px !important;
        padding:0 16px !important;
        font-size:9px !important;
    }

    .lawg9-hero > .lawg9-strip::before{
        top:-38px !important;
        height:38px !important;
    }
}


/* HERO — DETALLE INSTITUCIONAL + BOTONES CENTRADOS */

@media (min-width:1051px){

    .lawg9-hero .lawg9-strip-title span{
        margin-bottom:4px !important;
        font-size:10px !important;
        letter-spacing:.18em !important;
        color:#d2ad5b !important;
    }

    .lawg9-hero .lawg9-since{
        margin:0 0 7px !important;
        color:rgba(255,255,255,.64) !important;
        font-family:Manrope,Arial,sans-serif !important;
        font-size:11px !important;
        font-weight:500 !important;
        line-height:1.2 !important;
        letter-spacing:.10em !important;
        text-transform:uppercase !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        font-size:15px !important;
        line-height:1.47 !important;
        margin-bottom:14px !important;
    }

    /* Centrar ambos botones debajo del texto */
    .lawg9-hero .lawg9-strip-actions{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:11px !important;
    }

    .lawg9-hero .lawg9-strip-actions a{
        min-height:43px !important;
        padding:0 19px !important;
        font-size:10px !important;
    }
}


/* =========================================================
   HERO — LÍNEA DORADA ÚNICA + DERECHA CENTRADA
   ========================================================= */

@media (min-width:1051px){

    /* Una sola línea dorada */
    .lawg9-hero .lawg9-strip-title span{
        display:block !important;
        margin:0 0 8px !important;

        color:#d4af5f !important;

        font-family:Manrope,Arial,sans-serif !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1 !important;

        letter-spacing:.14em !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
    }

    /* elimina cualquier resto de la segunda línea */
    .lawg9-hero .lawg9-since{
        display:none !important;
    }

    /* Todo el lado derecho centrado */
    .lawg9-hero .lawg9-strip-side{
        text-align:center !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        max-width:590px !important;
        margin:0 auto 14px !important;

        text-align:center !important;
        font-size:15px !important;
        line-height:1.48 !important;
    }

    /* Botones centrados como conjunto */
    .lawg9-hero .lawg9-strip-actions{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:11px !important;
    }

    /* Y texto perfectamente centrado dentro de cada cuadro */
    .lawg9-hero .lawg9-strip-actions a{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-height:43px !important;
        padding:0 20px !important;

        text-align:center !important;
        font-size:10px !important;
        line-height:1.15 !important;
    }
}


/* =========================================================
   LAW GROUP — MICROINTERACCIONES PREMIUM HERO
   ========================================================= */

.lawg9-hero .lawg9-strip-actions a{
    position:relative !important;
    overflow:hidden !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        background-color .28s ease,
        border-color .28s ease,
        color .28s ease !important;

    will-change:transform;
}

/* brillo muy sutil al atravesar el botón */
.lawg9-hero .lawg9-strip-actions a::before{
    content:"" !important;
    position:absolute !important;
    top:-50% !important;
    left:-35% !important;

    width:28% !important;
    height:200% !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.22),
        transparent
    ) !important;

    transform:skewX(-18deg) translateX(-260%) !important;
    transition:transform .58s ease !important;
    pointer-events:none !important;
}

.lawg9-hero .lawg9-strip-actions a:hover::before{
    transform:skewX(-18deg) translateX(620%) !important;
}


/* BOTÓN PRINCIPAL DORADO */

.lawg9-hero .lawg9-strip-primary:hover{
    transform:translateY(-2px) !important;

    background:#e0c16f !important;
    border-color:#e0c16f !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        0 0 0 1px rgba(224,193,111,.12) !important;
}

.lawg9-hero .lawg9-strip-primary:active{
    transform:translateY(0) scale(.985) !important;
}


/* BOTÓN SECUNDARIO */

.lawg9-hero .lawg9-strip-secondary:hover{
    transform:translateY(-2px) !important;

    color:#d9b968 !important;
    border-color:#d9b968 !important;
    background:rgba(255,255,255,.045) !important;

    box-shadow:0 10px 26px rgba(0,0,0,.15) !important;
}

.lawg9-hero .lawg9-strip-secondary:active{
    transform:translateY(0) scale(.985) !important;
}


/* ACCESIBILIDAD CON TECLADO */

.lawg9-hero .lawg9-strip-actions a:focus-visible{
    outline:2px solid #d9b968 !important;
    outline-offset:3px !important;
}


/* Evitar movimiento para usuarios que lo tengan desactivado */

@media (prefers-reduced-motion:reduce){

    .lawg9-hero .lawg9-strip-actions a,
    .lawg9-hero .lawg9-strip-actions a::before{
        transition:none !important;
    }

    .lawg9-hero .lawg9-strip-actions a:hover{
        transform:none !important;
    }
}


/* =========================================================
   LAW GROUP — SISTEMA GLOBAL DE BOTONES PREMIUM
   ========================================================= */

/*
 * Aplica únicamente a elementos que realmente funcionan
 * como botones/CTA. No afecta enlaces de texto normales.
 */

:is(
    button,
    input[type="submit"],
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
){
    position:relative;
    overflow:hidden;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        background-color .28s ease,
        border-color .28s ease,
        color .28s ease,
        opacity .28s ease !important;
}


/* BRILLO SUTIL */

:is(
    button,
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
)::before{
    content:"";
    position:absolute;

    top:-50%;
    left:-35%;

    width:28%;
    height:200%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.22),
        transparent
    );

    transform:skewX(-18deg) translateX(-260%);
    transition:transform .58s ease;

    pointer-events:none;
    z-index:1;
}

:is(
    button,
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
):hover::before{
    transform:skewX(-18deg) translateX(620%);
}


/* Asegura que el texto quede encima del brillo */

:is(
    button,
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
) > *{
    position:relative;
    z-index:2;
}


/* MOVIMIENTO GENERAL */

:is(
    button,
    input[type="submit"],
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
):hover{
    transform:translateY(-2px);
}

:is(
    button,
    input[type="submit"],
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
):active{
    transform:translateY(0) scale(.985);
}


/* BOTONES DORADOS */

:is(
    .lawg9-strip-primary,
    [class*="gold"],
    [class*="primary"]
):hover{
    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        0 0 0 1px rgba(218,184,103,.12) !important;
}


/* BOTONES CONTORNEADOS / SECUNDARIOS */

:is(
    .lawg9-strip-secondary,
    [class*="secondary"],
    [class*="outline"]
):hover{
    border-color:#d9b968 !important;
    color:#d9b968 !important;

    background:rgba(255,255,255,.04) !important;

    box-shadow:0 10px 26px rgba(0,0,0,.14) !important;
}


/* WHATSAPP / AGENDAR CONSULTA */

a[href*="wa.me"]:hover{
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}


/* TECLADO */

:is(
    button,
    input[type="submit"],
    .wp-block-button__link,
    [class*="button"],
    [class*="btn"],
    a[href*="wa.me"]
):focus-visible{
    outline:2px solid #d9b968 !important;
    outline-offset:3px !important;
}


/* RESPETAR PREFERENCIA DE MOVIMIENTO REDUCIDO */

@media (prefers-reduced-motion:reduce){

    :is(
        button,
        input[type="submit"],
        .wp-block-button__link,
        [class*="button"],
        [class*="btn"],
        a[href*="wa.me"]
    ){
        transition:none !important;
    }

    :is(
        button,
        .wp-block-button__link,
        [class*="button"],
        [class*="btn"],
        a[href*="wa.me"]
    )::before{
        display:none !important;
    }

    :is(
        button,
        input[type="submit"],
        .wp-block-button__link,
        [class*="button"],
        [class*="btn"],
        a[href*="wa.me"]
    ):hover{
        transform:none !important;
    }
}


/* =========================================================
   NUESTRO ESPACIO — GALERÍA ORDENADA + RECEPCIÓN RECORTADA
   ========================================================= */

.lg-office-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:18px;
    align-items:start;
}

.lg-office-right{
    display:grid;
    gap:18px;
}

.lg-office-subgrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.lg-office-card{
    margin:0;
    overflow:hidden;
    background:#f3f1ec;
}

.lg-office-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.lg-office-card:hover img{
    transform:scale(1.02);
}

.lg-office-card--main{
    min-height:720px;
}

.lg-office-card--top{
    min-height:280px;
}

.lg-office-subgrid .lg-office-card{
    min-height:240px;
}

/* RECEPCIÓN: recorta el lado izquierdo negro */
.lg-office-card--reception img{
    object-position:78% center;
}

/* Responsive */
@media (max-width:1024px){
    .lg-office-grid{
        grid-template-columns:1fr;
    }

    .lg-office-card--main{
        min-height:560px;
    }
}

@media (max-width:782px){
    .lg-office-subgrid{
        grid-template-columns:1fr;
    }

    .lg-office-card--main,
    .lg-office-card--top,
    .lg-office-subgrid .lg-office-card{
        min-height:auto;
    }

    .lg-office-card img{
        aspect-ratio:4 / 3;
    }
}



/* =========================================================
   LAW GROUP — NUESTRA OFICINA / MOSAICO FINAL
   ========================================================= */

.lg-office-gallery-final{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
    gap:16px !important;
    align-items:stretch !important;
}


/* FOTO GRANDE IZQUIERDA */

.lg-office-main-final{
    margin:0 !important;
    height:720px !important;
    overflow:hidden !important;
}

.lg-office-main-final img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}


/* =========================================================
   LADO DERECHO
   Arriba: espera completa
   Abajo: cacao + reuniones + recepción
   ========================================================= */

.lg-office-side-final{
    height:720px !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    grid-template-rows:
        minmax(0,1.08fr)
        minmax(0,.92fr) !important;

    gap:16px !important;
}


/* Espera ocupa toda la fila superior */

.lg-office-waiting{
    grid-column:1 / -1 !important;
    grid-row:1 !important;

    margin:0 !important;
    overflow:hidden !important;
}


/* Tres imágenes inferiores */

.lg-office-cacao{
    grid-column:1 !important;
    grid-row:2 !important;

    margin:0 !important;
    overflow:hidden !important;
}

.lg-office-meeting{
    grid-column:2 !important;
    grid-row:2 !important;

    margin:0 !important;
    overflow:hidden !important;
}

.lg-office-reception-final{
    grid-column:3 !important;
    grid-row:2 !important;

    margin:0 !important;
    overflow:hidden !important;
}


/* TODAS LAS FOTOS */

.lg-office-side-final figure img{
    display:block !important;
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transition:transform .45s ease !important;
}


/* =========================================================
   RECEPCIÓN
   Recortamos hacia la derecha para sacar el sector negro
   ========================================================= */

.lg-office-reception-final img{
    object-position:82% center !important;
}


/* movimiento muy sutil */

@media (hover:hover){

    .lg-office-gallery-final figure:hover img{
        transform:scale(1.025) !important;
    }

    .lg-office-reception-final:hover img{
        transform:scale(1.04) !important;
    }
}


/* por seguridad: nunca mostrar la recepción vieja suelta */

.law-office-reception-add{
    display:none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .lg-office-gallery-final{
        grid-template-columns:1fr !important;
    }

    .lg-office-main-final{
        height:560px !important;
    }

    .lg-office-side-final{
        height:520px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media(max-width:700px){

    .lg-office-main-final{
        height:430px !important;
    }

    .lg-office-side-final{
        height:auto !important;

        grid-template-columns:1fr 1fr !important;
        grid-template-rows:auto !important;
    }

    .lg-office-waiting{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
        aspect-ratio:16 / 9 !important;
    }

    .lg-office-cacao,
    .lg-office-meeting{
        grid-column:auto !important;
        grid-row:auto !important;
        aspect-ratio:1 / 1 !important;
    }

    .lg-office-reception-final{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
        aspect-ratio:16 / 9 !important;
    }
}


/* ========================================================= */


/* =========================================================
   OFICINA — RECEPCIÓN PRINCIPAL / CORREDOR INFERIOR
   ========================================================= */

/* Recepción grande: desplazamos el encuadre hacia la derecha
   para eliminar visualmente la zona negra izquierda */
.lg-office-main-final img{
    object-position:80% center !important;
}

/* El corredor ahora pequeño: encuadre natural */
.lg-office-reception-final img{
    object-position:center center !important;
}


/* =========================================================
   RECEPCIÓN PRINCIPAL — ENCUADRE REAL
   ========================================================= */

.lg-office-main-final{
    overflow:hidden !important;
}

.lg-office-main-final img[src*="hero-lawgroup-final"]{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;

    /* zoom para poder desplazar realmente el encuadre */
    transform:scale(1.28) translateX(7%) !important;
    transform-origin:center center !important;
}

/* mantener el mismo encuadre al pasar el mouse */
.lg-office-main-final:hover img[src*="hero-lawgroup-final"]{
    transform:scale(1.31) translateX(7%) !important;
}


/* =========================================================
   RECEPCIÓN IZQUIERDA — FORZAR ENCUADRE HACIA EL LOGO
   ========================================================= */
.lg-office-main-final{
    overflow: hidden !important;
}

.lg-office-main-final img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: left center !important;

    /* mover la imagen bastante hacia la derecha
       para que se vea más la parte izquierda original */
    transform: scale(1.30) translateX(22%) !important;
    transform-origin: center center !important;
}

.lg-office-main-final:hover img{
    transform: scale(1.30) translateX(22%) !important;
}


/* =========================================================
   RECEPCIÓN PRINCIPAL — ENCUADRE DEFINITIVO
   Logo + recepción + cuadro
   ========================================================= */

.lg-office-main-final{
    overflow:hidden !important;
}

.lg-office-main-final img[src*="hero-lawgroup-final"]{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    /* ENCUADRE HACIA LA ZONA DEL LOGO */
    object-position:25% center !important;

    /* eliminar todos los desplazamientos/zoom anteriores */
    transform:none !important;
    transform-origin:center center !important;
}

/* No alterar el encuadre al pasar el mouse */
.lg-office-main-final:hover img[src*="hero-lawgroup-final"]{
    transform:none !important;
    object-position:25% center !important;
}


/* =========================================================
   RECEPCIÓN PRINCIPAL — ZOOM SUAVE SIN PERDER ENCUADRE
   ========================================================= */

.lg-office-main-final img[src*="hero-lawgroup-final"]{
    transition:transform .45s ease !important;
    transform:scale(1) !important;
    object-position:25% center !important;
}

.lg-office-main-final:hover img[src*="hero-lawgroup-final"]{
    transform:scale(1.025) !important;
    object-position:25% center !important;
}


/* =========================================================
   ADRIANA — IGUALAR ESCALA CON LOS DEMÁS SOCIOS
   ========================================================= */

img[alt="Adriana Ximena Valarezo Acaro"]{
    transform:scale(1.21) !important;
    transform-origin:50% 100% !important;
    object-position:center bottom !important;
    transition:transform .40s ease !important;
}

/* mantener el pequeño efecto dinámico de las demás fotos */
figure:hover img[alt="Adriana Ximena Valarezo Acaro"]{
    transform:scale(1.235) !important;
}


/* =========================================================
   ADRIANA — ESCALA FIJA, SIN ZOOM-OUT EN HOVER
   ========================================================= */

img[alt="Adriana Ximena Valarezo Acaro"],
figure:hover img[alt="Adriana Ximena Valarezo Acaro"],
a:hover img[alt="Adriana Ximena Valarezo Acaro"]{
    transform:scale(1.21) !important;
    transform-origin:50% 100% !important;
    object-position:center bottom !important;
}

/* conserva el encuadre sin animar la escala */
img[alt="Adriana Ximena Valarezo Acaro"]{
    transition:none !important;
}


/* =========================================================
   ADRIANA — FOTO TOTALMENTE ESTÁTICA EN 1.21
   ========================================================= */

.lg-team img[alt="Adriana Ximena Valarezo Acaro"],
.lg-team *:hover img[alt="Adriana Ximena Valarezo Acaro"],
.lg-team *:focus img[alt="Adriana Ximena Valarezo Acaro"],
.lg-team *:focus-within img[alt="Adriana Ximena Valarezo Acaro"],
.lg-team *:active img[alt="Adriana Ximena Valarezo Acaro"]{
    transform:scale(1.21) !important;
    scale:1 !important;
    translate:none !important;
    rotate:none !important;

    transform-origin:50% 100% !important;
    object-position:center bottom !important;

    transition:none !important;
    animation:none !important;
}

/* ========================================================= */


/* =========================================================
   LAW GROUP — ESPACIADO FINAL MÁS COMPACTO
   ========================================================= */

/* Prácticas */
.lg-practices{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

/* Nuestra oficina */
.lg-office{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

/* Historia / Desde 2014 */
.lg-history{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

/* Equipo */
.lg-team{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

/* Evitar espacios exagerados entre bloques internos */
.lg-office-intro,
.lg-team-head,
.lg-practices-intro{
    margin-bottom:42px !important;
}


/* MÓVIL */
@media(max-width:782px){

    .lg-practices,
    .lg-office,
    .lg-history,
    .lg-team{
        padding-top:48px !important;
        padding-bottom:48px !important;
    }

    .lg-office-intro,
    .lg-team-head,
    .lg-practices-intro{
        margin-bottom:28px !important;
    }
}


/* =========================================================
   LAW GROUP — PULIDO FINAL DE SECCIONES
   ========================================================= */


/* =========================================================
   1. PREPARACIÓN — ELIMINAR EL 01
   ========================================================= */

.lg-method-copy::before{
    content:none !important;
    display:none !important;
}


/* =========================================================
   2. EQUIPO — BAJAR PALABRA DECORATIVA
   ========================================================= */

@media(min-width:1001px){

    .lg-team-head::before{
        top:-24px !important;
        right:8px !important;

        font-size:clamp(100px,9vw,150px) !important;

        color:rgba(8,29,43,.042) !important;
    }
}

/* Tablet */
@media(min-width:621px) and (max-width:1000px){

    .lg-team-head::before{
        top:-18px !important;
        right:0 !important;
        font-size:100px !important;
    }
}

/* Móvil */
@media(max-width:620px){

    .lg-team-head::before{
        top:-5px !important;
        right:-4px !important;
        font-size:72px !important;
    }
}


/* =========================================================
   3. APORTES ACADÉMICOS — MÁS COMPACTO VERTICALMENTE
   ========================================================= */

.lg-publications{
    padding-top:62px !important;
    padding-bottom:64px !important;
}

.lg-publications-head{
    margin-bottom:32px !important;
    gap:44px !important;
    align-items:end !important;
}

.lg-publications-head .lg-label{
    margin-bottom:9px !important;
}

.lg-publications-head h2{
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.02 !important;
}

.lg-publications-head > p{
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.55 !important;
}

.lg-publications-grid{
    margin-top:0 !important;
    gap:22px !important;
}


/* =========================================================
   4. PREPARACIÓN — REDUCIR TAMBIÉN SU ALTURA GENERAL
   ========================================================= */

.lg-method{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

.lg-method-copy{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.lg-method-copy .lg-label{
    margin-bottom:14px !important;
}

.lg-method-copy h2{
    margin-bottom:22px !important;
}

.lg-method-copy p{
    margin-bottom:14px !important;
    line-height:1.65 !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media(max-width:700px){

    .lg-publications{
        padding-top:44px !important;
        padding-bottom:46px !important;
    }

    .lg-publications-head{
        margin-bottom:24px !important;
        gap:20px !important;
    }

    .lg-method{
        padding-top:48px !important;
        padding-bottom:52px !important;
    }
}

/* ========================================================= */


/* =========================================================
   EQUIPO DECORATIVO — FUERA DEL TEXTO
   ========================================================= */

@media(min-width:1001px){

    .lg-team-head::before{
        top:-72px !important;
        right:10px !important;

        font-size:clamp(92px,7.5vw,118px) !important;
        line-height:1 !important;

        color:rgba(8,29,43,.035) !important;

        z-index:0 !important;
        pointer-events:none !important;
    }

    .lg-team-head > *{
        position:relative !important;
        z-index:2 !important;
    }
}


/* =========================================================
   EQUIPO DECORATIVO — POSICIÓN FINAL CENTRADA
   ========================================================= */

@media(min-width:1001px){

    .lg-team-head::before{
        top:-28px !important;

        /* centrado sobre la columna derecha */
        left:58% !important;
        right:0 !important;

        width:auto !important;

        text-align:center !important;

        font-size:112px !important;
        line-height:1 !important;

        color:rgba(8,29,43,.035) !important;

        z-index:0 !important;
        pointer-events:none !important;
    }

    .lg-team-head > *{
        position:relative !important;
        z-index:2 !important;
    }
}

/* =========================================================
   LAW GROUP — CAPA RESPONSIVE CANÓNICA
   Última revisión: 2026-08-27
   Capa final documentada para hero, equipo, contacto y publicaciones.
========================================================= */

/* Publicaciones en portada: compatibilidad con el HTML anterior */
.lg-publication-participation > p:empty{
    display:none !important;
}

.lg-publication-participation > span:first-child,
.lg-publication-participation > p:nth-of-type(2),
.lg-publication-participation > p:nth-of-type(2) span{
    color:#a5823b !important;
    font-weight:600 !important;
}

/* Escritorio: tres perfiles completos, sin tarjeta cortada */
@media (min-width:1001px){

    .lg-team-track{
        padding-right:0 !important;
        scroll-snap-type:x proximity;
    }

    .lg-team-track > .lg-person{
        flex:0 0 calc((100% - 44px) / 3) !important;
        min-width:0 !important;
        scroll-snap-align:start;
    }
}

/* Tablet */
@media (max-width:1000px){

    .lg-history-grid,
    .lg-method-grid,
    .lg-work-grid{
        grid-template-columns:1fr !important;
        gap:46px !important;
    }

    .lg-contact-final{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "intro"
            "photo"
            "details" !important;
        gap:40px !important;
    }

    .lg-contact-intro{
        grid-area:intro !important;
        width:100% !important;
        min-width:0 !important;
    }

    .lg-contact-photo{
        grid-area:photo !important;
        width:100% !important;
        min-width:0 !important;
    }

    .lg-contact-details{
        grid-area:details !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        min-width:0 !important;
        column-gap:0 !important;
    }

    .lg-contact-intro h2{
        font-size:clamp(48px,7vw,58px) !important;
    }

    .lg-team-track{
        scroll-snap-type:x mandatory;
    }

    .lg-team-track > .lg-person{
        flex:0 0 calc((100% - 22px) / 2) !important;
        min-width:0 !important;
        scroll-snap-align:start;
    }

    .lg-publications-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }




}

/* Móvil */
@media (max-width:782px){

    .lawg9-hero{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
        background:#071b29 !important;
    }

    .lawg9-hero > .lawg9-photo{
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        height:520px !important;
        padding-top:98px !important;
        box-sizing:border-box !important;
        background:#071b29 !important;
    }

    .lawg9-hero > .lawg9-photo img,
    .lawg9-hero img[alt="Equipo completo de LAW Group Soluciones Jurídicas"]{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center center !important;
        animation:none !important;
    }

    .lawg9-hero::after{
        display:none !important;
    }

    .lawg9-hero > .lawg9-strip{
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        margin:0 !important;
        transform:none !important;
    }

    .lawg9-hero .lawg9-strip-inner{
        display:block !important;
        width:calc(100% - 32px) !important;
        min-height:0 !important;
        padding:22px 0 24px !important;
    }

    .lawg9-hero .lawg9-strip-title h1{
        font-size:clamp(30px,8vw,42px) !important;
        line-height:1 !important;
    }

    .lawg9-hero .lawg9-strip-side{
        margin-top:16px !important;
    }

    .lawg9-hero .lawg9-strip-side p{
        margin-bottom:15px !important;
        font-size:12px !important;
        line-height:1.5 !important;
    }

    .lg-practices h2,
    .lg-team h2,
    .lg-history h2,
    .lg-method h2{
        font-size:44px !important;
        line-height:1.02 !important;
    }

    .lg-team-track > .lg-person{
        flex:0 0 min(84vw,340px) !important;
    }
}

/* Publicaciones de portada en móvil */
@media (max-width:700px){

    .lg-publications-grid{
        grid-template-columns:1fr !important;
    }
}

/* Teléfonos compactos */
@media (max-width:520px){

    .lawg9-hero > .lawg9-photo{
        height:350px !important;
        padding-top:82px !important;
    }

    .lawg9-hero .lawg9-strip-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:9px !important;
    }

    .lawg9-hero .lawg9-strip-actions a{
        width:100% !important;
        box-sizing:border-box !important;
    }

    .lg-contact-intro h2{
        font-size:44px !important;
    }

    .lg-contact-item,
    .lg-contact-item a{
        overflow-wrap:anywhere;
    }
}

/* Accesibilidad: evita animaciones innecesarias */
@media (prefers-reduced-motion:reduce){

    .lg-team-track{
        scroll-behavior:auto !important;
    }

    .lg-person,
    .lg-office-gallery-final img{
        transition:none !important;
    }
}

/* END LAW GROUP — CAPA RESPONSIVE CANÓNICA */

/* =========================================================
   LAW GROUP — ACCESIBILIDAD Y MANTENIMIENTO FINAL 2026
========================================================= */

.lg-main section[id]{
    scroll-margin-top:112px;
}

:where(a,button,[tabindex]):focus-visible,
.lg-contact-details .lg-contact-item > a:focus-visible,
.lg-arrow:focus-visible{
    outline:2px solid #d7b66b !important;
    outline-offset:4px !important;
}

.lg-team-track:focus-visible{
    border-radius:2px;
    box-shadow:0 0 0 3px rgba(215,182,107,.55);
}

.lg-arrow:disabled,
.lg-arrow[aria-disabled='true']{
    cursor:not-allowed !important;
    opacity:.38 !important;
    transform:none !important;
}

@media(max-width:782px){
    .lg-main section[id]{
        scroll-margin-top:88px;
    }
}

@media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto !important;
    }

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
    }
}

/* END LAW GROUP — ACCESIBILIDAD Y MANTENIMIENTO FINAL 2026 */

/* =========================================================
   LAW GROUP — CARRUSEL EQUIPO MÁS DENSO
   5 ultra-wide / 4 desktop / 3 laptop / 2 tablet
   ========================================================= */

.lg-team-track{
    gap:22px !important;
}

/* ESCRITORIO NORMAL — 4 COMPLETOS */
.lg-team-track .lg-person{
    flex:0 0 calc((100% - 66px) / 4) !important;
    min-width:0 !important;
}

/* MONITORES GRANDES — 5 COMPLETOS */
@media(min-width:1700px){

    .lg-team-track .lg-person{
        flex-basis:calc((100% - 88px) / 5) !important;
    }

    .lg-team-track .lg-person-name{
        font-size:18px !important;
        line-height:1.15 !important;
    }
}

/* LAPTOP — 3 */
@media(min-width:901px) and (max-width:1199px){

    .lg-team-track .lg-person{
        flex-basis:calc((100% - 44px) / 3) !important;
    }
}

/* TABLET — 2 */
@media(min-width:621px) and (max-width:900px){

    .lg-team-track .lg-person{
        flex-basis:calc((100% - 22px) / 2) !important;
    }
}

/* MÓVIL — UNA GRANDE + INDICIO DE LA SIGUIENTE */
@media(max-width:620px){

    .lg-team-track .lg-person{
        flex:0 0 84% !important;
    }
}


/* =========================================================
   LAW GROUP — CARRUSEL EQUIPO FINAL
   MÁXIMO 4 PERSONAS
   ========================================================= */

/* separación uniforme */
.lg-team-track,
.lg-carousel-track{
    gap:22px !important;
}


/* =========================================================
   ESCRITORIO — 4 PERSONAS
   ========================================================= */

@media (min-width:1200px){

    .lg-team-track .lg-person,
    .lg-carousel-track .lg-person,
    [data-carousel] .lg-person{
        flex:0 0 calc((100% - 66px) / 4) !important;
        width:calc((100% - 66px) / 4) !important;
        max-width:calc((100% - 66px) / 4) !important;
        min-width:0 !important;
    }
}


/* =========================================================
   LAPTOP — 3 PERSONAS
   ========================================================= */

@media (min-width:901px) and (max-width:1199px){

    .lg-team-track .lg-person,
    .lg-carousel-track .lg-person,
    [data-carousel] .lg-person{
        flex:0 0 calc((100% - 44px) / 3) !important;
        width:calc((100% - 44px) / 3) !important;
        max-width:calc((100% - 44px) / 3) !important;
        min-width:0 !important;
    }
}


/* =========================================================
   TABLET — 2 PERSONAS
   ========================================================= */

@media (min-width:621px) and (max-width:900px){

    .lg-team-track .lg-person,
    .lg-carousel-track .lg-person,
    [data-carousel] .lg-person{
        flex:0 0 calc((100% - 22px) / 2) !important;
        width:calc((100% - 22px) / 2) !important;
        max-width:calc((100% - 22px) / 2) !important;
        min-width:0 !important;
    }
}


/* =========================================================
   MÓVIL — UNA TARJETA GRANDE + INDICIO DE LA SIGUIENTE
   ========================================================= */

@media (max-width:620px){

    .lg-team-track .lg-person,
    .lg-carousel-track .lg-person,
    [data-carousel] .lg-person{
        flex:0 0 84% !important;
        width:84% !important;
        max-width:84% !important;
    }
}