@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}.frente{transform:rotateY(180deg)}.reverso{transform:none}.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 button:disabled{color:#51443e61;background:#fffdf97a;box-shadow:none;cursor:not-allowed;transform:none}.navegacion p{margin:0;color:var(--suave);font-size:.78rem;font-weight:750;text-align:center}.conversacion{display:grid;width:min(100%,1120px);min-height:440px;margin:34px auto 28px;overflow:hidden;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);border:1px solid rgb(81 68 62 / .13);border-radius:32px;background:#fffdf9e6;box-shadow:0 24px 70px #384c3629;animation:conversacion-entra .46s cubic-bezier(.2,.8,.2,1) both;backdrop-filter:blur(14px)}.conversacion[hidden]{display:none}.conversacion-personaje{position:relative;min-height:440px;overflow:hidden;background:linear-gradient(180deg,#e2f1e038,#b9d7bec2),url(/escenas/jardin.webp) 52% center / cover}.conversacion-personaje:after{position:absolute;inset:auto 0 0;height:34%;content:"";background:linear-gradient(180deg,transparent,rgb(83 127 91 / .18))}.conversacion-personaje img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.conversacion-contenido{align-self:center;padding:clamp(34px,5vw,68px)}.conversacion-intro{margin:0 0 10px;color:var(--coral-hondo);font-family:"Baloo 2",sans-serif;font-size:.88rem;font-weight:800}.conversacion h2{max-width:15ch;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(2.3rem,4.1vw,3.65rem);font-weight:760;letter-spacing:-.035em;line-height:1;text-wrap:balance}.conversacion-texto{max-width:48ch;margin:18px 0 0;color:var(--suave);font-size:1rem;line-height:1.55}.formas{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.formas button{min-height:44px;padding:0 15px;border:1px solid rgb(63 128 109 / .34);border-radius:14px;color:#345f53;background:#edf6ef;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease}.formas button:hover{transform:translateY(-2px);border-color:#3f806d;background:#fff}.formas button:active{transform:translateY(1px) scale(.99)}.formas button[aria-pressed=true]{color:#fff;border-color:#3f806d;background:#3f806d}.respuesta{max-width:52ch;min-height:48px;margin:18px 0 0;padding:11px 0 0 15px;border-left:3px solid var(--coral);color:var(--tinta);font-size:.91rem;font-weight:700;line-height:1.45}.acompanar{max-width:52ch;margin-top:15px;color:var(--suave);font-size:.88rem}.acompanar summary{width:fit-content;color:var(--tinta);cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800}.acompanar p{margin:11px 0 0;line-height:1.5}.acompanar a{display:inline-flex;margin-top:10px;align-items:center;gap:7px;color:#356f5f;font-weight:850;text-decoration-thickness:1px;text-underline-offset:4px}@keyframes conversacion-entra{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@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)}.conversacion{margin-top:26px;grid-template-columns:1fr;border-radius:24px}.conversacion-personaje{min-height:320px}.conversacion-contenido{padding:30px 24px 34px}.conversacion h2{font-size:clamp(2.25rem,11vw,3.2rem)}}@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}.formas{display:grid;grid-template-columns:1fr}.formas button{width:100%}}@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}.frente{transform:none;visibility:hidden}.reverso{transform:none;visibility:visible}.tarjeta[aria-pressed=true] .frente{visibility:visible}.tarjeta[aria-pressed=true] .reverso{visibility:hidden}}