/* Simplee - estilo portada 2026-10 */
:root{--sk-ink:#0a0a0a;--sk-paper:#ffffff;--sk-grey:#eeeeee;--sk-mute:#6e6e6e;--sk-dark:#161616;--sk-dark2:#2b2b2b;--sk-line:rgba(10,10,10,.85);--sk-hh:58px;--sk-ease:cubic-bezier(.2,.7,.1,1)}
html{scroll-behavior:smooth}
body.sk{margin:0;background:var(--sk-paper);color:var(--sk-ink);font-family:'Space Mono',ui-monospace,Menlo,monospace;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.sk *,body.sk *::before,body.sk *::after{box-sizing:border-box}
:where(.sk) a{color:inherit}
.sk img{max-width:100%;height:auto;display:block}
.sk h1,.sk h2,.sk h3,.sk p,.sk ul,.sk ol{margin:0;padding:0}
.sk ul,.sk ol{list-style:none}
.sk-wide{font-family:'Archivo',Helvetica,Arial,sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:.88}
.sk-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* barra superior */
.sk-top{background:var(--sk-grey);font-size:11px;padding:6px 16px;display:flex;justify-content:space-between;gap:16px}
.sk-top a{text-decoration:none}

/* cabecera */
.sk-header{position:sticky;top:0;z-index:60;height:var(--sk-hh);background:var(--sk-paper);display:flex;align-items:center;gap:40px;padding:0 16px;border-bottom:1px solid var(--sk-ink)}
.sk-logo{position:relative;z-index:2;font-size:27px;text-decoration:none;text-transform:none;letter-spacing:-.03em}
.sk-nav{display:flex;align-items:center;gap:6px;flex:1}
.sk-nav ul{display:flex;gap:6px}
.sk-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--sk-ink);border-radius:999px;padding:5px 14px;font-family:'Archivo',Helvetica,Arial,sans-serif;font-stretch:110%;font-variation-settings:"wdth" 110;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--sk-ink);background:transparent;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,transform .25s var(--sk-ease)}
.sk-pill:hover{background:var(--sk-ink);color:var(--sk-paper)}
.sk-pill--solid{background:var(--sk-ink);color:var(--sk-paper)}
.sk-pill--solid:hover{background:var(--sk-paper);color:var(--sk-ink)}
.sk-pill--light{border-color:var(--sk-paper);color:var(--sk-paper)}
.sk-pill--light:hover{background:var(--sk-paper);color:var(--sk-ink)}
.sk-pill--big{padding:12px 26px;font-size:14px}
.sk-order{position:relative;z-index:2;margin-left:auto}
.sk-order summary{list-style:none}
.sk-order summary::-webkit-details-marker{display:none}
.sk-order-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--sk-paper);border:1.5px solid var(--sk-ink);border-radius:18px;padding:8px;display:grid;gap:4px;min-width:180px}
.sk-order-menu a{padding:8px 12px;border-radius:999px;text-decoration:none;font-size:13px}
.sk-order-menu a:hover{background:var(--sk-ink);color:var(--sk-paper)}
.sk .menu-toggle{display:none;position:relative;z-index:2;margin-left:auto;background:none;border:1.5px solid var(--sk-ink);border-radius:999px;padding:6px 14px;font:700 12px/1 'Archivo',sans-serif;text-transform:uppercase;color:var(--sk-ink);cursor:pointer;width:auto;height:auto}

/* hero */
.sk-hero{position:relative;height:230vh;background:var(--sk-grey)}
.sk-hero-stick{background:var(--sk-grey);position:sticky;top:var(--sk-hh);height:calc(100vh - var(--sk-hh));height:calc(100svh - var(--sk-hh));overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:24px 16px}
.sk-hero-copy{position:relative;z-index:2;transform:translateY(calc(var(--p,0) * -70px))}
.sk-hero h1 .sk-label{display:block;margin-bottom:22px}
.sk-hero-title{display:block;font-size:clamp(52px,9.4vw,168px)}
.sk-line{display:block;overflow:hidden;padding:.14em 0 .1em;margin:-.14em 0 -.1em}
.sk-line>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--sk-ease)}
.is-in .sk-line>span,.sk-line.is-in>span{transform:none}
.sk-line:nth-child(2)>span{transition-delay:.08s}
.sk-line:nth-child(3)>span{transition-delay:.16s}
.sk-line:nth-child(4)>span{transition-delay:.24s}
.sk-hero-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.sk-hero-media{position:relative;height:100%;display:flex;align-items:center;justify-content:center;background:var(--sk-grey)}
.sk-hero-media video{width:100%;max-width:640px;max-height:82%;object-fit:contain;mix-blend-mode:multiply;transform:scale(calc(1 + var(--p,0) * .08))}
.sk-hero-list{position:absolute;right:16px;bottom:46px;text-align:right;font-size:clamp(16px,1.6vw,24px);line-height:.95;z-index:3}
.sk-hero-list li{opacity:calc(.25 + var(--p,0) * 1.2)}
.sk-hero-list li:nth-child(1){opacity:1}
.sk-hero-scroll{position:absolute;left:16px;bottom:22px;z-index:3}
.sk-hero-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--sk-ink);width:calc(var(--p,0) * 100%);z-index:4}

/* intro + bowls (oscuro) */
.sk-dark{background:var(--sk-dark);color:var(--sk-paper);padding:110px 16px 120px;position:relative}
.sk-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;margin-bottom:110px}
.sk-intro h2{font-size:clamp(36px,5.2vw,90px)}
.sk-intro p{font-size:13px;line-height:1.75;text-align:right;max-width:430px;justify-self:end;color:#d6d6d6}
.sk-bowls-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:14px}
.sk-bowls{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}
.sk-bowl{display:block;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);padding:34px 0;min-height:34vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .5s var(--sk-ease)}
.sk-bowl.is-active{opacity:1}
.sk-bowl-name{font-size:clamp(38px,5.4vw,92px);transition:transform .6s var(--sk-ease)}
.sk-bowl.is-active .sk-bowl-name{transform:translateX(14px)}
.sk-bowl-meta{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:13px;color:#c9c9c9}
.sk-bowl-price{white-space:nowrap;color:var(--sk-paper)}
.sk .sk-bowl-img{display:none}
.sk-bowls-fig{position:sticky;top:calc(var(--sk-hh) + 6vh);height:82vh;margin:0}
.sk-bowls-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.86) rotate(-8deg) translateY(30px);transition:opacity .6s var(--sk-ease),transform .9s var(--sk-ease);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.sk-bowls-fig img.is-active{opacity:1;transform:none}
.sk-bowls-num{position:absolute;left:0;top:0;font-size:clamp(80px,12vw,200px);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35)}
.sk-bowls-cta{margin-top:56px;display:flex;gap:8px;flex-wrap:wrap}

/* carta en filas */
.sk-menu{padding:110px 16px 0}
.sk-menu>h2{font-size:clamp(46px,8vw,140px);margin-bottom:50px}
.sk-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:26px 0 30px;border-top:1.5px solid var(--sk-line);margin-left:clamp(0px,4vw,60px)}
.sk-row h3{font-size:clamp(34px,4.6vw,72px);margin-top:6px}
.sk-row p{font-size:13px;line-height:1.75;max-width:460px}
.sk-row .sk-pill{margin-top:14px}
.sk-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0 0;background:var(--sk-ink);color:var(--sk-paper);text-decoration:none;padding:22px 16px;font-size:clamp(16px,1.6vw,22px);overflow:hidden}
.sk-bar span{transition:transform .5s var(--sk-ease)}
.sk-bar:hover span{transform:translateX(12px)}
.sk-prices{display:grid;grid-template-columns:repeat(4,auto);gap:4px 18px;margin:14px 0 4px;font-size:13px}
.sk-prices b{font-weight:700}

/* ubicacion */
.sk-visit{background:var(--sk-dark2);color:var(--sk-paper);padding:110px 16px;margin-top:0}
.sk-visit h2{font-size:clamp(46px,8vw,140px);margin-bottom:50px}
.sk-visit-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:stretch}
.sk-facts li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.25);font-size:13px}
.sk-facts li:last-child{border-bottom:1px solid rgba(255,255,255,.25)}
.sk-facts a{text-decoration:none}
.sk-facts a:hover{text-decoration:underline}
.sk-map{position:relative;display:block;min-height:340px;overflow:hidden;border-radius:4px}
.sk-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s,transform 1.2s var(--sk-ease)}
.sk-map:hover img{filter:none;transform:scale(1.04)}
.sk-map .sk-pill{position:absolute;left:16px;bottom:16px;background:var(--sk-paper);border-color:var(--sk-paper)}
.sk-visit-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}

/* aprende */
.sk-learn{padding:110px 16px}
.sk-learn h2{font-size:clamp(40px,6.6vw,116px);margin-bottom:46px}
.sk-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sk-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;text-decoration:none;color:var(--sk-paper);background:var(--sk-ink)}
.sk-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.9);opacity:.85;transition:filter .6s,transform 1.2s var(--sk-ease),opacity .6s}
.sk-card:hover img{filter:none;opacity:1;transform:scale(1.05)}
.sk-card-t{position:absolute;left:20px;bottom:20px;right:20px;z-index:1}
.sk-card-t .sk-wide{font-size:clamp(30px,3.6vw,56px);display:block;margin-top:8px}

/* pie */
.sk-foot{background:var(--sk-ink);color:var(--sk-paper);padding:70px 16px 22px;overflow:hidden}
.sk-foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;font-size:13px}
.sk-foot-cols h3{margin-bottom:12px}
.sk-foot-cols li{margin:4px 0}
.sk-foot-cols a{text-decoration:none}
.sk-foot-cols a:hover{text-decoration:underline}
.sk-foot-word{font-size:18.5vw;line-height:.9;margin:70px 0 18px;letter-spacing:-.04em;text-transform:none;white-space:nowrap}
.sk-foot-bottom{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#9a9a9a;border-top:1px solid #333;padding-top:16px;flex-wrap:wrap}
.sk-foot-bottom a{text-decoration:none}

/* paginas legales */
.sk-legal{padding:90px 16px 110px;max-width:900px}
.sk-legal h1{font-size:clamp(40px,7vw,104px);margin-bottom:40px}
.sk-legal h2{font-family:'Archivo',sans-serif;font-stretch:115%;font-variation-settings:"wdth" 115;font-weight:800;text-transform:uppercase;font-size:18px;margin:38px 0 10px;padding-top:18px;border-top:1.5px solid var(--sk-ink)}
.sk-legal p,.sk-legal li{font-size:13px;line-height:1.8;margin-bottom:10px}
.sk-legal ul{list-style:square;padding-left:20px}
.sk-legal table{border-collapse:collapse;width:100%;font-size:12px;margin:10px 0}
.sk-legal th,.sk-legal td{border:1px solid var(--sk-ink);padding:8px;text-align:left;vertical-align:top}

/* modal bienvenida: texto legal */
.sk-modal-legal{flex-basis:100%;order:3;font-size:10.5px;line-height:1.55;color:var(--sk-mute);margin:12px 0 0;text-align:left}
.sk .modal-footer-box{flex-wrap:wrap;background:var(--sk-grey)}
.sk .modal-rectangle{border-radius:0;border:1.5px solid var(--sk-ink)}
.sk .modal-header h2{font-family:'Archivo',Helvetica,Arial,sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.sk .modal-rectangle input[type=email],.sk .modal-rectangle .option-label{border-radius:999px;border-color:var(--sk-ink)}
.sk .btn-action{width:100%;border-radius:999px;background:var(--sk-ink);font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.02em}
.sk-modal-legal a{color:inherit}

/* apariciones */
.sk-js [data-reveal]{opacity:0;transform:translateY(46px);transition:opacity .9s var(--sk-ease),transform 1.1s var(--sk-ease)}
.sk-js [data-reveal].is-in{opacity:1;transform:none}

/* movil */
@media (max-width:900px){
  :root{--sk-hh:56px}
  .sk-top span:last-child{display:none}
  .sk .menu-toggle{display:inline-flex}
  .sk-order{margin-left:0}
  .sk-nav{position:fixed;inset:0;background:var(--sk-paper);flex-direction:column;align-items:flex-start;padding:calc(var(--sk-hh) + 34px) 16px 30px;gap:18px;transform:translateY(-110%);transition:transform .5s var(--sk-ease);z-index:1}
  .sk-nav.is-open,.is-open>.sk-nav{transform:none}
  .sk-nav ul{flex-direction:column;gap:6px;width:100%}
  .sk-nav ul a{font-size:40px;border:0;padding:0;font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800}
  .sk-nav ul a:hover{background:none;color:var(--sk-ink)}
  .sk-header{gap:10px}
  .sk-hero{height:200vh}
  .sk-hero-stick{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding-top:24px;padding-bottom:40px}
  .sk-hero-title{font-size:11vw}
  .sk-hero-cta{margin-top:22px}
  .sk-hero-media{height:auto;min-height:0;align-self:stretch}
  .sk-hero-media video{max-height:42vh;max-height:42svh;width:auto;max-width:100%}
  .sk-hero-list{display:none}
  .sk-intro{grid-template-columns:1fr;margin-bottom:70px}
  .sk-intro p{text-align:left;justify-self:start}
  .sk-bowls{grid-template-columns:1fr}
  .sk-bowls-fig{display:none}
  .sk-bowl{opacity:1;min-height:0;padding:30px 0}
  .sk-bowl.is-active .sk-bowl-name{transform:none}
  .sk .sk-bowl-img{display:block;width:78%;margin:0 auto 14px;transform:rotate(-6deg) scale(.92);transition:transform 1s var(--sk-ease)}
  .sk-bowl.is-active .sk-bowl-img{transform:none}
  .sk-bowl-meta{flex-direction:column;gap:6px}
  .sk-row{grid-template-columns:1fr;gap:10px;margin-left:0}
  .sk-prices{grid-template-columns:repeat(2,auto)}
  .sk-visit-grid,.sk-cards{grid-template-columns:1fr}
  .sk-facts li{grid-template-columns:90px 1fr}
  .sk-foot-cols{grid-template-columns:1fr 1fr}
  .sk-dark,.sk-menu,.sk-visit,.sk-learn{padding-top:80px}
}
@media (prefers-reduced-motion:reduce){
  .sk-line>span,.sk-js [data-reveal]{transition:none;transform:none;opacity:1}
  .sk-hero-copy,.sk-hero-media video{transform:none}
}

/* 2026-10-08: titular - "Frío." acero oscuro y "Simplee." en morado */
.sk-line>span.sk-acero{width:fit-content;background:linear-gradient(100deg,#2b2f33 0%,#5c636a 20%,#33383d 38%,#a9b0b6 52%,#3a3f44 66%,#1f2326 82%,#4d545a 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:skBrillo 4s linear infinite}
@keyframes skBrillo{to{background-position:-200% 0}}
.sk-line>span.sk-morado{color:var(--sk-acai-mid,#4a1d57)}
@media (prefers-reduced-motion:reduce){.sk-line>span.sk-acero{animation:none}}