/*
Theme Name: Guitar Intensity
Theme URI: https://www.guitarintensity.com
Author: Guitar Intensity
Description: Tema de Guitar Intensity: teoría, herramientas y gear para guitarristas. Logo y redes sociales en la cabecera, menú desplegable de herramientas, portada con invitación a Telegram, páginas de herramientas (Pro Metronome, GI Suite y Círculo de Quintas), Sobre mí, políticas de privacidad y cookies, y un área de widgets para el contador de visitas. Crea sus páginas automáticamente al activarse (Apariencia › Guitar Intensity).
Version: 2.0.5
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guitar-intensity
*/
/* Guitar Intensity · estilos del sitio
   Paleta tomada de tus herramientas (Círculo de Quintas / GI Suite) */
:root{
  --bg:#f4f6fa; --panel:#ffffff; --soft:#f7f9fc; --line:#e3e8ef;
  --ink:#1d2533; --muted:#667085;
  --blue:#2f86d6; --blue-d:#1f64a8; --blue-l:#eef5fd; --blue-b:#cfe0f3;
  --gold:#ffcf40; --green:#2e9e6b; --orange:#e39b2d; --red:#d9534f;
  --r:16px; --max:1180px;
  --shadow:0 1px 3px rgba(16,24,40,.06);
  --shadow-h:0 10px 28px rgba(16,24,40,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
a{color:var(--blue-d);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2rem,5vw,3.1rem);font-weight:800}
h2{font-size:clamp(1.45rem,3vw,1.9rem);font-weight:800}
h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
.muted{color:var(--muted)}

/* ---------- Cabecera ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:64px}
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;letter-spacing:.03em;white-space:nowrap}
.logo:hover{text-decoration:none}
.logo b{color:var(--blue)}
.logo svg{width:30px;height:30px}
.menu{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex:1}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;color:var(--ink);font-weight:600;font-size:.95rem;line-height:1.4;font-family:inherit;background:none;border:0;cursor:pointer}
.menu>li>a:hover,.menu>li>button:hover,.menu>li.active>a,.menu>li.active>button{background:var(--blue-l);color:var(--blue-d);text-decoration:none}
.menu .caret{width:10px;height:10px;transition:transform .15s}
.menu>li.open .caret{transform:rotate(180deg)}

/* Menú desplegable de Herramientas */
.dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(16,24,40,.14);padding:8px;list-style:none;margin:0}
.menu>li.open>.dropdown{display:block}
.dd-item{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--ink)}
.dd-item:hover{background:var(--blue-l);text-decoration:none}
.dd-item .ic{width:38px;height:38px;flex:none;border-radius:10px;background:var(--blue-l);display:grid;place-items:center}
.dd-item .ic svg{width:22px;height:22px}
.dd-item b{display:block;font-size:.93rem}
.dd-item small{display:block;color:var(--muted);font-size:.8rem;line-height:1.35}
.dd-item.soon{opacity:.55;pointer-events:none}
.dd-sep{border-top:1px solid var(--line);margin:6px 4px}
.dd-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px 2px}
.dd-all{display:block;text-align:center;padding:9px;border-radius:10px;font-weight:600;font-size:.9rem}
.dd-all:hover{background:var(--blue-l);text-decoration:none}

.nav-cta{background:var(--blue);color:#fff!important;padding:9px 16px;border-radius:9px;font-weight:700;font-size:.9rem;white-space:nowrap}
.nav-cta:hover{background:var(--blue-d);text-decoration:none}
.burger{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:1.15rem;cursor:pointer;color:var(--ink)}

@media (max-width:900px){
  .burger{display:block}
  .nav-cta{display:none}
  .menu{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:8px 12px 14px;box-shadow:0 14px 30px rgba(16,24,40,.12);max-height:calc(100vh - 64px);overflow:auto}
  .menu.show{display:flex}
  .dropdown{position:static;width:auto;box-shadow:none;border:0;padding:0 0 4px 8px}
}

/* ---------- Secciones ---------- */
.hero{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);border-bottom:1px solid var(--line);padding:64px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero{padding:40px 0}}
.hero p.lead{font-size:1.15rem;color:#3d4757;max-width:560px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.98rem;cursor:pointer}
.btn:hover{border-color:var(--blue);background:var(--blue-l);text-decoration:none}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-d)}
.hero-art{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-h)}
.hero-art .cap{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);margin-top:10px}
.hero-art .cap b{color:var(--ink)}

section.block{padding:56px 0}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.sechead h2{margin:0}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-d);margin-bottom:6px}

.grid{display:grid;gap:16px}
.g5{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}

.tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--blue-b);text-decoration:none}
.tile .ic{width:58px;height:58px;border-radius:16px;background:var(--blue-l);display:grid;place-items:center}
.tile .ic svg{width:32px;height:32px}
.tile b{font-size:1rem}
.tile small{color:var(--muted);font-size:.85rem;line-height:1.4}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.card p{color:var(--muted);margin:0}
a.card{color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--blue-b);text-decoration:none}

.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:28px 0}
.feature.rev .f-art{order:2}
@media (max-width:860px){.feature{grid-template-columns:1fr;gap:20px}.feature.rev .f-art{order:0}}
.f-art{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;display:grid;place-items:center;min-height:220px}

/* Tarjetas de herramientas */
.tool{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
a.tool:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--blue-b);text-decoration:none}
.tool .thumb{height:150px;background:linear-gradient(135deg,var(--blue-l),#e2eefb);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.tool .thumb svg{width:96px;height:96px}
.tool .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.tool .body p{color:var(--muted);margin:0;font-size:.93rem}
.tool .go{margin-top:auto;padding-top:10px;font-weight:700;color:var(--blue-d);font-size:.92rem}
.tool.soon{opacity:.62}
.tool.soon .thumb{background:linear-gradient(135deg,#f1f3f6,#e6eaef)}
.badge{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:var(--blue-l);color:var(--blue-d);border:1px solid var(--blue-b)}
.badge.soon{background:#fff8e8;color:#9a5b0b;border-color:#f2c26b}
.badge.free{background:#ecf8f1;color:#1f6e4a;border-color:#b5e0c9}

/* Página de herramienta */
.crumbs{font-size:.85rem;color:var(--muted);padding:18px 0 4px}
.crumbs a{color:var(--muted)}
.tool-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:6px 0 18px}
.tool-head h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0}
.tool-head p{margin:6px 0 0;color:var(--muted)}
.tool-frame{width:100%;border:0;display:block;background:transparent;min-height:500px;border-radius:18px}
.frame-box{margin:0 auto}
.tool-switch{display:flex;gap:8px;flex-wrap:wrap}
.tool-switch a{padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.88rem;font-weight:600;color:var(--ink)}
.tool-switch a.on,.tool-switch a:hover{border-color:var(--blue);background:var(--blue-l);color:var(--blue-d);text-decoration:none}

.article{max-width:820px;margin:0 auto}
.article h2{margin-top:1.6em;font-size:1.5rem}
.article ul,.article ol{padding-left:1.2em}
.article li{margin:.35em 0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
.faq summary{font-weight:700;cursor:pointer}
.faq details p{margin:.6em 0 0;color:#3d4757}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px;margin:18px 0}
.fact{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.fact b{display:block;font-size:1.6rem;color:var(--blue-d);line-height:1.1}
.fact span{font-size:.82rem;color:var(--muted)}

.banner{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;border-radius:20px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.banner h2{color:#fff;margin:0 0 6px}
.banner p{margin:0;color:#dbe9f8}
.banner .btn{border-color:#fff}

.placeholder{border:2px dashed var(--blue-b);border-radius:14px;padding:30px;text-align:center;color:var(--muted);background:#fff}

/* ---------- Pie ---------- */
.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:40px;padding:44px 0 24px;font-size:.92rem}
.foot-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
@media (max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}}
.site-footer h4{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-d);margin:0 0 10px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--blue-d)}
.copy{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* ---------- Logo con imagen ---------- */
.logo img{width:auto;height:38px;display:block}
.logo span{text-transform:uppercase;font-size:1.02rem;letter-spacing:.06em}
.logo b{color:var(--blue)}

/* ---------- Redes sociales ---------- */
.social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.social a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink);background:var(--soft);border:1px solid var(--line);transition:background .15s,color .15s,border-color .15s,transform .15s}
.social a:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.social svg{width:18px;height:18px}
.social-head{margin:0}
.social-head a{width:34px;height:34px;background:transparent;border-color:transparent;color:var(--muted)}
.social-head a:hover{background:var(--blue-l);border-color:var(--blue-b);color:var(--blue-d);transform:none}
@media (max-width:1100px){.social-head{display:none}}

.community{background:linear-gradient(120deg,#1f64a8 0%,#2f86d6 55%,#3b97e6 100%);color:#fff;margin-top:56px}
.community-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:38px;padding-bottom:38px}
.community h2{color:#fff;margin:0 0 4px}
.community p{margin:0;color:#dbe9f8}
.community-links{display:flex;gap:10px;flex-wrap:wrap}
.community-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;font-size:.93rem;transition:background .15s,transform .15s}
.community-links a:hover{background:#fff;color:var(--blue-d);text-decoration:none;transform:translateY(-2px)}
.community-links svg{width:20px;height:20px}
.site-footer{margin-top:0}

/* ---------- Botón de Telegram en la cabecera ---------- */
.nav-cta{display:inline-flex;align-items:center;gap:8px}
.nav-cta svg,.btn svg{width:18px;height:18px;flex:none}
@media (max-width:1100px){.nav-cta span{display:none}.nav-cta{padding:9px 11px}}
@media (max-width:900px){.nav-cta{display:inline-flex;margin-left:auto}.burger{margin-left:8px}}

/* ---------- Invitación a Telegram ---------- */
.tg-card{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:linear-gradient(120deg,#1f64a8 0%,#2f86d6 60%,#3b97e6 100%);color:#fff;border-radius:22px;padding:30px 34px;box-shadow:0 18px 40px rgba(31,100,168,.25)}
.tg-ic{width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.tg-ic svg{width:42px;height:42px;color:#fff}
.tg-text h2{color:#fff;margin:0 0 8px}
.tg-text p{color:#e3effb;margin:0 0 10px;max-width:640px}
.tg-text ul{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0;color:#fff;font-weight:600;font-size:.9rem}
.tg-text li::before{content:"✓ ";color:#ffcf40}
.tg-btn{background:#fff;border-color:#fff;color:var(--blue-d);white-space:nowrap;padding:14px 22px;font-size:1rem}
.tg-btn:hover{background:#eef5fd;border-color:#fff}
@media (max-width:860px){.tg-card{grid-template-columns:1fr;padding:24px}.tg-btn{justify-self:start}}

/* ---------- Contador de visitas ---------- */
.counter{min-height:64px;border:2px dashed var(--blue-b);border-radius:12px;display:grid;place-items:center;padding:10px;background:var(--soft);text-align:center}
.counter-ph{font-size:.8rem;color:var(--muted);line-height:1.35}
.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr}
@media (max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}}
.copy a{color:var(--muted)}

/* ---------- Sobre mí ---------- */
.about-hero{padding:10px 0 20px}
.about-grid{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center}
@media (max-width:820px){.about-grid{grid-template-columns:1fr;gap:24px}}
.about-photo{aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,#2f86d6,#1f64a8);display:grid;place-items:center;box-shadow:0 18px 40px rgba(31,100,168,.25);overflow:hidden;max-width:300px}
.about-photo span{color:#fff;font-size:5rem;font-weight:800;letter-spacing:-.04em}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-hero h1{margin:4px 0 10px}
.about-hero .lead{font-size:1.12rem;color:#3d4757}
.placeholder-text{border:2px dashed var(--blue-b);border-radius:12px;padding:12px 16px;color:var(--muted);font-style:italic;background:#fff}
.dt-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dt-soc{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:.92rem;box-shadow:var(--shadow);transition:transform .15s,border-color .15s,color .15s}
.dt-soc svg{width:20px;height:20px;color:var(--blue)}
.dt-soc:hover{border-color:var(--blue);color:var(--blue-d);text-decoration:none;transform:translateY(-2px)}
.video-card{color:var(--ink)}
.vthumb{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#1d2533,#2b3a52);display:grid;place-items:center;margin-bottom:6px}
.vthumb svg{width:54px;height:54px;color:#fff;opacity:.9}
.repair{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 24px;border:1px dashed #c9d3e0;border-radius:16px;background:#fff}

/* ---------- Páginas legales ---------- */
.legal{font-size:1rem}
.legal h2{font-size:1.3rem}
.legal table{width:100%;border-collapse:collapse;min-width:0;font-size:.92rem}
.legal .tablewrap{margin:12px 0 18px}

/* ---------- Clases particulares ---------- */
.classes{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}
@media (max-width:860px){.classes{grid-template-columns:1fr}}
.classes-text{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.classes-text h2{margin:12px 0 8px}
.classes-text p{color:#3d4757;margin:0}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px}
.checks li{padding-left:26px;position:relative;font-weight:600}
.checks li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--blue-l);color:var(--blue-d);font-size:.75rem;display:grid;place-items:center}
.classes-cta{background:linear-gradient(135deg,#1f64a8,#2f86d6);color:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;justify-content:center;box-shadow:0 18px 40px rgba(31,100,168,.22)}
.classes-cta h3{color:#fff;margin:0;font-size:1.4rem}
.classes-cta p{margin:0 0 6px;color:#e3effb}
.classes-cta .btn{justify-content:center}
.classes-cta .btn.primary{background:#fff;border-color:#fff;color:var(--blue-d)}
.classes-cta .btn.primary:hover{background:#eef5fd}
.classes-cta .btn:not(.primary){background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.classes-cta .btn:not(.primary):hover{background:rgba(255,255,255,.12)}
.badge.zoom{display:inline-flex;align-items:center;gap:6px;background:#e8f1ff;color:#0b5cff;border-color:#bcd3ff}
.badge.zoom svg{width:15px;height:15px}
.band-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow);max-width:760px}
.band-card h3{margin:10px 0 6px;font-size:1.3rem}
.band-card p{margin:0;color:var(--muted)}

/* ---------- Aviso de nuevas secciones ---------- */
.soon-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px dashed #f2c26b;border-radius:14px;padding:14px 18px}
.soon-strip p{margin:0;color:#3d4757}

/* ---------- Ajustes: foto, portada sin imagen, videos sin miniatura ---------- */
.about-photo{aspect-ratio:auto;background:#111;margin:0;max-width:340px;border-radius:24px;display:block}
.about-photo img{width:100%;height:auto;display:block}
.about-grid{grid-template-columns:340px 1fr;align-items:start}
@media (max-width:820px){.about-grid{grid-template-columns:1fr}.about-photo{max-width:360px}}
.about-hero p{color:#3d4757}
.hero-solo{text-align:center;max-width:860px}
.hero-solo h1{margin-left:auto;margin-right:auto}
.hero-solo p.lead{margin-left:auto;margin-right:auto}
.hero-solo .actions{justify-content:center}
.badge.yt{display:inline-flex;align-items:center;gap:6px}
.badge.yt svg{width:14px;height:14px}
.video-card{gap:8px}

/* =========================================================
   Adaptaciones para WordPress
   ========================================================= */
.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;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-h)}
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
nav.main-nav{display:contents}
.logo .custom-logo{height:38px;width:auto}
ul.dropdown{list-style:none}
ul.dropdown li{margin:0}
li.dd-sep{border-top:1px solid var(--line);margin:6px 4px;height:0}
.dd-item.current{background:var(--blue-l)}

/* Encabezado de páginas */
.page-head{padding:6px 0 22px}
.page-head h1{font-size:clamp(1.8rem,4.2vw,2.6rem);margin:0}
.page-head p{margin:8px 0 0}
.post-head{max-width:760px;margin:0 auto;text-align:left}
.single-post .crumbs{max-width:760px;margin:0 auto}
.post-head .badge{margin-bottom:12px}
.post-meta{color:var(--muted);font-size:.9rem;margin:10px 0 0}
.post-hero{max-width:1000px;margin:0 auto 28px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff}
.post-hero img{width:100%;height:auto}
.wrap-wide{max-width:1360px}
.gi-tool-page .page-head{text-align:left}
.archive-desc{max-width:760px;margin-top:8px}

/* Contenido de entradas y páginas (Gutenberg) */
.entry-content{padding-bottom:40px;font-size:1.05rem}
.entry-content > *{max-width:760px;margin-left:auto;margin-right:auto}
.entry-content > .alignwide{max-width:1180px}
.entry-content > .alignfull{max-width:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:0}
.entry-content > .gi-tool,.entry-content > .gi-tool-cards{max-width:none}
.entry-content h2{margin-top:1.6em;font-size:1.6rem}
.entry-content h3{margin-top:1.4em}
.entry-content img{height:auto;border-radius:12px}
.entry-content figure{margin:1.6em auto}
.entry-content figcaption,.wp-element-caption{color:var(--muted);font-size:.85rem;text-align:center;margin-top:6px}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content li{margin:.3em 0}
.entry-content blockquote{border-left:4px solid var(--blue);margin:1.5em auto;padding:.4em 1.2em;background:#fff;border-radius:0 12px 12px 0}
.entry-content table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.entry-content thead th,.entry-content th{background:var(--soft)}
.entry-content code{background:#eef2f7;border-radius:5px;padding:1px 5px;font-size:.9em}
.entry-content .wp-block-button__link{background:var(--blue);color:#fff;border-radius:10px;padding:12px 20px;font-weight:700}
.entry-content .wp-block-button__link:hover{background:var(--blue-d);text-decoration:none}
.entry-content details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.entry-content details summary{font-weight:700;cursor:pointer}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-left:auto;margin-right:auto}

/* Herramienta insertada con [gi_herramienta]: sale de la columna de texto */
.gi-tool{--gw:min(var(--w,1100px), calc(100vw - 32px));width:var(--gw);margin:8px 0 36px calc(50% - var(--gw) / 2)}
.gi-tool .tool-frame{min-height:480px}
.gi-notice{background:#fff8e8;border:1px solid #f2c26b;border-radius:10px;padding:12px 16px}

/* Etiquetas y navegación de entradas */
.post-tags{max-width:760px;margin:0 auto 24px;display:flex;gap:8px;flex-wrap:wrap}
.post-tags a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:.85rem;color:var(--ink)}
.post-tags a:hover{border-color:var(--blue);color:var(--blue-d);text-decoration:none}
.post-nav{max-width:760px;margin:0 auto 30px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px;font-weight:600}
.post-nav div:last-child{text-align:right}

/* Listados */
.subcats{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 22px}
.subcats a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-weight:600;font-size:.9rem;color:var(--ink)}
.subcats a:hover{border-color:var(--blue);background:var(--blue-l);color:var(--blue-d);text-decoration:none}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--blue-b);text-decoration:none}
.pc-img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--blue-l),#e2eefb);display:grid;place-items:center;overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc-img svg{width:80px;height:80px}
.pc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-body h3{margin:0;font-size:1.08rem}
.pc-body p{margin:0;color:var(--muted);font-size:.92rem}
.pc-date{margin-top:auto;padding-top:6px;color:var(--muted);font-size:.8rem}
.pagination{margin:30px 0}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:600}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--blue);border-color:var(--blue);color:#fff;text-decoration:none}

/* Búsqueda */
.search-form{display:flex;gap:8px;justify-content:center;margin:16px 0}
.search-form input[type=search]{padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;min-width:220px}
.search-form input[type=submit],.search-submit{padding:10px 16px;border:0;border-radius:9px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* Comentarios */
.comments{max-width:760px;margin:10px auto 40px}
.comment-list{list-style:none;padding:0}
.comment-list .comment-body{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
.comment-list .children{list-style:none;padding-left:24px}
.comment-meta{font-size:.85rem;color:var(--muted)}
.comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}
.comment-form .submit{padding:11px 20px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* Pie: menús de WordPress */
.site-footer .menu{display:block;padding:0}
.site-footer .menu li{margin:6px 0}

/* Tema v2: herramientas, Sobre mí, políticas y contador */
.gi-tool-page .entry-content > .gi-tool{margin-top:0}
.entry-content > .facts,.entry-content > .faq,.entry-content > .banner{max-width:760px}
.entry-content > .banner{max-width:1180px;margin-top:40px}
.entry-content .eyebrow{margin-bottom:0}
.entry-content .eyebrow + h2{margin-top:.2em}
.entry-content .wp-block-table{margin:12px auto 18px;overflow-x:auto}
.entry-content .wp-block-table table{margin:0}
.entry-content .wp-block-details{margin:10px auto}
.faq .wp-block-details p{margin:.6em 0 0;color:#3d4757}
.about-text > :first-child{margin-top:0}
.about-text p:first-of-type{font-size:1.12rem;color:#3d4757}
.counter .widget{margin:0}
.counter .widget-title,.counter h2{display:none}
.counter-ph a{color:var(--blue-d);font-weight:600}
.gi-count{display:grid;gap:2px;text-align:center}
.gi-count b{font-size:1.6rem;color:var(--blue-d);line-height:1.1}
.gi-count span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.copy{align-items:flex-start}
@media (max-width:760px){.foot-cols>div:first-child{grid-column:1/-1}}
.copy-legal{display:grid;gap:3px;max-width:760px}
.copy-legal small{font-size:.76rem;opacity:.85}
.posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.posts-grid{grid-template-columns:1fr}}

/* Digitación cuadrafónica */
.gi-tool.gi-sticky{position:sticky;top:76px;z-index:6;margin-bottom:26px}
body.admin-bar .gi-tool.gi-sticky{top:108px}
@media (max-width:760px){.gi-tool.gi-sticky{position:static}}
.gi-tool .tool-frame.compact{min-height:0;border-radius:16px}
.dg-legend{display:flex;gap:10px;flex-wrap:wrap;margin:6px auto 10px}
.dg-legend span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;font-weight:600;font-size:.92rem}
.dg-legend b,.dg-seq b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:800}
.f1{background:#ffcf40;color:#1d2533!important}.f2{background:#2f86d6}.f3{background:#1f64a8}.f4{background:#1d2533}
.entry-content > .dg-perms,.entry-content > .dg-diagrams{max-width:900px}
.dg-perms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px auto 30px}
.dg-col{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 14px 10px;box-shadow:var(--shadow)}
.dg-col h4{margin:0 0 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d)}
.dg-col ol{list-style:none;margin:0;padding:0}
.entry-content .dg-col li{display:flex;align-items:center;gap:10px;margin:0;padding:6px 0;border-top:1px solid var(--line)}
.dg-col li:first-child{border-top:0}
.dg-n{width:22px;text-align:right;font-size:.8rem;color:var(--muted);font-weight:700}
.dg-seq{display:flex;gap:5px}
@media (max-width:900px){.dg-perms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.dg-seq b{width:23px;height:23px;font-size:.78rem}.dg-col{padding:12px 10px 8px}}
.dg-diagrams{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px auto 30px}
.dg-diagrams figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 4px 6px;box-shadow:var(--shadow)}
.dg-diagrams svg{width:100%;height:auto;display:block}
.dg-t{font:800 15px Inter,system-ui,sans-serif;fill:#1f64a8}
.dg-nut{fill:#1d2533}.dg-fret{stroke:#9aa4b2;stroke-width:2}.dg-str{stroke:#1d2533;stroke-width:2}
.dg-dot{fill:#2f86d6}.dg-dot.dg-one{fill:#ffcf40;stroke:#1d2533;stroke-width:1}
.dg-num{font:800 12px Inter,system-ui,sans-serif;fill:#fff}
.dg-one + .dg-num{fill:#1d2533}
@media (max-width:900px){.dg-diagrams{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.dg-diagrams{grid-template-columns:repeat(3,minmax(0,1fr))}}