:root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --shadow: 0 18px 54px rgba(0,0,0,.12);
  }
  
  .nla-aboutHero3{
    padding: 96px 0 70px;
    background: #fff;
  }
  
  .nla-aboutHero3__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
    position: relative;
  }
  
  /* Panel */
  .nla-aboutHero3__panel{
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    min-height: 520px;
    display: grid;
    place-items: center;
    background: #fff;
    box-shadow: var(--shadow);
  }
  
  /* Velo */
  .nla-aboutHero3__veil{
    position: absolute;
    inset: 0;
    background: rgba(0,129,128,0);       /* off */
    transition: background .65s ease;
    z-index: 2;                           /* entre compu y texto */
  }
  
  /* Contenido */
  .nla-aboutHero3__content{
    position: relative;
    z-index: 3;                           /* arriba de todo */
    text-align: center;
    max-width: 920px;
    padding: 36px 26px;
  
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1);
  }
  
  /* Tipos */
  .nla-aboutHero3__title{
    margin: 0 0 14px;
    font-size: clamp(28px, 2.6vw, 54px);
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #fff;
    font-weight: 950;
  }
  
  .nla-aboutHero3__sub{
    margin: 0 auto 20px;
    max-width: 78ch;
    color: rgba(255,255,255,.90);
    font-size: 16.8px;
    line-height: 1.75;
  }
  
  /* CTAs */
  .nla-aboutHero3__ctas{
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .nla-aboutHero3__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  
    padding: 14px 16px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 950;
  
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 16px 46px rgba(0,0,0,.16);
  
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    white-space: nowrap;
  }
  
  .nla-aboutHero3__btn i{ font-size: 19px; }
  
  .nla-aboutHero3__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(0,0,0,.20);
    filter: brightness(1.02);
  }
  
  .nla-aboutHero3__btn.is-orange{
    background: var(--nomi-orange);
    border-color: rgba(216,118,37,.40);
    color: #fff;
  }
  .nla-aboutHero3__btn.is-orange i{ color:#fff; }
  
  .nla-aboutHero3__btn.is-teal{
    background: #fff;
    border-color: rgba(255,255,255,.55);
    color: var(--nomi-teal);
  }
  .nla-aboutHero3__btn.is-teal i{ color: var(--nomi-teal); }
  .nla-aboutHero3__btn.is-teal:hover{ filter: brightness(.99); }
  
  /* ===== COMPU FLOTANTE (desktop/tablet) ===== */
  .nla-aboutHero3__device{
    position: absolute;
    left: 50%;
    bottom: -130px;
    transform: translateX(-50%);
    z-index: 1;                 /* detrás del velo y texto */
    pointer-events: none;
  }
  
  /* ===== COMPU INLINE (mobile) ===== */
  .nla-aboutHero3__deviceIn{
    display: none;              /* solo se prende en <=425 */
    margin-top: 14px;           /* espacio arriba */
    padding-bottom: 10px;       /* espacio abajo */
  }
  
  /* Imagen compu (comparte estilo) */
  .nla-aboutHero3__deviceImg{
    width: clamp(420px, 62vw, 720px); /* desktop un poco más chica */
    height: auto;
    display: block;
    margin: 0 auto;
  
    opacity: 0;
    transform: translateY(54px);
    transition: opacity .9s ease, transform .9s cubic-bezier(.2,.9,.2,1);
    filter: drop-shadow(0 26px 70px rgba(0,0,0,.22));
  }
  
  /* Estados por pasos */
  .nla-aboutHero3.is-step1 .nla-aboutHero3__deviceImg{
    opacity: 1;
    transform: translateY(0);
  }
  
  .nla-aboutHero3.is-step2 .nla-aboutHero3__veil{
    background: rgba(0,129,128,.62);
  }
  
  .nla-aboutHero3.is-step3 .nla-aboutHero3__content{
    opacity: 1;
    transform: translateY(0);
  }
  
  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .nla-aboutHero3__deviceImg,
    .nla-aboutHero3__veil,
    .nla-aboutHero3__content{ transition:none !important; }
  
    .nla-aboutHero3__deviceImg{ opacity:1 !important; transform:none !important; }
    .nla-aboutHero3__veil{ background: rgba(0,129,128,.62) !important; }
    .nla-aboutHero3__content{ opacity:1 !important; transform:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nla-aboutHero3{ padding: 76px 0 60px; }
    .nla-aboutHero3__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nla-aboutHero3__panel{ min-height: 560px; }
    .nla-aboutHero3__content{ padding: 32px 18px; }
    .nla-aboutHero3__title{ font-size: clamp(26px, 4vw, 42px); }
    .nla-aboutHero3__device{ bottom: -40px; }
    .nla-aboutHero3__deviceImg{ width: clamp(360px, 78vw, 640px); }
  }
  
  /* 🔥 MOBILE: la compu va “dentro” del panel, abajo de botones */
  @media (max-width: 425px){
    .nla-aboutHero3{ padding: 66px 0 54px; }
    .nla-aboutHero3__wrap{ width: calc(100% - 24px); }
    .nla-aboutHero3__panel{ min-height: 620px; }
    .nla-aboutHero3__btn{ width: 100%; }
    .nla-aboutHero3__sub{ font-size: 16px; }
  
    /* Apaga la flotante */
    .nla-aboutHero3__device{ display: none; }
  
    /* Prende la inline */
    .nla-aboutHero3__deviceIn{ display: block; }
  
    /* Tamaño más fino */
    .nla-aboutHero3__deviceImg{
      width: clamp(260px, 86vw, 420px);
    }
  }
  
  @media (max-width: 375px){
    .nla-aboutHero3__title{ font-size: 26px; }
    .nla-aboutHero3__sub{ font-size: 15.6px; }
    .nla-aboutHero3__deviceImg{ width: clamp(250px, 88vw, 390px); }
  }
  
  @media (max-width: 320px){
    .nla-aboutHero3__title{ font-size: 24px; }
    .nla-aboutHero3__content{ padding: 28px 14px; }
    .nla-aboutHero3__deviceImg{ width: 250px; }
  }
  















  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
  
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.10);
    --shadow: 0 18px 54px rgba(0,0,0,.10);
  }
  
  .nla-proof{
    margin-top: 90px;
    margin-bottom: 30px;
    background: #fff;
  }
  
  .nla-proof__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  .nla-proof__grid{
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 22px;
    align-items: start;
  }
  
  /* LEFT */
  .nla-proof__left{
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 26px 24px;
    background: #fff;
    box-shadow: 0 16px 46px rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
  }
  
  .nla-proof__left::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: rgba(0,129,128,.06);
    pointer-events:none;
  }
  
  .nla-proof__title{
    margin: 0 0 12px;
    color: var(--nomi-teal);
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: clamp(26px, 2.4vw, 40px);
    line-height: 1.12;
    position: relative;
    z-index: 1;
  }
  
  .nla-proof__text{
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 16.2px;
    line-height: 1.75;
    position: relative;
    z-index: 1;
  }
  
  /* Logos row */
  .nla-proof__logos{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: center;
    margin-top: 14px;
    position: relative;
    z-index: 1;
  }
  
  /* Logo cards */
  .nla-logoCard{
    border-radius: 18px;
    border: 1px solid rgba(0,129,128,.16);
    background: #fff;
    padding: 14px 14px;
    box-shadow: 0 18px 50px rgba(0,0,0,.06);
    display: grid;
    place-items: center;
    min-height: 110px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  
  .nla-logoCard:hover{
    transform: translateY(-2px);
    border-color: rgba(0,129,128,.26);
    box-shadow: 0 24px 64px rgba(0,0,0,.10);
  }
  
  .nla-logoCard__img{
    max-width: 100%;
    max-height: 74px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
  }
  
  /* Connector bubble */
  .nla-proof__connectorBubble{
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-weight: 800;
    color: rgba(14,26,26,.78);
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 16px 44px rgba(0,0,0,.08);
  }
  
  /* RIGHT metrics */
  .nla-proof__right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  
  .nla-metric{
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    padding: 16px 16px 18px;
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    position: relative;
    overflow: hidden;
  }
  
  .nla-metric::after{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,129,128,.06);
    opacity: 0;
    transition: opacity .18s ease;
    pointer-events:none;
  }
  
  .nla-metric:hover{
    transform: translateY(-2px);
    border-color: rgba(0,129,128,.22);
    box-shadow: 0 20px 56px rgba(0,0,0,.10);
  }
  .nla-metric:hover::after{ opacity: 1; }
  
  .nla-metric__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }
  
  .nla-metric__ico{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display:grid;
    place-items:center;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
    flex:0 0 auto;
  }
  .nla-metric__ico i{ font-size: 20px; }
  
  .nla-metric__ico.is-orange{
    background: rgba(216,118,37,.10);
    border-color: rgba(216,118,37,.18);
    color: var(--nomi-orange);
  }
  
  .nla-metric__tag{
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(11,27,31,.58);
    font-weight: 650;
  }
  
  .nla-metric__num{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin: 2px 0 6px;
  }
  
  .nla-count{
    font-weight: 800;
    font-size: clamp(28px, 2.6vw, 44px);
    letter-spacing: -0.02em;
    color: var(--ink);
  }
  
  .nla-metric__unit{
    font-weight: 700;
    color: rgba(11,27,31,.70);
    font-size: 14px;
  }
  
  .nla-metric__label{
    margin: 0;
    color: rgba(11,27,31,.70);
    font-size: 14.5px;
    line-height: 1.55;
  }
  
  /* ===== Reveal (base) ===== */
  .nla-rvP{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .78s ease, transform .78s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nla-rvP.is-in{ opacity: 1; transform: translateY(0); }
  
  /* Logos animation (slide + pop) */
  .nla-rvLogo{
    opacity: 0;
    transform: translateY(14px) scale(.98);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.9,.2,1);
    will-change: opacity, transform;
  }
  .nla-rvLogo.is-in{ opacity: 1; transform: translateY(0) scale(1); }
  
  @media (prefers-reduced-motion: reduce){
    .nla-rvP, .nla-rvLogo{
      opacity: 1 !important;
      transform:none !important;
      transition:none !important;
    }
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .nla-proof{ padding: 74px 0; }
    .nla-proof__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nla-proof__grid{ grid-template-columns: 1fr; gap: 16px; }
    .nla-proof__right{ grid-template-columns: 1fr 1fr; }
  }
  
  @media (max-width: 425px){
    .nla-proof{ padding: 62px 0 !important; }
    .nla-proof__wrap{ width: calc(100% - 24px); }
    .nla-proof__left{ padding: 22px 18px; }
    .nla-proof__right{ grid-template-columns: 1fr; }
  
    .nla-proof__logos{
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .nla-proof__connector{
      justify-self: center;
    }
  }
  
  @media (max-width: 375px){
    .nla-proof__title{ font-size: 26px; }
    .nla-proof__text{ font-size: 15.6px; }
  }
  
  @media (max-width: 320px){
    .nla-proof__left{ padding: 20px 16px !important; }
    .nla-metric{ padding: 14px 14px 16px; }
    .nla-count{ font-size: 30px; }
  }

  





















  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.10);
    --shadow: 0 18px 54px rgba(0,0,0,.10);
  }
  
  .nla-ops{
    padding: 90px 0;
    background: #0081813c;
    margin-top: 90px;
  }
  
  .nla-ops__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  /* ===== HERO ROW ===== */
  .nla-ops__hero{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    align-items: center;
    margin-bottom: 28px;
  }
  
  /* LEFT copy */
  .nla-ops__title{
    color: var(--nomi-teal);
    font-weight: 700;
    font-size: clamp(26px, 2.5vw, 40px);
    line-height: 1.15;
    margin: 0 0 10px;
  }
  
  .nla-ops__sub{
    color: var(--muted);
    margin: 0 0 16px;
    line-height: 1.7;
    font-size: 16px;
  }
  
  /* KPI */
  .nla-ops__kpi{
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    background: rgba(0,129,128,.06);
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(0,129,128,.16);
    margin-bottom: 16px;
  }
  
  .nla-ops__kpiNum{
    font-size: 42px;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -0.03em;
  }
  
  .nla-ops__kpiTxt{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgba(11,27,31,.55);
    font-weight: 650;
  }
  
  /* CTA */
  .nla-ops__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: var(--nomi-orange);
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 700;
    border: 1px solid rgba(216,118,37,.38);
    box-shadow: 0 16px 44px rgba(0,0,0,.10);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    white-space: nowrap;
  }
  .nla-ops__cta i{ font-size: 20px; color:#fff; }
  
  .nla-ops__cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(0,0,0,.14);
    filter: brightness(1.01);
  }
  
  /* ===== RIGHT media (FIX tamaño) ===== */
  .nla-ops__media{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  /* Frame semi-transparente */
  .nla-ops__frame{
    width: min(520px, 100%);
    aspect-ratio: 16 / 11;                /* mantiene proporción tipo screenshot */
    border-radius: 26px;
    overflow: hidden;
  
    background: rgba(0,129,128,.06);
    border: 1px solid rgba(0,129,128,.18);
    box-shadow: 0 18px 54px rgba(0,0,0,.10);
  
    display: grid;
    place-items: center;
    padding: 18px;
  
    position: relative;
  }
  
  /* detalle coqueto en esquina */
  .nla-ops__frame::before{
    content:"";
    position:absolute;
    top:-70px;
    right:-70px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(216,118,37,.10);
    pointer-events:none;
  }
  
  /* Imagen controlada (NO explota) */
  .nla-ops__img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;                 /* 👈 no se deforma, no recorta */
    filter: drop-shadow(0 18px 44px rgba(0,0,0,.18));
    transform: translateY(2px);
  }
  
  /* ===== GRID ===== */
  .nla-ops__grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  
  .nla-opsCard{
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    box-shadow: 0 14px 40px rgba(0,0,0,.05);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  
  .nla-opsCard i{
    font-size: 22px;
    color: var(--nomi-teal);
    margin-bottom: 8px;
  }
  
  .nla-opsCard h4{
    font-weight: 700;
    margin: 0 0 6px;
    color: var(--ink);
    letter-spacing: -0.01em;
  }
  
  .nla-opsCard p{
    margin: 0;
    color: rgba(11,27,31,.65);
    font-size: 14.6px;
    line-height: 1.55;
  }
  
  .nla-opsCard:hover{
    transform: translateY(-2px);
    border-color: rgba(0,129,128,.22);
    box-shadow: 0 18px 52px rgba(0,0,0,.10);
  }
  
  /* ===== Anim ===== */
  .nla-rvO{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nla-rvO.is-in{
    opacity: 1;
    transform: translateY(0);
  }
  
  @media (prefers-reduced-motion: reduce){
    .nla-rvO{ opacity:1 !important; transform:none !important; transition:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nla-ops{ padding: 74px 0; }
    .nla-ops__wrap{ width: min(1200px, calc(100% - 34px)); }
  
    .nla-ops__hero{
      grid-template-columns: 1fr;
      gap: 18px;
    }
  
    .nla-ops__frame{
      width: min(640px, 100%);
      aspect-ratio: 16 / 10;
    }
  
    .nla-ops__grid{
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media (max-width: 425px){
    .nla-ops__wrap{ width: calc(100% - 24px); }
  
    .nla-ops__cta{
      width: 100%;
      justify-content: center;
    }
  
    .nla-ops__frame{
      width: 100%;
      aspect-ratio: 16 / 11;
      padding: 14px;
      border-radius: 22px;
    }
  
    .nla-ops__grid{
      grid-template-columns: 1fr;
    }


    .nla-proof{
        margin-top: 10px;
      }
  }
  
  @media (max-width: 375px){
    .nla-ops__kpiNum{ font-size: 38px; }
  }
  
  @media (max-width: 320px){
    .nla-ops__frame{ padding: 12px; }
    .nla-opsCard{ padding: 16px; }
  }
  



  .nla-ops__cta{
    position: relative; /* 👈 necesario */
    overflow: hidden;   /* 👈 para que no se salga el brillo */
  
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: #d87625;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 700;
    border: 1px solid rgba(216,118,37,.38);
    box-shadow: 0 16px 44px rgba(0,0,0,.10);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    white-space: nowrap;
  }
  
  /* ✨ Brillo */
  .nla-ops__cta::before{
    content:"";
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;
  
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.45) 50%,
      rgba(255,255,255,0) 100%
    );
  
    transform: skewX(-25deg);
    transition: left .55s ease;
    pointer-events:none;
  }
  
  /* Hover base */
  .nla-ops__cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(0,0,0,.14);
    filter: brightness(1.01);
  }
  
  /* Movimiento del brillo */
  .nla-ops__cta:hover::before{
    left: 125%;
  }
  


















  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.10);
    --shadow: 0 16px 44px rgba(0,0,0,.12);
  }
  
  /* ===== Section ===== */
  .nlt-suite{
    padding: 92px 0;
    background: #fff;
  }
  
  .nlt-suite__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  .nlt-suite__head{
    text-align: center;
    max-width: 920px;
    margin: 0 auto 34px;
  }
  
  .nlt-suite__title{
    margin: 0 0 10px;
    font-size: clamp(26px, 2.7vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--nomi-teal);
    font-weight: 700;
  }
  
  .nlt-suite__sub{
    margin: 0 auto;
    max-width: 76ch;
    color: var(--muted);
    font-size: 16.4px;
    line-height: 1.75;
  }
  
  /* ===== Grid ===== */
  .nlt-suite__grid{
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 22px;
    align-items: start;
  }
  
  /* ===== Pills ===== */
  .nlt-suite__list{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  
  .nlt-pill{
    width: 100%;
    border: 1px solid rgba(14,26,26,.10);
    background: #fff;
    border-radius: 999px;
    padding: 16px 18px;
    display:flex;
    align-items:center;
    gap: 12px;
    cursor:pointer;
    text-align:left;
    font-weight: 700;
    color: rgba(14,26,26,.92);
    box-shadow: 0 16px 40px rgba(0,0,0,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
    position: relative;
    overflow: hidden;
  }
  
  .nlt-pill:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
    border-color: rgba(0,129,128,.22);
  }
  
  /* icon */
  .nlt-pill__ico{
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display:grid;
    place-items:center;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
    flex: 0 0 auto;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  }
  .nlt-pill__ico i{ font-size: 22px; }
  
  .nlt-pill__txt{
    font-size: 16.6px;
    line-height: 1.1;
  }
  
  /* active */
  .nlt-pill.is-active{
    background: var(--nomi-teal);
    border-color: rgba(0,129,128,.45);
    box-shadow: 0 22px 60px rgba(0,0,0,.14);
    color:#fff;
  }
  
  .nlt-pill.is-active .nlt-pill__ico{
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.22);
    color:#fff;
  }
  
  /* shimmer hover */
  .nlt-pill::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg,
      transparent 0%,
      rgba(255,255,255,.55) 45%,
      transparent 60%);
    transform: translateX(-130%) skewX(-18deg);
    opacity: 0;
    pointer-events:none;
  }
  
  .nlt-pill:hover::after{
    opacity: 1;
    animation: nltShine .85s ease forwards;
  }
  @keyframes nltShine{
    100%{ transform: translateX(130%) skewX(-18deg); }
  }
  
  /* ===== Preview ===== */
  .nlt-suite__panel{ position: relative; }
  
  .nlt-preview{
    border-radius: 22px;
    border: 1px solid rgba(0,129,128,.18);
    background: #fff;
    box-shadow: 0 14px 40px rgba(0,0,0,.08);
    overflow: hidden;
  }
  
  .nlt-preview__frame{
    background: rgba(0,129,128,.06);
    border-bottom: 1px solid rgba(14,26,26,.08);
    padding: 18px;
    position: relative;
  }
  
  .nlt-preview__frame::before{
    content:"";
    position:absolute;
    top:-60px;
    right:-60px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(216,118,37,.10);
  }
  
  .nlt-preview__img{
    width: 100%;
    height: clamp(240px, 28vw, 360px);
    object-fit: contain; /* cambia a cover si quieres recorte */
    display:block;
    border-radius: 18px;
    background: rgba(255,255,255,.7);
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
  }
  
  .nlt-preview__desc{
    padding: 16px 18px 20px;
    background: #fff;
  }
  
  .nlt-preview__cap{
    font-weight: 700;
    color: var(--nomi-teal);
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  
  .nlt-preview__p{
    margin: 0;
    color: rgba(11,27,31,.72);
    font-size: 14.8px;
    line-height: 1.7;
  }
  
  /* ===== Reveal ===== */
  .nlt-rv{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .78s ease, transform .78s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlt-rv.is-in{ opacity: 1; transform: translateY(0); }
  .nlt-rv[data-anim="float"]{ transform: translateY(14px) scale(.985); }
  .nlt-rv.is-in[data-anim="float"]{ transform: translateY(0) scale(1); }
  
  @media (prefers-reduced-motion: reduce){
    .nlt-rv{ opacity: 1 !important; transform:none !important; transition:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlt-suite{ padding: 72px 0; }
    .nlt-suite__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlt-suite__grid{ grid-template-columns: 1fr; gap: 16px; }
    .nlt-preview__img{ height: 320px; }
  }
  
  @media (max-width: 425px){
    .nlt-suite{ padding: 62px 0; }
    .nlt-suite__wrap{ width: calc(100% - 24px); }
    .nlt-pill{ padding: 14px 14px; }
    .nlt-pill__txt{ font-size: 15.4px; }
    .nlt-pill__ico{ width: 42px; height: 42px; }
    .nlt-preview__frame{ padding: 14px; }
    .nlt-preview__img{ height: 290px; }
  }
  
  @media (max-width: 375px){
    .nlt-suite__title{ font-size: 25px; }
    .nlt-suite__sub{ font-size: 15.6px; }
    .nlt-pill__txt{ font-size: 15px; }
  }
  
  @media (max-width: 320px){
    .nlt-suite__title{ font-size: 24px; }
    .nlt-pill__txt{ font-size: 14.6px; }
    .nlt-preview__img{ height: 260px; }
  }

  


























  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.10);
    --shadow: 0 16px 44px rgba(0,0,0,.12);
  }
  
  /* ===== Section ===== */
  .nlt-test{

    padding: 92px 0;
    background:#d39d2919;
  }
  
  .nlt-test__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  .nlt-test__head{
    text-align:center;
    max-width: 920px;
    margin: 0 auto 26px;
  }
  
  .nlt-test__title{
    margin: 0 0 10px;
    color: var(--nomi-teal);
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: clamp(26px, 2.6vw, 44px);
    line-height: 1.12;
  }
  
  .nlt-test__sub{
    margin: 0 auto;
    max-width: 75ch;
    color: var(--muted);
    font-size: 16.4px;
    line-height: 1.7;
  }
  
  /* ===== Carousel shell ===== */
  .nlt-test__shell{
    position: relative;
    display: grid;
    grid-template-columns: 52px 1fr 52px;
    gap: 14px;
    align-items: center;
  }
  
  .nlt-test__viewport{
    overflow: hidden;
    border-radius: 22px;
  }
  
  .nlt-test__track{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    gap: 0;
    transform: translateX(0);
    transition: transform .45s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  
  /* ===== Card ===== */
  .nlt-quote{
    background:#fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 22px;
    box-shadow: 0 18px 48px rgba(0,0,0,.08);
    padding: 22px 22px;
    min-height: 220px;
  
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
  
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  
  .nlt-quote:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
    border-color: rgba(0,129,128,.20);
  }
  
  .nlt-quote__top{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
  }
  
  .nlt-quote__mark{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display:grid;
    place-items:center;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
  }
  .nlt-quote__mark i{ font-size: 20px; }
  
  .nlt-quote__badge{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(0,129,128,.08);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .nlt-quote__badge i{ font-size: 16px; }
  .nlt-quote__badge.is-orange{
    background: rgba(216,118,37,.10);
    border-color: rgba(216,118,37,.22);
    color: var(--nomi-orange);
  }
  
  .nlt-quote__text{
    margin: 0;
    color: rgba(14,26,26,.88);
    font-size: 18px;
    line-height: 1.65;
    letter-spacing: -0.01em;
  }
  
  .nlt-quote__who{
    display:flex;
    align-items:center;
    gap: 12px;
  }
  
  .nlt-quote__avatar{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display:grid;
    place-items:center;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(14,26,26,.70);
  }
  .nlt-quote__avatar i{ font-size: 20px; }
  
  .nlt-quote__name{
    font-weight: 700;
    color: var(--ink);
  }
  
  .nlt-quote__role{
    font-size: 13.5px;
    color: rgba(11,27,31,.60);
  }
  
  /* ===== Nav buttons ===== */
  .nlt-test__nav{
    width: 52px;
    height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(0,129,128,.18);
    background: #fff;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    display:grid;
    place-items:center;
    color: var(--nomi-teal);
  }
  .nlt-test__nav i{ font-size: 26px; }
  
  .nlt-test__nav:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 48px rgba(0,0,0,.10);
    border-color: rgba(0,129,128,.28);
  }
  
  /* ===== Dots ===== */
  .nlt-test__dots{
    display:flex;
    justify-content:center;
    gap: 10px;
    margin-top: 14px;
  }
  
  .nlt-test__dot{
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 0;
    background: rgba(0,129,128,.25);
    cursor:pointer;
    transition: transform .2s ease, background .2s ease;
  }
  .nlt-test__dot.is-active{
    background: var(--nomi-teal);
    transform: scale(1.2);
  }
  
  /* ===== Reveal ===== */
  .nlt-rvT{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .78s ease, transform .78s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlt-rvT.is-in{ opacity: 1; transform: translateY(0); }
  
  @media (prefers-reduced-motion: reduce){
    .nlt-rvT{ opacity:1 !important; transform:none !important; transition:none !important; }
    .nlt-test__track{ transition:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlt-test{ padding: 72px 0; }
    .nlt-test__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlt-test__shell{ grid-template-columns: 44px 1fr 44px; }
    .nlt-test__nav{ width: 44px; height: 44px; border-radius: 14px; }
    .nlt-quote{ padding: 20px; min-height: 220px; }
    .nlt-quote__text{ font-size: 17px; }
  }
  
  @media (max-width: 425px){
    .nlt-test{ padding: 62px 0; }
    .nlt-test__wrap{ width: calc(100% - 24px); }
    .nlt-test__shell{ grid-template-columns: 1fr; gap: 12px; }
    .nlt-test__nav{ display:none; } /* swipe + dots */
    .nlt-quote{ border-radius: 20px; }
    .nlt-quote__text{ font-size: 16.6px; }
  }
  
  @media (max-width: 375px){
    .nlt-test__title{ font-size: 25px; }
    .nlt-quote__text{ font-size: 16.2px; }
  }
  
  @media (max-width: 320px){
    .nlt-quote{ padding: 18px; }
    .nlt-quote__text{ font-size: 15.6px; }
  }
  






















  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.10);
    --shadow: 0 16px 44px rgba(0,0,0,.12);
  }
  
  .nlt-faq{
    padding: 90px 0;
    background: #fff;
  }
  
  .nlt-faq__wrap{
    width: min(980px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  .nlt-faq__head{
    text-align: center;
    margin-bottom: 22px;
  }
  
  .nlt-faq__title{
    margin: 0 0 10px;
    color: var(--nomi-teal);
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: clamp(26px, 2.4vw, 40px);
    line-height: 1.15;
  }
  
  .nlt-faq__sub{
    margin: 0 auto;
    max-width: 74ch;
    color: var(--muted);
    font-size: 16.2px;
    line-height: 1.7;
  }
  
  /* List */
  .nlt-faq__list{
    display: grid;
    gap: 12px;
  }
  
  /* Item */
  .nlt-faqItem{
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    box-shadow: 0 14px 38px rgba(0,0,0,.06);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  
  .nlt-faqItem:hover{
    transform: translateY(-1px);
    box-shadow: 0 18px 50px rgba(0,0,0,.10);
    border-color: rgba(0,129,128,.18);
  }
  
  /* Question button */
  .nlt-faqQ{
    width: 100%;
    border: 0;
    background: transparent;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    text-align: left;
  }
  
  .nlt-faqQ__left{
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  
  .nlt-faqQ__ico{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
    flex: 0 0 auto;
  }
  .nlt-faqQ__ico i{ font-size: 20px; }
  
  .nlt-faqQ__ico.is-orange{
    background: rgba(216,118,37,.10);
    border-color: rgba(216,118,37,.20);
    color: var(--nomi-orange);
  }
  
  .nlt-faqQ__txt{
    color: rgba(14,26,26,.92);
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 16.6px;
    line-height: 1.25;
  }
  
  /* Chevron */
  .nlt-faqQ__chev{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(14,26,26,.70);
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
  }
  .nlt-faqQ__chev i{ font-size: 22px; }
  
  /* Answer (height animation via grid rows) */
  .nlt-faqA{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .26s ease;
  }
  
  .nlt-faqA__inner{
    overflow: hidden;
    padding: 0 16px 0;
    color: rgba(11,27,31,.72);
    line-height: 1.7;
    font-size: 15.4px;
  }
  
  /* Open state */
  .nlt-faqItem.is-open{
    border-color: rgba(0,129,128,.22);
  }
  
  .nlt-faqItem.is-open .nlt-faqA{
    grid-template-rows: 1fr;
  }
  
  .nlt-faqItem.is-open .nlt-faqA__inner{
    padding: 0 16px 16px;
  }
  
  .nlt-faqItem.is-open .nlt-faqQ__chev{
    transform: rotate(180deg);
    background: rgba(0,129,128,.08);
    border-color: rgba(0,129,128,.18);
    color: var(--nomi-teal);
  }
  
  /* ===== Reveal ===== */
  .nlt-rvF{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .78s ease, transform .78s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlt-rvF.is-in{ opacity: 1; transform: translateY(0); }
  
  @media (prefers-reduced-motion: reduce){
    .nlt-rvF{ opacity:1 !important; transform:none !important; transition:none !important; }
    .nlt-faqA{ transition:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlt-faq{ padding: 72px 0; }
    .nlt-faq__wrap{ width: min(980px, calc(100% - 34px)); }
  }
  
  @media (max-width: 425px){
    .nlt-faq{ padding: 62px 0; }
    .nlt-faq__wrap{ width: calc(100% - 24px); }
    .nlt-faqQ{ padding: 14px 14px; }
    .nlt-faqQ__txt{ font-size: 15.6px; }
    .nlt-faqQ__ico, .nlt-faqQ__chev{ width: 40px; height: 40px; border-radius: 13px; }
  }
  
  @media (max-width: 375px){
    .nlt-faq__title{ font-size: 25px; }
    .nlt-faqQ__txt{ font-size: 15.2px; }
  }
  
  @media (max-width: 320px){
    .nlt-faqQ__txt{ font-size: 14.8px; }
    .nlt-faqA__inner{ font-size: 15px; }
  }