:root{color-scheme:dark;--bg:#071e17;--ink:#f7f1df;--mint:#a8e8d1;--gold:#d6b974;--muted:#b2c5b9;--line:#ffffff26;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{max-width:100%}p{margin:0}h1,h2,h3{margin:0;font-weight:400}h1,h2,.launch-seal strong{font-family:Georgia,'Times New Roman',serif}em{font-weight:400}.wrap{width:min(1480px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--mint);color:var(--bg);padding:14px}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:210px;height:auto}.header nav{display:flex;gap:34px;font-size:15px;color:#d0ded5}.header nav a:hover{color:var(--mint)}.header-end{display:flex;gap:30px;align-items:center}.launch{font-size:11px;letter-spacing:2px;display:flex;gap:9px;align-items:center;color:var(--gold)}.launch i{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 13px #d6b97480}.languages{display:flex;border:1px solid var(--line);border-radius:30px;padding:4px}.languages button{background:transparent;border:0;border-radius:20px;padding:9px 12px;font-size:12px}.languages button[aria-pressed=true]{background:#234236;color:var(--mint)}
.hero{position:relative;isolation:isolate;min-height:850px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.hero-scene,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-scene{object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(180deg,#051a1490 0%,#06181154 45%,#0519129c 73%,#071e17 100%),radial-gradient(ellipse at 50% 35%,#041810b3 0%,#04181040 50%,transparent 80%)}.hero-content{padding-top:66px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;letter-spacing:3px;color:#d7e4dc}.eyebrow>span{width:42px;height:1px;background:#b69959}.hero h1{font-size:clamp(60px,6.6vw,106px);line-height:.99;letter-spacing:-4px;margin:33px 0 25px;text-shadow:0 3px 30px #0006}.hero h1 em{display:block;color:var(--mint);margin-top:3px}.hero-lead{font-family:Georgia,serif;font-size:24px;color:#e0cb99}.hero-copy{font-size:17px;line-height:1.7;max-width:565px;margin:18px auto 26px;color:#d3e0d7}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 24px;border-radius:6px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#c1f0de;transform:translateY(-2px)}.primary{background:var(--mint);color:#09251b;box-shadow:0 6px 28px #a8e8d117}.button span:last-child{font-size:22px;font-weight:400}.hero-detail{display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;color:#cbdbd0;margin:34px 0 18px}.fine-line{height:1px;width:35px;background:#e4cd8544}.department-ribbon{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto;background:#0b261fbb;backdrop-filter:blur(14px);border:1px solid #afd9c438;border-radius:12px;padding:11px 0;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #0003}.department-ribbon a{display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 12px;text-align:left;border-right:1px solid var(--line);font-size:14px}.department-ribbon a:last-child{border-right:0}.department-ribbon a:hover{background:#ffffff08}.department-ribbon img{width:27px;height:27px}.department-ribbon small{display:block;font-size:10px;letter-spacing:1.3px;margin-top:7px;color:var(--accent);font-weight:600}.hero-bottom{display:flex;justify-content:space-between;gap:15px;padding-block:25px;font-size:11px;letter-spacing:.4px;color:#91a99b}.hero-bottom a{color:#d6bd81}.hero-bottom>span:last-child{text-align:right}
.world{padding-block:91px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:36px}.kicker{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--gold);line-height:1.7;margin-bottom:17px}h2{font-size:44px;line-height:1.12;letter-spacing:-1.2px}.section-head>p{max-width:350px;font-size:15px;line-height:1.75;color:var(--muted)}.showroom{display:grid;grid-template-columns:1fr 1.75fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0d2b21}.department-list{padding:20px 25px;display:flex;flex-direction:column;justify-content:center}.department-list button{border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;text-align:left;gap:17px;padding:29px 13px;min-height:111px;width:100%;font-size:17px}.department-list button:last-child{border-bottom:0}.department-list button[aria-pressed=true]{background:#ffffff05;box-shadow:inset 3px 0 var(--accent)}.number{font-family:Georgia,serif;color:var(--accent);font-size:20px}.department-list small{display:block;color:#acc1b4;font-size:12px;line-height:1.5;margin-top:8px}.department-list b{margin-left:auto;color:var(--accent);font-size:24px;font-weight:400}.department-scene{position:relative;min-height:490px;isolation:isolate;background:#102a20}.department-scene>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:-2}.department-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#051911fa 0%,#0519117a 42%,#061c1111 85%)}.scene-caption{position:absolute;bottom:36px;left:39px;right:39px}.scene-code{font-size:10px;letter-spacing:1.5px;color:var(--mint);margin-bottom:13px}.scene-caption h3{font-family:Georgia,serif;font-size:35px;line-height:1.15;margin-bottom:13px}.scene-caption>p:not(.scene-code){color:#c4d5c9;max-width:515px;font-size:14px;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tags span{border:1px solid #bddec235;border-radius:4px;background:#0b2a20a6;font-size:11px;padding:8px 10px}.concept{position:absolute;right:17px;top:16px;background:#041b16a8;padding:6px 10px;border-radius:3px;color:#b9cbbf;font-size:10px}
.vision{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.vision-title h2{max-width:540px;font-size:49px}.vision-title em{display:block;color:var(--mint);margin-top:10px}.vision-points article{position:relative;padding:0 0 24px 45px;margin-bottom:24px;border-bottom:1px solid var(--line)}.vision-points article:last-child{margin-bottom:0}.vision-points article>span{position:absolute;left:0;top:5px;font-size:11px;color:var(--gold)}.vision-points h3{font-size:18px;font-weight:500;margin-bottom:10px}.vision-points p{font-size:14px;line-height:1.8;color:var(--muted)}.partners{display:grid;grid-template-columns:75px 1fr 220px;gap:35px;align-items:start;padding:53px;background:linear-gradient(120deg,#143e30,#0b291f);border:1px solid #7fb59845;border-radius:14px;margin-bottom:70px;position:relative}.partners:before{position:absolute;content:'';height:1px;top:-1px;left:60px;right:60px;background:linear-gradient(90deg,transparent,#adcf9a,transparent)}.partner-copy h2{max-width:660px;font-size:42px}.partner-copy>p:not(.kicker){color:#c3d6c9;line-height:1.8;font-size:15px;max-width:610px;margin-top:21px}.email{display:inline-flex;gap:30px;align-items:center;font-family:Georgia,serif;font-size:29px;color:var(--mint);border-bottom:1px solid #a8e8d14d;padding-bottom:10px;margin-top:27px}.email:hover{color:white}.partner-copy .contact-hint{font-size:12px!important;color:#94b3a1!important;max-width:530px!important}.launch-seal{border:1px solid #c4aa643d;padding:24px 15px;text-align:center;color:var(--gold);margin-top:20px;transform:rotate(3deg)}.launch-seal>span{font-size:10px;letter-spacing:2px}.launch-seal strong{display:block;font-style:italic;font-size:29px;font-weight:400;margin-top:12px;line-height:1.2}.seal-line{height:1px;background:#d6b97444;width:40px;margin:22px auto}.launch-seal small{display:block;font-size:10px;letter-spacing:2px;margin:8px 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:29px 35px}footer>p{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:19px}footer>span{font-size:11px;color:#9bb3a3}.footer-dot{margin:0 8px}
@media(min-width:1800px){.hero{min-height:930px}.hero-content{padding-top:84px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header{height:94px}.header nav{display:none}.hero{min-height:820px}.hero h1{font-size:84px}.department-ribbon{grid-template-columns:repeat(2,1fr);max-width:720px}.department-ribbon a:nth-child(2){border-right:0}.department-ribbon a{padding:12px}.section-head{gap:35px}h2{font-size:37px}.showroom{grid-template-columns:1fr 1.4fr}.department-list{padding:12px}.department-list button{padding:25px 10px;font-size:15px;gap:10px}.scene-caption{left:25px;right:25px}.vision{gap:50px}.vision-title h2{font-size:40px}.partners{grid-template-columns:55px 1fr;gap:25px;padding:36px}.launch-seal{display:none}.partner-copy h2{font-size:38px}footer>p{display:none}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:83px;gap:14px}.brand img{width:147px}.header-end{gap:8px}.launch{display:none}.languages button{padding:8px 10px}.hero{min-height:830px}.hero-content{padding-top:43px}.hero-scene{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#0419129e,#04191291 60%,#071e17 100%)}.eyebrow{gap:9px;font-size:8px;letter-spacing:1.8px}.eyebrow>span{width:20px}.hero h1{font-size:69px;letter-spacing:-3px;margin:35px 0 24px}.hero-lead{font-size:20px;line-height:1.4;max-width:300px;margin:auto}.hero-copy{font-size:14px;line-height:1.8;max-width:340px;margin-top:17px}.button{font-size:14px;padding:14px 23px}.hero-detail{font-size:10px;gap:9px;margin-top:31px}.department-ribbon{border-radius:9px;padding:7px 0}.department-ribbon a{font-size:11px;gap:8px;padding:14px 8px}.department-ribbon small{font-size:8px;letter-spacing:.65px}.department-ribbon img{width:20px;height:20px}.hero-bottom{font-size:9px;justify-content:center;padding:20px 0}.hero-bottom>span:first-child{display:none}.hero-bottom>span:last-child{position:absolute;bottom:5px;right:18px;font-size:8px}.world{padding-top:57px}.section-head{display:block;margin-bottom:25px}.kicker{font-size:9px;letter-spacing:1.6px}h2{font-size:34px}.section-head>p{font-size:14px;margin-top:20px;max-width:none}.showroom{display:flex;flex-direction:column}.department-list{padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.department-list button{min-height:82px;padding:12px 8px;font-size:11px;border:1px solid #ffffff12;border-radius:5px;gap:7px}.department-list button:last-child{border-bottom:1px solid #ffffff12}.department-list button small{font-size:9px;margin-top:5px}.department-list button b{display:none}.number{font-size:14px}.department-scene{min-height:410px}.scene-caption{bottom:26px;left:22px;right:22px}.scene-caption h3{font-size:31px}.scene-caption>p:not(.scene-code){font-size:13px}.tags{gap:6px}.tags span{font-size:10px;padding:7px}.vision{display:block;padding-block:55px}.vision-title h2{font-size:36px}.vision-points{margin-top:35px}.vision-points h3{font-size:17px}.vision-points p{font-size:13px}.partners{padding:28px 23px;display:block;margin-bottom:40px}.partner-mark img{width:43px;height:43px;margin-bottom:22px}.partner-copy h2{font-size:32px}.partner-copy>p:not(.kicker){font-size:14px}.email{font-size:23px;gap:14px}.partner-copy .contact-hint{font-size:11px!important}footer{flex-wrap:wrap;justify-content:center;gap:18px;text-align:center;padding-block:25px}footer img{width:145px;height:auto}footer>span{flex-basis:100%;font-size:10px}html[lang=es] .hero h1{font-size:53px;line-height:1.03;letter-spacing:-2px}html[lang=es] .hero h1 em{max-width:320px;margin:7px auto 0}html[lang=es] .hero{min-height:860px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ===== Parallio coming soon · capa de Claude (11 oct 2026): vista previa del marketplace, tablero, Sofía, promesas y formulario ===== */
:root{--ivory:#fffdf6;--card:#0d2b21;--card2:#123528}
/* textos legibles (regla de Jorge: nada de 10–12 px) */
.kicker{font-size:13px;letter-spacing:2.2px}.launch{font-size:13px}.languages button{font-size:14px}.header nav{font-size:15.5px;gap:28px}
.eyebrow{font-size:13px}.hero-bottom{font-size:13px}.department-ribbon a{font-size:15px}.department-ribbon small{font-size:12.5px}
.department-list small{font-size:14px}.scene-code{font-size:13px}.scene-caption>p:not(.scene-code){font-size:15.5px}.tags span{font-size:13px}.concept{font-size:12.5px}
footer>span{font-size:13.5px}footer a{color:var(--mint)}
/* franja tipo Market Board */
.board-strip{height:42px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#06170f;display:flex;align-items:center}
.board-track{display:flex;gap:46px;white-space:nowrap;animation:boardmove 60s linear infinite;padding-left:24px}
.board-track span{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#cfdcd3;letter-spacing:.3px}
.board-track b{font:600 13px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}
.board-track i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #a8e8d199}
@keyframes boardmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* plaquitas (split-flap) */
.flap{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 24px;flex-wrap:wrap}
.flap-label{font-family:Georgia,serif;font-size:24px;color:#e0cb99}
.flap-board{display:inline-flex;gap:3px;min-height:46px}
.fl{display:inline-grid;place-items:center;width:30px;height:44px;border-radius:4px;background:linear-gradient(180deg,#f6efdc 0 49%,#e9e0c7 51% 100%);color:#13281f;font:700 24px Georgia,serif;box-shadow:inset 0 -1px 0 #0002,0 2px 6px #0005;position:relative;text-transform:uppercase}
.fl:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#0003}
.fl.sp{background:transparent;box-shadow:none;width:12px}.fl.flip{animation:flip .28s ease}
@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.hero-copy{font-size:18px;max-width:640px}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.button.ghost{background:#0b261fcc;border:1px solid #a8e8d166;color:var(--ink)}.button.ghost:hover{background:#123b2e}
/* vista previa del marketplace */
.preview{padding-block:96px 10px}
.preview .section-head>p,.world .section-head>p,.promises .section-head>p{font-size:16px;max-width:420px}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.82fr);gap:22px;padding:22px;border-radius:16px;background:var(--ivory);color:#14392b;box-shadow:0 30px 80px #0006}
.pdp-photo{position:relative;border-radius:12px;overflow:hidden;background:#efe8d6;min-height:380px}.pdp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-photo .concept{top:auto;bottom:12px;right:12px}
.pdp-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.pdp-crumb{font-size:14px;color:#55695f}.pdp-title{font:400 38px/1.08 Georgia,serif;color:#14392b}.pdp-sub{font-size:15.5px;color:#3d5649}
.pdp-badges{display:flex;gap:8px;flex-wrap:wrap}.pdp-badges span{padding:6px 11px;border-radius:14px;background:#e3f2e9;color:#17603f;font-size:14px;font-weight:600}
.price-board{margin-top:6px;padding:14px 16px;border:1px solid #d9cfb4;border-radius:12px;background:#efe7d1}
.pb-head{font-size:13px;letter-spacing:1.4px;font-weight:700;color:#5a5236}
.pb-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 8px}.pb-tiers small{display:block;margin-top:6px;font-size:14px;color:#3d5649}
.plates{display:inline-flex;gap:2px}.plates .fl{width:22px;height:34px;font-size:20px}.plates .fl.sp{width:6px}
.pb-live{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #d3c7a6;font-size:14px;color:#17603f}.pb-live i{width:8px;height:8px;border-radius:50%;background:#1f9a63;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.pdp-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pdp-attrs div{padding:12px;border:1px solid #e3dac3;border-radius:10px;background:#fff}.pdp-attrs b{display:block;font-size:18px}.pdp-attrs span{font-size:14px;color:#55695f}
.pdp-order{display:flex;flex-direction:column;gap:10px;padding:0 0 16px;border:1px solid #e3dac3;border-radius:12px;background:#fff;overflow:hidden}
.po-head{padding:13px 16px;background:#14392b;color:#fff;font-size:14.5px;font-weight:700}
.po-row{display:flex;justify-content:space-between;gap:10px;padding:2px 16px;font-size:14.5px;color:#3d5649}.po-row b{color:#14392b;text-align:right}
.po-btn{margin:4px 16px 0;padding:13px 16px;border-radius:9px;background:#1f6b4f;color:#fff;font-weight:700;font-size:15px}.po-btn.ghost{background:#fff;color:#14392b;border:1px solid #d9d1bd}
.po-sofia{display:flex;align-items:center;gap:10px;margin:6px 16px 0;color:#1f6b4f;font-weight:700;font-size:15px}.po-sofia img{border-radius:50%}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.tiles article{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--ivory);color:#14392b}
.tiles img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#efe8d6}
.tiles h3{font:400 23px/1.15 Georgia,serif;margin-top:6px}.tiles p{font-size:14.5px;color:#3d5649;line-height:1.5}
.tile-from{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:#1f6b4f}
.fine{margin-top:16px;font-size:13.5px;color:#91a99b}
/* Sofía */
.sofia{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:100px 40px}
.sofia h2{font-size:52px}.sofia h2 em{display:block;color:var(--mint)}
.sofia-copy>p:not(.kicker){margin-top:20px;font-size:17px;line-height:1.75;color:#c9d9cf;max-width:540px}
.sofia-points{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}
.sofia-points li{position:relative;padding-left:30px;font-size:16px;color:#e6efe9}.sofia-points li:before{content:'✓';position:absolute;left:0;color:var(--mint);font-weight:700}
.chat{border-radius:18px;background:var(--ivory);color:#14392b;box-shadow:0 30px 80px #0007;overflow:hidden}
.chat-head{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #e7dfcc}.chat-head img{border-radius:50%}.chat-head b{display:block;font:400 22px Georgia,serif}
.chat-head span{display:flex;align-items:center;gap:7px;font-size:14px;color:#55695f}.chat-head i{width:8px;height:8px;border-radius:50%;background:#1f9a63}
.chat-body{display:flex;flex-direction:column;gap:12px;padding:18px;min-height:300px}
.msg{max-width:86%;padding:12px 15px;border-radius:14px;font-size:16px;line-height:1.5}
.sofia-msg{background:#eef5f0;border-bottom-left-radius:4px}.user-msg{align-self:flex-end;background:#14392b;color:#fff;border-bottom-right-radius:4px;min-height:48px}
.caret{display:inline-block;width:2px;height:18px;margin-left:2px;vertical-align:-3px;background:#a8e8d1;animation:pulse 1s infinite}
.steps{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.steps span{display:flex;align-items:center;gap:10px;font-size:15px;color:#9aa89f;transition:color .3s}
.steps span:before{content:'';flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #cfc6ae;transition:all .3s}
.steps span.on{color:#14392b}.steps span.on:before{background:#c9a24a;border-color:#c9a24a;box-shadow:inset 0 0 0 3px #fffdf6}
.chat-input{display:flex;justify-content:space-between;align-items:center;margin:0 18px 18px;padding:13px 16px;border:1px solid #d9d1bd;border-radius:12px;color:#7d8d84;font-size:15.5px}.chat-input b{color:#1f6b4f}
/* promesas */
.promises{padding-block:80px 30px}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.promise-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.p-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#a8e8d11f;color:var(--mint);font:700 20px Georgia,serif}
.promise-grid h3{margin:16px 0 8px;font:400 24px Georgia,serif}.promise-grid p{font-size:15.5px;line-height:1.65;color:var(--muted)}
/* formulario */
.join{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:56px;margin-block:60px 70px;border-radius:16px;background:linear-gradient(120deg,#143e30,#0b291f);border:1px solid #7fb59845}
.join-mark{margin-bottom:20px}.join h2{font-size:44px}.join-copy>p:not(.kicker){margin-top:18px;font-size:16.5px;line-height:1.75;color:#c3d6c9}
.join-form{display:flex;flex-direction:column;gap:14px}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #a8e8d140;border-radius:12px;background:#081f17}
.seg button{border:0;border-radius:9px;background:none;padding:12px;font-size:15px;font-weight:600;color:#cfe0d6}.seg button[aria-checked=true]{background:var(--mint);color:#09251b}
.field{display:flex;flex-direction:column;gap:7px;font-size:14.5px;color:#d3e2d8}
.field input{height:50px;padding:0 14px;border:1px solid #a8e8d140;border-radius:10px;background:#081f17;color:var(--ink);font:16px Arial,sans-serif}
.field input:focus{outline:2px solid var(--mint);outline-offset:1px}.field input[aria-invalid=true]{border-color:#f0a99f}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:#c3d6c9}.consent input{margin-top:3px;width:18px;height:18px;accent-color:#a8e8d1;flex:none}
.submit{align-self:flex-start;border:0}.submit[disabled]{opacity:.6;cursor:default;transform:none}
.form-msg{min-height:22px;font-size:15px}.form-msg.ok{color:var(--mint)}.form-msg.err{color:#f6b3a8}
.privacy{font-size:13.5px;color:#94b3a1}
@media(max-width:1100px){.pdp{grid-template-columns:1fr 1fr}.pdp-order{grid-column:1/-1}.tiles{grid-template-columns:repeat(2,1fr)}.sofia{grid-template-columns:1fr;gap:40px}.promise-grid{grid-template-columns:repeat(2,1fr)}.join{grid-template-columns:1fr;gap:30px;padding:36px}}
@media(max-width:650px){.board-track span{font-size:13px}.flap-label{font-size:20px}.fl{width:22px;height:34px;font-size:18px}.fl.sp{width:8px}.hero-copy{font-size:15.5px}
 .pdp{grid-template-columns:1fr;padding:14px}.pdp-photo{min-height:280px}.pdp-title{font-size:30px}.pb-tiers{grid-template-columns:1fr;gap:12px}.pdp-attrs{grid-template-columns:repeat(3,1fr)}.pdp-attrs b{font-size:16px}
 .tiles{grid-template-columns:1fr}.sofia h2{font-size:38px}.promise-grid{grid-template-columns:1fr}.join{padding:24px 20px}.join h2{font-size:34px}.field-row{grid-template-columns:1fr}
 .kicker{font-size:12.5px}.department-ribbon a{font-size:13px}.department-ribbon small{font-size:11.5px}.department-list button{font-size:14px}.department-list button small{font-size:12.5px}.eyebrow{font-size:11.5px}.hero-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.board-track{animation:none}.fl.flip{animation:none}}
.pb-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-tiers>div{min-width:0}
.plates .fl{width:18px;height:28px;font-size:16px;border-radius:3px}.plates .fl.sp{width:4px}
@media(max-width:1300px){.plates .fl{width:15px;height:24px;font-size:14px}}
@media(max-width:650px){.plates .fl{width:20px;height:30px;font-size:17px}}
.field textarea{min-height:130px;padding:12px 14px;border:1px solid #a8e8d140;border-radius:10px;background:#081f17;color:var(--ink);font:16px/1.55 Arial,sans-serif;resize:vertical}
.field textarea:focus{outline:2px solid var(--mint);outline-offset:1px}
.field>span{display:flex;justify-content:space-between;gap:10px}.count{font-size:13px;color:#94b3a1}
/* tableros de precio: en tableta y móvil cada tramo en su fila (la regla de 3 columnas de escritorio no debe pisar el móvil) */
@media(max-width:1100px){.pb-tiers{grid-template-columns:1fr;gap:10px}.pb-tiers>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.pb-tiers small{margin-top:0;text-align:right}.plates .fl{width:20px;height:30px;font-size:17px}.plates .fl.sp{width:5px}}
@media(max-width:380px){.plates .fl{width:17px;height:27px;font-size:15px}}