html,body{margin:0;padding:0;min-height:100%;color:var(--tinta);font-family:Arial,Helvetica,sans-serif}#root{display:flex;flex-direction:column;position:relative;min-height:100%}header{background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 2px 16px #0f295514;position:sticky;top:0;z-index:40;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.logo-badge{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--yago-azul);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-badge img{width:100%;height:100%;object-fit:contain;display:block}.logo-badge .fallback{font-weight:900;font-size:18px;color:var(--yago-oscuro)}.brand-text h2{margin:0;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#667}.brand-chips{display:flex;gap:4px;margin-top:4px}.chip-sm{width:16px;height:8px;border-radius:2px}.gallery-link{background:var(--yago-oscuro);color:#fff;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:9px 14px;border-radius:8px;display:flex;align-items:center;gap:8px}.gallery-link svg{width:15px;height:15px}.hero{text-align:center;padding:22px 16px 6px}.hero-card{background:#fff9;max-width:640px;margin:0 auto;padding:18px 22px 22px;position:relative;overflow:hidden}.hero-top-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.hero-badge,.hero-year-chip{display:inline-flex;align-items:center;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);color:var(--yago-oscuro);font-weight:900;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:999px}.hero-year-chip{background:var(--yago-dorado);color:var(--yago-oscuro);border-color:transparent}.hero-card h1{position:relative;margin:0;font-size:clamp(20px,5vw,30px);font-weight:900;text-transform:uppercase;color:var(--yago-oscuro);letter-spacing:.5px}.hero-card h1 span{color:var(--yago-azul)}.hero-card p{position:relative;font-size:13px;color:#556;font-weight:600;max-width:460px;margin:8px auto 0}main{flex:1;display:flex;justify-content:center;padding:18px 14px 30px}.stage-frame{width:100%;max-width:560px;background:#ffffff73;overflow:hidden}.stage-frame-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.6)}.chroma-dots{display:flex;gap:7px}.chroma-dots span{width:10px;height:10px;border-radius:50%;display:block;box-shadow:0 1px 3px #0003}.status-pill{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--yago-oscuro);background:#ffffffa6;border:1px solid rgba(255,255,255,.8);padding:4px 9px;border-radius:999px}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--verde);animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.stage{position:relative;background:linear-gradient(160deg,#eef4fb,#f7f7f5);aspect-ratio:4 / 3;overflow:hidden}.idle-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--yago-azul);opacity:.55;text-align:center;padding:20px}.idle-state svg{width:54px;height:54px}.idle-state p{margin:0;font-size:13px;font-weight:700;max-width:260px;color:#5b7397;opacity:1}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:20}.flash.active{animation:flash .35s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}.capture-overlay{position:absolute;left:0;right:0;bottom:14px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:10px}.status-text{font-size:11px;font-weight:800;color:var(--yago-oscuro);background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 14px;border-radius:999px;text-align:center;min-height:16px}.capture-buttons{display:flex;align-items:center;justify-content:center;gap:18px}.capture-buttons-spacer{width:44px;height:44px;flex-shrink:0}button.shoot{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,var(--rojo) 40%,#9a0007 100%);border:4px solid #fff;box-shadow:0 0 0 5px var(--yago-azul),0 8px 18px #00000059;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}button.shoot svg{width:24px;height:24px}button.shoot:active{transform:scale(.95)}button.shoot:disabled{opacity:.5;cursor:default}button.pick-gallery{width:44px;height:44px;border-radius:50%;background:#ffffffd9;border:2px solid var(--yago-azul);color:var(--yago-azul);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}button.pick-gallery svg{width:19px;height:19px}button.pick-gallery:active{transform:scale(.95)}button.pick-gallery:disabled{opacity:.5;cursor:default}.capture-hint{margin:0;font-size:11px;font-weight:700;color:var(--yago-oscuro);background:#fff9;padding:3px 12px;border-radius:999px}.result{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:20px;z-index:50}.result.show{display:flex}.result-photo-wrap{position:relative;display:inline-block;max-width:90vw;max-height:55vh;border:5px solid #fff;border-radius:10px;box-shadow:0 10px #0000004d;overflow:hidden;line-height:0}.result-photo-wrap img{display:block;max-width:90vw;max-height:55vh}.result-status{color:#4ade80;font-weight:800;font-size:12px;letter-spacing:.5px;display:flex;align-items:center;gap:6px;background:#4ade801f;border:1px solid rgba(74,222,128,.35);padding:5px 14px;border-radius:999px}.upload-progress{width:100%;max-width:280px;height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.upload-progress-bar{height:100%;background:var(--yago-dorado);transition:width .15s ease}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.result-actions button,.result-actions a{border:none;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:11px 18px;border-radius:999px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:7px;text-decoration:none}.result-actions svg{width:14px;height:14px}.result-actions button:disabled{opacity:.5;cursor:default}.btn-again{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)!important}.btn-download{background:var(--yago-azul);color:#fff}.btn-ok{background:var(--yago-dorado);color:var(--yago-oscuro)}.error-banner{position:fixed;top:0;left:0;right:0;background:var(--rojo);color:#fff;font-weight:700;padding:12px 16px;text-align:center;display:none;z-index:60;font-size:13px}.error-banner.show{display:block}footer{text-align:center;padding:14px;color:#667;font-size:11px;font-weight:700}@media (max-width: 420px){.hero{padding-top:14px}.hero-card{padding:12px 14px 14px}.gallery-link span{display:none}}