/*
Theme Name: PotroPlay Brasil
Version: 1.0.0
*/
:root{color-scheme:dark;--ink:#f1f6ff;--muted:#b7c9e5;--line:#395784;--accent:#b9ddff;--deep:#07172e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 12%,#154580 0,transparent 44%),linear-gradient(150deg,#08162e,#0d2544 55%,#071524);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:#fff}a:focus-visible,summary:focus-visible{outline:3px solid #fdd68a;outline-offset:5px}img{max-width:100%;height:auto}header,footer{border-block-end:1px solid var(--line)}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800;text-decoration:none}.brand img{border-radius:10px}nav a{margin-inline-start:22px;text-decoration:none}nav a:hover{text-decoration:underline}.mobile{display:none}.hero{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:40px;padding-block:clamp(42px,8vw,100px) 46px}.eyebrow{font-size:.77rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#a6d2ff}h1,h2,h3,p{margin:0 0 .65em}h1{font-size:clamp(2.45rem,6vw,4.8rem);letter-spacing:-.065em;line-height:1.02}h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.035em}p,li{color:var(--muted)}.mark{display:grid;place-items:center;min-height:260px;background:linear-gradient(135deg,#15355d,#102340);border:1px solid var(--line);border-radius:30px 8px 30px 8px}.mark img{width:min(57%,210px);border-radius:24px}.button{display:inline-block;background:#b9ddff;color:#071b35;text-decoration:none;font-weight:800;border-radius:9px;padding:.7rem 1.05rem}.button:hover{background:#e1efff;color:#071b35}.section{padding-block:30px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(135deg,#17365b,#0c213e);border:1px solid var(--line);border-radius:16px;padding:24px}.price{font-size:2rem;color:var(--ink);font-weight:850}.steps{padding-inline-start:1.35rem}.steps li{padding-block:.35em}details{border-block-end:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:700}summary:hover{color:var(--accent)}footer{margin-top:36px;border-block-start:1px solid var(--line);padding:22px 0 48px}.notice{background:#193356;border:1px solid var(--line);border-radius:10px;padding:12px 16px}.contact{position:fixed;bottom:16px;right:16px;background:#b0f0d0;color:#082c21}.contact:hover{background:#d6ffeb;color:#082c21}.narrow{max-width:740px;padding-top:45px}.narrow h1{font-size:clamp(2rem,6vw,3.3rem)}@media(max-width:660px){.desktop{display:none}.mobile{display:block;position:relative;border:0;padding:0}.mobile nav{position:absolute;z-index:2;right:0;top:34px;background:#102747;border:1px solid var(--line);border-radius:12px;width:165px;padding:8px}.mobile nav a{display:block;margin:0;padding:8px}.hero,.grid{grid-template-columns:1fr}.hero{gap:20px}.mark{min-height:150px}.mark img{width:110px}}

/* Commercial layout */
.hero{padding-bottom:34px}.mark{position:relative;isolation:isolate;overflow:hidden;min-height:300px;background:radial-gradient(ellipse at 72% 22%,#367bc9,transparent 65%),linear-gradient(135deg,#153963,#102340);border-radius:32px 10px 32px 10px}.mark::before{content:"";position:absolute;inset:-20%;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 36px,#b9ddff26 37px 38px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.mark-inner{display:grid;justify-items:center;gap:4px;padding:30px}.mark-inner img{width:104px;margin-bottom:12px;border-radius:20px;box-shadow:0 14px 35px #06152d80}.mark-inner strong{font-size:2.35rem;line-height:1.2;letter-spacing:-.05em}.mark-inner span:last-child{color:#d8e8ff}.trust{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#142f52,#112543);color:#d8e8ff}.plan-card{border-block-start:3px solid #8dc5ff}.plan-card h3{font-size:1.45rem}.plan-card .price{margin-bottom:.15em}.plan-card .button{margin-top:10px}.guide-grid,.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-link{display:grid;gap:6px;text-decoration:none}.guide-link span{color:var(--muted)}.guide-link:hover{border-color:#b9ddff;background:#204671}.guide section{padding-block:14px}.guide section h2{font-size:1.4rem}.inline-support{display:inline-block;margin:12px}.footer-grid a{display:block;margin-top:7px}.footer-grid strong{display:block;margin-bottom:6px}@media(max-width:660px){.guide-grid,.footer-grid{grid-template-columns:1fr}.mark{min-height:205px}.mark-inner{padding:20px}.mark-inner img{width:70px}.mark-inner strong{font-size:1.9rem}.trust{font-size:.89rem;gap:6px 16px}}

/* PotroPlay storefront: navy hero, blue-tinted catalog and compact navigation. */
:root{--store-night:#071a32;--store-blue:#145ab4;--store-ice:#eaf2ff}
body{background:radial-gradient(ellipse at 12% 1%,#c8dffc,transparent 40%),linear-gradient(150deg,#eef5ff,#dceafd 60%,#e9f1ff);color:#102644;color-scheme:light;--muted:#385171;--line:#b9cde6;--accent:#124d99}
body>header{background:linear-gradient(100deg,#102b50,#0a1e3a);border:0;color:#f3f7ff}
header .brand,header nav a{color:#e6f1ff}
header nav a:hover{color:#fff}
header .bar{padding-block:13px}
header .mobile nav{background:#102b50;border-color:#53769f}
.wrap{width:min(1120px,calc(100% - 40px))}
.eyebrow{color:#225592}
.hero{grid-template-columns:1.04fr .96fr;gap:36px;margin-top:26px;padding:clamp(26px,5vw,60px);border-radius:28px;background:radial-gradient(ellipse at 75% 0%,#25588e,transparent 56%),linear-gradient(145deg,#0a2344,#08182e 70%);color:#f4f8ff;overflow:hidden}
.hero h1{font-size:clamp(2.6rem,5.5vw,4.7rem);line-height:1.04}
.hero h1 em{display:block;color:#a9d6ff;font-style:normal}
.hero p{color:#d1e4fd;max-width:43ch}
.hero .eyebrow{color:#c0deff}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.outline{display:inline-block;padding:.66rem 1rem;border:1px solid #7196bf;border-radius:9px;color:#e6f2ff;text-decoration:none;font-weight:700}
.outline:hover{background:#274b76;color:#fff}
.hero-art{margin:0;position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:20px;border:1px solid #53769f;background:#0a182a}
.hero-art img{height:100%;width:100%;object-fit:cover;object-position:right center}
.hero-art figcaption{position:absolute;bottom:10px;right:10px;background:#08182ee8;color:#fff;font-size:.69rem;padding:4px 8px;border-radius:5px}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 8px;background:linear-gradient(125deg,#cfe2fa,#e0edff);color:#16385f;border-color:#b0c8e6}
.trust b{margin-right:5px;color:#18569f}
.section{padding-block:32px}
.card{background:linear-gradient(145deg,#f1f6ff,#dceafd);border-color:#b5cae4;box-shadow:0 10px 25px #183b6c13}
.plan-card{padding:24px;border-top:3px solid #2374cb}
.plan-brand{display:flex;gap:10px;align-items:center;margin-bottom:13px}
.plan-brand img{border-radius:9px}
.plan-brand p{margin:0}
.plan-card h3{font-size:1.65rem}
.price{color:#112f59}
.button{background:#155ab0;color:#fff}
.button:hover{background:#0b3c7c;color:#fff}
.hero .button{background:#b9ddff;color:#08254c}
.hero .button:hover{background:#e1efff;color:#08254c}
.guide-link:hover{background:#d3e6ff;border-color:#547eaf;color:#0d3876}
.next-section .guide-link strong{font-size:1.12rem}
.how-section,.faq-section{border-top:1px solid #b9cde6}
.narrow{padding-bottom:10px}
.notice{background:#dceafd;border-color:#a8c3e3}
a:hover,summary:hover{color:#0b3676}
a:focus-visible,summary:focus-visible{outline-color:#b35600}
body>footer{background:linear-gradient(110deg,#10294b,#0a1f3a);color:#eaf3ff;border:0;padding-block:32px 58px}
footer a,footer p{color:#c5dbf6}
footer a:hover{color:#fff}
.contact,.contact:hover{background:#b0f0d0;color:#082c21}
@media(max-width:720px){
 .desktop{display:none}.mobile{display:block;position:relative;border:0;padding:0}.mobile nav{position:absolute;z-index:2;right:0;top:34px;border:1px solid #53769f;border-radius:12px;width:165px;padding:8px}.mobile nav a{display:block;margin:0;padding:8px}
 .wrap{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;gap:18px;margin-top:14px;border-radius:19px;padding:22px}.hero h1{font-size:clamp(2.1rem,10vw,3.25rem)}
 .hero-art{aspect-ratio:2.1}.trust{display:flex;gap:6px 14px;padding:10px 14px}.section{padding-block:24px}
}
.hero-art img{position:absolute;right:0;width:200%;max-width:none;object-fit:cover;object-position:right center}
@media(max-width:720px){.hero-art img{width:100%;object-fit:cover;object-position:right center}.hero-art{aspect-ratio:1.45}}
.hero h1{margin-bottom:.34em}
.hero-art img{transform:scale(1.15);transform-origin:right top}
@media(max-width:720px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{aspect-ratio:1.85}.hero-art img{width:125%}.hero h1{font-size:clamp(2rem,9.5vw,3rem)}}