/*
Theme Name: EntrenAI Landing
Theme URI: https://entrenai.com
Author: EntrenAI
Author URI: https://entrenai.com
Description: Tema de WordPress para la landing page de EntrenAI, plataforma de gestión para gimnasios y estudios. Todo el contenido (textos, imágenes, links y colores) es editable desde Apariencia > Personalizar.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: entrenai
*/

:root{
  --color-bg:#F5F5F3;
  --color-fg:#171717;
  --color-primary:#B8ED27;
  --color-primary-fg:#0D0D0D;
  --color-dark:#121212;
  --color-dark2:#0F0F0F;
  --color-muted:#666666;
  --color-border:#E5E5E5;
  --color-accent:#E4EFC9;
  --color-accent-fg:#3f5300;
}

*{box-sizing:border-box}
body{margin:0;font-family:'Outfit',sans-serif;background:var(--color-bg);color:var(--color-fg)}
a{color:var(--color-fg);text-decoration:none}
a:hover{color:#4d5a00}
img{max-width:100%;display:block}

@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('assets/fonts/outfit-300.woff2') format('woff2');
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/outfit-400.woff2') format('woff2');
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/outfit-500.woff2') format('woff2');
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/outfit-600.woff2') format('woff2');
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/outfit-700.woff2') format('woff2');
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('assets/fonts/outfit-800.woff2') format('woff2');
}

/* FAQ accordion (native <details>/<summary>, no JS needed) */
summary::-webkit-details-marker{display:none}
summary::marker{content:''}
.faq-symbol::before{content:'+'}
details[open] .faq-symbol::before{content:'\2013'}

/* Blog article body (rendered from the post editor via the_content) */
.article-body h2{font-size:28px;font-weight:800;letter-spacing:-0.01em;margin:40px 0 16px;color:var(--color-fg);scroll-margin-top:100px}
.article-body h3{font-size:21px;font-weight:700;margin:32px 0 12px;color:var(--color-fg)}
.article-body p{font-size:17px;line-height:1.75;color:#333333;margin:0 0 20px}
.article-body ul,.article-body ol{margin:0 0 20px;padding-left:22px}
.article-body li{font-size:17px;line-height:1.7;color:#333333;margin-bottom:8px}
.article-body blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--color-primary);font-size:19px;line-height:1.6;font-weight:500;color:var(--color-fg)}
.article-body img{width:100%;border-radius:14px;display:block;height:auto}
.article-body a{text-decoration:underline}
.toc-link:hover{opacity:1 !important}

/* Blog listing pagination */
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:100px;font-size:14px;font-weight:600;color:var(--color-fg);border:1px solid var(--color-border)}
.pagination .page-numbers.current{background:var(--color-dark);color:var(--color-bg);border-color:var(--color-dark)}
.pagination .page-numbers.dots{border:none}

@media (max-width:920px){
  .nav-links{display:none !important}
  .hero-grid{grid-template-columns:1fr !important}
  .hero-visual{order:-1;max-width:380px;margin:0 auto}
  .pain-grid{grid-template-columns:1fr !important}
  .pillar-grid{grid-template-columns:1fr !important}
  .module-grid{grid-template-columns:1fr 1fr !important}
  .wa-grid{grid-template-columns:1fr !important}
  .split-grid{grid-template-columns:1fr !important}
  .steps-grid{grid-template-columns:1fr !important}
  .hero-h1{font-size:38px !important}
  .section-h2{font-size:30px !important}
}
@media (max-width:860px){
  .layout-grid{grid-template-columns:1fr !important}
  .sidebar{position:static !important;order:2}
  .article-hero-title{font-size:32px !important}
  .related-grid{grid-template-columns:1fr !important}
}
@media (max-width:600px){
  .module-grid{grid-template-columns:1fr !important}
}