:root{--paper:#f4f0e8;--paper-soft:#fbf8f2;--ink:#1d2b24;--muted:#69736d;--sage:#78917e;--sage-dark:#344f40;--clay:#c87550;--line:#1d2b2421;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.portal-shell{width:min(100% - 2rem,1320px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 2rem,1320px);min-height:5.4rem;margin:0 auto;display:grid}.brand{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-style:italic;font-weight:700}.header-nav{color:var(--muted);align-items:center;gap:2rem;font-size:.78rem;font-weight:700;display:flex}.header-nav a{transition:color .16s}.header-nav a:hover{color:var(--ink)}.portal-status{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-self:end;align-items:center;gap:.55rem;font-size:.69rem;font-weight:800;display:inline-flex}.portal-status i{background:#72a278;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 5px #72a2781f}.hero{grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);align-items:center;gap:clamp(3rem,7vw,7.5rem);min-height:calc(100svh - 5.4rem);padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(4rem,8vw,7rem);display:grid}.eyebrow{color:var(--clay);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.35rem;font-size:.7rem;font-weight:850}.hero h1{letter-spacing:-.06em;max-width:11ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,6.7vw,7.2rem);font-weight:400;line-height:.91}.hero h1 em{color:var(--sage-dark);font-weight:400}.hero-intro{max-width:32rem;color:var(--muted);margin:2rem 0 0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7}.hero-link{align-items:center;gap:1rem;margin-top:2.4rem;font-size:.77rem;font-weight:800;display:inline-flex}.hero-link span{border:1px solid var(--line);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;transition:transform .18s,background .18s;display:grid}.hero-link:hover span{background:var(--white);transform:translateY(3px)}.hero-visual{background:#d6d0c2;border-radius:1.7rem;min-height:min(66vh,670px);position:relative;overflow:hidden;box-shadow:0 30px 80px #28322b1f}.hero-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#131f1873);position:absolute;inset:0}.hero-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.015)}.visual-badge{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #ffffff8c;border-radius:1rem;align-items:center;gap:.8rem;min-width:14rem;padding:.85rem 1rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 12px 35px #111e1626}.visual-badge-dot{background:#65a16f;border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #65a16f21}.visual-badge p{gap:.2rem;margin:0;display:grid}.visual-badge strong{font-family:Georgia,serif;font-size:.95rem;font-weight:600}.visual-badge small{color:var(--muted);font-size:.68rem}.tools-section{padding:clamp(5.5rem,10vw,10rem) 0}.section-heading{grid-template-columns:1fr .65fr;align-items:end;gap:4rem;margin-bottom:clamp(3rem,6vw,5.5rem);display:grid}.section-heading h2,.games-copy h2,.manifesto h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,5.5vw,5.7rem);font-weight:400;line-height:.95}.section-heading>p{max-width:27rem;color:var(--muted);margin:0 0 .4rem;line-height:1.7}.tool-grid{grid-template-rows:repeat(2,minmax(310px,34vw));grid-template-columns:1.35fr .85fr;gap:1rem;display:grid}.tool-card{isolation:isolate;border:1px solid #ffffff8f;border-radius:1.6rem;flex-direction:column;min-width:0;padding:clamp(1.4rem,2.5vw,2.2rem);transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 45px #27312a12}.tool-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px #27312a21}.tool-top{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.tool-mark,.tool-action{background:#ffffff6b;border:1px solid #1d2b2421;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;font-family:Georgia,serif;display:grid}.tool-action{width:2.4rem;height:2.4rem;font-size:1rem;transition:transform .18s,background .18s}.tool-card:hover .tool-action{background:#ffffffbf;transform:rotate(8deg)scale(1.08)}.tool-copy{z-index:3;gap:.55rem;margin-top:auto;display:grid;position:relative}.tool-copy strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(2.1rem,3.2vw,3.6rem);font-weight:400}.tool-copy small{color:#1d2b24a3;font-size:.8rem}.card-domotica{background:linear-gradient(145deg,#cddccf,#a9c0ae)}.card-finanzas{background:linear-gradient(145deg,#edc8b5,#dba182)}.card-vidasana{background:linear-gradient(145deg,#dcecf7,#b9d7ea)}.card-gatos{background:linear-gradient(145deg,#d8d0dd,#bdb3c5)}.sensor-visual{z-index:1;aspect-ratio:1;border:1px solid #344f4038;border-radius:50%;width:clamp(10rem,19vw,17rem);position:absolute;top:45%;right:15%}.sensor-visual i{border:1px solid #344f4038;border-radius:50%;position:absolute;inset:18%}.sensor-visual i:nth-child(2){background:#ffffff54;inset:36%}.sensor-visual i:nth-child(3){background:var(--sage-dark);border:0;inset:47%;box-shadow:0 0 0 10px #344f4017}.chart-visual{z-index:1;opacity:.6;align-items:end;gap:.45rem;height:7rem;display:flex;position:absolute;bottom:7.5rem;right:2rem}.chart-visual i{background:#6437268c;border-radius:.35rem .35rem 0 0;width:clamp(.65rem,1.2vw,1rem)}.chart-visual i:first-child{height:28%}.chart-visual i:nth-child(2){height:54%}.chart-visual i:nth-child(3){height:42%}.chart-visual i:nth-child(4){height:78%}.chart-visual i:nth-child(5){height:100%}.plate-visual{z-index:1;aspect-ratio:1;border:1px solid #594b1e3b;border-radius:50%;width:clamp(8rem,14vw,13rem);position:absolute;top:24%;right:12%;box-shadow:inset 0 0 0 clamp(1rem,2vw,1.8rem) #ffffff38}.plate-visual i{background:#75874f9e;border-radius:42% 58% 53% 47%;width:38%;height:38%;position:absolute;top:31%;left:31%;transform:rotate(28deg)}.paw-visual{z-index:1;opacity:.42;width:8.5rem;height:8rem;position:absolute;top:31%;right:18%;transform:rotate(-12deg)}.paw-visual i{background:#5a4f61;border-radius:50%;position:absolute}.paw-visual i:first-child{width:4.5rem;height:3.8rem;bottom:0;left:2rem}.paw-visual i:nth-child(2){width:2rem;height:2.5rem;top:1rem;left:0}.paw-visual i:nth-child(3){width:2rem;height:2.5rem;top:0;left:3rem}.paw-visual i:nth-child(4){width:2rem;height:2.5rem;top:1.3rem;right:0}.games-section{color:#f7f2e8;background:#22382d;padding:clamp(5rem,9vw,9rem) 0}.games-inner{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.games-copy .eyebrow{color:#e79a74}.games-copy h2 em{color:#a9c8ae;font-weight:400}.games-copy>p:last-child{color:#f7f2e89e;max-width:28rem;margin:2rem 0 0;line-height:1.75}.mahjong-card{background:radial-gradient(circle at 80% 10%,#e6a37938,#0000 38%),linear-gradient(145deg,#385747,#2b4538);border:1px solid #ffffff26;border-radius:1.8rem;flex-direction:column;min-height:34rem;padding:clamp(1.5rem,3vw,2.5rem);transition:transform .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 28px 70px #08120c4d}.mahjong-card:hover{border-color:#ffffff52;transform:translateY(-6px)}.mahjong-meta{color:#ffffffa6;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.68rem;font-weight:800;display:flex}.mahjong-meta i{background:#89c390;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 6px #89c3901a}.mahjong-tiles{justify-content:center;margin:auto;display:flex;transform:rotate(-4deg)}.mahjong-tiles i{aspect-ratio:.72;color:#385747;background:linear-gradient(145deg,#fffdf5,#ddd6c8);border:1px solid #2432292b;border-radius:.65rem;place-items:center;width:clamp(3.8rem,7vw,6rem);margin-left:clamp(-.4rem,-.5vw,-.15rem);font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.6rem);font-style:normal;display:grid;box-shadow:-8px 12px 20px #08120c38,inset 0 -6px #c8c0b1}.mahjong-tiles i:nth-child(2){color:#b65f45;transform:translateY(-1.1rem)rotate(3deg)}.mahjong-tiles i:nth-child(3){transform:translateY(.5rem)rotate(-2deg)}.mahjong-tiles i:nth-child(4){color:#b65f45;transform:translateY(-.4rem)rotate(4deg)}.mahjong-bottom{justify-content:space-between;align-items:end;gap:2rem;display:flex}.mahjong-bottom>span:first-child{gap:.5rem;display:grid}.mahjong-bottom strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.2rem);font-weight:400}.mahjong-bottom small{color:#ffffff94;font-size:.78rem}.play-button{color:#24382e;background:#f2e9db;border-radius:999px;flex:none;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.72rem;font-weight:850;display:inline-flex}.play-button b{font-size:1rem}.manifesto{grid-template-columns:.7fr 1.3fr;align-content:center;gap:3rem;min-height:75vh;padding:clamp(6rem,12vw,11rem) 0;display:grid}.manifesto .eyebrow{align-self:start;margin-top:.7rem}.manifesto>p:last-child{max-width:38rem;color:var(--muted);grid-column:2;margin:1.5rem 0 0;font-size:1.08rem;line-height:1.8}footer{border-top:1px solid var(--line);min-height:7rem;color:var(--muted);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero h1{max-width:10ch}.hero-visual{min-height:58vh}.section-heading,.games-inner,.manifesto{grid-template-columns:1fr}.tool-grid{grid-template-rows:repeat(2,25rem);grid-template-columns:1fr 1fr}.manifesto>p:last-child{grid-column:1}}@media (max-width:620px){.site-header{grid-template-columns:1fr auto;min-height:4.7rem}.header-nav{display:none}.portal-status{font-size:0}.portal-status:after{content:"En casa";font-size:.66rem}.hero{gap:2.8rem;min-height:auto;padding-top:3.5rem}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.hero-visual{border-radius:1.15rem;min-height:55vh}.visual-badge{bottom:.8rem;left:.8rem;right:.8rem}.section-heading{gap:1.5rem}.section-heading h2,.games-copy h2,.manifesto h2{font-size:clamp(2.8rem,13vw,4rem)}.tool-grid{grid-template-rows:none;grid-template-columns:1fr}.tool-card{border-radius:1.25rem;min-height:22rem}.mahjong-card{border-radius:1.25rem;min-height:29rem}.mahjong-bottom{flex-direction:column;align-items:start}.play-button{justify-content:center;align-self:stretch}.manifesto{gap:1rem;min-height:auto;padding-block:7rem}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.45rem;min-height:6.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}