/* Muestra de Despegue con la identidad de Flieger Studio: esfera oscura, lume crema y naranja de acento */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(/fuentes/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(/fuentes/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/fuentes/barlow-condensed-latin-600-normal.woff2) format("woff2")}

:root{
  --esfera:#121316;--esfera-2:#1A1C20;--lume:#F1ECE0;--lume-2:#A8A49B;--papel:#F7F4EC;
  --naranja:#FF5A1F;--naranja-tinta:#B63A0B;--tinta:#121316;--tinta-2:#55565A;--verde:#25D366;
  --sans:"Barlow","Helvetica Neue",Arial,sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif;
  --g:clamp(20px,5vw,64px);--maxw:1120px;
  --foco:#FF5A1F;--saltar-fondo:#FF5A1F;--saltar-texto:#121316;--alto-flotante:76px;
}
body{font-family:var(--sans);font-size:18px;line-height:1.6;color:var(--tinta);background:var(--papel)}
h1,h2{font-family:var(--cond);font-weight:600;line-height:1.02;letter-spacing:-.005em;margin:0}
h2{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);max-width:18em}
a{color:inherit}

.aviso-muestra{margin:0;padding:10px var(--g);background:var(--naranja);color:var(--tinta);font-size:15px;font-weight:600;text-align:center}
.barra{display:flex;justify-content:space-between;align-items:center;padding:16px var(--g);background:var(--esfera)}
.barra__marca img{display:block;width:132px;height:auto}
.barra__cta{font-family:var(--cond);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--esfera);background:var(--naranja);padding:10px 18px;text-decoration:none;border-radius:2px}

/* Naranja de texto sobre fondo claro (#B63A0B, 5.3 de contraste); el naranja de marca solo sobre la esfera oscura */
.etiqueta{font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--naranja-tinta);margin:0 0 14px}
.portada .etiqueta,.bloque--oscuro .etiqueta{color:var(--naranja)}
.portada{background:var(--esfera);color:var(--lume);padding:clamp(56px,10vw,128px) var(--g) clamp(64px,10vw,120px)}
.portada__dentro{max-width:var(--maxw);margin:0 auto}
.portada h1{font-size:clamp(2.6rem,1.6rem + 4.6vw,5.4rem);max-width:13em}
.portada__lema{color:var(--lume-2);font-size:clamp(18px,1rem + .4vw,21px);max-width:34em;margin:22px 0 34px}
.portada__botones{display:flex;flex-wrap:wrap;gap:14px}

.boton{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;font-family:var(--cond);font-weight:600;font-size:17px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:transform .2s,box-shadow .2s}
.boton--naranja{background:var(--naranja);color:var(--tinta)}
.boton--naranja:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,90,31,.3)}
.boton--linea{border:1px solid rgba(241,236,224,.4);color:var(--lume)}
.boton--linea:hover{border-color:var(--lume)}

.bloque{max-width:calc(var(--maxw) + var(--g) * 2);margin:0 auto;padding:clamp(64px,9vw,112px) var(--g)}
.bloque--oscuro{max-width:none;background:var(--esfera);color:var(--lume)}
.bloque--oscuro > *{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.bloque--cierre{text-align:center}
.bloque--cierre h2{margin:0 auto 16px}
.bloque--cierre p{max-width:34em;margin:0 auto 30px;color:var(--tinta-2)}

.lista{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));border-top:1px solid rgba(18,19,22,.14)}
.lista li{padding:22px 24px 22px 40px;position:relative;border-bottom:1px solid rgba(18,19,22,.14)}
.lista li::before{content:"";position:absolute;left:10px;top:31px;width:12px;height:7px;border-left:2px solid var(--naranja-tinta);border-bottom:2px solid var(--naranja-tinta);transform:rotate(-45deg)}

.pasos{list-style:none;counter-reset:paso;padding:0;margin:34px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.pasos li{counter-increment:paso;border-top:1px solid rgba(241,236,224,.2);padding-top:18px;color:var(--lume-2)}
.pasos li::before{content:"0" counter(paso);display:block;font-family:var(--cond);font-weight:600;font-size:2.6rem;line-height:1;color:var(--lume);margin-bottom:10px}
.pasos b{color:var(--lume);font-weight:600}

.preguntas{margin-top:30px;border-top:1px solid rgba(18,19,22,.16)}
.pregunta{border-bottom:1px solid rgba(18,19,22,.16)}
.pregunta summary{cursor:pointer;padding:20px 0;min-height:44px;font-weight:600;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"+";font-family:var(--cond);font-size:1.6rem;line-height:1;color:var(--naranja-tinta)}
.pregunta[open] summary::after{content:"−"}
.pregunta p{margin:0 0 22px;color:var(--tinta-2);max-width:40em}

.pie{background:var(--esfera);color:var(--lume-2);padding:44px var(--g) 110px;font-size:16px}
.pie__dentro{max-width:var(--maxw);margin:0 auto}
.pie p{margin:0 0 10px}
.pie__marca{color:var(--lume);font-weight:600}

.flotante{background:var(--verde);color:var(--tinta);font-weight:600;padding:0 22px;min-height:52px;display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}

@media (max-width:640px){
  body{font-size:17px}
  .barra__marca img{width:116px}
  .portada__botones .boton{width:100%;justify-content:center}
}