/* Soles Blancos: identidad de la ludoteca basada en el voucher corporativo. */
@font-face{font-family:CartersHand;src:url('./CartersHand.ttf') format('truetype');font-display:swap}
:root{font-family:'Trebuchet MS',system-ui,sans-serif!important;background:#f5f0e5!important;color:#294b40!important}
body{background:#f5f0e5!important;color:#294b40!important}
.wrap{max-width:1040px}
header.brand-header{justify-content:center;flex-direction:column;gap:0;padding:4px 0 8px}
.brand-header .logo{display:flex;flex-direction:column;gap:0;align-items:center;text-align:center;font-size:inherit}
.brand-mark{display:block;width:clamp(190px,32vw,280px);height:auto;mix-blend-mode:multiply}
.brand-subtitle{display:block;color:#37594a;font-size:11px;letter-spacing:.32em;font-weight:900;margin-top:-1px}
.brand-header .tag{display:none}
#home .hero{grid-template-columns:1fr 1fr;gap:28px;min-height:450px;align-items:center;padding-top:16px}
#home .hero h1{font-family:CartersHand,'Trebuchet MS',system-ui,sans-serif;font-weight:400;letter-spacing:-.025em;color:#294b40;font-size:clamp(43px,6vw,69px)}
#home .hero h1 em{color:#6e846d}
.eyebrow{color:#6b8568}
.muted,.hero p{color:#647b6e}
.primary{background:#446a55;box-shadow:0 5px #294b3a}
.primary:active{box-shadow:0 2px #294b3a}
.secondary,.feature,.tool-tile,.utility-panel,.card,.finished{background:#fffdf6;border-color:#d5ddd0}
.feature:hover,.feature:focus-visible,.tool-tile:hover,.tool-tile:focus-visible{border-color:#789275;box-shadow:0 5px 15px #3e644c22}
.tool-tile{background:#eff2e9}
.tool-heading{color:#284b3f}
.badge{background:#dce9da;color:#3c6c50}
.scene{background:#e4e9df}
.featured .recommend-badge{background:#fcf6e8;color:#4c6b4c}
.featured .recommend-arrow{background:#51765c}
.featured[data-art="tutti"]{background:#e4e9df}
.scene.featured:before{content:'';position:absolute;inset:0;background-image:url('./sierras.svg');background-size:cover;background-position:center bottom;opacity:.34;pointer-events:none}
.scene.featured .blocks,.scene.featured .balance{z-index:1}
.brand-landscape{height:150px;margin:5px -10px 3px;background:url('./sierras.svg') center bottom / cover no-repeat;opacity:.86;pointer-events:none}
body:has(#home.hide) .brand-landscape{display:none}
.instructions{background:#e4ebe1;color:#45634d}
.instructions b{color:#2b5241}
.player.active,.preset.selected{background:#3b6753}
.tool-tile b,.feature b{color:#254e3d}
footer{color:#6c8375}
@media(max-width:700px){header.brand-header{padding-top:0}.brand-mark{width:215px}.brand-subtitle{font-size:10px}#home .hero{grid-template-columns:1fr;gap:14px;min-height:0;padding-top:0}#home .hero h1{font-size:clamp(38px,10vw,54px)}#home .hero .scene{order:0;min-height:200px}.brand-landscape{height:92px;margin:0 -16px 4px}#home .hero p{font-size:15px}.feature{margin-top:16px}}