@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#190c20;--muted:#736a76;--plum:#2a0635;--plum-2:#4b0b62;--violet:#7618a9;--gold:#ffb20c;--amber:#ff7a00;--cream:#fff8ed;--paper:#fffdf9;--line:rgba(37,13,42,.12);--radius:24px;--shadow:0 30px 80px rgba(25,5,35,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:#fff;color:#21042d;border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(31,3,42,.2);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);transition:.3s}
.site-header.scrolled{background:rgba(25,3,35,.94);box-shadow:0 10px 40px rgba(0,0,0,.18)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{width:184px}.brand img{width:100%;height:auto}
.nav-links{display:flex;align-items:center;gap:30px;color:#f8eef9;font-weight:600;font-size:.93rem}
.nav-links a:not(.nav-cta){opacity:.78;transition:.2s}.nav-links a:not(.nav-cta):hover{opacity:1;color:#ffc23b}
.nav-cta{padding:11px 20px;border-radius:999px;background:var(--gold);color:#27102c;box-shadow:0 7px 24px rgba(255,178,12,.25)}
.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:white;margin:5px}
.hero{min-height:900px;padding:160px 0 0;background:radial-gradient(circle at 76% 24%,rgba(159,33,200,.32),transparent 28%),linear-gradient(135deg,#17031f 0%,#2d063a 50%,#190321 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -10% 0;height:170px;background:var(--paper);clip-path:polygon(0 75%,100% 0,100% 100%,0 100%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;position:relative;z-index:2}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.hero-glow-one{width:480px;height:480px;background:radial-gradient(circle,rgba(255,152,0,.2),transparent 67%);left:-170px;top:130px}.hero-glow-two{width:600px;height:600px;background:radial-gradient(circle,rgba(128,25,174,.38),transparent 68%);right:-200px;bottom:80px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.76rem}.eyebrow{color:#f4d4ff;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(255,178,12,.12)}
h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(4rem,7vw,6.7rem);letter-spacing:-.065em}h1 em,h2 em{font-style:normal;color:var(--gold)}
.hero-lead{max-width:590px;font-size:1.18rem;color:#d8c9dc;margin:28px 0 30px;line-height:1.72}
.store-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ios-note{min-height:66px;border-radius:14px;display:flex;align-items:center;padding:10px 18px;gap:12px}
.ios-note span{display:flex;flex-direction:column}.ios-note small{font-size:.61rem;letter-spacing:.11em;line-height:1.2}
.play-badge-link{display:inline-block;line-height:0;transition:transform .2s,filter .2s}.play-badge-link:hover{transform:translateY(-3px);filter:drop-shadow(0 14px 22px rgba(0,0,0,.3))}.play-badge-link img{width:220px;height:auto;display:block}
.ios-note{border:1px solid rgba(255,255,255,.2);color:#e9deeb}.ios-note strong{font-size:1rem}
.trust-list{list-style:none;display:flex;gap:22px;padding:0;margin:24px 0;color:#bcaec0;font-size:.82rem}.trust-list span{color:var(--gold);margin-right:5px}
.hero-visual{min-height:590px;position:relative;display:grid;place-items:center}.phone{position:relative;border:8px solid #1c0d21;border-radius:42px;background:#1c0d21;box-shadow:var(--shadow);overflow:hidden}.phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:30%;height:18px;border-radius:999px;background:#160c18;z-index:2}.phone img{width:100%;height:100%;object-fit:cover}.phone-hero{width:292px;transform:rotate(2deg);box-shadow:0 55px 110px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.12)}
.orbit{position:absolute;border:1px solid rgba(255,185,35,.18);border-radius:50%}.orbit-one{width:450px;height:450px}.orbit-two{width:570px;height:570px;border-color:rgba(255,255,255,.08)}
.floating-card{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 16px;background:rgba(255,255,255,.95);color:var(--ink);border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.24);z-index:3}.floating-card small{display:block;font-size:.57rem;color:#8a7f8d;letter-spacing:.12em;font-weight:800}.floating-card strong{font-size:.9rem}.floating-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0c3;color:#7a2a05;font-size:1.2rem}.floating-turn{left:1%;top:28%}.floating-rank{right:-2%;bottom:25%}
.hero-proof{position:relative;z-index:3;margin-top:55px;padding:28px 0 130px;display:flex;align-items:center;gap:38px;color:#cbbfd0;border-top:1px solid rgba(255,255,255,.1);font-size:.88rem}.hero-proof p{font-weight:700;color:#fff;margin-right:auto}.hero-proof div{white-space:nowrap}.hero-proof span{color:var(--gold);margin-right:7px}
.section{padding:120px 0}.section-light{background:var(--paper)}
.section-heading{max-width:680px;margin-bottom:65px}.section-heading.centered{text-align:center;margin-inline:auto}.kicker{color:#8e3a00;margin:0 0 15px}.section-heading h2,.feature-copy h2,.control-copy h2,.detail-heading h2,.faq-heading h2,.download-content h2{font-size:clamp(2.5rem,4.6vw,4.5rem);letter-spacing:-.055em}.section-heading h2 em,.feature-copy h2 em,.control-copy h2 em,.faq-heading h2 em{color:#7d219f}.section-heading>p:last-child{font-size:1.08rem;color:var(--muted);max-width:590px;margin:22px auto 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:34px 30px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:315px;transition:.25s}.step:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(48,18,52,.1);border-color:rgba(126,32,156,.28)}.step-number{position:absolute;right:24px;top:18px;font:800 3.4rem 'Manrope';color:rgba(87,19,104,.07)}.step-icon,.feature-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#48105a,#7d1b9d);color:#ffc234;font-size:1.7rem;box-shadow:0 15px 30px rgba(76,11,94,.2)}.step h3{font-size:1.28rem;margin:26px 0 12px}.step p{color:var(--muted);margin:0}
.feature-showcase{background:linear-gradient(135deg,#21042c,#39084b);color:#fff;overflow:hidden}.feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.feature-media{min-height:650px;position:relative}.phone-feature{position:absolute;width:285px}.phone-back{left:0;top:80px;transform:rotate(-8deg);opacity:.82}.phone-front{right:20px;top:0;transform:rotate(5deg)}.level-badge{position:absolute;left:38%;bottom:35px;background:var(--gold);color:#2a0c2d;width:135px;height:135px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;box-shadow:0 20px 40px rgba(0,0,0,.3)}.level-badge strong{font:800 2.3rem 'Manrope'}.level-badge span{font-size:.72rem;text-transform:uppercase;font-weight:800;text-align:center}.feature-copy .kicker{color:#ffc959}.feature-copy h2 em{color:#ffc13a}.feature-intro{font-size:1.08rem;color:#cdbfd2;max-width:590px}.feature-list{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.feature-list article{display:flex;gap:15px}.feature-symbol{flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:rgba(255,178,12,.12);box-shadow:none;border:1px solid rgba(255,178,12,.25);font-size:1.2rem}.feature-list h3{font-size:1rem;margin:3px 0 7px}.feature-list p{font-size:.88rem;color:#bdaec3;margin:0;line-height:1.6}
.control-section{background:#fff7ea}.control-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.control-copy>p:not(.kicker){color:var(--muted);font-size:1.08rem}.time-chips{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.time-chips span{padding:9px 15px;background:white;border:1px solid #eadac8;border-radius:999px;font-weight:800;font-size:.84rem;color:#592268}.control-copy .microcopy{font-size:.8rem!important;max-width:500px}.control-card{position:relative;background:linear-gradient(150deg,#350642,#6f178e);padding:32px;border-radius:30px;box-shadow:0 35px 80px rgba(58,15,63,.22);transform:rotate(1.4deg)}.control-board{background:#21052a;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px}.mini-player{display:flex;justify-content:space-between;color:#bdaec0;padding:8px 4px}.mini-player strong{color:white;font:700 1.25rem 'Manrope'}.mini-player.active span{color:#ffc13a}.chess-grid{aspect-ratio:1;border-radius:8px;background-color:#ffe0a9;background-image:linear-gradient(45deg,#9b5c2d 25%,transparent 25%),linear-gradient(-45deg,#9b5c2d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#9b5c2d 75%),linear-gradient(-45deg,transparent 75%,#9b5c2d 75%);background-size:25% 25%;background-position:0 0,0 12.5%,12.5% -12.5%,-12.5% 0}.control-stamp{position:absolute;right:-35px;bottom:55px;padding:13px 18px;border-radius:14px;background:var(--gold);font-weight:800;box-shadow:0 15px 30px rgba(45,16,38,.18)}.control-stamp span{font-size:1.3rem}
.gallery-section{background:var(--paper);overflow:hidden}.gallery-section .section-heading>p:last-child{margin-left:0}.gallery-wrap{position:relative}.gallery{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px max(40px,calc((100vw - 1180px)/2)) 40px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 265px;scroll-snap-align:center;margin:0;transition:.25s}.gallery-item:hover{transform:translateY(-8px)}.gallery-item .phone{width:100%;border-width:7px;border-radius:37px}.gallery-item figcaption{text-align:center;font-weight:700;margin-top:16px}.gallery-arrow{position:absolute;z-index:4;top:45%;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(0,0,0,.1);cursor:pointer}.gallery-prev{left:18px}.gallery-next{right:18px}
.detail-section{background:#f3ebf4}.detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.detail-heading{position:sticky;top:130px;align-self:start}.detail-heading h2{font-size:clamp(2.3rem,4vw,3.9rem)}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{padding:30px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(63,18,70,.1)}.detail-card>span{color:#9a56a6;font-weight:800;font-size:.75rem}.detail-card h3{font-size:1.13rem;margin:18px 0 10px}.detail-card p{color:var(--muted);margin:0;font-size:.92rem}
.faq-section{background:white}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faq-heading{position:sticky;top:130px;align-self:start}.faq-heading>p:last-child{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;font:700 1.1rem 'Manrope';display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#792395;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);max-width:680px;margin:15px 45px 0 0}
.download-section{position:relative;padding:135px 0;text-align:center;color:white;background:#24042e;overflow:hidden}.download-bg{position:absolute;inset:0;background:linear-gradient(rgba(28,3,36,.88),rgba(28,3,36,.94)),url('assets/turnomate-banner.png') center/cover;transform:scale(1.05)}.download-content{position:relative;z-index:2}.download-icon{width:120px;height:120px;object-fit:cover;border-radius:28px;margin:0 auto 28px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.download-content .kicker{color:#ffc34a}.download-content h2 em{color:#ffc13a}.download-content>p:not(.kicker){color:#d2c4d6;font-size:1.08rem}.centered-actions{justify-content:center;margin-top:30px}.ios-note.light{border-color:rgba(255,255,255,.16);text-align:left}
.footer{background:#130219;color:#bbaec0;padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:35px;padding-bottom:40px}.footer-brand img{width:170px;height:auto;object-fit:contain}.footer-main p{font-size:.88rem}.footer-main nav{display:flex;flex-wrap:wrap;gap:22px;font-size:.82rem}.footer-main nav a:hover{color:#ffc13a}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;font-size:.76rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.hero{padding-top:130px}.hero-grid,.feature-grid,.control-grid,.detail-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.store-actions,.trust-list{justify-content:center}.hero-visual{min-height:560px}.hero-proof{flex-wrap:wrap;justify-content:center}.hero-proof p{width:100%;text-align:center;margin:0}.feature-grid{gap:45px}.feature-media{max-width:610px;width:100%;margin:auto}.feature-copy{text-align:center}.feature-list{text-align:left}.control-grid{gap:55px}.detail-heading,.faq-heading{position:static}.detail-grid,.faq-grid{gap:45px}.footer-main{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer-main nav{justify-content:center}}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.brand{width:150px}.nav-toggle{display:block}.nav-links{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:#2a0636;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:8px}.hero{min-height:1000px;padding-top:115px}.hero-grid{gap:15px}h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-lead{font-size:1rem}.store-actions{flex-direction:column}.ios-note{width:min(100%,260px);justify-content:center}.trust-list{gap:12px;flex-wrap:wrap}.hero-visual{min-height:520px}.phone-hero{width:245px}.orbit-one{width:340px;height:340px}.orbit-two{width:430px;height:430px}.floating-turn{left:-2%;top:30%}.floating-rank{right:-4%;bottom:19%}.hero-proof{display:none}.hero:after{height:90px}.section{padding:86px 0}.steps{grid-template-columns:1fr}.step{min-height:0}.feature-media{min-height:530px}.phone-feature{width:230px}.phone-back{left:0}.phone-front{right:0}.level-badge{width:100px;height:100px;left:36%}.feature-list{grid-template-columns:1fr}.control-card{padding:18px}.control-stamp{right:-5px;bottom:35px}.gallery-arrow{display:none}.gallery{padding-inline:28px}.gallery-item{flex-basis:235px}.detail-cards{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.footer-main{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.play-badge-link,.step,.gallery-item{transition:none}}

/* Vistas de producto construidas con la interfaz actual y perfiles ficticios. */
.phone-hero{height:632px}.phone-feature{height:617px}.gallery-item .phone{height:570px}
.app-screen{height:100%;min-height:100%;padding:32px 13px 15px;background:linear-gradient(180deg,#7619a3,#3b0751);color:#fff;font-size:.68rem;overflow:hidden}.app-screen button{border:0;border-radius:9px;background:var(--gold);color:#2b0c31;font-weight:900;font-size:.61rem;letter-spacing:.05em;padding:10px;width:100%}.app-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px}.app-top b{font:800 1rem 'Manrope';color:#ffc13a}.app-top>span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:8px;background:rgba(255,255,255,.1);font-weight:800}.screen-kicker{margin:10px 0 7px;font-size:.52rem;letter-spacing:.12em;font-weight:900;color:#ffd36b}
.match-status{padding:6px 8px;margin-bottom:8px;border-radius:7px;background:rgba(28,3,38,.4);font-size:.48rem;letter-spacing:.07em;color:#d9c2df;text-align:center}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:#6ef0a4;box-shadow:0 0 0 3px rgba(110,240,164,.12)}.player-strip{display:flex;align-items:center;gap:7px;padding:8px;border-radius:10px;background:rgba(29,2,40,.58);margin:7px 0}.player-strip.active{outline:1px solid rgba(255,190,31,.65);background:rgba(255,181,13,.14)}.player-strip>div{min-width:0;flex:1}.player-strip small,.player-strip strong{display:block}.player-strip small{font-size:.43rem;letter-spacing:.08em;color:#cab4d0}.player-strip strong{font-size:.58rem;white-space:nowrap}.player-strip>b{font-size:.72rem;color:#ffe091}.alias-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:linear-gradient(145deg,#ffbe18,#ff7813);color:#2c0b31;font-weight:900;font-size:.5rem}.alias-avatar.alt{background:linear-gradient(145deg,#e3bdff,#8b44bd)}.mini-history{display:flex;gap:4px;margin:7px 0}.mini-history span{flex:1;padding:5px 2px;text-align:center;border-radius:6px;background:rgba(255,255,255,.08);font-size:.45rem}
.demo-board{position:relative;aspect-ratio:1;border-radius:9px;border:2px solid #f2a914;background-color:#f7d79a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%238c562f' d='M0 0h1v1H0zM1 1h1v1H1z'/%3E%3C/svg%3E");background-size:25% 25%}.piece{position:absolute;font-size:1.48rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.p1{left:3%;top:3%;color:#17131c}.p2{left:52%;top:3%;color:#17131c}.p3{left:15%;top:27%;color:#17131c}.p4{left:65%;top:15%;color:#17131c}.p5{left:27%;top:65%;color:#fff}.p6{left:53%;top:53%;color:#fff}.p7{left:52%;bottom:2%;color:#fff}.p8{right:3%;bottom:2%;color:#fff}.match-tools{display:flex;justify-content:space-around;gap:5px;margin-top:7px}.match-tools span{flex:1;padding:6px 3px;text-align:center;border-radius:7px;background:rgba(255,255,255,.1);font-size:.48rem}
.level-orb{display:grid;place-items:center;width:72px;height:72px;margin:6px auto;border-radius:50%;background:linear-gradient(145deg,#ffcd3b,#ff8a00);color:#380944;font:900 2rem 'Manrope';box-shadow:0 12px 25px rgba(0,0,0,.25)}.xp-bar{height:7px;margin:13px 0 5px;border-radius:9px;background:rgba(255,255,255,.15);overflow:hidden}.xp-bar i{display:block;width:68%;height:100%;border-radius:inherit;background:#ffc119}.xp-copy{text-align:center;margin:0 0 13px;color:#dfcfe4;font-size:.55rem}.reward-box{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,196,59,.35);border-radius:11px;background:rgba(28,3,38,.38)}.reward-box>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#ffc119;color:#4b1059;font-size:1.1rem}.reward-box small,.reward-box strong,.reward-box p{display:block;margin:0}.reward-box small{font-size:.43rem;color:#d4bbdb}.reward-box strong{color:#ffe09b}.reward-box p{font-size:.48rem;color:#c9b5ce}.chest-row{display:flex;gap:7px;margin-top:10px}.chest-row>span{display:flex;flex:1;min-height:49px;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.09);font-size:1rem;color:#ffc13a}.chest-row small{font-size:.43rem;color:#d5c3da}
.league-podium{display:flex;align-items:end;gap:4px;margin:18px 0 12px}.league-podium>div{flex:1;padding:10px 3px 8px;text-align:center;background:rgba(255,255,255,.08);border-radius:9px 9px 4px 4px}.league-podium .winner{padding-top:22px;background:rgba(255,184,24,.18);border:1px solid rgba(255,190,40,.35)}.league-podium span,.league-podium b,.league-podium small{display:block}.league-podium span{width:23px;height:23px;line-height:23px;margin:-20px auto 5px;border-radius:50%;background:#7b2e92;color:#ffd36e;font-weight:900}.league-podium .winner span{background:#ffc119;color:#3c0a45}.league-podium b{font-size:.43rem;overflow:hidden;text-overflow:ellipsis}.league-podium small{font-size:.45rem;color:#d6bfdc}.next-round{padding:11px;border-radius:10px;background:#24032f;margin:10px 0}.next-round small,.next-round strong,.next-round span{display:block}.next-round small{font-size:.43rem;letter-spacing:.08em;color:#f5b92d}.next-round strong{margin:5px 0;font-size:.5rem}.next-round strong i{color:#c391cd;font-style:normal}.next-round span{font-size:.46rem;color:#c6b0cb}
.profile-line{display:flex;align-items:center;gap:7px;padding:9px;border-radius:10px;background:#4a0b61}.profile-line>div{flex:1}.profile-line small,.profile-line strong{display:block}.profile-line small{font-size:.42rem;color:#d1b9d7}.profile-line strong{font-size:.58rem}.profile-line>b{color:#ffc13a}.match-card{display:flex;align-items:center;gap:7px;padding:9px;margin:6px 0;border-radius:10px;background:#3c084e}.match-card.urgent{background:#54206a;border-left:3px solid #ffc119}.match-card>div{flex:1}.match-card strong,.match-card small{display:block}.match-card strong{font-size:.56rem}.match-card small{font-size:.44rem;color:#cbb4d1}.match-card>b{font-size:.52rem;color:#ffdc84}.result-row{display:flex;justify-content:space-between;padding:8px 10px;margin:5px 0;border-radius:8px;background:rgba(255,255,255,.08)}.result-row>b{color:#ffc13a}
.lesson-map{display:flex;flex-direction:column;align-items:center;padding:3px 0}.lesson-map i{height:18px;border-left:2px dashed rgba(255,255,255,.25)}.lesson{display:flex;align-items:center;justify-content:center;position:relative;width:46px;height:46px;border-radius:50%;background:#431057;border:2px solid #8f5aa0;font-size:1rem}.lesson span{position:absolute;left:56px;width:110px;font-size:.49rem;color:#d7c4dc}.lesson.done{background:#4d9b61;border-color:#80d693}.lesson.current{background:#ffb815;border-color:#ffe087;color:#3e0a48;box-shadow:0 0 0 6px rgba(255,184,21,.15)}.lesson.locked{opacity:.55}.learning-card{padding:10px;border-radius:10px;background:#280333}.learning-card small,.learning-card strong{display:block}.learning-card small{font-size:.43rem;color:#ffc13a}.learning-card strong{margin:4px 0 8px;font-size:.58rem}.standings{margin-top:12px}.standings>div{display:grid;grid-template-columns:20px 1fr 22px;align-items:center;padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.1)}.standings b{color:#ffcf50}.standings span{font-size:.53rem}.standings strong{text-align:right}
.win-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;width:105px;height:105px;margin:12px auto;border-radius:50%;border:10px solid rgba(255,190,40,.25);box-shadow:inset 0 0 0 3px #ffb915}.win-rate strong{font:900 1.55rem 'Manrope'}.win-rate span{font-size:.47rem;color:#d0bcd5}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric-grid>div{padding:10px;border-radius:9px;background:#3c084e}.metric-grid small,.metric-grid strong{display:block}.metric-grid small{font-size:.42rem;color:#c6b0cc}.metric-grid strong{font-size:.86rem;color:#ffcf50}.trend-card{margin-top:8px;padding:10px;border-radius:9px;background:#280333}.trend-card small{font-size:.42rem}.trend-card>div{display:flex;align-items:end;gap:4px;height:38px;margin:5px 0}.trend-card i{flex:1;background:#a144bd;border-radius:3px 3px 0 0}.trend-card i:nth-child(1){height:25%}.trend-card i:nth-child(2){height:42%}.trend-card i:nth-child(3){height:35%}.trend-card i:nth-child(4){height:68%}.trend-card i:nth-child(5){height:92%;background:#ffc119}.trend-card strong{font-size:.52rem;color:#84e1a0}
.gallery-item .app-screen{padding-top:31px;font-size:.65rem}.gallery-item .board-screen.compact .demo-board{margin:13px 0}.gallery-item figcaption small{display:block;color:#8a7e8d;font-weight:500;font-size:.7rem}
@media(max-width:760px){.phone-hero{height:532px}.phone-feature{height:510px}.gallery-item .phone{height:520px}.app-screen{font-size:.62rem}.phone-hero .app-screen{padding-top:31px}}

/* Tablero de la sección de controles de tiempo. */
.chess-grid{position:relative;isolation:isolate;overflow:hidden;background-color:#f6d59b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%238f572f' d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3C/svg%3E");background-size:25% 25%;box-shadow:inset 0 0 0 2px rgba(255,190,35,.52)}.chess-grid:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:12.5%;height:12.5%;background:rgba(255,193,34,.42)}.board-piece{position:absolute;left:calc(var(--file) * 12.5%);top:calc(var(--rank) * 12.5%);display:grid;place-items:center;width:12.5%;height:12.5%;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;user-select:none}.board-piece.black{color:#171623;text-shadow:0 2px 2px rgba(255,255,255,.12)}.board-piece.white{color:#fffaf1;text-shadow:0 2px 3px rgba(36,17,25,.58),0 0 1px #4b2935}

/* Capturas reales: las capas cubren los datos personales visibles. */
.real-phone:before,.real-gallery-phone:before,.real-control:before{display:none}.phone.real-phone{height:auto;border-radius:28px}.privacy-shot{position:relative;width:100%;height:auto;overflow:hidden}.privacy-shot>img,.real-phone>img,.real-gallery-phone>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}.privacy-cover{position:absolute;z-index:6;display:flex;align-items:center;font-family:'DM Sans',sans-serif;font-weight:800;color:#fff}.opponent-name{left:51.3%;top:15.75%;width:26.5%;height:3.25%;padding-left:1.8%;background:#731b96;border-radius:4px;font-size:clamp(.42rem,1.05vw,.66rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden}.profile-avatar{left:86.1%;top:5.75%;width:10.9%;aspect-ratio:1;border-radius:50%;justify-content:center;background:linear-gradient(145deg,#ffbd19,#7a1aa0);border:2px solid rgba(255,255,255,.7);font-size:clamp(.72rem,1.8vw,1.15rem);box-shadow:0 2px 8px rgba(29,2,39,.35)}.real-control{width:min(360px,100%);height:auto;aspect-ratio:auto;margin-inline:auto;padding:0;transform:rotate(1.2deg);overflow:hidden;border:8px solid #290632;border-radius:28px;background:#290632;box-shadow:0 35px 80px rgba(58,15,63,.24)}.gallery-item .phone.real-gallery-phone{height:auto;aspect-ratio:auto;border-radius:24px}.gallery-item .real-gallery-phone img{object-fit:contain;object-position:center top}
@media(max-width:760px){.real-control{width:min(330px,92%)}.opponent-name{font-size:.46rem}.profile-avatar{border-width:1px}}