:root{
    --primario:#1D9AB0;
    --primario-dark:#15859A;
    --iconos:#1A5F6E;
    --acento:#4BC8D8;
    --borde:#B8DEDE;
    --fondo:#E8F6F8;
    --texto:#0D3340;
    --oscuro:#082430;
    --texto-suave:#4C6E75;
    --ok:#8CC7A1;
    --warn-bg:#FBF2DC; --warn-border:#E3B94E; --warn-text:#8A6D1D;
    --wa-green:#DCF8C6;
    --r-img:28px;
    --font-head:"Inter Tight","Segoe UI",Arial,sans-serif;
    --font-body:"Inter","Segoe UI",Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--texto);
    background:#fff;
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:var(--primario);text-decoration:none;}
  .nav-links a:focus-visible,.nav-login:focus-visible,.btn:focus-visible,.menu-toggle:focus-visible{
    outline:2px solid var(--primario);outline-offset:2px;
  }
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
  h1,h2,h3,h4{font-family:var(--font-head);line-height:1.08;letter-spacing:-.02em;}

  /* ===== NAV FLOTANTE (pill) ===== */
  .navbar{
    position:fixed;top:18px;left:0;right:0;z-index:100;
    display:flex;justify-content:center;
    padding:0 16px;
    pointer-events:none;
  }
  .nav-pill{
    pointer-events:auto;
    display:flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    border-radius:999px;
    padding:8px 8px 8px 20px;
    box-shadow:0 8px 32px rgba(8,36,48,.18);
    max-width:980px;width:100%;
    justify-content:space-between;
  }
  .nav-pill .logo img{height:34px;width:auto;}
  .nav-links{display:flex;align-items:center;gap:4px;}
  .nav-links a{
    color:var(--texto);
    font-weight:600;font-size:14.5px;
    padding:9px 14px;border-radius:999px;
    white-space:nowrap;
    transition:background .15s;
  }
  .nav-links a:hover{background:var(--fondo);}
  .nav-links a.active{background:var(--fondo);color:var(--primario);}
  .btn{
    display:inline-block;
    font-family:var(--font-head);
    font-weight:700;
    border-radius:999px;
    padding:15px 30px;
    font-size:16.5px;
    letter-spacing:-.01em;
    white-space:nowrap;
    transition:transform .18s, box-shadow .18s, background .18s, color .18s;
    cursor:pointer;text-align:center;border:none;
  }
  .btn-primary{background:var(--primario);color:#fff;}
  .btn-primary:hover{background:var(--primario-dark);transform:scale(1.04);}
  .btn-white{background:#fff;color:var(--texto);}
  .btn-white:hover{transform:scale(1.04);box-shadow:0 12px 32px rgba(8,36,48,.25);}
  .btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
  .btn-outline-light:hover{border-color:#fff;transform:scale(1.04);}
  .btn-whatsapp{display:inline-flex;align-items:center;gap:9px;}
  .btn-whatsapp .ico-whatsapp{flex-shrink:0;opacity:.85;}
  .nav-pill .btn{padding:10px 20px;font-size:14.5px;}
  .nav-login{
    color:var(--texto);font-weight:600;font-size:14.5px;
    padding:9px 14px;border-radius:999px;white-space:nowrap;
    transition:background .15s;
  }
  .nav-login:hover{background:var(--fondo);}
  .only-mobile{display:none;}
  .menu-toggle{display:none;background:none;border:none;font-size:26px;color:var(--texto);cursor:pointer;padding:4px 10px;}

  .logo,.footer-brand{display:flex;align-items:center;gap:9px;}
  .brand-ico{height:32px;width:auto;display:block;}
  .brand-word{font-family:var(--font-head);font-weight:800;font-size:23px;color:var(--iconos);letter-spacing:-.5px;line-height:1;}
  .brand-word em{font-style:normal;color:var(--primario);}
  .nav-pill .logo{margin-right:14px;flex-shrink:0;}
  .nav-pill .brand-word{font-size:21px;}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    background:#5D9ED0 url('../assets/sky.jpg') center top / cover no-repeat;
    color:#fff;
    padding:0;
    text-align:center;
    overflow:hidden;
    transform-origin:50% 0;
    will-change:transform, border-radius;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(13,51,64,.22) 0%, rgba(13,51,64,0) 34%);
    pointer-events:none;
  }
  .cloud{display:none;}
  .hero h1{
    font-size:clamp(46px, 8vw, 92px);
    font-weight:800;
    margin:0 auto 22px;
    max-width:900px;
  }
  .hero > .wrap{
    min-height:100vh;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    padding-top:70px; /* compensa el nav fijo */
  }
  .hero h1{text-shadow:0 2px 24px rgba(13,51,64,.35);}
  .hero h1 .accent{color:var(--primario);text-shadow:0 1px 12px rgba(255,255,255,.45);}
  .hero .lead{
    font-size:clamp(17px, 2vw, 21px);
    color:#F2FAFC;
    text-shadow:0 1px 14px rgba(13,51,64,.4);
    max-width:640px;
    margin:0 auto 34px;
  }
  .hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
  .hero-note{font-size:14.5px;color:#EAF6F9;text-shadow:0 1px 10px rgba(13,51,64,.4);}

  /* Hero visual: fotos + teléfono */
  .hero-stage{
    position:relative;
    max-width:1060px;
    margin:0 auto;
    height:520px;
    padding:40px 0 24px;
  }
  .hero-card{
    position:absolute;
    width:250px;
    background:#fff;
    border:1px solid var(--borde);
    border-radius:24px;
    padding:22px;
    box-shadow:0 30px 70px rgba(13,51,64,.3);
    z-index:1;
    text-align:left;
    color:var(--texto);
  }
  .hero-card.left{left:40px;bottom:110px;}
  .hero-card.right{right:40px;bottom:110px;}
  .hc-title{
    font-family:var(--font-head);font-size:12.5px;font-weight:700;
    color:var(--texto-suave);text-transform:uppercase;letter-spacing:.6px;
    margin-bottom:14px;
  }
  .hc-streak{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
  .hc-flame{font-size:34px;line-height:1;}
  .hc-streak-num{font-family:var(--font-head);font-size:40px;font-weight:800;color:var(--primario);line-height:1;}
  .hc-streak-cap{font-size:13.5px;color:var(--texto-suave);line-height:1.3;}
  .hc-trend{display:flex;align-items:flex-end;gap:14px;height:64px;margin-bottom:6px;}
  .hc-trend-col{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;}
  .hc-bar{width:100%;border-radius:6px 6px 0 0;background:var(--primario);}
  .hc-week{font-size:11.5px;font-weight:700;color:var(--texto-suave);}
  .hc-note{
    background:#EAF7FA;border:1px solid var(--acento);color:#0F6E80;
    font-size:12.5px;font-weight:600;border-radius:12px;padding:8px 11px;margin-top:12px;
  }
  .hc-stock-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #EDF4F5;}
  .hc-stock-row:last-of-type{border-bottom:none;}
  .hc-stock-name{font-size:13.5px;font-weight:600;}
  .hc-days{font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap;}
  .hc-days.ok{background:#EAF7FA;color:#0F6E80;}
  .hc-days.warn{background:var(--warn-bg);color:var(--warn-text);}
  .hc-days.risk{background:#F8E9E7;color:#9C4A40;}
  .hc-alert{
    background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);
    font-size:12.5px;font-weight:600;border-radius:12px;padding:8px 11px;margin-top:12px;
  }
  .phone{
    width:320px;
    background:#061B24;
    border-radius:40px;
    padding:11px;
    box-shadow:0 40px 90px rgba(13,51,64,.38);
    position:absolute;
    left:50%;transform:translateX(-50%);
    bottom:16px;
    z-index:3;
  }
  .phone-screen{background:#EDE7DE;border-radius:31px;overflow:hidden;}
  .chat-header{
    background:var(--iconos);color:#fff;
    padding:14px 16px;
    display:flex;align-items:center;gap:10px;
    font-family:var(--font-head);font-weight:700;font-size:15px;
  }
  .chat-avatar{
    width:32px;height:32px;border-radius:50%;
    background:var(--acento);
    display:flex;align-items:center;justify-content:center;
    color:var(--texto);font-size:14px;font-weight:800;
  }
  .chat-body{padding:16px 12px 22px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.45;color:var(--texto);}
  .bubble{max-width:86%;padding:10px 14px;border-radius:14px;box-shadow:0 1px 2px rgba(13,51,64,.08);}
  .bubble.in{background:#fff;border-top-left-radius:4px;align-self:flex-start;}
  .bubble.out{background:var(--wa-green);border-top-right-radius:4px;align-self:flex-end;}
  .bubble .time{display:block;font-size:11px;color:var(--texto-suave);text-align:right;margin-top:3px;}
  .panel-card{
    position:absolute;
    right:calc(50% - 265px);bottom:305px;
    width:240px;
    background:#fff;
    border-radius:22px;
    padding:20px 22px;
    box-shadow:0 30px 60px rgba(13,51,64,.3);
    z-index:4;
    text-align:left;
    color:var(--texto);
  }
  .panel-card .panel-title{font-family:var(--font-head);font-size:12.5px;font-weight:700;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;}
  .adh-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}
  .adh-num{font-family:var(--font-head);font-size:36px;font-weight:800;color:var(--primario);}
  .adh-label{font-size:13.5px;color:var(--texto-suave);}
  .bar{height:9px;background:#E3EFF1;border-radius:999px;overflow:hidden;margin-bottom:12px;}
  .bar > span{display:block;height:100%;width:96%;background:linear-gradient(90deg,var(--primario),var(--acento));border-radius:999px;}
  .panel-alert{
    background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);
    font-size:12.5px;border-radius:12px;padding:8px 11px;font-weight:600;
  }

  /* ===== STAT ===== */
  .stat-band{
    background:
      radial-gradient(900px 500px at 80% -10%, rgba(75,200,216,.22), transparent 60%),
      radial-gradient(700px 480px at 8% 108%, rgba(29,154,176,.28), transparent 60%),
      linear-gradient(175deg, var(--oscuro) 0%, var(--texto) 100%);
    color:#fff;
    text-align:center;
    padding:110px 24px;
    border-radius:48px;
    margin:26px 16px 0;
  }
  .stat-band h2{font-size:clamp(34px,5vw,58px);font-weight:800;max-width:840px;margin:0 auto 18px;}
  .stat-band h2 .num{color:var(--acento);}
  .stat-band p{color:#B9D8DF;font-size:19px;max-width:620px;margin:0 auto;}
  .stat-video{
    max-width:860px;margin:44px auto 0;
    border-radius:var(--r-img);overflow:hidden;
    box-shadow:0 30px 70px rgba(0,0,0,.35);
  }
  .stat-video video{display:block;width:100%;aspect-ratio:16/9;background:#000;}

  /* ===== TILES (imagen + texto superpuesto, estilo Revolut) ===== */
  .tiles{padding:90px 0 100px;background:#fff;}
  .tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .tile{
    position:relative;
    border-radius:var(--r-img);
    overflow:hidden;
    height:560px;
    display:block;
    color:#fff;
  }
  .tile img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .6s cubic-bezier(.2,.6,.2,1);
  }
  .tile:hover img{transform:scale(1.05);}
  .tile::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(185deg, rgba(8,36,48,.06) 30%, rgba(8,36,48,.94) 100%);
  }
  .tile h3,.tile p{text-shadow:0 2px 14px rgba(8,36,48,.6);}
  .tile-content{
    position:absolute;left:0;right:0;bottom:0;z-index:2;
    padding:36px;
  }
  .tile-tag{
    display:inline-block;
    background:#fff;
    color:var(--texto);font-family:var(--font-head);
    font-size:17px;font-weight:800;letter-spacing:.4px;
    padding:11px 22px;border-radius:999px;margin-bottom:18px;
    box-shadow:0 6px 20px rgba(8,36,48,.35);
  }
  .tile h3{font-size:clamp(24px,2.6vw,34px);font-weight:800;margin-bottom:8px;}
  .tile p{color:#D5E8EC;font-size:16.5px;max-width:420px;}
  .tile .tile-link{
    display:inline-block;margin-top:16px;
    color:#fff;font-family:var(--font-head);font-weight:700;font-size:15.5px;
    border-bottom:2px solid var(--acento);
    padding-bottom:2px;
  }

  /* ===== COMO FUNCIONA ===== */
  .como{background:var(--fondo);padding:110px 0;border-radius:48px 48px 0 0;}
  .section-head{max-width:720px;margin:0 auto 64px;text-align:center;}
  .section-head h2{font-size:clamp(32px,4.6vw,52px);font-weight:800;margin-bottom:16px;}
  .section-head p{color:var(--texto-suave);font-size:19px;}
  .section-tag{
    display:inline-block;
    font-family:var(--font-head);
    background:var(--primario);
    color:#fff;
    font-weight:800;font-size:15px;
    letter-spacing:.4px;
    padding:8px 18px;border-radius:999px;
    margin-bottom:18px;
  }
  .cf .section-head{margin-bottom:48px;}

  /* Beneficios */
  .cf-benefits{
    list-style:none;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;
    margin:0 auto 96px;
  }
  .cf-benefit{
    display:flex;flex-direction:column;gap:16px;
    background:#fff;
    border-radius:var(--r-img);
    padding:26px 22px;
    transition:transform .25s, box-shadow .25s;
  }
  .cf-benefit:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(13,51,64,.12);}
  .cf-ico{
    width:48px;height:48px;border-radius:50%;
    background:var(--fondo);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .cf-ico svg,.cf-chip svg{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .cf-ico svg{width:24px;height:24px;stroke:var(--primario);}
  .cf-benefit-txt{display:flex;flex-direction:column;gap:6px;}
  .cf-benefit-txt strong{font-family:var(--font-head);font-weight:700;font-size:17px;line-height:1.25;}
  .cf-benefit-txt span{font-size:15px;line-height:1.45;color:var(--texto-suave);}

  /* Un día con CuidaTech */
  .cf-day-head{text-align:center;margin-bottom:56px;}
  .cf-day-head h3{font-size:clamp(26px,3.2vw,38px);font-weight:800;margin-bottom:10px;}
  .cf-day-head p{color:var(--texto-suave);font-size:19px;}
  .cf-timeline{display:flex;flex-direction:column;gap:56px;max-width:980px;margin:0 auto;}
  .cf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;}
  .cf-row:nth-child(even) .cf-copy{order:2;}
  .cf-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
  .cf-chip{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--texto);color:#fff;
    font-family:var(--font-head);font-weight:700;font-size:14px;
    padding:8px 16px;border-radius:999px;
  }
  .cf-chip svg{width:16px;height:16px;stroke:var(--acento);}
  .cf-copy h4{font-size:clamp(24px,2.6vw,30px);line-height:1.2;font-weight:800;margin-top:4px;}
  .cf-copy p{color:var(--texto-suave);font-size:17px;max-width:420px;}
  .cf-shot{
    display:flex;justify-content:center;
    background:#fff;
    border-radius:var(--r-img);
    padding:36px 24px;
  }
  .cf-shot img{width:100%;max-width:320px;height:auto;display:block;}

  /* CTA */
  .cf-cta{
    margin:96px auto 0;max-width:720px;
    text-align:center;
    background:#fff;
    border-radius:var(--r-img);
    padding:48px 32px;
  }
  .cf-cta h3{font-size:clamp(24px,2.6vw,30px);font-weight:800;margin-bottom:10px;}
  .cf-cta p{color:var(--texto-suave);font-size:17px;margin-bottom:26px;}
  .cf-cta .cf-cta-note{margin:16px 0 0;font-size:14px;}

  /* ===== SECCIONES ALTERNADAS (media + texto) ===== */
  .feature{padding:110px 0;background:#fff;}
  .feature.alt{background:var(--fondo);}
  .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
  .feature-grid.flip .feature-media{order:2;}
  .feature-media{position:relative;}
  .feature-media > img{
    border-radius:var(--r-img);
    width:100%;height:520px;object-fit:cover;
    box-shadow:0 30px 70px rgba(13,51,64,.18);
  }
  .float-chip{
    position:absolute;
    background:#fff;
    border-radius:18px;
    padding:14px 18px;
    box-shadow:0 20px 44px rgba(13,51,64,.22);
    font-size:14.5px;font-weight:600;
    display:flex;align-items:center;gap:10px;
    max-width:280px;
  }
  .float-chip .ico{
    width:34px;height:34px;border-radius:10px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-size:16px;font-weight:800;
  }
  .chip-ok .ico{background:#EAF7FA;color:var(--primario);}
  .chip-warn .ico{background:var(--warn-bg);color:var(--warn-text);}
  .feature-copy .kicker{
    display:inline-block;
    font-family:var(--font-head);
    background:var(--primario);
    color:#fff;
    font-weight:800;font-size:16px;
    letter-spacing:.4px;
    padding:9px 20px;border-radius:999px;
    margin-bottom:18px;
    box-shadow:0 6px 18px rgba(29,154,176,.3);
  }
  .feature-copy h2{font-size:clamp(30px,4vw,46px);font-weight:800;margin-bottom:18px;}
  .feature-copy > p{color:var(--texto-suave);font-size:18px;margin-bottom:26px;}
  .feature-list{list-style:none;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;}
  .feature-list li{display:flex;gap:13px;align-items:flex-start;font-size:16.5px;}
  .check{
    width:24px;height:24px;border-radius:50%;flex-shrink:0;
    background:var(--primario);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:800;margin-top:3px;
  }
  .quote-line{
    font-family:var(--font-head);
    font-weight:700;font-size:20px;
    color:var(--iconos);
    border-left:4px solid var(--acento);
    padding-left:18px;
    line-height:1.35;
  }

  /* ===== PANEL ===== */
  .mini-dash{
    background:#fff;
    border:1px solid var(--borde);
    border-radius:var(--r-img);
    padding:32px;
    box-shadow:0 30px 70px rgba(13,51,64,.14);
  }
  .mini-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
  .mini-dash-head .t{font-family:var(--font-head);font-weight:700;font-size:16px;}
  .badge-live{font-size:12.5px;font-weight:700;background:#EAF7FA;color:#0F6E80;border:1px solid var(--acento);padding:4px 12px;border-radius:999px;}
  .med-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EDF4F5;}
  .med-row:last-child{border-bottom:none;}
  .med-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
  .med-name{font-weight:600;font-size:15.5px;flex:1;}
  .med-time{font-size:14px;color:var(--texto-suave);}
  .med-status{font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;}
  .st-ok{background:#EAF7FA;color:#0F6E80;}
  .st-warn{background:var(--warn-bg);color:var(--warn-text);}
  .p-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:18px;}
  .p-legend-item{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;}
  .p-legend-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;}
  .p-legend-time{font-weight:400;color:var(--texto-suave);}
  .pastillero-svg svg{width:100%;height:auto;display:block;}
  .p-icons{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13.5px;color:var(--texto-suave);}

  /* ===== BANDA OSCURA ===== */
  .dark-band{
    background:
      radial-gradient(800px 400px at 85% 20%, rgba(75,200,216,.16), transparent 60%),
      linear-gradient(170deg, var(--texto) 0%, var(--oscuro) 100%);
    color:#fff;
    padding:120px 0;
    border-radius:48px;
    margin:0 16px;
  }
  .dark-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;}
  .dark-band h2{font-size:clamp(32px,4.6vw,54px);font-weight:800;margin-bottom:20px;}
  .dark-band h2 .accent{color:var(--acento);}
  .dark-band p{color:#B9D8DF;font-size:18.5px;margin-bottom:32px;max-width:520px;}
  .dark-band .feature-media > img{height:460px;box-shadow:0 30px 70px rgba(0,0,0,.45);}

  /* ===== FAQ ===== */
  .faq{background:#fff;padding:110px 0;}
  .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;}
  details{border-bottom:1px solid #E3EFF1;}
  summary{
    cursor:pointer;
    padding:26px 8px;
    font-family:var(--font-head);
    font-weight:700;font-size:19px;
    list-style:none;
    display:flex;justify-content:space-between;align-items:center;gap:16px;
  }
  summary::-webkit-details-marker{display:none;}
  summary::after{content:"+";font-size:26px;color:var(--primario);font-weight:500;transition:transform .2s;flex-shrink:0;}
  details[open] summary::after{transform:rotate(45deg);}
  details .faq-a{padding:0 8px 26px;color:var(--texto-suave);font-size:16.5px;max-width:640px;}

  /* ===== CTA FINAL ===== */
  .cta-final{
    background:
      radial-gradient(700px 400px at 20% 0%, rgba(75,200,216,.25), transparent 55%),
      linear-gradient(160deg, var(--primario) 0%, var(--iconos) 80%);
    color:#fff;text-align:center;
    padding:120px 24px;
    border-radius:48px;
    margin:0 16px 16px;
  }
  .cta-final h2{font-size:clamp(34px,5.4vw,62px);font-weight:800;margin-bottom:18px;}
  .cta-final p{font-size:19px;color:#D7EDF1;max-width:560px;margin:0 auto 38px;}
  .cta-final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .cta-final .sub-note{margin-top:18px;font-size:14.5px;color:#B9DEE5;}

  /* ===== FOOTER ===== */
  footer{background:#fff;color:var(--texto-suave);padding:44px 0 40px;font-size:14.5px;}
  .footer-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  .footer-brand img{height:34px;}
  .footer-links{display:flex;gap:26px;}
  .footer-links a{color:var(--texto-suave);font-weight:500;}
  .footer-links a:hover{color:var(--primario);}

  /* ===== REVEAL ===== */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}

  /* ===== MOTION (estilo Revolut) ===== */
  @keyframes wordUp{to{opacity:1;transform:none;}}
  .hero h1 .w{
    display:inline-block;
    opacity:0;transform:translateY(.45em);
    animation:wordUp .7s cubic-bezier(.2,.65,.25,1) forwards;
  }
  .fade-up{
    opacity:0;transform:translateY(24px);
    animation:wordUp .8s cubic-bezier(.2,.65,.25,1) forwards;
  }
  @keyframes floaty{
    0%,100%{transform:translateY(0) rotate(var(--rot,0deg));}
    50%{transform:translateY(-14px) rotate(var(--rot,0deg));}
  }
  @keyframes fillBar{from{width:0;}}
  .bar > span{animation:fillBar 1.6s 1s cubic-bezier(.2,.65,.25,1) backwards;}

  /* Hero vivo: orbes, flotación, toast */
  .orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;}
  .orb{display:none;}
  @keyframes drift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(50px,-34px) scale(1.12);}}
  @keyframes drift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-44px,28px) scale(.92);}}
  @keyframes phoneFloat{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-10px);}}
  .phone{animation:phoneFloat 6.5s ease-in-out 2s infinite;}
  @keyframes panelFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
  .panel-card{animation:panelFloat 7s ease-in-out 2s infinite;}
  .hero-toast{
    position:absolute;
    left:calc(50% - 265px);bottom:372px;z-index:5;
    width:240px;
    background:#fff;color:var(--texto);
    border-radius:16px;padding:14px 16px;
    box-shadow:0 24px 56px rgba(13,51,64,.28);
    display:flex;gap:12px;align-items:flex-start;
    text-align:left;font-size:13.5px;line-height:1.45;
    opacity:0;transform:translateY(18px) scale(.95);
    transition:opacity .5s cubic-bezier(.2,.65,.25,1), transform .5s cubic-bezier(.2,.65,.25,1);
  }
  .hero-toast.show{opacity:1;transform:none;animation:panelFloat 7s ease-in-out 2s infinite;}
  .hero-toast .toast-ico{
    width:34px;height:34px;border-radius:10px;flex-shrink:0;
    background:#EAF7FA;color:var(--primario);
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:15px;
  }
  .hero-toast strong{display:block;font-family:var(--font-head);font-size:14px;}
  .hero-toast span.t-sub{color:var(--texto-suave);}

  /* Chat animado */
  .chat-body{min-height:238px;}
  .bubble{transition:opacity .35s ease, transform .35s ease;}
  .bubble.hide{opacity:0;transform:translateY(12px);}
  .typing-row{
    background:#fff;border-radius:14px;border-top-left-radius:4px;
    align-self:flex-start;
    padding:13px 16px;
    display:none;gap:5px;align-items:center;
    box-shadow:0 1px 2px rgba(13,51,64,.08);
  }
  .typing-row.on{display:flex;}
  .typing-row span{
    width:7px;height:7px;border-radius:50%;background:#9AB3B9;
    animation:blink 1.1s infinite;
  }
  .typing-row span:nth-child(2){animation-delay:.18s;}
  .typing-row span:nth-child(3){animation-delay:.36s;}
  @keyframes blink{0%,80%,100%{opacity:.3;}40%{opacity:1;}}

  /* Marquee de beneficios */
  .marquee{overflow:hidden;background:#fff;padding:38px 0 6px;}
  .marquee-track{display:flex;gap:14px;width:max-content;animation:scrollX 32s linear infinite;}
  .marquee:hover .marquee-track{animation-play-state:paused;}
  .mchip{
    flex:none;display:flex;align-items:center;gap:9px;
    background:var(--fondo);border:1px solid var(--borde);
    color:var(--iconos);font-family:var(--font-head);
    font-weight:700;font-size:15px;
    padding:11px 22px;border-radius:999px;white-space:nowrap;
  }
  .mchip .dot{width:8px;height:8px;border-radius:50%;background:var(--acento);}
  @keyframes scrollX{to{transform:translateX(-50%);}}

  /* Reveals escalonados */
  .cf-benefit:nth-child(2){transition-delay:.08s;}
  .cf-benefit:nth-child(3){transition-delay:.16s;}
  .cf-benefit:nth-child(4){transition-delay:.24s;}
  .cf-benefit:nth-child(5){transition-delay:.32s;}
  .tiles-grid .tile:nth-child(2){transition-delay:.15s;}

  /* Tile link con flecha */
  .tile .tile-link::after{content:" →";transition:margin-left .2s;}
  .tile:hover .tile-link::after{margin-left:6px;}

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
    .hero h1 .w,.fade-up{opacity:1;transform:none;}
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 1040px){
    .nav-links{
      position:fixed;top:84px;left:16px;right:16px;
      background:#fff;border-radius:24px;
      flex-direction:column;align-items:stretch;
      padding:18px;gap:6px;
      box-shadow:0 24px 48px rgba(8,36,48,.25);
      display:none;
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:13px 16px;font-size:14.5px;}
    .menu-toggle{display:block;}
    .nav-login{display:none;}
    .only-mobile{display:block;}
  }
  @media (max-width: 1020px){
    .hero-card{width:220px;padding:16px;}
    .hero-card.left{left:6px;bottom:120px;}
    .hero-card.right{right:6px;bottom:120px;}
    .hero-toast{left:14px;bottom:44px;width:240px;}
    .hero-stage{height:480px;}
    .panel-card{right:14px;bottom:44px;width:240px;animation:none;}
  }
  @media (max-width: 860px){
    .tiles-grid,.feature-grid,.dark-grid{grid-template-columns:1fr;}
    .feature-grid{gap:44px;}
    .feature-grid.flip .feature-media{order:0;}
    .cf-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
    .cf-benefit:last-child{grid-column:1 / -1;}
    .cf-row{gap:40px;}
    .tile{height:440px;}
    .dark-grid{gap:44px;}
  }
  @media (max-width: 760px){
    .hero{padding-top:120px;}
    .hero-stage{height:auto;padding-bottom:60px;}
    .hero-card{display:none;}
    .hero-toast{position:relative;left:auto;bottom:auto;margin:0 auto 18px;width:280px;}
    .phone{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 20px;animation:none;}
    .panel-card{position:relative;right:auto;bottom:auto;transform:none;margin:0 auto;width:290px;animation:none;}
    .feature,.como,.faq{padding:72px 0;}
    .dark-band,.cta-final{border-radius:32px;margin:0 10px;}
    .stat-band{border-radius:32px;margin:20px 10px 0;padding:72px 20px;}
    .dark-band{padding:80px 0;}
    .feature-media > img{height:380px;}
    .float-chip{display:none;}
    .cf-benefits{grid-template-columns:1fr;margin-bottom:72px;}
    .cf-benefit{flex-direction:row;align-items:center;padding:18px;}
    .cf-benefit:last-child{grid-column:auto;}
    .cf-timeline{gap:48px;}
    .cf-row{grid-template-columns:1fr;gap:20px;}
    .cf-row:nth-child(even) .cf-copy{order:0;}
    .cf-copy{align-items:center;text-align:center;}
    .cf-copy p{max-width:none;}
    .cf-shot{padding:24px 16px;border-radius:24px;}
    .cf-cta{margin-top:72px;padding:36px 20px;border-radius:24px;}
  }