:root{--seo-red:#e51924;--seo-bg:#080808;--seo-panel:#0d0d0d;--seo-line:#292929;--seo-text:#f5f2ee;--seo-muted:#b8b4b0;--seo-yellow:#f6c518;--seo-green:#a8ff00;--seo-orange:#ff7a00}
html{scroll-behavior:smooth}
body.seo-page{background:var(--seo-bg);color:var(--seo-text);font-family:Inter,Arial,sans-serif}
.seo-page .site-header{background:rgba(8,8,8,.96)}
.seo-page .brand{color:inherit}
.seo-page .brand-logo{object-fit:contain}
.seo-page main{overflow:hidden}
.seo-hero{position:relative;min-height:min(780px,88vh);display:grid;align-items:end;padding:clamp(150px,18vw,220px) max(7vw,24px) clamp(70px,9vw,120px);border-bottom:1px solid var(--seo-line);isolation:isolate}
.seo-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.78) 48%,rgba(5,5,5,.2) 100%),linear-gradient(0deg,#080808 0%,transparent 42%);z-index:-1}
.seo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9) contrast(1.06)}
.seo-hero-content{width:min(850px,100%)}
.seo-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px;color:#aaa;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}
.seo-breadcrumb a{color:#ddd;text-decoration:none}.seo-breadcrumb a:hover{color:var(--seo-red)}
.seo-eyebrow{margin:0 0 18px;color:var(--accent,var(--seo-red));font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:.78rem}
.seo-hero h1,.seo-section h2,.seo-cta h2{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.seo-hero h1{max-width:1050px;margin:0;font-size:clamp(4rem,9vw,8.5rem);line-height:.82}
.seo-hero-lead{max-width:760px;margin:28px 0 0;color:#ddd;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}
.seo-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.seo-actions .button{min-width:220px;text-align:center}.seo-actions .seo-secondary{background:transparent}
.seo-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border:1px solid rgba(255,255,255,.16);background:rgba(5,5,5,.74);backdrop-filter:blur(8px)}
.seo-fact{padding:20px 22px;border-right:1px solid rgba(255,255,255,.14)}.seo-fact:last-child{border-right:0}.seo-fact strong{display:block;font-family:"Barlow Condensed",sans-serif;font-size:2rem;color:var(--accent,var(--seo-red))}.seo-fact span{display:block;margin-top:3px;color:#bbb;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.seo-section{padding:clamp(64px,8vw,112px) max(7vw,24px);border-bottom:1px solid var(--seo-line)}
.seo-section-inner{width:min(1440px,100%);margin:auto}.seo-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:50px}
.seo-section h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.9}.seo-section-head>div:last-child,.seo-copy{color:var(--seo-muted);font-size:1.05rem;line-height:1.8}.seo-section-head p{margin:0 0 18px}.seo-section-head p:last-child{margin-bottom:0}
.seo-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:24px}.seo-story-image{min-height:520px;margin:0;overflow:hidden;border:1px solid var(--seo-line)}.seo-story-image img{width:100%;height:100%;object-fit:cover;display:block}.seo-story-copy{display:grid;align-content:center;padding:clamp(34px,6vw,78px);background:var(--seo-panel);border:1px solid var(--seo-line)}.seo-story-copy h3{margin:0 0 22px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4vw,3.8rem);line-height:.95;text-transform:uppercase}.seo-story-copy p{margin:0 0 18px;color:var(--seo-muted);line-height:1.8}.seo-story-copy p:last-child{margin-bottom:0}
.seo-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--seo-line);border-left:1px solid var(--seo-line)}.seo-benefit{min-height:230px;padding:32px;border-right:1px solid var(--seo-line);border-bottom:1px solid var(--seo-line);background:#0a0a0a}.seo-benefit>span{color:var(--accent,var(--seo-red));font-size:.75rem;letter-spacing:.16em}.seo-benefit h3{margin:42px 0 12px;font-family:"Barlow Condensed",sans-serif;font-size:1.75rem;text-transform:uppercase}.seo-benefit p{margin:0;color:var(--seo-muted);line-height:1.7}
.seo-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seo-fit article{padding:32px;border:1px solid var(--seo-line);background:linear-gradient(135deg,#101010,#090909)}.seo-fit h3{margin:0 0 12px;font-family:"Barlow Condensed",sans-serif;font-size:1.8rem;text-transform:uppercase}.seo-fit p{margin:0;color:var(--seo-muted);line-height:1.75}
.seo-faq{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(40px,8vw,110px)}.seo-faq-intro p{color:var(--seo-muted);line-height:1.75}.seo-faq-list{border-top:1px solid var(--seo-line)}.seo-faq details{border-bottom:1px solid var(--seo-line)}.seo-faq summary{display:flex;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none}.seo-faq summary::after{content:"+";color:var(--accent,var(--seo-red));font-size:1.5rem}.seo-faq details[open] summary::after{content:"−"}.seo-faq details p{max-width:850px;margin:0;padding:0 40px 24px 0;color:var(--seo-muted);line-height:1.75}
.seo-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.seo-related a{display:flex;min-height:190px;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid var(--seo-line);background:#0b0b0b;color:#fff;text-decoration:none;transition:.2s ease}.seo-related a:hover{border-color:var(--accent,var(--seo-red));transform:translateY(-3px)}.seo-related small{color:var(--accent,var(--seo-red));text-transform:uppercase;letter-spacing:.12em}.seo-related strong{margin-top:26px;font-family:"Barlow Condensed",sans-serif;font-size:1.6rem;line-height:1;text-transform:uppercase}
.seo-cta{position:relative;padding:clamp(76px,10vw,140px) 24px;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(229,25,36,.18),transparent 48%),#070707}.seo-cta p{margin:0;color:var(--seo-red);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem}.seo-cta h2{margin:22px auto 34px;font-size:clamp(3.4rem,8vw,7.5rem);line-height:.85}.seo-cta .button{display:inline-flex;justify-content:center;min-width:270px}
.seo-page .site-footer{margin-top:0}.seo-inline-link{display:inline-flex;margin-top:22px;color:#fff;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-size:1.25rem;text-transform:uppercase;border-bottom:1px solid var(--accent,var(--seo-red))}
.seo-ranking-list{counter-reset:ranking;display:grid;gap:16px}.seo-ranking-list article{position:relative;padding:clamp(30px,5vw,54px) clamp(26px,5vw,60px) clamp(30px,5vw,54px) clamp(90px,10vw,150px);border:1px solid var(--seo-line);background:#0b0b0b}.seo-ranking-list article::before{counter-increment:ranking;content:counter(ranking,decimal-leading-zero);position:absolute;left:32px;top:34px;color:var(--seo-red);font-family:"Barlow Condensed",sans-serif;font-size:2.2rem}.seo-ranking-list h3{margin:0 0 14px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase}.seo-ranking-list p{margin:0;color:var(--seo-muted);line-height:1.75}.seo-editorial-note{margin-top:28px;padding:24px;border-left:3px solid var(--seo-red);background:#101010;color:var(--seo-muted);line-height:1.7}
.seo-page--family{--accent:var(--seo-yellow)}.seo-page--business{--accent:var(--seo-green)}.seo-page--actors{--accent:var(--seo-red)}.seo-page--ranking{--accent:var(--seo-orange)}
.seo-page--halloween{--accent:var(--seo-orange)}
@media(max-width:960px){.seo-section-head,.seo-story-grid,.seo-faq{grid-template-columns:1fr}.seo-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-related{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-story-image{min-height:420px}.seo-facts{grid-template-columns:repeat(2,1fr)}.seo-fact:nth-child(2){border-right:0}.seo-fact:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}}
@media(max-width:700px){.seo-hero{min-height:720px;padding:130px 22px 58px}.seo-hero::before{background:linear-gradient(0deg,#080808 8%,rgba(5,5,5,.68) 70%,rgba(5,5,5,.82) 100%)}.seo-hero>img{object-position:62% center}.seo-hero h1{font-size:clamp(3.5rem,18vw,5.8rem)}.seo-hero-lead{font-size:1rem}.seo-actions{display:grid}.seo-actions .button{width:100%}.seo-facts{margin-top:38px}.seo-fact{padding:16px 14px}.seo-fact strong{font-size:1.6rem}.seo-section{padding:62px 22px}.seo-section-head{margin-bottom:34px;gap:24px}.seo-benefits,.seo-fit,.seo-related{grid-template-columns:1fr}.seo-benefit{min-height:auto}.seo-benefit h3{margin-top:28px}.seo-story-image{min-height:340px}.seo-story-copy{padding:30px 24px}.seo-faq summary{padding:20px 0}.seo-ranking-list article{padding:84px 24px 28px}.seo-ranking-list article::before{left:24px;top:24px}.seo-page .mobile-book{display:flex}}

/* Encuadre específico para conservar el protagonista y los títulos de cada imagen. */
.seo-page--actors .seo-hero>img,.seo-page--ranking .seo-hero>img{object-position:center center}
.seo-page--halloween .seo-hero>img{object-position:center center}
.seo-page--family .seo-hero>img{object-position:64% 38%}
.seo-page--business .seo-hero>img{object-position:60% 46%}
.seo-page:not(.seo-page--family):not(.seo-page--business):not(.seo-page--actors):not(.seo-page--ranking):not(.seo-page--halloween) .seo-hero>img{object-position:64% 34%}
.seo-story-image img{object-position:center center}

@media(max-width:700px){
  .seo-page--actors .seo-hero>img,.seo-page--ranking .seo-hero>img{object-position:65% center}
  .seo-page--halloween .seo-hero>img{object-position:65% center}
  .seo-page--family .seo-hero>img{object-position:center 28%}
  .seo-page--business .seo-hero>img{object-position:center 38%}
  .seo-page:not(.seo-page--family):not(.seo-page--business):not(.seo-page--actors):not(.seo-page--ranking):not(.seo-page--halloween) .seo-hero>img{object-position:center 30%}
}