/* Rediseño v4 (B7, aprobado por Rafael el 25-oct-2026) · estilo tututor.ai sin degradados ni ilustraciones.
   Se carga DESPUÉS del CSS de cada página: solo sobrescribe. Para deshacerlo basta con quitar el <link> (tools/apply_v4.py --quitar). */

/* 1. Tokens: blanco, casi negro, un único color de acción (#c2410c: 5,2:1 sobre blanco, AA) */
:root{
  --ink:#111;--ink-2:#2b2b2b;--ink-3:#555;--ink-4:#6b6b6b;
  --bg:#fff;--bg-warm:#fff;--bg-warm2:#f5f5f5;--border:#e5e5e5;--border-2:#d4d4d4;
  --accent:#c2410c;--accent-bg:#fff;--accent-border:#e5e5e5;
  --action:#c2410c;--action-hover:#9a3412;
  --font-serif:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --font-sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --r:12px;--r-sm:10px
}
html,body{background:#fff!important;color:#111}

/* 2. Tipografía: una sola sans, titulares contundentes, sin cursivas */
h1,h2,h3,h4,.logo,.summary-title,.hero-card-tag,.faq summary{font-family:var(--font-sans)!important;font-style:normal!important}
h1{font-weight:800!important;letter-spacing:-.03em!important;line-height:1.08!important;color:#111!important}
h2{font-weight:700!important;letter-spacing:-.015em!important;line-height:1.2!important;border-top:0!important}
h3{font-weight:700!important;letter-spacing:-.01em!important}
h1 em,h2 em,h3 em,.logo em,.hero-card-tag em{font-style:normal!important}
.logo{font-weight:800!important;letter-spacing:-.035em!important}
.logo em{color:var(--accent)!important}

/* 3. Fuera crema, punteado y sombras blandas */
.hero{background:#fff!important;border-bottom:1px solid var(--border)!important}
.hero::before,.hero::after{display:none!important}
.summary-box,.rtm-ficha,.hero-card,.faq,.rtm-prod-item{box-shadow:none!important}
.kicker{display:none!important}

/* 4. Prueba de confianza junto al H1 (solo datos verificables) */
.rtm-trustchip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:1px solid var(--border);border-radius:999px;padding:7px 14px;margin:0 0 16px;font-size:13px;font-weight:600;color:#2b2b2b;background:#fff;line-height:1.35}
.rtm-trustchip b{color:var(--action);font-weight:800}
.rtm-trustchip i{font-style:normal;color:#bbb}

/* 5. Miga de pan en lugar del eyebrow: gris #555, 14 px */
.breadcrumb,.breadcrumb a,.breadcrumb span{font-size:14px!important;color:#555!important}

/* 6. Botones: 48 px, radio 10, 16 px, 700. Primario sólido, secundario con borde */
.btn-primary,.rtm-ficha-btn,.rtm-cta-btn,.rtm-prod-btn,.nav-cta,.hero-ctas a{
  min-height:48px!important;border-radius:10px!important;font-size:16px!important;font-weight:700!important;
  display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important}
.btn-primary,.rtm-ficha-btn,.rtm-cta-btn,.rtm-prod-btn:not(.alt){background:var(--action)!important;color:#fff!important;border:0!important}
.btn-primary:hover,.rtm-ficha-btn:hover,.rtm-cta-btn:hover,.rtm-prod-btn:not(.alt):hover{background:var(--action-hover)!important}
.btn-secondary,.rtm-prod-btn.alt{background:#fff!important;color:#111!important;border:1.5px solid #111!important}
.nav-cta{min-height:40px!important;border-radius:999px!important;font-size:14px!important;padding:0 16px!important;background:var(--action)!important;color:#fff!important}

/* 7. Ficha y tablas: borde fino neutro, radio 12 */
.rtm-ficha{border:1px solid var(--border)!important;border-radius:12px!important;background:#fff!important}
.rtm-prod-item{border-radius:12px!important}
table th{background:#f5f5f5!important;color:#111!important}

/* 8. Tarjetas numeradas 01–05 (lo útil de tututor.ai) */
.rtm-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 28px;padding:0;counter-reset:rc}
.rtm-cards li{counter-increment:rc;border:1px solid #e5e5e5;border-radius:12px;padding:14px 16px;background:#fff;font-size:15px;line-height:1.45;color:#2b2b2b;display:block;position:relative}
.rtm-cards li::before{content:counter(rc,decimal-leading-zero);display:block;font-size:13px;font-weight:800;color:var(--action);margin-bottom:4px;letter-spacing:.02em}
.rtm-cards li strong{display:block;color:#111;font-size:15px;margin-bottom:2px}
.rtm-cards-h{font-size:17px;font-weight:800;margin:0 0 10px;color:#111}

/* 9. Home: «Lo más leído» como tarjetas numeradas y sin foto de IA */
.hero-card{border:1px solid var(--border)!important;border-radius:12px!important}
.hero-card-tag{background:#fff!important;color:#111!important;border-bottom:1px solid var(--border);font-size:13px!important;letter-spacing:0!important;text-transform:none!important;padding:14px 20px!important}
.hero-card-tag em{color:#555!important;font-size:13px!important}
.hero-card-list li>a::before{font-family:var(--font-sans)!important;font-style:normal!important;font-weight:800!important;color:var(--action)!important}
.hero-card-all{background:#fff!important;color:#111!important;text-decoration:underline!important;text-underline-offset:3px}
.hero-chips a{background:#fff!important;border-color:#e5e5e5!important;color:#111!important;min-height:36px;display:inline-flex;align-items:center}
.hero-trustline{color:#555!important}

/* 10. Ajustes de primera pantalla */
.hero-grid{align-items:start!important}
.meta{gap:6px 14px!important;margin-bottom:16px!important;font-size:13px!important;color:#555!important}
@media(max-width:768px){
  .hero{padding:28px 0 32px!important}
  .hero h1{font-size:30px!important;margin-bottom:12px!important}
  .hero-sub{font-size:15.5px!important;line-height:1.55!important;margin-bottom:14px!important}
  .hero-chips{display:none!important}
  .rtm-trustchip{font-size:12.5px;padding:6px 12px;margin-bottom:12px}
  .hero-ctas{display:flex!important;flex-direction:column;gap:10px}
  .hero-ctas a{width:100%}
}

/* 11. Eyebrow fuera (B7.4) y una sola barra fija en móvil (C6) */
.article-eyebrow,.eyebrow{display:none!important}
.ms-code,.ms-code *,.rtm-code{font-family:var(--font-sans)!important}
@media(max-width:768px){
  #mobileStickyBar,#rtm-sticky{display:none!important}
  .ms{max-height:72px!important;font-family:var(--font-sans)!important}
  .btn-ms{background:var(--action)!important;color:#fff!important;border-radius:10px!important;min-height:44px}
}
#rtm-smart-ms a,#rtm-smart-ms .btn,#rtm-smart-ms button:not([aria-label]){background:var(--action)!important;color:#fff!important;border-radius:10px!important}

/* 12. Fraunces fuera también de los estilos en línea (cajas antiguas con font-family:'Fraunces') */
[style*="Fraunces"]{font-family:var(--font-sans)!important;font-style:normal!important}