/* Daatha Play · página /play/ e chamadas na início e em professores */
.pl-logo{display:inline-flex;align-items:center;gap:8px;font:700 22px/1 Fredoka,'Trebuchet MS',sans-serif;color:#fff;letter-spacing:.01em}
.pl-logo b{background:var(--red);color:#fff;border-radius:8px;padding:5px 9px 4px;font-size:15px;letter-spacing:.08em}
.pl .w{max-width:1180px;margin:0 auto;padding:80px 20px}
.pl h1,.pl h2,.pl h3{font-family:Fredoka,'Trebuchet MS',sans-serif;color:var(--ink);line-height:1.12;margin:0}
.pl-hero{position:relative;overflow:hidden;background:var(--navy-dd);color:#fff;isolation:isolate}
.pl-hero .aur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1}
.pl-hero .a1{width:520px;height:520px;background:#2E75B6;left:-160px;top:-160px}
.pl-hero .a2{width:420px;height:420px;background:#3E8E5A;right:-120px;bottom:-200px;opacity:.4}
.pl-hero .a3{width:300px;height:300px;background:#D9483B;right:32%;top:-150px;opacity:.25}
.pl-hero .w{display:grid;gap:36px;align-items:center;padding-top:64px;padding-bottom:72px}
@media(min-width:960px){.pl-hero .w{grid-template-columns:1fr 1.05fr;padding-top:88px;padding-bottom:96px}}
.pl-hero h1{color:#fff;font-weight:700;font-size:clamp(40px,7vw,70px);letter-spacing:-.02em;margin:22px 0 16px}
.pl-hero h1 span{display:block;color:var(--yellow)}
.pl-hero .sub{color:#C9D6E6;font-size:19px;margin:0 0 28px;max-width:540px}
.pl .acts{display:flex;flex-wrap:wrap;gap:14px}
.pl-mini{color:#93A4BA;font-size:14.5px;margin:18px 0 0}
.pl-fan img{width:100%;max-width:620px;margin:0 auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.35))}
.pl-head{max-width:760px;margin-bottom:32px}
.pl-head h2{font-size:clamp(28px,4.4vw,42px);margin:10px 0 12px}
.pl-head p{font-size:18px;margin:0}
.pl-head .kick,.pl-duelo .kick{color:var(--red)}
.pl-3{display:grid;gap:16px}
@media(min-width:800px){.pl-3{grid-template-columns:repeat(3,1fr)}}
.pl-c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative;overflow:hidden}
.pl-c:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--c)}
.pl-c b{display:inline-block;font:700 15px Fredoka,sans-serif;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:99px;padding:4px 12px;margin-bottom:12px}
.pl-c h3{font-size:22px;margin-bottom:6px}.pl-c p{margin:0}
.pl-free{background:linear-gradient(180deg,#EEF3F9,#fff)}
.pl .free{position:relative;overflow:hidden;background:var(--navy-d);color:#fff;border-radius:28px;display:grid;gap:30px;padding:36px 22px;isolation:isolate}
@media(min-width:900px){.pl .free{grid-template-columns:1fr 1fr;padding:52px}}
.pl .free:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(62,142,90,.55),transparent 65%);left:-180px;bottom:-260px;z-index:-1}
.pl-lista:before{background:radial-gradient(circle,rgba(217,72,59,.45),transparent 65%)}
.pl .free .kick{color:var(--yellow)}
.pl .free h2{color:#fff;font-size:clamp(28px,4.4vw,42px);margin:8px 0 14px}
.pl .free p{color:#C9D6E6;margin:0 0 18px}
.pl .free ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pl .free li{display:flex;gap:12px;align-items:center;font-weight:700}
.pl .free li svg{width:22px;height:22px;color:#7FD6A5;flex:none}
.pl .form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px}
.pl .form h3{color:#fff;font-size:22px;margin-bottom:16px}
.pl .fld{display:block;margin-bottom:14px}
.pl .fld span{display:block;font-weight:700;font-size:14.5px;margin-bottom:6px;color:#DCE6F2}
.pl .fld input,.pl .fld select{width:100%;min-height:50px;border-radius:12px;border:1.5px solid rgba(255,255,255,.2);background:rgba(10,20,36,.55);color:#fff;font:16px Nunito,sans-serif;padding:0 14px}
.pl .fld select option{color:#1F3A5F}
.pl .fld input:focus,.pl .fld select:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,224,138,.18)}
.pl .fld input::placeholder{color:#8EA1B8}
.pl .ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#C9D6E6;margin:6px 0 18px;line-height:1.5}
.pl .ck input{width:20px;height:20px;margin-top:2px;accent-color:var(--yellow);flex:none}
.pl .ck a{color:var(--yellow)}
.pl .form .btn{width:100%}
.pl .form .fine{font-size:12.5px;color:#93A4BA;margin:12px 0 0}
.pl .hp{position:absolute;left:-9999px}
.pl-duelo{display:grid;gap:24px;align-items:center;margin-top:40px}
@media(min-width:900px){.pl-duelo{grid-template-columns:1.2fr 1fr}}
.pl-duelo img{width:100%;border-radius:18px;box-shadow:0 20px 44px -22px rgba(15,30,51,.55)}
.pl-duelo h3{font-size:28px;margin:8px 0 10px}.pl-duelo p{margin:0}
.pl-jogos{display:grid;gap:16px;margin-bottom:40px}
@media(min-width:760px){.pl-jogos{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.pl-jogos{grid-template-columns:repeat(3,1fr)}}
.pl-jogo{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.pl-jogo img{width:100%;aspect-ratio:900/292;object-fit:cover;border-bottom:4px solid var(--c)}
.pl-jogo .b{padding:20px 22px 24px}
.pl-jogo .tg{font:600 13px Fredoka,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.pl-jogo h3{font-size:22px;margin:6px 0 8px}.pl-jogo p{margin:0}
.pl-inc{background:var(--yellow);border-radius:22px;padding:24px;color:var(--navy)}
.pl-inc h3{font-size:24px;margin-bottom:14px}
.pl-inc ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pl-inc li{display:flex;gap:10px;align-items:flex-start}
.pl-inc li svg{width:22px;height:22px;flex:none;color:var(--green);margin-top:2px}
.pl-como{background:var(--navy);color:#fff}
.pl-como h2{color:#fff}.pl-como .kick{color:var(--yellow)}
.pl-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
@media(min-width:800px){.pl-steps{grid-template-columns:repeat(4,1fr)}}
.pl-steps li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px}
.pl-steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);color:var(--navy);font:700 20px Fredoka,sans-serif;margin-bottom:12px}
.pl-steps h3{color:#fff;font-size:20px;margin-bottom:6px}.pl-steps p{color:#C9D6E6;margin:0}
.pl .faq{max-width:860px}
.pl .faq details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}
.pl .faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font:600 18px Fredoka,sans-serif;color:var(--ink);position:relative}
.pl .faq summary::-webkit-details-marker{display:none}
.pl .faq summary:after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:translateY(-70%) rotate(45deg)}
.pl .faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.pl .faq .a{padding:0 20px 18px}.pl .faq .a p{margin:0}
.pl-end{text-align:center;background:radial-gradient(700px 300px at 50% 120%,rgba(217,72,59,.4),transparent 70%),var(--navy-dd);color:#fff}
.pl-end h2{color:#fff;font-size:clamp(30px,5vw,46px);margin:18px 0 12px}
.pl-end p{color:#C9D6E6;max-width:620px;margin:0 auto 26px;font-size:18px}
.pl-end .acts{justify-content:center}
.pl-dl{display:flex;flex-wrap:wrap;gap:12px}
/* chamadas na início e em professores */
.pl-band .w{padding-top:0}
.pl-bandc{display:grid;gap:10px;align-items:center;background:linear-gradient(120deg,#0F1E33,#1F3A5F 60%,#2E75B6);border-radius:28px;padding:30px 24px 0;text-decoration:none;color:#C9D6E6;overflow:hidden;position:relative}
@media(min-width:860px){.pl-bandc{grid-template-columns:1.1fr 1fr;padding:36px 0 0 48px}}
.pl-bandc h2{color:#fff;font:700 clamp(26px,3.6vw,36px)/1.15 Fredoka,sans-serif;margin:16px 0 10px}
.pl-bandc p{margin:0 0 20px;font-size:17px}
.pl-bandc .btn{margin-bottom:30px}
.pl-bandc img{width:100%;max-width:420px;max-height:250px;object-fit:cover;object-position:50% 0;justify-self:center;align-self:end}
@media(min-width:860px){.pl-bandc img{max-height:340px}}
.pl-bandc>div{padding-bottom:4px}
.pl-prof{max-width:1080px;padding-bottom:32px}