/* hero.css — hero principal y formulario/modal WhatsApp */
    /* SCOPE TOTAL (no global reset)  */
    #educaHeroBlueV1,
    #educaHeroBlueV1 *{ box-sizing:border-box; }

    #educaHeroBlueV1{
      font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
      color:#0f172a;
    }

    #educaHeroBlueV1 :where(h1,h2,h3,p,ul,li){ margin:0; }
    #educaHeroBlueV1 ul{ list-style:none; padding:0; }

    #educaHeroBlueV1{
      /* AZUL PURO  */
      --c1:#0B5FFF;
      --c2:#084FD6;
      --c3:#063AAE;
      --c4:#042B86;
      --c5:#031F63;

      --ed-blue-700: var(--c2);
      --ed-blue-600: var(--c1);
      --ed-blue-500: #2F7BFF;

      --ed-slate-900:#0f172a;
      --ed-slate-700:#334155;
      --ed-slate-600:#475569;
      --ed-slate-500:#64748b;
      --ed-slate-300:#cbd5e1;

      --ed-white:#ffffff;
      --ed-card: rgba(255,255,255,.78);
      --ed-border: rgba(148,163,184,.30);
      --ed-shadow: 0 18px 44px rgba(15,23,42,.12);

      --ed-backdrop: rgba(2,6,23,.62);
      --ed-radius-xl: 24px;
      --ed-radius-lg: 18px;
      --ed-radius-md: 14px;
    }

    /* FULL PANTALLA REAL (solo este bloque)  */
    #educaHeroBlueV1 .educa-full-wrap{
      width:100vw;
      max-width:100vw;
      position:relative;
      left:50%;
      margin-left:-50vw;
      margin-right:-50vw;
      overflow:hidden;
      background:#fff;
    }

    /* HERO =====  */
    #educaHeroBlueV1 .educa-hero{
      position:relative;
      overflow:hidden;
      min-height: 100vh;
      min-height: 100svh;
      min-height: 100dvh;
      width:100%;
      display:flex;
      align-items:stretch;

      background:
        radial-gradient(1200px 600px at 20% 10%, rgba(11,95,255,.22) 0%, rgba(255,255,255,0) 58%),
        radial-gradient(900px 500px at 85% 35%, rgba(47,123,255,.18) 0%, rgba(255,255,255,0) 62%),
        radial-gradient(1000px 520px at 60% 90%, rgba(8,79,214,.14) 0%, rgba(255,255,255,0) 60%),
        linear-gradient(180deg, #f3f8ff 0%, #ffffff 55%, #f3f8ff 100%);
    }

    #educaHeroBlueV1 .educa-hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      background:
        radial-gradient(circle at 20% 20%, rgba(11,95,255,.18), transparent 55%),
        radial-gradient(circle at 80% 35%, rgba(47,123,255,.14), transparent 60%),
        radial-gradient(circle at 60% 85%, rgba(8,79,214,.10), transparent 55%);
      opacity:.95;
      pointer-events:none;
    }

    #educaHeroBlueV1 .educa-hero::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      opacity:.10;
      pointer-events:none;
    }

    #educaHeroBlueV1 .educa-floaters{ display:none; }
    #educaHeroBlueV1 .educa-bubble{ display:none; }

    /* GRID =====  */
    #educaHeroBlueV1 .educa-hero-inner{
      width:100%;
      max-width:1760px;
      margin:0 auto;
      padding:72px 24px 0 28px;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
      gap:52px;
      align-items:stretch;
      position:relative;
      z-index:3;
    }

    /* PHOTO =====  */
    #educaHeroBlueV1 .educa-hero-photo-wrap{
      position:relative;
      display:flex;
      justify-content:center;
      align-items:flex-end;
      height:100%;
      min-height: 100vh;
      min-height: 100svh;
      min-height: 100dvh;
      overflow:visible;
    }
    #educaHeroBlueV1 .educa-hero-photo-bg{ display:none; }
    #educaHeroBlueV1 .educa-hero-photo-inner{
      position:relative;
      z-index:1;
      padding:0;
    }
    #educaHeroBlueV1 .educa-hero-photo-inner::before{ display:none; }
    #educaHeroBlueV1 .educa-hero-photo-inner img{
      display:block;
      max-height:920px;
      height:auto;
      width:auto;
      object-fit:contain;
      filter: drop-shadow(0 22px 52px rgba(15,23,42,.28));
    }

    /* TEXT =====  */
    #educaHeroBlueV1 .educa-hero-text{
      display:flex;
      flex-direction:column;
      gap:18px;
      color: var(--ed-slate-900);
      justify-self:end;
      align-self:start;
      margin-left:auto;
      width: clamp(380px, 46vw, 900px);
      max-width:100%;
    }

    #educaHeroBlueV1 .educa-hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:12px;
      font-weight:900;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:#fff;
      background: linear-gradient(120deg, var(--c2), var(--c1));
      padding:8px 16px;
      border-radius:999px;
      box-shadow: 0 10px 24px rgba(11,95,255,.28);
      width:fit-content;
    }
    #educaHeroBlueV1 .educa-hero-kicker::before{
      content:"✅";
      font-size:13px;
    }

    #educaHeroBlueV1 .educa-hero-title{
      font-size: clamp(36px, 3.1vw, 56px);
      line-height: 1.06;
      font-weight: 900;
      color: var(--ed-slate-900);
      letter-spacing: -.02em;
      text-wrap: balance;
      max-width: 26ch;
    }
    #educaHeroBlueV1 .educa-hero-title span{ color: var(--c2); white-space: nowrap; }

    #educaHeroBlueV1 .educa-hero-subtitle{
      font-size:18px;
      line-height:1.85;
      color: var(--ed-slate-600);
      max-width:100%;
    }

    /* pills */
    #educaHeroBlueV1 .educa-hero-modes{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:6px;
    }

    #educaHeroBlueV1 .educa-mode-pill{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:11px 20px;
      border-radius:999px;
      font-size:14px;
      font-weight:900;
      background: rgba(255,255,255,.65);
      color: var(--ed-slate-900);
      border:1px solid rgba(148,163,184,.45);
      cursor:pointer;
      box-shadow:0 10px 22px rgba(15,23,42,.08);
      transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease, border-color .16s ease;
      appearance:none;
      outline:none;
    }
    #educaHeroBlueV1 .educa-mode-pill span{
      width:10px;height:10px;border-radius:999px;background:#94a3b8;
      box-shadow: 0 0 0 5px rgba(148,163,184,.14);
    }
    #educaHeroBlueV1 .educa-mode-pill--blue span{
      background: var(--c1);
      box-shadow: 0 0 0 5px rgba(11,95,255,.16);
    }
    #educaHeroBlueV1 .educa-mode-pill--red span{
      background:#ef4444;
      box-shadow: 0 0 0 5px rgba(239,68,68,.16);
    }
    #educaHeroBlueV1 .educa-mode-pill:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 28px rgba(15,23,42,.12);
      opacity:.98;
      border-color: rgba(11,95,255,.30);
    }
    #educaHeroBlueV1 .educa-mode-pill:focus-visible{
      box-shadow: 0 0 0 4px rgba(11,95,255,.18), 0 14px 28px rgba(15,23,42,.12);
      border-color: rgba(11,95,255,.45);
    }

    /* stats */
    #educaHeroBlueV1 .educa-stats{
      margin-top:10px;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:12px;
      max-width:100%;
      align-items:stretch;
    }
    #educaHeroBlueV1 .educa-stat{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:74px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(148,163,184,.35);
      border-radius:18px;
      padding:12px 14px;
      box-shadow: 0 12px 28px rgba(15,23,42,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    #educaHeroBlueV1 .educa-stat:hover{ transform: translateY(-2px); box-shadow: var(--ed-shadow); }
    #educaHeroBlueV1 .educa-stat b{ display:block; font-size:18px; font-weight:900; color: var(--ed-slate-900); letter-spacing:-.02em; }
    #educaHeroBlueV1 .educa-stat small{
      display:block; margin-top:2px; font-size:12px; color: var(--ed-slate-500); font-weight:900;
      letter-spacing:.08em; text-transform:uppercase;
    }

    #educaHeroBlueV1 .educa-hero-block-label{
      margin-top:16px;
      font-size:12px;
      font-weight:900;
      letter-spacing:.26em;
      text-transform:uppercase;
      color:#94a3b8;
    }

    /* programs */
    #educaHeroBlueV1 .educa-hero-programs{
      margin-top:8px;
      margin-bottom:14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:10px 16px;
      max-width:100%;
      align-items:stretch;
    }
    #educaHeroBlueV1 .educa-hero-programs li{
      display:flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      font-size:15px;
      color: var(--ed-slate-900);
      padding:10px 12px;
      border-radius:14px;
      background: rgba(255,255,255,.58);
      border:1px solid rgba(148,163,184,.30);
      box-shadow: 0 10px 22px rgba(15,23,42,.06);
      transition: transform .16s ease, box-shadow .16s ease;
    }
    #educaHeroBlueV1 .educa-hero-programs li:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(15,23,42,.10); }
    #educaHeroBlueV1 .educa-hero-programs li::before{ content:"✔"; font-size:14px; color:#16a34a; }

    #educaHeroBlueV1 .educa-hero-info{
      margin-top:6px;
      font-size:15px;
      color: var(--ed-slate-600);
    }
    #educaHeroBlueV1 .educa-hero-info-row{ margin-bottom:6px; }
    #educaHeroBlueV1 .educa-hero-info-row strong{ color:#ef4444; font-weight:900; }
    #educaHeroBlueV1 .educa-hero-info-row span{ font-weight:900; color: var(--ed-slate-900); }

    #educaHeroBlueV1 .educa-hero-cta-row{
      display:flex;
      align-items:center;
      gap:18px;
      margin-top:20px;
      flex-wrap:wrap;
    }

    /* BOTÓN PRINCIPAL (NO SE TOCA)  */
    #educaHeroBlueV1 .educa-btn-primary{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:14px 34px;
      border-radius:999px;
      background: linear-gradient(120deg,#fb923c,#f97316,#ef4444);
      color:#fff;
      font-size:17px;
      font-weight:900;
      text-decoration:none;
      border:none;
      box-shadow:0 16px 40px rgba(248,113,113,.55);
      transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
      overflow:hidden;
      white-space:nowrap;
      outline:none;
    }
    #educaHeroBlueV1 .educa-btn-primary::after{
      content:"";
      position:absolute;
      top:-60%;
      left:-30%;
      width:50%;
      height:220%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
      transform: rotate(18deg);
      animation: shine 2.6s ease-in-out infinite;
      opacity:.9;
    }
    #educaHeroBlueV1 .educa-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 22px 52px rgba(248,113,113,.65); opacity:.985; }
    #educaHeroBlueV1 .educa-btn-primary:focus-visible{
      box-shadow: 0 0 0 4px rgba(248,113,113,.25), 0 22px 52px rgba(248,113,113,.65);
    }

    #educaHeroBlueV1 .educa-hero-cta-note{
      font-size:14px;
      max-width:320px;
      color: var(--ed-slate-500);
      line-height:1.5;
    }

    /* MODAL =========================  */
    #educaHeroBlueV1 .educa-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      z-index:99999;
      padding:16px;
    }
    #educaHeroBlueV1 .educa-modal.is-open{ display:flex; }

    #educaHeroBlueV1 .educa-modal__backdrop{
      position:absolute;
      inset:0;
      background: var(--ed-backdrop);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }

    #educaHeroBlueV1 .educa-modal__panel{
      position:relative;
      width:min(760px, 100%);
      border-radius: var(--ed-radius-xl);
      background:
        radial-gradient(900px 420px at 18% 0%, rgba(11,95,255,.14), transparent 58%),
        radial-gradient(800px 380px at 95% 35%, rgba(47,123,255,.12), transparent 62%),
        rgba(255,255,255,.94);
      border: 1px solid rgba(148,163,184,.35);
      box-shadow: 0 30px 90px rgba(0,0,0,.35);
      overflow:hidden;
      transform: translateY(10px) scale(.98);
      opacity:0;
      animation: modalIn .22s ease forwards;
    }

    #educaHeroBlueV1 .educa-modal__head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:18px 18px 10px;
    }
    #educaHeroBlueV1 .educa-modal__title{
      font-size:18px;
      font-weight:900;
      color: var(--ed-slate-900);
      line-height:1.2;
    }
    #educaHeroBlueV1 .educa-modal__sub{
      margin-top:6px;
      font-size:13px;
      color: var(--ed-slate-600);
      font-weight:700;
      line-height:1.5;
    }
    #educaHeroBlueV1 .educa-modal__close{
      width:42px;
      height:42px;
      border-radius:14px;
      border:1px solid rgba(148,163,184,.35);
      background: rgba(255,255,255,.82);
      cursor:pointer;
      font-weight:900;
      color: var(--ed-slate-900);
      box-shadow: 0 10px 20px rgba(15,23,42,.08);
      transition: transform .16s ease, box-shadow .16s ease;
    }
    #educaHeroBlueV1 .educa-modal__close:hover{ transform: translateY(-1px); box-shadow: 0 14px 28px rgba(15,23,42,.12); }

    #educaHeroBlueV1 .educa-modal__body{
      padding: 6px 18px 18px;
      display:grid;
      grid-template-columns: 1fr;
      gap:14px;
    }

    #educaHeroBlueV1 .educa-card{
      background: rgba(255,255,255,.95);
      border: 1px solid rgba(148,163,184,.30);
      border-radius:18px;
      padding:16px;
      box-shadow: 0 12px 26px rgba(15,23,42,.08);
    }
    #educaHeroBlueV1 .educa-card h3{
      font-size:14px;
      font-weight:900;
      color: var(--ed-slate-900);
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:10px;
    }

    #educaHeroBlueV1 .educa-form{ display:flex; flex-direction:column; gap:10px; }
    #educaHeroBlueV1 .educa-field{ display:flex; flex-direction:column; gap:6px; }

    #educaHeroBlueV1 .educa-field label{
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color: var(--ed-slate-600);
    }

    #educaHeroBlueV1 .educa-field input,
    #educaHeroBlueV1 .educa-field select{
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(148,163,184,.35);
      background: rgba(255,255,255,.92);
      font-family: inherit;
      outline:none;
      font-weight:800;
      color: var(--ed-slate-900);
    }
    #educaHeroBlueV1 .educa-field input::placeholder{ color: rgba(100,116,139,.85); font-weight:700; }
    #educaHeroBlueV1 .educa-field input:focus,
    #educaHeroBlueV1 .educa-field select:focus{
      border-color: rgba(11,95,255,.72);
      box-shadow: 0 0 0 4px rgba(11,95,255,.14);
    }

    #educaHeroBlueV1 .educa-hint{
      font-size:12px;
      color: var(--ed-slate-500);
      font-weight:700;
      line-height:1.45;
    }

    #educaHeroBlueV1 .educa-btn--send{
      border:none;
      color:#fff;
      padding:13px 16px;
      border-radius:16px;
      font-weight:900;
      cursor:pointer;
      background: linear-gradient(120deg, var(--c2), var(--c1), #2F7BFF);
      box-shadow: 0 18px 44px rgba(11,95,255,.24);
      transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
    }
    #educaHeroBlueV1 .educa-btn--send:hover{
      transform: translateY(-1px);
      box-shadow: 0 26px 60px rgba(11,95,255,.32);
      filter: saturate(1.05);
    }
    #educaHeroBlueV1 .educa-btn--send:active{ transform: translateY(0); }

    /* Animaciones  */
    @keyframes educaGlow{
      0%{ transform: translate3d(-2%, -2%, 0) scale(1); }
      100%{ transform: translate3d(2%, 2%, 0) scale(1.03); }
    }
    @keyframes floaty{
      0%,100%{ transform: translateY(0) translateX(0); }
      50%{ transform: translateY(-18px) translateX(10px); }
    }
    @keyframes shine{
      0%{ transform: translateX(-140%) rotate(18deg); }
      55%{ transform: translateX(220%) rotate(18deg); }
      100%{ transform: translateX(220%) rotate(18deg); }
    }
    @keyframes modalIn{
      to { transform: translateY(0) scale(1); opacity:1; }
    }

    @keyframes fadeUp{
      from{ opacity:0; transform:translateY(22px); }
      to{ opacity:1; transform:translateY(0); }
    }

    #educaHeroBlueV1 .educa-hero-text > *{
      animation: fadeUp .55s ease both;
    }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(1){ animation-delay:.05s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(2){ animation-delay:.12s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(3){ animation-delay:.18s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(4){ animation-delay:.24s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(5){ animation-delay:.30s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(6){ animation-delay:.36s; }
    #educaHeroBlueV1 .educa-hero-text > *:nth-child(n+7){ animation-delay:.42s; }

    /* Reduced motion  */
    @media (prefers-reduced-motion: reduce){
      #educaHeroBlueV1 .educa-hero::before,
      #educaHeroBlueV1 .educa-bubble,
      #educaHeroBlueV1 .educa-btn-primary::after{
        animation:none !important;
      }
      #educaHeroBlueV1 *{
        scroll-behavior:auto !important;
        transition-duration:0.01ms !important;
      }
    }

    /* RESPONSIVE  */
    @media (max-width:1100px) and (min-width:769px){
      #educaHeroBlueV1 .educa-hero{ min-height:auto; }
      #educaHeroBlueV1 .educa-hero-inner{
        max-width:100%;
        padding:56px 18px 24px;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap:28px;
        align-items:center;
      }
      #educaHeroBlueV1 .educa-hero-photo-wrap{ min-height:auto; height:auto; align-items:center; }
      #educaHeroBlueV1 .educa-hero-text{ width:100%; }
      #educaHeroBlueV1 .educa-hero-programs{ grid-template-columns:1fr; }
    }

    @media (max-width:768px){
      #educaHeroBlueV1 .educa-hero{ min-height:auto; }
      #educaHeroBlueV1 .educa-hero-inner{
        max-width:100%;
        padding:32px 16px 22px;
        grid-template-columns:1fr;
        gap:24px;
        align-items:center;
      }
      #educaHeroBlueV1 .educa-hero-photo-wrap{ min-height:auto; height:auto; align-items:center; }
      #educaHeroBlueV1 .educa-hero-text{ width:100%; }
      #educaHeroBlueV1 .educa-hero-title{ font-size:32px; max-width:100%; }
      #educaHeroBlueV1 .educa-hero-subtitle{ font-size:14px; }
      #educaHeroBlueV1 .educa-hero-programs{ grid-template-columns:1fr; }
      #educaHeroBlueV1 .educa-hero-programs li{ font-size:14px; min-height:44px; }
      #educaHeroBlueV1 .educa-hero-cta-note{ max-width:100%; }
      #educaHeroBlueV1 .educa-stats{ grid-template-columns:1fr; }

      #educaHeroBlueV1 .educa-modal__panel{ border-radius:18px; }
      #educaHeroBlueV1 .educa-modal__head{ padding:16px 14px 8px; }
      #educaHeroBlueV1 .educa-modal__body{ padding: 6px 14px 14px; }
    }