/* MVP Ecommerce — estilos base (blanco, verde y dorado) */
:root{
  --verde:#1F4D3A; --verde-osc:#123524; --verde-claro:#E8F0EC;
  --dorado:#C9A24A; --dorado-claro:#E3CD8B; --crema:#F6EFD8;
  --blanco:#FFFFFF; --fondo:#F7F7F5;
  --texto:#1C1F1D; --texto-2:#5B625E; --borde:#E2E4E0;
  --ok:#2E7D4F; --alerta:#B7791F; --error:#B3261E;
  --radio:10px; --sombra:0 1px 3px rgba(18,53,36,.10),0 4px 14px rgba(18,53,36,.06);
  --fuente:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--fuente);color:var(--texto);background:var(--fondo);font-size:15px;line-height:1.45}
img{max-width:100%;display:block}
a{color:var(--verde);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0 0 .4em;line-height:1.2;color:var(--verde-osc)}
.contenedor{max-width:1180px;margin:0 auto;padding:0 16px}
.oculto{display:none!important}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radio);padding:10px 18px;font:600 15px var(--fuente);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-primario{background:var(--verde);color:#fff}
.btn-primario:hover:not(:disabled){background:var(--verde-osc);text-decoration:none}
.btn-dorado{background:var(--dorado);color:var(--verde-osc)}
.btn-dorado:hover:not(:disabled){background:var(--dorado-claro);text-decoration:none}
.btn-borde{background:#fff;color:var(--verde);border-color:var(--verde)}
.btn-borde:hover:not(:disabled){background:var(--verde-claro);text-decoration:none}
.btn-peligro{background:#fff;color:var(--error);border-color:var(--error)}
.btn-peligro:hover:not(:disabled){background:#FBEAE8}
.btn-wa{background:#25D366;color:#073B1B}
.btn-wa:hover:not(:disabled){background:#1fbd5b;text-decoration:none}
.btn-chico{padding:6px 12px;font-size:13px}

/* Formularios */
label{display:block;font-weight:600;font-size:13px;margin:0 0 6px;color:var(--texto)}
input,select,textarea{width:100%;font:15px var(--fuente);color:var(--texto);background:#fff;border:1px solid var(--borde);border-radius:8px;padding:10px 12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--dorado);outline-offset:0;border-color:var(--dorado)}
textarea{min-height:90px;resize:vertical}
.campo{margin-bottom:16px}
.ayuda{font-size:12px;color:var(--texto-2);margin-top:4px}

/* Tarjetas, badges, tablas */
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}
.b-verde{background:var(--verde-claro);color:var(--verde)}
.b-dorado{background:var(--crema);color:#7A5D12}
.b-gris{background:#EEF0ED;color:var(--texto-2)}
.b-rojo{background:#FBEAE8;color:var(--error)}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2);padding:10px 12px;border-bottom:1px solid var(--borde);background:#FAFAF8}
td{padding:10px 12px;border-bottom:1px solid var(--borde);vertical-align:middle}
tr:last-child td{border-bottom:0}

/* Avisos */
.aviso{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}
.aviso-ok{background:var(--verde-claro);color:var(--verde-osc)}
.aviso-error{background:#FBEAE8;color:var(--error)}
.aviso-info{background:var(--crema);color:#5E4710}

/* Cargando */
.cargando{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--texto-2)}
.giro{width:20px;height:20px;border:3px solid var(--borde);border-top-color:var(--verde);border-radius:50%;animation:g .8s linear infinite;margin-right:10px}
@keyframes g{to{transform:rotate(360deg)}}

@media (max-width:640px){.contenedor{padding:0 12px}}

.sub{font-size:13px;color:var(--texto-2)}