/* TowelSites, the fast page for phones (html.fast): no 3D, no loader, no sound. The same articles as the 3D sheets,
   one after another, Spanish first, the price and WhatsApp on the first screen, a WhatsApp bar at the bottom.
   Also the bits both views share: WhatsApp buttons, Isabel's card, the legal notice link. */

/* WhatsApp green, dark enough for white text (WCAG AA) */
.btn.wa{background:#0e7a43;border-color:#0e7a43;color:#fff;gap:9px}
.btn.wa:hover{box-shadow:4px 4px 0 var(--sun)}
.sheet .btn.wa{background:#0e7a43;border-color:#0e7a43}
.wa-ico{width:20px;height:20px;flex:0 0 auto}
.free{margin:14px 0 0;font-weight:700}
.linkish{text-decoration:underline;text-underline-offset:3px;font:inherit;color:inherit;text-align:left}

/* Isabel */
.isa{display:flex;align-items:center;gap:16px;margin:24px 0 0;max-width:30em}
.isa-pic{width:76px;height:76px;flex:0 0 auto}
.isa p{margin:0}

/* the legal notice is one tap away on the 3D beach too */
.legal-link{position:fixed;right:12px;bottom:8px;z-index:40;font:600 11px/1 var(--body);color:#fff;opacity:.75;text-shadow:0 1px 3px rgba(0,0,0,.6);padding:6px 4px}
.legal-link:hover{opacity:1;text-decoration:underline}
.no-js .legal-link,.no-gl .legal-link{display:none}
@media (pointer:coarse){.snd-hint{display:none}}

/* ---------- fast page ---------- */
.fast-only{display:none}
.fast body{overflow:auto;height:auto}
.fast .world,.fast .gate,.fast .sheet,.fast .passed,.fast .legal-link{display:none!important}

.fast .fbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;height:56px;padding:0 16px;background:var(--paper);border-bottom:var(--line) solid var(--ink)}
.fbar .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.fbar .brand svg{width:40px;height:28px;color:var(--ink);filter:none}
.fbar .brand span{font:700 26px/1 var(--hand);color:var(--ink);text-shadow:none}
.fbar .lang{min-width:48px;min-height:40px;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:999px;font:700 14px/1 var(--display)}

.fast .docs{display:flex;flex-direction:column;max-width:640px;margin:0 auto;padding:4px 16px 120px}
.fast .docs article{padding:30px 0 34px;border-bottom:var(--line) solid var(--ink)}
.fast .docs article:last-child{border-bottom:0}
.fast #d-hello{order:1;padding-top:22px}
.fast #d-prices{order:2}
.fast #d-how{order:3}
.fast #d-contact{order:4}
.fast #d-faq{order:5}
.fast #d-work{order:6}
.fast #d-legal{order:7;font-size:14px;color:var(--pencil)}
.fast .docs article[data-kind="site"]{display:none}
.fast h1{font-size:40px}
.fast h2{font-size:32px}
.fast #d-legal h2{font-size:22px}
.fast .ctas .btn{flex:1 1 220px}

/* an example site on a phone, drawn in CSS so the page stays light */
.fast .demo{display:block;margin:30px auto 0;text-align:center}
.demo .phone{width:min(230px,70vw);margin:0 auto;padding:12px 10px 18px;border:3px solid var(--ink);border-radius:30px;background:var(--ink);box-shadow:8px 8px 0 var(--sun)}
.demo .scr{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fffaf0;border-radius:18px;padding:16px 14px;color:var(--ink)}
.demo .d-name{font:700 24px/1 var(--display)}
.demo .d-kind{font-size:12px;color:var(--pencil)}
.demo .d-tag{align-self:flex-start;font-size:11px;font-weight:700;background:#e3f5ea;color:#0e5a32;border-radius:999px;padding:3px 9px}
.demo .d-menu{list-style:none;margin:6px 0 0;padding:0;font-size:13px}
.demo .d-menu li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #d9d4c6}
.demo .d-menu i{font-style:normal;font-weight:700}
.demo .d-btns{display:flex;gap:8px;margin-top:6px}
.demo .d-btns i{flex:1;text-align:center;font-style:normal;padding:7px 0;border:1.5px solid var(--ink);border-radius:10px}
.demo-cap{margin:14px 0 0;font-size:13px;color:var(--pencil)}
.fast .beach3d{display:flex;width:100%;margin-top:22px;background:var(--paper);color:var(--ink)}
.fast .beach3d:hover{box-shadow:4px 4px 0 var(--vc-pink,#ff3d9a)}

/* WhatsApp + call, always within thumb reach */
.fast .fdock{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--line) solid var(--ink)}
.fdock .btn{min-height:50px}
.fdock .wa{flex:1 1 auto}
.fdock .call{flex:0 0 auto;padding:0 20px}

/* Spanish prices include IVA, so they are longer (786,50 €): smaller figures in the round stickers */
:lang(es) .combo .sticker .price{font-size:34px}
:lang(es) .c2 .sticker .price,:lang(es) .c3 .sticker .price,:lang(es) .c4 .sticker .price{font-size:25px;letter-spacing:-.04em}