/* Trópico × Basauriko Herri Krosa 2026 — scoped styles, no framework required. */
.hktropico{--hkt-purple:#402747;--hkt-plum:#6c376b;--hkt-green:#bad74b;--hkt-lime:#ebf8b8;--hkt-cream:#fbf8f2;--hkt-ink:#242129;--hkt-muted:#625c65;--hkt-shadow:0 24px 70px rgba(48,31,47,.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.62;color:var(--hkt-ink);background:var(--hkt-cream);border-radius:24px;overflow:hidden;isolation:isolate;}
.hktropico *{box-sizing:border-box}.hktropico img{max-width:100%;height:auto}.hktropico h1,.hktropico h2,.hktropico p{margin-top:0}.hktropico h1,.hktropico h2{letter-spacing:-.04em;font-weight:800;line-height:1.12}.hktropico a{text-decoration:none}.hktropico button{font:inherit}.hktropico .hkt-shell{width:min(100%,1220px);margin-inline:auto;padding:32px clamp(18px,4vw,56px) 24px}.hktropico .hkt-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.hktropico .hkt-tag{color:var(--hkt-plum);font-weight:800;font-size:clamp(10px,1.15vw,13px);letter-spacing:.09em}.hktropico .hkt-tag span{font-size:19px;padding:0 6px;opacity:.5}.hktropico .hkt-lang{display:inline-flex;flex-shrink:0;padding:4px;background:white;border:1px solid rgba(79,47,83,.14);border-radius:999px;box-shadow:0 6px 30px rgba(52,32,50,.04)}.hktropico .hkt-lang button{color:var(--hkt-purple);border:0;background:transparent;cursor:pointer;padding:9px 16px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}.hktropico .hkt-lang button[aria-pressed=true]{color:#fff;background:var(--hkt-purple)}.hktropico button:focus-visible,.hktropico a:focus-visible{outline:3px solid #8fa82c;outline-offset:4px}.hktropico [hidden]{display:none!important}
.hktropico .hkt-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,54px);padding-bottom:54px}.hktropico .hkt-hero-text{padding:24px 0}.hktropico .hkt-eyebrow,.hktropico .hkt-section-label{font-size:12px;font-weight:900;letter-spacing:.2em;color:#6c5570;text-transform:uppercase}.hktropico .hkt-pill{display:inline-flex;align-items:center;gap:6px;background:var(--hkt-lime);padding:8px 13px;border-radius:999px;color:#456018;font-weight:900;font-size:11px;letter-spacing:.04em;margin:20px 0}.hktropico .hkt-hero h1{font-size:clamp(36px,4.5vw,61px);color:var(--hkt-purple);margin-bottom:22px}.hktropico .hkt-lead{font-size:clamp(16px,1.75vw,20px);color:#5d5260;max-width:540px;margin-bottom:25px}.hktropico .hkt-hero-meta{display:flex;gap:9px;flex-wrap:wrap}.hktropico .hkt-hero-meta span{font-size:12px;font-weight:750;color:var(--hkt-purple);border:1px solid #dfd6dc;border-radius:12px;background:#fff;padding:9px 12px}.hktropico .hkt-hero-image{height:clamp(270px,35vw,445px);overflow:hidden;border-radius:28px;box-shadow:var(--hkt-shadow);transform:rotate(1deg);border:7px solid white}.hktropico .hkt-hero-image img{height:100%;width:100%;object-fit:cover;display:block}
.hktropico .hkt-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.hktropico .hkt-video-panel,.hktropico .hkt-story-panel{border-radius:28px;padding:clamp(20px,3vw,36px);min-width:0}.hktropico .hkt-video-panel{background:var(--hkt-purple);color:#fff}.hktropico .hkt-panel-head{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.hktropico .hkt-panel-head h2{font-size:clamp(19px,2vw,26px);color:#fff;margin:0}.hktropico .hkt-live-dot{background:var(--hkt-green);width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 5px rgba(186,215,75,.15)}.hktropico .hkt-video-frame{width:min(100%,315px);aspect-ratio:9/16;border:5px solid rgba(255,255,255,.9);background:#211b25;overflow:hidden;border-radius:24px;margin:0 auto;box-shadow:0 24px 48px rgba(9,4,12,.25)}.hktropico .hkt-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#1b1620}.hktropico .hkt-video-caption{margin:15px 0 0;text-align:center;color:#f7eaf5;font-size:13px}.hktropico .hkt-story-panel{background:#f0eee5;border:1px solid #e7e2d9;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hktropico .hkt-star{font-size:65px;line-height:1;color:var(--hkt-plum);margin-bottom:16px}.hktropico .hkt-story-panel h2{color:var(--hkt-purple);font-size:clamp(28px,3vw,43px);margin-bottom:16px}.hktropico .hkt-story-panel p{font-size:clamp(15px,1.4vw,18px);color:#605864;line-height:1.75}.hktropico .hkt-shop-mark{width:min(320px,85%);overflow:hidden;border-radius:15px;margin:22px 0 24px;background:white;transform:rotate(-2deg);box-shadow:0 13px 32px rgba(43,32,39,.13)}.hktropico .hkt-shop-mark img{display:block;width:100%;height:auto}.hktropico .hkt-small-credit{font-size:12px;color:#4a4850;font-weight:750;margin-top:6px}
.hktropico .hkt-gallery-section{padding:clamp(50px,6vw,90px) 0 50px}.hktropico .hkt-gallery-section h2{color:var(--hkt-purple);font-size:clamp(28px,3.7vw,43px);margin:12px 0 25px}.hktropico .hkt-gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;align-items:stretch}.hktropico .hkt-gallery a{display:block;position:relative;border:4px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(63,39,65,.08);transition:transform .2s ease}.hktropico .hkt-gallery a:hover{transform:translateY(-6px)}.hktropico .hkt-gallery img{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;display:block}.hktropico .hkt-gallery a span{position:absolute;bottom:6px;left:6px;background:#fff;border-radius:7px;padding:0 6px;font-weight:900;color:var(--hkt-purple);font-size:11px}
.hktropico .hkt-finale{background:var(--hkt-green);color:#24311b;border-radius:28px;padding:clamp(24px,4vw,46px);display:flex;align-items:center;justify-content:space-between;gap:22px}.hktropico .hkt-finale h2{font-size:clamp(30px,3.5vw,47px);margin:6px 0 12px;color:#20321b}.hktropico .hkt-finale p{font-size:15px;margin-bottom:0;max-width:650px;color:#344331}.hktropico .hkt-final-leaf{font-size:30px}.hktropico .hkt-cta{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:var(--hkt-purple);color:white!important;border-radius:999px;white-space:nowrap;padding:16px 22px;font-weight:800;font-size:14px;box-shadow:0 8px 22px rgba(52,31,50,.19)}.hktropico .hkt-cta:hover{background:#241729;color:#fff}.hktropico .hkt-footer-line{text-align:center;margin:25px 0 0;color:#7d7480;font-size:12px}.hktropico-video-only{padding:18px;background:var(--hkt-purple);max-width:360px}
@media(max-width:900px){.hktropico .hkt-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.hktropico .hkt-hero h1{font-size:clamp(32px,5vw,47px)}.hktropico .hkt-hero{gap:25px}.hktropico .hkt-finale{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.hktropico{border-radius:14px}.hktropico .hkt-shell{padding:22px 16px}.hktropico .hkt-topbar{flex-wrap:wrap;margin-bottom:10px}.hktropico .hkt-lang button{font-size:10px;padding:7px 11px}.hktropico .hkt-hero{grid-template-columns:1fr;padding-bottom:35px}.hktropico .hkt-hero-text{padding:16px 0 0}.hktropico .hkt-hero-image{height:235px;transform:none}.hktropico .hkt-content-grid{grid-template-columns:1fr}.hktropico .hkt-video-frame{max-width:275px}.hktropico .hkt-story-panel{min-height:350px}.hktropico .hkt-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hktropico .hkt-gallery a{border-width:2px}.hktropico .hkt-cta{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.hktropico .hkt-gallery a{transition:none}.hktropico .hkt-gallery a:hover{transform:none}}