:root{
    --nomi-orange:#d87625;
    --shadow: 0 22px 64px rgba(0,0,0,.18);
  }
  
  /* ===== HERO ===== */
  .nlw-hero{
    padding: 190px 0 190px;
    background: var(--nomi-orange);
    overflow: hidden;
  }
  
  .nlw-hero__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  .nlw-hero__grid{
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: 28px;
  }
  
  /* ===== Copy ===== */
  .nlw-hero__copy{
    color: #fff;
    max-width: 64ch;
  }
  
  .nlw-hero__pill{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.32);
    font-weight: 850;
    letter-spacing: .02em;
    font-size: 13px;
  }
  
  .nlw-hero__pill i{
    font-size: 18px;
    color: #fff;
  }
  
  .nlw-hero__title{
    margin: 18px 0 12px;
    font-size: clamp(34px, 3.5vw, 58px);
    line-height: 1.05;
    letter-spacing: -0.03em;
    font-weight: 950;
  }
  
  .nlw-hero__text{
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255,255,255,.92);
    max-width: 66ch;
  }
  
  /* ===== CTA ===== */
  .nlw-hero__actions{
    margin-top: 18px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  
  .nlw-hero__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  
    padding: 14px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 950;
  
    background: rgba(255,255,255,.14);
    color: #fff;
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 16px 44px rgba(0,0,0,.16);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    position: relative;
    overflow: hidden;
  }
  
  .nlw-hero__btn i{ font-size: 22px; color:#fff; }
  
  .nlw-hero__btn:hover{
    transform: translateY(-2px);
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.72);
    box-shadow: 0 20px 54px rgba(0,0,0,.20);
  }
  
  /* shine discreto */
  .nlw-hero__btn::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.38) 45%, transparent 60%);
    transform: translateX(-130%) skewX(-18deg);
    opacity: 0;
    pointer-events:none;
  }
  .nlw-hero__btn:hover::after{
    opacity: 1;
    animation: nlwShine .85s ease forwards;
  }
  @keyframes nlwShine{
    100%{ transform: translateX(130%) skewX(-18deg); }
  }
  
  /* ===== Visual PNG (sin caja) ===== */
  .nlw-hero__visual{
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  /* “flotante” y con sombra suave */
  .nlw-hero__img{
    width: min(520px, 100%);
    height: auto;
    object-fit: contain;
    transform: translateY(6px);
    filter: drop-shadow(0 26px 48px rgba(0,0,0,.28));
    animation: nlwFloat 6.5s ease-in-out infinite;
    will-change: transform;
  }
  
  /* float very subtle */
  @keyframes nlwFloat{
    0%,100%{ transform: translateY(6px); }
    50%{ transform: translateY(-6px); }
  }
  
  @media (prefers-reduced-motion: reduce){
    .nlw-hero__img{ animation:none !important; transform:none !important; }
    .nlw-hero__btn{ transition:none !important; }
  }
  
  /* ===== Reveal ===== */
  .nlw-rvW{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .82s ease, transform .82s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlw-rvW.is-in{
    opacity: 1;
    transform: translateY(0);
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlw-hero{ padding: 84px 0 78px; }
    .nlw-hero__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlw-hero__grid{
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .nlw-hero__visual{ order: -1; }
    .nlw-hero__title{ font-size: clamp(30px, 5vw, 46px); }
    .nlw-hero__img{ width: min(560px, 100%); }
  }
  
  @media (max-width: 425px){
    .nlw-hero{ padding: 72px 0 66px; }
    .nlw-hero__wrap{ width: calc(100% - 24px); }
    .nlw-hero__text{ font-size: 15.8px; }
    .nlw-hero__btn{ width: 100%; }
  }
  
  @media (max-width: 375px){
    .nlw-hero__title{ font-size: 30px; }
    .nlw-hero__pill{ font-size: 12px; }
  }
  
  @media (max-width: 320px){
    .nlw-hero__title{ font-size: 28px; }
    .nlw-hero__text{ font-size: 15px; }
    .nlw-hero__btn{ padding: 13px 14px; }
  }
  










  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --muted: rgba(11,27,31,.72);
    --shadow: 0 22px 64px rgba(0,0,0,.12);
  }
  
  /* ===== Section ===== */
  .nlw-event{
    padding: 86px 0;
    background: #fff;
  }
  
  .nlw-event__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  /* Head */
  .nlw-event__head{
    text-align: center;
    max-width: 920px;
    margin: 0 auto 26px;
  }
  
  .nlw-event__title{
    margin: 0 0 10px;
    font-size: clamp(28px, 2.6vw, 60px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #008180;
    font-weight: 950;
  }
  
  .nlw-event__sub{
    margin: 0 auto;
    max-width: 74ch;
    color: var(--muted);
    font-size: 16.3px;
    line-height: 1.75;
  }
  
  /* ===== Banner ===== */
  .nlw-event__banner{
    position: relative;
    border-radius: 28px;
    border: 1px solid rgba(0,129,128,.18);
    background: linear-gradient(180deg, rgba(0,129,128,.06), #fff 62%);
    box-shadow: var(--shadow);
    overflow: hidden;
  
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 18px;
    padding: 18px;
    align-items: center;
  
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  
  .nlw-event__banner:hover{
    transform: translateY(-4px);
    box-shadow: 0 26px 74px rgba(0,0,0,.14);
    border-color: rgba(0,129,128,.28);
  }
  
  /* subtle glow */
  .nlw-event__banner::before{
    content:"";
    position:absolute;
    inset:-40px;
    background:
      radial-gradient(320px 240px at 18% 18%, rgba(0,129,128,.14), transparent 62%),
      radial-gradient(320px 240px at 84% 76%, rgba(216,118,37,.12), transparent 62%);
    opacity: .9;
    pointer-events:none;
  }
  
  /* ===== Overlay (inactive state) ===== */
  .nlw-event__overlay{
    position: absolute;
    inset: 0;
    z-index: 5;
  
    display: none;               /* se prende con data-status */
    align-items: center;
    justify-content: center;
    padding: 18px;
  
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(6px);
  }
  
  /* show overlay when inactive */
  .nlw-event__banner[data-status="inactive"] .nlw-event__overlay{
    display: flex;
  }
  
  /* overlay box */
  .nlw-event__overlayBox{
    width: min(640px, 100%);
    border-radius: 22px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 18px 54px rgba(0,0,0,.14);
    padding: 18px 18px 16px;
    text-align: center;
  }
  
  .nlw-event__overlayKicker{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(216,118,37,.12);
    border: 1px solid rgba(216,118,37,.22);
    color: rgba(14,26,26,.86);
    font-weight: 900;
    font-size: 12.5px;
  }
  
  .nlw-event__overlayKicker i{
    font-size: 18px;
    color: var(--nomi-orange);
  }
  
  .nlw-event__overlayTitle{
    margin: 12px 0 8px;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.2;
    letter-spacing: -0.01em;
    font-weight: 950;
    color: rgba(14,26,26,.92);
  }
  
  .nlw-event__overlayText{
    margin: 0;
    color: rgba(14,26,26,.68);
    font-size: 15.2px;
    line-height: 1.65;
  }
  
  .nlw-event__overlayHint{
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(0,129,128,.08);
    border: 1px solid rgba(0,129,128,.16);
    color: rgba(14,26,26,.84);
    font-weight: 850;
    font-size: 12.8px;
  }
  
  .nlw-event__overlayHint i{
    font-size: 18px;
    color: var(--nomi-teal);
  }
  
  /* When inactive: disable interaction underneath */
  .nlw-event__banner[data-status="inactive"] .nlw-event__media,
  .nlw-event__banner[data-status="inactive"] .nlw-event__info{
    filter: blur(1px);
    opacity: .55;
    pointer-events: none;
    user-select: none;
  }
  
  /* Media */
  .nlw-event__media{
    border-radius: 22px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    overflow: hidden;
    padding: 14px;
    display: grid;
    place-items: center;
    position: relative;
  }
  
  .nlw-event__media::after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(260px 200px at 30% 20%, rgba(255,255,255,.65), transparent 60%);
    pointer-events:none;
  }
  
  .nlw-event__img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 16px;
    filter: drop-shadow(0 18px 34px rgba(0,0,0,.18));
  }
  
  /* Info */
  .nlw-event__info{
    padding: 10px 10px 10px 4px;
    position: relative;
    z-index: 1;
  }
  
  .nlw-event__kicker{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.18);
    color: rgba(14,26,26,.86);
    font-weight: 900;
    font-size: 12.5px;
  }
  
  .nlw-event__kicker i{
    font-size: 18px;
    color: var(--nomi-teal);
  }
  
  .nlw-event__h{
    margin: 14px 0 10px;
    font-size: clamp(18px, 2vw, 26px);
    line-height: 1.18;
    letter-spacing: -0.02em;
    font-weight: 950;
    color: rgba(14,26,26,.92);
  }
  
  .nlw-event__p{
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 15.8px;
    line-height: 1.7;
  }
  
  /* Meta */
  .nlw-event__meta{
    display: grid;
    gap: 10px;
    margin-top: 8px;
  }
  
  .nlw-event__metaItem{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.70);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(14,26,26,.84);
    font-weight: 750;
  }
  
  .nlw-event__metaItem i{
    font-size: 20px;
    color: var(--nomi-teal);
  }
  
  /* Actions */
  .nlw-event__actions{
    margin-top: 14px;
    display:flex;
    align-items:center;
    gap: 12px;
    flex-wrap: wrap;
  }
  
  .nlw-event__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
  
    padding: 13px 16px;
    border-radius: 999px;
    text-decoration:none;
    font-weight: 950;
  
    background: var(--nomi-teal);
    color: #fff;
    border: 1px solid rgba(0,129,128,.30);
    box-shadow: 0 16px 44px rgba(0,0,0,.14);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    position: relative;
    overflow:hidden;
  }
  
  .nlw-event__btn i{ font-size: 22px; color:#fff; }
  
  .nlw-event__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 20px 54px rgba(0,0,0,.18);
    filter: brightness(1.02);
  }
  
  .nlw-event__btn::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.42) 45%, transparent 60%);
    transform: translateX(-130%) skewX(-18deg);
    opacity: 0;
    pointer-events:none;
  }
  .nlw-event__btn:hover::after{
    opacity: 1;
    animation: nlwEventShine .85s ease forwards;
  }
  @keyframes nlwEventShine{
    100%{ transform: translateX(130%) skewX(-18deg); }
  }
  
  .nlw-event__note{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(216,118,37,.12);
    border: 1px solid rgba(216,118,37,.22);
    color: rgba(14,26,26,.84);
    font-weight: 850;
    font-size: 12.8px;
  }
  
  .nlw-event__note i{
    font-size: 18px;
    color: var(--nomi-orange);
  }
  
  /* ===== Reveal ===== */
  .nlw-rvE{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .82s ease, transform .82s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlw-rvE.is-in{ opacity: 1; transform: translateY(0); }
  
  @media (prefers-reduced-motion: reduce){
    .nlw-rvE{ opacity:1 !important; transform:none !important; transition:none !important; }
    .nlw-event__banner, .nlw-event__btn{ transition:none !important; }
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlw-event{ padding: 74px 0; }
    .nlw-event__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlw-event__banner{
      grid-template-columns: 1fr;
      padding: 16px;
      gap: 14px;
    }
    .nlw-event__info{ padding: 6px 4px 4px; }
    .nlw-event__overlayBox{ text-align: left; }
  }
  
  @media (max-width: 425px){
    .nlw-event{ padding: 64px 0; }
    .nlw-event__wrap{ width: calc(100% - 24px); }
    .nlw-event__banner{ border-radius: 22px; }
    .nlw-event__btn{ width: 100%; }
    .nlw-event__note{ width: 100%; justify-content:center; }
    .nlw-event__overlayBox{ padding: 16px 14px 14px; }
  }
  
  @media (max-width: 375px){
    .nlw-event__p{ font-size: 15.2px; }
    .nlw-event__metaItem{ border-radius: 14px; }
  }
  
  @media (max-width: 320px){
    .nlw-event__title{ font-size: 24px; }
    .nlw-event__p{ font-size: 14.8px; }
    .nlw-event__metaItem{ padding: 9px 10px; }
  }
  















  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.12);
    --shadow: 0 18px 54px rgba(0,0,0,.10);
  }
  
  /* ===== Section ===== */
  .nlw-vlib{
    padding: 88px 0;
    background: #fff;
  }
  
  .nlw-vlib__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  /* Head */
  .nlw-vlib__head{
    text-align:center;
    max-width: 980px;
    margin: 0 auto 18px;
  }
  
  .nlw-vlib__title{
    margin: 0 0 10px;
    font-size: clamp(28px, 2.6vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #d87625;
    font-weight: 950;
  }
  
  .nlw-vlib__sub{
    margin: 0 auto 14px;
    max-width: 80ch;
    color: var(--muted);
    font-size: 16.2px;
    line-height: 1.75;
  }
  
  /* Pills */
  .nlw-vlib__filters{
    display:flex;
    justify-content:center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  
  .nlw-vlib__pill{
    display:inline-flex;
    align-items:center;
    gap: 10px;
  
    border-radius: 999px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.10);
    color: rgba(14,26,26,.86);
    font-weight: 950;
    cursor: pointer;
  
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
  }
  
  .nlw-vlib__pill i{ font-size: 18px; color: var(--nomi-teal); }
  
  .nlw-vlib__pill:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(0,0,0,.10);
    border-color: rgba(0,129,128,.22);
  }
  
  .nlw-vlib__pill.is-active{
    background: var(--nomi-teal);
    border-color: rgba(0,129,128,.30);
    color: #fff;
    box-shadow: 0 18px 44px rgba(0,0,0,.12);
  }
  .nlw-vlib__pill.is-active i{ color:#fff; }
  
  /* Grid */
  .nlw-vlib__grid{
    margin-top: 18px;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  
  /* Card solids */
  .nlw-vcard{
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  
  .nlw-vcard:hover{
    transform: translateY(-4px);
    box-shadow: 0 24px 70px rgba(0,0,0,.12);
    border-color: rgba(0,129,128,.18);
  }
  
  /* Thumb preview */
  .nlw-vcard__thumb{
    position: relative;
    background: rgba(0,129,128,.06);
    aspect-ratio: 16 / 9;
    cursor: pointer;
    outline: none;
  }
  
  .nlw-vcard__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
    filter: saturate(1.02);
    transition: transform .25s ease, filter .25s ease;
  }
  
  .nlw-vcard:hover .nlw-vcard__img{
    transform: scale(1.03);
    filter: saturate(1.05);
  }
  
  /* play bubble */
  .nlw-vcard__play{
    position:absolute;
    inset: 0;
    display:grid;
    place-items:center;
    pointer-events:none;
  }
  
  .nlw-vcard__play i{
    width: 56px;
    height: 56px;
    border-radius: 999px;
    display:grid;
    place-items:center;
  
    background: rgba(0,129,128,.92);
    color: #fff;
    font-size: 28px;
  
    box-shadow: 0 18px 44px rgba(0,0,0,.18);
    transform: translateY(2px);
    transition: transform .22s ease, background .22s ease;
  }
  
  .nlw-vcard__thumb:hover .nlw-vcard__play i{
    transform: translateY(-2px);
    background: rgba(0,129,128,1);
  }
  
  /* badge */
  .nlw-vcard__badge{
    position:absolute;
    top: 10px;
    left: 10px;
    padding: 9px 12px;
    border-radius: 999px;
    font-weight: 950;
    font-size: 12px;
    color: #fff;
    background: var(--nomi-orange);
    border: 1px solid rgba(255,255,255,.35);
  }
  
  /* Body */
  .nlw-vcard__body{
    padding: 14px 14px 14px;
  }
  
  .nlw-vcard__h{
    margin: 0 0 8px;
    font-size: 16.2px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    font-weight: 950;
    color: rgba(14,26,26,.92);
  }
  
  .nlw-vcard__p{
    margin: 0 0 12px;
    color: rgba(14,26,26,.68);
    font-size: 14.7px;
    line-height: 1.65;
  }
  
  /* Buttons */
  .nlw-vcard__actions{
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .nlw-vcard__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
  
    padding: 11px 13px;
    border-radius: 999px;
    font-weight: 950;
    text-decoration:none;
    border: 1px solid rgba(0,0,0,.10);
    cursor: pointer;
  
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  }
  
  .nlw-vcard__btn i{ font-size: 18px; }
  
  .nlw-vcard__btn.is-primary{
    background: var(--nomi-teal);
    color: #fff;
    border-color: rgba(0,129,128,.25);
    box-shadow: 0 14px 40px rgba(0,0,0,.12);
  }
  
  .nlw-vcard__btn.is-primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 52px rgba(0,0,0,.16);
  }
  
  .nlw-vcard__btn.is-ghost{
    background: #fff;
    color: rgba(14,26,26,.88);
    border-color: rgba(0,129,128,.18);
  }
  
  .nlw-vcard__btn.is-ghost:hover{
    transform: translateY(-2px);
    border-color: rgba(0,129,128,.26);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
  }
  
  /* Filter hide */
  .nlw-vcard.is-hidden{
    display:none;
  }
  
  /* ===== Reveal ===== */
  .nlw-rvV{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .82s ease, transform .82s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlw-rvV.is-in{ opacity: 1; transform: translateY(0); }
  
  @media (prefers-reduced-motion: reduce){
    .nlw-rvV{ opacity:1 !important; transform:none !important; transition:none !important; }
    .nlw-vcard, .nlw-vcard__img, .nlw-vcard__btn, .nlw-vlib__pill{ transition:none !important; }
  }
  
  /* ===== Modal ===== */
  .nlw-modal{
    position: fixed;
    inset: 0;
    z-index: 999;
    display: none;
  }
  
  .nlw-modal.is-open{ display:block; }
  
  .nlw-modal__backdrop{
    position:absolute;
    inset:0;
    background: rgba(14,26,26,.55);
    backdrop-filter: blur(4px);
  }
  
  .nlw-modal__panel{
    position: relative;
    width: min(980px, calc(100% - 28px));
    margin: 6vh auto 0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 70px rgba(0,0,0,.22);
    overflow: hidden;
  }
  
  .nlw-modal__top{
    display:flex;
    align-items:center;
    justify-content: space-between;
    padding: 12px 12px 10px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  
  .nlw-modal__cap{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    font-weight: 950;
    color: rgba(14,26,26,.88);
  }
  
  .nlw-modal__cap i{ font-size: 20px; color: var(--nomi-teal); }
  
  .nlw-modal__close{
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: #fff;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .nlw-modal__close i{ font-size: 22px; color: rgba(14,26,26,.78); }
  .nlw-modal__close:hover{
    transform: translateY(-1px);
    border-color: rgba(0,129,128,.22);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
  }
  
  .nlw-modal__video{
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
  }
  .nlw-modal__video iframe{
    width: 100%;
    height: 100%;
    border: 0;
    display:block;
  }
  
  .nlw-modal__bottom{
    padding: 12px;
    border-top: 1px solid rgba(0,0,0,.08);
    display:flex;
    justify-content:flex-end;
  }
  
  .nlw-modal__yt{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 11px 13px;
    border-radius: 999px;
    background: #fff;
    color: rgba(14,26,26,.88);
    border: 1px solid rgba(0,129,128,.18);
    text-decoration:none;
    font-weight: 950;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .nlw-modal__yt i{ font-size: 18px; color: var(--nomi-teal); }
  .nlw-modal__yt:hover{
    transform: translateY(-1px);
    border-color: rgba(0,129,128,.26);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 768px){
    .nlw-vlib{ padding: 74px 0; }
    .nlw-vlib__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlw-vlib__grid{ grid-template-columns: repeat(2, 1fr); }
  }
  
  @media (max-width: 425px){
    .nlw-vlib{ padding: 64px 0; }
    .nlw-vlib__wrap{ width: calc(100% - 24px); }
    .nlw-vlib__grid{ grid-template-columns: 1fr; }
    .nlw-vlib__filters{
      justify-content:flex-start;
      overflow-x:auto;
      flex-wrap: nowrap;
      padding: 6px 2px 10px;
      -webkit-overflow-scrolling: touch;
    }
    .nlw-vlib__pill{ flex: 0 0 auto; white-space: nowrap; }
    .nlw-vcard__btn{ width: 100%; }
  }
  
  @media (max-width: 375px){
    .nlw-vlib__sub{ font-size: 15.5px; }
    .nlw-vcard__h{ font-size: 15.8px; }
  }
  
  @media (max-width: 320px){
    .nlw-vlib__title{ font-size: 24px; }
    .nlw-vcard__p{ font-size: 14.4px; }
  }
  




























  :root{
    --nomi-teal:#008180;
    --nomi-orange:#d87625;
    --ink:#0e1a1a;
    --muted: rgba(11,27,31,.72);
    --line: rgba(14,26,26,.12);
    --shadow: 0 18px 54px rgba(0,0,0,.10);
  }
  
  /* ===== Section ===== */
  .nlw-why{
    padding: 86px 0;
    background: #fff;
  }
  
  .nlw-why__wrap{
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
  }
  
  /* Head */
  .nlw-why__head{
    text-align:center;
    max-width: 900px;
    margin: 0 auto 22px;
  }
  
  .nlw-why__title{
    margin: 0 0 10px;
    font-size: clamp(26px, 2.5vw, 42px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: rgba(14,26,26,.92);
    font-weight: 950;
  }
  
  .nlw-why__sub{
    margin: 0 auto;
    max-width: 78ch;
    color: var(--muted);
    font-size: 16.1px;
    line-height: 1.75;
  }
  
  /* Grid */
  .nlw-why__grid{
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  
  /* Card (sólida, sin degradados) */
  .nlw-whyCard{
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: var(--shadow);
    padding: 18px 16px 16px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  
  .nlw-whyCard:hover{
    transform: translateY(-4px);
    box-shadow: 0 24px 70px rgba(0,0,0,.12);
    border-color: rgba(0,129,128,.18);
  }
  
  /* Icon */
  .nlw-whyCard__ico{
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(0,129,128,.10);
    border: 1px solid rgba(0,129,128,.16);
    color: var(--nomi-teal);
    margin-bottom: 12px;
    transition: transform .22s ease, background .22s ease;
  }
  
  .nlw-whyCard__ico i{ font-size: 26px; }
  
  .nlw-whyCard__ico--orange{
    background: rgba(216,118,37,.12);
    border-color: rgba(216,118,37,.20);
    color: var(--nomi-orange);
  }
  
  .nlw-whyCard:hover .nlw-whyCard__ico{
    transform: translateY(-2px);
    background: rgba(0,129,128,.12);
  }
  .nlw-whyCard:hover .nlw-whyCard__ico--orange{
    background: rgba(216,118,37,.14);
  }
  
  /* Text */
  .nlw-whyCard__h{
    margin: 0 0 8px;
    color: rgba(14,26,26,.92);
    font-weight: 950;
    letter-spacing: -0.01em;
    font-size: 18px;
  }
  
  .nlw-whyCard__p{
    margin: 0;
    color: rgba(14,26,26,.68);
    font-size: 15px;
    line-height: 1.65;
  }
  
  /* Reveal */
  .nlw-rvW{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .82s ease, transform .82s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
  }
  .nlw-rvW.is-in{
    opacity: 1;
    transform: translateY(0);
  }
  
  @media (prefers-reduced-motion: reduce){
    .nlw-rvW{ opacity: 1 !important; transform: none !important; transition: none !important; }
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .nlw-why{ padding: 74px 0; }
    .nlw-why__wrap{ width: min(1200px, calc(100% - 34px)); }
    .nlw-why__grid{ grid-template-columns: 1fr; }
  }
  
  @media (max-width: 425px){
    .nlw-why{ padding: 64px 0; }
    .nlw-why__wrap{ width: calc(100% - 24px); }
  }
  
  @media (max-width: 375px){
    .nlw-why__sub{ font-size: 15.5px; }
    .nlw-whyCard__p{ font-size: 14.7px; }
  }
  
  @media (max-width: 320px){
    .nlw-why__title{ font-size: 24px; }
    .nlw-whyCard{ padding: 16px 14px 14px; }
  }