/* Sena Cine · direção visual editorial */
:root { --bg:#111114; --bg-soft:#171719; --surface:#1d1d20; --surface-2:#222225; --red:#d72932; --red-bright:#ef454e; --text:#f4f0e9; --muted:#b8b4ae; --radius:8px; --container:min(1200px,calc(100% - 48px)); }
html { scroll-behavior:smooth; }
body { background:#111114; color:#f4f0e9; font-family:Arial,Helvetica,sans-serif; letter-spacing:.002em; }
body::before { display:none; }
h1,h2,h3 { font-family:Georgia,'Times New Roman',serif; font-weight:500; letter-spacing:-.035em; }
.topbar { background:#c9252e; font:700 .7rem Arial,sans-serif; letter-spacing:.18em; min-height:30px; }
.site-header { background:#111114; backdrop-filter:none; border-color:#373638; }
.navbar { min-height:72px; }
.nav-links a { font:600 .84rem Arial,sans-serif; letter-spacing:.01em; }
.nav-links a::after { display:none; }
.btn,.btn-primary,.btn-secondary,.btn-whatsapp { border-radius:3px; box-shadow:none; font-family:Arial,Helvetica,sans-serif; letter-spacing:0; }
.btn-primary { background:#d72932; color:#fff; }
.btn-primary:hover { background:#b71c26; box-shadow:none; }
.btn-secondary { background:transparent; border:1px solid #5d5958; }
.btn:hover { transform:none; }
.card,.topic-group,.video-frame,.real-tv-figure,.guide-photo,.hub-photo,.form-card { border-radius:5px; box-shadow:none; }
.card:hover { transform:none; box-shadow:none; }
.section-number { margin:0 0 24px; color:#e64a53; font:700 .69rem Arial,sans-serif; letter-spacing:.19em; }
.editorial-home main h2 { font-size:clamp(2.6rem,4.7vw,4.5rem); line-height:1.08; }
.editorial-home main h2 em,.editorial-home h1 em { color:#d72932; font-style:italic; font-weight:400; }
.editorial-home p { line-height:1.65; }
.hero-editorial { background:#111114; padding:68px 0 0; }
.hero-editorial-grid { display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:clamp(36px,5vw,80px); }
.hero-editorial-copy { padding:18px 0 50px; }
.hero-editorial h1 { max-width:680px; margin:0 0 27px; font-size:clamp(3.65rem,6.3vw,6.8rem); line-height:.99; }
.hero-editorial h1 em { display:block; }
.hero-lede { max-width:550px; color:#c7c3bd; font-size:1.12rem; }
.hero-actions { margin-top:30px; align-items:center; gap:26px; }
.hero-actions .btn { min-height:55px; padding-inline:23px; }
.quiet-link,.under-link { display:inline-flex; align-items:center; gap:14px; font-size:.92rem; font-weight:700; border-bottom:1px solid currentColor; padding-bottom:4px; }
.quiet-link:hover,.under-link:hover { color:#e44952; }
.hero-note { margin:20px 0 0; color:#9e9b98; font-size:.79rem; }
.hero-editorial-photo { margin:0; align-self:stretch; min-height:520px; display:flex; flex-direction:column; }
.hero-editorial-photo img { width:100%; height:100%; min-height:480px; flex:1; object-fit:cover; object-position:center; }
.hero-editorial-photo figcaption { display:flex; gap:14px; padding:12px 0; color:#a9a59f; font-size:.75rem; }
.hero-editorial-photo figcaption span { color:#ef454e; font-weight:800; white-space:nowrap; letter-spacing:.08em; }
.hero-foot { display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; border-top:1px solid #3d3b3b; margin-top:45px; padding:20px 0; font-size:.7rem; letter-spacing:.12em; color:#afaba5; }
.hero-foot strong { color:#f4f0e9; margin-left:8px; }
.paper-section { background:#f2eee7; color:#171719; padding:clamp(76px,10vw,128px) 0; }
.paper-section .section-number { color:#b2252d; }
.paper-section h2 em { color:#b5252e; }
.editorial-heading { display:grid; grid-template-columns:minmax(170px,.65fr) 1.7fr 1fr; align-items:start; gap:34px; margin-bottom:58px; }
.editorial-heading h2 { margin:-8px 0 0; }
.editorial-heading > p:last-child { max-width:290px; color:#5d5955; font-size:.91rem; }
.plan-table { border-top:1px solid #b8b0a8; }
.plan-row { display:grid; grid-template-columns:1.3fr 1fr auto; align-items:center; gap:24px; padding:31px 0; border-bottom:1px solid #b8b0a8; }
.plan-row > div:first-child { display:grid; grid-template-columns:33px 1fr; column-gap:14px; }
.plan-index { grid-row:span 2; color:#b5252e; font-size:.77rem; padding-top:7px; }
.plan-row h3 { margin:0 0 4px; font-size:2.1rem; line-height:1.1; }
.plan-row p { grid-column:2; margin:0; color:#67625d; font-size:.86rem; }
.plan-value { font-family:Georgia,serif; font-size:2rem; white-space:nowrap; }
.plan-value small { font:normal .75rem Arial,sans-serif; color:#69635d; }
.plan-row a { padding:12px 0; border-bottom:1px solid #a7242d; color:#9f2028; font-size:.84rem; font-weight:700; white-space:nowrap; }
.plan-row a span { padding-left:9px; }
.plans-editorial .under-link,.guides-editorial .under-link { margin-top:32px; }
.dark-section { padding:clamp(76px,10vw,124px) 0; background:#19191c; }
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,8vw,120px); }
.two-column h2 { max-width:480px; margin:0; }
.prose-large { color:#c8c4bf; font-size:1.02rem; }
.number-list { list-style:none; counter-reset:steps; margin:25px 0 30px; padding:0; }
.number-list li { counter-increment:steps; position:relative; padding:15px 0 15px 45px; border-top:1px solid #474448; }
.number-list li::before { content:'0' counter(steps); position:absolute; left:0; color:#ed555e; font-size:.8rem; font-weight:700; }
.number-list strong { color:#f4f0e9; }
.media-editorial-grid { display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:clamp(40px,7vw,110px); }
.media-editorial figure { margin:0; }
.media-editorial img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.media-editorial figcaption { margin-top:10px; color:#726c65; font-size:.74rem; }
.media-editorial h2 { margin-bottom:24px; }
.media-editorial-grid > div > p:not(.section-number) { color:#57524e; }
.device-links { display:grid; grid-template-columns:1fr 1fr; gap:0 23px; margin:28px 0 30px; }
.device-links a { padding:13px 0; border-top:1px solid #b9b0a8; font-weight:700; font-size:.9rem; }
.video-editorial { background:#111114; }
.video-editorial-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:6vw; }
.video-editorial p:not(.section-number) { max-width:350px; color:#aaa6a2; }
.video-frame { overflow:hidden; border:1px solid #363438; }
.video-frame video { display:block; width:100%; height:auto; }
.guide-links { border-top:1px solid #aaa29b; }
.guide-links a { display:grid; grid-template-columns:170px 1fr 20px; gap:25px; align-items:center; padding:22px 0; border-bottom:1px solid #aaa29b; }
.guide-links a > span:first-child { color:#a52c34; font-size:.68rem; letter-spacing:.11em; font-weight:700; }
.guide-links strong { font:normal clamp(1.2rem,2vw,1.8rem) Georgia,serif; }
.guide-links a:hover strong { color:#aa202a; }
.closing-editorial { background:#be2530; padding:70px 0; }
.closing-editorial-grid { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.closing-editorial .section-number { color:#ffd2d4; }
.closing-editorial h2 { margin:0; }
.closing-editorial p:last-child { margin:12px 0 0; max-width:600px; color:#ffe1e1; }
.closing-editorial .btn { flex:none; background:#111114; }
.site-footer { margin-top:0; border-top:1px solid #373638; background:#111114; }
.whatsapp-float { border-radius:50%; box-shadow:none; }

/* Pages from the existing guides share the same color and type language. */
.page-hero { background:#171719; }
.page-hero h1 { max-width:900px; }
.eyebrow { color:#ef555d; }
.eyebrow::before { background:#ef555d; }
.topic-group,.answer-box,.card,.sidebar-card { background:#1d1d20; border-color:#39383a; }
.prose h2,.prose h3,.section-head h2 { font-family:Georgia,'Times New Roman',serif; font-weight:500; }
.prose { line-height:1.78; }
.prose a,.text-link { text-decoration:underline; text-underline-offset:4px; }
.faq-item { border-color:#444144; }
.nav-toggle { border-radius:3px; }

@media(max-width:980px) {
  .editorial-heading { grid-template-columns:1fr 2fr; }
  .editorial-heading > p:last-child { grid-column:2; }
  .hero-editorial-grid { gap:25px; }
  .hero-editorial h1 { font-size:clamp(3.1rem,7vw,5.2rem); }
  .nav-links { background:#171719; border-radius:3px; }
}
@media(max-width:720px) {
  :root { --container:min(100% - 34px,1200px); }
  .topbar { font-size:.59rem; }
  .navbar { min-height:65px; gap:12px; }
  .navbar > .btn { display:none; }
  .hero-editorial { padding-top:40px; }
  .hero-editorial-grid,.two-column,.media-editorial-grid,.video-editorial-grid { grid-template-columns:1fr; }
  .hero-editorial-copy { padding:0; }
  .hero-editorial h1 { font-size:clamp(3.2rem,13vw,5.4rem); }
  .hero-editorial-photo { min-height:0; }
  .hero-editorial-photo img { min-height:0; aspect-ratio:4/3; }
  .hero-editorial-photo figcaption { flex-direction:column; gap:4px; }
  .hero-foot { margin-top:18px; gap:12px; }
  .hero-foot span { display:block; width:100%; }
  .editorial-heading { display:block; margin-bottom:38px; }
  .editorial-heading h2 { margin:0 0 18px; }
  .plan-row { grid-template-columns:1fr auto; gap:15px; padding:22px 0; }
  .plan-row h3 { font-size:1.8rem; }
  .plan-row p { font-size:.78rem; }
  .plan-value { font-size:1.5rem; }
  .plan-value small { display:block; }
  .plan-row a { grid-column:1/-1; width:max-content; }
  .media-editorial-grid { gap:30px; }
  .guide-links a { grid-template-columns:1fr 20px; gap:8px; }
  .guide-links a span:first-child { grid-column:1/-1; }
  .closing-editorial-grid { display:block; }
  .closing-editorial-grid .btn { margin-top:22px; }
  .editorial-home main h2 { font-size:clamp(2.5rem,11vw,3.8rem); }
  .paper-section,.dark-section { padding:70px 0; }
}
@media(max-width:400px) {
  .brand img { width:134px; }
  .hero-editorial h1 { font-size:3.05rem; }
  .hero-actions { gap:18px; }
}