/* Academia de Viñadores · tokens compartidos por la app y el panel */
:root{
  --noche:#1a2340; --noche-2:#232e52; --noche-3:#2e3b66; --noche-fondo:#141b33;
  --papel:#f6f4ef; --papel-2:#f2ede1; --papel-3:#fbf9f4; --blanco:#fff;
  --oro:#c99a3c; --oro-claro:#e5c785; --oro-texto:#a2761f; --llama:#e8734a;
  --uva:#6b3a5b; --uva-claro:#efe2ea;
  --hoja:#5c8a4f; --tallo:#8a6236;
  --tinta:#1b2233; --suave:#5e6573; --tenue:#b3a488; --linea:#e6e1d6;
  --falta:#a33a22; --cumple:#2f7a55; --decision:#6a4fa3; --bajo:#a2761f;
  --radio-l:20px; --radio-m:12px; --radio-s:8px;
  --sombra:0 10px 30px rgba(26,35,64,.09);
  --serif:'Fraunces',Georgia,serif; --sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  /* Escala de 4, igual que Consolidación */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:20px; --e6:24px; --e7:32px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--tinta);background:var(--papel);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--oro);outline-offset:2px;border-radius:6px}
.oculto{display:none!important}
.vacio{color:var(--suave);font-size:.9rem}

/* parra */
.parra{display:block;overflow:visible}
.parra .num{font:600 11px var(--sans);fill:var(--suave)}
.parra .uva.nueva{transform-box:fill-box;transform-origin:center top;animation:brota .9s cubic-bezier(.2,1.4,.4,1) both}
.parra .latido{transform-box:fill-box;transform-origin:center;animation:latido 1.6s ease-in-out infinite}
@keyframes brota{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes latido{50%{transform:scale(1.15);opacity:.5}}

/* barra con líneas del reglamento */
.metas{position:relative;height:10px;border-radius:99px;background:var(--papel-2);margin:22px 0 6px}
.metas-relleno{height:100%;border-radius:99px;transition:width .8s ease}
.f-cumple{background:var(--cumple)} .f-decision{background:var(--decision)} .f-bajo{background:var(--bajo)} .f-sin{background:var(--tenue)}
.metas-marca{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--tinta);opacity:.35}
.metas-marca i{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:600 10px var(--sans);font-style:normal;color:var(--suave);padding-bottom:2px}

.chip{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:3px 9px;font-size:.7rem;font-weight:700;white-space:nowrap}
.chip-cumple{background:#e2f0e8;color:#2f7a52} .chip-decision{background:#f0e9fb;color:#6a4fa3}
.chip-bajo{background:#fff1d5;color:#8a5d10} .chip-sin{background:#eeeae1;color:#5e6573}
.chip-online{background:#e6ebf7;color:#36508f} .chip-presencial{background:var(--papel-2);color:var(--suave)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* iOS agranda la página si un campo tiene menos de 16px */
@media (max-width:900px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}