/* =========================================================
   Modo claro — se activa con html[data-theme="light"]
   ========================================================= */
html[data-theme="light"]{
  --ink:#F6F8FC;
  --ink-2:#FFFFFF;
  --panel:#FFFFFF;
  --panel-2:#EFF3F9;
  --line:rgba(12,22,38,.10);
  --line-2:rgba(12,22,38,.18);
  --brand:#E85D00;
  --brand-2:#C2410C;
  --brand-soft:rgba(232,93,0,.10);
  --cyan:#0E7490;
  --text:#101A28;
  --mut:#54637A;
  --mut-2:#6B7A90;
  --sh:0 22px 48px -28px rgba(16,30,50,.28);
  --sh-soft:0 10px 24px -18px rgba(16,30,50,.22);
}
html[data-theme="light"] body{background:var(--ink);color:var(--text)}

/* barra superior y cabecera */
html[data-theme="light"] .topbar{background:#fff;color:var(--mut);border-bottom:1px solid var(--line)}
html[data-theme="light"] .site-head{background:rgba(255,255,255,.86);border-bottom:1px solid var(--line)}
html[data-theme="light"] .site-head.is-stuck{background:rgba(255,255,255,.96);box-shadow:0 12px 30px -22px rgba(16,30,50,.45)}
html[data-theme="light"] .brand__name{color:var(--text)}
html[data-theme="light"] .brand__sub{color:var(--mut)}
html[data-theme="light"] .nav a{color:#26313F}
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .nav .current-menu-item>a,
html[data-theme="light"] .nav .current_page_item>a{color:var(--brand)}
html[data-theme="light"] .burger{background:#fff;border-color:var(--line-2)}
html[data-theme="light"] .burger span{background:#22303F}

/* hero */
html[data-theme="light"] .hero::before{
  background:
    radial-gradient(680px 420px at 78% 8%,rgba(232,93,0,.10),transparent 62%),
    radial-gradient(520px 380px at 8% 92%,rgba(14,116,144,.07),transparent 65%);
}
html[data-theme="light"] .hero h1{color:var(--text)}
html[data-theme="light"] .hero .lead,
html[data-theme="light"] .hero__sub{color:#33415A}
html[data-theme="light"] .device__caption small,
html[data-theme="light"] .device__caption span{color:#54637A}
html[data-theme="light"] .stat__n{color:var(--text)}
html[data-theme="light"] .stat__l{color:#54637A}
html[data-theme="light"] .hero__stats{border-top-color:var(--line)}
html[data-theme="light"] .device{background:#fff;border-color:var(--line-2)}
html[data-theme="light"] .device__caption{background:rgba(255,255,255,.92);border-top:1px solid var(--line)}
html[data-theme="light"] .device__caption strong{color:var(--text)}
html[data-theme="light"] .live-badge{background:#fff;border-color:var(--line-2);color:#26313F}

/* franja de marcas */
html[data-theme="light"] .marquee{background:#fff;border-color:var(--line)}
html[data-theme="light"] .marquee__item{color:var(--mut)}
html[data-theme="light"] .marquee__item::after{color:rgba(12,22,38,.22)}

/* secciones y tarjetas */
html[data-theme="light"] .sect--alt{background:var(--panel-2)}
html[data-theme="light"] .card{background:#fff;border-color:var(--line);box-shadow:var(--sh-soft)}
html[data-theme="light"] .card:hover{background:#fff;border-color:rgba(232,93,0,.38)}
html[data-theme="light"] .card h3{color:var(--text)}
html[data-theme="light"] .card p{color:#44536A}
html[data-theme="light"] .card__ico{background:var(--brand-soft)}

html[data-theme="light"] .liveu{background:var(--panel-2)}
html[data-theme="light"] .liveu__model{border-top-color:var(--line)}
html[data-theme="light"] .spec li{background:#fff;border-color:var(--line);color:#3C4A5E}
html[data-theme="light"] .spec li b{color:var(--brand-2)}
html[data-theme="light"] .tabs{background:#fff;border-color:var(--line)}
html[data-theme="light"] .tab{color:var(--mut)}
html[data-theme="light"] .tab.is-active{background:var(--brand);color:#fff}
html[data-theme="light"] .tag{background:rgba(12,22,38,.05);color:var(--brand-2)}

html[data-theme="light"] .step{border-top-color:var(--line)}
html[data-theme="light"] .step::before{background:var(--ink);color:var(--brand)}
html[data-theme="light"] .step h3{color:var(--text)}
html[data-theme="light"] .step p{color:#44536A}

html[data-theme="light"] .checklist li{background:#fff;border-color:var(--line);color:#31404F}

/* blog */
html[data-theme="light"] .post-card{background:#fff;border-color:var(--line);box-shadow:var(--sh-soft)}
html[data-theme="light"] .post-card:hover{border-color:rgba(232,93,0,.38)}
html[data-theme="light"] .post-card__img{background:#E7EEF7}
html[data-theme="light"] .post-card h3 a{color:var(--text)}
html[data-theme="light"] .post-card h3 a:hover{color:var(--brand)}
html[data-theme="light"] .post-card__meta{color:var(--mut)}
html[data-theme="light"] .post-card p,
html[data-theme="light"] .post-card .post-card__body p{color:#3E4C60}
html[data-theme="light"] .filter,
html[data-theme="light"] .cats a{background:#fff;border-color:var(--line-2);color:#31404F}
html[data-theme="light"] .filter.is-active,
html[data-theme="light"] .cats a.is-active{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-theme="light"] .pagination a,
html[data-theme="light"] .pagination span{background:#fff;border-color:var(--line-2);color:var(--text)}

/* entrada individual */
html[data-theme="light"] .post-hero{background:var(--panel-2);border-bottom:1px solid var(--line)}
html[data-theme="light"] .post-hero h1{color:var(--text)}
html[data-theme="light"] .crumbs,
html[data-theme="light"] .crumbs a{color:var(--mut)}
html[data-theme="light"] .crumbs a:hover{color:var(--brand)}
html[data-theme="light"] .post-meta{color:var(--mut)}
html[data-theme="light"] .entry h2,
html[data-theme="light"] .entry h3,
html[data-theme="light"] .entry h4{color:var(--text)}
html[data-theme="light"] .entry h2{border-bottom-color:var(--line)}
html[data-theme="light"] .entry p,
html[data-theme="light"] .entry ul,
html[data-theme="light"] .entry ol,
html[data-theme="light"] .entry li{color:#2C3949}
html[data-theme="light"] .entry strong{color:#101A28}
html[data-theme="light"] .entry a{color:var(--brand-2)}
html[data-theme="light"] .entry table{color:#2C3949}
html[data-theme="light"] .entry th{background:#EDF2F9;color:var(--text)}
html[data-theme="light"] .entry td{border-top-color:var(--line)}
html[data-theme="light"] .entry figcaption,
html[data-theme="light"] .entry figcaption figcaption{color:var(--mut)}
html[data-theme="light"] .entry blockquote{background:#fff;border-left-color:var(--brand);color:#2C3949}
html[data-theme="light"] .share a{border-color:var(--line-2);color:#31404F;background:#fff}
html[data-theme="light"] .share a:hover{border-color:var(--brand);color:var(--brand)}
html[data-theme="light"] .author{background:#fff;border-color:var(--line)}
html[data-theme="light"] .author strong{color:var(--text)}
html[data-theme="light"] .author p{color:#44536A}
html[data-theme="light"] .related h2{color:var(--text)}

/* páginas y contacto */
html[data-theme="light"] .page-head{background:var(--panel-2);border-bottom:1px solid var(--line)}
html[data-theme="light"] .page-head h1{color:var(--text)}
html[data-theme="light"] .lead{color:#3C4A5E}
html[data-theme="light"] .contact-item{background:#fff;border-color:var(--line)}
html[data-theme="light"] .contact-item span{color:var(--mut)}
html[data-theme="light"] .contact-item a,
html[data-theme="light"] .contact-item strong{color:var(--text)}
html[data-theme="light"] .form input,
html[data-theme="light"] .form textarea{background:#fff;border-color:var(--line-2);color:var(--text)}
html[data-theme="light"] .form label{color:var(--mut)}
html[data-theme="light"] .form small{color:var(--mut)}
html[data-theme="light"] .btn--ghost{background:#fff;border-color:var(--line-2);color:var(--text)}
html[data-theme="light"] .btn--ghost:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-2)}

/* cierre y pie */
html[data-theme="light"] .cta-band{
  background:
    radial-gradient(700px 320px at 88% 12%,rgba(232,93,0,.14),transparent 60%),
    linear-gradient(180deg,#FFFFFF,#F1F5FB);
  border-color:var(--line);
}
html[data-theme="light"] .cta-band h2{color:var(--text)}
html[data-theme="light"] .cta-band p{color:#44536A}
html[data-theme="light"] .site-foot{background:#fff;border-top:1px solid var(--line)}
html[data-theme="light"] .foot-grid h4{color:var(--text)}
html[data-theme="light"] .foot-grid,
html[data-theme="light"] .foot-grid a{color:var(--mut)}
html[data-theme="light"] .foot-grid a:hover{color:var(--brand)}
html[data-theme="light"] .foot-bot{border-top-color:var(--line);color:var(--mut)}
html[data-theme="light"] .foot-brand p{color:#44536A}

/* menú móvil */
html[data-theme="light"] .nav{background:#FFFFFF}
html[data-theme="light"] .nav a{color:#1B2734;border-bottom-color:var(--line)}
html[data-theme="light"] .tb-live .dot{background:var(--brand)}

/* botón de tema */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:42px;height:42px;border-radius:11px;border:1px solid var(--line-2);
  background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;
  transition:background .25s var(--ease),border-color .25s var(--ease),color .2s;
}
.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}
.theme-toggle svg{width:19px;height:19px}
html[data-theme="light"] .theme-toggle{background:#fff;color:#22303F}
.theme-toggle .ico-sun{display:none}
.theme-toggle .ico-moon{display:block}
html[data-theme="light"] .theme-toggle .ico-sun{display:block}
html[data-theme="light"] .theme-toggle .ico-moon{display:none}

/* Contraste: textos fantasma heredados del tema oscuro */
html[data-theme="light"] .topbar .tb-live,
html[data-theme="light"] .topbar .tb-mail,
html[data-theme="light"] .topbar a{color:#455268}
html[data-theme="light"] .topbar a:hover{color:var(--brand)}
html[data-theme="light"] .promo li,
html[data-theme="light"] .promo ul{color:#2C3A50}
html[data-theme="light"] .device__caption small{color:#465468}
html[data-theme="light"] .tag{color:#A9430A;background:#FDEEE2;border-color:#F6D2B6}
html[data-theme="light"] .tabs button[aria-selected="true"]{color:#fff}
html[data-theme="light"] .contact-item span,
html[data-theme="light"] .share span{color:#465468}
html[data-theme="light"] .foot-grid h4{color:#0E1726}
html[data-theme="light"] .foot-grid,
html[data-theme="light"] .foot-grid a,
html[data-theme="light"] .foot-bot{color:#4A586E}