/* styles.css */
@font-face{font-family:Jakarta;src:url('assets/jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#10131b;--muted:#777c88;--blue:#3f77ff;--violet:#5140ec;--lime:#d6ff62;--line:#e6e8ec;--navy:#080e1b;--ease:cubic-bezier(.2,.65,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 Jakarta,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65a9ff;outline-offset:5px}h1,h2,h3,p{margin:0}h2{font-size:clamp(34px,4vw,52px);line-height:1.17;letter-spacing:-2.4px;font-weight:600}h3{line-height:1.3}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-top:112px;padding-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;display:inline-flex;align-items:center;gap:10px}.dark-label{color:#586377;margin-bottom:24px}.muted-heading{color:#9296a1}.header{position:fixed;top:0;left:0;right:0;z-index:40;color:white;transition:background .4s,box-shadow .4s,color .4s,backdrop-filter .4s}.nav-wrap{max-width:1300px;margin:auto;min-height:98px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;transition:min-height .35s}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:8px}.brand svg{width:29px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.brand-dot{font-size:10px;align-self:flex-start;margin-top:12px;margin-left:-4px;letter-spacing:0}.header nav{display:flex;gap:7px;align-items:center}.nav-pill{padding:9px 17px;border-radius:50px;background:rgba(255,255,255,.09);color:inherit;font-size:12px;line-height:1.5;transition:background .2s,transform .2s;display:block}.nav-pill:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.nav-pill span{padding-left:8px}.nav-login{padding:12px 22px;background:white;color:#111722;border-radius:50px;font-weight:700;font-size:12px}.nav-login span{margin-left:12px}.header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);color:var(--ink);box-shadow:0 2px 20px #1020410a}.header.scrolled .nav-wrap{min-height:74px;padding-block:12px}.header.scrolled .nav-pill{background:#f1f3f7}.header.scrolled .nav-login{background:#101827;color:white}.nav-drop{position:relative}.dropdown{position:absolute;top:calc(100% + 13px);left:0;background:white;color:#1a2335;border:1px solid #e8ebef;border-radius:18px;padding:10px;width:280px;box-shadow:0 15px 60px #0002;opacity:0;visibility:hidden;transform:translateY(7px);transition:all .2s}.dropdown.open{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:14px;border-radius:10px;font-size:13px}.dropdown a:hover{background:#f0f5ff}.dropdown small{display:block;font-size:11px;color:#7e8591}.menu-toggle{display:none;background:transparent;color:inherit;font-size:25px}.skip{position:fixed;left:15px;top:-80px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:15px}
.hero{position:relative;overflow:hidden;background:#080e1a;color:white;padding-top:152px;padding-bottom:0;isolation:isolate}.hero::before{content:'';position:absolute;inset:0 0 auto;height:900px;z-index:-3;background:linear-gradient(90deg,#080e1af0 0%,#080e1abc 40%,#080e1a1a 100%),linear-gradient(0deg,#080e1a 0%,transparent 55%,#080e1a25 100%),url('assets/policia-hero-1600.webp') center 28%/cover no-repeat;opacity:.85}.hero::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#a8c8ff06 1px,transparent 1px),linear-gradient(90deg,#a8c8ff06 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#0008,transparent 85%)}.hero-orb{position:absolute;pointer-events:none;z-index:-1;filter:blur(65px);border-radius:100%;animation:breathe 9s ease-in-out infinite alternate}.orb-one{width:490px;height:340px;background:#0d4dff27;top:230px;right:-100px}.orb-two{width:330px;height:240px;background:#165bff1c;top:0;left:-230px;animation-delay:-4s}.hero-eyebrow{border:1px solid #ffffff30;background:#a1baff08;padding:10px 16px;border-radius:50px;font-size:9px;letter-spacing:1.7px;backdrop-filter:blur(10px);margin-bottom:30px}.hero-eyebrow>span:last-child{margin-left:20px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #d6ff62aa}.hero h1{font-size:clamp(65px,8.2vw,119px);line-height:1.05;letter-spacing:-7px;font-weight:600}.headline-line{display:block;white-space:nowrap}.headline-line .char{display:inline-block;animation:letter-in .8s var(--ease) both;animation-delay:calc(var(--i)*35ms + 80ms)}.hero-second{display:flex;justify-content:space-between;align-items:end;margin-top:8px;gap:20px}.hero-description{font-size:15px;line-height:1.7;letter-spacing:-.15px;font-weight:400;max-width:340px;margin-bottom:12px;color:#c8cfdc}.hero-second>.headline-line{color:#b8d4ff;text-shadow:0 0 60px #3674ff30}.title-dot{color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:44px;gap:30px}.hero-note{font-size:14px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tiny-check{display:grid;place-items:center;width:22px;height:22px;border-radius:100%;background:#d6ff621b;color:var(--lime);font-size:12px}.hero-note b{font-weight:600}.hero-tags{display:flex;align-items:center;gap:13px;width:100%;padding-left:31px;font-size:10px;color:#9ba9bd;margin-top:4px}.hero-tags i{font-style:normal;color:#86abdf}.hero-action{text-align:right}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 10px 10px 23px;border-radius:50px;font-size:12px;font-weight:650;min-height:52px;line-height:1.4;transition:transform .25s,background .25s,box-shadow .25s;position:relative}.button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #0002}.button .circle-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:100%;background:#ffffff20;transition:transform .3s}.button:hover .circle-arrow{transform:rotate(45deg)}.black{background:#131a28;color:#fff}.hero .black{background:var(--lime);color:#122100}.hero .black .circle-arrow{background:#203211;color:var(--lime)}.white{background:white;color:#1d2638}.white .circle-arrow{background:#f0f2f7}.outline{border:1px solid #d8dde5;color:#151d2d;background:white}.button-note{display:block;font-size:10px;color:#aebacd;margin-top:9px;padding-right:5px}.province-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);margin:48px 0 58px;border-block:1px solid #fff1;padding:23px 0}.marquee-track{display:flex;gap:36px;align-items:center;width:max-content;animation:marquee 42s linear infinite}.marquee-track span{font-size:15px;font-weight:650;letter-spacing:1.2px;color:#aab8d0}.marquee-track i{font-style:normal;color:#4f70a5}.province-marquee:hover .marquee-track{animation-play-state:paused}.dashboard-scene{position:relative;perspective:1400px;margin:0 20px;transform-origin:50% 0}.dashboard{background:#f8f9fc;border:7px solid #1b273b;border-radius:23px 23px 0 0;overflow:hidden;display:flex;box-shadow:0 15px 90px #1d69ff24;transform:rotateX(2deg);transform-origin:center top;color:#18213b}.app-sidebar{background:white;border-right:1px solid #eaebf3;width:185px;flex-shrink:0;padding:22px 15px;display:flex;flex-direction:column}.app-brand{font-size:21px;color:#5946f3;letter-spacing:-1px;margin-bottom:24px}.workspace{font-size:9px;border:1px solid #e5e6ec;padding:9px;border-radius:6px;display:flex;justify-content:space-between}.sidebar-links{display:flex;flex-direction:column;gap:7px;font-size:9px;margin-top:22px}.sidebar-links>*{padding:9px 8px;display:block;text-align:left;background:transparent;color:#7f8592;border-radius:6px}.sidebar-links .active{background:#efeaff;color:#6050cb}.sidebar-bottom{display:flex;align-items:center;gap:7px;font-size:8px;margin-top:auto}.avatar{border-radius:100%;background:#eae7ff;color:#5745d4;font-size:7px;width:25px;height:25px;display:grid;place-items:center}.sidebar-bottom small{font-size:7px;display:block;color:#9398a6}.app-main{padding:0 24px 24px;flex:1;min-width:0}.app-top{font-size:8px;padding:16px 0;border-bottom:1px solid #e6e9ef;display:flex;justify-content:space-between}.muted{color:#969bac}.demo-badge{color:#6f7890;background:#eceef5;padding:4px 7px;border-radius:4px}.app-greeting{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.micro{font-size:6px;color:#8a93a8;letter-spacing:1.2px}.app-greeting h2{font-size:21px;letter-spacing:-.7px;line-height:1.4}.app-greeting h2 span{color:#7d62df}.app-greeting p{font-size:8px;color:#8c93a2;margin-top:4px}.small-button{background:#6950ef;color:white;border-radius:6px;padding:9px 12px;font-size:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid>div{background:white;border:1px solid #eaecf2;border-radius:9px;padding:14px}.stat-grid span{display:block;font-size:8px;color:#9096a7}.stat-grid strong{font-size:27px;display:block;letter-spacing:-1px;margin:2px 0}.stat-grid strong small{font-size:11px;color:#aaa;letter-spacing:0}.stat-grid em{font-style:normal;color:#69a094;background:#edf9f4;padding:3px 5px;border-radius:3px;font-size:6px}.app-charts{display:grid;grid-template-columns:1.8fr 1fr;gap:12px;margin-top:16px}.chart-box,.topic-box{border:1px solid #e9ecf3;background:white;border-radius:9px;padding:15px}.chart-title{display:flex;align-items:center;justify-content:space-between;font-size:8px}.chart-title span{font-size:6px;color:#9aa0ae}.line-chart{display:flex;height:120px;margin-top:25px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 29px,#f0f1f6 29px,#f0f1f6 30px)}.line-chart svg{height:100%;width:100%;overflow:visible}.chart-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:#a1a9b8;margin-right:12px}.chart-months{display:flex;justify-content:space-between;font-size:6px;color:#b0b5c0;margin-top:15px;margin-left:20px}.topic-box>b{font-size:8px}.topic{display:flex;flex-wrap:wrap;font-size:7px;justify-content:space-between;margin-top:16px}.topic b{font-size:7px;color:#8d7ccc}.topic i{width:100%;height:5px;background:#f1eefb;margin-top:7px;border-radius:20px;position:relative}.topic i::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--p);background:#a18bff;border-radius:20px}.topic-box button{margin-top:16px;background:#f0ebff;color:#8b72e7;border-radius:5px;font-size:7px;width:100%;padding:7px}.app-banner{margin-top:16px;padding:12px;background:#ede8ff;display:flex;gap:12px;align-items:center;border-radius:7px}.banner-icon{color:#7e62d9;font-size:20px}.app-banner div{flex:1}.app-banner b{font-size:8px;display:block}.app-banner span:not(.banner-icon){display:block;font-size:7px;color:#8c7da9}.app-banner button{padding:8px 12px;border-radius:5px;background:white;color:#7565af;font-size:7px}.floating-sticker{position:absolute;z-index:2;right:30px;top:-34px;border:4px solid white;background:var(--lime);color:#183700;border-radius:100%;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.4;font-size:12px;transform:rotate(12deg);box-shadow:0 6px 20px #0003;animation:float-sticker 6s ease-in-out infinite}.floating-sticker b{font-size:14px}.floating-tag{position:absolute;z-index:3;background:#fff;color:#3d4e72;box-shadow:0 5px 30px #0002;border:1px solid #e2e7f0;border-radius:10px;padding:12px 15px;font-size:10px;font-weight:600;animation:float 7s ease-in-out infinite}.floating-tag i{font-style:normal;background:#ecf5ff;color:#4677b4;border-radius:100%;padding:3px 6px;margin-right:6px}.tag-teo{left:-43px;top:86px;transform:rotate(-6deg)}.tag-supra{right:-43px;bottom:80px;transform:rotate(5deg);animation-delay:-3s}
.intro{text-align:center;padding-top:100px}.intro-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px;padding-block:30px;border-block:1px solid var(--line)}.intro-numbers>div+div{border-left:1px solid var(--line)}.intro-numbers strong{font-size:39px;font-weight:600;letter-spacing:-2px;display:block}.intro-numbers span{font-size:11px;color:#7f8490}.split{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;padding-top:130px}.split-copy p{font-size:14px;color:#818592;line-height:1.9;margin:23px 0;max-width:420px}.check-list{padding:0;margin:28px 0;list-style:none}.check-list li{position:relative;padding-left:26px;font-size:12px;line-height:1.7;margin:12px 0}.check-list li:before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:1px;width:16px;height:16px;background:#edf1f8;color:#345489;font-size:9px;border-radius:100%}.visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:28px}.violet-visual{background:radial-gradient(at 15% 10%,#b2d5ff,#e9f0ff 65%);padding:36px}.mini-test{padding:25px;background:white;border:1px solid #e4e9f4;box-shadow:0 20px 55px #1f58a518;border-radius:18px;width:100%;transform:rotate(-3deg);transition:transform .5s}.visual:hover .mini-test{transform:rotate(0)}.mini-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:700;color:#6a75a2;letter-spacing:.8px}.mini-progress{height:3px;background:#edf0fa;margin:14px 0 24px}.mini-progress i{display:block;width:34%;height:100%;background:#6f89ca}.mini-test h3{font-size:18px;letter-spacing:-.8px;margin-bottom:9px}.mini-test p{font-size:11px;line-height:1.8;max-width:290px;margin-bottom:20px}.mini-option{border:1px solid #e5e9ef;border-radius:7px;padding:11px;font-size:9px;color:#838b9e;margin-top:8px;display:flex;gap:13px;align-items:center}.mini-option span{color:#58667c}.mini-option.correct{background:#e8f6ee;border-color:#91cba9;color:#448967}.mini-option b{margin-left:auto}.feedback-mini{padding:13px;background:#edf3ff;border-radius:6px;margin-top:16px;font-size:8px;color:#456696}.feedback-mini span{display:block;font-size:7px;margin-top:5px;color:#7c8eab}.small-sticker{position:absolute;bottom:20px;right:12px;background:var(--lime);color:#294002;padding:15px;border:3px solid #fff;font-size:13px;font-weight:700;border-radius:50%;transform:rotate(-12deg)}.supra-visual{background:#0f1a2e;isolation:isolate;padding:42px}.supra-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 100%,#2751bd60,transparent 70%);z-index:-1;border-radius:28px}.case-card{width:100%;background:white;padding:25px;border-radius:15px;transform:rotate(3deg);box-shadow:0 25px 50px #0004;transition:transform .5s}.supra-visual:hover .case-card{transform:rotate(0)}.case-top{display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:.5px;color:#7a8396}.case-icon{font-size:20px;color:#5083d6;background:#edf3fd;border-radius:7px;width:32px;height:32px;display:grid;place-items:center}.case-top small{display:block;font-size:6px;color:#a3a9b5}.case-dots{margin-left:auto}.case-card h3{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:26px 0 12px}.case-card>p{font-size:10px;color:#9299a7;margin-bottom:20px}.case-step{padding:13px 0;border-top:1px solid #edf0f6;display:flex;align-items:center;gap:12px;font-size:9px}.case-step>span{color:#aab5ca;font-size:8px}.case-step i{margin-left:auto;font-style:normal;color:#5da07c}.case-step.current{color:#305cc1}.case-foot{padding:14px 0 0;text-align:center;font-size:8px;color:#9eabc0;border-top:1px solid #edf0f6}.floating-label{position:absolute;bottom:25px;left:12px;transform:rotate(-5deg);border-radius:8px;padding:12px 20px;background:#c5dbff;color:#294e8c;font-size:11px;font-weight:600;box-shadow:0 10px 30px #0002}.section-heading{text-align:center;margin:0 auto 45px}.section-heading p{font-size:13px;color:#868b97;margin-top:20px}.features-section{padding-top:135px}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.feature-card{background:#f5f6f8;border:1px solid #eceef2;border-radius:24px;grid-column:span 2;padding:28px 28px 0;overflow:hidden;min-height:320px;transition:box-shadow .3s,transform .3s}.feature-card:hover{box-shadow:0 18px 40px #162f5510;transform:translateY(-5px)}.feature-wide,.feature-phone{grid-column:span 3;min-height:400px}.feature-index{font-size:9px;color:#9ba5b4;font-weight:600;margin-bottom:18px;display:block}.feature-card h3{font-size:22px;letter-spacing:-1px;margin-bottom:12px}.feature-card p{font-size:11px;color:#8b929e;max-width:360px;line-height:1.8}.bars-visual{height:220px;display:flex;align-items:end;justify-content:center;gap:15px;margin:22px 30px 30px;position:relative;border-bottom:1px solid #e0e4ec;padding-bottom:15px}.bars-visual>div{width:33px;height:var(--h);background:linear-gradient(#a0bfff,#dae5ff);border-radius:6px 6px 0 0;position:relative}.bars-visual>div:nth-child(6),.bars-visual>div:nth-child(7){background:linear-gradient(#3669d3,#92b6ff)}.bars-visual>div>span{position:absolute;top:calc(100% + 18px);left:0;right:0;text-align:center;font-size:7px;color:#9ca7b9}.chart-float{position:absolute;right:15px;top:32px;font-size:9px;color:#3158a0;background:white;border-radius:8px;padding:9px 13px;box-shadow:0 5px 20px #0001;transform:rotate(-6deg)}.feature-phone{background:#e8effa;position:relative}.phone{margin:28px auto -65px;transform:rotate(9deg);width:180px;height:310px;border:6px solid #182135;border-radius:27px;background:white;box-shadow:15px 15px 25px #40598420;padding:22px 13px;position:relative;transition:transform .5s}.feature-phone:hover .phone{transform:rotate(0) translateY(-12px)}.phone-notch{background:#182135;position:absolute;top:0;width:62px;height:12px;left:50%;transform:translateX(-50%);border-radius:0 0 10px 10px}.phone>small{font-size:9px;color:#3e63a1;font-weight:700}.phone>b{display:block;font-size:13px;margin-top:15px}.phone-ring{border:7px solid #dee8fc;border-top-color:#5d85d7;border-right-color:#5d85d7;width:90px;height:90px;border-radius:100%;margin:20px auto;font-size:26px;line-height:1;padding-top:17px;text-align:center}.phone-ring small{display:block;font-size:7px;margin-top:4px;color:#9aa6bc}.phone button{background:#3263c8;color:white;padding:7px 12px;font-size:8px;width:100%;border-radius:6px}.answer-visual{margin:35px -28px 0;background:white;padding:22px;text-align:center;border-radius:16px 16px 0 0}.answer-visual>span{font-size:8px;color:#6f8aab;background:#eff4fa;padding:4px 8px;border-radius:20px}.answer-visual>b{display:block;font-size:14px;margin:15px 0}.answer-visual>div{display:flex;gap:16px;align-items:center;justify-content:center;color:#ccc}.answer-visual i{border-radius:100%;background:#ffeded;color:#dc7878;width:35px;height:35px;font-style:normal;font-size:19px}.answer-visual i:last-child{background:#e9f6eb;color:#6ca178}.timer-visual{margin:40px 0 0;text-align:center}.timer-visual>span{font-size:32px;color:#7f97bd}.timer-visual>b{display:block;font-size:32px;font-weight:500;letter-spacing:-2px;color:#2a4268}.timer-visual b span{color:#b1bed0}.timer-visual small{font-size:8px;color:#a9b2c1}.challenge-visual{display:flex;align-items:center;gap:15px;margin:35px -5px 0;padding:20px;background:#e4eaff;border-radius:14px;color:#4660a7}.challenge-visual>span{font-size:50px;line-height:1}.challenge-visual b{font-size:16px;line-height:1.4;letter-spacing:-.5px}.challenge-visual i{font-style:normal;margin-left:auto;font-size:25px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.method-grid article{border-top:1px solid #d9dfe8;padding-top:24px;position:relative}.step-number{font-size:12px;color:#587ba9;display:inline-flex;border:1px solid #dce3ed;border-radius:100%;width:35px;height:35px;align-items:center;justify-content:center;margin-bottom:24px}.method-grid h3{font-size:21px;font-weight:600;letter-spacing:-.8px}.method-grid p{font-size:12px;color:#8d929c;margin-top:15px;line-height:1.9}.andalucia-section{margin-top:120px;padding:85px 0;background:#0b1525;color:white;position:relative;overflow:hidden}.andalucia-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#0b1525 0%,#0b1525d9 65%),url('assets/policia-referencia-539.webp');background-size:cover;background-position:center;opacity:.6}.andalucia-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.andalucia-inner .eyebrow{font-size:9px;color:#92b1e1}.andalucia-inner h2{font-size:53px;margin-top:26px;position:relative}.andalucia-inner h2>span{position:absolute;right:5px;top:15px;color:#c6e65c;font-size:70px;font-weight:400;animation:rotate-star 30s linear infinite}.andalucia-inner p{font-size:12px;color:#9daec6;margin:24px 0 30px;max-width:340px;line-height:1.9}.province-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.province-grid button{background:#15233b88;border:1px solid #33405d;color:white;border-radius:10px;text-align:left;padding:17px 20px;font-size:12px;display:flex;justify-content:space-between;transition:background .3s,color .3s,transform .3s}.province-grid button:hover,.province-grid button.selected{background:#c4e96b;color:#1a3506;transform:translateY(-3px)}.province-grid button span{color:#8098be}.province-grid p{grid-column:span 2;text-align:center;font-size:9px;max-width:none;margin:7px 0 0;min-height:34px}.billing-switch{display:flex;align-items:center;gap:5px;width:max-content;border:1px solid #e1e5eb;border-radius:50px;background:#f6f7fa;margin:0 auto 45px;padding:5px}.billing-switch button{padding:10px 18px;font-size:11px;border-radius:50px;background:transparent;color:#838b9c;transition:all .3s}.billing-switch button.active{background:#182136;color:white;box-shadow:0 4px 14px #192b5025}.billing-switch button span{font-size:7px;margin-left:5px;background:#e3eed9;color:#50722c;padding:4px 6px;border-radius:20px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid #e2e6ed;background:#fafbfc;border-radius:24px;padding:30px 27px;position:relative}.plan-eyebrow{font-size:7px;letter-spacing:1px;color:#8893a5;display:block;margin-bottom:15px}.plan h3{font-size:27px;letter-spacing:-1px;font-weight:600}.plan>p{font-size:10px;color:#8f98a7;margin-top:12px}.price{margin:30px 0 4px;display:flex;align-items:baseline;gap:7px}.price strong{font-size:39px;letter-spacing:-2px;font-weight:600;white-space:nowrap}.price>span{font-size:10px;color:#9aa4b5}.billing-detail{display:block;font-size:8px;color:#8d99ac;height:22px}.plan .button{display:flex;width:100%;margin:20px 0 30px;font-size:11px;min-height:48px}.plan .button>span:not(.circle-arrow){font-size:18px;margin-right:10px}.plan .check-list{margin:0;padding-top:20px;border-top:1px solid #e4e8ef}.plan .check-list li{font-size:10px;margin:12px 0}.plan.pro{background:#13223c;border-color:#264872;color:white;box-shadow:0 15px 45px #193a661a}.pro h3>span{font-size:24px;color:var(--lime);margin-left:12px}.pro .plan-eyebrow,.pro>p,.pro .billing-detail,.pro .price>span{color:#a0b3cf}.pro .check-list{border-top-color:#304361}.pro .check-list li:before{background:#27446a;color:#c2e2ff}.pro-badge{position:absolute;top:-12px;right:25px;font-size:8px;padding:5px 12px;background:var(--lime);color:#294400;border-radius:20px;font-weight:700;letter-spacing:.5px}.plan-footnote{text-align:center;font-size:9px;color:#a3a9b4;margin-top:27px}.academy-banner{padding:50px 60px;background:#edf3fc;border-radius:24px;position:relative;overflow:hidden;margin-top:100px;display:flex;align-items:center;gap:60px;justify-content:space-between}.academy-banner h2{font-size:34px;line-height:1.3;letter-spacing:-1.4px}.academy-banner .dark-label{margin-bottom:18px}.academy-banner p{font-size:11px;color:#8e9aab;margin-top:20px}.academy-symbol{position:absolute;right:35px;top:-45px;font-size:200px;color:#a7c2ef36;pointer-events:none;line-height:1;z-index:0}.academy-banner .button{z-index:1;flex-shrink:0}.faq-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-bottom:110px;padding-top:120px}.faq-layout>div>p{color:#929baa;font-size:12px;margin-top:22px}.text-link{display:inline-block;margin-top:32px;font-size:11px;border-bottom:1px solid #acc0dc;padding-bottom:5px;color:#587cae}.faqs details{border-bottom:1px solid #e5e9ef;padding:18px 0}.faqs summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;font-weight:600;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:21px;font-weight:400;color:#8397b1;transition:transform .3s}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:11px;line-height:1.9;color:#929ba9;padding-top:15px;padding-right:30px}.closing{background:#0b1423;color:white;position:relative;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 100%,#1b4ebf55,transparent 65%)}.closing-inner{position:relative;padding-block:85px}.closing .eyebrow{font-size:8px;color:#8faacf}.closing h2{font-size:clamp(45px,5.5vw,76px);line-height:1.17;letter-spacing:-3.5px;margin:30px 0}.closing h2 span{color:#a5caff}.closing-inner>p{font-size:11px;color:#96aac7;margin-top:24px}.closing-star{position:absolute;right:0;top:100px;font-size:290px;color:#c9ea7315;line-height:1;animation:rotate-star 50s linear infinite}footer{padding-top:60px;padding-bottom:25px}.footer-main{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.3fr;gap:25px;align-items:start}.footer-main .brand{font-size:25px;line-height:1.5;color:#14213a}.footer-main p{font-size:10px;color:#929aa8;line-height:1.9}.footer-main>div{display:flex;flex-direction:column;gap:12px;font-size:10px;color:#5b687d}.footer-main>div>span{color:#a6aeba;font-size:9px}.footer-bottom{border-top:1px solid #e5e8ef;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;color:#a1aab8}
dialog{border:1px solid #d8e2ef;border-radius:24px;padding:44px;width:min(580px,calc(100% - 32px));box-shadow:0 30px 100px #0005;color:#17233a;max-height:90dvh;overflow:auto}dialog::backdrop{background:#060f23bb;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:16px;top:12px;background:#f0f3f8;color:#8793a8;border-radius:100%;width:28px;height:28px;font-size:23px;line-height:1}.modal-close:hover{background:#dce5f4;color:#203964}dialog h2{font-size:31px;letter-spacing:-1.5px;margin:14px 0}dialog p{font-size:12px;color:#8390a3;line-height:1.8;margin:14px 0 24px}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7288aa}.demo-progress{height:4px;border-radius:10px;background:#e8edf7;margin:20px 0 27px;overflow:hidden}.demo-progress i{display:block;background:#4f7ac9;height:100%;transition:width .3s}.demo-question{font-size:22px!important;line-height:1.4!important;letter-spacing:-.7px!important;font-weight:600;margin-bottom:24px!important}.demo-options{display:flex;flex-direction:column;gap:9px}.demo-options button{display:flex;align-items:center;gap:14px;padding:15px 17px;font-size:12px;text-align:left;border:1px solid #dde5f0;background:#fafbfd;border-radius:10px;color:#526682;transition:background .2s,border-color .2s}.demo-options button:hover:not(:disabled){border-color:#7c9fdf;background:#f0f5ff}.demo-options button span:first-child{font-size:9px;display:grid;place-items:center;border-radius:100%;width:24px;height:24px;background:#e9eef7;color:#8395b4;flex-shrink:0}.demo-options button.right{background:#edf9f0;border-color:#8abe98;color:#39744a}.demo-options button.wrong{background:#fff1f1;border-color:#e4b0b0;color:#a65c5c}.demo-explanation{font-size:11px;background:#f0f5fd;color:#607c9e;border-radius:9px;padding:15px;margin:18px 0;line-height:1.9}.demo-explanation a{border-bottom:1px solid #9db9df}.demo-foot{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.demo-foot>span{font-size:8px;color:#b0b8c5}.demo-result{text-align:center;padding:25px 0}.result-ring{width:100px;height:100px;border:8px solid #cde4a1;border-radius:100%;display:grid;place-items:center;font-size:30px;margin:10px auto 24px;color:#3b5922}.result-ring small{font-size:12px;color:#97a38a}.reveal{transition:opacity .75s var(--ease),translate .75s var(--ease)}.js-ready .reveal:not(.visible){opacity:0;translate:0 28px}.js-ready .reveal.visible{opacity:1;translate:0 0}.real-browser{background:#fff;border:6px solid #1b2b44;border-radius:20px 20px 0 0;box-shadow:0 10px 80px #1d69ff25;overflow:hidden;color:#1c2f4f;position:relative}.browser-toolbar{height:49px;background:#f1f4fa;display:flex;align-items:center;padding:0 18px;gap:18px;border-bottom:1px solid #dce4f0}.browser-dots{display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:100%;background:#c1cddd}.browser-dots i:first-child{background:#fcafa9}.browser-dots i:nth-child(2){background:#edcf85}.browser-dots i:nth-child(3){background:#a5cbb5}.browser-toolbar>span{font-size:8px;background:white;padding:5px 50px;border-radius:5px;margin:auto;color:#8093b2}.browser-toolbar>b{font-size:8px;color:#667ea6;white-space:nowrap;font-weight:500}.screenshot-tabs{display:flex;padding:10px 18px;gap:6px;background:#fff;border-bottom:1px solid #e7ecf4}.screenshot-tabs button{padding:7px 13px;border-radius:6px;font-size:9px;color:#8998b0;background:#f1f4f9}.screenshot-tabs button.active{color:#fff;background:#294a7b}.real-browser>img{width:100%;height:auto;aspect-ratio:1.793;object-fit:contain;object-position:top;background:#eef1f6;transition:opacity .2s}.screenshot-caption{position:absolute;right:10px;bottom:10px;font-size:7px;background:#ffffffe8;color:#62799b;padding:5px 10px;border-radius:5px}.real-showcase{margin-top:65px;padding-top:20px}.real-showcase .section-heading{margin-bottom:32px}.real-showcase h2{font-size:34px}.real-showcase .shot-frame{padding:12px;background:#eaf0f8;border-radius:20px;box-shadow:0 15px 45px #163c7210}.shot-frame img{width:100%;border-radius:11px}.real-showcase p{font-size:9px;text-align:center;color:#9aa5b6;margin-top:12px}.police-tape{height:11px;background:repeating-conic-gradient(#cce2ff33 0 25%,transparent 0 50%) 0 0/22px 22px;position:absolute;bottom:0;left:0;right:0;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
@keyframes breathe{to{transform:translate(-80px,50px) scale(1.3);opacity:.4}}@keyframes letter-in{from{opacity:0;transform:translateY(50%) rotate(5deg)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes float-sticker{0%,100%{rotate:0deg;translate:0 0}50%{rotate:-8deg;translate:0 -10px}}@keyframes rotate-star{to{rotate:360deg}}
@media(min-width:1500px){.hero h1{font-size:123px}.hero::before{background-position:center 35%}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:8.5vw;letter-spacing:-4.5px}.hero-description{font-size:12px}.header nav{gap:5px}.nav-pill{font-size:10px;padding:9px 13px}.split{gap:45px}.visual{min-height:420px;padding:25px}.floating-tag{font-size:8px;padding:10px}.app-sidebar{width:155px}.app-greeting h2{font-size:16px}.app-main{padding:0 18px 18px}.stat-grid strong{font-size:23px}.faq-layout{gap:55px}.andalucia-inner{gap:55px}.andalucia-inner h2{font-size:43px}.andalucia-inner h2>span{right:0;font-size:50px}.feature-card{padding:23px 23px 0}.feature-card h3{font-size:19px}.feature-card p{font-size:10px}.plan{padding:28px 22px}.price strong{font-size:34px}.hero-bottom{margin-top:35px}.province-marquee{margin:40px 0 50px}.closing-star{font-size:220px;top:150px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}h2{font-size:36px;letter-spacing:-1.7px}.header .nav-wrap{min-height:78px;padding:14px 22px}.brand{font-size:25px}.brand svg{width:24px;height:30px}.header nav{position:absolute;left:15px;right:15px;top:75px;display:none;background:#15213af5;border:1px solid #31405c;color:white;border-radius:16px;box-shadow:0 10px 30px #0002;padding:15px;flex-direction:column;align-items:stretch}.header nav.mobile-open{display:flex}.header nav .nav-pill{padding:14px;font-size:12px}.header.scrolled nav{background:white;color:#17223a;border-color:#e0e5ee}.header.scrolled .nav-pill{background:#f3f5f8}.nav-login{margin-left:auto;margin-right:20px;padding:10px 17px;font-size:10px}.menu-toggle{display:block}.dropdown{position:static;width:100%;display:none;margin-top:10px;box-shadow:none;opacity:1;visibility:visible;transform:none}.dropdown.open{display:block}.hero{padding-top:125px}.hero-eyebrow{font-size:7px;padding:9px 12px;letter-spacing:1.1px;margin-bottom:32px}.hero-eyebrow>span:last-child{margin-left:0}.hero::before{height:830px;background-position:65% top;opacity:.85}.hero h1{font-size:11.7vw;line-height:1.05;letter-spacing:-4px}.hero-second{display:flex;flex-direction:column-reverse;align-items:start;gap:22px;margin-top:3px}.hero-description{font-size:13px;line-height:1.8;max-width:320px;letter-spacing:0;margin-top:8px}.hero-description br{display:none}.hero-bottom{margin-top:30px;align-items:start}.hero-note{font-size:10px;max-width:250px;gap:6px;margin-top:7px}.hero-tags{font-size:8px;gap:6px;padding-left:0;margin-top:10px}.tiny-check{width:17px;height:17px;font-size:8px}.hero-action .button{font-size:10px;padding-left:15px;gap:14px;min-height:46px}.button .circle-arrow{width:28px;height:28px}.button-note{font-size:8px;max-width:180px}.province-marquee{padding:20px 0;margin:38px 0 50px}.marquee-track{gap:25px}.marquee-track span{font-size:12px}.dashboard-scene{margin:0 0}.floating-sticker{width:73px;height:73px;right:20px;top:-25px;font-size:9px;border-width:3px}.floating-sticker b{font-size:10px}.floating-tag{display:none}.real-browser{border-width:4px;border-radius:15px 15px 0 0}.browser-toolbar{height:38px;padding-inline:12px;gap:10px}.browser-toolbar>span{padding:4px 15px;font-size:6px}.browser-toolbar>b{font-size:6px}.screenshot-tabs{padding:8px 12px}.screenshot-tabs button{font-size:7px;padding:6px 10px}.section{padding-top:80px;padding-bottom:0}.intro{padding-top:75px}.intro-numbers{margin-top:35px;padding:22px 0}.intro-numbers strong{font-size:26px;letter-spacing:-1px}.intro-numbers span{font-size:8px}.dark-label{font-size:8px;margin-bottom:20px}.split{gap:32px;grid-template-columns:1fr 1fr}.split-copy p{font-size:11px;margin:20px 0}.check-list li{font-size:10px;margin:9px 0;padding-left:22px}.check-list{margin:22px 0}.visual{min-height:355px;padding:20px;border-radius:20px}.mini-test{padding:18px;border-radius:12px}.mini-test h3{font-size:15px}.mini-test p{font-size:9px}.mini-option{font-size:8px;padding:8px}.feedback-mini{font-size:6px;padding:10px}.feedback-mini span{font-size:6px}.small-sticker{font-size:10px;bottom:12px}.case-card{padding:18px}.case-card h3{font-size:22px}.case-card>p{font-size:8px}.case-step{font-size:7px;padding:10px 0}.floating-label{font-size:8px;padding:10px;bottom:12px}.case-top{font-size:6px}.case-top small{font-size:5px}.split-copy h2{font-size:30px}.split-copy .button{font-size:10px;padding-left:15px;gap:13px;min-height:46px}.bento{gap:14px}.feature-card{grid-column:span 3;border-radius:18px;min-height:300px}.feature-card:last-child{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;min-height:200px;padding-bottom:25px}.feature-card:last-child .feature-index,.feature-card:last-child h3,.feature-card:last-child>p{grid-column:1}.feature-card:last-child .challenge-visual{grid-column:2;grid-row:1/4;align-self:center;margin:0}.feature-wide,.feature-phone{min-height:350px}.feature-card h3{font-size:20px}.feature-card p{font-size:10px}.bars-visual{height:180px;margin:25px 0 25px;gap:10px}.bars-visual>div{width:26px}.phone{width:160px;height:270px;margin-top:25px}.method-grid{gap:25px;margin-top:40px}.method-grid h3{font-size:17px}.method-grid p{font-size:10px}.andalucia-section{margin-top:80px;padding:60px 0}.andalucia-inner{gap:35px}.andalucia-inner h2{font-size:35px}.andalucia-inner h2>span{display:none}.andalucia-inner p{font-size:11px}.andalucia-inner .eyebrow{font-size:7px}.province-grid{gap:8px}.province-grid button{font-size:10px;padding:14px 12px}.province-grid p{font-size:8px}.plan-grid{gap:12px}.plan{padding:24px 17px;border-radius:17px}.plan h3{font-size:22px}.plan>p{font-size:8px;min-height:26px}.price{gap:4px}.price strong{font-size:29px}.price>span{font-size:8px}.plan .button{font-size:9px;padding-left:13px;gap:6px}.plan .circle-arrow{width:23px;height:23px}.plan .check-list li{font-size:8px;padding-left:20px}.plan-eyebrow{font-size:5px;letter-spacing:.6px}.pro-badge{font-size:6px;right:16px;top:-10px}.pro h3>span{font-size:15px;margin-left:2px}.billing-detail{font-size:6px}.academy-banner{padding:35px;margin-top:70px;gap:20px}.academy-banner h2{font-size:28px}.academy-banner .button{font-size:10px}.faq-layout{gap:40px;padding-bottom:75px}.faqs summary{font-size:10px;gap:15px}.faqs details p{font-size:10px;padding-right:15px}.closing-inner{padding-block:65px}.closing h2{font-size:52px;letter-spacing:-2.5px}.closing-star{font-size:180px;right:-50px;top:130px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main p{font-size:10px}.footer-main>div{font-size:10px}.footer-bottom{font-size:7px;gap:25px}.real-showcase{padding-top:0;margin-top:65px}}
@media(max-width:540px){.hero{padding-top:115px}.hero h1{font-size:12.7vw;letter-spacing:-2.8px}.hero-eyebrow{font-size:6px;letter-spacing:1px;gap:7px}.hero::before{background-position:65% top;height:760px}.hero-bottom{flex-direction:column;gap:22px}.hero-note{max-width:none;font-size:11px}.hero-tags{padding-left:23px;font-size:8px}.hero-action{text-align:left;display:flex;align-items:center;gap:15px;width:100%}.hero-action .button{font-size:11px;min-height:50px;padding-left:19px;white-space:nowrap}.button-note{margin:0;font-size:8px;max-width:110px;line-height:1.8}.hero-description{font-size:12px;max-width:270px;color:#c2d2eb}.province-marquee{margin-top:31px;margin-bottom:40px;padding:18px 0}.marquee-track span{font-size:10px}.floating-sticker{width:60px;height:60px;font-size:7px;top:-26px;right:12px}.floating-sticker b{font-size:9px}.browser-toolbar{height:30px;gap:6px;padding-inline:10px}.browser-toolbar>span{padding:3px 9px;font-size:5px}.browser-toolbar>b{font-size:5px}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.real-browser{border-width:3px;border-radius:12px 12px 0 0}.screenshot-tabs{padding:6px 9px;gap:5px}.screenshot-tabs button{font-size:6px;padding:5px 8px}.screenshot-caption{font-size:5px;padding:3px 5px;bottom:5px;right:5px}.intro-numbers{grid-template-columns:1fr 1fr;row-gap:25px;padding-block:25px;margin-top:33px}.intro-numbers>div:nth-child(3){border-left:0}.intro-numbers strong{font-size:30px}.intro-numbers span{font-size:9px}.intro h2{font-size:32px}.section{padding-top:70px}.split{grid-template-columns:1fr;gap:35px}.split:not(.reverse) .visual{order:2}.visual{min-height:420px;padding:32px}.split-copy h2{font-size:36px}.split-copy p{font-size:12px;max-width:100%}.check-list li{font-size:11px}.mini-test{padding:24px}.mini-test h3{font-size:19px}.mini-test p{font-size:11px}.mini-option{font-size:9px;padding:12px}.feedback-mini{font-size:8px;padding:13px}.feedback-mini span{font-size:7px}.mini-top{font-size:6px}.small-sticker{font-size:12px;bottom:16px;right:8px}.case-card{padding:25px}.case-card h3{font-size:28px}.case-card>p{font-size:10px}.case-step{font-size:9px;padding:14px 0}.case-top{font-size:7px}.case-top small{font-size:6px}.floating-label{font-size:10px;padding:12px 16px;bottom:18px}.split-copy .button{font-size:11px}.section-heading p{font-size:11px;max-width:290px;margin-inline:auto;line-height:1.9}.section-heading{margin-bottom:32px}.section-heading h2{font-size:33px}.bento{grid-template-columns:1fr;gap:14px}.feature-card,.feature-wide,.feature-phone{grid-column:auto;min-height:300px;padding:25px 25px 0}.feature-wide{min-height:360px}.feature-phone{min-height:345px}.feature-card:last-child{grid-column:auto;display:block;min-height:270px;padding-bottom:25px}.feature-card:last-child .challenge-visual{margin-top:25px}.feature-card p{font-size:11px}.feature-card h3{font-size:23px}.feature-index{margin-bottom:14px;font-size:8px}.bars-visual{margin:25px 20px;height:190px;gap:14px}.phone{width:175px;height:280px;margin:24px auto -60px}.phone-ring{margin-block:18px}.answer-visual{margin-top:24px}.timer-visual{margin-top:25px}.method-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.method-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding-top:22px}.step-number{grid-column:1;grid-row:1/3;margin:0;width:30px;height:30px;font-size:10px}.method-grid h3{font-size:20px;grid-column:2}.method-grid p{grid-column:2;font-size:12px;margin-top:11px}.andalucia-inner{grid-template-columns:1fr;gap:38px}.andalucia-inner h2{font-size:42px;letter-spacing:-2px}.andalucia-inner p{font-size:12px;max-width:100%}.andalucia-inner .eyebrow{font-size:7px}.andalucia-inner h2>span{display:block;font-size:58px;right:0;top:10px}.province-grid button{padding:17px;font-size:12px}.province-grid p{font-size:9px;margin-top:12px}.plan-grid{grid-template-columns:1fr;gap:30px}.plan{padding:30px}.plan-eyebrow{font-size:7px;letter-spacing:1px}.plan h3{font-size:30px}.plan>p{font-size:11px;min-height:0}.price strong{font-size:43px}.price>span{font-size:11px;margin-left:7px}.billing-detail{font-size:9px}.plan .button{font-size:12px;padding-left:22px;min-height:50px}.plan .circle-arrow{width:30px;height:30px}.plan .check-list li{font-size:11px;padding-left:26px}.pro h3>span{font-size:23px;margin-left:10px}.pro-badge{font-size:8px;right:25px;top:-12px}.plan-footnote{font-size:8px;line-height:1.8}.billing-switch{margin-bottom:35px}.academy-banner{display:block;padding:30px;margin-top:70px}.academy-banner h2{font-size:32px}.academy-banner p{font-size:11px}.academy-banner .button{margin-top:25px;font-size:11px}.academy-symbol{font-size:180px;right:-45px;top:-20px}.faq-layout{grid-template-columns:1fr;gap:25px;padding-bottom:70px}.faq-layout h2{font-size:36px}.faq-layout>div>p{font-size:11px}.text-link{margin-top:20px}.faqs summary{font-size:12px}.faqs details p{font-size:11px}.faqs details{padding-block:19px}.closing-inner{padding-block:60px}.closing .eyebrow{font-size:6px;letter-spacing:1px}.closing h2{font-size:41px;letter-spacing:-2px;position:relative;z-index:1}.closing-star{font-size:190px;right:-95px;top:165px}.closing-inner>p{font-size:10px}.footer-main .brand{font-size:23px}.footer-main p{font-size:8px}.footer-main>div{font-size:9px;gap:10px}.footer-bottom{flex-direction:column;gap:10px;font-size:7px;margin-top:30px}.real-showcase h2{font-size:28px}.real-showcase .shot-frame{padding:6px;border-radius:13px}.shot-frame img{border-radius:9px}.real-showcase>p{font-size:8px}dialog{padding:34px 23px;border-radius:20px}.demo-question{font-size:21px!important}.demo-options button{font-size:11px;padding:13px}.demo-explanation{font-size:10px}.demo-foot>span{font-size:7px;max-width:95px}.demo-foot .button{font-size:10px;padding-left:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-property:background-color,color,border-color,box-shadow,opacity,outline-color!important;transition-duration:.15s!important;transition-delay:0s!important}.js-ready .reveal:not(.visible){opacity:1;translate:none}}
[hidden]{display:none!important}.official-logo{height:67px;width:117px;object-fit:contain;transition:filter .3s}.header.scrolled .official-logo{filter:drop-shadow(0 1px 2px #10213b80)}.police-lightbar{position:absolute;top:0;left:0;right:0;height:3px;display:flex;justify-content:space-between;opacity:.6}.police-lightbar i{height:100%;width:27%;background:linear-gradient(90deg,transparent,#649eff,transparent);box-shadow:0 2px 40px 6px #1367ff45;animation:patrol-glow 7s ease-in-out infinite}.police-lightbar i:last-child{animation-delay:-3.5s}.page-hidden *, .page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}@keyframes patrol-glow{0%,30%,70%,100%{opacity:.25}45%,55%{opacity:1}}@media(max-width:800px){.official-logo{height:48px;width:95px}}@media(prefers-reduced-motion:reduce){.police-lightbar i{animation:none}}

.split-copy p,.section-heading p,.feature-card p,.method-grid p,.faqs details p{color:#707b8c}.intro-numbers span{color:#718095}.plan>p,.billing-detail{color:#758399}.plan.pro>p,.plan.pro .billing-detail{color:#b0bfd6}.hero-description{color:#cbd7ea}.faq-layout>div>p{color:#748399}

.header .official-logo{width:155px;height:56px;object-fit:contain}.logo-dark{display:none}.header.scrolled .logo-white{display:none}.header.scrolled .logo-dark{display:block;filter:none}.footer-main .brand img{width:140px;height:auto}@media(max-width:800px){.header .official-logo{width:125px;height:45px}}
/* v2.css */
:root{--violet:#583df5;--primary:#5d43f5;--lavender:#eeebff;--ink:#11121a}img{height:auto}h2{font-weight:650}.wrap{max-width:1152px}.header .dropdown{width:570px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.dropdown a{display:flex;align-items:center;gap:10px;padding:15px 12px}.dropdown a>b{font-size:12px}.dropdown a>span:not(.drop-icon){flex:1;min-width:0}.dropdown b{font-size:12px}.dropdown small{font-size:9px;line-height:1.7;margin-top:4px;font-weight:400}.drop-icon{display:grid;place-items:center;background:#eeeaff;color:#6348d7;width:34px;height:34px;border-radius:10px;flex-shrink:0;font-size:18px}.dropdown a>i{font-style:normal;color:#a29ab6;font-size:11px}.nav-pill{font-size:11px}.header .nav-login{font-size:11px}.hero{background:#0b0c15;padding-top:143px;padding-bottom:90px}.hero:before{opacity:.42;background-image:linear-gradient(90deg,#0b0c15 0%,#0b0c15dc 43%,#0b0c1550 100%),linear-gradient(0deg,#0b0c15 0%,transparent 65%),url('assets/policia-hero-1600.webp');height:850px}.hero:after{background-size:60px 60px;background-image:linear-gradient(#b0a8f90a 1px,transparent 1px),linear-gradient(90deg,#b0a8f90a 1px,transparent 1px)}.orb-one{background:#6341fa45}.orb-two{background:#3165f838;left:-100px}.hero h1{font-size:clamp(65px,8.2vw,118px);font-weight:750;letter-spacing:-6px}.hero-second>.headline-line{color:#c6bdff;text-shadow:0 0 70px #5e43f92b}.hero-eyebrow{font-size:8px;letter-spacing:1.3px;padding:10px 16px}.hero .black{background:#6445f5;color:white;box-shadow:0 5px 30px #5d42fa30}.hero .black .circle-arrow{background:#171225;color:#fff}.hero-bottom{margin-top:42px}.province-marquee{margin-top:45px;margin-bottom:65px}.hero .floating-sticker{background:#6543f5;color:#fff;right:40%;top:-40px;width:85px;height:85px}.device-composition{position:relative;width:100%;padding:0 48px 30px 0;isolation:isolate}.device-desktop{position:relative;border:6px solid #171527;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 22px 45px #2e1c6630}.device-bar{height:32px;background:#f6f5fa;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:#aaa6b7;font-size:7px;border-bottom:1px solid #eeedf4}.device-bar>span:nth-child(2){border:1px solid #eceaf3;background:white;border-radius:4px;padding:3px 18px;font-size:6px}.device-dots{color:#cac2df;font-size:6px;letter-spacing:2px}.capture-open{display:block;width:100%;padding:0;background:white;position:relative;border:0;border-radius:0;color:inherit;line-height:0}.capture-open img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;object-position:top;transform:none}.zoom-hint{position:absolute;right:10px;bottom:10px;line-height:1.5;font-size:8px;padding:5px 9px;background:#fffef9ed;color:#766e8e;border-radius:5px;opacity:0;translate:0 5px;transition:opacity .2s,translate .2s}.capture-open:hover .zoom-hint,.capture-open:focus-visible .zoom-hint{opacity:1;translate:0}.device-mobile{position:absolute;bottom:0;right:0;width:29%;min-width:0;border:5px solid #171527;border-radius:22px;background:white;overflow:hidden;box-shadow:0 12px 30px #2d1c7130;z-index:2;transform:rotate(5deg);transform-origin:bottom center;transition:transform .5s var(--ease)}.device-composition:hover .device-mobile{transform:rotate(1deg) translateY(-8px)}.device-speaker{height:14px;background:#171527;position:relative}.device-speaker:after{content:'';position:absolute;background:#484156;height:3px;width:25%;left:37.5%;top:4px;border-radius:5px}.device-home{height:12px;background:white;position:relative}.device-home:after{content:'';background:#201e2b;width:30%;height:3px;border-radius:4px;position:absolute;left:35%;top:4px}.capture-tag{font-size:8px;color:#756690;padding:10px 13px;border:1px solid #e6dff7;background:#fff;box-shadow:0 5px 18px #45277810;border-radius:7px;position:absolute;bottom:6px;left:-10px;z-index:3;transform:rotate(-3deg)}.hero-devices{padding-right:70px;padding-bottom:30px}.hero-devices .device-desktop{border-color:#181425;border-width:8px;border-radius:25px;box-shadow:0 20px 90px #7150f529}.hero-devices .device-bar{height:42px;padding-inline:18px}.hero-devices .device-bar>span:nth-child(2){font-size:8px;padding:4px 35px}.hero-devices .device-mobile{width:20%;border-width:7px;border-radius:30px;bottom:-24px;right:-13px;transform:rotate(7deg)}.hero-devices .device-home{height:15px}.hero-devices .capture-tag{left:-28px;bottom:28%;font-size:11px;padding:15px 20px;box-shadow:0 15px 35px #0003;color:#5c478e;animation:float 7s ease-in-out infinite}.platform-stage{padding:60px 20px 50px 27px;border-radius:32px;background:radial-gradient(ellipse at 15% 15%,#c7bdffb0,transparent 65%),linear-gradient(160deg,#ede8ff,#f8f6ff);position:relative;overflow:visible;min-width:0}.platform-stage:before{content:'';position:absolute;border-radius:100%;width:70%;height:50%;top:-5%;left:-10%;background:#fff7;filter:blur(25px);z-index:0;pointer-events:none}.product-split{gap:64px;align-items:center}.product-split .split-copy{position:relative;z-index:1}.split-copy h2 span{color:#92909a}.split-copy p{font-size:14px;line-height:1.9}.check-list li:before{background:#eeeaff;color:#7559bf}.reverse .platform-stage{background:radial-gradient(ellipse at 100% 0%,#b5a8ff,transparent 65%),linear-gradient(130deg,#f1edff,#e4e6ff)}.function-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.function-card{grid-column:span 2;border-radius:28px;background:#f7f7f9;overflow:hidden;border:1px solid #eeedf3;display:flex;flex-direction:column;position:relative;min-width:0;transition:transform .3s,box-shadow .3s}.function-card:nth-child(-n+2){grid-column:span 3}.function-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #3a236b12}.function-card-copy{padding:27px 27px 22px}.function-icon{display:inline-grid;place-items:center;background:white;border:1px solid #e6e1f0;color:#7a5bc6;border-radius:10px;width:34px;height:34px;font-size:18px;margin-bottom:22px}.function-card h3{font-size:23px;letter-spacing:-.9px;font-weight:650}.function-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:15px}.function-card h3 span{font-size:18px;color:#a8a3b5}.function-card p{font-size:11px;color:#8c8798;line-height:1.8;margin-top:12px}.function-media{display:block;margin:0 17px;border:5px solid white;border-radius:12px;overflow:hidden;background:#eeeaf7;box-shadow:0 7px 25px #2a116b0e}.function-media img{width:100%;height:auto!important;object-fit:contain;aspect-ratio:auto;transition:scale .5s}.function-media:hover img{scale:1.025}.function-more{display:flex;justify-content:space-between;margin-top:auto;padding:23px 27px;font-size:10px;font-weight:600;color:#7558aa}.academy-actions{display:flex;gap:25px;align-items:center;margin-top:25px}.academy-actions .text-link{margin:0}.academy-banner{background:linear-gradient(125deg,#ece5ff,#f5f3ff)}.academy-symbol{color:#b39bea33}.entity-section{padding:10px 0 90px}.entity-section h2{font-size:35px;margin-bottom:24px}.entity-section>p{font-size:13px;line-height:1.9;max-width:800px;color:#777280;margin:15px 0}.entity-section .entity-positioning{font-size:11px;color:#9c95a6}.entity-links{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;margin-top:23px;color:#6b50aa}.closing{background:#13101e}.closing:before{background:radial-gradient(ellipse at 80% 100%,#6741ee55,transparent 70%)}.closing h2 span{color:#bfacff}.plan.pro{background:#4f37dc;border-color:#6a50f1;box-shadow:0 20px 50px #4b36cb25}.plan.pro .plan-eyebrow,.plan.pro>p,.plan.pro .billing-detail,.plan.pro .price>span{color:#d0c6ff}.plan.pro .check-list{border-color:#ffffff28}.plan.pro .check-list li:before{background:#ffffff20;color:white}.billing-switch button.active{background:#6245ed}.pro-badge{background:#e5dcff;color:#5e3a9f}.intro-numbers strong{color:#19141f}.marquee-track span{color:#b6abc9}.marquee-track i{color:#6c5795}.andalucia-section{background:#241743}.andalucia-section:before{background-image:linear-gradient(90deg,#251446 0%,#251446e8 65%),url('assets/policia-referencia-539.webp')}.province-grid button{background:#ffffff08;border-color:#ffffff22}.province-grid button:hover,.province-grid button.selected{background:#eee7ff;color:#442574}.capture-dialog{width:min(1240px,calc(100% - 36px));padding:40px 16px 15px;border-radius:18px}.capture-dialog img{width:auto;max-width:100%;max-height:78dvh;height:auto!important;object-fit:contain;margin:auto}.capture-dialog p{font-size:10px;margin:14px 10px 0;text-align:center}.capture-dialog::backdrop{background:#100b20dc}.test-dialog{width:min(1060px,calc(100% - 28px));padding:32px 12px 12px}.real-tests-section{padding-top:110px}.test-shell{display:grid;grid-template-columns:260px minmax(0,1fr);background:#f7f5fc;border:1px solid #e9e3f2;box-shadow:0 15px 45px #3017680a;border-radius:25px;overflow:hidden;text-align:left}.test-picker{padding:27px 18px;background:linear-gradient(155deg,#f5f0ff,#f7f8fc);border-right:1px solid #e6dff0}.test-picker>.eyebrow{font-size:7px;letter-spacing:1.2px;margin:0 7px 16px}.test-picker>h3{font-size:20px;margin-inline:7px;letter-spacing:-.8px}.test-picker>p{font-size:10px;color:#9690a1;line-height:1.8;margin:10px 7px 24px}.test-pick{display:flex;align-items:center;gap:10px;background:transparent;color:#7a7289;padding:13px 10px;width:100%;text-align:left;border-radius:11px;transition:background .25s,color .25s;border:1px solid transparent;margin-bottom:6px}.test-pick:hover{background:#fff7}.test-pick.selected{background:white;border-color:#dcd1f4;color:#5a3f98;box-shadow:0 5px 20px #5233800c}.test-pick-number{width:25px;height:25px;display:grid;place-items:center;background:#eae4f6;color:#8265b4;border-radius:7px;font-size:9px;flex-shrink:0}.test-pick>span:nth-child(2){flex:1}.test-pick b{display:block;font-size:10px;font-weight:600}.test-pick small{display:block;font-size:8px;color:#b0a6c1;margin-top:3px}.test-pick i{font-style:normal;font-size:10px;color:#ab9ac5}.test-source{font-size:7px;color:#b3aabd;display:block;line-height:1.8;margin:24px 7px 0}.test-player{background:white;padding:30px;min-width:0;position:relative}.test-player-top{display:flex;justify-content:space-between;gap:15px;color:#a59aaf;font-size:8px;font-weight:600;letter-spacing:.8px}.test-player-top b{color:#8060b5}.test-player-progress{height:3px;background:#f0ebf8;border-radius:10px;margin:15px 0 27px;overflow:hidden}.test-player-progress i{display:block;height:100%;background:#9575d6;transition:width .5s}.question-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.question-tile{display:grid;place-content:center;text-align:center;line-height:1.2;width:45px;height:45px;background:linear-gradient(140deg,#a06deb,#5c30ca);color:white;border-radius:12px;font-size:18px;box-shadow:0 5px 15px #9e72df33}.question-tile small{font-size:7px;margin-top:2px}.question-heading>span:nth-child(2){flex:1}.question-heading b{display:block;font-size:7px;letter-spacing:1px;color:#a6a2af;font-weight:600}.question-heading small:not(.question-tile small){display:block;color:#7f66a5;background:#f0e9fa;border-radius:20px;padding:4px 8px;width:fit-content;font-size:8px;margin-top:5px}.real-question{font-size:18px;font-weight:650;line-height:1.55;letter-spacing:-.4px;margin-bottom:22px;animation:question-slide .35s ease both}.real-options{display:flex;flex-direction:column;gap:9px}.real-option{width:100%;background:white;border:1px solid #e2ddeb;box-shadow:0 2px 3px #26153606;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:11px;line-height:1.7;color:#766d86;transition:background .25s,border-color .25s,transform .25s;min-height:61px}.real-option:not(:disabled):hover{border-color:#aa8ac8;transform:translateX(3px);background:#fcfaff}.option-letter{width:34px;height:36px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:19px;box-shadow:inset 0 -4px 0 #00000014,inset 2px 2px 0 #ffffff2b;color:white}.letter-0{background:#69a930}.letter-1{background:#45a0d3}.letter-2{background:#e03c4b}.letter-3{background:#efad30}.real-option>span:nth-child(2){flex:1}.real-option.is-correct{background:#f0fcf1;border-color:#88bb7c;color:#365634;animation:answer-correct .45s ease}.real-option.is-wrong{background:#fff1f2;border-color:#df9099;color:#9a4b59;animation:answer-shake .35s ease}.real-option.is-dimmed{opacity:.52}.answer-check,.answer-cross{font-style:normal;border-radius:100%;background:#75b75f;color:#fff;width:20px;height:20px;display:grid;place-items:center;animation:answer-pop .4s ease both;font-size:12px;flex-shrink:0}.answer-cross{background:#e48793}.feedback-line{display:flex;align-items:center;gap:10px;border-radius:10px;padding:14px 16px;margin-top:17px;animation:question-slide .3s ease both}.feedback-correct{background:#edf8ee;color:#53815a}.feedback-wrong{background:#fff6e6;color:#a37c40}.feedback-line>span{font-size:23px}.feedback-line b{font-size:11px;display:block}.feedback-line small{display:block;font-size:9px;opacity:.8;margin-top:2px}.real-justification{background:#f4f8f2;border:1px solid #e4edde;border-radius:10px;margin-top:12px;overflow:hidden}.real-justification summary{list-style:none;cursor:pointer;font-size:10px;font-weight:600;color:#728a65;padding:13px 15px;display:flex;align-items:center;justify-content:space-between}.real-justification summary::-webkit-details-marker{display:none}.real-justification>div{padding:0 15px 16px;font-size:10px;line-height:1.9;color:#7f8b78;max-height:300px;overflow:auto}.test-player-actions{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.previous-question{font-size:9px;color:#91819e;background:#f1edf7;padding:9px 12px;border-radius:7px}.previous-question:disabled{opacity:.35;cursor:default}.local-only{font-size:7px;line-height:1.7;color:#b3a9bd;text-align:center;max-width:110px}.quiz-next{background:#76aa44;color:#fff;min-height:42px;font-size:10px;gap:12px;padding:7px 8px 7px 16px}.quiz-next:disabled{background:#ddd9e4;color:#aaa1b4;cursor:default;box-shadow:none;transform:none}.quiz-next .circle-arrow{height:26px;width:26px}.test-result{text-align:center;padding:45px 15px;position:relative;overflow:hidden}.result-medal{display:block;color:#9a7be1;font-size:62px;line-height:1.2}.test-result>.eyebrow{display:block;margin-top:24px}.test-result h2{font-size:30px;letter-spacing:-1px}.test-score{font-size:72px;line-height:1.3;letter-spacing:-4px;font-weight:650;color:#7954bd;margin:22px 0}.test-score small{font-size:25px;letter-spacing:-1px;color:#c1afd6}.test-result p{font-size:11px;color:#a295b0;margin:15px auto 25px}.test-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.test-result-actions .button{font-size:10px;min-height:45px}.test-local-note{font-size:8px!important;max-width:280px}.test-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.test-confetti i{position:absolute;left:calc(var(--n)*6.2%);top:-15px;width:5px;height:12px;background:hsl(calc(var(--n)*27),70%,70%);animation:confetti-fall 1.8s ease-in both;animation-delay:calc(var(--n)*35ms)}
.feature-hero,.directory-hero{background:linear-gradient(145deg,#5430e0,#7859ed);color:white;padding:125px 0 145px;position:relative;overflow:hidden}.feature-hero:before,.directory-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.breadcrumb{display:block;color:#d2c3ff;font-size:9px;letter-spacing:.3px;margin-bottom:45px}.feature-hero .eyebrow,.directory-hero .eyebrow{font-size:8px;letter-spacing:1.7px;color:#d1c3fb;position:relative;z-index:1}.feature-hero h1,.directory-hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.15;letter-spacing:-3.8px;margin:24px 0;font-weight:700;position:relative;z-index:1}.feature-hero h1 span,.directory-hero h1 span{color:#cec0ff}.feature-hero p,.directory-hero p{font-size:14px;line-height:1.9;max-width:600px;color:#e0d6ff;position:relative;z-index:1}.feature-hero-actions{display:flex;gap:30px;align-items:center;margin-top:35px;position:relative;z-index:1}.feature-secondary{font-size:11px;color:#ded2ff}.feature-hero-orb{position:absolute;border:1px solid #fff1;width:450px;height:450px;border-radius:100%;right:-70px;top:100px;background:radial-gradient(ellipse,#aa8bff22,transparent 70%);box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff02;animation:breathe 9s ease-in-out infinite alternate}.feature-product{margin-top:-75px;position:relative;z-index:2;width:min(980px,calc(100% - 96px))}.feature-product .platform-stage{background:linear-gradient(140deg,#f1eaff,#e1daff);padding:55px 50px 45px}.feature-product .device-composition{padding-right:80px;padding-bottom:40px}.feature-product .device-mobile{width:23%}.image-footnote{font-size:9px;color:#9b8da9;text-align:center;margin-top:26px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.benefit-grid article{padding:30px;background:#f8f7fb;border-radius:22px;border:1px solid #efebf6}.benefit-grid article>span{color:#a289c3;font-size:11px;display:block;margin-bottom:30px}.benefit-grid h3{font-size:23px;letter-spacing:-.7px}.benefit-grid p{font-size:12px;line-height:1.9;color:#8e819c;margin-top:16px}.feature-how{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-how ol{list-style:none;padding:0;margin:0}.feature-how li{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #ebe4f4}.feature-how li>span{font-size:11px;color:#a893c4}.feature-how li p{font-size:12px;color:#8b7e9a}.feature-related{padding:10px 0 85px}.feature-related h2{font-size:30px;letter-spacing:-1px;margin-bottom:30px}.feature-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-related a{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e8dff3;border-radius:12px;font-size:10px;color:#7c6b92}.feature-related a>span{color:#9b79ce;font-size:20px}.feature-related b{margin-left:auto}.prompt-examples{padding:65px 50px;border-radius:25px;background:#f5f0ff;margin-top:100px}.prompt-examples h2{font-size:38px}.prompt-examples>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.prompt-examples>div span{background:white;border:1px solid #ece3f7;border-radius:15px;padding:20px;font-size:12px;color:#9279b5}.prompt-examples>p{font-size:9px;color:#ada0ba;margin-top:22px}.academy-dual{padding:55px;background:#f1ebfd;border-radius:25px;margin-top:90px;margin-bottom:90px}.academy-dual h2{font-size:39px;line-height:1.25}.academy-dual>p{font-size:13px;color:#8e7ba7;max-width:600px;margin:22px 0 30px}.academy-dual .text-link{margin-left:25px}.directory-hero{padding-bottom:80px}.directory-hero h1{font-size:66px}.directory-search{position:relative;display:flex;align-items:center;gap:15px;border-radius:50px;background:#fff;padding:14px 24px;max-width:600px;margin-top:35px;box-shadow:0 10px 30px #32106b30}.directory-search>span{color:#8c76ab;font-size:27px;line-height:1}.directory-search input{flex:1;border:0;background:transparent;font:inherit;font-size:12px;min-width:0;color:#654e83;outline:none}.directory-search input::placeholder{color:#b6a5cc}.directory-search:focus-within{outline:3px solid #d4beff;outline-offset:3px}.directory-content{padding-top:45px;padding-bottom:10px}.directory-filters{display:flex;flex-wrap:wrap;gap:8px}.directory-filters button{background:#faf8fe;color:#8e7aab;padding:9px 15px;border:1px solid #e8def7;border-radius:50px;font-size:10px;transition:background .25s,color .25s}.directory-filters button.active{background:#6541b7;color:white;border-color:#6541b7}.directory-content>#academy-count{font-size:11px;color:#a28dbb;margin:25px 0}.academy-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.academy-card{border:1px solid #ebe4f5;border-radius:24px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.academy-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #43256812}.academy-image{background:#f5f1fb;display:flex;align-items:center;justify-content:center;padding:20px;min-height:180px}.academy-image img{max-height:190px;width:auto;max-width:100%;height:auto!important;object-fit:contain;border-radius:10px;box-shadow:0 7px 18px #0001}.academy-placeholder{font-size:85px;color:#a68bcf;line-height:1.7}.academy-card-content{padding:25px;display:flex;flex-direction:column;flex:1}.academy-location{font-size:9px;color:#b09cc7;line-height:1.8}.academy-card h2{font-size:23px;line-height:1.3;letter-spacing:-.9px;margin:12px 0}.academy-card p{font-size:11px;color:#a08cac;line-height:1.8}.academy-tags{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0 25px}.academy-tags>span{padding:4px 8px;background:#f2edf8;color:#ab93bf;border-radius:20px;font-size:7px}.academy-link{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#81649e;margin-top:auto}#academy-empty{padding:50px;text-align:center;color:#ac94c0;font-size:13px}
@keyframes question-slide{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes answer-pop{from{scale:.3;opacity:0}to{scale:1;opacity:1}}@keyframes answer-correct{0%{scale:1}45%{scale:1.012}100%{scale:1}}@keyframes answer-shake{20%,60%{translate:-3px 0}40%,80%{translate:3px 0}100%{translate:0 0}}@keyframes confetti-fall{from{translate:0 -20px;rotate:0deg;opacity:1}to{translate:10px 530px;rotate:350deg;opacity:0}}
@media(max-width:1100px){.product-split{gap:40px}.platform-stage{padding:45px 15px 35px 20px}.device-composition{padding-right:35px}.device-mobile{border-width:4px;border-radius:18px}.hero h1{font-size:8.4vw;letter-spacing:-4.5px}.hero-devices .device-mobile{width:21%;right:-5px}.function-card-copy{padding:23px}.function-card h3{font-size:21px}.test-shell{grid-template-columns:220px minmax(0,1fr)}.test-player{padding:25px}.test-picker{padding:25px 12px}.test-player-actions{flex-wrap:wrap}.local-only{display:none}.benefit-grid{gap:18px}.benefit-grid article{padding:25px}.benefit-grid h3{font-size:21px}.feature-related a{font-size:9px;padding:13px}.academy-directory{gap:18px}.academy-card-content{padding:20px}.academy-card h2{font-size:21px}.function-more{padding:20px 23px}}
@media(max-width:800px){.header .dropdown{width:100%;display:none;grid-template-columns:1fr;gap:0}.header .dropdown.open{display:grid}.dropdown a{padding:13px 10px}.dropdown b{font-size:12px}.dropdown small{font-size:9px}.header nav{max-height:calc(100dvh - 95px);overflow:auto}.hero{padding-top:120px;padding-bottom:60px}.hero h1{font-size:11.7vw;letter-spacing:-3.9px}.hero-eyebrow{font-size:6px;letter-spacing:.8px;gap:7px}.hero:before{opacity:.45}.hero-devices{padding-right:35px;padding-bottom:28px}.hero-devices .device-desktop{border-width:5px;border-radius:18px}.hero-devices .device-bar{height:31px}.hero-devices .device-bar>span:nth-child(2){font-size:6px;padding:3px 20px}.hero-devices .device-mobile{border-width:5px;border-radius:22px;bottom:-15px;width:22%;right:-2px}.hero-devices .capture-tag{font-size:8px;padding:10px 13px;left:-10px;bottom:20%}.hero .floating-sticker{width:65px;height:65px;right:40%;top:-28px;font-size:8px}.hero .floating-sticker b{font-size:10px}.device-bar{height:25px;padding:0 8px}.device-bar>span:nth-child(2){font-size:5px;padding:3px 7px}.device-dots{font-size:4px;letter-spacing:1px}.device-desktop{border-width:4px;border-radius:13px}.capture-tag{font-size:6px;padding:7px 9px;left:-7px}.device-composition{padding-right:25px;padding-bottom:25px}.device-mobile{width:29%;border-width:3px;border-radius:15px}.device-speaker{height:10px}.device-home{height:9px}.device-home:after{height:2px;top:3px}.platform-stage{padding:40px 15px 30px 20px;border-radius:24px}.product-split{gap:35px}.split-copy p{font-size:11px}.function-grid{gap:15px}.function-card{grid-column:span 3;border-radius:20px}.function-card:last-child{grid-column:span 6}.function-card-copy{padding:25px}.function-card h3{font-size:23px}.function-card p{font-size:11px}.function-card:last-child .function-media{max-width:500px;align-self:center}.function-more{padding:22px 25px}.entity-section{padding:10px 0 65px}.entity-section h2{font-size:30px}.entity-section>p{font-size:11px}.entity-section .entity-positioning{font-size:9px}.test-shell{grid-template-columns:1fr}.test-picker{border-right:0;border-bottom:1px solid #e6dff0;padding:23px}.test-picker>h3{font-size:23px}.test-picker>p{margin:10px 7px 18px}.test-picker>div{display:flex;overflow:auto;gap:6px;padding-bottom:6px}.test-pick{width:190px;flex-shrink:0;padding:11px 10px;margin:0}.test-pick>i{display:none}.test-pick small{font-size:7px}.test-source{margin:10px 7px 0;font-size:6px}.test-source br{display:none}.test-player{padding:28px}.real-question{font-size:19px}.real-option{font-size:12px}.local-only{display:block}.feature-hero,.directory-hero{padding:115px 0 120px}.feature-hero h1,.directory-hero h1{font-size:52px;letter-spacing:-2.5px}.feature-hero p,.directory-hero p{font-size:12px;max-width:500px}.breadcrumb{margin-bottom:30px}.feature-product{width:calc(100% - 44px);margin-top:-60px}.feature-product .platform-stage{padding:40px 25px 35px}.feature-product .device-composition{padding-right:45px;padding-bottom:30px}.feature-product .device-mobile{width:24%}.benefit-grid{grid-template-columns:1fr;gap:15px}.benefit-grid article{padding:28px;display:grid;grid-template-columns:30px 1fr;column-gap:20px}.benefit-grid article>span{grid-row:1/3;margin:0}.benefit-grid h3{font-size:24px}.benefit-grid p{font-size:12px;margin-top:12px}.feature-how{gap:35px}.feature-how h2{font-size:33px}.feature-how li{gap:15px}.feature-how li p{font-size:11px}.feature-related>div{grid-template-columns:1fr 1fr}.feature-related a{font-size:11px;padding:18px}.prompt-examples{padding:40px 30px;margin-top:75px}.prompt-examples h2{font-size:33px}.prompt-examples>div{grid-template-columns:1fr}.prompt-examples>div span{font-size:12px;padding:18px}.academy-dual{padding:40px 30px;margin-block:70px}.academy-dual h2{font-size:33px}.academy-dual>p{font-size:12px}.directory-content{padding-top:35px}.directory-hero{padding-bottom:60px}.directory-filters{gap:6px}.directory-filters button{font-size:9px;padding:8px 12px}.academy-directory{grid-template-columns:1fr 1fr;gap:16px}.academy-card h2{font-size:23px}.academy-card-content{padding:23px}.academy-image{min-height:180px;padding:15px}.academy-image img{max-height:160px}.academy-dual .text-link{display:block;width:fit-content;margin:20px 0 0}}
@media(max-width:540px){.hero{padding-top:112px;padding-bottom:48px}.hero h1{font-size:12.6vw;letter-spacing:-2.7px}.hero-eyebrow{font-size:5.4px;letter-spacing:.5px;padding:9px 10px;gap:6px;max-width:100%}.hero-eyebrow>span:last-child{display:none}.hero-bottom{margin-top:28px;gap:22px}.hero-description{font-size:12px}.hero .black{font-size:11px}.hero-action{gap:12px}.button-note{font-size:8px}.province-marquee{margin-block:30px 50px}.hero-devices{padding-right:25px;padding-bottom:25px}.hero-devices .device-desktop{border-width:3px;border-radius:11px}.hero-devices .device-bar{height:22px;padding-inline:7px}.hero-devices .device-bar>span:nth-child(2){font-size:4px;padding:3px 12px}.hero-devices .device-bar b{font-size:5px}.hero-devices .device-mobile{width:24%;right:-3px;bottom:-3px;border-width:3px;border-radius:14px}.hero-devices .capture-tag{font-size:5px;padding:7px;left:-7px;bottom:18%}.hero .floating-sticker{width:51px;height:51px;font-size:6px;top:-24px;right:38%;border-width:3px}.hero .floating-sticker b{font-size:8px}.hero-devices .device-speaker{height:8px}.hero-devices .device-home{height:7px}.hero-devices .device-home:after{top:2px;height:2px}.product-split{gap:35px}.platform-stage{padding:45px 16px 38px 22px;border-radius:25px}.device-desktop{border-width:4px;border-radius:13px}.device-composition{padding-right:28px;padding-bottom:26px}.device-mobile{width:30%;border-width:3px;border-radius:16px}.capture-tag{font-size:6px;padding:8px 10px;bottom:0;left:-8px}.device-bar{height:23px}.device-bar>span:nth-child(2){font-size:5px}.split-copy p{font-size:12px}.function-grid{grid-template-columns:1fr;gap:20px}.function-card,.function-card:nth-child(-n+2),.function-card:last-child{grid-column:auto}.function-card-copy{padding:27px}.function-card h3{font-size:26px}.function-card p{font-size:12px}.function-icon{margin-bottom:20px}.function-media{margin:0 18px;border-width:4px}.function-more{padding:22px 27px;font-size:11px}.functions-section{padding-top:80px}.real-tests-section{padding-top:75px}.test-shell{border-radius:20px}.test-picker{padding:23px 13px}.test-player{padding:24px 16px}.test-player-top{font-size:6px;letter-spacing:.4px}.test-player-progress{margin:13px 0 23px}.question-heading{gap:9px;margin-bottom:20px}.question-heading b{font-size:6px;letter-spacing:.5px}.question-heading small:not(.question-tile small){font-size:6px;line-height:1.8;border-radius:8px;max-width:230px}.question-tile{width:38px;height:42px;border-radius:9px;font-size:17px;flex-shrink:0}.real-question{font-size:16px;line-height:1.65;letter-spacing:-.3px}.real-options{gap:9px}.real-option{padding:10px 9px;gap:10px;font-size:10px;line-height:1.8;border-radius:10px}.option-letter{width:28px;height:31px;font-size:16px;border-radius:7px}.answer-check,.answer-cross{width:16px;height:16px;font-size:9px}.feedback-line{padding:12px;gap:9px}.feedback-line b{font-size:10px}.feedback-line small{font-size:8px}.real-justification summary{font-size:9px;padding:12px}.real-justification>div{font-size:10px;padding-inline:12px;max-height:300px}.test-player-actions{gap:7px}.previous-question{font-size:8px;padding:8px}.local-only{display:none}.quiz-next{font-size:9px;padding-left:12px;gap:8px;min-height:39px}.quiz-next .circle-arrow{height:24px;width:24px}.test-dialog{width:calc(100% - 14px);padding:30px 5px 5px;max-height:94dvh;border-radius:16px}.test-dialog .test-picker{padding:18px 10px}.test-dialog .test-picker>p{display:none}.test-dialog .test-picker>h3{font-size:18px;margin-bottom:13px}.test-dialog .test-picker>.eyebrow{font-size:6px;margin-bottom:10px}.test-dialog .test-source{display:none}.test-dialog .test-player{padding:22px 15px}.test-pick{width:180px;padding:11px 8px}.test-pick-number{width:23px;height:23px;font-size:8px}.test-pick b{font-size:9px}.test-pick small{font-size:7px}.test-result{padding:25px 4px}.test-result h2{font-size:26px}.test-score{font-size:65px}.test-result-actions .button{font-size:9px}.academy-actions{flex-direction:column;align-items:start;gap:20px}.academy-actions .button{font-size:10px}.entity-section{padding:10px 0 60px}.entity-section h2{font-size:28px;letter-spacing:-1.2px}.entity-section>p{font-size:12px}.entity-links{font-size:10px;gap:16px}.feature-hero,.directory-hero{padding:105px 0 100px}.breadcrumb{font-size:8px;margin-bottom:28px}.feature-hero .eyebrow,.directory-hero .eyebrow{font-size:6px;letter-spacing:1px;line-height:1.8}.feature-hero h1,.directory-hero h1{font-size:42px;letter-spacing:-2px;line-height:1.2;margin-block:23px}.feature-hero p,.directory-hero p{font-size:12px;line-height:1.9}.feature-hero-actions{gap:20px;align-items:start;flex-direction:column;margin-top:28px}.feature-secondary{font-size:10px}.feature-hero .button{font-size:10px}.feature-product{width:calc(100% - 30px);margin-top:-50px}.feature-product .platform-stage{padding:33px 15px 28px 22px;border-radius:20px}.feature-product .device-composition{padding-right:24px;padding-bottom:24px}.feature-product .device-mobile{width:29%}.image-footnote{font-size:7px;margin-top:16px}.benefit-grid article{padding:25px 22px;column-gap:13px;grid-template-columns:24px 1fr}.benefit-grid h3{font-size:22px}.benefit-grid p{font-size:11px;line-height:1.9}.feature-how{grid-template-columns:1fr;gap:30px}.feature-how h2{font-size:34px}.feature-how li{padding:19px 0}.feature-how li p{font-size:12px}.feature-related{padding-block:0 65px}.feature-related h2{font-size:25px;line-height:1.4}.feature-related>div{grid-template-columns:1fr}.feature-related a{padding:18px}.prompt-examples{padding:35px 25px;margin-top:70px}.prompt-examples h2{font-size:30px}.prompt-examples>div{margin-top:25px}.prompt-examples>p{font-size:8px}.academy-dual{padding:35px 25px;border-radius:20px;margin-block:65px}.academy-dual h2{font-size:31px}.academy-dual .button{font-size:10px}.directory-hero{padding-bottom:45px}.directory-search{padding:12px 17px;margin-top:28px}.directory-search input{font-size:10px}.directory-search>span{font-size:24px}.directory-content{padding-top:30px}.directory-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:10px;margin-right:-22px;padding-right:22px}.directory-filters button{flex-shrink:0;white-space:nowrap;font-size:9px}.academy-directory{grid-template-columns:1fr;gap:22px}.academy-card{border-radius:22px}.academy-image{padding:20px;min-height:170px}.academy-image img{max-height:215px}.academy-card-content{padding:26px}.academy-card h2{font-size:27px}.academy-card p{font-size:12px}.academy-location{font-size:10px}.academy-tags>span{font-size:8px}.academy-link{font-size:11px}.directory-content>#academy-count{font-size:10px;margin:19px 0}.feature-page .faq-layout{padding-top:80px}.capture-dialog{padding:38px 7px 10px;width:calc(100% - 18px)}.capture-dialog img{max-height:80dvh}.capture-dialog p{font-size:7px}.footer-main p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.test-confetti{display:none}.real-question,.real-option,.answer-check,.feedback-line{animation:none}.device-mobile,.device-composition:hover .device-mobile{transform:none}.capture-tag{animation:none}.function-media:hover img{scale:1}}
.header .resources-dropdown{width:260px;grid-template-columns:1fr;left:0}.resources-dropdown a{justify-content:space-between;padding:14px}.resources-dropdown a>span{flex:0!important;color:#b8a5d1}.review-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ddd1f3 transparent;padding:5px 2px 25px}.review-card{margin:0;flex:0 0 calc((100% - 40px)/3);background:#f8f6fc;border:1px solid #eee8f6;border-radius:23px;padding:27px;scroll-snap-align:start;display:flex;flex-direction:column;min-height:310px}.review-quote{font-size:55px;color:#c3afe2;height:45px;line-height:1.2;font-family:Georgia,serif}.review-card blockquote{font-size:12px;line-height:1.9;color:#9b8aa8;margin:12px 0 28px;flex:1}.review-card figcaption{display:flex;align-items:center;gap:10px}.review-initials{width:33px;height:33px;border-radius:100%;background:#e8def4;color:#a187b8;display:grid;place-items:center;font-size:9px}.review-card figcaption b{font-size:10px;color:#7c628d;display:block;font-weight:600}.review-card figcaption small{display:block;font-size:8px;color:#b4a3c0;margin-top:3px}.review-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.review-controls>a{font-size:9px;color:#a78cbe}.review-controls>span{display:flex;gap:7px}.review-controls button{width:35px;height:35px;border:1px solid #e9dff3;border-radius:100%;background:white;color:#a088b8}.review-controls button:hover{background:#efe6f9}.feature-page .reviews-section{margin-bottom:80px}@media(max-width:800px){.header .resources-dropdown{width:100%;left:auto}.review-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:540px){.review-card{flex-basis:87%;padding:25px;min-height:290px}.review-card blockquote{font-size:12px}.review-card figcaption b{font-size:11px}.review-card figcaption small{font-size:9px}.review-controls>a{font-size:8px}}
.legacy-academy-links{padding-top:75px}.legacy-academy-links h2{font-size:32px;letter-spacing:-1px}.legacy-academy-links>p{font-size:11px;color:#a992bc;margin:18px 0 25px}.legacy-academy-links>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.legacy-academy-links a{background:#f8f3fd;border:1px solid #e9def4;border-radius:18px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.legacy-academy-links b{font-size:13px;color:#8c6ca1}.legacy-academy-links a span{font-size:9px;color:#af96c0}@media(max-width:540px){.legacy-academy-links>div{grid-template-columns:1fr}.legacy-academy-links h2{font-size:27px}.legacy-academy-links a{padding:22px}.legacy-academy-links>p{font-size:10px}}
.real-question{font-size:20px}.real-option{font-size:12px}.test-pick b{font-size:11px}.test-player-progress i{transform-origin:left;animation:track-fill .45s ease both}@keyframes track-fill{from{transform:scaleX(.3)}to{transform:scaleX(1)}}@media(max-width:540px){.real-question{font-size:17px}.real-option{font-size:12px;line-height:1.65}.test-pick b{font-size:10px}}@media(prefers-reduced-motion:reduce){.test-player-progress i{animation:none}}
.test-shell,.test-picker,.test-picker>div,.test-player{min-width:0}.test-picker>div{max-width:100%}.real-option>span:nth-child(2){min-width:0;overflow-wrap:break-word}.question-heading>span:nth-child(2){min-width:0}.test-dialog{max-width:calc(100% - 28px)}@media(max-width:800px){.test-shell{grid-template-columns:minmax(0,1fr)}}@media(max-width:540px){.test-dialog{max-width:calc(100% - 14px);width:calc(100% - 14px)}}
.test-dialog>.modal-close{position:sticky;top:0;float:right;right:auto;z-index:20;margin:-24px 0 0;background:#eee8f7;box-shadow:0 2px 8px #30194b15}
/* v3.css */
/* V3 — floating navigation and Zapmail's generous, asymmetric product layout. */
:root{--violet:#6849fa;--primary:#6849fa;--ink:#131217;--muted:#74717e}
body{font-size:16px}.wrap{max-width:1200px}h2{font-size:clamp(36px,4.1vw,58px);letter-spacing:-2.6px;font-weight:600}.section{padding-top:125px;padding-bottom:35px}.dark-label{font-size:11px;color:#777181}.section-heading p,.split-copy p{font-size:16px;line-height:1.8;color:#77717f}.section-heading p{max-width:560px}.muted-heading,.split-copy h2 span{color:#96919e}
/* The complete header remains a detached capsule at every scroll position. */
.header,.header.scrolled{top:18px;left:24px;right:24px;width:auto;max-width:1248px;margin-inline:auto;border:1px solid #ffffff30;border-radius:100px;background:#202027a8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;box-shadow:0 8px 35px #00000014;transition:background .35s,border-color .35s,color .35s,box-shadow .35s}
.header .nav-wrap,.header.scrolled .nav-wrap{min-height:76px;padding:10px 18px 10px 28px;max-width:none;width:100%;gap:18px}.header .official-logo{width:153px;height:49px}.header .logo-white{display:block}.header .logo-dark{display:none}.header nav{gap:6px}.header .nav-pill{font-size:12px;padding:10px 17px;white-space:nowrap;background:#ffffff0e}.header .nav-pill:hover{background:#ffffff20;transform:none}.header .nav-login{font-size:12px;background:#fff;color:#16121b;padding:13px 22px}.header.scrolled{background:#fffffff0;color:#19151f;border-color:#e6e1ee;box-shadow:0 10px 40px #25143b16}.header.scrolled .logo-white{display:none}.header.scrolled .logo-dark{display:block}.header.scrolled .nav-pill{background:#f4f2f7}.header.scrolled .nav-login{background:#16131c;color:white}.header .dropdown{top:calc(100% + 24px);width:610px;padding:14px;border-radius:22px;box-shadow:0 25px 80px #13082e20}.header .dropdown b{font-size:13px}.header .dropdown small{font-size:11px;line-height:1.6}.header .dropdown a{padding:17px 13px}.header .resources-dropdown{width:280px;left:auto;right:0}.header .resources-dropdown a>b{font-size:13px}
/* Dark campaign grid, oversized offset headline and large product canvas. */
.hero{padding-top:172px;padding-bottom:92px;background:#101015}.hero:before{height:100%;opacity:1;background:radial-gradient(ellipse 600px 520px at 91% 17%,#30225850,transparent 75%),radial-gradient(ellipse 800px 800px at 50% 86%,#5838d52b,transparent 75%)}.hero:after{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(black 10%,#000b 75%,transparent)}.hero-orb{opacity:.6}.hero h1{font-size:clamp(80px,9.3vw,142px);font-weight:700;line-height:1.06;letter-spacing:-7px}.hero-eyebrow{font-size:10px;letter-spacing:1.4px;background:#ffffff08;margin-bottom:26px;border-color:#ffffff29}.hero-second{margin-top:24px;align-items:end}.hero-second>.headline-line{font-size:1.12em;color:#a293ff;text-shadow:none}.hero-description{max-width:420px;line-height:1.65;font-size:17px;margin-bottom:14px;color:#e8e5ee}.hero-bottom{margin-top:52px}.hero-note{font-size:15px}.hero-tags{font-size:12px;margin-top:10px}.hero .black{background:#704cf9;box-shadow:none;font-size:14px;min-height:54px}.hero .black:hover{background:#8966ff}.hero .black .circle-arrow{background:#2c2059}.button-note{font-size:12px;margin-top:12px}.province-marquee{margin-top:62px;margin-bottom:72px;padding-block:28px}.marquee-track span{font-size:14px;color:#b4adbf;font-weight:500;letter-spacing:1.5px}.dashboard-scene{max-width:1160px;margin-inline:auto}.hero-devices{padding-right:80px;padding-bottom:55px}.hero-devices .device-desktop{border-color:#302739;border-width:6px;box-shadow:0 20px 100px #714bff25}.hero-devices .device-mobile{right:0;bottom:0;width:21%;border-color:#26232d;transform:rotate(6deg)}.hero .floating-sticker{background:#7551f9;width:94px;height:94px;font-size:12px;border-width:4px;top:-43px;right:37%}.hero .floating-sticker b{font-size:15px}.capture-tag,.image-footnote{display:none!important}
.intro h2{font-size:clamp(40px,4.2vw,58px)}.intro-numbers{padding-block:38px}.intro-numbers strong{font-size:46px;font-weight:650}.intro-numbers span{font-size:13px;color:#898292}.product-split{gap:80px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.product-split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.split-copy h2{font-size:clamp(36px,3.4vw,49px)}.check-list li{font-size:14px}.button{font-size:13px;min-height:52px}.platform-stage{padding:65px 27px 52px;background:radial-gradient(ellipse at 15% 0%,#c8baff70,transparent 65%),#f5f1ff;border:1px solid #eee7f7;border-radius:28px}.function-card{background:#f8f7fa;border-radius:24px}.function-card h3{font-size:27px}.function-card p{font-size:14px}.function-card-copy{padding:32px}.function-more{font-size:12px;padding:25px 32px}.function-icon{width:40px;height:40px;margin-bottom:26px}.function-grid{gap:24px}.method-grid h3{font-size:23px}.method-grid p,.andalucia-inner p{font-size:15px}.plan>p{font-size:13px}.plan .check-list li{font-size:13px}.plan-eyebrow{font-size:9px}.billing-detail{font-size:11px}.price strong{font-size:45px}.price>span{font-size:12px}.plan h3{font-size:32px}.faqs summary{font-size:15px}.faqs details p{font-size:14px;line-height:1.8}.faq-layout>div>p{font-size:15px}.academy-banner p{font-size:15px}.entity-section>p{font-size:15px}.footer-main>div{font-size:12px}.footer-main p{font-size:12px}.footer-bottom{font-size:10px}
.feature-hero,.directory-hero{padding-top:150px}.feature-hero p,.directory-hero p{font-size:16px}.benefit-grid p{font-size:15px}.benefit-grid h3{font-size:26px}.feature-how li p{font-size:15px}.feature-related a{font-size:14px}.academy-card p{font-size:14px}
/* Original QuizPoL testimonials: source imagery, full quotes and their emphasis. */
.original-reviews{position:relative;background:linear-gradient(90deg,#1959a8 0%,#0a2342 100%);margin-top:110px;padding:0;overflow:hidden;color:white;font-family:Arial,sans-serif}.original-reviews-inner{position:relative;padding-top:125px;padding-bottom:105px;isolation:isolate}.original-reviews h2{position:relative;z-index:1;color:white;font:500 54px/.96 Arial,sans-serif;letter-spacing:-2px;margin-left:35px;max-width:440px}.reviews-phone{position:absolute;z-index:-1;width:1140px;max-width:none;height:auto;right:-160px;top:-70px;pointer-events:none;object-fit:contain}.reviews-panel{display:flex;position:relative;background:white;color:#1a1a1a;border-radius:30px;margin-top:115px;overflow:hidden;min-height:410px;box-shadow:0 25px 80px #0d244b0b}.reviews-rating{flex:0 0 285px;display:flex;align-items:center;flex-direction:column;padding:64px 30px 45px;background:white;z-index:1}.reviews-rating strong{font-size:76px;font-weight:700;line-height:1;letter-spacing:-4px;color:#0e0e0e}.reviews-stars{width:175px;margin-top:20px}.reviews-stars svg{display:block;width:175px;height:auto}.reviews-rating p{font-size:16px;color:#808080;line-height:1.4;margin-top:12px;white-space:nowrap}.reviews-rating>img{width:206px;height:auto;margin-top:auto;padding-top:60px}.original-reviews .review-track{display:flex;flex:1;min-width:0;gap:0;padding:0;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.original-reviews .review-track::-webkit-scrollbar{display:none}.original-reviews .review-card{flex:0 0 33.333333%;min-width:250px;border:0;border-radius:0;background:white;min-height:410px;padding:40px 28px 45px;scroll-snap-align:start;color:#1a1a1a}.original-reviews .review-card blockquote{font:400 18px/1.13 Arial,sans-serif;letter-spacing:-.3px;margin:0 0 50px;color:#1a1a1a}.original-reviews .review-card figcaption{gap:12px;margin-top:auto}.original-reviews .review-card figcaption img{width:46px;height:46px;border-radius:50%;object-fit:contain;flex-shrink:0}.original-reviews .review-card figcaption b,.original-reviews .review-card figcaption small{font:400 16px/1.3 Arial,sans-serif;color:#131313}.original-reviews .review-card figcaption small{margin-top:0}.original-reviews .review-controls{margin-top:28px;position:relative;z-index:2}.original-reviews .review-controls button{background:#ffffff17;border-color:#ffffff2c;color:white;width:42px;height:42px;font-size:18px}.original-reviews .review-controls button:hover{background:#ffffff35}
@media(max-width:1100px){.header .nav-wrap{padding-left:23px;gap:10px}.header .official-logo{width:133px}.header .nav-pill{font-size:11px;padding:9px 12px}.header .nav-login{padding:12px 18px}.header .dropdown{left:-140px;width:570px}.header .resources-dropdown{width:270px;left:auto}.hero h1{font-size:10vw;letter-spacing:-5px}.hero-description{font-size:15px}.reviews-rating{flex-basis:230px;padding-inline:20px}.original-reviews .review-card{flex-basis:50%;min-width:250px}.original-reviews h2{font-size:48px}.reviews-phone{right:-180px;width:1000px}.product-split{gap:45px}.function-card p{font-size:13px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header,.header.scrolled{left:16px;right:16px;top:14px;max-width:none}.header .nav-wrap,.header.scrolled .nav-wrap{min-height:64px;padding:8px 17px 8px 23px}.header .official-logo{width:125px;height:43px}.header .nav-login{margin-left:auto;font-size:11px}.header .menu-toggle{display:block;font-size:24px;padding:4px 2px;margin-left:3px}.header nav{position:absolute;left:0;right:0;top:calc(100% + 12px);width:100%;border:1px solid #e9e3f0;border-radius:24px;background:#fffffff7;backdrop-filter:blur(24px);padding:18px;box-shadow:0 20px 60px #1b0c3020;color:#1c1426;max-height:calc(100dvh - 110px);overflow:auto}.header nav.mobile-open{display:flex}.header .nav-pill,.header.scrolled .nav-pill{font-size:14px;padding:13px 16px;background:#f4f1f8;text-align:left;transform:none}.header .nav-drop{width:100%}.header .dropdown,.header .resources-dropdown{position:static;left:auto;right:auto;width:100%;padding:7px;border-radius:13px;margin-top:10px;box-shadow:none;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none}.header .dropdown.open{display:grid}.header .dropdown small{font-size:11px}.header .dropdown b{font-size:13px}.hero{padding-top:130px;padding-bottom:65px}.hero h1{font-size:10.7vw;letter-spacing:-4px}.hero-second{margin-top:25px}.hero-description{font-size:14px;max-width:320px}.hero .hero-eyebrow{font-size:8px;letter-spacing:1px}.hero-note{font-size:13px}.hero-tags{font-size:10px}.hero .black{font-size:12px}.button-note{font-size:10px}.hero-devices .device-mobile{width:23%}.section-heading p,.split-copy p{font-size:15px}.section-heading h2{font-size:43px}.product-split,.product-split.reverse{grid-template-columns:1fr;gap:45px}.product-split:not(.reverse) .platform-stage{order:2}.split-copy h2{font-size:44px}.platform-stage{padding:60px 35px 45px}.section{padding-top:90px}.original-reviews-inner{padding-top:70px;padding-bottom:65px}.original-reviews h2{font-size:42px;margin-left:10px;max-width:330px}.reviews-phone{width:850px;right:-235px;top:-70px}.reviews-panel{margin-top:100px;border-radius:25px;min-height:380px}.reviews-rating{flex-basis:200px;padding:45px 18px 35px}.reviews-rating strong{font-size:65px}.reviews-rating p{font-size:13px}.reviews-rating>img{width:160px}.reviews-stars,.reviews-stars svg{width:150px}.original-reviews .review-card{flex-basis:100%;min-width:0;min-height:380px;padding:35px 30px}.original-reviews .review-card blockquote{font-size:18px}.original-reviews .review-card figcaption b,.original-reviews .review-card figcaption small{font-size:15px}.feature-hero,.directory-hero{padding-top:125px}.benefit-grid p{font-size:14px}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.header,.header.scrolled{left:10px;right:10px;top:10px}.header .nav-wrap,.header.scrolled .nav-wrap{padding:8px 15px 8px 19px;min-height:62px;gap:10px}.header .official-logo{width:114px;height:40px}.header .nav-login{padding:10px 15px;font-size:11px}.nav-login span{margin-left:5px}.header .menu-toggle{font-size:23px}.hero{padding-top:113px;padding-bottom:45px}.hero .hero-eyebrow{font-size:6.7px;letter-spacing:.45px;padding:9px 10px;margin-bottom:23px;gap:7px}.hero h1{font-size:12.5vw;letter-spacing:-2.8px;line-height:1.08}.hero-second{position:relative;display:flex;flex-direction:column-reverse;align-items:start;margin-top:16px;gap:23px}.hero-second>.headline-line{align-self:end;font-size:1.5em;color:#b29cff}.hero-description{font-size:14px;line-height:1.65;letter-spacing:0;max-width:100%;margin:0}.hero-bottom{margin-top:28px;align-items:start;gap:25px}.hero-note{font-size:12px}.hero-tags{font-size:9px;gap:8px;margin-top:8px}.hero-action .button{font-size:12px;min-height:51px;padding-left:18px;gap:13px}.button-note{font-size:9px}.province-marquee{margin-block:33px 54px;padding-block:21px}.marquee-track span{font-size:11px}.hero-devices{padding-right:27px;padding-bottom:23px}.hero-devices .device-mobile{width:25%;border-width:3px;border-radius:13px}.hero-devices .device-desktop{border-width:3px;border-radius:12px}.hero .floating-sticker{width:57px;height:57px;font-size:7px;top:-27px;right:36%;border-width:3px}.hero .floating-sticker b{font-size:9px}.section{padding-top:74px;padding-bottom:20px}.section-heading h2,.intro h2{font-size:34px;letter-spacing:-1.7px}.section-heading p{font-size:14px}.dark-label{font-size:8px;letter-spacing:1.4px}.intro-numbers strong{font-size:36px}.intro-numbers span{font-size:11px}.split-copy h2{font-size:36px;letter-spacing:-1.8px}.split-copy p{font-size:14px}.split-copy .button{font-size:12px}.check-list li{font-size:12px}.platform-stage{padding:40px 20px 30px}.function-card-copy{padding:27px}.function-card h3{font-size:27px}.function-card p{font-size:14px}.function-more{font-size:12px;padding:24px 27px}.function-grid{gap:20px}.method-grid p{font-size:14px}.plan>p{font-size:13px}.plan .check-list li{font-size:12px}.billing-detail{font-size:11px}.price strong{font-size:44px}.plan h3{font-size:31px}.faqs summary{font-size:14px}.faqs details p{font-size:13px}.faq-layout>div>p{font-size:14px}.academy-banner p,.entity-section>p{font-size:14px}.footer-main p{font-size:10px}.footer-main>div{font-size:11px}.footer-bottom{font-size:9px}.original-reviews{margin-top:75px}.original-reviews-inner{padding-top:55px;padding-bottom:35px}.original-reviews h2{font-size:36px;letter-spacing:-1.4px;margin-left:0;max-width:250px;line-height:1}.reviews-phone{width:630px;top:10px;right:-180px}.reviews-panel{margin-top:160px;display:block;border-radius:23px;min-height:0}.reviews-rating{display:grid;grid-template-columns:100px 1fr;gap:7px 12px;padding:26px;align-items:center}.reviews-rating strong{font-size:56px;letter-spacing:-3px;grid-row:1/3}.reviews-stars{margin:0;align-self:end}.reviews-stars,.reviews-stars svg{width:135px}.reviews-rating p{font-size:12px;white-space:normal;align-self:start;margin:0}.reviews-rating>img{display:none}.original-reviews .review-card{min-height:315px;padding:14px 27px 30px;flex-basis:100%}.original-reviews .review-card blockquote{font-size:18px;line-height:1.2;margin-bottom:25px}.original-reviews .review-card figcaption img{width:42px;height:42px}.original-reviews .review-card figcaption b,.original-reviews .review-card figcaption small{font-size:15px}.original-reviews .review-controls{margin-top:20px}.feature-hero p,.directory-hero p{font-size:14px}.feature-hero,.directory-hero{padding-top:110px}.benefit-grid p{font-size:13px}.feature-how li p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.header,.device-mobile{transition:none}.hero .floating-sticker{animation:none}}
@media(max-width:540px){.reviews-phone{right:-20px;top:120px;width:630px}.reviews-panel{margin-top:275px}}
@media(max-width:540px){.directory-filters{margin-right:-20px;padding-right:20px}}
/* motion.css */
/* Shared motion layer — no changes to the image aspect ratios or page content. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:60;pointer-events:none;background:linear-gradient(90deg,#6849fa,#ae97ff,#83b9ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 13px #8b61ff66}
.motion-ready [data-motion]{opacity:0;translate:0 36px;filter:blur(3px);transition:opacity .85s var(--motion-ease),translate 1s var(--motion-ease),filter .8s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-ready [data-motion][data-motion-kind="scale"]{scale:.965;transition-property:opacity,translate,filter,scale;transition-duration:.9s,1.1s,.85s,1.1s}
.motion-ready [data-motion].motion-visible{opacity:1;translate:0 0;filter:blur(0);scale:1}
/* Device canvases settle into place with scroll; the original screenshot stays intact. */
#vista-plataforma .device-composition,.feature-product .device-composition{transform:translateY(var(--scroll-lift,0px)) scale(var(--scroll-scale,1));transform-origin:center;transition:transform .14s linear}
.motion-section .academy-symbol,.motion-section .closing-star{translate:0 var(--section-shift,0px)}
.header{animation:menu-arrive .85s var(--motion-ease) both}
.header .dropdown{transition:opacity .25s,visibility .25s,transform .4s var(--motion-ease)}
.header .dropdown.open a{animation:menu-item-in .4s var(--motion-ease) both}
.header .dropdown.open a:nth-child(2){animation-delay:35ms}.header .dropdown.open a:nth-child(3){animation-delay:70ms}.header .dropdown.open a:nth-child(4){animation-delay:105ms}.header .dropdown.open a:nth-child(5){animation-delay:140ms}
.motion-button{position:relative;isolation:isolate;translate:var(--button-x,0px) var(--button-y,0px);transition:translate .32s var(--motion-ease),transform .4s var(--motion-ease),background .25s,color .25s,box-shadow .4s;overflow:hidden}
.motion-button::after{content:'';position:absolute;inset:-80% -35%;background:linear-gradient(105deg,transparent 35%,#ffffff35 50%,transparent 65%);transform:translateX(-115%) skewX(-12deg);pointer-events:none;z-index:2;transition:transform .7s var(--motion-ease)}
.motion-button .circle-arrow{transition:transform .4s var(--motion-ease),background .3s,color .3s}
.motion-surface{position:relative;isolation:isolate;transition:transform .55s var(--motion-ease),box-shadow .55s,border-color .35s}
.motion-surface::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,25%),#9a79fa16,transparent 75%);opacity:0;transition:opacity .4s;z-index:3}
.function-icon,.drop-icon{transition:transform .5s var(--motion-ease),background .3s,color .3s}
.function-card h3 a>span,.function-more>span,.academy-link>span,.feature-related a>b{display:inline-block;transition:transform .4s var(--motion-ease)}
.feature-related a,.feature-how li,.method-grid article,.province-grid button,.directory-filters button,.test-pick,.real-option{transition:background .3s,border-color .3s,color .3s,box-shadow .35s,transform .4s var(--motion-ease)}
.feature-how li>span,.step-number{transition:background .35s,color .35s,transform .5s var(--motion-ease)}
.faqs summary>span{transition:rotate .4s var(--motion-ease),background .3s}.faqs details[open] summary>span{rotate:45deg}
.feature-hero-orb{animation:feature-glow 14s ease-in-out infinite alternate;pointer-events:none}
.feature-hero h1>span{background:linear-gradient(100deg,#fff 15%,#c5baff 45%,#fff 75%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-light 9s ease-in-out infinite}
.benefit-grid article{border:1px solid transparent}.inline-test{border-radius:25px}
@media(hover:hover) and (pointer:fine){
 .motion-button:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0a1a2f2b}.motion-button:hover::after{transform:translateX(115%) skewX(-12deg)}.motion-button:active{transform:translateY(0) scale(.98)}.motion-button:hover .circle-arrow{transform:none}
 .motion-surface:hover{transform:translateY(-7px);box-shadow:0 22px 55px #57379a18;border-color:#c9b9ee}.motion-surface:hover::after{opacity:1}
 .platform-stage:hover{transform:translateY(-4px);box-shadow:0 25px 65px #7451cb20}.platform-stage:hover .device-mobile{transform:rotate(1deg) translateY(-12px)}
 .function-card:hover .function-icon,.benefit-grid article:hover>span{transform:translateY(-3px) rotate(-8deg);background:#e8dfff;color:#6440c6}.dropdown a:hover .drop-icon{transform:rotate(-7deg) scale(1.1)}
 .function-card:hover h3 a>span,.function-card:hover .function-more>span,.academy-card:hover .academy-link>span,.feature-related a:hover>b{transform:translate(3px,-3px)}
 .feature-related a:hover{background:#f2ecff;box-shadow:0 7px 25px #5d3c9a0d}.feature-how li:hover{background:linear-gradient(90deg,#f4efff,transparent);transform:translateX(4px)}.feature-how li:hover>span,.method-grid article:hover .step-number{background:#6b49ee;color:#fff;transform:rotate(-8deg)}
 .province-grid button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0002}.directory-filters button:hover{transform:translateY(-2px)}.test-pick:hover{transform:translateX(3px)}.real-option:not(:disabled):hover{transform:translateX(3px);box-shadow:0 5px 16px #2113400b}
 .review-controls button{transition:transform .35s var(--motion-ease),background .3s}.review-controls button:hover{transform:translateY(-3px)}
}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-item-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-glow{0%{transform:translate(0,0) scale(1);opacity:.6}100%{transform:translate(-35px,25px) scale(1.12);opacity:.9}}
@keyframes headline-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@media(max-width:800px){.motion-ready [data-motion]{translate:0 24px;filter:blur(1.5px);transition-duration:.7s,.85s,.7s}.motion-ready [data-motion].motion-visible{translate:0 0;filter:blur(0)}.header nav.mobile-open{animation:menu-item-in .3s var(--motion-ease)}.feature-hero-orb{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){
 .motion-ready [data-motion],.motion-ready [data-motion][data-motion-kind="scale"]{opacity:1!important;translate:none!important;scale:1!important;filter:none!important;transition:none!important}
 .motion-button,.motion-surface,.header,.feature-hero-orb,.feature-hero h1>span{animation:none!important;transition:none!important;transform:none!important;translate:none!important}.motion-button::after{display:none}.motion-surface::after{display:none}
 #vista-plataforma .device-composition,.feature-product .device-composition{transform:none!important;transition:none}.scroll-progress{display:none}.feature-hero h1>span{background:none;color:inherit}.motion-section .academy-symbol,.motion-section .closing-star{translate:none}
}
/* Reveal delays only affect the entrance; hover feedback remains immediate. */
@media(prefers-reduced-motion:no-preference){
 .motion-ready [data-motion]{transition:opacity .85s var(--motion-ease) var(--motion-delay,0ms),translate 1s var(--motion-ease) var(--motion-delay,0ms),filter .8s var(--motion-ease) var(--motion-delay,0ms),transform .55s var(--motion-ease),box-shadow .55s,border-color .35s}
 .motion-ready [data-motion][data-motion-kind="scale"]{transition:opacity .9s var(--motion-ease) var(--motion-delay,0ms),translate 1.1s var(--motion-ease) var(--motion-delay,0ms),filter .85s var(--motion-ease) var(--motion-delay,0ms),scale 1.1s var(--motion-ease) var(--motion-delay,0ms),transform .55s var(--motion-ease),box-shadow .55s,border-color .35s}
}
.faqs details[open] summary>span{transform:none}

/* ===== Vocabulario de movimiento inspirado en motionframe.app (02/11/2026) =====
   Entradas cortas y suaves (16 px, 0,7 s, curva de salida), luz ambiente que se mueve despacio en las cabeceras,
   grano fino, ventanas que suben al abrirse, zoom leve en imágenes al pasar el ratón y el logotipo grande del pie.
   Todo con transiciones (el hover no repite animaciones) y nada se mueve con «reducir movimiento». */
:root{--ease-salida:cubic-bezier(.22,1,.36,1);--ease-suave:cubic-bezier(.45,0,.2,1)}
.motion-ready [data-motion]{translate:0 16px;filter:none;transition:opacity .7s var(--ease-salida) var(--motion-delay,0ms),translate .7s var(--ease-salida) var(--motion-delay,0ms),scale .8s var(--ease-salida) var(--motion-delay,0ms),transform .55s var(--motion-ease),box-shadow .55s,border-color .35s}
.motion-ready [data-motion][data-motion-kind="scale"]{transition:opacity .7s var(--ease-salida) var(--motion-delay,0ms),translate .7s var(--ease-salida) var(--motion-delay,0ms),scale .8s var(--ease-salida) var(--motion-delay,0ms),transform .55s var(--motion-ease),box-shadow .55s,border-color .35s}
.motion-ready [data-motion][data-motion-kind="scale"]{scale:.985}
.motion-ready [data-motion].motion-visible{opacity:1;translate:0 0;scale:1}
@media(max-width:800px){.motion-ready [data-motion]{translate:0 12px}}

/* Cabeceras con fondo de marca: luz que deriva despacio + grano */
.qp-page-hero{isolation:isolate}
.qp-page-hero>.wrap{position:relative;z-index:1}
.qp-page-hero::before{content:"";position:absolute;inset:-30% -20%;z-index:0;pointer-events:none;
 background:radial-gradient(34% 40% at 72% 30%,#ffffff2e,#fff0 70%),radial-gradient(28% 34% at 22% 78%,#fec00124,#fec00100 70%),radial-gradient(30% 36% at 90% 85%,#009fdd38,#009fdd00 70%);
 animation:qp-luz 26s var(--ease-suave) infinite alternate;will-change:transform}
.qp-page-hero>.qp-grano{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.08;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
@keyframes qp-luz{0%{transform:translate3d(-4%,-3%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.06)}100%{transform:translate3d(6%,-2%,0) scale(1.02)}}

/* Ventanas: suben al abrirse */
#plan-dialog[open],.qp-local-pay[open],.qp-terms-modal:not([hidden]) .qp-terms-modal__box{animation:qp-sube .4s var(--ease-salida)}
#plan-dialog[open]::backdrop,.qp-local-pay[open]::backdrop{animation:qp-aparece .3s var(--ease-suave)}
@keyframes qp-sube{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}
@keyframes qp-aparece{from{opacity:0}to{opacity:1}}

/* Imágenes de tarjetas: zoom leve al pasar el ratón */
.qp-post-card>a img,.qp-product-media img,.qp-mini img{transition:scale .6s var(--ease-salida)}
.qp-product-media{overflow:hidden}
@media (hover:hover){.qp-post-card>a:hover img,.qp-product:hover .qp-product-media img{scale:1.04}.qp-mini:hover img{scale:1.06}}

/* Flecha de los botones y enlaces: se desplaza un poco */
.button .circle-arrow,.qp-band-cta .circle-arrow{transition:translate .32s var(--ease-salida),scale .32s var(--ease-salida)}
@media (hover:hover){.button:hover .circle-arrow{translate:2px 0;scale:1.06}}

/* Logotipo grande al final del pie */
.footer-wordmark{display:block;margin:28px 0 -0.12em;font-family:var(--display,inherit);font-stretch:112%;font-weight:800;letter-spacing:-.05em;line-height:.8;font-size:clamp(64px,15vw,240px);color:#0a1a2f0f;white-space:nowrap;overflow:hidden;user-select:none;pointer-events:none}

@media (prefers-reduced-motion:reduce){
 .qp-page-hero::before{animation:none}
 #plan-dialog[open],.qp-local-pay[open],.qp-terms-modal:not([hidden]) .qp-terms-modal__box,#plan-dialog[open]::backdrop,.qp-local-pay[open]::backdrop{animation:none}
 .qp-post-card>a img,.qp-product-media img,.qp-mini img,.button .circle-arrow{transition:none}
 .qp-post-card>a:hover img,.qp-product:hover .qp-product-media img,.qp-mini:hover img,.button:hover .circle-arrow{scale:1;translate:none}
}

/* Apilar al bajar (02/11/2026). motion.js pone .stack-on solo si cada tarjeta cabe en pantalla y no hay movimiento reducido.
   La tarjeta de debajo se encoge un 6 % y se oscurece con una capa, sin tocar el filtro de la aparición. */
.stack-on{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.stack-on>.stack-card{position:sticky!important;top:calc(var(--stack-top,112px) + var(--i)*12px);transform-origin:50% 0;transform:scale(calc(1 - var(--stack-p,0)*.06));transition-property:opacity,translate,filter,box-shadow,border-color!important}
.stack-on>.stack-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0a1a2f;opacity:calc(var(--stack-p,0)*.28);pointer-events:none}
.stack-on>.stack-card{isolation:isolate}
@media (max-width:800px){.stack-on>.stack-card{--stack-top:88px}}
@media (prefers-reduced-motion:reduce){.stack-on>.stack-card{position:relative!important;transform:none}.stack-on>.stack-card::after{display:none}}

/* Apilado más natural en el móvil (02/11/2026): encoge menos y con suavidad, oscurece poco y la que sube trae una sombra suave
   por arriba, como una tarjeta que se desliza encima. */
@media (max-width:800px) and (prefers-reduced-motion:no-preference){
 .stack-on>.stack-card{transform:scale(calc(1 - var(--stack-p,0)*.045));transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),translate .7s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),transform .18s linear,box-shadow .3s!important;box-shadow:0 -10px 28px -16px rgba(10,26,47,.35),0 14px 30px -18px rgba(10,26,47,.35)!important;will-change:transform}
 .stack-on>.stack-card::after{opacity:calc(var(--stack-p,0)*.2);transition:opacity .18s linear}
}
/* v5.css */
/* V5 · Institutional layer: deep navy, Andalusian green, serious display type.
   Loaded last; replaces the violet campaign look. Never touches .original-reviews. */
:root{
 --n950:#06101d;--n900:#0a1a2f;--n800:#10243f;--n700:#1a3355;--n600:#2a4a73;
 --ink:#0e1a2b;--text:#1f2c3d;--muted:#4f5b6d;--soft:#6b778a;
 --paper:#f3f5f8;--paper-2:#e9eef5;--line:#dde3eb;
 --green:#0a8a4a;--green-hover:#08763f;--green-bright:#34c27a;--green-tint:#e4f4ea;
 --on-navy:#c6d1df;--on-navy-soft:#93a4ba;
 --display:'Archivo','Plus Jakarta Sans',system-ui,sans-serif;
 --v5-ease:cubic-bezier(.16,1,.3,1);
}

/* Browser surfaces */
::selection{background:var(--n800);color:#fff}
html{scrollbar-color:#9aa8ba transparent;accent-color:var(--green)}
body{color:var(--text)}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:10px}
.header :focus-visible,.hero :focus-visible,.feature-hero :focus-visible{outline-color:var(--green-bright)}

/* Display type: semi-expanded Archivo reads like official signage. */
h1,h2,h3,.intro-numbers strong,.price strong,.audience-card b{font-family:var(--display);font-stretch:112%}
h2{letter-spacing:-.025em;font-weight:750;color:var(--ink)}
.muted-heading{color:var(--soft)}
.section-heading p,.split-copy p,.function-card p,.benefit-grid p,.feature-how p,.faqs p,.plan>p,.entity-section p,.faq-layout>div>p{color:var(--muted)}

/* Labels above headings go; each heading carries its own weight. */
.section-heading>.eyebrow,.split-copy>.eyebrow,.feature-how .eyebrow,.faq-layout .eyebrow,.entity-section>.eyebrow,.closing .eyebrow,.prompt-examples>.eyebrow,.feature-hero .eyebrow,.directory-hero .eyebrow,.academy-dual>.eyebrow,.legacy-academy-links>.eyebrow,.intro>.eyebrow,.andalucia-section .eyebrow,.real-tests-section .eyebrow{display:none}

/* Floating capsule, navy at every scroll position. */
.header,.header.scrolled{top:12px;left:24px;right:24px;max-width:1232px;border:1px solid #ffffff1a;border-radius:999px;background:rgba(8,20,36,.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:#fff;box-shadow:0 14px 34px -16px rgba(4,10,20,.6)}
.header .nav-wrap,.header.scrolled .nav-wrap{min-height:68px;padding:8px 10px 8px 24px}
.header .logo-white,.header.scrolled .logo-white{display:block}
.header .logo-dark,.header.scrolled .logo-dark{display:none}
.header .nav-pill,.header.scrolled .nav-pill{background:transparent;color:#dfe6ef;font-weight:600;font-size:13px;padding:10px 15px;border:0}
.header .nav-pill:hover,.header .nav-pill[aria-expanded="true"]{background:#ffffff14;color:#fff}
.header .nav-pill>span{display:inline-block;transition:rotate .3s var(--v5-ease)}
.header .nav-pill[aria-expanded="true"]>span{rotate:180deg}
.header .nav-login,.header.scrolled .nav-login{background:var(--green);color:#fff;font-weight:700;font-size:13px;padding:13px 22px}
.header .nav-login:hover{background:var(--green-hover)}
.header .dropdown{border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 24px 60px -24px rgba(6,16,29,.45)}
.header .dropdown a:hover{background:var(--paper)}
.header .drop-icon{background:var(--paper-2);color:var(--n800)}
.dropdown a:hover .drop-icon{background:var(--n900);color:#fff}

/* Buttons */
.button{font-weight:700;letter-spacing:-.01em}
.button.primary{background:var(--green);color:#fff;box-shadow:0 10px 24px -12px rgba(10,138,74,.7)}
.button.primary:hover{background:var(--green-hover)}
.button.black{background:var(--n900);color:#fff}
.button.black:hover{background:var(--n800)}
.button.ghost{background:transparent;color:#fff;border:1px solid #ffffff3d;padding-right:23px}
.button.ghost:hover{background:#ffffff10;border-color:#ffffff70}
.button .circle-arrow{background:#ffffff26;color:inherit}
.button.white .circle-arrow{background:var(--paper-2);color:var(--n900)}
.button.outline{border-color:var(--n900);color:var(--n900)}
.text-link{color:var(--n800);font-weight:700}
@media(hover:hover) and (pointer:fine){
 .motion-button:hover{box-shadow:0 12px 28px -14px rgba(6,16,29,.55)}
 .motion-button:hover .circle-arrow{background:#ffffff40;color:inherit}
 .button.white.motion-button:hover .circle-arrow{background:var(--n900);color:#fff}
}
.motion-button::after{background:linear-gradient(105deg,transparent 35%,#ffffff26 50%,transparent 65%)}
.button:active,.nav-login:active{scale:.98}
.scroll-progress{background:var(--green-bright);box-shadow:none;height:2px}

/* Home hero */
.hero.hero-v5{background:radial-gradient(ellipse 60% 70% at 85% 10%,rgba(30,74,130,.45),transparent 70%),radial-gradient(ellipse 50% 40% at 10% 100%,rgba(10,138,74,.12),transparent 70%),linear-gradient(180deg,var(--n950),var(--n900));padding:150px 0 0;color:#fff;overflow:hidden}
.hero.hero-v5::before,.hero.hero-v5::after{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;align-items:center}
.hero-position{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--on-navy);letter-spacing:.01em;margin-bottom:26px}
.hero-position .live-dot{background:var(--green-bright);box-shadow:0 0 0 4px rgba(52,194,122,.18)}
.hero.hero-v5 h1{font-family:var(--display);font-stretch:112%;font-weight:800;font-size:clamp(52px,6.1vw,90px);line-height:.98;letter-spacing:-.035em;color:#fff;margin:0}
.hero.hero-v5 .title-dot{color:var(--green-bright)}
.hero-lede{font-size:18px;line-height:1.65;color:var(--on-navy);max-width:34em;margin:26px 0 34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-note-v5{font-size:13px;color:var(--on-navy-soft);margin-top:18px}
.hero-visual{position:relative;min-width:0}
.hero-visual .hero-devices{padding:0 56px 40px 0}
.hero-visual .hero-devices .device-desktop{border:1px solid #ffffff24;border-width:1px;border-radius:14px;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.hero-visual .device-bar{background:#0f2036;color:#8ea0b6;border-bottom:1px solid #ffffff12}
.hero-visual .hero-devices .device-mobile{width:24%;right:0;bottom:0;border:5px solid #06101d;border-radius:22px;transform:none;box-shadow:0 24px 50px -16px rgba(0,0,0,.75)}
.hero-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:64px}
.audience-card{position:relative;display:grid;gap:6px;padding:22px 56px 22px 24px;border:1px solid #ffffff1c;border-radius:16px;background:#ffffff08;color:#fff;transition:background .3s,border-color .3s,translate .45s var(--v5-ease)}
.audience-card:hover{background:#ffffff10;border-color:rgba(52,194,122,.6);translate:0 -3px}
.audience-who{font-size:12px;font-weight:700;color:var(--green-bright);letter-spacing:.02em}
.audience-card b{font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.015em}
.audience-what{font-size:14px;color:var(--on-navy-soft)}
.audience-card i{position:absolute;right:22px;top:22px;font-style:normal;font-size:18px;color:var(--on-navy);transition:translate .4s var(--v5-ease),color .3s}
.audience-card:hover i{translate:4px 0;color:var(--green-bright)}
.audience-academy{background:rgba(52,194,122,.07);border-color:rgba(52,194,122,.3)}
.hero-provinces{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:40px;padding:22px 0 30px;border-top:1px solid #ffffff14}
.hero-provinces>span{font-size:13px;color:var(--on-navy-soft)}
.hero-provinces ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.hero-provinces li{font-size:13px;color:#dbe3ed;padding:6px 13px;border:1px solid #ffffff1c;border-radius:999px}

/* Intro strip */
.intro-numbers strong{color:var(--n900);font-weight:800}
.intro-numbers span{color:var(--muted)}

/* Product splits */
.platform-stage{background:linear-gradient(180deg,var(--paper-2),var(--paper));border:1px solid var(--line);border-radius:24px}
.platform-stage::before{display:none}
.product-split.reverse .platform-stage{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.device-desktop{border:1px solid #cfd7e2;border-radius:12px;box-shadow:0 26px 50px -28px rgba(6,16,29,.45)}
.device-mobile{border-color:var(--n950)}
.check-list li::before,.check-list li:before{background:var(--green-tint);color:var(--green)}
@media(hover:hover) and (pointer:fine){.platform-stage:hover{box-shadow:0 26px 60px -30px rgba(6,16,29,.35)}}

/* Functions */
.functions-section{background:var(--paper)}
.function-card{background:#fff;border:1px solid var(--line);border-radius:20px}
.function-icon{background:var(--paper-2);color:var(--n800)}
.function-card h3 span,.function-more{color:var(--n800)}
@media(hover:hover) and (pointer:fine){
 .motion-surface:hover{box-shadow:0 22px 48px -26px rgba(6,16,29,.35);border-color:#b9c5d4}
 .function-card:hover .function-icon,.benefit-grid article:hover>span{background:var(--n900);color:#fff}
 .feature-how li:hover{background:linear-gradient(90deg,var(--paper),transparent)}
 .feature-how li:hover>span,.method-grid article:hover .step-number{background:var(--n900);color:#fff}
 .feature-related a:hover{background:var(--paper);box-shadow:none}
 .test-pick:hover,.real-option:not(:disabled):hover{box-shadow:0 5px 16px rgba(6,16,29,.06)}
}
.motion-surface::after{background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,25%),rgba(10,26,47,.05),transparent 75%)}

/* Mini tests on a navy block */
.real-tests-section{position:relative;padding:88px 56px 56px;margin-top:40px;border-radius:28px;background:radial-gradient(ellipse 60% 50% at 90% 0%,rgba(30,74,130,.5),transparent 70%),var(--n900);overflow:hidden}
.real-tests-section .section-heading h2{color:#fff}
.real-tests-section .section-heading .muted-heading{color:var(--on-navy-soft)}
.real-tests-section .section-heading p{color:var(--on-navy)}
.real-tests-section .test-shell{background:#fff;border-color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}

/* Method */
.step-number{background:var(--paper-2);color:var(--n800)}

/* Andalucía */
.andalucia-section{background:var(--n900)}
.andalucia-section::before,.andalucia-section::after{opacity:.35}
.andalucia-section h2{color:#fff}
.andalucia-section h2 span{color:var(--green-bright)}
.andalucia-section p{color:var(--on-navy)}
.province-grid button{border-color:#ffffff1f;background:#ffffff06;color:#e3e9f1}
.province-grid button:hover,.province-grid button.active{border-color:rgba(52,194,122,.6);background:rgba(52,194,122,.1)}

/* Plans */
.plan{background:#fff;border:1px solid var(--line);border-radius:20px}
.plan.pro{background:var(--n900);border-color:var(--n700);box-shadow:0 30px 60px -30px rgba(6,16,29,.6)}
.plan.pro .plan-eyebrow,.plan.pro>p,.plan.pro .billing-detail,.plan.pro .price>span{color:var(--on-navy-soft)}
.pro h3>span{color:var(--green-bright)}
.pro-badge{background:var(--green);color:#fff}
.billing-switch button.active,.billing-switch button[aria-pressed="true"]{background:var(--n900);color:#fff}
.billing-switch span{color:var(--green)}

/* Academies: the secondary client gets its own block */
.academy-banner.academy-v5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;padding:64px;margin-block:40px;border-radius:28px;background:var(--paper);border:1px solid var(--line);color:var(--text);text-align:left;overflow:visible}
.academy-v5 h2{font-size:clamp(32px,3.4vw,46px);line-height:1.05;margin:0 0 18px}
.academy-v5-copy>p{color:var(--muted);line-height:1.7;max-width:36em}
.academy-v5-points{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:14px}
.academy-v5-points li{display:grid;gap:3px;padding-left:22px;position:relative}
.academy-v5-points li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--green)}
.academy-v5-points b{font-family:var(--display);font-stretch:108%;font-size:16px;color:var(--ink)}
.academy-v5-points span{font-size:14px;line-height:1.6;color:var(--muted)}
.academy-v5 .academy-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.academy-v5-visual .device-composition{padding:0 48px 30px 0;transform:translateY(var(--scroll-lift,0px)) scale(var(--scroll-scale,1));transition:transform .14s linear}
.academy-v5-visual .device-mobile{width:25%}

/* FAQ */
.faqs details{border-color:var(--line)}
.faqs summary>span{background:var(--paper-2);color:var(--n800)}

/* Closing banner */
.closing{background:#fff;color:#fff;padding:24px 0 88px;overflow:visible}
.closing::before,.closing .police-tape,.closing-star{display:none}
.closing-inner.has-shot{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;padding:68px 0 68px 64px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 50% 70% at 100% 100%,rgba(30,74,130,.6),transparent 70%),var(--n900)}
.closing-inner.has-shot>*:not(.closing-shot){grid-column:1;position:relative;z-index:2}
.closing-inner.has-shot h2{color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.03em;margin:0 0 30px;text-wrap:balance}
.closing-inner.has-shot h2 span{color:var(--green-bright)}
.closing-inner.has-shot>p{color:var(--on-navy-soft)}
.closing-inner.has-shot .button{justify-self:start}
.closing-shot{grid-column:2;grid-row:1/span 6;position:relative;z-index:1;margin-right:-6%;padding:6px;border-radius:18px;background:#ffffff1a;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);translate:var(--shot-x,0px) 0;transition:translate .2s linear}
.closing-shot img{display:block;width:100%;height:auto;object-fit:contain;border-radius:13px}

/* Feature pages */
.feature-hero{background:radial-gradient(ellipse 55% 70% at 85% 0%,rgba(30,74,130,.5),transparent 70%),linear-gradient(180deg,var(--n950),var(--n900));padding:164px 0 250px}
.feature-hero::before,.feature-hero::after,.feature-hero-orb{display:none}
.feature-hero .breadcrumb{color:var(--on-navy-soft)}
.feature-hero h1{font-family:var(--display);font-stretch:112%;font-weight:800;font-size:clamp(46px,5.4vw,80px);line-height:1;letter-spacing:-.035em;max-width:16ch;color:#fff}
.feature-hero h1>span{background:none!important;-webkit-text-fill-color:currentColor;color:var(--on-navy-soft)!important;animation:none!important}
.feature-hero p{color:var(--on-navy);max-width:580px}
.feature-hero .button.white{background:var(--green);color:#fff}
.feature-hero .button.white .circle-arrow{background:#ffffff26;color:#fff}
.feature-secondary{color:#dbe3ed}
.feature-product{margin-top:-196px;width:min(1080px,calc(100% - 96px))}
.feature-product .platform-stage{background:linear-gradient(180deg,var(--paper-2),#fff);border:1px solid var(--line);border-radius:24px;box-shadow:0 40px 90px -40px rgba(6,16,29,.55)}
.benefit-grid article{background:#fff;border:1px solid var(--line);border-radius:20px}
.benefit-grid article>span{display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 10px;border-radius:999px;background:var(--paper-2);color:var(--n800);font-weight:700}
.feature-how li>span{background:var(--paper-2);color:var(--n800)}
.feature-related a{border:1px solid var(--line);border-radius:14px;background:#fff}
.feature-related a>span{color:var(--n800)}
.prompt-examples,.academy-dual{background:var(--paper);border:1px solid var(--line);border-radius:24px}
.prompt-examples div span{background:#fff;border-color:var(--line)}

/* Directory */
.directory-hero{background:radial-gradient(ellipse 55% 70% at 85% 0%,rgba(30,74,130,.5),transparent 70%),linear-gradient(180deg,var(--n950),var(--n900))}
.directory-hero::before{display:none}
.directory-hero h1{font-family:var(--display);font-stretch:112%;font-weight:800;letter-spacing:-.035em}
.directory-hero h1>span{color:var(--on-navy-soft)}
.directory-filters button.active,.directory-filters button[aria-pressed="true"]{background:var(--n900);border-color:var(--n900);color:#fff}
.academy-card{border-radius:18px;border-color:var(--line)}
.academy-link{color:var(--n800)}

/* Calmer entrances: short lift, no blur. */
.motion-ready [data-motion]{translate:0 20px;filter:none}
.motion-ready [data-motion][data-motion-kind="scale"]{scale:.985}

@media(max-width:1100px){
 .hero-grid{gap:36px}
 .academy-banner.academy-v5{padding:48px 40px;gap:36px}
 .closing-inner.has-shot{padding-left:44px}
}
@media(max-width:900px){
 .hero.hero-v5{padding-top:118px}
 .hero-grid,.academy-banner.academy-v5{grid-template-columns:minmax(0,1fr)}
 .hero-audiences{grid-template-columns:minmax(0,1fr);margin-top:44px}
 .hero-visual .hero-devices{padding:0 34px 24px 0}
}
@media(max-width:800px){
 .header,.header.scrolled{top:10px;left:12px;right:12px}
 .header .nav-wrap,.header.scrolled .nav-wrap{min-height:60px;padding:8px 10px 8px 18px}
 .header nav{color:var(--ink)}
 .header nav .nav-pill,.header.scrolled nav .nav-pill{background:var(--paper);color:var(--ink)}
 .header nav .nav-pill[aria-expanded="true"]{background:var(--paper-2);color:var(--ink)}
 .hero.hero-v5 h1{font-size:clamp(42px,12.5vw,60px)}
 .hero-lede{font-size:16px;margin:20px 0 26px}
 .hero-actions .button{flex:1 1 auto;justify-content:space-between}
 .hero-provinces{gap:12px}
 .real-tests-section{padding:56px 16px 18px;border-radius:22px;width:calc(100% - 20px)}
 .academy-banner.academy-v5{padding:32px 20px;border-radius:22px}
 .closing{padding:8px 0 56px}
 .closing-inner.has-shot{grid-template-columns:minmax(0,1fr);gap:26px;padding:44px 22px 0;border-radius:22px}
 .closing-shot{grid-column:1;grid-row:auto;margin:0 -30px -30px 0}
 .feature-hero{padding:120px 0 160px}
 .feature-hero h1{font-size:clamp(38px,10.5vw,56px)}
 .feature-product{margin-top:-110px;width:calc(100% - 28px)}
}
@media(prefers-reduced-motion:reduce){
 .audience-card,.audience-card i,.closing-shot,.academy-v5-visual .device-composition{transition:none!important;translate:none!important;transform:none!important}
 .button:active,.nav-login:active{scale:1}
}
/* The capsule arrives by movement only, so it is never invisible if the first frame is late. */
.header{animation-name:menu-arrive-v5}
@keyframes menu-arrive-v5{from{transform:translateY(-12px)}to{transform:translateY(0)}}
/* v6.css */
/* QuizPoL v6 · Colores del logo (azul, verde, rojo, amarillo) sobre la base institucional v5.
   Cada función tiene su color: Teo azul, SuPra rojo, QuizZin verde, Pruebas físicas amarillo, Academias los cuatro.
   Texto blanco solo sobre el tono profundo; sobre el amarillo, texto navy. */
:root{
  --qp-blue:#009FDD;--qp-green:#40AD01;--qp-red:#FC122B;--qp-yellow:#FEC001;
  --qp-stripe:linear-gradient(90deg,var(--qp-blue) 0 25%,var(--qp-green) 25% 50%,var(--qp-red) 50% 75%,var(--qp-yellow) 75% 100%);
  --tone:var(--qp-green);--tone-deep:#2f7d05;--tone-soft:#eaf7e1;--tone-hi:#d6f5bf;--tone-on:#fff;--tone-text:#2a6b05
}
.tone-blue{--tone:var(--qp-blue);--tone-deep:#0070b0;--tone-soft:#e2f4fc;--tone-hi:#bfe9ff;--tone-on:#fff;--tone-text:#00639c}
.tone-red{--tone:var(--qp-red);--tone-deep:#c40a24;--tone-soft:#ffe8eb;--tone-hi:#ffd2d8;--tone-on:#fff;--tone-text:#b0081f}
.tone-green{--tone:var(--qp-green);--tone-deep:#2f7d05;--tone-soft:#eaf7e1;--tone-hi:#d6f5bf;--tone-on:#fff;--tone-text:#2a6b05}
.tone-yellow{--tone:var(--qp-yellow);--tone-deep:#e9a600;--tone-soft:#fff5d4;--tone-hi:#0a1a2f;--tone-on:#0a1a2f;--tone-text:#7a5600}
.tone-brand{--tone:var(--qp-blue);--tone-deep:#0070b0;--tone-soft:#e2f4fc;--tone-hi:#bfe9ff;--tone-on:#fff;--tone-text:#00639c}

/* ---------- Detalles de marca en toda la web ---------- */
.title-dot{color:var(--qp-yellow)}
.hero-position .live-dot{background:var(--qp-green)}
.header{box-shadow:0 18px 40px -24px rgba(6,16,29,.6)}
/* Franja de colores pegada al filo inferior de la cápsula: sigue su curva (solo se ve el borde inferior) */
.header::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border-bottom:3px solid transparent;background:var(--qp-stripe) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.drop-icon[class*="tone-"]{background:var(--tone);color:var(--tone-on)}
footer.wrap{position:relative}
footer.wrap::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;border-radius:4px;background:var(--qp-stripe)}
.closing-inner.has-shot::after{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--qp-stripe);z-index:3}
.closing-inner.has-shot h2 span{color:var(--qp-yellow)}

/* Puertas de entrada del inicio: un color por público */
.audience-student{--a:var(--qp-blue)}.audience-academy{--a:var(--qp-green)}.audience-directory{--a:var(--qp-yellow)}
.audience-card{border-color:color-mix(in srgb,var(--a) 45%,transparent);background:color-mix(in srgb,var(--a) 9%,transparent);overflow:hidden}
.audience-card::before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:var(--a)}
.audience-card .audience-who{color:color-mix(in srgb,var(--a) 70%,#fff)}
.audience-card:hover{border-color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent)}
.audience-card:hover i{color:var(--a)}
.hero-provinces li{display:inline-flex;align-items:center;gap:8px}
.hero-provinces li::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--qp-blue)}
.hero-provinces li:nth-child(4n+2)::before{background:var(--qp-green)}
.hero-provinces li:nth-child(4n+3)::before{background:var(--qp-red)}
.hero-provinces li:nth-child(4n+4)::before{background:var(--qp-yellow)}
.andalucia-section li:nth-child(4n+1){--p:var(--qp-blue)}.andalucia-section li:nth-child(4n+2){--p:var(--qp-green)}.andalucia-section li:nth-child(4n+3){--p:var(--qp-red)}.andalucia-section li:nth-child(4n+4){--p:var(--qp-yellow)}

/* Botón principal = verde del logo */
.button.primary{background:var(--qp-green);color:#fff}
.button.primary:hover{background:#2f7d05}
.plan.pro{position:relative;overflow:hidden}
.plan.pro::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--qp-stripe)}

/* ---------- Bloques de producto del inicio ---------- */
.product-split .check-list li::before{background:var(--tone);color:var(--tone-on)}
.product-split .button.black{background:var(--tone-deep);color:var(--tone-on)}
.product-split .button.black .circle-arrow{background:#ffffff2e;color:inherit}
.product-split h2>span{color:var(--tone-text)}
.platform-stage[class*="tone-"]:not(.stage-bold){background:radial-gradient(ellipse 70% 60% at 0% 0%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%),linear-gradient(160deg,var(--tone-soft),#fff);border-color:color-mix(in srgb,var(--tone) 30%,#fff)}

/* ---------- Escenario llamativo (SuPra, QuizZin, Pruebas físicas) ---------- */
/* doble clase: gana a «.product-split.reverse .platform-stage» de v5 */
.platform-stage.stage-bold.stage-bold{position:relative;overflow:visible;isolation:isolate;border:0;padding:64px 48px 56px;border-radius:28px;
  background:radial-gradient(ellipse 60% 70% at 85% 10%,rgba(255,255,255,.28),transparent 65%),radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px) 0 0/22px 22px,linear-gradient(140deg,var(--tone) 0%,var(--tone-deep) 100%);
  box-shadow:0 46px 90px -44px color-mix(in srgb,var(--tone-deep) 80%,#000)}
.stage-bold .device-composition{z-index:1}
.stage-bold .device-desktop{border:5px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 34px 60px -26px rgba(6,16,29,.6)}
.stage-bold .device-bar{background:#fff}
.stage-bold .device-mobile{width:31%;border:6px solid var(--n950);border-radius:28px;box-shadow:0 30px 60px -18px rgba(6,16,29,.7)}
/* Fichas A·B·C·D con los colores exactos del logo (A verde, B azul, C rojo, D amarillo), sobresaliendo del escenario */
.stage-tiles{position:absolute;inset:0;z-index:3;pointer-events:none}
.stage-tiles i{--r:-8deg;--d:0s;position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:15px;border:3px solid #fff;font:800 27px/1 var(--display);font-style:normal;color:#fff;box-shadow:0 16px 28px -12px rgba(6,16,29,.55);rotate:var(--r)}
/* Colores fijos por letra (logo: A verde, B azul, C rojo, D amarillo) */
.stage-tiles .t-a{background:var(--qp-green)}.stage-tiles .t-b{background:var(--qp-blue)}.stage-tiles .t-c{background:var(--qp-red)}.stage-tiles .t-d{background:var(--qp-yellow)}
.stage-tiles i:nth-child(2),.stage-tiles i:nth-child(4){width:50px;height:50px;font-size:22px}
.stage-tiles i:nth-child(2){--d:.12s}.stage-tiles i:nth-child(3){--d:.24s}.stage-tiles i:nth-child(4){--d:.36s}
/* v1 · A B arriba a la izquierda, C D abajo a la derecha */
.tiles-v1 i:nth-child(1){left:-12px;top:-28px}
.tiles-v1 i:nth-child(2){left:54px;top:-38px;--r:7deg}
.tiles-v1 i:nth-child(3){right:-12px;bottom:-28px;--r:9deg}
.tiles-v1 i:nth-child(4){right:54px;bottom:-38px;--r:-6deg}
/* v2 · C D arriba a la derecha, A B abajo a la izquierda */
.tiles-v2 i:nth-child(1){right:-12px;top:-28px;--r:8deg}
.tiles-v2 i:nth-child(2){right:54px;top:-38px;--r:-7deg}
.tiles-v2 i:nth-child(3){left:-12px;bottom:-28px;--r:-9deg}
.tiles-v2 i:nth-child(4){left:54px;bottom:-38px;--r:6deg}
/* v3 · B A en columna a la izquierda, D C en columna a la derecha */
.tiles-v3 i:nth-child(1){left:-26px;top:14%;--r:-10deg}
.tiles-v3 i:nth-child(2){left:-20px;top:calc(14% + 66px);--r:6deg}
.tiles-v3 i:nth-child(3){right:-26px;bottom:14%;--r:10deg}
.tiles-v3 i:nth-child(4){right:-20px;bottom:calc(14% + 66px);--r:-6deg}
/* v4 · D C B A en fila, como un puzle que se encaja arriba a la derecha */
.tiles-v4 i{width:52px!important;height:52px!important;font-size:23px!important}
.tiles-v4 i:nth-child(1){right:156px;top:-30px;--r:-6deg}
.tiles-v4 i:nth-child(2){right:102px;top:-34px;--r:5deg}
.tiles-v4 i:nth-child(3){right:48px;top:-28px;--r:-4deg}
.tiles-v4 i:nth-child(4){right:-10px;top:-34px;--r:8deg}

/* Animaciones de marca: cada colocación entra y juega a su manera */
@keyframes qp-tile-pop{0%{opacity:0;scale:.2}60%{opacity:1;scale:1.18}80%{scale:.94}100%{opacity:1;scale:1}}
@keyframes qp-tile-drop{0%{opacity:0;translate:0 -70px}55%{opacity:1;translate:0 6px}75%{translate:0 -10px}100%{opacity:1;translate:0 0}}
@keyframes qp-tile-slide-l{0%{opacity:0;translate:0 40px;scale:.6;rotate:calc(var(--r) - 40deg)}100%{opacity:1;translate:0 0;scale:1;rotate:var(--r)}}
@keyframes qp-tile-slide-r{0%{opacity:0;translate:0 -40px;scale:.6;rotate:calc(var(--r) + 40deg)}100%{opacity:1;translate:0 0;scale:1;rotate:var(--r)}}
@keyframes qp-tile-snap{0%{opacity:0;translate:0 -24px;scale:1.3;rotate:calc(var(--r) - 25deg)}70%{opacity:1;translate:0 2px;scale:.95}100%{opacity:1;translate:0 0;scale:1;rotate:var(--r)}}
@keyframes qp-tile-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes qp-tile-wiggle{0%,86%,100%{rotate:var(--r)}90%{rotate:calc(var(--r) + 12deg)}95%{rotate:calc(var(--r) - 9deg)}}
@keyframes qp-tile-hop{0%,100%{translate:0 0;scale:1}40%{translate:0 -16px;scale:1.08}70%{translate:0 2px;scale:.97}}
.motion-ready .stage-bold:not(.visible) .stage-tiles i{opacity:0}
.stage-bold.visible .tiles-v1 i{animation:qp-tile-pop .7s cubic-bezier(.2,.9,.3,1.3) var(--d) both,qp-tile-bob 4.6s ease-in-out calc(var(--d) + .9s) infinite}
.stage-bold.visible .tiles-v2 i{animation:qp-tile-drop .8s cubic-bezier(.3,.8,.4,1) var(--d) both,qp-tile-wiggle 5.5s ease-in-out calc(var(--d) * 4 + 1.2s) infinite}
.stage-bold.visible .tiles-v3 i:nth-child(-n+2){animation:qp-tile-slide-l .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both,qp-tile-bob 5.2s ease-in-out calc(var(--d) + 1s) infinite}
.stage-bold.visible .tiles-v3 i:nth-child(n+3){animation:qp-tile-slide-r .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both,qp-tile-bob 5.2s ease-in-out calc(var(--d) + 1.3s) infinite}
.stage-bold.visible .tiles-v4 i{animation:qp-tile-snap .6s cubic-bezier(.2,.9,.3,1.2) calc(var(--d) * 1.6) both,qp-tile-wiggle 6s ease-in-out calc(var(--d) * 3 + 1.4s) infinite}
/* Al pasar el ratón por la imagen, las fichas saltan en ola */
.stage-bold.visible:hover .stage-tiles i{animation:qp-tile-hop .6s cubic-bezier(.3,.7,.4,1) calc(var(--d) * .8) both}
.tone-yellow.stage-bold .device-desktop{border-color:#fff}

/* En la ficha la cabecera ya es del color de la función: el escenario va en navy con el brillo de ese color */
.feature-product .platform-stage.stage-bold{background:radial-gradient(ellipse 55% 75% at 12% 100%,color-mix(in srgb,var(--tone) 55%,transparent),transparent 70%),radial-gradient(ellipse 45% 60% at 95% 0%,color-mix(in srgb,var(--tone) 35%,transparent),transparent 70%),radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.4px) 0 0/22px 22px,var(--n900);box-shadow:0 50px 100px -40px rgba(6,16,29,.75)}

/* SuPra: la captura de ordenador es una franja; manda el móvil con sus tarjetas de colores */
.stage-supra-quizpol .device-composition{display:flex;align-items:center;gap:5%;padding:0 0 0 2%}
.stage-supra-quizpol .device-mobile{position:relative;inset:auto;flex:0 0 29%;width:auto;order:-1;transform:rotate(-3deg)}
.stage-supra-quizpol .device-composition:hover .device-mobile{transform:rotate(-1deg) translateY(-6px)}
.stage-supra-quizpol .device-desktop{flex:1;min-width:0}

/* QuizZin y Pruebas físicas: móvil más grande, desbordando el borde */
.stage-quizzin .device-composition,.stage-pruebas-fisicas .device-composition{padding:0 64px 40px 0}
/* El móvil nunca más alto que la captura de ordenador (fisicas 0,49 · QuizZin 0,71 de alto/ancho) */
.stage-pruebas-fisicas .device-mobile{width:22%}
.stage-quizzin .device-mobile{width:27%}

/* ---------- Tarjetas de funciones ---------- */
.function-card[class*="tone-"]{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--tone) 28%,var(--line))}
.function-card[class*="tone-"]::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--tone)}
.function-card[class*="tone-"] .function-icon{background:var(--tone);color:var(--tone-on)}
.function-card[class*="tone-"]:hover .function-icon{background:var(--tone-deep);color:var(--tone-on)}
.function-card[class*="tone-"] h3 span,.function-card[class*="tone-"] .function-more{color:var(--tone-text)}
.function-card[class*="tone-"] .function-media{border:0;padding:16px;border-radius:14px;background:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.4px) 0 0/18px 18px,linear-gradient(140deg,var(--tone),var(--tone-deep))}
.function-card[class*="tone-"] .function-media img{border-radius:8px;box-shadow:0 18px 34px -16px rgba(6,16,29,.6)}
.function-card.tone-brand .function-media{background:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.4px) 0 0/18px 18px,linear-gradient(140deg,var(--n800),var(--n950))}
.function-card.tone-brand::before{background:var(--qp-stripe)}
.function-card.tone-brand .function-icon{background:var(--n900);color:#fff}
@media(hover:hover) and (pointer:fine){.function-card[class*="tone-"]:hover{border-color:var(--tone);box-shadow:0 30px 60px -34px color-mix(in srgb,var(--tone-deep) 70%,#000)}}

/* Seis tarjetas: dos filas de tres */
@media(min-width:901px){.function-grid>.function-card:nth-child(-n+2){grid-column:span 2}}
.calendar-stage{margin-top:8px}
.calendar-stage .device-desktop{position:relative;z-index:1}

/* ---------- Páginas de cada función: cabecera en su color ---------- */
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero{background:radial-gradient(ellipse 50% 70% at 90% 0%,rgba(255,255,255,.22),transparent 70%),radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.4px) 0 0/24px 24px,linear-gradient(150deg,var(--tone) 0%,var(--tone-deep) 70%)}
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero h1{color:var(--tone-on)}
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero h1>span{color:var(--tone-hi)!important}
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero p,.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero .breadcrumb,.feature-page[class*="tone-"]:not(.tone-brand) .feature-secondary{color:var(--tone-on)}
.feature-page[class*="tone-"]:not(.tone-yellow):not(.tone-brand) .feature-hero p{color:rgba(255,255,255,.92)}
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero .button.white{background:#fff;color:var(--tone-text)}
.feature-page[class*="tone-"]:not(.tone-brand) .feature-hero .button.white .circle-arrow{background:var(--tone);color:var(--tone-on)}
.feature-page.tone-yellow .feature-hero .button.white{background:var(--n950);color:#fff}
.feature-page.tone-yellow .feature-hero .button.white .circle-arrow{background:var(--qp-yellow);color:var(--n950)}
.feature-page.tone-yellow .feature-hero :focus-visible{outline-color:var(--n950)}
.feature-page.tone-brand .feature-hero{position:relative}
.feature-page.tone-brand .feature-hero::after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--qp-stripe)}
.feature-page .benefit-grid article>span,.feature-page .feature-how li>span{background:var(--tone);color:var(--tone-on)}
.feature-page .benefit-grid article{border-top:4px solid var(--tone)}
.feature-page .benefit-grid article:hover>span{background:var(--tone-deep);color:var(--tone-on)}
.feature-page .feature-how h2 span,.feature-page .section-heading h2 .muted-heading{color:var(--tone-text)}
.feature-page .faqs summary span{color:var(--tone-text)}
.feature-page .feature-related a span{color:var(--tone-text)}
.feature-page .closing-inner.has-shot{background:radial-gradient(ellipse 50% 70% at 100% 100%,color-mix(in srgb,var(--tone) 45%,transparent),transparent 70%),var(--n900)}

/* ---------- Directorio de academias ---------- */
.directory-hero{position:relative}
.directory-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--qp-stripe)}
.directory-hero h1>span{color:var(--qp-yellow)}
.logo-wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;margin-top:44px;padding-bottom:8px;position:relative;z-index:1}
.logo-wall a{position:relative;display:block;aspect-ratio:1;background:#fff;border-radius:18px;padding:10px;box-shadow:0 18px 34px -18px rgba(0,0,0,.65);transition:translate .35s var(--v5-ease,ease-out),box-shadow .35s}
.logo-wall a:nth-child(4n+1){box-shadow:0 0 0 3px var(--qp-blue) inset,0 18px 34px -18px rgba(0,0,0,.65)}
.logo-wall a:nth-child(4n+2){box-shadow:0 0 0 3px var(--qp-green) inset,0 18px 34px -18px rgba(0,0,0,.65)}
.logo-wall a:nth-child(4n+3){box-shadow:0 0 0 3px var(--qp-red) inset,0 18px 34px -18px rgba(0,0,0,.65)}
.logo-wall a:nth-child(4n+4){box-shadow:0 0 0 3px var(--qp-yellow) inset,0 18px 34px -18px rgba(0,0,0,.65)}
.logo-wall img{position:absolute;inset:0;margin:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;border-radius:10px}
@media(hover:hover) and (pointer:fine){.logo-wall a:hover{translate:0 -4px}}
.directory-filters button{font-size:13px;padding:9px 16px;background:#fff;color:var(--n800);border-color:var(--line)}
.directory-filters button.active{background:var(--qp-blue);border-color:var(--qp-blue);color:#fff}
.directory-filters button:hover:not(.active){border-color:var(--qp-blue);color:#00639c}
#academy-count{color:var(--muted);font-size:14px}
.academy-card{position:relative;border:1px solid color-mix(in srgb,var(--tone) 30%,var(--line))}
.academy-card .academy-image{position:relative;min-height:230px;padding:26px;border-top:6px solid var(--tone);background:radial-gradient(color-mix(in srgb,var(--tone) 22%,transparent) 1.2px,transparent 1.4px) 0 0/18px 18px,var(--tone-soft)}
.academy-card.has-logo .academy-image img{max-height:178px;max-width:82%;width:auto;height:auto!important;object-fit:contain;background:#fff;padding:12px;border-radius:22px;box-shadow:0 22px 40px -22px rgba(6,16,29,.55)}
.academy-card .academy-image img.academy-photo{max-height:178px}
.academy-card.academy-top .academy-image{min-height:260px;background:radial-gradient(rgba(255,255,255,.2) 1.2px,transparent 1.4px) 0 0/18px 18px,linear-gradient(140deg,var(--tone),var(--tone-deep))}
.academy-card.academy-top.has-logo .academy-image img{max-height:200px}
.academy-placeholder{display:grid;place-items:center;width:150px;height:150px;border-radius:26px;background:var(--tone);color:var(--tone-on);font:800 72px/1 var(--display);line-height:1;box-shadow:0 22px 40px -22px rgba(6,16,29,.55)}
.academy-location{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--tone-text)}
.academy-card h2{font-family:var(--display);font-stretch:108%;font-size:24px;letter-spacing:-.02em}
.academy-card h2 a{color:var(--ink)}
.academy-card p{font-size:14px;line-height:1.65;color:var(--muted)}
.academy-tags>span{font-size:12px;padding:5px 10px;background:var(--tone-soft);color:var(--tone-text)}
.academy-link{color:var(--tone-text);font-weight:700}
@media(hover:hover) and (pointer:fine){.academy-card:hover{border-color:var(--tone);box-shadow:0 30px 60px -34px color-mix(in srgb,var(--tone-deep) 65%,#000)}}

/* ---------- Tamaños ---------- */
@media(max-width:1100px){
 .platform-stage.stage-bold{padding:52px 30px 46px}
 .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:800px){
 .platform-stage.stage-bold{padding:40px 18px 34px;border-radius:22px}
 .stage-tiles i{width:42px;height:42px;font-size:19px;border-radius:11px;border-width:2px}
 .stage-tiles i:nth-child(2),.stage-tiles i:nth-child(4){width:34px;height:34px;font-size:15px}
 .tiles-v1 i:nth-child(1){left:-6px;top:-20px}.tiles-v1 i:nth-child(2){left:40px;top:-26px}
 .tiles-v1 i:nth-child(3){right:-6px;bottom:-20px}.tiles-v1 i:nth-child(4){right:40px;bottom:-26px}
 .tiles-v2 i:nth-child(1){right:-6px;top:-20px}.tiles-v2 i:nth-child(2){right:40px;top:-26px}
 .tiles-v2 i:nth-child(3){left:-6px;bottom:-20px}.tiles-v2 i:nth-child(4){left:40px;bottom:-26px}
 .tiles-v3 i:nth-child(1){left:-12px;top:10%}.tiles-v3 i:nth-child(2){left:-8px;top:calc(10% + 46px)}
 .tiles-v3 i:nth-child(3){right:-12px;bottom:10%}.tiles-v3 i:nth-child(4){right:-8px;bottom:calc(10% + 46px)}
 .tiles-v4 i{width:36px!important;height:36px!important;font-size:16px!important}
 .tiles-v4 i:nth-child(1){right:108px;top:-22px}.tiles-v4 i:nth-child(2){right:72px;top:-25px}
 .tiles-v4 i:nth-child(3){right:36px;top:-20px}.tiles-v4 i:nth-child(4){right:-4px;top:-24px}
 .stage-quizzin .device-composition,.stage-pruebas-fisicas .device-composition{padding:0 36px 28px 0}
 .stage-bold .device-mobile{border-width:4px;border-radius:18px}
 .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:32px}
 .logo-wall a{border-radius:14px;padding:7px}
 .academy-card .academy-image{min-height:200px}
}
@media(max-width:560px){
 .stage-supra-quizpol .device-composition{flex-direction:column;gap:22px;padding:0}
 .stage-supra-quizpol .device-mobile{flex:none;width:62%;transform:rotate(-2deg)}
 .stage-supra-quizpol .device-desktop{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .stage-tiles i{animation:none!important;opacity:1!important}
 .logo-wall a,.stage-supra-quizpol .device-mobile{transition:none!important;translate:none!important}
 .stage-supra-quizpol .device-composition:hover .device-mobile{transform:rotate(-3deg)}
}

/* ---------- Si tu academia usa QuizPoL: ranking, retos y papel ---------- */
.academy-perks-line{margin:-8px 0 26px;padding:14px 16px;border-radius:14px;background:var(--qp-yellow-soft,#fff5d4);color:var(--n900);font-size:14px;line-height:1.55;border-top:4px solid var(--qp-yellow)}
.academy-perks-line b{color:var(--n950)}
.perk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.perk{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;border:1px solid color-mix(in srgb,var(--tone) 30%,var(--line));border-top:6px solid var(--tone)}
.perk-media{padding:16px;background:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px) 0 0/18px 18px,linear-gradient(140deg,var(--tone),var(--tone-deep))}
.perk-media img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 34px -16px rgba(6,16,29,.6)}
.perk-copy{padding:24px 24px 28px}
.perk h3{font-family:var(--display);font-stretch:108%;font-size:22px;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.perk h3::before{content:'';display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--tone);margin-right:10px;vertical-align:1px}
.perk p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
@media(max-width:900px){.perk-grid{grid-template-columns:1fr}}

/* ---------- Memor-IA: repaso inteligente ---------- */
.memoria{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.memoria h2{font-family:var(--display);font-stretch:108%;font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px}
.memoria-copy>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:58ch}
.memoria-tools{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.memoria-tools li{padding:14px 16px 15px;border-radius:16px;background:var(--tone-soft,#f3f6fa);border-left:5px solid var(--tone)}
.memoria-tools b{display:block;font-size:15px;color:var(--ink)}
.memoria-tools span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.memoria-levels{padding:18px 20px;border-radius:18px;background:#0f1b2d;color:#d9e2ee}
.memoria-levels p{margin:0;font-size:14px;line-height:1.55}.memoria-levels b{color:#fff}
.memoria-steps{display:flex;gap:6px;margin:12px 0}
.memoria-steps span{flex:1;padding:9px 4px;border-radius:10px;text-align:center;font:800 13px/1 var(--display);color:#0f1b2d;background:var(--qp-yellow)}
.memoria-steps span:nth-child(1){background:var(--qp-red);color:#fff}.memoria-steps span:nth-child(2){background:#ff7a1a;color:#fff}.memoria-steps span:nth-child(4){background:var(--qp-blue);color:#fff}.memoria-steps span:nth-child(5){background:var(--qp-green);color:#fff}
.memoria-stage{padding:44px}
.memoria-card{max-width:400px;margin:0 auto;rotate:-2deg;transition:rotate .4s var(--ease-out,ease)}
.memoria-stage:hover .memoria-card{rotate:0deg}
.memoria-card img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 30px 50px -22px rgba(6,16,29,.75)}
@media(max-width:900px){.memoria{grid-template-columns:1fr;gap:34px}.memoria-stage{padding:34px 22px}}
@media(max-width:480px){.memoria-tools{grid-template-columns:1fr}.memoria-steps span{font-size:11px;padding:8px 2px}}
@media(prefers-reduced-motion:reduce){.memoria-card{transition:none}}

/* ---------- Opiniones: el carrusel llega hasta el borde derecho de la pantalla ---------- */
.original-reviews .reviews-panel{margin-right:calc(50% - 50vw);border-top-right-radius:0;border-bottom-right-radius:0}

/* ---------- Bloque de academias en portada: oscuro de marca + collage real ---------- */
.academy-banner.academy-v5.academy-v6{position:relative;background:radial-gradient(120% 90% at 100% 0%,#1d4f8f 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(64,173,1,.28) 0%,transparent 60%),#0c1a2e;border:0;color:#dfe7f1;overflow:visible;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.academy-v6::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;border-radius:28px 28px 0 0;background:var(--qp-stripe)}
.academy-v6 h2{color:#fff}
.academy-v6 .academy-v5-copy>p,.academy-v6 .academy-v5-points span{color:#b9c6d6}
.academy-v6 .academy-v5-points b{color:#fff}
.academy-v6 .academy-v5-points li:nth-child(1)::before{background:var(--qp-green)}.academy-v6 .academy-v5-points li:nth-child(2)::before{background:var(--qp-blue)}.academy-v6 .academy-v5-points li:nth-child(3)::before{background:var(--qp-yellow)}
.academy-v6 .academy-perks-line{background:rgba(254,192,1,.12);color:#f3f6fa;border-top-color:var(--qp-yellow)}
.academy-v6 .academy-perks-line b{color:var(--qp-yellow)}
.academy-v6 .text-link{color:#fff}
.academy-collage{position:relative;padding-bottom:46%}
.academy-collage figure{margin:0;position:relative}
.academy-collage img{display:block;width:100%;height:auto;border-radius:14px;border:3px solid #fff;box-shadow:0 30px 50px -24px rgba(0,0,0,.8)}
.academy-collage figcaption{position:absolute;left:12px;top:-13px;padding:6px 11px;border-radius:999px;font:800 12px/1 var(--display);letter-spacing:.01em;color:#0c1a2e;background:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.ac-main{rotate:-1.5deg}
.ac-podio,.ac-reto{position:absolute!important;bottom:0}
.ac-podio{left:-4%;width:44%;rotate:-4deg}
.ac-reto{right:-3%;width:58%;rotate:3deg}
.ac-podio figcaption{background:var(--qp-yellow)}.ac-reto figcaption{background:var(--qp-blue);color:#fff}
.academy-collage figure{transition:rotate .45s cubic-bezier(.2,.8,.3,1),translate .45s cubic-bezier(.2,.8,.3,1)}
.academy-collage:hover .ac-podio{rotate:-1deg;translate:0 -8px}.academy-collage:hover .ac-reto{rotate:1deg;translate:0 -8px}
.academy-collage .stage-tiles{inset:-10px}
@media(max-width:900px){.academy-banner.academy-v5.academy-v6{grid-template-columns:1fr}.academy-collage{margin:10px 6px 0}}
@media(max-width:560px){.academy-collage figcaption{font-size:10px;padding:5px 8px;top:-10px;left:8px}.academy-collage img{border-width:2px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.academy-collage figure{transition:none}}

/* Panel del profesor en «QuizPoL para academias» */
.academy-panel-stage{display:grid;gap:22px;padding:46px}
.academy-panel-stage figure{margin:0}
.academy-panel-stage img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 26px 44px -22px rgba(0,0,0,.7)}
.ap-chart{width:66%;margin-left:auto!important;margin-top:-90px!important;rotate:1.5deg;position:relative}
.ap-chart img{border:3px solid #fff}
@media(max-width:700px){.academy-panel-stage{padding:30px 16px}.ap-chart{width:88%;margin-top:-30px!important}}
@media(max-width:560px){
 .academy-collage{padding-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;margin-top:14px}
 .ac-main{grid-column:1/-1}
 .ac-podio,.ac-reto{position:relative!important;width:auto;left:auto;right:auto;bottom:auto}
 .platform-stage.stage-bold.academy-panel-stage{padding:30px 12px}
}
/* Las tres fotos de ventajas con el mismo alto: recorte desde arriba, sin deformar */
.perk-media img{aspect-ratio:1.3;object-fit:cover;object-position:center top}

/* 01/11 · tarjetas de funciones: todas las capturas con el mismo tamaño */
.function-card .function-media img{display:block;width:100%;height:auto;aspect-ratio:1200/678;object-fit:cover;object-position:left top}

/* 01/11 · Memor-IA en Teo y Supra: dos tarjetas */
.memoria-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;max-width:560px;margin:0 auto}
.memoria-cards .memoria-card{max-width:none;margin:0}
.memoria-cards .memoria-card-supra{rotate:2.5deg;margin-top:46px}
.memoria-card figcaption{margin-top:10px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.memoria-stage:hover .memoria-card-supra{rotate:0deg}
@media(max-width:420px){.memoria-cards{gap:10px}.memoria-cards .memoria-card-supra{margin-top:28px}.memoria-card figcaption{font-size:10px}}

/* 01/11 · planes de estudio y test en papel (para academias) */
.pdf-stage{position:relative;padding:44px 44px 64px;min-height:0}
.pdf-page{margin:0}
.pdf-page img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 50px -22px rgba(6,16,29,.7);background:#fff}
.pdf-main{width:58%;rotate:-1.5deg}
.pdf-side{position:absolute;width:44%;right:5%}
.pdf-side-a{top:9%;rotate:2.5deg}
.pdf-side-b{bottom:7%;right:12%;rotate:-1deg}
.papel-show .pdf-side-a{top:6%;width:42%}
.pdf-main,.pdf-side{transition:rotate .4s var(--ease-out,ease),translate .4s var(--ease-out,ease)}
@media(hover:hover) and (pointer:fine){.pdf-stage:hover .pdf-main,.pdf-stage:hover .pdf-side{rotate:0deg}.pdf-stage:hover .pdf-side-a{translate:0 -6px}}
@media(max-width:700px){.pdf-stage{padding:26px 18px 30px;display:grid;gap:14px}.pdf-main,.pdf-side{position:static;width:100%;rotate:0deg}.papel-show .pdf-side-a{width:100%}}
@media(prefers-reduced-motion:reduce){.pdf-main,.pdf-side{transition:none}}
.academy-discount{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:10px 16px;border-radius:999px;background:var(--qp-green,#40AD01);color:#fff;font-size:14px;font-weight:600;line-height:1.35}
.academy-discount b{font-weight:800}
.academy-discount::before{content:"%";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--qp-green,#40AD01);font-weight:900;font-size:13px;flex:none}
.academy-v6 .academy-discount{margin:-12px 0 24px}
/* 01/11 · tarjetas de funciones alineadas: texto, captura y enlace a la misma altura en cada fila */
.function-card .function-card-copy{flex-grow:1}
@supports (grid-template-rows:subgrid){.function-grid .function-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:22px;align-content:start}.function-grid .function-card .function-media{align-self:start}.function-grid .function-card .function-more{align-self:end}}

/* 01/11 · ✕ de las ventanas centrada: dos trazos dibujados en vez del glifo */
.modal-close{display:grid;place-items:center;padding:0;font-size:0!important;line-height:0}
.modal-close::before,.modal-close::after{content:"";grid-area:1/1;width:44%;height:2px;border-radius:2px;background:currentColor;rotate:45deg}
.modal-close::after{rotate:-45deg}

/* 01/11 · capturas dentro de un portátil y un móvil realistas (tipo MacBook Pro e iPhone, sin logotipos) */
/* Portátil: tapa con borde de aluminio, marco negro fino con muesca, barra de navegador, bisagra y base con hendidura */
.device-desktop.mbp{border:0!important;border-radius:0!important;background:none!important;overflow:visible!important;box-shadow:none!important;padding:0!important}
.mbp{position:relative;container-type:inline-size}
.mbp-screen{position:relative;margin:0 6.5%;padding:1.55% 1.55% 2.4%;border-radius:2.6cqw 2.6cqw .9cqw .9cqw;background:#050506;box-shadow:0 0 0 .14cqw #babdc3,0 0 0 .3cqw #6d7077,inset 0 0 0 .2cqw #1e1f22}
.mbp-screen::before{content:"";position:absolute;z-index:4;top:0;left:50%;translate:-50% 0;width:13%;height:2.1%;min-height:4px;border-radius:0 0 .9cqw .9cqw;background:#050506}
.mbp-screen::after{content:"";position:absolute;z-index:5;top:.55%;left:50%;translate:-50% 0;width:.55cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3c4a63,#0b0d12 70%)}
.mbp-screen>.device-bar,.mbp-screen>.capture-open,.mbp-view{position:relative;z-index:1}
.mbp .device-bar{height:auto!important;min-height:0!important;padding:.85cqw 1.4cqw!important;background:linear-gradient(#f3f3f5,#e7e7ea)!important;border-bottom:1px solid #d8d8dc!important;border-radius:.45cqw .45cqw 0 0;gap:1cqw!important}
.mbp .device-bar>span:nth-child(2){font-size:max(5px,.95cqw)!important;padding:.3cqw 3.5cqw!important;border-radius:.5cqw!important;border:0!important;background:#fff!important;color:#6b6f78!important;box-shadow:0 0 0 1px #e1e1e5}
.mbp .device-bar b{font-size:max(5px,1cqw)!important;color:#9a9ea7}
.mbp .device-dots{display:block;font-size:0!important;width:5.4cqw;height:1.05cqw;min-height:4px;background:radial-gradient(circle,#ff5f57 46%,transparent 50%) 0 50%/1.05cqw 100% no-repeat,radial-gradient(circle,#febc2e 46%,transparent 50%) 50% 50%/1.05cqw 100% no-repeat,radial-gradient(circle,#28c840 46%,transparent 50%) 100% 50%/1.05cqw 100% no-repeat;width:4.2cqw}
.mbp-screen>.capture-open,.mbp-view{display:block;width:100%;overflow:hidden;background:#fff;border-radius:0 0 .3cqw .3cqw}
.mbp-screen>.capture-open img,.mbp-view img{display:block;width:100%}
.mbp-screen>.capture-open::after,.mbp-view::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.04) 28%,transparent 42%)}
.mbp-base{position:relative;z-index:2;height:0;padding-bottom:2.7%;border-radius:.3cqw .3cqw 45% 45%/.3cqw .3cqw 100% 100%;background:linear-gradient(90deg,#8f939a 0,#d9dce1 1.6%,#f1f2f4 8%,#e3e5e9 50%,#f1f2f4 92%,#d9dce1 98.4%,#8f939a 100%);box-shadow:inset 0 .15cqw 0 #fbfbfc,inset 0 -.35cqw .4cqw rgba(60,63,70,.45),0 2.2cqw 2.6cqw -1.6cqw rgba(6,16,29,.6)}
.mbp-base::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:15%;height:44%;border-radius:0 0 1.2cqw 1.2cqw;background:linear-gradient(#a7abb2,#d3d6db);box-shadow:inset 0 .12cqw .25cqw rgba(0,0,0,.25)}
.mbp-base::after{content:"";position:absolute;top:-.5cqw;left:6.5%;right:6.5%;height:.5cqw;background:linear-gradient(#0d0d0f,#3a3b40);border-radius:0 0 .3cqw .3cqw}

/* iPhone 16 Pro: marco de titanio fino, botones laterales, borde negro fino, isla dinámica, barra de estado y reflejo.
   --k = 1 % del ancho del iPhone (en la escena el móvil mide el 21,3 % del ancho de la composición; en el visor, el 100 %). */
@property --k{syntax:"<length>";inherits:true;initial-value:2px}
.device-composition:has(.mbp),.capture-dialog{container-type:inline-size}
.device-mobile.iph{--k:.229cqw}
.zoom-phone.iph{--k:1cqw}
.device-mobile.iph,.zoom-phone.iph{position:relative;border:0!important;overflow:visible!important;padding:calc(1.9*var(--k))!important;border-radius:calc(17*var(--k))!important;background:#050506!important;box-shadow:0 0 0 calc(.55*var(--k)) #1d1e21,0 0 0 calc(1.25*var(--k)) #c9cbcf,0 0 0 calc(1.6*var(--k)) #7d8086,0 calc(2*var(--k)) calc(4*var(--k)) rgba(6,16,29,.35),0 calc(9*var(--k)) calc(16*var(--k)) calc(-4*var(--k)) rgba(6,16,29,.55)!important}
.device-mobile.iph::before,.zoom-phone.iph::before{content:"";position:absolute;left:calc(-2.3*var(--k));top:19%;width:calc(.8*var(--k));height:5%;border-radius:calc(.8*var(--k)) 0 0 calc(.8*var(--k));background:linear-gradient(90deg,#7d8086,#d3d5d9);box-shadow:0 calc(11*var(--k)) 0 0 #a9abb0,0 calc(22*var(--k)) 0 0 #a9abb0}
.device-mobile.iph::after,.zoom-phone.iph::after{content:"";position:absolute;right:calc(-2.3*var(--k));top:27%;width:calc(.8*var(--k));height:11%;border-radius:0 calc(.8*var(--k)) calc(.8*var(--k)) 0;background:linear-gradient(90deg,#d3d5d9,#7d8086)}
.iph-screen{position:relative;overflow:hidden;border-radius:calc(15*var(--k));background:#fff}
.iph-screen::before{content:"";position:absolute;z-index:4;top:calc(2.4*var(--k));left:50%;translate:-50% 0;width:31%;height:calc(9*var(--k));border-radius:99px;background:#000}
.iph-screen::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 30%,transparent 46%)}
.iph-status{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:calc(13.5*var(--k));padding:calc(1.6*var(--k)) calc(8*var(--k)) 0 calc(10.5*var(--k));background:#fff;color:#0c0c0e;font:700 max(5px,calc(4.6*var(--k)))/1 -apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em}
.iph-status i{display:block;width:calc(15*var(--k));height:calc(4.4*var(--k));background:linear-gradient(#0c0c0e,#0c0c0e) 0 100%/18% 40% no-repeat,linear-gradient(#0c0c0e,#0c0c0e) 11% 100%/7% 60% no-repeat,linear-gradient(#0c0c0e,#0c0c0e) 22% 100%/7% 80% no-repeat,linear-gradient(#0c0c0e,#0c0c0e) 33% 100%/7% 100% no-repeat,linear-gradient(#0c0c0e,#0c0c0e) 100% 50%/38% 78% no-repeat;background-size:7% 40%,7% 60%,7% 80%,7% 100%,38% 78%;background-position:0 100%,11% 100%,22% 100%,33% 100%,100% 50%;border-radius:calc(.8*var(--k))}
.iph-screen>.capture-open{display:block;width:100%}
.iph-screen img{display:block;width:100%;height:auto!important;aspect-ratio:.492!important;object-fit:cover!important;object-position:center top!important}

/* visor ampliado: la captura se abre dentro del mismo portátil o móvil */
.capture-dialog .zoom-mac,.capture-dialog .zoom-phone{display:none}
.capture-dialog.is-mac .zoom-mac,.capture-dialog.is-phone .zoom-phone{display:block}
.capture-dialog.is-mac,.capture-dialog.is-phone{background:transparent;box-shadow:none;border:0;padding:52px 0 0;overflow:visible;max-height:none}
.capture-dialog.is-mac{width:min(1180px,calc(100% - 28px),calc((92dvh - 110px)*1.62))}
.capture-dialog.is-phone{width:min(360px,calc(100% - 60px),calc((92dvh - 110px)*.47))}
.capture-dialog .zoom-mac img,.capture-dialog .zoom-phone img{max-width:none;max-height:none;margin:0;width:100%}
.capture-dialog .zoom-mac .mbp-view img{max-height:calc(92dvh - 200px);object-fit:cover;object-position:top}
.capture-dialog.is-phone .zoom-phone{margin:0 auto}
.capture-dialog.is-mac .modal-close,.capture-dialog.is-phone .modal-close{top:0;right:0;width:36px;height:36px;background:rgba(255,255,255,.95);color:#203964}
.capture-dialog.is-mac p,.capture-dialog.is-phone p{color:#dfe6f0;font-size:12px;margin-top:22px}

/* 01/11 · proporciones reales: MacBook Pro 14" (312,6 mm, pantalla 3024×1964) e iPhone 16 Pro (71,5 × 149,6 mm, pantalla 1206×2622).
   El móvil mide el 22,9 % del ancho del portátil y se apoya delante, abajo a la derecha. */
.mbp-screen{margin:0 2.2%}
.mbp-base::after{left:2.2%;right:2.2%}
.mbp-screen>.capture-open img{aspect-ratio:1.64;object-fit:cover;object-position:left top;height:auto!important}
.iph-screen img{aspect-ratio:.492!important}
.device-composition:has(.mbp){display:block!important;padding:0 7% 0 0!important;gap:0!important}
.device-composition:has(.mbp)>.device-desktop{width:100%!important;flex:none!important;transform:none!important}
.device-composition:has(.mbp)>.device-mobile.iph{position:absolute!important;inset:auto 0 0 auto!important;order:0!important;flex:none!important;width:21.3%!important;min-width:0!important;margin:0!important;transform:none!important;transition:translate .5s var(--ease-out,ease)}
@media(hover:hover) and (pointer:fine){.device-composition:has(.mbp):hover>.device-mobile.iph{translate:0 -2%}}
@media(prefers-reduced-motion:reduce){.device-composition:has(.mbp)>.device-mobile.iph{transition:none}}
.iph-screen>.capture-open,.iph-screen img,.mbp-screen>.capture-open,.mbp-screen>.capture-open img{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
@media(max-width:560px){.platform-stage:has(.mbp){padding:34px 10px 30px!important}}
/* 01/11 · la pantalla del portátil siempre con la proporción del MacBook Pro 14" (la captura se recorta, nunca se estira) */
.mbp-screen>.capture-open img{aspect-ratio:1.64!important;height:auto!important;object-fit:cover!important;object-position:left top!important}
/* 01/11 · MacBook Pro 14" en negro espacial, como las fotos de referencia del dueño:
   tapa negra con canto metálico oscuro, barbilla inferior, base más ancha que la tapa con hendidura clara y patas */
.mbp-screen{margin:0 7.5%!important;padding:1.35% 1.35% 3.1%!important;border-radius:2.4cqw 2.4cqw 1.1cqw 1.1cqw!important;background:#08080a!important;box-shadow:0 0 0 .18cqw #4a4b50,0 0 0 .32cqw #26272a,inset 0 0 0 .12cqw #1a1b1e!important}
.mbp-screen::before{width:12%!important;height:2.6%!important;background:#08080a!important}
.mbp-base{height:0;padding-bottom:3.4%!important;margin-top:-.1cqw;border-radius:.25cqw .25cqw 1.6cqw 1.6cqw/.25cqw .25cqw 2.4cqw 2.4cqw!important;background:linear-gradient(90deg,#141518 0,#36373b 1.2%,#2b2c30 6%,#2b2c30 94%,#36373b 98.8%,#141518 100%)!important;box-shadow:inset 0 .14cqw 0 #6c6d72,inset 0 .32cqw 0 #3a3b40,inset 0 -.5cqw .7cqw rgba(0,0,0,.55),0 2.4cqw 3cqw -1.8cqw rgba(6,16,29,.75)!important}
.mbp-base::before{width:17%!important;height:38%!important;top:.14cqw!important;border-radius:0 0 1.1cqw 1.1cqw!important;background:linear-gradient(#55565b,#76777c)!important;box-shadow:inset 0 .1cqw .2cqw rgba(0,0,0,.45)!important}
.mbp-base::after{top:auto!important;bottom:-.45cqw!important;left:9%!important;right:auto!important;width:6%!important;height:.45cqw!important;border-radius:0 0 .4cqw .4cqw!important;background:#0c0c0e!important;box-shadow:76cqw 0 0 #0c0c0e!important}
/* 01/11 · ✕ siempre centrada (trazos posicionados en el centro exacto del círculo) */
.modal-close{display:block!important;padding:0!important;font-size:0!important;line-height:0!important;overflow:hidden}
.modal-close::before,.modal-close::after{position:absolute;left:50%;top:50%;width:46%;height:2px;margin:0;translate:-50% -50%;grid-area:auto}

/* 01/11 (noche 2): subtítulos centrados bajo los titulares, «Sigue descubriendo» en una fila, páginas legales, pie con legales y entrada al generador */
.section-heading p{margin-left:auto;margin-right:auto}
@media(min-width:900px){.feature-related>div{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-related a{min-width:0;white-space:nowrap}}
@media(min-width:900px) and (max-width:1180px){.feature-related a{font-size:13px;padding-left:14px;padding-right:14px}}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 22px;padding:18px 0 4px;border-top:1px solid var(--line,#e4e7ee);margin-top:26px;font-size:13px}
.footer-legal a{color:var(--muted,#6b7280);text-decoration:none}
.footer-legal a:hover{color:var(--ink,#0b1a2e);text-decoration:underline}
.legal-main{padding-top:140px;padding-bottom:90px}
.legal-doc{max-width:780px;margin:0 auto;color:var(--ink,#0b1a2e);font-size:16px;line-height:1.75}
.legal-doc h1{font-size:clamp(34px,6vw,54px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 10px}
.legal-doc .pol-legal-updated{color:var(--muted,#6b7280);font-size:14px;margin:0 0 34px}
.legal-doc h2{font-size:21px;letter-spacing:-.3px;margin:36px 0 10px}
.legal-doc h3{font-size:17px;margin:24px 0 8px}
.legal-doc p,.legal-doc li{color:#3b4252;text-wrap:pretty}
.legal-doc ul,.legal-doc ol{padding-left:22px}
.legal-doc li{margin:4px 0}
.legal-doc a{color:#0a5aa6;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal-doc table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0;display:block;overflow-x:auto}
.legal-doc th,.legal-doc td{border:1px solid #e4e7ee;padding:8px 10px;text-align:left;vertical-align:top}
.legal-doc th{background:#f4f6fa}
.legal-contacto{margin-top:44px;padding:18px 20px;border-radius:16px;background:#f2f7fd}
.legal-page .header{background:#0b1a2e}
.generator-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:44px auto 0;max-width:1000px;padding:28px 32px;border-radius:26px;background:#ffffff14;border:1px solid #ffffff33;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left}
.generator-cta>div{flex:1 1 380px;min-width:0}
.generator-cta h3{font-size:clamp(24px,3vw,32px);letter-spacing:-.8px;margin:12px 0 6px;color:#fff}
.generator-cta p{margin:0;color:#e9e6ff;font-size:15px;line-height:1.6}
.generator-cta .button{flex:0 0 auto}
@media(max-width:560px){.generator-cta{padding:22px 18px;border-radius:20px}.generator-cta .button{width:100%;justify-content:center}}

/* 01/11 (noche): «Tu plaza tiene acento andaluz» + «Opositores como tú»: sin hueco blanco entre las dos, mismo azul de las
   opiniones en la sección de provincias, y el móvil de las opiniones sobresale de su caja por arriba y por abajo (desde 1101 px).
   El teléfono ocupa del 6,48 % al 93,89 % de alto de su imagen (telefono-opiniones.webp, transparente): sobresale 56 px a cada lado. */
.andalucia-section{background:linear-gradient(90deg,#1959a8 0%,#0a2342 100%)}
.andalucia-section::before{background-image:linear-gradient(90deg,#1959a8 0%,rgba(10,35,66,.85) 100%),url('assets/policia-referencia-539.webp')}
.original-reviews{margin-top:0}
@media(min-width:1101px){
  .original-reviews{overflow:visible;overflow-x:clip;z-index:2}
  .original-reviews-inner{z-index:auto}
  .reviews-phone{height:calc(114.4% + 128px);width:auto;top:calc(-64px - 7.41%);right:-168px}
}
/* Opiniones en móvil (≤800 px): teléfono más pequeño y centrado bajo el título; la tarjeta se apoya en su parte baja
   (como en escritorio) y cada opinión mide lo que su texto, sin hueco antes del autor. */
@media(max-width:800px){
  .original-reviews-inner{padding-top:72px;padding-bottom:64px}
  .original-reviews h2{margin-left:0;max-width:none;text-align:center}
  .reviews-phone{width:380px;top:180px;right:auto;left:calc(50% - 275px)}
  .original-reviews .reviews-panel{margin-top:250px;min-height:0}
  .original-reviews .reviews-panel .review-card{min-height:0;padding-bottom:26px}
  .original-reviews .reviews-panel .review-card blockquote{margin-bottom:22px}
}
@media(max-width:540px){
  .original-reviews-inner{padding-top:64px}
  .reviews-phone{width:340px;top:170px;left:calc(50% - 246px)}
  .original-reviews .reviews-panel{margin-top:225px}
}
/* Barra de colores del bloque de academias: antes eran 6 px con esquinas de 28 px (salían aplastadas y fuera de la curva).
   Ahora es una capa de 28 px con las mismas esquinas que la tarjeta y solo se pintan sus 6 px de arriba: sigue la curva. */
.academy-v6::before{height:28px;border-radius:28px 28px 0 0;-webkit-mask:linear-gradient(#000 0 6px,transparent 6px);mask:linear-gradient(#000 0 6px,transparent 6px);pointer-events:none}
/* Etiqueta «TEORÍA + PRÁCTICA» del plan PRO: estaba a −12 px y la tarjeta (overflow:hidden) la cortaba. Va dentro, bajo la barra. */
.plan.pro .pro-badge{top:20px;right:22px;font-size:10px;line-height:1;padding:6px 12px;letter-spacing:.06em;z-index:2}
.billing-switch.plan-switch{display:none}
@media(max-width:800px){.billing-switch:not(.plan-switch){display:none}.billing-switch.plan-switch{display:inline-flex;margin:4px 0 14px;opacity:1;transform:none}.plan.pro .billing-switch.plan-switch{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.plan.pro .billing-switch.plan-switch button:not(.active){color:#dbe4f1}.plan.pro .billing-switch.plan-switch button.active{background:#fff;color:#0a2342}}
.billing-detail.is-yearly{font-size:15px;line-height:1.35;font-weight:700;color:#0a2342}
.plan.pro .billing-detail.is-yearly{color:#fff}
@media(max-width:800px){.plan-switch+.price{margin-top:0}}
@media(max-width:540px){.plan.pro .pro-badge{position:static;display:inline-block;margin:0 0 12px}.plan.pro .plan-eyebrow{display:block}}
/* Pulido unslop 01/11/2026: menos movimiento decorativo, opiniones legibles en la letra de la marca */
.stage-bold.visible .tiles-v1 i{animation:qp-tile-pop .7s cubic-bezier(.2,.9,.3,1.3) var(--d) both}
.stage-bold.visible .tiles-v2 i{animation:qp-tile-drop .8s cubic-bezier(.3,.8,.4,1) var(--d) both}
.stage-bold.visible .tiles-v3 i:nth-child(-n+2){animation:qp-tile-slide-l .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both}
.stage-bold.visible .tiles-v3 i:nth-child(n+3){animation:qp-tile-slide-r .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both}
.stage-bold.visible .tiles-v4 i{animation:qp-tile-snap .6s cubic-bezier(.2,.9,.3,1.2) calc(var(--d) * 1.6) both}
.andalucia-inner h2>span,.closing-star,.feature-hero-orb,.hero-orb,.live-dot,.scroll-progress{display:none!important}
.floating-sticker,.floating-tag,.hero-devices .capture-tag{animation:none}
.feature-hero h1>span{animation:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#9fb4d4}
.button{letter-spacing:0}
.academy-discount,.academy-discount b,.academy-v6 .academy-discount{color:#fff!important}
.mbp-view,.iph-screen{background-color:#0a1a2f}
.original-reviews .review-card blockquote,.original-reviews .review-card figcaption b,.original-reviews .review-card figcaption small{font-family:inherit}
.original-reviews{font-family:Jakarta,Arial,sans-serif}
.original-reviews h2{font-family:var(--display)}
.reviews-stars path[fill="#027BFF"]{fill:#FEC001}
.original-reviews h2{font-weight:700;letter-spacing:-.03em}
.original-reviews .review-card blockquote{font-size:16px;line-height:1.5;letter-spacing:0;color:#1d2b40}
.original-reviews .review-card figcaption b{font-weight:700;color:#0a1a2f}
.original-reviews .review-card figcaption small{font-size:14px;color:#5b6b82}
.reviews-rating p{color:#5b6b82}
.original-reviews blockquote span[style*="0.25"]{color:#5b6b82!important}
.original-reviews blockquote span:not([style*="0.25"]){color:#0a1a2f!important;font-weight:600}
.academy-discount{display:inline-block;text-align:left}
.academy-discount::before{display:inline-grid;vertical-align:-5px;margin-right:8px}
/* QuizPoL Pro destacado (01/11/2026) */
.plan.pro{box-shadow:0 0 0 2px #40AD01,0 30px 70px rgba(10,26,47,.35)}
@media(min-width:1001px){.plan-grid{align-items:stretch}.plan.pro{transform:translateY(-16px)}.plan.pro.reveal.is-visible,.plan.pro.reveal.visible{transform:translateY(-16px)}}
.plan.pro .pro-list li{line-height:1.45}
.plan.pro .pro-list b{color:#fff;font-weight:700}
/* Opiniones en móvil (01/11/2026): móvil grande y centrado, panel encima de su parte baja, 4,9 + estrellas + logo en una fila */
@media(max-width:800px){
.original-reviews-inner{padding-top:56px;padding-bottom:56px}
.original-reviews h2{font-size:clamp(34px,9vw,44px);line-height:1.02;letter-spacing:-.03em}
.reviews-phone{width:500px;max-width:none;left:calc(50% - 361px);top:calc(56px + 3 * clamp(34px,9vw,44px) * 1.02 - 14px);right:auto}
.original-reviews .reviews-panel{margin-top:330px;position:relative;z-index:2}
.reviews-rating{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 14px;padding:20px 20px 16px;align-items:center}
.reviews-rating strong{font-size:52px;letter-spacing:-2px;grid-row:1/3;grid-column:1}
.reviews-rating .reviews-stars{grid-column:2;grid-row:1;align-self:end}
.reviews-rating .reviews-stars,.reviews-rating .reviews-stars svg{width:112px}
.reviews-rating p{grid-column:2;grid-row:2;font-size:12px}
.reviews-rating>img{display:block;grid-column:3;grid-row:1/3;width:78px;height:auto}
.original-reviews .reviews-panel .review-card{padding-top:18px}
}
@media(max-width:360px){.reviews-rating>img{width:64px}.reviews-rating strong{font-size:44px}}
@media(max-width:800px){
.original-reviews .reviews-panel{width:auto;max-width:100%;margin-left:0;margin-right:0}
.reviews-rating p{grid-column:2/4;white-space:nowrap}
.reviews-rating>img{grid-row:1;align-self:center;width:72px;height:auto;max-height:26px;object-fit:contain;justify-self:end}
}
@media(max-width:800px){.original-reviews .reviews-rating>img{height:auto!important;width:72px!important;margin:0!important;padding:0!important;align-self:center!important}}
@media(max-width:800px){.original-reviews .review-track{align-items:flex-start}.original-reviews .review-card blockquote{flex:none;margin-bottom:18px}.original-reviews .review-card figcaption{margin-top:0}}
/* «El más completo» sobresale por encima de la tarjeta Pro, más grande */
.plan.pro{overflow:visible}
.plan.pro::before{height:20px;border-radius:20px 20px 0 0;-webkit-mask:linear-gradient(#000 0 6px,transparent 6px);mask:linear-gradient(#000 0 6px,transparent 6px)}
.plan.pro::after{border-radius:inherit}
.plan.pro .pro-badge{position:absolute!important;top:-17px!important;right:24px;left:auto;display:inline-block;margin:0!important;font-size:13px;line-height:1;padding:10px 18px;letter-spacing:.04em;font-weight:800;box-shadow:0 8px 20px rgba(10,26,47,.3);z-index:3}
@media(max-width:540px){.plan.pro{margin-top:18px}.plan.pro .pro-badge{right:50%;transform:translateX(50%)}}
/* Las tres tarifas a la misma altura (sin elevar Pro ni desplazamientos de movimiento) */
.plan-grid{align-items:stretch}
.plan-grid .plan,.plan-grid .plan.pro,.plan-grid .plan.reveal,.plan-grid .plan.pro.reveal.is-visible,.plan-grid .plan.pro.reveal.visible{transform:none!important;translate:none!important;margin-top:0}
/* Etiquetas en minúscula normal, sin espaciado de letras (pulido unslop) */
.eyebrow,.plan-eyebrow,.directory-hero .eyebrow,.feature-hero .eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600;line-height:1.4}
.plan.pro .pro-badge{text-transform:none;letter-spacing:0;font-size:14px}
.function-icon svg,.drop-icon svg{display:block;width:18px;height:18px}
/* «Seis formas de avanzar»: índice compacto (las secciones de arriba ya enseñan cada herramienta) */
#herramientas .function-media{display:none}
#herramientas .function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#herramientas .function-card{min-height:0;height:auto;padding:24px;grid-column:auto!important;grid-row:auto!important}
@media(max-width:900px){#herramientas .function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#herramientas .function-grid{grid-template-columns:1fr}}
#herramientas .function-card{display:flex;flex-direction:column;gap:14px}
#herramientas .function-card .function-more{position:static;margin-top:auto;grid-area:auto}
#herramientas .function-card,#herramientas .function-card.card-bold{min-height:0!important;height:auto!important}
/* Para academias: cabecera a dos columnas con captura de Mi Academia */
@media(min-width:1001px){.feature-hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:56px;align-items:center}.feature-hero-split>*{grid-column:1}.feature-hero-split>.feature-hero-visual{grid-column:2;grid-row:1/span 6}}
.feature-hero-visual{margin:32px 0 0;border-radius:16px;overflow:hidden;border:6px solid #172235;background:#0a1a2f;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.feature-hero-visual img{display:block;width:100%;height:auto}
@media(min-width:1001px){.feature-hero-visual{margin:0}}
/* Podio de planes (01/11/2026): Lite | PRO en el centro, más alto | Prueba. Misma idea que «Mejorar a PRO» de Mi cuenta */
.plan-grid>.plan:nth-child(2){order:1}
.plan-grid>.plan.pro{order:2}
.plan-grid>.plan:nth-child(1){order:3}
@media(min-width:1001px){
.plan-grid{align-items:end;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:22px}
.plan-grid>.plan:not(.pro){min-height:600px}
.plan-grid>.plan.pro{padding-top:46px;padding-bottom:40px}
}
@media(max-width:1000px){.plan-grid>.plan.pro{order:0}}
.plan.pro{background:linear-gradient(165deg,#173a6b 0%,#0a1a2f 62%);box-shadow:0 0 0 2px #FEC001,0 0 60px rgba(254,192,1,.18),0 30px 70px rgba(10,26,47,.35)}
.plan.pro .pro-badge{background:#FEC001;color:#0a1a2f;box-shadow:0 8px 20px rgba(254,192,1,.35)}
.plan.pro .pro-badge::before{content:"★ "}
.plan.pro h3{font-size:clamp(34px,3vw,42px)}
.plan.pro .price strong{font-size:clamp(54px,4.6vw,68px)}
.plan.pro .button.white{background:#FEC001;color:#0a1a2f}
.plan.pro .button.white .circle-arrow{background:#0a1a2f;color:#FEC001}
.plan.pro .pro-list li{display:block;padding-left:30px;position:relative}
.plan.pro .pro-list li::before{position:absolute;left:0;top:2px}
.plan.pro .pro-list small{display:block;font-size:13px;line-height:1.4;color:#a9b8cf;margin-top:2px}
.plan.pro .pro-list li+li{margin-top:10px}
@media(min-width:1001px){.plan-grid{margin-top:52px}.plan-grid>.plan:not(.pro){min-height:0;height:620px}}
/* Podio con tres alturas: 1.º PRO (centro), 2.º Lite (izquierda), 3.º Prueba/demo (derecha) */
@media(min-width:1001px){.plan-grid>.plan:nth-child(2){height:680px}.plan-grid>.plan:nth-child(1){height:575px}}
/* Botones de los planes como en quizpol.com: texto grande centrado, aviso pequeño debajo y círculo con flecha */
.plan .plan-cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:68px;padding:10px 70px 10px 26px;border:0;border-radius:999px;color:#fff;text-align:center;letter-spacing:0;box-shadow:0 10px 24px rgba(10,26,47,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.plan .plan-cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 30px rgba(10,26,47,.24)}
.plan .plan-cta .cta-text{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.1}
.plan .plan-cta b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.plan .plan-cta small{font-size:11px;font-weight:500;opacity:.9}
.plan .plan-cta .circle-arrow{position:absolute;right:10px;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);color:#fff}
.plan .plan-cta.cta-lite{background:#2a6496}
.plan .plan-cta.cta-pro,.plan.pro .button.plan-cta.cta-pro{background:#b3202f;color:#fff}
.plan.pro .plan-cta.cta-pro .circle-arrow{background:rgba(255,255,255,.22);color:#fff}
.plan .plan-cta.cta-demo{background:#fff;color:#0a1a2f;box-shadow:inset 0 0 0 2px #0a1a2f}
.plan .plan-cta.cta-demo .circle-arrow{background:#0a1a2f;color:#fff}
@media(max-width:400px){.plan .plan-cta b{font-size:18px}.plan .plan-cta{padding-right:64px}}
@media(prefers-reduced-motion:reduce){.plan .plan-cta{transition:none}.plan .plan-cta:hover{transform:none}}
.plan .plan-cta.cta-demo{background:#f0b93b;color:#0a1a2f;box-shadow:0 10px 24px rgba(240,185,59,.3)}
.plan .plan-cta.cta-demo .circle-arrow{background:rgba(255,255,255,.35);color:#0a1a2f}
/* Móvil: el panel de opiniones llega hasta el borde derecho (sin hueco), como en el diseño original */
@media(max-width:800px){.original-reviews .reviews-panel{margin-right:calc(50% - 50vw)!important;width:auto!important;max-width:none!important;border-radius:30px 0 0 30px}}
@media(max-width:800px){.original-reviews .reviews-panel{scale:1!important}}
@media(max-width:800px){.original-reviews .review-track{align-items:flex-start;transition:height .25s ease}}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.original-reviews .review-track{transition:none}}
/* Móvil: el teléfono de las opiniones, más abajo (aire bajo el título); el panel baja lo mismo */
@media(max-width:800px){.reviews-phone{top:calc(56px + 3 * clamp(34px,9vw,44px) * 1.02 + 22px)}.original-reviews .reviews-panel{margin-top:366px}}
/* Tablet (801–1100): teléfono de opiniones entero a la derecha, sin salirse; el panel tapa su parte baja */
@media(min-width:801px) and (max-width:1100px){
.original-reviews{overflow:hidden}
.reviews-phone{width:620px;height:auto;max-width:none;left:auto;right:calc(-4% + 8px);top:18px;z-index:0}
.original-reviews h2{position:relative;z-index:1;margin-top:40px}
.original-reviews .reviews-panel{margin-top:210px;position:relative;z-index:2;scale:1!important}
}
@media(min-width:801px) and (max-width:1100px){.original-reviews .reviews-panel{margin-right:calc(50% - 50vw)!important;width:auto!important;max-width:none!important;border-radius:30px 0 0 30px}}
.original-reviews .reviews-panel{scale:1!important}
/* Tablet: menos aire arriba, el teléfono más bajo y el panel más cerca */
@media(min-width:801px) and (max-width:1100px){
.original-reviews-inner{padding-top:48px}
.original-reviews h2{margin-top:76px}
.reviews-phone{width:560px;top:62px;right:calc(-3.5% + 8px)}
.original-reviews .reviews-panel{margin-top:150px}
}
.original-reviews .review-track{overflow-y:hidden;overscroll-behavior-y:auto;touch-action:pan-x pan-y}
@media(min-width:801px) and (max-width:1100px){.original-reviews .reviews-panel{min-height:0}.original-reviews .review-card{min-height:0!important;padding-top:32px;padding-bottom:30px}.original-reviews .review-card blockquote{margin-bottom:22px}}
/* Tablet vertical y móvil (≤1000): una sola columna centrada, PRO primero; sin columnas que se salgan */
@media(max-width:1000px){
.plan-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:560px;margin-left:auto;margin-right:auto;gap:30px}
.plan-grid>.plan,.plan-grid>.plan:not(.pro){height:auto!important;min-height:0!important;width:auto}
.plan-grid>.plan.pro{margin-top:18px}
.billing-switch:not(.plan-switch){display:none}
.billing-switch.plan-switch{display:inline-flex}
}

/* Logo del pie: logo oficial con ® (01/11) */
.footer-main .brand img{width:200px;height:auto;max-width:100%}
@media (max-width:540px){.footer-main .brand img{width:170px}}

/* ===== Segunda pasada unslop (02/11/2026) ===== */
/* 1 · Tipografía: títulos a 600–700 y una sola escala (opiniones fuera: su móvil se coloca con el tamaño del h2) */
.hero.hero-v5 h1,.feature-hero h1,.directory-hero h1{font-weight:700}
main section:not(.original-reviews) h2{font-weight:600}
main h3{font-weight:600}
main>section:not(.original-reviews):not(.product-split):not(.entity-section) h2:not(#plan-title){font-size:clamp(32px,3vw,44px)}
main .product-split h2{font-size:clamp(28px,2.5vw,36px)}
.iph-status span{letter-spacing:0}
/* 2 · Color: sin manchas de luz ni sombras de color */
.hero.hero-v5{background:linear-gradient(165deg,#1a5aa8 0%,#13427f 50%,#0e3263 100%)}
.button.primary{box-shadow:none}
.platform-stage.stage-bold.stage-bold{background:linear-gradient(140deg,var(--tone) 0%,var(--tone-deep) 100%);box-shadow:0 30px 60px -40px rgba(6,16,29,.45)}
/* 3 · Composición: QuizZin IA y Convocatorias rompen el molde (texto arriba en dos columnas, pantalla ancha debajo) */
@media (min-width:1101px){
 #quizzin.product-split,#convocatorias.product-split{grid-template-columns:1fr;gap:48px}
 #quizzin .split-copy,#convocatorias .split-copy{order:-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}
 #quizzin .split-copy>.eyebrow,#convocatorias .split-copy>.eyebrow{grid-column:1;grid-row:1}
 #quizzin .split-copy>h2,#convocatorias .split-copy>h2{grid-column:1;grid-row:1/span 4;align-self:start;margin-top:0}
 #quizzin .split-copy>:not(.eyebrow):not(h2),#convocatorias .split-copy>:not(.eyebrow):not(h2){grid-column:2}
 #quizzin .split-copy>p,#convocatorias .split-copy>p{grid-row:1/span 2}
 #quizzin .split-copy>p,#convocatorias .split-copy>p{margin-top:0}
 #quizzin .split-copy>.button,#convocatorias .split-copy>.button{justify-self:start}
 #quizzin .platform-stage,#convocatorias .platform-stage{order:2;padding:56px 12% 48px}
}
/* el bloque «Qué es QuizPoL» deja de ser un segundo cierre: texto de referencia, discreto */
.entity-section h2{font-size:24px;font-weight:600;letter-spacing:-.3px;margin-bottom:12px}
/* textos grises de la portada más claros sobre el azul (02/11) */
.hero.hero-v5 .hero-note-v5,.hero.hero-v5 .audience-what,.hero.hero-v5 .hero-provinces>span{color:#c3d1e3}
.hero.hero-v5 .audience-card{background:rgba(6,16,29,.18)}
/* Botones con los colores del logo, vivos (02/11): A verde, B azul, C rojo, D amarillo */
header .nav-login,header .nav-login.motion-button{background:var(--qp-green);color:#fff}
header .nav-login:hover{background:#379600}
.button.primary,.hero.hero-v5 .button.primary{background:var(--qp-green);color:#fff}
.button.primary:hover{background:#379600}
.product-split.tone-blue .button.black{background:var(--qp-blue);color:#fff}
.product-split.tone-red .button.black{background:var(--qp-red);color:#fff}
.product-split.tone-green .button.black{background:var(--qp-green);color:#fff}
.product-split.tone-yellow .button.black{background:var(--qp-yellow);color:#0a1a2f}
.product-split .button.black:hover{filter:brightness(.92)}
.plan .plan-cta.cta-lite{background:var(--qp-blue);color:#fff}
.plan .plan-cta.cta-pro,.plan.pro .button.plan-cta.cta-pro{background:var(--qp-red);color:#fff}
.plan .plan-cta.cta-demo{background:var(--qp-yellow);color:#0a1a2f;box-shadow:none}
.plan .plan-cta:hover{filter:brightness(.93)}
.header .nav-login,.header.scrolled .nav-login{background:var(--qp-green);color:#fff}
.header .nav-login:hover,.header.scrolled .nav-login:hover{background:#379600}
/* Texto de color del título y viñetas = color del botón (02/11) */
.product-split.tone-blue h2>span{color:var(--qp-blue)}
.product-split.tone-red h2>span{color:var(--qp-red)}
.product-split.tone-green h2>span{color:var(--qp-green)}
.product-split.tone-yellow h2>span{color:var(--qp-yellow)}
.product-split.tone-blue .check-list li::before{background:var(--qp-blue);color:#fff}
.product-split.tone-red .check-list li::before{background:var(--qp-red);color:#fff}
.product-split.tone-green .check-list li::before{background:var(--qp-green);color:#fff}
.product-split.tone-yellow .check-list li::before{background:var(--qp-yellow);color:#0a1a2f}
/* Pulido Impeccable 02/11: suelo de tamaño de letra (nada por debajo de 11-12 px fuera de las capturas), grises legibles (>=4.5:1), sin rebote, superficies del navegador */
:root{--qp-muted:#5d6878;--qp-muted-2:#6a6478}
.dropdown small{font-size:13px;color:var(--qp-muted)}
.entity-section .entity-positioning{font-size:14px;color:var(--qp-muted)}
.entity-links{font-size:14px}
.text-link{font-size:14px}
.plan-eyebrow{font-size:13px;color:var(--qp-muted)}
.plan>p,.billing-detail{font-size:13px;color:var(--qp-muted)}
.price>span{font-size:13px;color:var(--qp-muted)}
.billing-switch button{font-size:13px;color:var(--qp-muted)}
.billing-switch button.active{color:inherit}
.billing-switch button span,.billing-switch small{font-size:11px}
.plan-footnote{font-size:12px;color:var(--qp-muted)}
.section-heading p,.feature-card p,.method-grid p,.faqs details p{color:var(--qp-muted)}
.footer-main p{font-size:14px}
.footer-bottom{font-size:13px}
.footer-main a{font-size:inherit}
.footer-main li a,.footer-main nav a{font-size:14px}
/* Mini test (es real y se usa): letra legible */
.test-picker>.eyebrow{font-size:12px;letter-spacing:.4px}
.test-picker>p{font-size:14px;color:var(--qp-muted-2)}
.test-pick-number{width:32px;height:32px;font-size:13px;color:#6b4fa0}
.test-pick b{font-size:15px}
.test-pick small{font-size:12px;color:var(--qp-muted-2)}
.test-pick i{font-size:13px;color:#7a6699}
.test-source{font-size:12px;color:var(--qp-muted-2)}
.test-player-top{font-size:12px;color:var(--qp-muted-2);letter-spacing:.3px}
.question-tile small{font-size:11px}
.question-heading b{font-size:11px;color:var(--qp-muted-2);letter-spacing:.4px}
.question-heading small:not(.question-tile small){font-size:12px}
.feedback-line small{font-size:12px}
.real-justification summary,.real-justification>div{font-size:14px}
.real-justification>div{color:#4f5b49}
.previous-question{font-size:13px;color:#6f5f80}
.local-only{font-size:11px;color:var(--qp-muted-2);max-width:140px}
.quiz-next,.test-result-actions .button{font-size:14px}
.test-local-note{font-size:12px!important}
/* Sin rebote: salida suave */
.stage-bold.visible .tiles-v1 i{animation-timing-function:cubic-bezier(.22,1,.36,1)}
.stage-bold.visible .tiles-v4 i{animation-timing-function:cubic-bezier(.22,1,.36,1)}
/* Superficies del navegador con los colores de QuizPoL */
::selection{background:#009fdd33;color:inherit}
input,textarea{caret-color:var(--qp-blue)}
a{text-underline-offset:.18em}
.price,.price *,.plan strong{font-variant-numeric:tabular-nums}
.header .dropdown a small,.header .dropdown small{font-size:13px;line-height:1.5}
.plan-cta .cta-text small{font-size:12px}
.closing-inner>p:last-of-type{font-size:14px;color:#b4c2d4}
/* make-interfaces-feel-better 02/11: títulos equilibrados, párrafos sin viudas, pulsación 0.96, sin transition:all, radios concéntricos, zona táctil */
h1,h2,h3{text-wrap:balance}
main p,.faqs details p{text-wrap:pretty}
.button,.nav-login,.plan-cta,.test-pick,.quiz-next,.previous-question,.billing-switch button{transition-property:translate,transform,scale,background-color,color,box-shadow,filter,border-color;transition-duration:.3s,.4s,.12s,.25s,.25s,.4s,.2s,.25s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.button:active,.nav-login:active,.plan-cta:active,.test-pick:active,.quiz-next:active,.previous-question:active,.billing-switch button:active{scale:.96}
.test-pick{border-radius:17px}
.text-link{padding-block:8px}
@media (max-width:760px){
.footer-main a{display:inline-block;padding-block:12px}
.footer-bottom a{display:inline-block;padding-block:12px}
}
@media (prefers-reduced-motion:reduce){.button:active,.nav-login:active,.plan-cta:active,.test-pick:active,.quiz-next:active,.previous-question:active,.billing-switch button:active{scale:1}}
@media (max-width:760px){.footer-legal a{padding-block:12px}}
/* 02/11 Sin animaciones al pasar el ratón: nada se mueve ni se repite; solo cambian colores */
.stage-bold.visible:hover .stage-tiles i{animation:none}
.stage-bold.visible .stage-tiles i{animation-iteration-count:1}
.platform-stage:hover,.function-card:hover,.academy-card:hover,.button:hover,.plan .plan-cta:hover{transform:none}
.platform-stage:hover .device-mobile,.device-composition:hover .device-mobile,.stage-supra-quizpol .device-composition:hover .device-mobile{transform:none}
.device-composition:has(.mbp):hover>.device-mobile.iph{translate:none}
.memoria-stage:hover .memoria-card,.memoria-stage:hover .memoria-card-supra,.pdf-stage:hover .pdf-main,.pdf-stage:hover .pdf-side{rotate:var(--r,0deg)}
.pdf-stage:hover .pdf-side-a{translate:none}
.function-card:hover .function-icon,.benefit-grid article:hover>span,.function-card:hover .function-media img{transform:none}
.function-card:hover h3 a>span,.function-card:hover .function-more>span,.academy-card:hover .academy-link>span,.button:hover .circle-arrow{transform:none}
.motion-button{translate:none}
.frame-sticker{translate:none}
.motion-surface::after{display:none}

/* 02/11 Landing menos repetitiva: cada producto con su propio escenario */
/* Las fichas A-B-C-D solo en el primero (Teo) */
#supuestos .stage-tiles,#quizzin .stage-tiles,#pruebas-fisicas .stage-tiles,#convocatorias .stage-tiles{display:none}
/* Banda a todo el ancho */
#supuestos,#pruebas-fisicas,#convocatorias{position:relative;box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax);background:var(--band);padding-top:104px;padding-bottom:104px;margin-top:104px}
#supuestos+#quizzin,#pruebas-fisicas+#convocatorias{margin-top:0}
/* SuPra: banda roja del logo, texto blanco, capturas sobre el rojo */
#supuestos{--band:var(--qp-red);color:#fff}
#supuestos h2,#supuestos h2>span{color:#fff}
#supuestos h2>span{opacity:.82}
#supuestos .split-copy p,#supuestos .check-list li{color:#fff}
#supuestos .eyebrow{color:#ffe1e4}
#supuestos .check-list li::before{background:#fff;color:var(--qp-red)}
#supuestos .button.black{background:#fff;color:var(--qp-red)}
#supuestos .button.black .circle-arrow{background:var(--qp-red);color:#fff}
#supuestos .platform-stage{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
/* Pruebas físicas: banda azul noche, el amarillo del logo brilla */
#pruebas-fisicas{--band:#0a1a2f;color:#fff}
#pruebas-fisicas h2{color:#fff}
#pruebas-fisicas .split-copy p,#pruebas-fisicas .check-list li{color:#c3d1e3}
#pruebas-fisicas .eyebrow{color:var(--qp-yellow)}
#pruebas-fisicas .platform-stage{box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
/* Convocatorias: banda azul muy clara */
#convocatorias{--band:#e8f5fc}
@media (max-width:760px){
#supuestos,#pruebas-fisicas,#convocatorias{padding-top:64px;padding-bottom:64px;margin-top:64px}
}
/* 02/11 Variedad 2: «Seis formas» como mosaico de colores del logo; método con números grandes */
#herramientas .function-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#herramientas .function-card:nth-child(1),#herramientas .function-card:nth-child(2){grid-column:span 3!important}
#herramientas .function-card:nth-child(3),#herramientas .function-card:nth-child(4),#herramientas .function-card:nth-child(5){grid-column:span 2!important}
#herramientas .function-card:nth-child(6){grid-column:span 6!important}
#herramientas .function-card{background:linear-gradient(140deg,var(--tone) 0%,var(--tone-deep) 100%);color:var(--tone-on);border:0;box-shadow:0 24px 48px -32px rgba(6,16,29,.5);padding:32px}
#herramientas .function-card:nth-child(-n+2){min-height:260px;padding:40px}
#herramientas .function-card:nth-child(-n+2) h3{font-size:clamp(28px,2.6vw,36px)}
#herramientas .function-card::before{display:none}
#herramientas .function-card h3,#herramientas .function-card h3 a,#herramientas .function-card .function-more{color:inherit}
#herramientas .function-card p{color:inherit;opacity:.88;font-size:16px}
#herramientas .function-card .function-icon{background:rgba(255,255,255,.2);color:inherit}
#herramientas .function-card.tone-yellow .function-icon{background:rgba(10,26,47,.12)}
#herramientas .function-card.tone-brand{background:linear-gradient(140deg,#13294a 0%,#0a1a2f 100%);color:#fff}
#herramientas .function-card.tone-brand::after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--qp-stripe)}
#herramientas .function-card:hover{box-shadow:0 24px 48px -28px rgba(6,16,29,.6);filter:brightness(1.04)}
@media (max-width:900px){#herramientas .function-card:nth-child(n){grid-column:span 3!important}#herramientas .function-card:nth-child(6){grid-column:span 6!important}}
@media (max-width:600px){#herramientas .function-card:nth-child(n){grid-column:span 6!important}#herramientas .function-card:nth-child(-n+2){min-height:0;padding:32px}}
#metodo .step-number{display:block;width:auto;height:auto;background:none;border:0;padding:0;font-size:clamp(64px,7vw,96px);font-weight:700;line-height:1;letter-spacing:-2px;margin-bottom:16px;font-variant-numeric:tabular-nums}
#metodo article:nth-child(1) .step-number{color:var(--qp-blue)}
#metodo article:nth-child(2) .step-number{color:var(--qp-red)}
#metodo article:nth-child(3) .step-number{color:var(--qp-green)}
#metodo article{border-top:0}
@media (min-width:601px){#herramientas .function-card:nth-child(6){flex-direction:row;align-items:center;gap:32px}#herramientas .function-card:nth-child(6) .function-card-copy{flex:1}#herramientas .function-card:nth-child(6) .function-more{margin-top:0;white-space:nowrap}}
#herramientas .function-card .function-more{padding:0}
@media (max-width:600px){#herramientas .function-card,#herramientas .function-card:nth-child(n){min-height:0;padding:28px}#herramientas .function-card .function-card-copy{min-height:0;flex-grow:0}#herramientas .function-card:nth-child(-n+2) h3{font-size:28px}}
/* 02/11 «Mensual» activo se veía oscuro sobre oscuro */
.billing-switch button.active{color:#fff}
.quiz-next:disabled,.quiz-next[disabled]{color:#5f566d}
/* 02/11 Reseñas en móvil: teléfono más grande (≈72 % del ancho) y la reseña empieza justo bajo el logo */
@media (max-width:800px){
.original-reviews{--rw:min(172vw,760px)}
.reviews-phone{width:var(--rw);left:calc(50% - var(--rw) * .725);right:auto;top:calc(56px + 3 * clamp(34px,9vw,44px) * 1.02 + 34px - var(--rw) * .067)}
.original-reviews .reviews-panel{margin-top:calc(var(--rw) * .35 + 56px)}
}
/* 02/11 Flechas de reseñas centradas sobre la parte baja (verde) del teléfono en móvil */
@media (max-width:800px){
.original-reviews .review-controls{justify-content:center;margin-top:18px;position:relative;z-index:3}
.original-reviews .review-controls>span{margin:0}
}
@media (max-width:800px){.original-reviews .review-controls>span:empty{display:none}}
@media (max-width:480px){
.original-reviews{--rw:210vw}
.original-reviews .reviews-rating{padding-top:14px;padding-bottom:6px}
.original-reviews .reviews-rating strong{font-size:44px;line-height:44px}
.original-reviews .reviews-panel .review-card{padding-top:12px;padding-bottom:18px}
.original-reviews .reviews-panel .review-card blockquote{font-size:15px;line-height:22px;margin-bottom:14px}
}
/* 02/11 Menú móvil nuevo: respeta isla/muesca y esquinas (safe-area), botón 44 px que se convierte en X, panel a pantalla completa con productos a la vista */
html.menu-open{overflow:hidden}
@media (max-width:800px){
.header,.header.scrolled{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 10px);right:calc(env(safe-area-inset-right) + 10px)}
.header .nav-wrap,.header.scrolled .nav-wrap{min-height:60px;padding:8px 8px 8px 16px;gap:8px}
.header .official-logo{width:112px;height:auto}
.header .nav-login,.header.scrolled .nav-login{margin-left:auto;margin-right:0;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex;align-items:center}
.header .menu-toggle{display:block;position:relative;width:44px;height:44px;margin:0;padding:0;font-size:0;color:#fff;background:rgba(255,255,255,.1);border-radius:14px;flex-shrink:0;transition:background-color .2s,color .2s}
.header .menu-toggle::before,.header .menu-toggle::after{content:'';position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s cubic-bezier(.22,1,.36,1),top .25s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.header .menu-toggle::before{top:15px;box-shadow:0 6px 0 currentColor}
.header .menu-toggle::after{top:27px}
.header .menu-toggle[aria-expanded="true"]{background:#fff;color:#0a1a2f}
.header .menu-toggle[aria-expanded="true"]::before{top:21px;transform:rotate(45deg);box-shadow:none}
.header .menu-toggle[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
.header .menu-toggle:focus-visible{outline:2px solid var(--qp-yellow);outline-offset:2px}
/* Panel */
.header nav,.header.scrolled nav{position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 96px);max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:12px 12px calc(16px + env(safe-area-inset-bottom));background:#0a1a2f;color:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);backdrop-filter:none;-webkit-backdrop-filter:none}
.header nav.mobile-open{display:flex;animation:qp-menu-in .22s cubic-bezier(.22,1,.36,1) both}
.header nav::before{content:'';flex:none;height:4px;border-radius:4px;margin:0 4px 6px;background:var(--qp-stripe)}
/* Secciones: «La plataforma» y «Recursos» como títulos, siempre desplegadas */
.header .nav-drop{width:100%}
.header nav .nav-drop>.nav-pill,.header.scrolled nav .nav-drop>.nav-pill{pointer-events:none;background:none!important;color:#9fb0c6!important;font-size:13px;font-weight:600;padding:10px 8px 6px;min-height:0;letter-spacing:0}
.header nav .nav-drop>.nav-pill>span{display:none}
.header nav .dropdown,.header nav .resources-dropdown,.header nav .dropdown.open{display:grid;position:static;grid-template-columns:1fr;gap:6px;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
.header nav .dropdown a{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.05);color:#fff;transition:background-color .15s}
.header nav .dropdown a:active{background:rgba(255,255,255,.12)}
.header nav .dropdown b{font-size:16px;color:#fff;font-weight:600}
.header nav .dropdown small{font-size:13px;color:#9fb0c6;line-height:1.35;margin-top:2px}
.header nav .dropdown a>i,.header nav .resources-dropdown a>span{margin-left:auto;font-style:normal;color:#6f829b;font-size:16px}
.header nav .drop-icon{width:40px;height:40px;border-radius:12px;transform:none;background:var(--qp-blue);color:#fff}
.header nav .drop-icon.tone-red{background:var(--qp-red)}
.header nav .drop-icon.tone-green{background:var(--qp-green)}
.header nav .drop-icon.tone-yellow{background:var(--qp-yellow);color:#0a1a2f}
.header nav .drop-icon.tone-brand{background:#fff;color:#0a1a2f}
.header nav .resources-dropdown a{min-height:52px}
/* Enlaces sueltos */
.header nav>.nav-pill,.header.scrolled nav>.nav-pill{display:flex;align-items:center;min-height:56px;padding:0 16px;border-radius:16px;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:16px;font-weight:600;text-align:left}
.header nav>.nav-pill::after{content:'→';margin-left:auto;color:#6f829b}
.header nav>.nav-pill:first-of-type{margin-top:8px}
}
@keyframes qp-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.header nav.mobile-open{animation:none}.header .menu-toggle::before,.header .menu-toggle::after{transition:none}}
@media (max-width:360px){.header .official-logo{width:96px}.header .nav-login,.header.scrolled .nav-login{padding:0 14px;font-size:14px}}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
@media (max-width:800px){.header nav .resources-dropdown a{padding:10px 16px}.header nav .resources-dropdown a>b{flex:1;font-size:16px}.header nav .resources-dropdown a>span{translate:none;transform:none;margin:0;flex:none;width:auto}}
/* 02/11 Menú de ordenador con el mismo estilo que el móvil: pestañas más grandes, desplegables azul noche con iconos de color */
@media (min-width:801px){
.header .nav-pill,.header.scrolled .nav-pill{font-size:15px;font-weight:600;padding:10px 16px;border-radius:999px;color:#e3eaf3;background:transparent;transition:background-color .15s,color .15s}
.header .nav-pill:hover{background:rgba(255,255,255,.1);color:#fff}
.header .nav-pill[aria-expanded="true"],.header.scrolled .nav-pill[aria-expanded="true"]{background:#fff;color:#0a1a2f}
.header .nav-login,.header.scrolled .nav-login{min-height:44px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;align-items:center}
.header .dropdown,.header.scrolled .dropdown{background:#0a1a2f;color:#fff;border:0;border-radius:24px;padding:16px 12px 12px;gap:6px;box-shadow:0 30px 70px -24px rgba(0,0,0,.65)}
.header .dropdown::before{content:'';position:absolute;left:16px;right:16px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--qp-stripe)}
.header .dropdown.open{animation:qp-menu-in .2s cubic-bezier(.22,1,.36,1) both}
.header #nav-features{width:680px}
.header .dropdown a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);color:#fff;transition:background-color .15s}
.header .dropdown a:hover{background:rgba(255,255,255,.12)}
.header .dropdown b{font-size:16px;font-weight:600;color:#fff}
.header .dropdown small{font-size:13px;color:#9fb0c6;line-height:1.4;margin-top:2px}
.header .dropdown a>i,.header .resources-dropdown a>span{margin-left:auto;font-style:normal;color:#6f829b;flex:none}
.header .dropdown a:hover>i,.header .resources-dropdown a:hover>span{color:#fff}
.header .drop-icon,.dropdown a:hover .drop-icon{width:40px;height:40px;border-radius:12px;transform:none;background:var(--qp-blue);color:#fff}
.header .drop-icon.tone-red,.dropdown a:hover .drop-icon.tone-red{background:var(--qp-red)}
.header .drop-icon.tone-green,.dropdown a:hover .drop-icon.tone-green{background:var(--qp-green)}
.header .drop-icon.tone-yellow,.dropdown a:hover .drop-icon.tone-yellow{background:var(--qp-yellow);color:#0a1a2f}
.header .drop-icon.tone-brand,.dropdown a:hover .drop-icon.tone-brand{background:#fff;color:#0a1a2f}
.header .resources-dropdown{width:300px}
.header .resources-dropdown a{min-height:48px;padding:10px 16px}
.header .resources-dropdown a>b{flex:1}
}
@media (min-width:801px) and (max-width:1100px){.header .nav-pill,.header.scrolled .nav-pill{font-size:14px;padding:9px 12px}.header #nav-features{width:600px}}
/* 02/11 Fondo de marca QuizPoL (assets/quizpol-marca.svg, el de la web oficial): azul con «QuizPoL» gigante y franjas */
.hero.hero-v5,.directory-hero,.qp-page-hero{background:#1959a8 url(assets/quizpol-marca.svg) left top/max(100%,1200px) auto no-repeat}
.feature-page.tone-brand .feature-hero{background:#1959a8 url(assets/quizpol-marca.svg) left top/max(100%,1200px) auto no-repeat}
@media (max-width:800px){.hero.hero-v5,.directory-hero,.qp-page-hero,.feature-page.tone-brand .feature-hero{background-size:900px auto;background-position:-40px 0}}
/* Recursos con iconos de color, como «La plataforma» (02/11/2026) */
.header .resources-dropdown.res-rich a{min-height:0;padding:12px}
.header .resources-dropdown.res-rich a>span{margin:0;translate:none;transform:none;width:auto;color:inherit;font-size:inherit}
.header .resources-dropdown.res-rich a>span:not(.drop-icon){flex:1 1 auto!important;min-width:0;display:grid;gap:2px}
.header .resources-dropdown.res-rich a>span.drop-icon{flex:none!important;width:40px;height:40px;display:grid;place-items:center}
.header .resources-dropdown.res-rich small{color:#9fb3c8}
.header .resources-dropdown.res-rich a>i{margin-left:auto;font-style:normal;color:#6f829b;flex:none}
.header .resources-dropdown.res-rich a:hover>i{color:#fff}
.header .resources-dropdown.res-rich a:hover{background:rgba(255,255,255,.11)}
@media (min-width:801px){.header .resources-dropdown.res-rich{width:600px;grid-template-columns:1fr 1fr;right:0;left:auto}}
@media (max-width:800px){.header nav .resources-dropdown.res-rich a{min-height:60px;padding:10px 12px}.header nav .resources-dropdown.res-rich a>span:not(.drop-icon) b{font-size:16px}}
.header .resources-dropdown.res-rich .drop-icon{color:#fff}
.header .resources-dropdown.res-rich .drop-icon.tone-yellow,.header .resources-dropdown.res-rich .drop-icon.tone-brand{color:#0a1a2f}
@media (min-width:801px){.header .resources-dropdown.res-rich{width:660px}}
/* Recursos gratis bajo «Genera tu test» (02/11/2026) */
.free-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.free-tools a{--t:var(--qp-blue);display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:20px 22px;border-radius:18px;background:#fff;border-top:5px solid var(--t);text-decoration:none;color:#0a1a2f;box-shadow:0 1px 2px #0a1a2f0f,0 8px 24px #0a1a2f0d;transition:box-shadow .15s}
.free-tools a.tone-yellow{--t:var(--qp-yellow)}.free-tools a.tone-red{--t:var(--qp-red)}.free-tools a.tone-green{--t:var(--qp-green)}
.free-tools a:hover{box-shadow:0 2px 4px #0a1a2f14,0 16px 40px #0a1a2f1f}
.free-tools b{font-size:18px}
.free-tools span{grid-column:1;font-size:14.5px;color:var(--qp-muted)}
.free-tools i{grid-column:2;grid-row:1/3;font-style:normal;font-size:20px;color:#0070b0}
@media (max-width:800px){.free-tools{grid-template-columns:1fr}}
.free-tools{max-width:1000px;margin-inline:auto}

/* Acceso a la comparativa desde los precios (02/11/2026) */
.plan-compare{display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-size:14px;font-weight:700;color:#0a5aa6;text-decoration:underline;text-decoration-color:#0a5aa64d;text-underline-offset:.22em;transition:text-decoration-color .16s cubic-bezier(.45,0,.2,1)}
.plan-compare span{transition:translate .32s cubic-bezier(.22,1,.36,1)}
.plan-compare:hover{text-decoration-color:currentColor}.plan-compare:hover span{translate:2px 0}
.plan.pro .plan-compare{color:var(--qp-yellow);text-decoration-color:#fec0015c}
.plans-compare{display:flex;align-items:center;gap:16px;max-width:760px;margin:36px auto 0;padding:16px 16px 16px 18px;background:#fff;border-radius:22px;text-decoration:none;color:#0a1a2f;box-shadow:0 1px 2px #0a1a2f14,0 10px 30px #0a1a2f14;transition:box-shadow .32s cubic-bezier(.22,1,.36,1)}
.plans-compare:hover{box-shadow:0 2px 4px #0a1a2f14,0 18px 44px #0a1a2f24}
.plans-compare-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--qp-yellow);color:#0a1a2f}
.plans-compare-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.plans-compare-text b{font-size:17px;line-height:1.25;text-wrap:balance}
.plans-compare-text small{font-size:14px;line-height:1.4;color:var(--qp-muted)}
.plans-compare .circle-arrow{margin-left:auto;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0a1a2f;color:#fff;font-size:18px;transition:translate .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1)}
.plans-compare:hover .circle-arrow{translate:2px 0;scale:1.06}
.plan-compare-link{display:block;margin-top:16px;font-size:14px;line-height:1.45;color:#4a5a6f;text-align:center;text-decoration:none}
.plan-compare-link b{color:#0a5aa6;text-decoration:underline;text-decoration-color:#0a5aa64d;text-underline-offset:.22em;transition:text-decoration-color .16s}
.plan-compare-link:hover b{text-decoration-color:currentColor}
@media (max-width:600px){.plans-compare{margin-top:28px;gap:12px;padding:14px}.plans-compare-ico{width:40px;height:40px;border-radius:12px}.plans-compare-text b{font-size:16px}}

/* Móvil más sencillo (02/11/2026): en pantallas pequeñas se ve lo esencial y se baja menos.
   Los textos siguen en la página (buscadores y escritorio); solo se ocultan en móvil los que repiten lo que ya dicen título y lista. */
@media (max-width:700px){
 .hero-provinces{display:none}
 .hero-audiences{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .hero-audiences::-webkit-scrollbar{display:none}
 .hero-audiences>.audience-card{flex:0 0 78%;scroll-snap-align:start}
 .hero-audiences>*,.free-tools>*{opacity:1!important;translate:none!important;filter:none!important}
 .product-split .split-copy>p{display:none}
 .memoria-copy>p,.memoria-tools span,.memoria-levels>p:last-child{display:none}
 .memoria-tools{grid-template-columns:1fr 1fr!important;margin:18px 0}
 .memoria-tools li{padding:12px 12px 13px}
 .memoria-tools b{font-size:14px}
 .free-tools{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
 .free-tools::-webkit-scrollbar{display:none}
 .free-tools>a{flex:0 0 72%;scroll-snap-align:start}
 .plan:not(.pro):not(:has(.plan-switch)) .check-list,.plan:not(.pro):not(:has(.plan-switch)) .billing-detail,.plan:not(.pro):not(:has(.plan-switch))>p{display:none}
 .plan.pro .pro-list small{display:none}
 .plan.pro .pro-list li+li{margin-top:8px}
 .academy-v5-points span,.academy-perks-line{display:none}
 .academy-v5-points li{padding-block:6px}
 .benefit-grid article p{font-size:14.5px}
 /* Directorio de academias: sin muro de logos y tarjetas en horizontal. */
 .directory-hero .logo-wall{display:none}
 .academy-card.has-logo{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:0 14px;padding:14px}
 .academy-card .academy-image{width:84px;height:84px;min-height:0;aspect-ratio:1;border-radius:14px;padding:8px}
 .academy-card .academy-image img{width:100%;height:100%;object-fit:contain}
 .academy-card .academy-card-content{padding:0}
 .academy-card .academy-card-content>p{display:none}
 .academy-card .academy-card-content h2{font-size:18px;margin:2px 0 6px}
 .academy-card .academy-tags span:nth-child(n+3){display:none}
 .academy-card .academy-link{margin-top:8px}
}
@media (max-width:700px){
 /* Seis funciones: sin la captura (ya salen arriba), se apilan al bajar. */
 .function-card .function-media{display:none}
 .function-card{min-height:0}
 .hero-audiences>.audience-card{flex-basis:72%}
}
@media (max-width:700px){
 #herramientas .function-card,#herramientas .function-card:nth-child(n){padding:20px 22px}
 #herramientas .function-card .function-card-copy{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
 #herramientas .function-card .function-icon{grid-row:1/3;margin:0}
 #herramientas .function-card h3{margin:0;font-size:22px}
 #herramientas .function-card .function-card-copy p{margin:4px 0 0;font-size:14.5px;line-height:1.45}
 #herramientas .function-card .function-more{margin-top:12px}
}
@media (max-width:700px){
 .academy-directory .academy-card{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:0 14px;padding:14px;min-height:0}
 .academy-directory .academy-card .academy-image{align-self:start;width:84px!important;height:84px!important;min-height:0!important;aspect-ratio:1;border-radius:14px;overflow:hidden}
 .academy-directory .academy-card .academy-image img{width:100%;height:100%;object-fit:contain}
 .academy-directory .academy-card:not(.has-logo) .academy-image img{object-fit:cover}
}
@media (max-width:700px){
 .academy-directory .academy-card .academy-card-content{padding:0;min-height:0;gap:0}
 .academy-directory .academy-card h2{font-size:21px;line-height:1.1;margin:2px 0 8px}
 .academy-directory .academy-card .academy-link{margin-top:10px}
}

/* Botones de Lite y PRO iguales en toda la web (02/11/2026): los de los planes de la portada, también fuera de .plan. */
.plan-cta{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:10px 70px 10px 26px;border:0;border-radius:999px;color:#fff;text-align:center;text-decoration:none;letter-spacing:0;box-shadow:0 10px 24px #0a1a2f24}
.plan-cta .cta-text{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.1}
.plan-cta b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.plan-cta small{font-size:12px;font-weight:500;opacity:.9}
.plan-cta .circle-arrow{position:absolute;right:10px;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);color:#fff}
.plan-cta.cta-lite{background:var(--qp-blue);color:#fff}
.plan-cta.cta-pro{background:var(--qp-red);color:#fff}
.plan-cta.cta-lite:hover,.plan-cta.cta-pro:hover{filter:brightness(.93);color:#fff}
@media(max-width:400px){.plan-cta b{font-size:18px}.plan-cta{padding-right:64px}}

/* Plan PRO de la portada más compacto, para que no sea tanto más alto que Lite. */
@media(min-width:1001px){
 .plan-grid>.plan.pro{padding-top:34px;padding-bottom:30px}
 .plan.pro h3{font-size:clamp(32px,2.6vw,38px)}
 .plan.pro .price{margin-top:16px}
 .plan.pro .price strong{font-size:clamp(48px,3.8vw,58px)}
 .plan.pro .billing-switch.plan-switch{margin-bottom:28px}
 .plan.pro .plan-cta{margin-bottom:22px}
 .plan.pro .pro-list li+li{margin-top:7px}
 .plan.pro .pro-list small{font-size:12.5px;line-height:1.35;margin-top:1px}
}
/* Flecha de los botones de plan: al pasar el ratón se queda centrada (el empujón general a la derecha le quitaba el centrado vertical). */
.plan-cta .circle-arrow{transition:scale .32s cubic-bezier(.22,1,.36,1),background-color .3s}
@media (hover:hover){.button.plan-cta:hover .circle-arrow,.plan .plan-cta:hover .circle-arrow{translate:0 -50%;transform:none;scale:1.08;background:rgba(255,255,255,.32)}}
@media (prefers-reduced-motion:reduce){.button.plan-cta:hover .circle-arrow{scale:1}}

/* Renovación anual con 50 % de descuento (02/11/2026): distintivo llamativo en los planes Lite y PRO. */
.renew-50{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 2px;padding:10px 14px 10px 10px;border:0;border-radius:16px;background:linear-gradient(100deg,#fec001,#ffd84d);color:#0a1a2f;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 22px #fec00159;overflow:hidden}
.renew-50 b{flex:none;display:grid;place-items:center;min-width:76px;height:52px;padding:0 8px;border-radius:12px;background:var(--qp-red);color:#fff;font-family:var(--display);font-size:24px;letter-spacing:-.02em;rotate:-4deg;box-shadow:0 6px 14px #fc122b55}
.renew-50 span{font-weight:800;font-size:15px;line-height:1.2}
.renew-50 i{display:block;font-style:normal;font-weight:600;font-size:12.5px;margin-top:3px;color:#0a1a2fb3}
.renew-50 .renew-y{display:none}
.billing-yearly .renew-50 .renew-y{display:block}.billing-yearly .renew-50 .renew-m{display:none}
.billing-yearly .renew-50{cursor:default}
.renew-50::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff8c 50%,transparent 65%);translate:-120% 0;pointer-events:none}
@media (hover:hover){.renew-50:hover::after{transition:translate .9s cubic-bezier(.22,1,.36,1);translate:120% 0}}
.billing-yearly .renew-50{animation:renew-pop .6s cubic-bezier(.22,1,.36,1)}
@keyframes renew-pop{0%{scale:.94}60%{scale:1.03}100%{scale:1}}
@media (prefers-reduced-motion:reduce){.billing-yearly .renew-50{animation:none}.renew-50::after{display:none}}

/* Pegatina «−50 % en la renovación» (sustituye a la franja amarilla): sobrepuesta a un lado del precio, solo con «Anual». */
.plan .price{position:relative}
.renew-50{all:unset;position:absolute;right:-6px;top:50%;display:grid;place-items:center;align-content:center;width:84px;height:84px;border-radius:50%;background:#fff;color:#0a1a2f;box-shadow:0 0 0 2px var(--qp-yellow),0 8px 18px #0a1a2f26;font-size:10.5px;font-weight:600;line-height:1.15;text-align:center;rotate:8deg;translate:0 -50%;opacity:0;scale:.6;pointer-events:none;transition:opacity .3s,scale .45s cubic-bezier(.22,1,.36,1)}
.renew-50 b{display:block;font-family:var(--display);font-size:20px;font-weight:800;color:var(--qp-red);letter-spacing:-.02em}
.renew-50 .renew-m,.renew-50 .renew-y,.renew-50::after{display:none!important}
.billing-yearly .renew-50{opacity:1;scale:1;animation:none}
.plan.pro .renew-50{box-shadow:0 0 0 2px var(--qp-yellow),0 8px 18px #00000040}
@media (prefers-reduced-motion:reduce){.renew-50{transition:none}}
@media (max-width:400px){.renew-50{width:72px;height:72px;font-size:9.5px}.renew-50 b{font-size:17px}}

/* Tarjetas de planes con alturas parecidas: misma altura las tres, PRO solo algo elevada. */
@media(min-width:1001px){
 .plan-grid{align-items:stretch}
 .plan-grid>.plan:nth-child(1),.plan-grid>.plan:nth-child(2),.plan-grid>.plan.pro{height:auto}
 .plan.pro,.plan.pro.reveal.is-visible,.plan.pro.reveal.visible{transform:translateY(-10px)}
 .plan-grid>.plan.pro{padding-top:30px;padding-bottom:26px}
 .plan.pro .pro-list small{font-size:12px;line-height:1.3}
 .plan.pro .pro-list li+li{margin-top:6px}
 .plan:not(.pro) .check-list{margin-top:auto}
 .plan:not(.pro){display:flex;flex-direction:column}
}
.plan .price .renew-50{top:auto;bottom:-46px;right:-4px;translate:none;width:66px;height:66px;font-size:9px;z-index:2}
.plan .price .renew-50 b{all:unset;display:block;font-family:var(--display);font-size:17px;font-weight:800;color:var(--qp-red);letter-spacing:-.02em;line-height:1}

/* Planes en podio (02/11/2026): PRO la más alta en el centro, Lite segunda, Prueba tercera; escalones moderados, alineadas abajo. */
@media(min-width:1001px){
 .plan-grid{align-items:end}
 .plan-grid>.plan:nth-child(2){height:744px}
 .plan-grid>.plan:nth-child(1){height:684px}
 .plan.pro,.plan.pro.reveal.is-visible,.plan.pro.reveal.visible{transform:none}
}
/* «−50 %» más destacado y más alto, junto al precio grande. */
.plan .price .renew-50{top:-34px;bottom:auto;right:-14px;width:76px;height:76px;background:var(--qp-red);color:#fff;font-size:9.5px;font-weight:700;box-shadow:0 0 0 3px var(--qp-yellow),0 10px 22px #fc122b59;rotate:10deg}
.plan .price .renew-50 b{color:var(--qp-yellow);font-size:20px}
.plan.pro .price .renew-50{box-shadow:0 0 0 3px var(--qp-yellow),0 0 26px #fec00166,0 10px 22px #00000059}
@media(max-width:1000px){.plan .price .renew-50{top:-40px;right:-18px;width:64px;height:64px;font-size:8.5px}.plan .price .renew-50 b{font-size:17px}}
@media(max-width:1000px){.plan .price .renew-50{top:-20px}}
.plan .price .renew-50{line-height:1.1;font-size:10px}@media(max-width:1000px){.plan .price .renew-50{font-size:9px}}
.plan .price .renew-50{color:#fff!important}

/* Pie compacto (02/11/2026): marca + tres columnas con título; avisos legales y © en una sola línea. */
footer .footer-main.footer-main--v2{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:24px 40px;align-items:start;padding-block:40px 28px}
.footer-main--v2 .footer-brand p{margin:14px 0 0;max-width:30ch;font-size:14px;line-height:1.5;color:var(--qp-muted)}
.footer-main--v2 .footer-brand img{width:160px;height:auto}
.footer-main--v2 nav{display:flex;flex-direction:column;gap:9px}
.footer-main--v2 nav h2{margin:0 0 4px;font-size:12.5px;font-weight:800;letter-spacing:.04em;color:#0a1a2f;font-family:inherit}
.footer-main--v2 nav a{font-size:14px;line-height:1.3;padding:0;min-height:0}
footer .footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:18px 0 22px;border-top:1px solid #0a1a2f14}
footer .footer-base .footer-legal,footer .footer-base .footer-bottom{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px}
footer .footer-base .footer-bottom span+span{color:var(--qp-muted)}
@media (max-width:900px){footer .footer-main.footer-main--v2{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main--v2 .footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:18px}.footer-main--v2 .footer-brand p{margin:0}}
@media (max-width:600px){
 footer .footer-main.footer-main--v2{grid-template-columns:1fr 1fr;gap:22px 16px;padding-block:28px 20px}
 .footer-main--v2 .footer-brand{flex-direction:column;align-items:flex-start;gap:10px}
 .footer-main--v2 nav:last-child{grid-column:1/-1}
 .footer-main--v2 nav a{font-size:13.5px;min-height:28px;display:flex;align-items:center}
 footer .footer-base{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
 footer .footer-main.footer-main--v2 nav{gap:2px}
 footer .footer-main.footer-main--v2 nav a{padding:5px 0!important;min-height:0;font-size:13.5px}
 footer .footer-main.footer-main--v2 nav h2{margin-bottom:4px}
 footer .footer-main--v2 .footer-brand img{width:130px}
 footer .footer-main--v2 .footer-brand p{font-size:13px}
 footer .footer-base{gap:8px;padding:14px 0 18px}
 footer .footer-base .footer-legal{gap:2px 14px}
 footer .footer-base .footer-legal a{padding:4px 0!important;font-size:12.5px}
 footer .footer-base .footer-bottom{font-size:12px;gap:2px 12px}
}

/* Logos de academias en carrusel sin fin (02/11/2026). site.js mete los logos en .logo-track y los duplica. */
.logo-wall.is-marquee{display:block;overflow:hidden;padding:14px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;gap:16px;width:max-content;animation:logo-marquee calc(var(--n,19)*3.2s) linear infinite}
.logo-wall.is-marquee a{flex:none;width:118px;height:118px;aspect-ratio:auto}
.logo-wall.is-marquee:hover .logo-track,.logo-wall.is-marquee:focus-within .logo-track{animation-play-state:paused}
@keyframes logo-marquee{to{translate:calc(-50% - 8px) 0}}
@media (max-width:700px){.directory-hero .logo-wall.is-marquee{display:block}.logo-wall.is-marquee a{width:84px;height:84px;border-radius:14px;padding:7px}.logo-track{gap:10px}@keyframes logo-marquee{to{translate:calc(-50% - 5px) 0}}}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-wall.is-marquee{overflow-x:auto}}
/* 02/11/2026: el carrusel ocupa todo el ancho de la pantalla (antes se cortaba en el contenedor y parecía que se acababa)
   y avanza una tanda exacta medida por site.js. Las copias nunca esperan a «aparecer». */
.directory-hero .logo-wall.is-marquee{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;padding-inline:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{animation-name:logo-sinfin}
.logo-track>a[aria-hidden]{opacity:1}
@keyframes logo-sinfin{to{translate:calc(-1*var(--tanda,50%)) 0}}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none}}

/* «Ampliar» abajo a la izquierda: a la derecha lo tapaba el móvil (02/11) */
.device-desktop .zoom-hint{right:auto;left:12px;bottom:12px}

/* Iconos de verdad (02/11): las flechas, cruces y marcas son SVG (iconos.py), ya no letras */
.ico{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}
.circle-arrow .ico,.modal-close .ico,.qp-terms-modal__close .ico,[data-review-prev] .ico,[data-review-next] .ico{width:1.1em;height:1.1em;vertical-align:middle}
.header nav>.nav-pill::after{content:'';width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
.plan.pro .pro-badge::before{content:'';display:inline-block;width:.95em;height:.95em;margin-right:5px;vertical-align:-.12em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Portada sin la nota de «5 mini tests…» y menos hueco hasta las tarjetas (02/11) */
.hero.hero-v5 .hero-audiences{margin-top:32px}
@media (max-width:1000px){.hero.hero-v5 .hero-audiences{margin-top:24px}}

/* «Genera tu propio test» más llamativa (02/11): azul del logo, franja de colores, opciones en fichas */
.generator-cta{position:relative;overflow:hidden;max-width:1080px;padding:36px 40px 34px;border:0;background:radial-gradient(ellipse 60% 120% at 100% 0,#2fc0ff55,transparent 60%),linear-gradient(135deg,#0a8fd0 0%,#0b5fa8 55%,#0a3a7a 100%);box-shadow:0 0 0 1px #ffffff2e inset,0 26px 60px -18px #009fdd88;backdrop-filter:none;-webkit-backdrop-filter:none}
.generator-cta::before{content:'';position:absolute;inset:0 0 auto;height:6px;background:var(--qp-stripe)}
.generator-cta::after{content:'';position:absolute;right:-60px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:44px solid #ffffff10;pointer-events:none}
.generator-cta>div,.generator-cta .button{position:relative;z-index:1}
.generator-cta .eyebrow{display:inline-block;background:var(--qp-yellow);color:#0a1a2f!important;padding:5px 11px;border-radius:999px;font-weight:800;letter-spacing:.06em}
.generator-cta h3{font-size:clamp(28px,3.4vw,40px);margin:14px 0 8px}
.generator-cta p{color:#eaf6ff;font-size:16px}
.gen-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gen-chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 10px;border-radius:999px;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff33 inset;color:#fff;font-size:13.5px;font-weight:600}
.gen-chips li::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px #ffffff33}
.gen-chips .c-blue{--c:#7fd8ff}.gen-chips .c-green{--c:var(--qp-green)}.gen-chips .c-red{--c:var(--qp-red)}.gen-chips .c-yellow{--c:var(--qp-yellow)}
.generator-cta .button.white{padding:20px 22px 20px 30px;font-size:17px;box-shadow:0 14px 30px -10px #0a1a2f99}
.generator-cta .button.white .circle-arrow{background:var(--qp-green);color:#fff}
@media(max-width:560px){.generator-cta{padding:30px 20px 24px}.gen-chips li{font-size:12.5px}}

/* Fichas A B C D (02/11): la entrada sale una sola vez. Antes, al pasar el ratón se quitaba la animación
   y al salir volvía a empezar (parpadeo). Ahora el hover lleva la misma animación y no se repite. */
.stage-bold.visible .tiles-v1 i,.stage-bold.visible:hover .tiles-v1 i{animation:qp-tile-pop .7s cubic-bezier(.22,1,.36,1) var(--d) both}
.stage-bold.visible .tiles-v2 i,.stage-bold.visible:hover .tiles-v2 i{animation:qp-tile-drop .8s cubic-bezier(.3,.8,.4,1) var(--d) both}
.stage-bold.visible .tiles-v3 i:nth-child(-n+2),.stage-bold.visible:hover .tiles-v3 i:nth-child(-n+2){animation:qp-tile-slide-l .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both}
.stage-bold.visible .tiles-v3 i:nth-child(n+3),.stage-bold.visible:hover .tiles-v3 i:nth-child(n+3){animation:qp-tile-slide-r .7s cubic-bezier(.2,.8,.3,1.1) var(--d) both}
.stage-bold.visible .tiles-v4 i,.stage-bold.visible:hover .tiles-v4 i{animation:qp-tile-snap .6s cubic-bezier(.22,1,.36,1) calc(var(--d) * 1.6) both}

/* Portada: también en SuPra, QuizZin, Pruebas físicas y Convocatorias, solo dos fichas; siempre cuadradas como en el logo */
#supuestos .stage-tiles,#quizzin .stage-tiles,#pruebas-fisicas .stage-tiles,#convocatorias .stage-tiles{display:block}
#supuestos .stage-tiles i:nth-child(n+3),#quizzin .stage-tiles i:nth-child(n+3),#pruebas-fisicas .stage-tiles i:nth-child(n+3),#convocatorias .stage-tiles i:nth-child(n+3){display:none}

/* Auditoría 02/11 · contraste: el azul, verde y rojo del logo con texto blanco no llegaban a 4,5:1.
   Los fondos con texto usan un tono algo más profundo; las franjas, las fichas A B C D y los escenarios
   de las capturas conservan el color exacto del logo. */
:root{--logo-blue:#009FDD;--logo-green:#40AD01;--logo-red:#FC122B;
 --qp-blue:#007EAF;--qp-green:#328701;--qp-red:#ED031C;
 --qp-stripe:linear-gradient(90deg,var(--logo-blue) 0 25%,var(--logo-green) 25% 50%,var(--logo-red) 50% 75%,var(--qp-yellow) 75% 100%)}
.stage-tiles .t-a{background:var(--logo-green)}.stage-tiles .t-b{background:var(--logo-blue)}.stage-tiles .t-c{background:var(--logo-red)}
.platform-stage.tone-blue{--tone:var(--logo-blue)}.platform-stage.tone-green{--tone:var(--logo-green)}.platform-stage.tone-red{--tone:var(--logo-red)}
.button.primary:hover,.header .nav-login:hover,.header.scrolled .nav-login:hover,header .nav-login:hover{background:#286c01}

/* Auditoría 02/11 · móvil: los números 01/02/03 de «Tu próximo acierto» ya no pisan el texto */
@media(max-width:600px){#metodo .method-grid article{grid-template-columns:auto 1fr;column-gap:14px}}
/* Tarjetas «Parte de tu preparación»: la píldora del número no se pega al título */
@media(max-width:540px){.benefit-grid article{grid-template-columns:auto 1fr;column-gap:12px}}

/* Pie: el gris se leía mal (2,2:1) */
.footer-bottom,.footer-bottom span,.footer-bottom a{color:#5d6878}

/* Para academias: el título no se pierde sobre la marca de agua y en móvil no salen dos capturas seguidas */
.feature-page.tone-brand .feature-hero h1 span{color:#d5e2f3}
.feature-page.tone-brand .feature-hero .breadcrumb{color:#e6eefa}
@media(max-width:540px){.feature-page.tone-brand .feature-hero-visual{display:none}}

/* Auditoría 02/11 · textos con un mínimo de 12 px en móvil */
@media(max-width:700px){
 .breadcrumb{font-size:12px!important}
 .feature-hero .button.white,.feature-hero .feature-secondary{font-size:14px!important}
 .academy-link{font-size:12px!important}
}

/* SEO 02/11: línea pequeña con la palabra clave dentro del H1 (encima del eslogan) */
h1 .h1-kicker,.qp-page-hero h1 .h1-kicker,.feature-hero h1>.h1-kicker,.directory-hero h1>.h1-kicker,.feature-page[class*="tone-"] .feature-hero h1>.h1-kicker{display:flex!important;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 18px;font-family:Jakarta,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;font-stretch:100%!important;text-transform:none!important;animation:none!important;background:none!important;-webkit-text-fill-color:currentColor}
.qp-page-hero h1 .h1-kicker,.cmp2-hero h1 .h1-kicker{color:var(--qp-yellow)!important}
.hero.hero-v5 h1 .h1-kicker{margin-bottom:20px}

/* Segunda auditoría (02/11/2026): contraste, tamaños mínimos y movimiento más corto. */
.feature-how li p{color:#6b5f7b}
.prompt-examples>div span{color:#6f58a0}
.legacy-academy-links b{color:#6d4f86}
.academy-dual>p{color:#66587a}
.legacy-academy-links a span,.academy-link,#academy-count,.ac-podio figcaption,.breadcrumb{font-size:12px}
.plan-cta .cta-text small{opacity:1;color:#fff}
.plan-cta.cta-demo .cta-text small{color:inherit}
.function-card-copy p{opacity:1}
.memoria-steps span:nth-child(2){background:#c2410c}
/* Plan anual: el número grande es el pago del año; cabe en la tarjeta. */
html.billing-yearly .plan .price strong[id]{letter-spacing:-.03em}
/* Movimiento: el brillo del botón no vuelve hacia atrás, las tarjetas suben poco, la cabecera no cae en cada página y el menú abre sin escalonado. */
.motion-button::after{transition:none}
.motion-button:hover::after{transition:transform .7s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.motion-surface:hover{transform:translateY(-4px)}}
.header{animation:none}
.header .dropdown.open a{animation:none}
.header .dropdown:not(.open){pointer-events:none}
.motion-ready [data-motion],.motion-ready [data-motion][data-motion-kind="scale"]{transition:opacity .5s var(--ease-salida) var(--motion-delay,0ms),translate .5s var(--ease-salida) var(--motion-delay,0ms),scale .5s var(--ease-salida) var(--motion-delay,0ms),transform .3s var(--motion-ease),box-shadow .3s,border-color .3s}
.motion-ready [data-motion]{translate:0 12px}
.ac-reto figcaption{font-size:12px}
@media(max-width:700px){.academy-actions .button,.academy-dual a.button{font-size:13px}}

/* Cabecera de navegador blanca del portátil del hero (02/11/2026): semáforo, flechas, dirección en el centro y botones a la derecha. */
.mbp .device-bar.nav-blanco{display:grid!important;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.4cqw!important;padding:.75cqw 1.3cqw!important;background:#fff!important;border-bottom:1px solid #e6e6ea!important;color:#8e9199}
.mbp .device-bar.nav-blanco>.nav-flechas{order:1;display:block;width:3.4cqw;height:1.7cqw;min-height:5px;padding:0!important;background:none!important;box-shadow:none!important;color:#a3a6ad!important}
.mbp .device-bar.nav-blanco>.nav-url{order:2;justify-self:center;display:flex;align-items:center;justify-content:center;gap:.5cqw;width:56%;padding:.42cqw 2cqw!important;border-radius:.6cqw!important;background:#f1f1f4!important;box-shadow:none!important;color:#3d4048!important;font:500 max(5px,.95cqw)/1.2 -apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;white-space:nowrap}
.mbp .device-bar.nav-blanco>.nav-url svg{width:.75cqw;min-width:3px;height:auto;color:#8e9199}
.mbp .device-bar.nav-blanco>.nav-acc{order:3;display:block;width:3.6cqw;height:1.45cqw;min-height:4px;color:#8e9199}
.mbp .device-bar.nav-blanco svg{display:block;width:100%;height:100%}
.mbp .device-bar.nav-blanco>.nav-url svg{height:auto}

/* Tarjeta «QuizPoL para academias» (02/11/2026): foto de un aula de policías locales muy suave de fondo, en azul marino,
   tapada casi del todo a la izquierda (donde va el texto) y algo más visible a la derecha. */
#herramientas .function-card.tone-brand{background:linear-gradient(90deg,rgba(19,41,74,.97) 0%,rgba(19,41,74,.94) 34%,rgba(15,34,62,.8) 62%,rgba(10,26,47,.7) 100%),linear-gradient(0deg,rgba(10,26,47,.55),transparent 45%),url(assets/academia-aula.webp) 50% 42%/cover no-repeat,#0a1a2f}

/* Tarjetas que se inclinan hacia el ratón (02/11/2026, motion.js añade .tilt-3d y las variables).
   Va con «rotate» y la perspectiva en el contenedor porque transform/translate están bloqueados con !important en .plan-grid .plan.
   Giran como mucho 3-4° y la sombra se va al lado contrario. */
@media (hover:hover) and (pointer:fine){
 :has(>.tilt-3d){perspective:1400px}
 .tilt-3d{rotate:var(--tilt-rot,0deg)}
 .tilt-3d:is(.visible,.is-visible,.motion-visible){transition:rotate .6s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s}
 .tilt-3d:is(.visible,.is-visible,.motion-visible):hover{transition:rotate .15s ease-out,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;box-shadow:var(--tilt-sx,0) var(--tilt-sy,26px) 54px -18px rgba(10,26,47,.32)}
 .plan-grid>.plan.pro.tilt-3d:hover{box-shadow:0 0 0 2px #FEC001,0 0 60px rgba(254,192,1,.2),var(--tilt-sx,0) var(--tilt-sy,26px) 70px -10px rgba(10,26,47,.45)}
}


/* Tarjeta Lite con un toque azul clarito (el azul de su botón) para no confundirla con la Prueba gratis (02/11/2026). */
.plan-grid>.plan:has(.cta-lite){background:linear-gradient(170deg,#e3f3fb 0%,#f1f9fd 48%,#fff 100%);border-color:#b9dcee}

/* «Genera tu propio test» late para llamar la atención (02/11/2026): doble latido suave cada 2,6 s con un halo azul.
   tests.js le pone .gen-llamada cuando se llega desde un botón de «Prueba un test»: tres latidos más fuertes y el botón resaltado. */
@media (prefers-reduced-motion:no-preference){
 .generator-cta:is(.visible,.is-visible,.motion-visible){animation:gen-latido 2.6s ease-in-out infinite}
 .generator-cta.gen-llamada{animation:gen-llamada .9s ease-in-out 3}
 .generator-cta.gen-llamada .button.white{animation:gen-boton .9s ease-in-out 3}
}
@keyframes gen-latido{
 0%,40%,100%{scale:1;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 0 #2fc0ff00}
 10%{scale:1.018;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 6px #2fc0ff55}
 20%{scale:1.003}
 28%{scale:1.012;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 14px #2fc0ff00}}
@keyframes gen-llamada{
 0%,100%{scale:1;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 0 #fec00100}
 18%{scale:1.04;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 10px #fec001aa}
 36%{scale:1.008}
 54%{scale:1.025;box-shadow:inset 0 0 0 1px #ffffff2e,0 26px 60px -18px #009fdd88,0 0 0 22px #fec00100}}
@keyframes gen-boton{0%,100%{scale:1}18%{scale:1.08}36%{scale:1}54%{scale:1.05}}

/* ===== «QuizPoL para academias» (02/11/2026): más contraste y más movimiento. Todo bajo body.feature-page.tone-brand,
   que solo usa esta página (y su alias para-academias/). ===== */
/* Textos: segunda línea del título en amarillo como en «Academias recomendadas»; grises un paso más oscuros y sin los
   morados del tema antiguo; nada por debajo de 15 px en el cuerpo. */
/* !important: v5.css pinta todo span del h1 con !important en gris (--on-navy-soft). */
.feature-page.tone-brand .feature-hero h1>.h1-kicker{color:#d6e9ff!important}
.feature-page.tone-brand .feature-hero h1>span:not(.h1-kicker){color:var(--qp-yellow)!important}
.feature-page.tone-brand .feature-hero h1+p{color:#eef5fd}
.feature-page.tone-brand .feature-hero .feature-secondary{color:#fff;font-size:14px}
.feature-page.tone-brand .feature-hero .button.white{background:#08743f}
.feature-page.tone-brand .section-heading p{color:#334155}
.feature-page.tone-brand .benefit-grid article p,.feature-page.tone-brand .academy-perks article p{color:#334155}
.feature-page.tone-brand .faq-layout h2 span{color:#00639c}
.feature-page.tone-brand .faq-layout details p{color:#334155;font-size:15px}
.feature-page.tone-brand .feature-related a{color:#1f2c3d;font-size:15px;font-weight:600}
/* Tarjetas 01-03 con los colores del logo (azul, verde, rojo) en el filo de arriba y en el número. */
.feature-page.tone-brand .benefit-grid>article:nth-child(1){--card-c:#009fdd}
.feature-page.tone-brand .benefit-grid>article:nth-child(2){--card-c:#40ad01}
.feature-page.tone-brand .benefit-grid>article:nth-child(3){--card-c:#fc122b}
.feature-page.tone-brand .benefit-grid>article{border-top-color:var(--card-c)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card-c) 7%,#fff) 0%,#fff 55%)}
.feature-page.tone-brand .benefit-grid>article>span{background:var(--card-c)!important;color:#fff!important}
/* Números 01-04 de «Así lo incorporas» (todas las pantallas, con el color de cada una) y «+» de las preguntas: salían aplastados a 12 px de ancho. Ahora son círculos. */
.feature-page .feature-how li>span{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--tone-deep,#0070b0) 75%,transparent)}
.feature-page .feature-how li p{color:#1f2c3d;font-size:16px}
.feature-page.tone-brand .faq-layout summary{gap:16px}
.feature-page.tone-brand .faq-layout summary span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;transition:rotate .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.feature-page.tone-brand .faq-layout details[open] summary span{rotate:45deg;background:var(--qp-blue,#009fdd);color:#fff}
/* «Tu academia también tiene su propio lugar»: azul marino con la foto del aula muy suave, como la tarjeta de la portada. */
.feature-page.tone-brand .academy-dual{border:0;background:linear-gradient(90deg,rgba(19,41,74,.97) 0%,rgba(19,41,74,.92) 42%,rgba(15,34,62,.76) 72%,rgba(10,26,47,.66) 100%),linear-gradient(0deg,rgba(10,26,47,.5),transparent 50%),url(assets/academia-aula.webp) 50% 40%/cover no-repeat,#0a1a2f;box-shadow:0 30px 60px -28px rgba(10,26,47,.55);overflow:hidden;position:relative}
.feature-page.tone-brand .academy-dual::after{content:'';display:block;opacity:1;position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--qp-stripe)}
.feature-page.tone-brand .academy-dual h2{color:#fff}
.feature-page.tone-brand .academy-dual p{color:#dbe7f5;font-size:16px;max-width:520px}
.feature-page.tone-brand .academy-dual .button.black{background:var(--qp-yellow);color:#0a1a2f}
.feature-page.tone-brand .academy-dual .button.black .circle-arrow{background:#0a1a2f;color:#fff}
@media (prefers-reduced-motion:no-preference){
 /* El panel del hero flota despacio; los móviles de los escaparates también (translate: transform está bloqueado en .iph). */
 .feature-page.tone-brand .feature-hero-visual:is(.visible,.is-visible,.motion-visible) img{animation:pa-flota 6.5s ease-in-out infinite}
 .feature-page.tone-brand :is(.feature-product,.academy-panel-show,.pdf-show) .device-mobile{animation:pa-flota 5.5s ease-in-out infinite}
 /* El botón principal del hero «llama» con un halo cada pocos segundos. */
 .feature-page.tone-brand .feature-hero-actions:is(.visible,.is-visible,.motion-visible) .button.white{animation:pa-halo 2.8s ease-out 1.2s infinite}
 /* Los números de los pasos aparecen de un salto, uno tras otro. */
 .feature-page .feature-how li:is(.visible,.is-visible,.motion-visible)>span{animation:pa-salto .6s cubic-bezier(.3,1.6,.5,1) calc(var(--motion-delay,0ms) + 180ms) both}
 .feature-page .feature-how li{transition:background .3s}
 .feature-page .feature-how li:hover>span{scale:1.12}
}
@keyframes pa-flota{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes pa-halo{0%{box-shadow:0 0 0 0 rgba(64,173,1,.55)}70%,100%{box-shadow:0 0 0 16px rgba(64,173,1,0)}}
@keyframes pa-salto{0%{scale:0;rotate:-25deg}100%{scale:1;rotate:0deg}}

/* Academias recomendadas (02/11/2026): fuera los textos pequeños en lila/gris. En el azul, blanco y más grandes;
   en blanco, gris oscuro legible y como mínimo 14 px. */
.directory-hero .breadcrumb{color:#fff!important;opacity:.92;font-size:15px!important;font-weight:500}
.directory-hero .breadcrumb:hover{opacity:1;text-decoration:underline}
.directory-hero h1>.h1-kicker{color:#fff!important;font-size:16px!important;font-weight:700!important}
.directory-hero h1+p{color:#fff!important;font-size:19px!important;line-height:1.6;max-width:640px}
.directory-hero .directory-search input::placeholder{color:#475569;opacity:1}
.directory-hero .directory-search input{font-size:16px}
.directory-hero .directory-search>span{color:#10243f}
#academy-count{color:#334155!important;font-size:14px!important;font-weight:600}
#academy-empty{color:#475569!important;font-size:15px!important}
.academy-card .academy-location,.academy-card .academy-link,.academy-card .academy-location+span,.academy-card [class*="academy-"]>span{font-size:13.5px!important}
.academy-dual:not(.feature-page .academy-dual)>.eyebrow{color:#00639c!important;font-size:14px!important}
.academy-dual:not(.feature-page .academy-dual) p{color:#334155!important;font-size:16px!important}
@media (max-width:700px){.directory-hero .directory-search input::placeholder{font-size:14px}}

/* Aviso «Descuento exclusivo» (02/11/2026): más llamativo, con el % como icono grande a la izquierda y el texto en dos filas
   (título arriba, el resto debajo). Un brillo cruza el aviso de vez en cuando. */
.academy-discount{display:inline-grid!important;grid-template-columns:auto auto;align-items:center;column-gap:16px;padding:12px 28px 12px 12px!important;margin-top:22px;border-radius:999px;background:linear-gradient(135deg,#4cc20a 0%,#2f8f00 100%)!important;box-shadow:0 14px 30px -12px rgba(47,143,0,.55),inset 0 1px 0 rgba(255,255,255,.25);text-align:left!important;font-size:15.5px!important;font-weight:500!important;line-height:1.3!important;position:relative;overflow:hidden;isolation:isolate;max-width:100%}
.academy-discount::before{content:"%"!important;grid-row:1/3;width:58px!important;height:58px!important;margin:0!important;border-radius:50%;background:#fff!important;color:#2f8f00!important;font-size:30px!important;font-weight:900;line-height:1;display:grid!important;place-items:center;vertical-align:0!important;box-shadow:0 0 0 5px rgba(255,255,255,.22)}
.academy-discount b{display:block;font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:2px}
.academy-discount::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);translate:-100% 0}
@media (prefers-reduced-motion:no-preference){
 .academy-discount::after{animation:descuento-brillo 4.5s ease-in-out 1s infinite}
 .academy-discount::before{animation:descuento-pct 4.5s ease-in-out 1s infinite}
}
@keyframes descuento-brillo{0%{translate:-100% 0}35%,100%{translate:100% 0}}
@keyframes descuento-pct{0%,100%{scale:1}8%{scale:1.12;rotate:-8deg}16%{scale:1;rotate:0deg}}
@media (max-width:540px){
 /* En el móvil, también dos filas: el título va seguido del texto y ambos rodean el %. */
 .academy-discount{display:flow-root!important;padding:9px 14px 9px 9px!important;font-size:12.5px!important;line-height:1.35!important;border-radius:999px}
 .academy-discount::before{float:left;margin:0 10px 0 0!important;width:40px!important;height:40px!important;font-size:20px!important;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
 .academy-discount b{display:inline;font-size:13.5px;margin:0}
}

/* «Sigue descubriendo QuizPoL» (02/11/2026): mismo estilo que el menú «La plataforma»: tarjeta azul noche,
   icono en cuadrado del color de cada herramienta, texto blanco y flecha clara. El color sale del enlace. */
.feature-related>div>a{--rel:var(--qp-blue,#009fdd);--rel-on:#fff;display:flex!important;align-items:center;gap:14px;padding:14px 18px 14px 14px!important;min-height:72px;border-radius:18px!important;border:0!important;background:linear-gradient(160deg,#1d2a40 0%,#111c2e 100%)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:0 14px 30px -18px rgba(10,26,47,.6),inset 0 -3px 0 var(--rel);transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .3s!important}
.feature-related>div>a[href*="supra"]{--rel:var(--qp-red,#fc122b)}
.feature-related>div>a[href*="quizzin"]{--rel:var(--qp-green,#40ad01)}
.feature-related>div>a[href*="fisicas"]{--rel:var(--qp-yellow,#fec001);--rel-on:#0a1a2f}
.feature-related>div>a[href*="para-academias"],.feature-related>div>a[href*="wa.me"]{--rel:#fff;--rel-on:#0a1a2f}
.feature-related>div>a>span{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--rel)!important;color:var(--rel-on)!important;box-shadow:0 6px 14px -6px var(--rel)}
.feature-related>div>a>span svg{width:20px;height:20px}
.feature-related>div>a>b{margin-left:auto;color:#9fb0c8!important;transition:translate .3s cubic-bezier(.22,1,.36,1),color .3s}
.feature-related>div>a[href*="para-academias"]{box-shadow:0 14px 30px -18px rgba(10,26,47,.6),inset 0 -3px 0 #8aa0bf}
@media (hover:hover) and (pointer:fine){
 .feature-related>div>a:hover{translate:0 -4px;box-shadow:0 22px 40px -18px rgba(10,26,47,.7),inset 0 -3px 0 var(--rel)}
 .feature-related>div>a:hover>b{translate:4px 0;color:#fff!important}
}
.feature-related>div>a:focus-visible{outline:3px solid var(--rel);outline-offset:3px}

/* Herramientas gratis en el móvil (02/11/2026): una debajo de otra, sin desplazamiento lateral. */
@media (max-width:800px){
 .free-tools{display:grid!important;grid-template-columns:1fr!important;gap:10px;overflow:visible!important;padding-bottom:0}
 .free-tools>a{flex:none;width:auto;padding:16px 18px}
}

/* Tarjetas «Opositores / Academias» del hero: fuera en el móvil (02/11/2026). */
@media (max-width:700px){.hero .hero-audiences{display:none!important}}
/* En el móvil el portátil acababa pegado al borde del azul: un poco de aire debajo. */
@media (max-width:800px){.hero.hero-v5{padding-bottom:40px}}

/* Mini test único (02/11/2026): sin la columna «Elige tu mini test», el test ocupa todo el ancho. */
.test-shell.test-solo{grid-template-columns:minmax(0,1fr)!important;max-width:880px;margin-inline:auto}
/* Textos que cambian entre ordenador (5 mini tests) y móvil (un test de 5 preguntas). */
.solo-movil{display:none}
@media (max-width:800px){.solo-pc{display:none}.solo-movil{display:inline}}
/* Selector de mini tests sin «3 preguntas reales»: botones más bajos para que ocupe menos. */
.test-picker .test-pick{padding:9px 10px}.test-picker .test-pick b{line-height:1.25}

/* Pie (02/11/2026): «QuizPoL» gigante de fondo, a todo el ancho de la pantalla y detrás de los enlaces del pie. */
body{overflow-x:clip}
footer.wrap{position:relative;isolation:isolate}
footer.wrap>.footer-wordmark{position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;bottom:0;margin:0;padding:0 .045em 0 0;box-sizing:border-box;text-align:center;font-size:21.6vw;line-height:.74;letter-spacing:-.045em;color:#0a1a2f0d;overflow:hidden}
/* intro.css */
/* Entrada de la portada (02/11/2026). Un MacBook en 3D (negro espacial, con grosor) entra cerrado desde abajo girando, se abre a casi
   todo el ancho, se coloca justo encima del portátil del hero y le cede el sitio; luego entran los textos y el móvil por la derecha.
   La dirige intro.js; html.intro-pending tapa lo que aún no ha salido. */
html.intro-pending .hero .hero-copy>*,html.intro-pending .hero .hero-audiences,html.intro-pending .hero .hero-provinces,html.intro-pending .hero .hero-devices{opacity:0}

/* Escena: capa fija por debajo de la cabecera. Rig = portátil entero; base y tapa son cajas hechas con caras planas. */
.qpi{position:fixed;inset:0;z-index:39;pointer-events:none;overflow:hidden;perspective:1800px}
.qpi-rig,.qpi-base,.qpi-lid{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.qpi-f{position:absolute;left:0;top:0;backface-visibility:hidden}

/* Base (negro espacial, como las fotos del MacBook Pro) */
.qpi-deck{background:linear-gradient(180deg,#2f3033 0%,#2b2c2f 60%,#28292c 100%);border-radius:1.2%/1.8%;box-shadow:inset 0 0 0 1px #242528}
.qpi-kb{position:absolute;display:flex;flex-direction:column;border-radius:.9%/2.4%;background:#141416;box-shadow:inset 0 0 0 1px #0d0d0e,0 1px 0 #36373b}
.qpi-kb>div{display:flex;min-height:0}
.qpi-kb i,.qpi-arr i{flex-basis:0;display:grid;place-items:center;font:500 1em/1 -apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-style:normal;color:#c4c4c8;background:linear-gradient(180deg,#151517,#0b0b0c);border-radius:.32em;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px #050506;overflow:hidden;white-space:nowrap}
.qpi-kb>div:first-child i{font-size:.75em}
.qpi-kb i.tid{background:radial-gradient(circle,#1d1d20 52%,#0b0b0c 56%);}
.qpi-arr{display:flex;flex-basis:0}
.qpi-arr>i{flex:1 1 0}.qpi-arr>i.lo{margin-top:50%;margin-top:auto;height:50%}
.qpi-arr>span{flex:1 1 0;display:flex;flex-direction:column;gap:inherit}.qpi-arr>span>i{flex:1 1 0;font-size:.6em}.qpi-arr>i{font-size:.6em}
.qpi-spk{position:absolute;background:radial-gradient(circle,#0b0b0c 36%,transparent 42%) 0 0/7px 7px}
.qpi-pad{position:absolute;border-radius:1.6%/2.4%;background:linear-gradient(175deg,#2e2f32,#2a2b2e);box-shadow:inset 0 0 0 1px #3a3b3f,inset 0 1px 1px rgba(255,255,255,.04)}
/* Igual que .mbp-base del hero: degradado de lado a lado, brillo fino arriba y muesca clara en el centro. */
.qpi-front{background:linear-gradient(90deg,#141518 0,#36373b 1.2%,#2b2c30 6%,#2b2c30 94%,#36373b 98.8%,#141518 100%);box-shadow:inset 0 .04em 0 #6c6d72,inset 0 .09em 0 #3a3b40,inset 0 -.15em .2em rgba(0,0,0,.55)}
.qpi-front::before{content:"";position:absolute;left:50%;top:0;width:17%;height:38%;translate:-50% 0;border-radius:0 0 30% 30%/0 0 85% 85%;background:linear-gradient(#55565b,#76777c);box-shadow:inset 0 .03em .06em rgba(0,0,0,.45)}
.qpi-foot{background:linear-gradient(#0a0a0b,#1e1f22 70%,#2a2b2e);border-radius:0 0 35% 35%/0 0 100% 100%}
.qpi-back{background:linear-gradient(180deg,#38393c,#1b1c1e)}
/* Laterales como la foto de perfil: junta oscura arriba (bajo la tapa), brillo fino, cuerpo negro espacial y puertos cerca de la bisagra
   (izquierda: MagSafe, dos USB-C, auriculares; derecha: HDMI, USB-C, SD). En la cara izquierda la bisagra queda a la izquierda; en la derecha, a la derecha. */
.qpi-side{background:linear-gradient(180deg,#0c0c0d 0,#0c0c0d 5%,#4a4b50 6%,#34353a 12%,#2b2c30 30%,#26272b 75%,#1a1b1d 100%);display:flex;align-items:center;gap:2.2%;padding:0 0 0 7%}
.qpi-side.qpi-right{flex-direction:row-reverse;padding:0 7% 0 0}
.qpi-side i{display:block;height:28%;width:3.4%;margin-top:-4%;border-radius:999px;background:linear-gradient(#050506,#151517);box-shadow:inset 0 0 0 1px #000,0 1px 0 #44454a}
.qpi-side i.ms{width:6.6%;height:26%;background:repeating-linear-gradient(90deg,#1b1c1f 0 12%,#08080a 12% 20%);}
.qpi-side i.r{width:auto;aspect-ratio:1;height:24%}
.qpi-side i.hd{width:5.4%;height:34%;border-radius:12%/22%}
.qpi-side i.sd{width:10%;height:12%;border-radius:2px}
.qpi-bottom{background:#1c1d20;border-radius:3%/5%}
.qpi-floor{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(3,8,18,.62) 0%,rgba(3,8,18,.32) 45%,transparent 72%)}

/* Tapa */
.qpi-outer{background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(255,255,255,.07),transparent 60%),linear-gradient(165deg,#36373b 0%,#2b2c30 50%,#232427 100%);border-radius:2.4%/3.6%;box-shadow:inset 0 0 0 1px #3a3b3f;display:grid;place-items:center}
.qpi-outer img{width:13%;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.qpi-edge{background:#232427}
.qpi-edge-l{background:linear-gradient(90deg,#55565b 0,#3a3b3f 18%,#2a2b2e 60%,#141416 100%)}
.qpi-edge-r{background:linear-gradient(270deg,#55565b 0,#3a3b3f 18%,#2a2b2e 60%,#141416 100%)}
.qpi-edge-f{background:linear-gradient(180deg,#55565b 0,#3a3b3f 18%,#2a2b2e 60%,#141416 100%)}
.qpi-inner{background:#0b0b0c;border-radius:2.4%/3.6%;overflow:visible}
.qpi-inner>.mbp{position:absolute!important;top:0}
.qpi .zoom-hint{display:none}
/* 04/11/2026 (el dueño): «Prueba un test real» de la portada palpita siempre, con un halo verde, para llamar la atención. */
@media (prefers-reduced-motion:no-preference){
 .hero .hero-actions .button.primary{animation:qp-latido 2.2s ease-in-out 1s infinite}
 .hero .hero-actions .button.primary:hover{animation-play-state:paused}
}
@keyframes qp-latido{0%{box-shadow:0 0 0 0 rgba(64,173,1,.6);scale:1}12%{scale:1.06}24%{scale:1}36%{scale:1.04}50%{scale:1}70%,100%{box-shadow:0 0 0 18px rgba(64,173,1,0);scale:1}}
/* apilar.css */
/* Apilado al bajar (02/11/2026): de «Pregunta a pregunta» a Memor-IA cada sección es una tarjeta a todo el ancho que se queda
   fija y la siguiente sube por encima; la de detrás se encoge y oscurece un poco. apilar.js mete las secciones en .pila
   (para que dejen de pegarse al terminar Memor-IA) y calcula --pila-top, --pila-o y --pila-p. */
main{overflow-x:clip}
.pila{position:relative}
/* !important: las bandas de color (#supuestos, #pruebas-fisicas, #convocatorias) traen su fondo por id. */
.pila>.pila-card{position:sticky!important;top:var(--pila-top,0px);isolation:isolate;box-shadow:none!important;clip-path:none!important;background:none!important;transform-origin:50% var(--pila-o,0px);scale:calc(1 - .05*var(--pila-p,0))}
/* La última no se pega ni se desplaza: si subiera, por debajo asomarían los bordes de las de detrás. */
.pila>.pila-card:last-child{position:relative!important;top:0}
/* Fondo a todo el ancho con las esquinas de arriba redondeadas: el color de la sección o blanco. */
.pila>.pila-card::before,.pila>.pila-card::after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);border-radius:34px 34px 0 0;pointer-events:none}
.pila>.pila-card::before{z-index:-1;bottom:calc(-1*var(--pila-hueco,0px));background:var(--pila-bg,#fff);box-shadow:0 -22px 46px -14px rgba(10,26,47,.2)}
.pila>.pila-card:first-child::before{box-shadow:none}
.pila>.pila-card::after{z-index:5;bottom:calc(-1*var(--pila-hueco,0px));background:#0a1a2f;opacity:calc(var(--pila-p,0)*.38)}
/* Móvil: nada de las de detrás asoma por debajo del final del apilado (quedaba una franja gris bajo «Menos imaginarlo»). */
@media (max-width:800px){.pila{overflow:clip}.pila>.pila-card:nth-last-child(2)::after{opacity:0}}
@media (max-width:800px) and (prefers-reduced-motion:no-preference){.pila>.pila-card{scale:calc(1 - .035*var(--pila-p,0));transition:scale .18s linear}.pila>.pila-card::after{transition:opacity .18s linear}}