/* Ficha web de Antenas de Celular (birdie.cl/app/antenas/). Generada por scripts/web/landing-antenas.py:
   no se edita en el servidor. Mismo sistema de diseño que la app: frambuesa sobre oscuro. */
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(fuentes/manrope-regular.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(fuentes/manrope-bold.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:800;font-display:swap;src:url(fuentes/manrope-extrabold.woff2) format("woff2")}

.al{--brand:#CB3A5B;--txt:#F2F5FA;--soft:#A9B5C7;--data:#2DD4E8;--card:#141E31;--line:#2A3752;
  background:radial-gradient(1200px 520px at 20% -10%,rgba(203,58,91,.28),transparent 60%),linear-gradient(180deg,#152033 0,#0B111C 640px);
  background-color:#0B111C;color:var(--txt);font-family:"Manrope","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.al *,.al *:before,.al *:after{box-sizing:border-box}
.al p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit}
.al a{color:var(--data);text-decoration:none}
.al a:hover{text-decoration:underline}
.al h1,.al h2{font-family:inherit;color:#fff;font-weight:800;letter-spacing:-.02em;text-transform:none}
.al h1{font-size:clamp(34px,5.2vw,58px);line-height:1.06;margin:22px 0 14px}
.al h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 22px}
.al img{max-width:100%;height:auto;border:0}
.al-wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}

.al-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:56px}
.al-icon{display:block;width:96px;height:96px;border-radius:22px;box-shadow:0 14px 40px rgba(203,58,91,.45)}
.al .al-lead{font-size:clamp(19px,2.2vw,23px);line-height:1.4;color:var(--data);font-weight:700}
.al .al-intro{color:var(--soft)}
.al .al-plat{font-size:14px;color:var(--soft);margin-top:6px}
.al-hero-img img{display:block;width:100%;max-width:340px;margin:0 auto;border-radius:30px;box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px var(--line)}

.al-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin:30px 0 4px}
.al-badges a{display:inline-flex;line-height:0;border-radius:9px;transition:transform .15s}
.al-badges a:hover{transform:translateY(-2px);text-decoration:none}
.al-badges img{height:52px;width:auto}
/* La insignia de Google trae su propio margen transparente: se agranda y se compensa. */
.al-badges .al-gp img{height:78px;margin:-13px -12px}
.al-center{justify-content:center}

.al-sec{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--line)}
.al-shots{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-color:var(--line) transparent}
.al-shots figure{flex:0 0 auto;width:min(236px,62vw);margin:0;scroll-snap-align:start}
/* Las de iPhone son más altas (1320×2868): más angostas para que midan lo mismo que las de Android. */
.al-shots figure.al-ios{width:min(193px,51vw)}
.al-shots img{display:block;width:100%;border-radius:18px;box-shadow:0 0 0 1px var(--line)}
.al-shots figcaption{font-size:14px;line-height:1.4;color:var(--soft);margin-top:10px}

.al-feat{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.al-feat li{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 50px;position:relative;line-height:1.5}
.al-feat li:before{content:"";position:absolute;left:20px;top:22px;width:11px;height:11px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(203,58,91,.22)}

.al-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.al-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.al-card h2{font-size:22px;margin-bottom:12px}
.al .al-card p{color:var(--soft);margin:0}
.al-card strong{color:var(--txt)}

.al .al-win p{color:var(--soft)}
.al-win img{display:block;width:100%;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px var(--line)}

.al-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.al-faq summary{cursor:pointer;font-weight:700;color:#fff;font-size:18px;list-style:none;padding-right:32px;position:relative}
.al-faq summary::-webkit-details-marker{display:none}
.al-faq summary:after{content:"+";position:absolute;right:4px;top:-3px;font-size:26px;color:var(--brand);font-weight:400}
.al-faq details[open] summary:after{content:"–"}
.al .al-faq details p{color:var(--soft);margin:12px 0 0}

.al-cta{text-align:center}
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.al-lang{display:flex;flex-direction:column;gap:6px;color:var(--soft)!important;transition:border-color .15s}
.al-lang:hover{border-color:var(--brand);text-decoration:none!important}
.al-lang strong{color:#fff;font-size:18px;line-height:1.3}
.al-lang-n{color:var(--data);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}

.al-foot{padding-top:32px;padding-bottom:56px;border-top:1px solid var(--line);font-size:15px;color:var(--soft)}
.al-langs-t{margin-bottom:8px!important;color:var(--txt)}
.al-langs{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:0}
.al-langs li{margin:0}

@media (max-width:860px){
  .al-hero{grid-template-columns:1fr;gap:36px;padding-top:40px}
  .al-cards{grid-template-columns:1fr}
  .al-sec{padding-top:40px;padding-bottom:40px}
}