:root{
      --bg:#efefef;
      --dark:#031c2a;
      --dark-2:#082538;
      --pink:#f02d93;
      --blue:#5f7fd2;
      --green:#38df16;
      --text:#07151c;
      --line:#102836;
      --white:#ffffff;
      --shadow:0 10px 30px rgba(0,0,0,.08);
      --hero-h:clamp(430px, 52vw, 760px);
      --section-x:clamp(14px, 2.8vw, 30px);
      --content-max:1600px;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
    img{max-width:100%;display:block}
    a{color:inherit}

    body{min-width:320px}
    .page{
      width:100%;
      min-height:100vh;
      background:var(--bg);
      overflow-x:hidden;
    }


    /* ---------------------------------------------- < TIPOGRAFÍAS > ------------------------------------------------ */

    @font-face {
        font-family: 'Akira';
        src: url('../fonts/Akira Jimbo 2.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


    @font-face {
        font-family: 'Helvetica Roman';
        src: url('../fonts/HelveticaLTStd-Roman.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Helvetica Black Cond';
        src: url('../fonts/HelveticaLTStd-BlkCond.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    .contenido-card{
        position: relative;
        top: -30px;
    }

    /* -------------------------------------------- </ TIPOGRAFÍAS > ------------------------------------------------- */


    /* ---------------------------------------------- < FORMULARIO FINAL > ------------------------------------------------ */

    .final-form-section{
      background:#03263a;
      color:#fff;
      padding:clamp(46px,6vw,92px) var(--section-x);
      width:100%;
      margin-top:50px;
    }

    .final-form-wrap{
      max-width:var(--content-max);
      margin-inline:auto;
      display:grid;
      grid-template-columns:minmax(360px, 1fr) minmax(420px, 1fr);
      align-items:center;
      gap:clamp(34px,6vw,100px);
    }

    .final-form-heading{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:clamp(18px,2.5vw,34px);
      width:100%;
    }

    .final-form-heading .final-texto{
      display:flex;
      flex-direction:column;
      line-height:.88;
      flex:0 0 auto;
    }

    .final-form-heading .final-texto span,
    .final-form-heading .final-ahora{
      font-family:'Akira', Impact, sans-serif;
      text-transform:uppercase;
      font-weight:700;
      letter-spacing:.01em;
    }

    .final-form-heading .final-texto span{
      color:#fff;
      font-size:70px;
    }

    .final-form-heading .final-ahora{
      color:var(--pink);
      font-size:160px;
      line-height:.78;
      transform:translateY(.03em);
    }

    .final-form{
      width:100%;
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .final-form-row{
      display:grid;
      grid-template-columns:1fr 1.75fr;
      gap:18px;
    }

    .final-field,
    .final-textarea{
      width:100%;
      background:transparent;
      border:2px solid rgba(255,255,255,.9);
      border-radius:12px;
      color:#fff;
      font-family:'Helvetica Black Cond', Arial, sans-serif;
      font-size:clamp(18px,1.3vw,26px);
      outline:none;
      padding:0 24px;
    }

    .final-field{
      height:82px;
    }

    .final-textarea{
      height:220px;
      resize:vertical;
      padding-top:26px;
      margin-bottom: 30px;
    }

    .final-field::placeholder,
    .final-textarea::placeholder{
      color:#fff;
      opacity:.95;
    }

    .final-check{
      display:flex;
      align-items:center;
      gap:12px;
      font-family:'Helvetica Black Cond', Arial, sans-serif;
      font-size:clamp(18px,1.2vw,24px);
      line-height:1.2;
      color:#fff;
      padding:8px 0 10px;
    }

    .final-check input{
      appearance:none;
      -webkit-appearance:none;
      width:24px;
      height:24px;
      border:2px solid #fff;
      border-radius:6px;
      background:transparent;
      display:inline-grid;
      place-content:center;
      flex:0 0 auto;
      cursor:pointer;
    }

    .final-check input:checked::before{
      content:"";
      width:12px;
      height:12px;
      border-radius:3px;
      background:var(--pink);
    }

    .final-check a{
      color:var(--pink);
      text-decoration:none;
    }

    .final-upload{
      position:relative;
      min-height:82px;
      border:2px solid rgba(255,255,255,.9);
      border-radius:12px;
      background:#a5a5a5;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
      font-family:'Helvetica Black Cond', Arial, sans-serif;
      font-size:clamp(17px,1.2vw,23px);
      font-weight:700;
      text-transform:uppercase;
      cursor:pointer;
      overflow:hidden;
      text-align:center;
      padding:16px 22px;
    }

    .final-upload input{
      position:absolute;
      inset:0;
      opacity:0;
      cursor:pointer;
    }

    .final-upload svg{
      width:24px;
      margin-right:8px;
      flex:0 0 auto;
    }

    .final-submit{
      height:80px;
      border:0;
      border-radius:12px;
      background:#405fae;
      color:#fff;
      font-family:'Helvetica Black Cond', Arial, sans-serif;
      font-size:clamp(18px,1.2vw,24px);
      text-transform:uppercase;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-weight:700;
      margin-top:6px;
    }

    .final-submit svg{
      width:24px;
      height:24px;
    }

    @media (max-width: 1120px){
      .final-form-wrap{
        grid-template-columns:1fr;
        gap:36px;
      }

      .final-form-heading{
        justify-content:center;
      }

      .final-form{
        max-width:820px;
        margin-inline:auto;
      }
    }

    @media (max-width: 700px){
      .final-form-section{
        padding:42px 14px 48px;
      }

      .final-form-heading{
        gap:14px;
        align-items:flex-end;
      }

      .final-form-heading .final-texto span{
        font-size:clamp(36px,12vw,64px);
      }

      .final-form-heading .final-ahora{
        font-size:clamp(72px,22vw,132px);
      }

      .final-form-row{
        grid-template-columns:1fr;
        gap:14px;
      }

      .final-form{
        gap:14px;
      }

      .final-field{
        height:64px;
        padding:0 18px;
      }

      .final-textarea{
        height:110px;
        padding:20px 18px;
      }

      .final-check{
        align-items:flex-start;
        font-size:17px;
      }

      .final-upload,
      .final-submit{
        min-height:68px;
        height:auto;
      }
    }

    @media (max-width: 430px){
      .final-form-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
      }

      .final-form-heading .final-ahora{
        font-size:clamp(84px,28vw,120px);
      }
    }



    .form-status{
      display:none;
      padding:16px 18px;
      border-radius:12px;
      font-family:'Helvetica Black Cond', Arial, sans-serif;
      font-size:18px;
      line-height:1.25;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.25);
      color:#fff;
    }

    .form-status.is-ok{
      display:block;
      background:rgba(56,223,22,.16);
      border-color:rgba(56,223,22,.45);
    }

    .form-status.is-error{
      display:block;
      background:rgba(240,45,147,.16);
      border-color:rgba(240,45,147,.45);
    }

    .final-submit:disabled{
      opacity:.65;
      cursor:not-allowed;
    }

    /* ---------------------------------------------- </ FORMULARIO FINAL > ------------------------------------------------ */



    .top-strip{
      min-height:42px;
      background:#221c31;
      color:var(--pink);
      display:flex;
      align-items:center;
      justify-content:center;
      border-bottom:3px solid #364f95;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
      font-size:clamp(16px,1.7vw,28px);
      letter-spacing:.05em;
      text-transform:uppercase;
      white-space:nowrap;
      overflow:hidden;
      width:100%;
      padding:0 var(--section-x);
    }
    .top-strip span{display:flex;align-items:center;gap:clamp(14px,1.8vw,28px)}
    .top-strip .flower{color:var(--pink);font-size:.8em;transform:translateY(-1px)}

    .hero{
      position:relative;
      min-height:var(--hero-h);
      width:100%;
      background:
        linear-gradient(180deg, rgba(4,29,42,.16), rgba(4,29,42,.16)),
        linear-gradient(115deg,#102433 0%,#25495f 38%,#5f8ea1 65%,#1d2632 100%);
      overflow:hidden;
      border-bottom:1px solid #1f2427;
      isolation:isolate;
    }

    .machine, .machine-r{
      position:absolute;
      top:clamp(30px,4vw,48px);
      bottom:clamp(18px,2vw,26px);
      width:min(28vw,420px);
      background:linear-gradient(180deg,#394b56,#1e2f3a 55%,#20252e);
      border:2px solid rgba(0,0,0,.28);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
      z-index:1;
    }
    .machine{left:clamp(-18px,-1vw,0px);clip-path:polygon(0 0,85% 0,100% 18%,100% 100%,0 100%)}
    .machine-r{right:clamp(-42px,-2vw,-10px);clip-path:polygon(0 15%,15% 0,100% 0,100% 100%,0 100%)}
    .machine::after,.machine-r::after{
      content:"IMAGEN / MAQUINARIA";
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      color:rgba(255,255,255,.24);font-size:clamp(14px,1.2vw,22px);font-weight:700;letter-spacing:.12em;
      text-align:center;padding:20px;
    }

    .person{
      position:absolute;
      right:clamp(120px,15vw,260px);
      bottom:clamp(18px,2vw,26px);
      width:min(14vw,210px);
      aspect-ratio: 168 / 240;
      background:linear-gradient(180deg,#3f5160,#192a38 65%,#111a20);
      clip-path:polygon(43% 0,56% 0,68% 12%,75% 31%,73% 44%,81% 75%,72% 100%,55% 100%,49% 76%,46% 61%,35% 61%,26% 100%,10% 100%,19% 74%,29% 42%,26% 25%,34% 12%);
      opacity:.92;
      filter:drop-shadow(0 10px 8px rgba(0,0,0,.25));
      z-index:2;
    }

    .vertical-pink, .vertical-pink-2{
      position:absolute;bottom:clamp(18px,2vw,28px);width:4px;background:linear-gradient(180deg,#ff88c7,#ff4fac,#ff88c7);
      box-shadow:0 0 10px rgba(240,45,147,.5);transform:skew(-8deg);z-index:2;
    }
    .vertical-pink{left:26%;height:clamp(74px,9vw,116px)}
    .vertical-pink-2{left:46%;height:clamp(58px,7vw,92px)}

    .hero-media-placeholder{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:0;
      color:rgba(255,255,255,.22);
      font-weight:700;
      font-size:clamp(18px,2vw,32px);
      text-transform:uppercase;
      letter-spacing:.14em;
      pointer-events:none;
      text-align:center;
      padding:40px;
      background-image: url('../img/firefly.png');
      background-position: center center;
      background-size: cover;
    }

    .logo-box{
      position:absolute;left:clamp(18px,2.2vw,34px);top:clamp(28px,3vw,46px);color:#fff;text-transform:uppercase;line-height:.8;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
      z-index:3;
    }
    .logo-box .big{font-size:clamp(54px,5.3vw,96px);letter-spacing:.02em}
    .logo-box .small{font-family:Arial,Helvetica,sans-serif;font-size:clamp(9px,.85vw,13px);letter-spacing:.24em;margin-top:10px;display:block}

    .hero-title{
      position:absolute;left:clamp(16px,2vw,34px);
      bottom:clamp(250px,5vw,72px);
      z-index:3;
      text-transform:uppercase;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
      line-height:.88;
      max-width:min(65vw,980px);
    }
    .hero-title .pink{
      display:block;
      color:var(--pink);
      font-size:50px;
      letter-spacing:.03em;
      margin-bottom:8px;
      width:500px;
    }
    .hero-title .white {
        display: block;
        color: #f6f1ef;
        font-size: 25px;
        text-shadow: 4px 4px 0 rgba(0, 0, 0, .25);
        letter-spacing: .015em;
        line-height: 35px;
    }
    .help-tab {
        position: absolute;
        right: clamp(16px, 2vw, 28px);
        top: clamp(88px, 13vw, 300px);
        z-index: 3;
        background: #5e79c9;
        color: #fff;
        border-radius: 20px;
        padding: 18px 10px;
        height: clamp(140px, 18vw, 196px);
        width: clamp(36px, 3vw, 48px);
        display: flex;
        align-items: center;
        justify-content: center;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-weight: 700;
        font-size: clamp(12px, 1vw, 15px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, .18);
    }

    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:40px;
      padding:0 var(--section-x);
      transform:translateY(-1px);
      width:100%;
    }
    .card{
      background:#fff;border:2px solid #92979c;border-top:none;border-radius:0 0 32px 32px;
      min-height:230px;padding:8px clamp(14px,1.5vw,22px) 20px;text-align:center;position:relative;
      top:1px;
    }
    .card + .card{margin-left:-1px}
    .seal{
      width:110px; 
      height:110px; 
      border-radius:50%;  
      margin:-24px auto 0; 
      background:#f8f8f8; 
      position:relative;
      top:-20px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding-top:10px;
    }


    .card h3{
      margin:8px 0 0;
      font-family:'Akira';
      text-transform:uppercase;
      line-height:.88;
      font-size:70px;
      letter-spacing:.02em;
      font-weight: 500;
    }

    .card h3 .small{display:block;font-size:40px;margin-top:4px}
    .card .q{
      margin:25px 0 8px;
      font-family:'Helvetica Black Cond';
      text-transform:uppercase;
      line-height:.94;
      font-size:clamp(17px,1.3vw,24px);
      width: calc(100% - 30px);

    }
    .card p{margin:0 auto 15px;font-size:clamp(13px,.95vw,16px);line-height:1.16;max-width:320px; font-family: 'Helvetica Roman'}
    
    .btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:clamp(164px,13vw,240px);
        height:44px;
        border-radius:8px;
        color:#fff;
        text-decoration:none;
        text-transform:uppercase;
        font-weight:800;
        font-size:clamp(15px,1vw,18px);
        letter-spacing:.02em;
        padding:0 18px;
        margin-top:30px;
    }
    
    .pink{
      color:var(--pink);
      font-family: 'Akira';
    } 
    .blue{color:var(--blue)} 
    .darkc{color:#000}

    .btn-pink{
      background:var(--pink); 
      font-family: 'Akira'; 
      font-size: 20px; 
      font-weight:500;
      padding:30px;
      min-width:300px;
    } 
    .btn-dark{
      background:#05283b; 
      font-family: 'Akira'; 
      font-size: 20px; 
      font-weight:500;
      padding:30px;
    } 
    .btn-blue{
      background:var(--blue); 
      font-family: 'Akira'; 
      font-size: 20px; 
      font-weight:500; 
      padding:30px;
    }

    .section-pad{padding:clamp(28px,3.2vw,42px) var(--section-x) 0}
    .how-head{text-align:center;text-transform:uppercase;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;line-height:.95; margin-top:60px}
    .how-head .line1{font-size:clamp(24px,2.25vw,40px);color:#0a2a3f; font-family: 'Akira';}
    .how-head .line1 .accent{color:var(--pink); }
    .how-head .line2{font-size:clamp(46px,4.1vw,78px);color:#0a2231;margin-top:4px; font-family:'Akira'; margin-bottom:50px; }

    .steps-wrap{position:relative;margin-top:24px; margin-bottom:30px;}
    .step-line{
      position:absolute;left:clamp(28px,2.5vw,48px);right:clamp(28px,2.5vw,48px);top:93px;height:4px;background:var(--line);z-index:0;
    }
    .steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;align-items:start}
    .step{position:relative;text-align:center}
    .step .dot{position:absolute;left:-20px;top:89px;width:12px;height:12px;border-radius:50%;background:var(--line)}
    .step:first-child .dot{left:-6px}
    .bubble{
      position:relative;
      background:#03263a;
      color:#fff;
      min-height:184px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      padding:16px 16px 16px 14px;
      text-align:left;
      box-shadow:0 1px 0 rgba(255,255,255,.25) inset;
      font-family: 'Akira';
    }
    .bubble strong{ font-family: 'Akira'; text-transform:uppercase; line-height:.92; font-size:28px; display:block; max-width:211px; font-weight:500;}
    .step .num {
        position: absolute;
        right: 7px;
        top: 3px;
        font-family: 'Akira';
        color: var(--bg);
        font-size: 72px;
        line-height: 1;
    }
    .bubble .gratis{color:var(--pink);font-size:60px;line-height:.85;display:block}

    .upload-btn{display:flex;justify-content:center;margin:20px 0 0}
    .upload-btn a{
      text-decoration:none;background:var(--pink);color:#fff;height:54px;border-radius:30px;padding:0 18px;display:inline-flex;align-items:center;gap:10px;
      font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;min-width:270px;justify-content:center;
      box-shadow:0 2px 0 rgba(0,0,0,.12);
    }
    .upload-btn .icon{width:50px;height:23px;border-radius:10px; background:#e9e9ef;color:#333;display:flex;align-items:center;justify-content:center; }

    .cta-band{
      margin-top:1px;background:#03263a;color:#fff;padding:clamp(20px,2.4vw,34px) var(--section-x) clamp(28px,3vw,42px);position:relative;overflow:hidden;
    }

    .cta-band::before{
      content:"";
      position:absolute;
      left:-5px;
      bottom:-5px;
      width:100px;
      height:107px;
      background-image: url('../img/iso.svg');
    }

    .band-title{
      text-align:center;  font-family: 'Akira'; text-transform:uppercase;
      font-size:clamp(28px,2.4vw,44px);letter-spacing:.02em;line-height:1;color:#f8f8f8;margin-bottom:20px;
    }
    .action-row{display:flex;justify-content:center;gap:clamp(18px,4vw,52px);margin-bottom:24px;flex-wrap:wrap}
    .pill{
      min-width:clamp(160px,13vw,320px);height:54px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:12px;
      text-decoration:none;color:#fff;font-weight:700;text-transform:uppercase;font-size:clamp(13px,.95vw,16px);padding:0 14px;
    }
    .pill.phone{background:#5f7fd2}.pill.whatsapp{background:var(--green);color:#092514; }
    .pill .circle{width:50px;height:23px;border-radius:10px; background:#ebebf2;color:#233;display:flex;align-items:center;justify-content:center;font-size:12px}
    .band-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:10px;max-width:var(--content-max);margin-inline:auto}
    .big-copy{  font-family: 'Akira'; line-height:.82;color:#fff;font-size:clamp(44px,5vw,88px);text-align:center}
    .big-copy .accent{color:var(--pink);font-size:clamp(72px,8vw,150px);margin-left:10px}
    .footer-logo{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:clamp(28px,2.6vw,46px);text-transform:uppercase;line-height:.8;text-align:right;color:#fff;opacity:.96}
    .footer-logo span{display:block;font-size:clamp(10px,.8vw,13px);font-family:Arial,Helvetica,sans-serif;letter-spacing:.24em;margin-top:6px}

    .servicio{ font-family: 'Akira'; font-size:25px; font-weight:500 }
    .container-max{
      max-width:var(--content-max);
      margin-inline:auto;
      width:100%;
    }

    .logo-srnight{ width:200px; }
    .logo-footer{ 
      position: absolute;
      right:20px;
      bottom:20px;
      width:200px;
     }

    .interrogacion{ font-family:'Helvetica Black Cond' }

    .cta-imprimir{        
        display:flex;
        align-items:center;
        justify-content:center;
        gap:28px;
        padding:40px 5vw;
        width:100%;
    }

    /* bloque izquierdo */
    .cta-texto{
        display:flex;
        flex-direction:column;
        line-height:.9;
    }

    .cta-texto span{
        font-family:'Akira', sans-serif; /* o tu fuente */
        font-weight:700;
        color:#fff;
        text-transform:uppercase;
    }

    .cta-texto span:first-child{
        font-size: clamp(48px,6vw,50px);
    }

    .cta-texto span:last-child{
        font-size: clamp(60px,7vw,70px);
    }

    /* AHORA */
    .cta-ahora{
        font-family:'Akira', sans-serif;
        font-weight:800;
        color:#ff1493; /* fucsia */
        line-height:.9;
        font-size: clamp(90px,12vw,140px);
        letter-spacing:2px;
    }


    @media (max-width: 1180px){
      .hero-title{max-width:72vw}
      .cards{gap:16px;padding-top:0}
      .card + .card{margin-left:0}
      .card{border-top:1.5px solid #92979c;border-radius:28px}
      .seal{margin-top:-18px}
      .steps{grid-template-columns:repeat(5,minmax(0,1fr))}
    }

    @media (max-width: 980px){
      .machine,.machine-r{width:32vw}
      .person{right:10vw;width:15vw}
      .vertical-pink{left:23%}
      .vertical-pink-2{left:44%}
      .cards{grid-template-columns:1fr;gap:18px;padding:18px var(--section-x) 0}
      .card{max-width:620px;margin-inline:auto;width:100%}
      .card + .card{margin-left:auto}
      .section-pad{padding-top:34px}
      .steps{grid-template-columns:1fr 1fr;gap:14px}
      .step-line,.step .dot{display:none}
      .bubble strong{max-width:none}
      .band-bottom{grid-template-columns:1fr;justify-items:center}
      .footer-logo{text-align:center}
    }

    @media (max-width: 700px){

      .logo-box{
        position: absolute;
        top: 42px;
        left: 0;
        right: 0;
        z-index: 3;
        width: 100%;
        display: flex;
        justify-content: center;
        transform: none;
      }

      .logo-srnight{
        width: min(68vw, 270px);
        margin: 0 auto;
        transform: translateX(-10px);
      }

      .top-strip{
        justify-content:flex-start;
        font-size:14px;
        min-height:38px;
        overflow-x:auto;
        scrollbar-width:none;
      }

      .hero-title{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        z-index: 3;
        width: 100%;
        max-width: 390px;
        padding: 20px;
        text-align: center;
        margin-top: 160px;
      }

      .hero-title .pink{
        font-size: 40px;
        line-height: 1;
        margin-bottom: 12px;
        text-align: center;
        text-shadow: 4px 4px 0 rgba(0,0,0,.32);
        width: 100%;
      }

      .hero-title .white{
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        text-shadow: 4px 4px 0 rgba(0,0,0,.32);
      }


      .top-strip::-webkit-scrollbar{display:none}

      .hero{
        min-height:100vh;
        padding:122px 0 28px;
      }

        .hero-media-placeholder{ 
            background:
            linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
            url('../img/hero.png');
            background-size: cover;
            background-position: center center !important;
            background-size: cover;
        }

      .machine,.machine-r,.person,.vertical-pink,.vertical-pink-2,.help-tab{display:none}

      .logo-box{top:18px;left:16px}
      .logo-box .big{font-size:52px}
      .logo-box .small{font-size:9px}

      .hero-title{
        position:relative;
        left:auto;
        top:150px;
        padding:0 16px;
        max-width:none;
      }

      .cards{padding:16px 14px 0;gap:16px}
      .card{min-height:auto;padding-bottom:18px}
      .section-pad{padding:28px 14px 0; margin-top:100px;}
      .how-head .line1{font-size:30px}
      .how-head .line2{font-size:58px}
      .steps{grid-template-columns:1fr;gap:12px}
      .upload-btn{margin-top:16px}

        .cta-band {
            margin-top: 1px;
            padding: 22px 14px 28px;
            min-height: 550px;
        }

      .band-title{font-size:28px}
      .action-row{gap:12px}
      .pill{width:100%;max-width:340px}
      .big-copy{font-size:34px}
      .big-copy .accent{display:block;margin:4px 0 0;font-size:64px}

    
        .cta-texto span:first-child {
            font-size: 30px;
        }
        
        .cta-texto span:last-child {
            font-size: 45px;
        }      
              
        .cta-ahora {
            font-size: 70px;
        }          

      .final-form-section {
        padding: 42px 14px 100px;
      }
      
        .step .num {
            position: absolute;
            right: 5px;
            top: 120px;
            font-family: 'Akira';
            color: var(--bg);
            font-size: 50px;
            line-height: 1;
        }

        .step .bubble {
            min-height: 172px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }      

    }

    @media (max-width: 420px){
  
      .seal{width:56px;height:56px;font-size:13px}
      .card h3{font-size:32px}
      .card h3 .small{font-size:18px}
      .band-title{font-size:24px}
      .big-copy{font-size:30px}
      .big-copy .accent{font-size:54px}
      
      
      .logo-box{
        position: absolute;
        top: 42px;
        left: 0;
        right: 0;
        z-index: 3;
        width: 100%;
        display: flex;
        justify-content: center;
        transform: none;
      }

      .logo-srnight{
        width: min(68vw, 200px);
        margin: 0 auto;
        transform: translateX(0px);
      }      
      
        .hero-media-placeholder{ 
            background:
            linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
            url('../img/hero.png');
            background-size: cover;
        }


      .hero-title{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        z-index: 3;
        width: 100%;
        max-width: 390px;
        padding: 20px;
        text-align: center;
        margin-top: 160px;
      }

      .hero-title .pink{
        font-size: 40px;
        line-height: 1;
        margin-bottom: 12px;
        text-align: center;
        text-shadow: 4px 4px 0 rgba(0,0,0,.32);
        color:#fff;
        width: 100%;
      }

      .hero-title .white{
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        text-shadow: 4px 4px 0 rgba(0,0,0,.32);
      }

      .cta-texto span:first-child {
        font-size: 30px;
      }
    
      .cta-texto span:last-child {
        font-size: 45px;
      }      
          
      .cta-ahora {
        font-size: 70px;
      }          

        .step .num {
            position: absolute;
            right: 5px;
            top: 120px;
            font-family: 'Akira';
            color: var(--bg);
            font-size: 50px;
            line-height: 1;
        }

        .step .bubble {
            min-height: 172px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
                  
    }

    #s8h{ background-image: url('../img/8h-icon.png'); background-size: cover; }
    #nocturno{ background-image: url('../img/nocturno-icon.png'); background-size: cover; }
    #s24h{ background-image: url('../img/24h-icon.png'); background-size: cover; }








.final-field,
.final-form select.final-field {
  background-color: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 12px;
  font-family: 'Helvetica Black Cond', Arial, sans-serif;
  font-size: clamp(18px,1.3vw,26px);
  height: 82px;
  padding: 0 56px 0 24px;
  line-height: 1.1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.final-form select.final-field {
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%);
  background-position:
    calc(100% - 28px) 50%,
    calc(100% - 16px) 50%;
  background-size: 12px 12px, 12px 12px;
  background-repeat: no-repeat;
}

.final-form select.final-field option {
  background: #03263a;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding: 12px;
}

.final-form select.final-field option:first-child {
  color: rgba(255,255,255,.7);
}

@media (max-width: 700px) {
  .final-form select.final-field {
    height: 64px;
    font-size: 20px;
    padding: 0 48px 0 18px;
    background-position:
      calc(100% - 24px) 50%,
      calc(100% - 14px) 50%;
    background-size: 10px 10px, 10px 10px;
  }

  .final-form select.final-field option {
    font-size: 16px;
  }
}



.thankyou-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(22, 23, 49, 0.96);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.thankyou-overlay.is-visible {
  display: flex;
}

.thankyou-card {
  position: relative;
  width: min(760px, 100%);
  max-height: 92vh;
  overflow-y: auto;
  background: #fff;
  color: #161731;
  border-radius: 28px;
  padding: 46px;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
  text-align: center;
}

.thankyou-card h2 {
  margin: 0 0 24px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: .95;
  color: #f02d93;
  text-transform: uppercase;
  font-family: 'Akira';
}

.thankyou-card p {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 14px;
}

.thankyou-card a {
  color: #161731;
  font-weight: 800;
}

.thankyou-card .hello {
  font-size: 22px;
}

.thankyou-card .signature {
  margin-top: 22px;
}

.thankyou-close {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #161731;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  display: none;
}

.thankyou-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 28px;
  flex-wrap: wrap;
}

.thankyou-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  background: #161731;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}

.thankyou-actions a:nth-child(2) {
  background: #25d366;
  color: #111;
}

body.thankyou-open {
  overflow: hidden;
}

@media (max-width: 600px) {
  .thankyou-card {
    padding: 38px 24px 30px;
    border-radius: 22px;
  }

  .thankyou-card p {
    font-size: 16px;
  }

  .thankyou-actions a {
    width: 100%;
  }
}





.product-select{appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 28px) 35px,calc(100% - 18px) 35px;background-size:10px 10px,10px 10px;background-repeat:no-repeat;}
.final-measures-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.geo-ai-note{max-width:var(--content-max);margin:30px auto 0;padding:18px 22px;border:1px solid rgba(255,255,255,.25);border-radius:18px;color:rgba(255,255,255,.84);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55;}
.geo-ai-note strong{color:#fff}.how-head .line1{max-width:1100px;margin-inline:auto;text-align:center}.step .bubble{min-height:330px;display:flex;align-items:center;justify-content:center;text-align:left;}
@media(max-width:700px){.final-measures-row{grid-template-columns:1fr}.product-select{background-position:calc(100% - 26px) 31px,calc(100% - 16px) 31px}.geo-ai-note{font-size:13px;margin-top:20px}}