/* ===========================
   Cantera Digital — Base CSS
   =========================== */

:root {
    --verde-oscuro: #1a4731;
    --verde-medio: #2d7a4f;
    --verde-claro: #3cab6e;
    --verde-suave: #e8f5ee;
    --blanco: #ffffff;
    --gris-claro: #f4f6f5;
    --gris-borde: #dde8e2;
    --gris-texto: #6b7c74;
    --negro-suave: #1c2b24;
    --rojo: #dc2626;
    --radius: 10px;
    --radius-lg: 16px;
    --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font);
    background: var(--gris-claro);
    color: var(--negro-suave);
    min-height: 100vh;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    font-family: var(--font);
    cursor: pointer;
}

/* Los <select> nativos (sobre todo en WebView de la app) a veces calculan
   su ancho según la opción más larga en vez del espacio disponible.
   Este tope evita que "empujen" su contenedor más ancho que la pantalla. */
select {
    max-width: 100%;
}

/* Utilidades */
.text-center { text-align: center; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 16px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 16px; }