/* Layouts dos 19 slides — 1440×810 lógico. Só var(--…) de ds/tokens.css. */
.slide { width: 1440px; height: 810px; overflow: hidden; font-family: var(--fonte); color: var(--branco); box-sizing: border-box; }
.slide *, .slide *::before, .slide *::after { box-sizing: border-box; }
.slide p, .slide h1, .slide h2, .slide h3, .slide ul { margin: 0; }
.s-escuro { background: radial-gradient(120% 90% at 70% 10%, var(--roxo-3), var(--roxo-noite) 70%); }
.s-claro { background: var(--lilas); color: var(--roxo-2); }
.s-laranja { background: var(--laranja-claro); color: var(--roxo-noite); }
.s-laranja .titulo { color: var(--roxo-noite); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.video { display: block; position: absolute; }
.nome { position: absolute; font-size: 36px; font-weight: 400; color: var(--branco); }
.nome b { font-weight: 700; }

/* fitas de canto */
.fita-canto { width: 448px; height: 262px; pointer-events: none; }
.fita-ne { top: -40px; right: -40px; transform: scaleX(-1); }
.fita-no { top: -40px; left: -40px; }

/* 01 capa */
.capa-fundo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.capa-pessoa { position: absolute; bottom: 0; height: 760px; }
.capa-julia { left: 330px; }
.capa-jamille { left: 720px; }
.nome-julia { left: 157px; top: 412px; }
.nome-jamille { left: 1070px; top: 412px; }
.capa-faixa { position: absolute; left: 0; bottom: 0; width: 100%; }

/* 02 */
.s02-titulo { position: absolute; left: 144px; top: 223px; font-size: 89px; line-height: 96px; font-weight: 400; }
.s02-titulo .destaque { font-weight: 800; color: var(--laranja-claro); }
.assina { position: absolute; left: 144px; top: 655px; font-size: 37px; }
.s02-celular { position: absolute; right: 60px; top: 20px; height: 770px; }

/* 03 */
.s03-titulo { position: absolute; top: 140px; left: 0; right: 0; text-align: center; font-size: 66px; color: var(--roxo-2); }
.s03-titulo .leve { font-weight: 400; }
.s03-video { left: 100px; top: 230px; width: 1240px; height: 560px; }

/* 04 */
.s04-celular { position: absolute; left: 0; top: 0; width: 715px; height: 753px; object-fit: cover; object-position: 100% 0; }
.s04-texto { position: absolute; left: 541px; top: 172px; }
.s04-genz { font-size: 150px; line-height: 150px; color: var(--laranja-claro); margin-bottom: 20px; }
.s04-linha { font-size: 74px; line-height: 80px; }
.s04-forte { font-size: 93px; line-height: 98px; font-weight: 700; }
.s04-arroba { font-size: 33px; font-style: italic; margin-top: 40px; }

/* 05 */
.s05-titulo { position: absolute; top: 136px; left: 0; right: 0; text-align: center; font-size: 56px; line-height: 60px; }
.s05-video { left: 220px; top: 270px; width: 1000px; height: 400px; }
.s05-rodape { position: absolute; left: 0; right: 0; top: 688px; text-align: center; font-size: 32px; line-height: 35px; }

/* ANTES/DEPOIS (6, 9, 12, 15) */
.ad-titulo { position: absolute; top: 116px; left: 50%; width: max-content; transform: translateX(-50%); text-align: center; font-size: 86px; }
.s-claro .ad-titulo, .s-claro .jor-titulo, .s-claro .jor-destaque, #s05 .destaque { color: var(--laranja-escuro); }
.s-claro .ornamento { color: var(--laranja-escuro); }
.ad-cards { position: absolute; top: 270px; left: 190px; right: 190px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.ad-card { height: 470px; padding: 34px 36px; }
.ad-card h3 { text-align: center; color: var(--laranja); font-size: 50px; font-weight: 700; margin-bottom: 28px; }
.ad-card ul { list-style: none; padding: 0; display: grid; gap: 26px; }
.ad-card li { position: relative; padding-left: 30px; font-size: 25px; line-height: 1.2; font-weight: 700; color: var(--lilas); }
.ad-card li::before { content: ""; position: absolute; left: 2px; top: .42em; width: 11px; height: 11px; background: var(--laranja); transform: rotate(45deg); }

/* JORNADA (7, 10, 13, 16) */
.s-jornada { display: flex; flex-direction: column; align-items: center; padding: 100px 150px 0; gap: 22px; text-align: center; }
.jor-titulo { font-size: 60px; position: relative; }
.s-jornada .ornamento { margin-top: -10px; position: relative; }
.jor-corpo { font-size: 30px; line-height: 1.15; font-weight: 700; color: var(--lilas); position: relative; }
.jor-escuro { color: var(--roxo-noite); font-size: 34px; }
.jor-destaque { font-size: 44px; line-height: 1.1; font-weight: 700; color: var(--laranja); position: relative; }
.jor-medio { font-size: 33px; }
.jor-faixa { width: 100%; font-size: 32px; position: relative; }
#s16 .jor-corpo { font-size: 31px; }
#s16 .jor-destaque { font-size: 38px; }
#s07 { align-items: flex-start; text-align: left; padding: 90px 560px 0 110px; }
#s07 .ornamento { margin-left: 0; }
#s07 .jor-faixa { position: absolute; left: 0; right: 0; bottom: 70px; width: auto; }
.s07-feed { left: auto; right: 150px; top: 120px; width: 300px; height: 470px; }
.s13-rede { inset: 0; width: 100%; height: 100%; opacity: .35; }
#s13 .jor-corpo, #s13 .jor-destaque, #s13 .jor-faixa { z-index: 1; }
#s13 .jor-corpo { padding: 14px 28px; border-radius: var(--raio-card); background: color-mix(in srgb, var(--roxo-noite) 72%, transparent); }

/* 08 */
.s08-celular { position: absolute; left: 0; top: 0; width: 1440px; height: 810px; clip-path: inset(0 46% 0 0); }
.s08-logo { position: absolute; right: 40px; top: 24px; height: 28px; }
.s08-video { left: 760px; top: 80px; width: 640px; height: 700px; }

/* 11 */
.s11-video { left: 60px; top: 50px; width: 1320px; height: 710px; }

/* 14 */
.s14-rede { left: 0; top: 0; width: 760px; height: 810px; }
.s14-moldura { position: absolute; left: 60px; top: 170px; width: 700px; }
.s14-nokia { position: absolute; left: 80px; top: 150px; height: 560px; }
.s14-rotulos { position: absolute; left: 60px; top: 160px; width: 700px; }
.s14-quadro { position: absolute; left: 800px; top: 330px; width: 520px; padding: 30px 40px; border: 2px solid transparent; border-radius: var(--raio-card); background: linear-gradient(var(--roxo-noite), var(--roxo-noite)) padding-box, var(--fita) border-box; }
.s14-quadro p { font-size: 40px; line-height: 44px; color: var(--lilas); }

/* 17 */
.s17-titulo { position: absolute; left: 60px; top: 330px; width: 400px; text-align: right; font-size: 79px; line-height: 72px; }
.s17-linha { position: absolute; left: 90px; top: 476px; width: 356px; height: 3px; background: var(--roxo-2); }
.s17-quadro { position: absolute; left: 466px; top: 40px; width: 940px; height: 740px; border: 3px solid var(--roxo-2); border-radius: 12px; }
.s17-video { left: 50%; top: 50%; width: 330px; height: 330px; transform: translate(-50%, -50%); z-index: 1; }
.s17-card { position: absolute; width: 284px; height: 330px; padding: 22px 26px; background: var(--branco); color: var(--roxo-2); border-radius: 44px; font-size: 22px; line-height: 1.2; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.s17-card p { margin: 0; }
.s17-card b { font-weight: 800; }
.s17-c1 { left: 24px; top: 24px; text-align: left; }
.s17-c2 { right: 24px; top: 24px; text-align: right; }
.s17-c3 { left: 24px; bottom: 24px; text-align: left; }
.s17-c4 { right: 24px; bottom: 24px; text-align: right; }

/* 18 */
.s18-titulo { position: absolute; top: 150px; left: 0; right: 0; text-align: center; font-size: 97px; }
.s18-card { position: absolute; left: 190px; top: 310px; width: 1060px; height: 400px; border: 6px solid transparent; border-radius: 44px; background: linear-gradient(var(--branco), var(--branco)) padding-box, var(--fita) border-box; }
.s18-video { left: 50%; top: 50%; width: 1008px; height: 340px; transform: translate(-50%, -50%); }

/* 19 */
.s19-fundo { position: absolute; left: 310px; bottom: 0; width: 828px; height: 240px; object-fit: cover; object-position: top; opacity: .9; }
.s19-ilustra { position: absolute; z-index: 1; left: 380px; bottom: 0; height: 700px; }
.s19-titulo { position: absolute; z-index: 0; top: 327px; left: 0; right: 0; text-align: center; font-size: 197px; color: var(--laranja-claro); text-shadow: var(--sombra-card); }
.s19-n-jamille { left: 90px; top: 693px; }
.s19-n-julia { left: 1102px; top: 693px; }