/*
Theme Name: Impacta Ya
Theme URI: https://impactaya.com
Author: Impacta Ya
Author URI: https://impactaya.com
Description: Tema oficial de Impacta Ya — landing de ingeniería de crecimiento + blog. Diseño tech minimalista en turquesa y navy.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: impacta-ya
*/

/* ---------- Base system (used by ALL pages including blog) ---------- */
:root{
  --bg:#0A1119; --bg-2:#0F1B2D; --bg-3:#132338;
  --ink:#F5F7F7; --ink-dim:#9FB0C0; --ink-mute:#5F7388;
  --line:rgba(245,247,247,0.08); --line-strong:rgba(245,247,247,0.14);
  --teal:#2DB3B0; --teal-2:#46D3D0; --teal-dim:#1c7a78;
  --warm:#FF7A4D; --red:#FF5A5A; --green:#4DD39A;
  --max:1360px; --radius:14px; --radius-sm:8px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.025em;margin:0}
.mono{font-family:'JetBrains Mono',monospace}
.container{max-width:var(--max);margin:0 auto;padding:0 32px}

/* ---------- Blog / archive / single styles ---------- */
.blog-wrap{max-width:860px;margin:0 auto;padding:80px 32px}
.blog-wrap h1{font-size:clamp(36px,5vw,56px);letter-spacing:-0.03em;margin-bottom:12px}
.blog-wrap h2{font-size:28px;margin:32px 0 12px;letter-spacing:-0.02em}
.blog-wrap h3{font-size:22px;margin:24px 0 10px}
.blog-wrap p,.blog-wrap li{color:var(--ink-dim);font-size:17px;line-height:1.75}
.blog-wrap strong{color:var(--ink)}
.blog-wrap a{color:var(--teal-2);border-bottom:1px solid rgba(70,211,208,0.3);transition:border-color .15s}
.blog-wrap a:hover{border-color:var(--teal-2)}
.blog-wrap img{max-width:100%;height:auto;border-radius:var(--radius);margin:24px 0}
.blog-wrap blockquote{border-left:3px solid var(--teal);padding:8px 0 8px 24px;margin:24px 0;font-style:italic;color:var(--ink)}
.blog-wrap code{font-family:'JetBrains Mono',monospace;background:var(--bg-2);padding:2px 6px;border-radius:4px;font-size:0.9em}
.blog-wrap pre{background:var(--bg-2);padding:20px;border-radius:var(--radius);overflow-x:auto;border:1px solid var(--line)}
.post-meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:32px}
.post-meta a{color:var(--teal-2);border:none}
.post-card{padding:32px 0;border-bottom:1px solid var(--line)}
.post-card h2 a{color:var(--ink);border:none}
.post-card h2 a:hover{color:var(--teal-2)}
.post-card .excerpt{color:var(--ink-dim);font-size:16px;margin-top:12px}
.pagination{display:flex;gap:12px;margin-top:48px;justify-content:center;flex-wrap:wrap}
.pagination a,.pagination span{padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;color:var(--ink-dim)}
.pagination .current{background:var(--teal);color:#06181A;border-color:var(--teal)}
.back-home{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px;color:var(--ink-dim);margin-bottom:32px}
.back-home:hover{border-color:var(--ink-dim);color:var(--ink);border-bottom:1px solid var(--ink-dim)}
.breadcrumbs{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.breadcrumbs a{color:var(--ink-dim);border:none;transition:color .15s}
.breadcrumbs a:hover{color:var(--teal-2)}
.breadcrumbs span[aria-hidden]{color:var(--ink-mute)}
.breadcrumbs .current{color:var(--ink-dim)}

/* ---------- Simple header/footer for blog pages ---------- */
.site-header{background:rgba(10,17,25,0.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .nav-inner{max-width:var(--max);margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between}
.site-header .brand img{height:58px;width:auto;display:block}
.site-header nav{display:flex;gap:28px;font-size:14px;color:var(--ink-dim)}
.site-header nav a:hover{color:var(--ink)}
.site-footer{border-top:1px solid var(--line);padding:48px 32px;background:#060C14;color:var(--ink-mute);font-size:13px;text-align:center;font-family:'JetBrains Mono',monospace;letter-spacing:0.08em}
.site-footer a{color:var(--ink-dim);margin:0 12px}

/* WhatsApp floating */
.wa{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--green);color:#06181A;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.4);transition:transform .15s}
.wa:hover{transform:scale(1.08)}

@media(max-width:720px){
  .blog-wrap{padding:48px 20px}
  .site-header nav{display:none}
}