:root{color-scheme:dark;--bg:#06100e;--surface:#0d1b18;--surface2:#132722;--line:#29413a;--text:#f5f8f6;--muted:#a1b2ac;--accent:#56e6a6;--accent2:#173d31;--danger:#ff7a7c;--amber:#ffcf72;--shadow:0 24px 80px #0009;font-family:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none}body{min-height:100vh;background:radial-gradient(circle at 28% 24%,#153c31 0,transparent 28%),radial-gradient(circle at 90% 0,#0c2a23 0,transparent 30%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.kiosk-shell{min-height:100vh;display:grid;grid-template-rows:92px 1fr 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);border-bottom:1px solid #1a302a;background:#07120fec;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:14px;background:transparent;border:0;text-align:left}.brand-mark,.fallback-mark{display:grid;place-items:center;background:var(--accent);color:#062119;font-weight:950}.brand-mark{width:50px;height:50px;border-radius:15px;font-size:27px}.brand strong,.brand small{display:block}.brand strong{font-size:22px;letter-spacing:.05em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.2em;margin-top:2px}.top-actions{display:flex;align-items:center;gap:20px}.top-actions time{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.round-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:25px}.data-status{display:flex;align-items:center;gap:9px;background:#10201c;border:1px solid var(--line);border-radius:99px;padding:9px 14px;color:var(--muted);font-size:13px;font-weight:700}.data-status i{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px currentColor}.data-status.live i{background:var(--accent)}.data-status.cache i{background:var(--amber)}.data-status.fallback i{background:var(--danger)}.offline-ribbon{position:fixed;top:92px;left:0;right:0;background:#503d16;color:#ffe9ad;text-align:center;padding:9px;z-index:8;font-weight:800}main{min-height:0;padding:clamp(22px,3vw,50px) clamp(24px,4vw,72px)}.home-view{height:100%;display:grid;grid-template-columns:minmax(440px,1.02fr) minmax(560px,1fr);gap:clamp(26px,4vw,70px);align-items:center;max-width:1760px;margin:auto}.tecla-stage{min-height:650px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #28463d;border-radius:34px;background:linear-gradient(145deg,#10241eaa,#07110faa);box-shadow:inset 0 1px #ffffff0a,0 30px 100px #0007}.tecla-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 69%,#56e6a60b 70%),linear-gradient(90deg,transparent 69%,#56e6a608 70%);background-size:100% 40px,40px 100%;mask-image:linear-gradient(transparent,#000 45%);opacity:.55}.avatar-mount{position:absolute;inset:0;z-index:2;pointer-events:none}.avatar-fallback{position:relative;width:310px;height:310px;display:grid;place-items:center;margin-top:-90px}.avatar-core{width:134px;height:134px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(145deg,#7af1bc,#3dd495);color:#062119;font-size:74px;font-weight:950;box-shadow:0 0 70px #56e6a655;z-index:2}.avatar-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:#56e6a624;filter:blur(30px)}.avatar-ring{position:absolute;border:1px solid #56e6a680;border-radius:50%;animation:orbit 14s linear infinite}.ring-one{width:240px;height:240px}.ring-two{width:300px;height:300px;border-style:dashed;animation-direction:reverse;animation-duration:22s}@keyframes orbit{to{transform:rotate(360deg)}}.welcome-copy{position:absolute;bottom:44px;left:42px;right:42px;z-index:3}.eyebrow{margin:0 0 9px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.17em}.welcome-copy h1{font-size:clamp(38px,3vw,58px);line-height:1;margin:0 0 14px}.welcome-copy p:last-child{color:var(--muted);font-size:18px;margin:0}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.launch-grid button{min-height:178px;padding:26px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,#12231f,#0c1816);display:flex;align-items:center;gap:20px;text-align:left;box-shadow:0 14px 36px #0003;transition:transform .18s,border-color .18s,background .18s}.launch-grid button:hover,.launch-grid button:active{transform:translateY(-4px);border-color:#4ba780;background:#153028}.tile-icon{flex:0 0 64px;height:64px;border-radius:19px;background:#203c34;color:var(--accent);display:grid;place-items:center;font-weight:950;font-size:20px}.tile-icon.accent{background:var(--accent);color:#062119}.launch-grid strong,.launch-grid small{display:block}.launch-grid strong{font-size:24px;margin-bottom:7px}.launch-grid small{color:var(--muted);font-size:14px;line-height:1.4}.section-view{max-width:1760px;margin:auto;min-height:calc(100vh - 210px)}.section-heading{display:grid;grid-template-columns:220px 1fr 160px;align-items:center;gap:24px;margin-bottom:30px}.section-heading h2{font-size:42px;margin:0}.back-btn,.refresh-btn{min-height:54px;border-radius:16px;border:1px solid var(--line);background:var(--surface);font-weight:850}.refresh-btn{background:var(--accent2);color:var(--accent)}.section-content{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px}.content-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#11221e,#0a1614);overflow:hidden;box-shadow:0 16px 42px #0003}.card-image{aspect-ratio:16/9;background:#0a1412;display:grid;place-items:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.image-fallback{width:100%;height:100%;display:grid;place-items:center;color:#67837a;background:linear-gradient(135deg,#142a24,#091411);font-weight:900;letter-spacing:.1em}.card-body{padding:22px}.card-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.card-body h3{font-size:25px;margin:7px 0 10px}.card-body p{color:var(--muted);line-height:1.55;min-height:3em}.card-action,.inline-action{min-height:48px;border:1px solid #3d6b5c;border-radius:14px;background:#153329;color:#b9f6d8;padding:11px 18px;font-weight:850}.empty-state{grid-column:1/-1;min-height:360px;border:1px dashed var(--line);border-radius:24px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:40px}.empty-state strong{display:block;color:var(--text);font-size:28px;margin-bottom:8px}.company-block{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface)}.company-copy{padding:42px}.company-copy h3{font-size:38px;margin:8px 0 12px}.company-copy p{color:var(--muted);line-height:1.75;font-size:18px}.company-media{min-height:340px;background:#091310;display:grid;place-items:center;overflow:hidden}.company-media img,.company-media video{width:100%;height:100%;object-fit:cover}.brochure-card .tile-icon{margin-bottom:18px}.ferroli-card{border-color:#506737}.ferroli-card .card-kicker{color:#bce35c}footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);border-top:1px solid #172a25;color:#718780;font-size:11px;letter-spacing:.11em}.version-badge{position:fixed;right:12px;bottom:10px;border:1px solid var(--line);border-radius:99px;background:#07110fee;padding:5px 9px;color:#6f8980;font-size:9px;z-index:15}.standby-overlay{position:fixed;inset:0;background:#000;z-index:100;overflow:hidden;cursor:none}.standby-overlay video{width:100%;height:100%;object-fit:contain;background:#000}.standby-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#173b31 0,#07110f 52%,#020605 100%)}.fallback-mark{width:150px;height:150px;border-radius:44px;margin:auto;font-size:82px;box-shadow:0 0 90px #56e6a655}.standby-fallback p{color:var(--accent);font-weight:900;letter-spacing:.25em;margin:28px 0 12px}.standby-fallback h2{font-size:46px;margin:0}.standby-chrome{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;padding:50px 60px 38px;background:linear-gradient(transparent,#000c);text-shadow:0 2px 12px #000}.standby-chrome strong,.standby-chrome small{display:block}.standby-chrome strong{font-size:23px}.standby-chrome small{color:#ccc;margin-top:4px}.standby-chrome>span{font-size:12px;font-weight:900;letter-spacing:.16em}.content-dialog,.media-dialog{padding:0;border:0;background:transparent;color:var(--text);width:min(1100px,calc(100vw - 50px));max-width:none}.content-dialog::backdrop,.media-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-shell{position:relative;border:1px solid var(--line);border-radius:28px;background:#0d1b18;padding:38px;max-height:88vh;overflow:auto;box-shadow:var(--shadow)}.dialog-close{position:sticky;float:right;top:0;width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:#13251f;font-size:30px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px}.detail-media{display:grid;gap:12px}.detail-media img,.detail-media video{width:100%;border-radius:18px;background:#050907}.detail-copy h2{font-size:42px;margin:8px 0 14px}.detail-copy p{color:var(--muted);font-size:17px;line-height:1.7}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{aspect-ratio:4/3;object-fit:cover}.media-shell h2{margin-right:70px}.media-shell video,.media-shell img,.media-shell iframe{width:100%;max-height:72vh;border:0;border-radius:18px;background:#030504}.media-shell iframe{height:70vh}.media-error{color:#ffc4c5;background:#391b1d;border:1px solid #673134;padding:18px;border-radius:14px}.status-note{grid-column:1/-1;color:var(--muted);font-size:13px}
@media(max-width:1150px){.home-view{grid-template-columns:1fr}.tecla-stage{min-height:430px}.avatar-fallback{width:220px;height:220px;margin-top:-40px}.avatar-core{width:100px;height:100px;font-size:55px}.ring-one{width:180px;height:180px}.ring-two{width:220px;height:220px}.launch-grid{grid-template-columns:repeat(3,1fr)}.launch-grid button{min-height:140px}.section-content{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.kiosk-shell{grid-template-rows:76px 1fr 40px}.topbar{padding:0 16px}.data-status span{display:none}.top-actions{gap:10px}.top-actions time{font-size:19px}.round-btn{width:44px;height:44px}.brand-mark{width:43px;height:43px}.brand strong{font-size:18px}main{padding:18px 14px}.tecla-stage{min-height:390px}.welcome-copy{left:24px;right:24px;bottom:26px}.launch-grid{grid-template-columns:1fr 1fr;gap:10px}.launch-grid button{min-height:120px;padding:16px;gap:12px}.tile-icon{flex-basis:48px;height:48px;border-radius:14px;font-size:14px}.launch-grid strong{font-size:18px}.launch-grid small{display:none}.section-heading{grid-template-columns:1fr auto}.section-heading>div{grid-row:1;grid-column:1/-1}.section-heading h2{font-size:34px}.back-btn{grid-row:2}.refresh-btn{grid-row:2}.section-content{grid-template-columns:1fr}.company-block,.detail-layout{grid-template-columns:1fr}.company-copy{padding:25px}.standby-chrome{padding:35px 22px 24px}.standby-chrome>span{max-width:190px;text-align:right}.dialog-shell{padding:24px}.content-dialog,.media-dialog{width:calc(100vw - 20px)}}