/* Para ti: one opening, then short editorial routes rather than stacked banners. */
.para-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.72fr); gap:8vw; padding:clamp(60px,8vw,112px) 8vw; background:#f2efe9; align-items:end; }
.para-intro h2,.para-routes-heading h2 { max-width:10ch; font-size:clamp(48px,5.4vw,82px); line-height:.92; }
.para-intro .body-copy { max-width:39ch; margin:0; font-size:clamp(18px,1.5vw,22px); }
.para-routes { background:#121212; color:#fff; padding:clamp(58px,7vw,105px) 8vw; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.para-routes-heading { grid-column:1/-1; display:flex; justify-content:space-between; align-items:end; margin-bottom:18px; }
.para-routes-heading .eyebrow { color:#f23535; }
.para-route-card { min-height:390px; padding:32px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid #4a4a4a; background:linear-gradient(155deg,#242424,#141414); }
.para-route-card .n { color:#ef2929; font:900 26px var(--display); }
.para-route-card .eyebrow { margin:50px 0 10px; color:#d8d2ca; }
.para-route-card h3 { font-size:clamp(34px,3.2vw,48px); line-height:.94; margin:0; max-width:9ch; }
.para-route-card .body-copy { margin:20px 0 28px; max-width:29ch; }
.para-route-card .text-link { margin-top:auto; color:#fff; }
.para-route-card:hover { border-color:#ef2929; transform:translateY(-4px); transition:transform .2s ease,border-color .2s ease; }
.para-route-start { background:linear-gradient(150deg,#2c2b29,#151515); }
.para-route-ways { background:linear-gradient(150deg,#351010,#171313); }
.para-route-community { background:linear-gradient(150deg,#26302c,#131817); }
.para-cta-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.cta-band .para-cta-actions .text-link { color:#fff; }

.para-subpage { background:#f2efe9; }
.para-subpage-hero { padding:clamp(54px,8vw,110px) 8vw clamp(44px,6vw,80px); background:#151515; color:#fff; }
.para-subpage-hero .eyebrow { color:#f23535; }
.para-subpage-hero h1 { max-width:10ch; margin:18px 0 22px; font-size:clamp(55px,7vw,104px); line-height:.9; }
.para-subpage-hero .body-copy { max-width:48ch; margin:0; font-size:clamp(18px,1.7vw,23px); }
.para-subnav { display:flex; flex-wrap:wrap; gap:0; background:#0d0d0d; padding:0 8vw; }
.para-subnav a { color:#fff; padding:18px 22px; border-left:1px solid #3f3f3f; font-weight:800; }
.para-subnav a[aria-current="page"] { background:#e11111; }
.para-content { padding:clamp(58px,8vw,112px) 8vw; }
.para-content-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:8vw; }
.para-content h2 { font-size:clamp(42px,5vw,72px); line-height:.94; max-width:11ch; }
.para-content .body-copy { font-size:18px; max-width:47ch; }
.para-steps { list-style:none; margin:0; padding:0; counter-reset:steps; }
.para-steps li { counter-increment:steps; border-top:1px solid #bdb7af; padding:25px 0 25px 68px; position:relative; font-size:clamp(19px,1.8vw,25px); font-weight:750; }
.para-steps li::before { content:"0" counter(steps); position:absolute; left:0; color:#e11111; font:900 26px var(--display); }
.para-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#c8c1b8; }
.para-link-grid a { background:#fff; color:#181818; padding:30px; min-height:175px; display:flex; flex-direction:column; justify-content:space-between; font:900 clamp(27px,3vw,42px)/.94 var(--display); }
.para-link-grid a span { color:#e11111; font:800 18px var(--sans); }
.para-quote { background:#e11111; color:#fff; padding:clamp(55px,7vw,100px) 8vw; }
.para-quote p { max-width:18ch; margin:0; font:900 clamp(42px,6vw,88px)/.93 var(--display); text-transform:uppercase; }
.para-page-footer { background:#121212; color:#fff; padding:45px 8vw; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.para-page-footer h2 { font-size:clamp(35px,4vw,58px); margin:0; max-width:13ch; }

@media (max-width:760px) { .para-intro,.para-content-grid { grid-template-columns:1fr; gap:30px; } .para-routes { grid-template-columns:1fr; padding-inline:6vw; } .para-routes-heading { display:block; } .para-route-card { min-height:300px; } .para-route-card .eyebrow { margin-top:34px; } .para-subnav { padding:0; overflow-x:auto; } .para-subnav a { flex:none; padding:16px 18px; } .para-content,.para-subpage-hero { padding-inline:6vw; } .para-link-grid { grid-template-columns:1fr; } .para-page-footer { align-items:flex-start; flex-direction:column; padding-inline:6vw; } }

/* Hero exclusivo de Para ti. Mantido no fim da cascata porque as folhas
   recuperadas partilham regras genéricas para várias testeiras. */
.page-hero-photo { display:flex!important; align-items:center; min-height:clamp(620px,52vw,760px)!important; padding:clamp(64px,7vw,112px) 8vw!important; background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.68) 39%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.08) 100%),url('/assets/para-ti-amanhecer.webp')!important; background-position:20% center!important; }
.page-hero-photo > div:first-child { width:min(690px,100%)!important; max-width:690px!important; }
.page-hero-photo .para-hero-kicker { margin:0 0 clamp(24px,3vw,38px); color:#c80000; font:800 clamp(15px,1.25vw,19px)/1 'DM Sans',Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.page-hero-photo .para-hero-kicker span { display:inline-block; margin-right:.32em; font-size:1.45em; line-height:0; vertical-align:-.08em; }
.page-hero-photo .page-hero-message h1 { max-width:10ch; margin:0; color:#fff; font-size:clamp(72px,8.25vw,128px); line-height:.82; letter-spacing:-.035em; }
.page-hero-photo .page-hero-message h1 em { color:#c80000; }
.page-hero-photo .page-hero-message .lede { max-width:37ch; margin:clamp(24px,2.5vw,34px) 0; color:#fff; font-size:clamp(17px,1.4vw,21px)!important; line-height:1.5!important; }
.page-hero-photo .hero-entry-action { background:#c80000; }
.page-hero-photo .big-index { display:none!important; }
@media (max-width:720px) { .page-hero-photo { min-height:650px!important; padding:64px 7vw!important; background-position:20% center!important; background-image:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.61)),url('/assets/para-ti-amanhecer-1600.webp')!important; } .page-hero-photo .page-hero-message h1 { font-size:clamp(52px,17vw,88px); } .page-hero-photo .para-hero-kicker { margin-bottom:24px; } }