/*
Theme Name: LANN Base
Theme URI: https://lanncr.com
Description: Tema propio de LANN (Latin America News Network). Diseño broadcast para servicios de producción audiovisual, transmisión satelital e IP, y representación de LiveU en Costa Rica. Sin maquetadores ni librerías externas.
Author: LANN
Author URI: https://lanncr.com
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lann
Tags: custom-menu, custom-logo, featured-images, translation-ready, blog
*/

/* =========================================================
   Tokens
   ========================================================= */
:root{
  --ink:#0A0E15;
  --ink-2:#070A10;
  --panel:#111827;
  --panel-2:#0D131C;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --brand:#1E88F5;
  --brand-2:#5AA9FF;
  --brand-soft:rgba(30,136,245,.12);
  --cyan:#6AB6FF;
  --text:#E9EEF6;
  --mut:#9AA6B8;
  --mut-2:#6E7B8E;
  --white:#fff;
  --r-sm:10px;
  --r-md:16px;
  --r-lg:24px;
  --r-xl:32px;
  --wrap:1200px;
  --pad:clamp(20px,4vw,48px);
  --sect:clamp(56px,7vw,104px);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Barlow Condensed","Inter",system-ui,sans-serif;
  --sh:0 24px 60px -24px rgba(0,0,0,.85);
  --sh-soft:0 10px 30px -18px rgba(0,0,0,.7);
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--font);
  font-size:clamp(15.5px,1.05vw,17px);
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img,video,svg{max-width:100%;height:auto;display:block}
a{color:var(--brand-2);text-decoration:none;transition:color .2s var(--ease)}
a:hover{color:var(--brand)}
p{margin:0 0 1.05em}
h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.01em;
  margin:0 0 .5em;
  text-wrap:balance;
}
h1{font-size:clamp(2.35rem,5.1vw,4.15rem)}
h2{font-size:clamp(1.75rem,3.2vw,2.75rem)}
h3{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.2}
h4{font-size:1.05rem;line-height:1.3}
ul,ol{padding-left:1.15em;margin:0 0 1.1em}
li{margin:.35em 0}
strong{color:#fff;font-weight:600}
small{font-size:.86em;color:var(--mut)}
hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;border-radius:4px}

/* utilidades */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.sect{padding-block:var(--sect)}
.sect--tight{padding-block:clamp(40px,5vw,72px)}
.center{text-align:center}
.mut{color:var(--mut)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--display);font-size:.82rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--brand-2);font-weight:600;margin:0 0 1rem;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--brand);display:block}
.lead{font-size:clamp(1.02rem,1.35vw,1.16rem);color:#C3CCDA;max-width:62ch}
.sect-head{max-width:74ch;margin-bottom:clamp(28px,3.4vw,52px)}
.sect-head.center{margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand);color:#fff;padding:.7em 1.1em;font-weight:600;z-index:200}
.skip-link:focus{left:12px;top:12px}