@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2-var.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--papel: #fffdf9;--tinta: #51443e;--suave: #725f56;--menta: #d9ecdf;--menta-honda: #3f806d;--coral: #ef8a73;--coral-hondo: #c75e4a;--linea: rgb(81 68 62 / .16)}*{box-sizing:border-box}html{min-width:320px;background:#dbe9d6}body{margin:0;color:var(--tinta);font-family:Nunito,system-ui,sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #276d62;outline-offset:4px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;color:var(--tinta);background:#fff;transform:translateY(-140%)}.skip-link:focus{transform:none}.jardin{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;padding:0 28px 28px}.paisaje{position:absolute;inset:0;z-index:-2;background:url(/escenas/jardin.webp) 52% center / cover}.paisaje:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#f4f7e7f7,#eff5e4e0 40%,#e1eed97a),linear-gradient(180deg,#fff6e242,#b9d5b891)}.barra{display:grid;width:min(100%,1240px);min-height:84px;margin:0 auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.marca{justify-self:start}.marca img{display:block;width:142px;height:auto}.lugar{display:inline-flex;align-items:center;gap:9px;margin:0;color:#396e5d;font-family:"Baloo 2",sans-serif;font-size:.86rem;font-weight:800}.lugar span{color:var(--coral)}.volver{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--linea);border-radius:14px;color:var(--tinta);background:#fffdf9d6;box-shadow:0 9px 26px #51443e1c;font-family:"Baloo 2",sans-serif;font-weight:750;text-decoration:none;backdrop-filter:blur(12px)}.volver:hover{color:var(--coral-hondo);background:#fff}.experiencia{display:grid;width:min(100%,1240px);min-height:calc(100dvh - 112px);margin:0 auto;grid-template-columns:minmax(270px,.78fr) minmax(420px,1.22fr);column-gap:clamp(34px,6vw,88px);align-items:center;padding:20px 0 18px}.introduccion{align-self:center;padding-bottom:18px}.ceja{margin:0 0 13px;color:var(--coral-hondo);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,p{text-wrap:balance}h1{max-width:10ch;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(3.5rem,5.2vw,5.2rem);font-weight:760;letter-spacing:-.05em;line-height:.9}.entradilla{max-width:37ch;margin:24px 0 0;color:var(--suave);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55}.acciones{display:grid;max-width:380px;margin-top:25px;grid-template-columns:1fr 1fr;gap:10px}.accion{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--linea);border-radius:15px;color:var(--tinta);background:#fffdf9db;box-shadow:0 8px 21px #51443e17;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.accion:hover{transform:translateY(-2px);background:#fff;box-shadow:0 11px 25px #51443e21}.accion:active{transform:translateY(1px) scale(.99)}.accion:disabled{color:#51443e85;background:#fffdf980;box-shadow:none;cursor:not-allowed;transform:none}.accion-principal{color:#fff;border-color:#397c68;background:#478b76;box-shadow:0 5px #2f6858}.accion-principal:hover{color:#fff;background:#397c68;box-shadow:0 7px #2f6858}.tirada{max-width:380px;margin-top:25px}.tirada>p{margin:0 0 10px;color:var(--suave);font-family:"Baloo 2",sans-serif;font-size:.82rem;font-weight:800;text-align:center}.selector{display:grid;grid-template-columns:repeat(9,36px);justify-content:center;gap:5px 6px}.selector button{display:block;width:36px;aspect-ratio:2 / 3;overflow:hidden;padding:0;border:2px solid rgb(255 253 249 / .88);border-radius:10px;background:#dfead8;box-shadow:0 7px 13px #384c3624;cursor:pointer;transform:translateY(var(--bajada)) rotate(var(--giro));transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,opacity .22s ease;-webkit-tap-highlight-color:transparent}.selector button img{display:block;width:100%;height:100%;object-fit:cover}.selector button:hover{z-index:2;box-shadow:0 12px 19px #384c3636;transform:translateY(calc(var(--bajada) - 7px)) rotate(var(--giro))}.selector button:active{transform:translateY(calc(var(--bajada) - 2px)) rotate(var(--giro)) scale(.97)}.selector button[aria-current=true]{opacity:.42;box-shadow:none;transform:translateY(calc(var(--bajada) + 5px)) rotate(var(--giro)) scale(.94)}.mesa{display:grid;justify-items:center;align-self:center;min-width:0}.estado{display:flex;width:min(100%,430px);justify-content:space-between;gap:18px;margin:0 0 11px;color:var(--suave);font-size:.76rem;font-weight:750}.estado strong{color:var(--tinta)}.mazo{position:relative;width:min(39vh,390px,76%);aspect-ratio:2 / 3;perspective:1600px}.mazo:before,.mazo:after{position:absolute;inset:0;z-index:-1;border:5px solid rgb(255 253 249 / .76);border-radius:42px;content:"";background:url(/emociones/reverso-pattern.webp) center / cover;box-shadow:0 18px 48px #384c362b}.mazo:before{transform:translate(13px,9px) rotate(3deg);opacity:.8}.mazo:after{transform:translate(-11px,7px) rotate(-2.4deg);opacity:.64}.tarjeta{display:block;width:100%;height:100%;padding:0;border:0;border-radius:42px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.tarjeta[hidden]{display:none}.tarjeta-inicial .cara{border-color:#fffdf9f2}.tarjeta-interior{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1)}.tarjeta[aria-pressed=true] .tarjeta-interior{transform:rotateY(180deg)}.cara{position:absolute;inset:0;display:block;overflow:hidden;border:5px solid rgb(255 253 249 / .95);border-radius:42px;background:var(--papel);box-shadow:0 22px 55px #384c3640;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cara img{display:block;width:100%;height:100%;object-fit:cover}.reverso{transform:rotateY(180deg)}.navegacion{display:grid;width:min(100%,430px);margin-top:15px;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px}.navegacion button{display:grid;width:48px;height:46px;place-items:center;border:1px solid var(--linea);border-radius:15px;color:var(--tinta);background:#fffdf9e0;box-shadow:0 7px 18px #51443e1a;cursor:pointer;font-size:1.15rem;transition:transform .2s ease,background .2s ease}.navegacion button:hover{transform:translateY(-2px);background:#fff}.navegacion p{margin:0;color:var(--suave);font-size:.78rem;font-weight:750;text-align:center}@media(max-width:900px){.jardin{overflow:visible}.experiencia{min-height:0;grid-template-columns:minmax(240px,.8fr) minmax(370px,1.2fr);column-gap:30px}h1{font-size:clamp(3.2rem,7vw,4.6rem)}.mazo{width:min(42vw,350px)}}@media(max-width:700px){.jardin{padding:0 16px 24px}.barra{min-height:70px;grid-template-columns:1fr auto}.marca img{width:112px}.lugar{display:none}.volver{min-height:40px;padding:0 12px;font-size:.79rem}.experiencia{display:block;padding:26px 0 8px}.introduccion{padding:0}h1{max-width:11ch;font-size:clamp(3.15rem,15vw,4.65rem)}.entradilla{max-width:40ch;margin-top:17px;font-size:1rem}.acciones{max-width:none;margin-top:22px}.tirada{max-width:none;margin:24px auto 18px}.mesa{padding:20px 0 12px}.estado{width:min(100%,360px)}.mazo{width:min(76vw,340px)}.navegacion{width:min(100%,360px)}}@media(max-width:390px){.volver{width:42px;padding:0;justify-content:center;font-size:0}.volver span{font-size:1rem}.acciones{grid-template-columns:1fr 1fr}.accion{padding-inline:10px;font-size:.82rem}.selector{grid-template-columns:repeat(6,40px);gap:5px 7px}.selector button{width:40px;border-width:2px;border-radius:10px}.selector button,.selector button:hover,.selector button:active{transform:none}.selector button[aria-current=true]{transform:translateY(5px) scale(.94)}.mazo{width:min(78vw,300px)}.estado{font-size:.71rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tarjeta-interior{transform-style:flat}.tarjeta[aria-pressed=true] .frente{visibility:hidden}.reverso{transform:none;visibility:hidden}.tarjeta[aria-pressed=true] .reverso{visibility:visible}}