/*
Theme Name:  WPeiso Theme
Theme URI:   https://wpeiso.com
Author:      WPeiso
Author URI:  https://wpeiso.com
Description: Theme liviano que renderiza el landing, el foro y la tienda de WPeiso. Requiere el plugin «WPeiso Core» activo: toda la configuración (logo, textos, colores, menú, formulario) se edita desde WPeiso → Configuración. La portada muestra el landing automáticamente; las páginas con [wpeiso_foro] o [wpeiso_store] se muestran con la cabecera y el estilo del sitio.
Version:     1.1.0
Requires at least: 5.5
Requires PHP: 7.0
License:     GPL-2.0-or-later
Text Domain: wpeiso-theme
*/

html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding:0}

/* ===== Landing (portada o página con [wpeiso_landing]) ===== */
body.wpeiso-landing{background:#0a0f1f}
body.wpeiso-landing #wpeiso-top{min-height:100vh}
/* El plugin usa overflow:hidden en .wpeiso, lo que impide que la cabecera
   sticky se pegue al hacer scroll. overflow:clip recorta igual sin crear
   un contenedor de scroll. */
@supports (overflow:clip){ body .wpeiso{overflow:clip} }
/* Barra de administración de WordPress sobre la cabecera sticky */
body.admin-bar .wpeiso-header{top:32px}
@media (max-width:782px){ body.admin-bar .wpeiso-header{top:46px} }
@media (max-width:600px){ body.admin-bar .wpeiso-header{top:0} }

/* ===== Aviso cuando falta el plugin ===== */
.wpeiso-missing{max-width:640px;margin:12vh auto;padding:40px;border-radius:16px;background:#16223c;color:#e8edf7;
  font-family:'Segoe UI',system-ui,sans-serif;text-align:center;line-height:1.6;border:1px solid rgba(255,255,255,.1)}
.wpeiso-missing h1{font-size:26px;margin:0 0 12px}
.wpeiso-missing p{color:#9fb0cc;margin:0 0 10px}
.wpeiso-missing code{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:5px}

/* ===== Páginas internas (foro, tienda, páginas y entradas) ===== */
body.wpeiso-inner{background:#f3f5fa;color:#1f2a44;
  font-family:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.65;
  -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body.wpeiso-inner a{color:var(--wt-brand,#2f6bef)}
body.wpeiso-inner img{max-width:100%;height:auto}

/* Cabecera (usa los colores configurados en WPeiso → Configuración) */
.wt-header{position:sticky;top:0;z-index:900;background:var(--wt-hbg,#0a0f1f);color:var(--wt-htext,#e8edf7);
  border-bottom:1px solid rgba(255,255,255,.1)}
body.admin-bar .wt-header{top:32px}
@media (max-width:782px){ body.admin-bar .wt-header{top:46px} }
@media (max-width:600px){ body.admin-bar .wt-header{top:0} }
.wt-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:0 22px;height:68px}
.wt-logo{display:flex;align-items:center;gap:.48em;font-weight:800;font-size:22px;letter-spacing:-.5px;color:var(--wt-htext,#e8edf7)!important;text-decoration:none}
.wt-logo .mark{width:1.62em;height:1.62em;border-radius:.43em;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--wt-brand,#2f6bef),#1d4ed8);color:#fff;font-weight:800;font-size:.72em}
.wt-logo b{color:var(--wt-brand2,#5b8bff)}
.wt-logo img{height:34px;width:auto;display:block}
.wt-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.wt-nav a{display:block;padding:8px 13px;border-radius:9px;color:var(--wt-htext,#e8edf7)!important;text-decoration:none;font-weight:600;font-size:15px;opacity:.88}
.wt-nav a:hover,.wt-nav .is-current>a,.wt-nav .current-menu-item>a{opacity:1;background:rgba(255,255,255,.1)}
.wt-burger{display:none;background:transparent;border:0;cursor:pointer;padding:8px;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px}
.wt-burger span{display:block;height:2px;background:var(--wt-htext,#e8edf7);border-radius:2px}
@media (max-width:820px){
  .wt-burger{display:flex}
  .wt-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--wt-hbg,#0a0f1f);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 22px 16px}
  .wt-nav.is-open{display:block}
  .wt-nav ul{flex-direction:column;align-items:stretch}
}

/* Contenido */
.wt-main{flex:1;width:100%}
.wt-container{max-width:1200px;margin:0 auto;padding:40px 20px 64px}
.wt-entry{max-width:820px;margin:0 auto 40px}
.wt-entry--plugin{max-width:none}
.wt-title{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 18px;letter-spacing:-.4px}
.wt-title a{color:inherit!important;text-decoration:none}
.wt-content{font-size:17px}
.wt-content h2,.wt-content h3{line-height:1.25;margin:1.6em 0 .6em}
.wt-content blockquote{margin:1.4em 0;padding:4px 20px;border-left:4px solid var(--wt-brand,#2f6bef);color:#475569}
.wt-archive-title{max-width:820px;margin:0 auto 28px;font-size:26px}
.wt-pagination{max-width:820px;margin:0 auto}
.wt-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.wt-pagination .page-numbers{padding:7px 12px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;text-decoration:none}
.wt-pagination .current{background:var(--wt-brand,#2f6bef);color:#fff;border-color:var(--wt-brand,#2f6bef)}
.wt-empty{max-width:820px;margin:8vh auto;text-align:center}
.wt-empty h1{font-size:30px;margin:0 0 10px}

/* Pie */
.wt-footer{background:var(--wt-hbg,#0a0f1f);color:var(--wt-htext,#e8edf7);opacity:.95;font-size:14px}
.wt-footer-in{max-width:1200px;margin:0 auto;padding:22px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.wt-footer a{color:var(--wt-htext,#e8edf7)!important;text-decoration:none;opacity:.8}
.wt-footer a:hover{opacity:1;text-decoration:underline}
.wt-footer-links{display:flex;gap:18px;flex-wrap:wrap}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}