/* Adaptador de la piel fasttrack (5-oct-2026): los bloques propios de entradas (fichas, textos, paginas practicas)
   con la paleta y tipografia de fasttracksagradafamilia. El armazon y los componentes usan el CSS de fasttrack tal cual. */
:root{--ink:#1F1B18;--muted:#6b7280;--paper:#fff;--surface:#FBF6EF;--line:#e5e7eb;--blue:#1E5B8E;--blue-dark:#154770;--red:#C13B27;--gold:#D4A04C;--white:#fff}
body{background:#fff}
.button{background:var(--accent,#1E5B8E);border-color:var(--accent,#1E5B8E);border-radius:999px}
.button:hover{background:var(--accent-hover,#154770)}
.eyebrow{color:var(--primary,#C13B27)}
/* producto recomendado dentro de una seccion fasttrack */
.container .rec-feature{margin:0;max-width:none;border-color:var(--border,#e5e7eb);border-radius:var(--radius-lg,20px)}
.rec-cta{background:var(--accent,#1E5B8E);border-radius:999px}
.rec-facts li{background:var(--bg-light,#FBF6EF)}
/* catalogo plegado */
.more-list{border-color:var(--border,#e5e7eb);border-radius:var(--radius,14px)}
/* textos de portada y paginas legales */
.ft-prose{padding:56px 0}
.ft-prose .editorial-section,.ft-prose .split-band,.ft-prose .section{padding-left:0;padding-right:0}
.ft-prose .split-band{border-radius:var(--radius-lg,20px);padding:36px 32px;margin-top:28px;background:var(--bg-dark,#2A1812)}
.ft-prose .legal-page{padding:0;max-width:820px}
/* fichas de producto */
.ft-detail{padding:40px 0 8px}
.ft-detail-img{width:100%;max-height:440px;object-fit:cover;border-radius:var(--radius-lg,20px);margin-bottom:24px}
.ft-detail .facts{border-radius:var(--radius,14px);overflow:hidden;border:1px solid var(--border,#e5e7eb);margin-bottom:28px}
.ft-detail .copy-block{max-width:820px}
/* paginas practicas: banda oscura arriba y cuerpo centrado */
.seo-cluster.seo-ft{max-width:none;margin:0;padding:0}
.seo-ft .tk-hero__h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:0}
.seo-ft-body{max-width:900px;padding-top:36px;padding-bottom:64px}
.seo-ft-body .article-byline{color:var(--muted,#6b7280)!important}
.seo-quick-answer{border-radius:var(--radius,14px)}
/* cabecera fija transparente: los anclajes no quedan tapados */
#alternativas,#categories{scroll-margin-top:130px}
@media(max-width:767px){.ft-prose{padding:36px 0}.ft-prose .split-band{padding:26px 20px}.ft-detail .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Neutraliza las reglas del armazon de entradas (style.css) en las 15 clases que comparte con fasttrack.
   Solo se tocan propiedades que fasttrack no declara, para que gane su diseno. */
.site-header{display:block;padding:0;gap:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.scrolled{background:var(--white,#fff);box-shadow:var(--shadow-sm)}
.nav-link{border-radius:0}
.nav-link:hover{background:transparent}
.nav-toggle{border:0;border-radius:0;width:auto;height:auto;background:none}
.site-header .nav-toggle span{background:var(--white,#fff)}
.site-header.scrolled .nav-toggle span{background:var(--dark,#1F1B18)}
.hero-card{border:0;border-radius:var(--radius-lg,20px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-card div{padding:0}
.hero-card .hero-card__body{padding:16px 18px 18px}
.hero-card img{aspect-ratio:auto}
.hero-card .hero-card__img{height:210px}
.site-footer{padding:0 !important;background:var(--bg-dark,#2A1812) !important;color:rgba(255,255,255,.6) !important}
.site-footer p{color:inherit}
.footer-col{display:block}
.seo-ft .tk-hero__breadcrumb a{color:inherit}
.seo-ft .tk-hero__breadcrumb > span:last-child{max-width:none;overflow:visible;white-space:normal}
/* la banda oscura empieza debajo de la cabecera fija (68 px): sin esto la cabecera tapa las migas */
.tk-hero{padding-top:calc(var(--nav-h,68px) + 36px)}
@media(max-width:767px){.tk-hero{padding-top:calc(var(--nav-h,68px) + 18px)}}
/* selector de idioma: fasttrack muestra una bandera, aqui va el codigo, que necesita color sobre la cabecera transparente */
.site-header:not(.scrolled) .lang-current{color:#fff;border-color:rgba(255,255,255,.45)}
/* regla de la casa: sin borde de color a la izquierda en las cajas destacadas */
.quick-answer,.seo-quick-answer{border-left:1px solid var(--border,#e5e7eb) !important;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,14px)}
