:root {
    --nt-marfil:#FBF8F1;
    --nt-marfil-2:#F5F0E7;
    --nt-papel:#FFFDF9;
    --nt-azul:#172536;
    --nt-azul-2:#26394B;
    --nt-petroleo:#304C55;
    --nt-dorado:#C79B52;
    --nt-dorado-claro:#E7C987;
    --nt-dorado-fondo:#F2D89D;
    --nt-dorado-texto:#76551F;
    --nt-gris:#777B7D;
    --nt-gris-claro:#E7E3DB;
      --font-editorial: "Cormorant Garamond", Georgia, serif;
    --font-ui: "Montserrat", Arial, sans-serif;
}
*{box-sizing:border-box}

html{scroll-behavior:smooth}

body {
    margin: 0;
     font-size: 100%;

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

    background: var(--nt-marfil);
    color: var(--nt-azul);
}
.section-inner{width:min(1420px,calc(100% - 80px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#050A0E,#0A1D2B);border-bottom:1px solid rgba(231,201,135,.16)}
.topbar-inner{width:min(1420px,calc(100% - 80px));min-height:78px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:42px;align-items:center}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand-seal{width:42px;height:48px;display:grid;place-items:center;border:1px solid var(--nt-dorado);color:var(--nt-dorado-claro);font:700 21px Georgia,serif}
.brand-copy{display:flex;flex-direction:column}
.brand-copy strong{font:400 26px Georgia,serif;letter-spacing:2px}
.brand-copy small{margin-top:2px;color:var(--nt-dorado-claro);font-size:8px;letter-spacing:7px}

.nav-main a {
    font-family: var(--font-ui);

    font-size: 11px;
    font-weight: 500;

    letter-spacing: .15px;
}
.nav-main a{text-decoration:none;color:#fff;font-size:12px}.nav-main a:hover{color:var(--nt-dorado-claro)}
.login{padding:11px 18px;border:1px solid var(--nt-dorado);border-radius:4px;color:#fff;text-decoration:none;font-size:11px}

/* =========================================================
   HEADER / MENU RESPONSIVE
   ========================================================= */

.nav-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.topbar-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* IMPORTANTE:
   evita que la regla global .btn o cualquier responsive
   expanda el botón INGRESAR
*/

.topbar .login {
      width:auto !important;
    min-width: auto;
    max-width: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;
}


/* HAMBURGUESA OCULTA EN ESCRITORIO */

.menu-toggle {
    display: none;

    width: 42px;
    height: 42px;

    padding: 0;

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

    border: 1px solid rgba(199,155,82,.55);
    border-radius: 4px;

    background: transparent;

    color: #FFFDF9;

    cursor: pointer;
}

.menu-toggle i {
    font-size: 1.5rem;
}


.hero {
    position: relative;
    overflow: hidden;
    min-height: 610px;

    background-color: #03080C;

    background-image:
        linear-gradient(
            90deg,
            rgba(3,8,12,.96) 0%,
            rgba(3,8,12,.88) 24%,
            rgba(3,8,12,.70) 42%,
            rgba(3,8,12,.28) 66%,
            rgba(3,8,12,.08) 100%
        ),
        url('http://notariums.net/assets/images/home/hero_notariums_argentina.png');

    background-repeat: no-repeat;

    /*
     * Antes: cover
     * Ahora reducimos la imagen y preservamos mejor el mapa.
     */
    background-size:
        100% 100%,
        auto 100%;

    background-position:
        center,
        right center;
}
.hero p,
.hero-content p {
    font-family: var(--font-ui);

    font-size: 17px;
    font-weight: 400;
    line-height: 1.55;

    color: rgba(255,255,255,.88);
}
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 18% 42%,
            rgba(0, 0, 0, .34),
            transparent 42%
        );
}
.hero-content {
    position: relative;
    z-index: 2;
}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.hero-inner{position:relative;z-index:2;width:min(1420px,calc(100% - 80px));min-height:610px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.eyebrow,.kicker{display:block;margin-bottom:12px;color:var(--nt-dorado-claro);font-size:10px;font-weight:800;letter-spacing:1.7px}
.hero h1{margin:0;color:#FFF8EC;font:400 clamp(50px,5.6vw,78px)/.98 Georgia,serif;letter-spacing:-1.5px}
.hero-copy>p{max-width:650px;margin:22px 0 0;color:rgba(255,255,255,.9);font-size:19px;line-height:1.5}
.hero-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}

.btn {
    min-width: 100px;
    min-height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    padding: 0 28px;

    border-radius: 5px;
     text-decoration: none;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .45px;
}
.btn-gold{border:1px solid #D3A34F;background:linear-gradient(#E7C987,#D6A74E);color:#241D13; min-width:100px}

.btn-outline{border:1px solid var(--nt-dorado);color:#fff;background:transparent}
.btn i {
    font-size: 18px;
}
.hero-stats {
    margin-top: 40px;

    display: flex;
    align-items: stretch;

    color: #fff;
}

.hero-stats > div {
    min-width: 165px;

    padding: 10px 28px 18px;

    border-left: 1px solid rgba(231,201,135,.45);
}

.hero-stats > div:first-child {
    padding-left: 0;
    border-left: 0;
}

.hero-stats strong {
    display: block;

    margin-bottom: 5px;

    color: var(--nt-dorado-claro);

    font: 400 30px Georgia, serif;
}

.hero-stats span {
    display: block;

    font-size: 12px;
    line-height: 1.45;
}
.hero-stats>div:first-child{padding-left:0;border-left:0}

.hero-stats strong{display:block;margin-bottom:4px;color:var(--nt-dorado-claro);font:400 30px Georgia,serif}.hero-stats span{font-size:12px;line-height:1.4}

.network{position:relative;height:520px}.network-core{position:absolute;left:50%;top:50%;width:170px;height:360px;transform:translate(-50%,-50%) rotate(4deg);display:grid;place-items:center;border:2px solid rgba(231,201,135,.75);border-radius:46% 60% 56% 48%/15% 24% 74% 78%;color:rgba(231,201,135,.7);font:700 24px Georgia,serif;box-shadow:0 0 32px rgba(231,201,135,.16),inset 0 0 28px rgba(231,201,135,.09)}
.network:before,.network:after{content:"";position:absolute;left:49%;top:45%;width:360px;height:1px;background:linear-gradient(90deg,rgba(231,201,135,.9),transparent);transform-origin:left center}.network:before{transform:rotate(-20deg)}.network:after{transform:rotate(18deg)}
.dot{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff3cb;
    box-shadow:
        0 0 8px 2px rgba(231,201,135,.95),
        0 0 18px 6px rgba(231,201,135,.42);
    animation:ntMapPulse 2.6s ease-in-out infinite;
}
.d1{left:47%;top:21%;animation-delay:0s}
.d2{left:55%;top:34%;animation-delay:.35s}
.d3{left:48%;top:46%;animation-delay:.7s}
.d4{left:56%;top:57%;animation-delay:1.05s}
.d5{left:46%;top:69%;animation-delay:1.4s}
.d6{left:52%;top:80%;animation-delay:1.75s}

.city{
    position:absolute;
    color:#FFF8E8;
    font-family:var(--font-ui);
    font-size:12px;
    font-weight:600;
    letter-spacing:.35px;
    white-space:nowrap;
    text-shadow:
        0 1px 3px rgba(0,0,0,.9),
        0 0 10px rgba(231,201,135,.26);
    opacity:.86;
    animation:ntCityGlow 3.2s ease-in-out infinite;
}
.c1{left:2%;top:15%;animation-delay:0s}
.c2{left:8%;top:30%;animation-delay:.45s}
.c3{right:2%;top:14%;animation-delay:.9s}
.c4{right:0;top:35%;animation-delay:1.35s}
.c5{right:8%;top:56%;animation-delay:1.8s}
.c6{right:0;top:66%;animation-delay:2.25s}

@keyframes ntMapPulse {
    0%,100%{
        transform:scale(1);
        opacity:.82;
    }
    50%{
        transform:scale(1.45);
        opacity:1;
        box-shadow:
            0 0 10px 3px rgba(255,239,190,1),
            0 0 24px 9px rgba(231,201,135,.55);
    }
}

@keyframes ntCityGlow {
    0%,100%{
        opacity:.72;
        text-shadow:
            0 1px 3px rgba(0,0,0,.9),
            0 0 7px rgba(231,201,135,.18);
    }
    50%{
        opacity:1;
        text-shadow:
            0 1px 3px rgba(0,0,0,.9),
            0 0 13px rgba(231,201,135,.55),
            0 0 22px rgba(231,201,135,.22);
    }
}

.finder {
    position: relative;
    overflow: hidden;

    padding: 44px 0 38px;

    background:
        linear-gradient(
            90deg,
            rgba(251,248,241,.98) 0%,
            rgba(245,240,231,.96) 52%,
            rgba(245,240,231,.72) 72%,
            rgba(245,240,231,.40) 100%
        ),
        url('http://notariums.net/assets/images/home/sol_de_mayo_en_relieve_dorado.png')
        right -90px center / 62% auto no-repeat;

    border-top: 1px solid rgba(118,85,31,.10);
    border-bottom: 1px solid rgba(118,85,31,.12);
}
.finder .section-inner {
    position: relative;
    z-index: 2;
}
.finder .section-inner {
    position: relative;
    z-index: 2;

    padding: 0;
}
.finder h2 {
    margin: 0;

    font-family: var(--font-editorial);
    font-size: clamp(34px, 3.8vw, 48px);
    line-height: 1;
    font-weight: 500;

    color: var(--nt-azul);
}
.benefits h2,.split h2,
.international h2{margin:0;font:400 42px/1.05 Georgia,serif}
.benefits::after {
    content: "";

    position: absolute;

    right: -40px;
    top: 50%;

    width: 520px;
    height: 360px;

    transform: translateY(-50%);

    background:
        url('http://notariums.net/assets/images/home/pluma_grabado.png')
        center / contain no-repeat;

    opacity: .28;

    pointer-events: none;

    z-index: 1;
}
.benefits .section-inner {
    position: relative;
    z-index: 2;
}
.finder .lead {
    margin: 10px 0 0;

    font-family: var(--font-ui);
    font-size: 14px;

    color: #4F5962;
}

.finder-form{margin-top:28px;display:grid;grid-template-columns: 1fr 1fr 1.15fr 170px;
    gap: 12px;
}
.finder-form label {
    min-height: 58px;

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

    padding: 10px 14px;

    background: rgba(255,253,249,.94);

    border: 1px solid #E3DED4;
    border-radius: 4px;

    box-shadow: 0 2px 8px rgba(23,37,54,.03);
}
.finder-form label small {
    margin-bottom: 4px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .35px;

    color: #777B7D;
}
.finder-form label small {
    margin-bottom: 4px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .35px;

    color: #777B7D;
}
.finder-form input,
.finder-form select {
    width: 100%;

    border: 0;
    outline: 0;

    background: transparent;

    font-family: var(--font-ui);
    font-size: 15px;

    color: var(--nt-azul);
}
.finder-form button {
    min-height: 58px;

    border: 1px solid #D2A95F;
    border-radius: 4px;

    background:
        linear-gradient(
            180deg,
            var(--nt-dorado-claro),
            #DDB66B
        );

    color: #3E321F;

    font-family: var(--font-ui);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .45px;

    cursor: pointer;
}
.operations-title{margin:34px 0 20px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.operations-title span{height:1px;background:rgba(23,37,54,.18)}

.operations-title b{font-size:9px;letter-spacing:1.5px}
.operations {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 22px;
}

.operations a {
    min-height: 104px;
    padding: 12px 10px;

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

    text-align: center;
    text-decoration: none;

    color: var(--nt-azul);

    border-right: 1px solid rgba(23,37,54,.12);

    background: transparent;
}

.operations a:last-child {
    border-right: 0;
}

.operations a i {
    margin-bottom: 10px;

    font-size: 32px;
    line-height: 1;

    color: var(--nt-azul);
}

.operations a span {
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;

    color: #2F3942;
}

.operations a:hover i {
    color: var(--nt-dorado-texto);
}

.operations a:hover,
.operations a:focus,
.operations a:active {
    text-decoration: none;
}

/* =========================================================
   BENEFICIOS
   ========================================================= */

.benefits {
    position: relative;
    overflow: hidden;

    padding: 42px 0 46px;

    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(199,155,82,.10),
            transparent 24%
        ),
        linear-gradient(
            100deg,
            #061019 0%,
            #08141D 52%,
            #03080C 100%
        );

    color: #FFFDF9;
}

.benefits h2 {
    margin: 0 0 32px;

    font-family: var(--font-editorial);
    font-size: 34px;
    font-weight: 500;
    line-height: 1;

    color: #FFFDF9;
}

.benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.benefit-item {
    min-height: 110px;

    padding: 6px 28px;

    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 15px;
    align-items: start;

    border-right: 1px solid rgba(231,201,135,.18);
}

.benefit-item:first-child {
    padding-left: 0;
}

.benefit-item:last-child {
    border-right: 0;
    padding-right: 0;
}

.benefit-item > i {
    font-size: 31px;
    line-height: 1;

    color: var(--nt-dorado-claro);
}

.benefit-item h3 {
    margin: 0 0 7px;

    font-family: var(--font-editorial);
    font-size: 19px;
    font-weight: 500;

    color: var(--nt-dorado-claro);
}

.benefit-item p {
    margin: 0;

    max-width: 240px;

    font-family: var(--font-ui);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.55;

    color: rgba(255,255,255,.68);
}
@media (max-width: 900px) {

    .benefit-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 0;
    }

    .benefit-item:nth-child(2) {
        border-right: 0;
    }

    .benefit-item:nth-child(3),
    .benefit-item:nth-child(4) {
        padding-top: 22px;
        border-top: 1px solid rgba(231,201,135,.14);
    }
}

@media (max-width: 600px) {

    .benefit-grid {
        grid-template-columns: 1fr;
    }

    .benefit-item {
        padding: 22px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(231,201,135,.14);
    }

    .benefit-item:first-child {
        padding-top: 0;
    }

    .benefit-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
}
/* =========================================================
   PARTICULARES / ESCRIBANOS
   ========================================================= */

.split {
    display: grid;
    grid-template-columns: 1fr 1fr;

    min-height: 360px;

    border-top: 1px solid rgba(199,155,82,.35);
    border-bottom: 1px solid rgba(199,155,82,.35);
}


/* =========================
   LADO IZQUIERDO
   ========================= */

.split-light {
    position: relative;
    overflow: hidden;

    min-height: 360px;

    padding: 46px 52px 46px 16%;

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

    background:
        linear-gradient(
            90deg,
            rgba(251,248,241,.15) 0%,
            rgba(251,248,241,.83) 30%,
            rgba(251,248,241,.98) 58%,
            rgba(251,248,241,.92) 100%
        ),
        url('http://notariums.net/assets/images/home/particulares_documentos.jpg')
        left center / cover no-repeat;

    color: var(--nt-azul);
}

.split-light .kicker {
    margin-bottom: 13px;

    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;

    color: #3D4145;
}

.split-light h2 {
    max-width: 510px;
    margin: 0;

    font-family: var(--font-editorial);
    font-size: clamp(36px, 3vw, 48px);
    line-height: 1.02;
    font-weight: 500;

    color: #191919;
}

.split-light p {
    max-width: 510px;
    margin: 16px 0 24px;

    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.55;

    color: #454B50;
}


/* =========================
   LADO DERECHO
   ========================= */

.split-dark {
    position: relative;
    overflow: hidden;

    min-height: 360px;

    padding: 46px 16% 46px 58px;

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

    background:
        linear-gradient(
            90deg,
            rgba(3,8,12,.97) 0%,
            rgba(3,8,12,.88) 48%,
            rgba(3,8,12,.50) 75%,
            rgba(3,8,12,.22) 100%
        ),
        url('http://notariums.net/assets/images/home/escribania_escritorio.jpg')
        right center / cover no-repeat;

    color: #FFFDF9;
}

.split-dark .kicker {
    margin-bottom: 13px;

    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;

    color: var(--nt-dorado-claro);
}

.split-dark h2 {
    max-width: 510px;
    margin: 0;

    font-family: var(--font-editorial);
    font-size: clamp(36px, 3vw, 48px);
    line-height: 1.02;
    font-weight: 500;

    color: #FFF9EF;
}

.split-dark p {
    max-width: 520px;
    margin: 16px 0 24px;

    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.55;

    color: rgba(255,255,255,.72);
}


/* =========================
   BOTONES DEL BLOQUE
   ========================= */

.split .btn {
    width: fit-content;
    min-width: 230px;
    min-height: 50px;

    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    border-radius: 4px;

    font-family: var(--font-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .45px;

    text-decoration: none;
}

.split .btn:hover,
.split .btn:focus,
.split .btn:active {
    text-decoration: none;
}

.split-light .btn-gold {
    background:
        linear-gradient(
            180deg,
            #F0D18D 0%,
            #D8AA55 100%
        );

    border: 1px solid #D4A24A;

    color: #201A12;
}

.split-dark .btn-outline {
    background: rgba(3,8,12,.35);

    border: 1px solid var(--nt-dorado);

    color: #FFFDF9;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .split {
        grid-template-columns: 1fr;
    }

    .split-light,
    .split-dark {
        min-height: 330px;
        padding: 44px 32px;
    }
}
.split article{min-height:335px;padding:58px max(40px,calc((100vw - 1420px)/2));display:flex;flex-direction:column;justify-content:center}
.split p{max-width:560px;margin:18px 0 24px;font-size:14px;line-height:1.55}
.split .btn{align-self:flex-start}

/* =========================================================
   INTERNATIONAL
   ========================================================= */

.international {
    min-height: 340px;

    display: grid;
    grid-template-columns: 38% 62%;

    background: #040A0F;

    border-top: 1px solid rgba(199,155,82,.35);
    border-bottom: 1px solid rgba(199,155,82,.35);
}
/* =========================
   FOTO CLIENTE
   ========================= */

.rx-visual {
    min-width: 0;
}

.rx-client-photo {
    position: relative;

    min-height: 285px;

    margin-bottom: 18px;

    overflow: hidden;

    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            rgba(3,8,12,.03) 0%,
            rgba(3,8,12,.08) 55%,
            rgba(3,8,12,.48) 100%
        ),
        url('http://notariums.net/assets/images/home/receptorium_cliente.png')
        center center / cover no-repeat;

    box-shadow:
        0 12px 32px rgba(23,37,54,.10);
}

.rx-photo-caption {
    position: absolute;

    right: 20px;
    bottom: 18px;

    max-width: 230px;

    padding: 12px 15px;

    background: rgba(7,17,26,.88);

    border-left: 2px solid var(--nt-dorado);

    color: white;
}

.rx-photo-caption strong {
    display: block;

    margin-bottom: 3px;

    font-family: var(--font-editorial);
    font-size: 18px;
    font-weight: 500;
}

.rx-photo-caption span {
    font-family: var(--font-ui);
    font-size: 10px;

    color: rgba(255,255,255,.68);
}

/* FOTO IZQUIERDA */

.international-image {
    min-height: 340px;

    background:
        linear-gradient(
            90deg,
            rgba(3,8,12,.05) 0%,
            rgba(3,8,12,.12) 65%,
            rgba(3,8,12,.92) 100%
        ),
        url('http://notariums.net/assets/images/home/internacional_aeropuerto.png')
        center center / cover no-repeat;
}


/* CONTENIDO DERECHO */

.international-content {
    min-height: 340px;

    padding: 48px 7% 48px 50px;

    display: grid;
    grid-template-columns: minmax(0,1fr) 240px;
    gap: 54px;
    align-items: center;

    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(199,155,82,.09),
            transparent 30%
        ),
        linear-gradient(
            100deg,
            #07131D 0%,
            #03080C 100%
        );

    color: #FFFDF9;
}


/* TEXTO */

.international-main .kicker {
    display: block;

    margin-bottom: 12px;

    font-family: var(--font-ui);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.8px;

    color: var(--nt-dorado-claro);
}

.international-main h2 {
    margin: 0;

    font-family: var(--font-editorial);
    font-size: clamp(38px,3.5vw,52px);
    line-height: 1;
    font-weight: 500;

    color: #FFF9EF;
}

.international-main p {
    max-width: 620px;

    margin: 15px 0 25px;

    font-family: var(--font-ui);
    font-size: 13px;
    line-height: 1.6;

    color: rgba(255,255,255,.70);
}


/* BOTÓN */

.international-button {
    width: fit-content;
    min-width: 220px;
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 22px;

    text-decoration: none;
}

.international-button:hover,
.international-button:focus,
.international-button:active {
    text-decoration: none;
}


/* LISTA DERECHA */

.international-services {
    padding-left: 28px;

    border-left: 1px solid rgba(231,201,135,.32);

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.international-services span {
    font-family: var(--font-ui);
    font-size: 12px;
    line-height: 1.3;

    color: rgba(255,255,255,.68);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .international {
        grid-template-columns: 1fr;
    }

    .international-image {
        min-height: 260px;
    }

    .international-content {
        grid-template-columns: 1fr;
        padding: 42px 30px;
        gap: 30px;
    }

    .international-services {
        padding: 20px 0 0;

        border-left: 0;
        border-top: 1px solid rgba(231,201,135,.30);
    }
}
/* =========================================================
   RECEPTORIUM
   ========================================================= */

   /* =========================================================
   RECEPTORIUM
   ========================================================= */

.rx-section {
    padding: 72px 0 62px;

    background:
        radial-gradient(
            circle at 87% 14%,
            rgba(199, 155, 82, .09),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #FFFDF9 0%,
            #F8F3EA 58%,
            #F5EFE5 100%
        );

    color: var(--nt-azul);
}


/* =========================================================
   PRESENTACIÓN
   ========================================================= */

.rx-hero {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(360px, .85fr)
        250px;

    gap: 38px;

    align-items: center;

    margin-bottom: 55px;
}


/* INTRO */

.rx-intro {
    min-width: 0;
}

.rx-kicker {
    display: block;

    margin-bottom: 12px;

    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;

    color: var(--nt-dorado-texto);
}

.rx-intro h2 {
    max-width: 700px;

    margin: 0;

    font-family: var(--font-editorial);

    font-size: clamp(48px, 4.8vw, 70px);
    font-weight: 500;

    line-height: .96;

    letter-spacing: -.6px;

    color: var(--nt-azul);
}

.rx-intro h2 span {
    color: var(--nt-dorado-texto);
}

.rx-intro p {
    max-width: 690px;

    margin: 22px 0 0;

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

    font-size: 16px;
    line-height: 1.7;

    color: #5C6670;
}


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

.rx-hero-photo {
    position: relative;

    min-height: 285px;

    overflow: hidden;

    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            rgba(3,8,12,.02) 30%,
            rgba(3,8,12,.18) 100%
        ),
        url('http://notariums.net/assets/images/home/receptorium_cliente.png')
        center center / cover no-repeat;

    box-shadow:
        0 15px 38px rgba(23,37,54,.11);
}

.rx-photo-caption {
    position: absolute;

    right: 18px;
    bottom: 17px;

    min-width: 230px;

    padding: 13px 16px;

    background: rgba(7,17,26,.90);

    border-left: 2px solid var(--nt-dorado);

    color: #FFFDF9;
}

.rx-photo-caption strong {
    display: block;

    margin-bottom: 4px;

    font-family: var(--font-editorial);

    font-size: 19px;
    font-weight: 500;
}

.rx-photo-caption span {
    font-family: var(--font-ui);

    font-size: 10px;

    color: rgba(255,255,255,.68);
}


/* =========================================================
   CENTRALIZADO / VERSIONADO / TRAZABLE
   ========================================================= */

.rx-values {
    display: flex;
    flex-direction: column;
}

.rx-value {
    min-height: 81px;

    padding: 13px 0;

    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 14px;

    align-items: center;

    border-bottom: 1px solid #E2D9CB;
}

.rx-value:last-child {
    border-bottom: 0;
}

.rx-value > i {
    width: 42px;
    height: 42px;

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

    border: 1px solid var(--nt-dorado);
    border-radius: 50%;

    color: var(--nt-dorado-texto);

    font-size: 19px;
}

.rx-value strong {
    display: block;

    margin-bottom: 4px;

    font-family: var(--font-editorial);

    font-size: 20px;
    font-weight: 500;

    color: var(--nt-azul);
}

.rx-value span {
    display: block;

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

    font-size: 12px;
    line-height: 1.45;

    color: #717981;
}


/* =========================================================
   FLUJO
   ========================================================= */

.rx-flow {
    margin-top: 8px;

    padding: 32px 32px 30px;

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

    border: 1px solid #E9E1D6;

    border-radius: 9px;

    box-shadow:
        0 10px 28px rgba(23,37,54,.045);
}

.rx-flow-head {
    margin-bottom: 28px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;
}

.rx-flow-head > div {
    min-width: 0;
}

.rx-flow-head .rx-kicker {
    margin-bottom: 4px;
}

.rx-flow-head h3 {
    margin: 0;

    font-family: var(--font-editorial);

    font-size: 39px;
    font-weight: 500;

    line-height: 1;
}

.rx-flow-head h3 b {
    color: var(--nt-dorado-texto);

    font-weight: 500;
}

.rx-flow-head > p {
    max-width: 470px;

    margin: 0;

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

    font-size: 10px;
    line-height: 1.55;

    letter-spacing: 1px;

    color: #83858A;
}


/* =========================================================
   6 PASOS
   ========================================================= */

.rx-steps {
    display: grid;

    grid-template-columns: repeat(6, 1fr);
}

.rx-step {
    position: relative;

    min-height: 205px;

    padding: 0 20px;

    text-align: center;

    border-right: 1px solid #E3DACD;
}

.rx-step:last-child {
    border-right: 0;
}

.rx-number {
    width: 34px;
    height: 34px;

    margin: 0 auto 11px;

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

    border-radius: 50%;

    background:
        linear-gradient(
            180deg,
            #E9C579,
            #B97D20
        );

    color: #FFF;

    font-family: var(--font-editorial);

    font-size: 18px;

    box-shadow:
        0 4px 9px rgba(118,85,31,.24);
}

.rx-step > i {
    height: 42px;

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

    color: var(--nt-azul);

    font-size: 30px;
}

.rx-step h4 {
    margin: 10px 0 9px;

    font-family: var(--font-editorial);

    font-size: 18px;
    font-weight: 500;

    line-height: 1.05;

    color: var(--nt-azul);
}

.rx-step p {
    max-width: 170px;

    margin: 0 auto;

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

    font-size: 11px;
    line-height: 1.55;

    color: #727B83;
}


/* =========================================================
   TRAZABILIDAD
   ========================================================= */

.rx-trace {
    margin-top: 28px;

    display: grid;

    grid-template-columns:
        minmax(380px, .9fr)
        minmax(560px, 1.1fr);

    gap: 28px;

    align-items: stretch;
}


/* TEXTO */

.rx-trace-copy {
    padding: 38px 40px;

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

    border-radius: 8px;
}

.rx-trace-copy h3 {
    max-width: 560px;

    margin: 0;

    font-family: var(--font-editorial);

    font-size: clamp(41px, 3.3vw, 52px);
    font-weight: 500;

    line-height: .98;

    color: var(--nt-azul);
}

.rx-trace-copy > p {
    max-width: 580px;

    margin: 20px 0 27px;

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

    font-size: 14px;
    line-height: 1.65;

    color: #66717A;
}


/* LISTA DE TRAZABILIDAD */

.rx-trace-list {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px 22px;
}

.rx-trace-list > div {
    display: grid;

    grid-template-columns: 38px 1fr;

    gap: 10px;

    align-items: center;
}

.rx-trace-list i {
    width: 35px;
    height: 35px;

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

    border: 1px solid var(--nt-dorado);

    border-radius: 50%;

    color: var(--nt-dorado-texto);

    font-size: 15px;
}

.rx-trace-list span {
    font-family: var(--font-ui);

    font-size: 11px;
    line-height: 1.35;

    color: #717981;
}

.rx-trace-list strong {
    display: block;

    margin-bottom: 2px;

    color: var(--nt-azul);

    font-size: 12px;
}


/* =========================================================
   PANEL EXPEDIENTE
   ========================================================= */

.rx-panel {
    padding: 30px;

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

    border: 1px solid #E8E0D4;

    border-radius: 9px;

    box-shadow:
        0 10px 30px rgba(23,37,54,.04);
}

.rx-panel-head {
    padding-bottom: 18px;

    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;

    border-bottom: 1px solid #E7DFD5;
}

.rx-panel-head small {
    display: block;

    margin-bottom: 4px;

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

    font-size: 8px;

    letter-spacing: 1.4px;

    color: #A09A91;
}

.rx-panel-head strong {
    font-family: var(--font-editorial);

    font-size: 22px;
    font-weight: 500;

    color: var(--nt-azul);
}

.rx-status {
    min-height: 26px;

    padding: 0 11px;

    display: inline-flex;

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

    border-radius: 18px;

    background: #FFF0CC;

    color: #885A18;

    font-size: 9px;
    font-weight: 700;
}


/* INTERIOR PANEL */

.rx-panel-body {
    display: grid;

    grid-template-columns: .88fr 1.12fr;

    gap: 28px;

    margin-top: 22px;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.rx-timeline {
    position: relative;

    padding-left: 20px;
}

.rx-timeline::before {
    content: "";

    position: absolute;

    top: 6px;
    bottom: 7px;

    left: 5px;

    width: 1px;

    background: #CBC6BD;
}

.rx-event {
    position: relative;

    min-height: 55px;

    padding-left: 18px;

    display: grid;

    grid-template-columns: 1fr auto;

    gap: 8px;
}

.rx-dot {
    position: absolute;

    left: -19px;
    top: 5px;

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: #BFC2C4;

    border: 2px solid #FFF;

    box-shadow:
        0 0 0 1px #C6C0B7;
}

.rx-event-ok .rx-dot {
    background: #469968;
}

.rx-event-current .rx-dot {
    background: var(--nt-dorado);
}

.rx-event strong {
    display: block;

    margin-bottom: 3px;

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

    font-size: 10px;

    color: var(--nt-azul);
}

.rx-event small {
    font-size: 8px;

    color: #9A9DA0;
}

.rx-event > span:last-child {
    padding-top: 2px;

    font-size: 8px;

    color: #9A9DA0;
}


/* =========================================================
   DOCUMENTOS
   ========================================================= */

.rx-documents {
    display: flex;

    flex-direction: column;

    gap: 8px;
}

.rx-documents-title {
    margin-bottom: 2px;

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

    font-size: 8px;

    letter-spacing: .8px;

    color: #8E9194;
}

.rx-document {
    min-height: 54px;

    padding: 9px 11px;

    display: grid;

    grid-template-columns: 32px 1fr auto;

    gap: 10px;

    align-items: center;

    background: #FBFAF7;

    border: 1px solid #E5DFD7;

    border-radius: 5px;
}

.rx-document > i {
    color: var(--nt-azul);

    font-size: 20px;
}

.rx-document strong {
    display: block;

    margin-bottom: 2px;

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

    font-size: 10px;

    color: var(--nt-azul);
}

.rx-document small {
    color: #979B9F;

    font-size: 8px;
}

.rx-doc-ok,
.rx-doc-wait,
.rx-doc-new {
    padding: 5px 8px;

    border-radius: 14px;

    font-size: 8px;
}

.rx-doc-ok {
    background: #DDF0E3;

    color: #347D4F;
}

.rx-doc-wait {
    background: #FFF0CC;

    color: #95641F;
}

.rx-doc-new {
    background: #DDECF8;

    color: #34709A;
}


/* =========================================================
   CIERRE RECEPTORIUM
   ========================================================= */

.rx-closing {
    margin-top: 28px;

    display: grid;

    grid-template-columns: 43% 57%;

    min-height: 220px;

    overflow: hidden;

    border-radius: 8px;
}


/* FOTO PROFESIONAL */

.rx-professional-photo {
    position: relative;

    min-height: 220px;

    background:
        linear-gradient(
            180deg,
            rgba(3,8,12,.05) 25%,
            rgba(3,8,12,.86) 100%
        ),
        url('http://notariums.net/assets/images/home/receptorium_profesional.png')
        center 42% / cover no-repeat;
}

.rx-professional-caption {
    position: absolute;

    left: 28px;
    bottom: 24px;

    color: #FFF;
}

.rx-professional-caption span {
    display: block;

    margin-bottom: 5px;

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

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

    letter-spacing: 1.5px;

    color: var(--nt-dorado-claro);
}

.rx-professional-caption strong {
    display: block;

    font-family: var(--font-editorial);

    font-size: 27px;
    font-weight: 500;

    line-height: 1.05;
}


/* FRANJA FINAL */

.rx-closing-message {
    padding: 34px 38px;

    display: grid;

    grid-template-columns: 48px 1fr auto;

    gap: 18px;

    align-items: center;

    background:
        linear-gradient(
            110deg,
            #14263A,
            #09141F
        );

    color: #FFF;
}

.rx-closing-message > i {
    font-size: 29px;

    color: var(--nt-dorado-claro);
}

.rx-closing-message strong {
    display: block;

    max-width: 510px;

    margin-bottom: 6px;

    font-family: var(--font-editorial);

    font-size: 19px;
    font-weight: 500;

    line-height: 1.25;
}

.rx-closing-message span {
    display: block;

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

    font-size: 10px;
    line-height: 1.5;

    color: rgba(255,255,255,.62);
}

.rx-closing-message a {
    min-width: 195px;
    min-height: 45px;

    padding: 0 17px;

    display: inline-flex;

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

    gap: 9px;

    border: 1px solid var(--nt-dorado);

    color: #FFF;

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

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

    letter-spacing: .45px;

    text-decoration: none;

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

.rx-closing-message a:hover {
    background: rgba(199,155,82,.10);

    border-color: var(--nt-dorado-claro);

    text-decoration: none;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1150px) {

    .rx-hero {
        grid-template-columns: 1fr 1fr;
    }

    .rx-values {
        grid-column: 1 / -1;

        display: grid;

        grid-template-columns: repeat(3,1fr);

        gap: 20px;
    }

    .rx-value {
        border-bottom: 0;
    }

    .rx-steps {
        grid-template-columns: repeat(3,1fr);

        row-gap: 30px;
    }

    .rx-step:nth-child(3) {
        border-right: 0;
    }

    .rx-trace {
        grid-template-columns: 1fr;
    }

    .rx-closing {
        grid-template-columns: 1fr;
    }

    .rx-professional-photo {
        min-height: 300px;
    }
}


/* =========================================================
   RESPONSIVE — MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .rx-section {
        padding: 48px 0;
    }

    .rx-hero {
        grid-template-columns: 1fr;

        gap: 28px;
    }

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

    .rx-hero-photo {
        min-height: 250px;
    }

    .rx-values {
        grid-template-columns: 1fr;
    }

    .rx-flow {
        padding: 26px 18px;
    }

    .rx-flow-head {
        align-items: flex-start;

        flex-direction: column;
    }

    .rx-steps {
        grid-template-columns: 1fr 1fr;
    }

    .rx-step {
        min-height: 190px;

        padding: 0 12px;

        border-right: 0;

        border-bottom: 1px solid #E3DACD;
    }

    .rx-trace-copy {
        padding: 30px 22px;
    }

    .rx-trace-copy h3 {
        font-size: 39px;
    }

    .rx-trace-list {
        grid-template-columns: 1fr;
    }

    .rx-panel {
        padding: 22px 17px;
    }

    .rx-panel-body {
        grid-template-columns: 1fr;
    }

    .rx-professional-photo {
        min-height: 270px;
    }

    .rx-closing-message {
        padding: 28px 22px;

        grid-template-columns: 38px 1fr;
    }

    .rx-closing-message a {
        grid-column: 1 / -1;

        width: 100%;
    }
}

/* RESPONSIVE */

@media (max-width: 1050px) {

    .rx-header {
        grid-template-columns: 1fr;
    }

    .rx-trace {
        grid-template-columns: 1fr 1fr;
    }

    .rx-professional-photo {
        grid-column: 1 / -1;
        min-height: 300px;
    }
}

@media (max-width: 650px) {

    .rx-trace {
        grid-template-columns: 1fr;
    }

    .rx-professional-photo {
        grid-column: auto;
        min-height: 280px;
    }
}

@media (max-width: 1050px) {

    .rx-header,
    .rx-trace {
        grid-template-columns: 1fr;
    }

    .rx-values {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    .rx-steps {
        grid-template-columns: repeat(3,1fr);
        gap: 25px 0;
    }

    .rx-step:nth-child(3) {
        border-right: 0;
    }
}

@media (max-width: 650px) {

    .rx-section {
        padding: 45px 0;
    }

    .rx-values {
        grid-template-columns: 1fr;
    }

    .rx-flow {
        padding: 26px 18px;
    }

    .rx-flow-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .rx-steps {
        grid-template-columns: 1fr 1fr;
    }

    .rx-step {
        border-right: 0;
        border-bottom: 1px solid #E7DED1;
    }

    .rx-trace-copy {
        padding: 28px 22px;
    }

    .rx-trace-points {
        grid-template-columns: 1fr;
    }

    .rx-footer {
        grid-template-columns: 36px 1fr;
    }

    .rx-footer a {
        grid-column: 1 / -1;

        justify-content: center;
    }
}
/* =========================================================
   FRANJA DE CONFIANZA
   ========================================================= */

.trust-strip {
    padding: 34px 0;

    background:
        linear-gradient(
            90deg,
            #FBF8F1 0%,
            #F4EEE4 50%,
            #FBF8F1 100%
        );

    border-top: 1px solid #DED5C6;
    border-bottom: 1px solid #DED5C6;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.trust-item {
    min-height: 76px;

    padding: 6px 28px;

    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    align-items: center;

    border-right: 1px solid rgba(23,37,54,.10);
}

.trust-item:first-child {
    padding-left: 0;
}

.trust-item:last-child {
    border-right: 0;
    padding-right: 0;
}

.trust-item > i {
    font-size: 1rem;

    color: var(--nt-dorado-texto);
}

.trust-item strong {
    display: block;

    margin-bottom: 5px;

    font-family: var(--font-editorial);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.15;

    color: var(--nt-azul);
}

.trust-item span {
    display: block;

    max-width: 260px;

    font-family: var(--font-ui);
    font-size: 1rem;
    line-height: 1.5;

    color: #6F777D;
}
.trust-item > i {
    font-size: 2rem;
    color: var(--nt-dorado-texto);
}

/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(199,155,82,.08),
            transparent 25%
        ),
        linear-gradient(
            110deg,
            #07121C 0%,
            #03080C 100%
        );

    color: #FFFDF9;
}

.site-footer::before {
    content: "";

    position: absolute;

    right: -110px;
    bottom: -160px;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(231,201,135,.08);
    border-radius: 50%;

    box-shadow:
        0 0 0 22px rgba(231,201,135,.018),
        0 0 0 45px rgba(231,201,135,.012);
}

.footer-main {
    position: relative;
    z-index: 2;

    padding-top: 58px;
    padding-bottom: 48px;

    display: grid;

    grid-template-columns:
        1.25fr
        .75fr
        .75fr
        1.05fr;

    gap: 55px;
}


/* MARCA */

.footer-brand {
    min-width: 0;
}

.footer-logo {
    display: inline-block;

    margin-bottom: 15px;

    font-family: var(--font-editorial);
    font-size: 29px;
    font-weight: 500;

    letter-spacing: 3px;

    color: #FFFDF9;

    text-decoration: none;
}

.footer-brand p {
    margin: 0 0 14px;

    font-family: var(--font-editorial);
    font-size: 18px;
    line-height: 1.35;

    color: rgba(255,255,255,.82);
}

.footer-country {
    display: inline-block;

    color: var(--nt-dorado-claro);

    font-family: var(--font-ui);
    font-size: 8px;
    font-weight: 700;

    letter-spacing: 4px;
}


/* COLUMNAS */

.footer-column h4 {
    margin: 0 0 17px;

    font-family: var(--font-ui);
    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.6px;

    color: var(--nt-dorado-claro);
}

.footer-column a {
    display: block;

    width: fit-content;

    margin-bottom: 10px;

    font-family: var(--font-ui);
    font-size: 11px;

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

    text-decoration: none;
}

.footer-column a:hover {
    color: #FFFDF9;
}


/* CEO */

.footer-founder {
    padding-left: 28px;

    border-left: 1px solid rgba(231,201,135,.20);
}

.footer-founder-label {
    display: block;

    margin-bottom: 11px;

    font-family: var(--font-ui);
    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1.8px;

    color: var(--nt-dorado-claro);
}

.footer-founder strong {
    display: block;

    margin-bottom: 5px;

    font-family: var(--font-editorial);
    font-size: 22px;
    font-weight: 500;

    color: #FFFDF9;
}

.footer-founder small {
    display: block;

    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 600;

    letter-spacing: 1px;

    color: var(--nt-dorado-claro);
}

.footer-founder-line {
    width: 46px;
    height: 1px;

    margin: 17px 0;

    background: var(--nt-dorado);
}

.footer-founder p {
    max-width: 290px;

    margin: 0;

    font-family: var(--font-ui);
    font-size: 1rem;
    line-height: 1.55;

    color: rgba(255,255,255,.55);
}


/* PIE INFERIOR */

.footer-bottom {
    position: relative;
    z-index: 2;

    min-height: 70px;

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

    gap: 30px;

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

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

    font-family: var(--font-ui);
    font-size: 1rem;
}

.footer-bottom > div {
    display: flex;
    gap: 20px;
}

.footer-bottom a {
    color: rgba(255,255,255,.45);

    text-decoration: none;
}

.footer-bottom a:hover {
    color: rgba(255,255,255,.80);
}


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

@media (max-width: 1000px) {

    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 0;
    }

    .trust-item:nth-child(2) {
        border-right: 0;
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
    }

    .footer-founder {
        padding-left: 0;
        border-left: 0;
    }
}


@media (max-width: 600px) {

    .trust-grid {
        grid-template-columns: 1fr;
    }

    .trust-item {
        padding: 18px 0;

        border-right: 0;
        border-bottom: 1px solid rgba(23,37,54,.10);
    }

    .trust-item:last-child {
        border-bottom: 0;
    }

    .footer-main {
        padding-top: 45px;

        grid-template-columns: 1fr;

        gap: 34px;
    }

    .footer-founder {
        padding-top: 25px;

        border-top: 1px solid rgba(231,201,135,.18);
    }

    .footer-bottom {
        padding: 20px 0;

        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 600px) {

    .topbar-inner {
        min-height: 68px;
    }


    .brand-seal {
        width: 36px;
        height: 42px;
    }


    .brand-copy strong {
        font-size: 1.125rem;
    }


    .brand-copy small {
        font-size: .4375rem;
        letter-spacing: 4px;
    }


    .topbar .login {
        padding: 9px 12px;
    }


    .menu-toggle {
        width: 39px;
        height: 39px;
    }

}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr .65fr}.finder-form{grid-template-columns:1fr 1fr}.finder-form button{min-height:60px}.operations{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section-inner,.topbar-inner,.hero-inner{width:min(100% - 32px,1420px)}.topbar-inner{grid-template-columns:1fr auto}.brand-copy strong{font-size:20px}.hero-inner{grid-template-columns:1fr;padding:58px 0;min-height:auto}.network{display:none}.hero{min-height:auto}.hero h1{font-size:48px}.hero-stats{flex-wrap:wrap;row-gap:22px}.hero-stats>div{min-width:50%}.finder-form{grid-template-columns:1fr}.operations{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split article{padding:48px 30px}.international{padding:48px 30px;grid-template-columns:1fr;gap:32px}.international-list{padding:22px 0 0;border-left:0;border-top:1px solid rgba(231,201,135,.3)}.footer-inner{padding:28px 0;flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.hero h1{font-size:41px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.hero-stats>div{min-width:0;padding:0 12px}.hero-stats>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid rgba(231,201,135,.35);padding-top:14px}.finder h2,.benefits h2,.split h2,.international h2{font-size:34px}}
/* =========================================================
   MENU RESPONSIVE - CORRECCION FINAL
   ========================================================= */

.menu-toggle {
    display: none;

    width: 42px;
    height: 42px;

    padding: 0;

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

    border: 1px solid var(--nt-dorado);
    border-radius: 4px;

    background: transparent;

    color: #FFFDF9;

    cursor: pointer;
}

.menu-toggle i {
    font-size: 24px;
}


@media (max-width: 1100px) {

    .topbar-inner {
        position: relative;

        grid-template-columns: 1fr auto;

        gap: 16px;
    }


    .topbar-actions {
        display: flex;

        align-items: center;

        justify-content: flex-end;

        gap: 10px;
    }


    .menu-toggle {
        display: inline-flex;
    }


    .nav-main {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        z-index: 999;

        display: none !important;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        padding: 12px 22px 18px;

        background:
            linear-gradient(
                180deg,
                #0A1D2B 0%,
                #050A0E 100%
            );

        border-top: 1px solid rgba(231,201,135,.18);

        box-shadow:
            0 18px 35px rgba(0,0,0,.28);
    }


    .nav-main.menu-open {
        display: flex !important;
    }


    .nav-main a {
        display: block;

        width: 100%;

        padding: 15px 4px;

        border-bottom:
            1px solid rgba(255,255,255,.08);

        color: #FFFDF9;

        text-decoration: none;
    }


    .nav-main a:last-child {
        border-bottom: 0;
    }


    .topbar .login {
        width: auto !important;

        min-width: auto !important;
        max-width: none !important;

        display: inline-flex !important;

        padding: 10px 15px;

        white-space: nowrap;
    }

}


@media (max-width: 600px) {

    .topbar-inner {
        min-height: 68px;
    }


    .topbar .login {
        width: auto !important;

        padding: 9px 11px;
    }


    .menu-toggle {
        width: 39px;
        height: 39px;
    }

}
/* =========================================================
   NOTARIUMS · ANIMACIONES SUAVES
   ========================================================= */

/* Aparición progresiva */
.nt-reveal {
    opacity: 0;
    transform: translateY(26px);

    transition:
        opacity .75s ease,
        transform .75s ease;
}

.nt-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* Variación lateral suave */
.nt-reveal-left {
    opacity: 0;
    transform: translateX(-28px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.nt-reveal-left.is-visible {
    opacity: 1;
    transform: translateX(0);
}


.nt-reveal-right {
    opacity: 0;
    transform: translateX(28px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.nt-reveal-right.is-visible {
    opacity: 1;
    transform: translateX(0);
}


/* Microanimación de iconos */
.operations a i,
.benefit-item > i,
.trust-item > i,
.rx-value > i,
.rx-trace-list i {
    transition:
        transform .22s ease,
        color .22s ease;
}

.operations a:hover i,
.benefit-item:hover > i,
.trust-item:hover > i,
.rx-value:hover > i,
.rx-trace-list > div:hover i {
    transform: translateY(-3px);
}


/* Botones */
.btn,
.login,
.international-button,
.rx-closing-message a {
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.btn:hover,
.login:hover,
.international-button:hover,
.rx-closing-message a:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0,0,0,.14);
}


/* Movimiento muy lento de fondos fotográficos */
.split-light,
.split-dark,
.international-image,
.rx-hero-photo,
.rx-professional-photo {
    transition:
        background-position 1.2s ease,
        background-size 1.2s ease;
}

/* International */
@keyframes ntAirportDrift {

    0% {
        background-position:
            center center;
    }

    50% {
        background-position:
            54% center;
    }

    100% {
        background-position:
            center center;
    }

}

.international-image {
    animation:
        ntAirportDrift 20s ease-in-out infinite;
}


/* Stagger: beneficios, pasos y confianza */
.benefit-item,
.rx-step,
.trust-item {
    opacity: 0;
    transform: translateY(18px);
}

.benefit-item.is-visible,
.rx-step.is-visible,
.trust-item.is-visible {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity .6s ease,
        transform .6s ease;
}

.benefit-item:nth-child(1),
.rx-step:nth-child(1),
.trust-item:nth-child(1) { transition-delay: .05s; }

.benefit-item:nth-child(2),
.rx-step:nth-child(2),
.trust-item:nth-child(2) { transition-delay: .12s; }

.benefit-item:nth-child(3),
.rx-step:nth-child(3),
.trust-item:nth-child(3) { transition-delay: .19s; }

.benefit-item:nth-child(4),
.rx-step:nth-child(4),
.trust-item:nth-child(4) { transition-delay: .26s; }

.rx-step:nth-child(5) { transition-delay: .33s; }
.rx-step:nth-child(6) { transition-delay: .40s; }


/* Respeto por accesibilidad */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }

    .nt-reveal,
    .nt-reveal-left,
    .nt-reveal-right,
    .benefit-item,
    .rx-step,
    .trust-item {
        opacity: 1 !important;
        transform: none !important;
    }
}


/* =========================================================
   HERO · CIUDADES INTERNACIONALES
   ========================================================= */

.hero-locations {
    position: absolute;
    inset: 0;
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 6;
    pointer-events: none;
}

.hero-location {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 9px;
    visibility: visible;
    opacity: 1;
    z-index: 7;
    color: rgba(255,255,255,.88);
    font-family: var(--font-ui);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.1px;
    white-space: nowrap;
    text-shadow:
        0 1px 4px rgba(0,0,0,.95),
        0 0 10px rgba(231,201,135,.25);
}

/* Punto de luz */
.location-light {
    position: relative;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #F6D58F;
    box-shadow:
        0 0 5px #F6D58F,
        0 0 12px rgba(231,201,135,.90),
        0 0 22px rgba(199,155,82,.65);
    animation: ntCityPulse 2.2s ease-in-out infinite;
}

.location-light::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(231,201,135,.55);
    border-radius: 50%;
    animation: ntCityRing 2.2s ease-out infinite;
}

.location-name {
    animation: ntCityText 3.4s ease-in-out infinite;
}

/* Posiciones */
.loc-newyork {
    top: 10%;
    left: 90%;
}

.loc-miami {
    top: 29%;
    left: 64%;
}

.loc-mexico {
    top: 12%;
    left: 65%;
}

.loc-madrid {
    top: 17%;
    left: 78%;
}

.loc-saopaulo {
    top: 48%;
    left: 82%;
}

.loc-montevideo {
    top: 61%;
    left: 79%;
}

.loc-santiago {
    top: 40%;
    left: 70%;
}

.loc-china {
    top: 21%;
    right: 8%;
    left: auto;
}

/* Ritmos diferentes */
.loc-miami .location-light,
.loc-miami .location-name {
    animation-delay: .4s;
}

.loc-madrid .location-light,
.loc-madrid .location-name {
    animation-delay: .8s;
}

.loc-santiago .location-light,
.loc-santiago .location-name {
    animation-delay: 1.2s;
}

.loc-saopaulo .location-light,
.loc-saopaulo .location-name {
    animation-delay: 1.6s;
}

.loc-china .location-light,
.loc-china .location-name {
    animation-delay: 2s;
}

.loc-montevideo .location-light,
.loc-montevideo .location-name {
    animation-delay: .55s;
}

.loc-mexico .location-light,
.loc-mexico .location-name {
    animation-delay: 1.35s;
}

@keyframes ntCityPulse {
    0%, 100% {
        opacity: .7;
        transform: scale(.85);
    }
    50% {
        opacity: 1;
        transform: scale(1.35);
        box-shadow:
            0 0 7px #FFF1BF,
            0 0 17px rgba(231,201,135,1),
            0 0 32px rgba(199,155,82,.85);
    }
}

@keyframes ntCityRing {
    0% {
        opacity: .7;
        transform: scale(.55);
    }
    100% {
        opacity: 0;
        transform: scale(2.2);
    }
}

@keyframes ntCityText {
    0%, 100% {
        opacity: .62;
    }
    50% {
        opacity: 1;
        text-shadow:
            0 1px 4px rgba(0,0,0,.95),
            0 0 8px rgba(255,232,180,.65),
            0 0 17px rgba(199,155,82,.40);
    }
}

@media (max-width: 1100px) {
    .hero-location {
        font-size: 9px;
    }
}

@media (max-width: 760px) {
    .hero-locations {
        display: none;
    }
}
/* =========================================================
   NOTARIUMS · MÚSICA AMBIENTE
   ========================================================= */

.ambient-toggle {
    position: fixed;

    right: 22px;
    bottom: 22px;

    z-index: 1200;

    min-width: 122px;
    height: 40px;

    padding: 0 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border: 1px solid rgba(199,155,82,.55);
    border-radius: 999px;

    background: rgba(7,17,26,.82);

    color: #FFFDF9;

    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1px;

    cursor: pointer;

    backdrop-filter: blur(8px);

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

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

.ambient-toggle:hover {
    transform: translateY(-2px);

    border-color: var(--nt-dorado-claro);

    background: rgba(7,17,26,.94);
}

.ambient-toggle i {
    font-size: 14px;

    color: var(--nt-dorado-claro);
}

.ambient-toggle.is-playing {
    border-color: var(--nt-dorado);

    color: var(--nt-dorado-claro);
}

.ambient-toggle.is-playing i {
    animation: ntAmbientPulse 2s ease-in-out infinite;
}

@keyframes ntAmbientPulse {

    0%,
    100% {
        opacity: .65;
    }

    50% {
        opacity: 1;
    }

}

@media (max-width: 760px) {

    .ambient-toggle {
        right: 14px;
        bottom: 14px;

        min-width: 42px;
        width: 42px;

        padding: 0;
    }

    .ambient-toggle span {
        display: none;
    }

}