/* Estilos comunes de todos los módulos (colores Decanto) */
:root{
  --fondo:#EDE8E0; --tarjeta:#fff; --crema:#F5F2ED; --linea:#D8CFC0;
  --arena:#C8B89A; --nogal:#6B4C35; --nogal-osc:#4E3627;
  --tinta:#1C1D1F; --gris:#4A4A4A; --verde:#2c7a3f; --rojo:#9C4A3C;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Manrope,Arial,sans-serif}
a{color:var(--nogal-osc)}
button,input,select,textarea{font-family:inherit}
.contenedor{max-width:520px;margin:0 auto}
.btn{font-weight:700;font-size:13px;border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;border:1.5px solid var(--nogal);background:transparent;color:var(--nogal-osc)}
.btn-p{background:var(--nogal);color:var(--crema)}
.btn:disabled{opacity:.5;cursor:default}
.tarjeta{background:var(--tarjeta);border-radius:12px;padding:14px 16px}
.sec{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--nogal-osc);border-bottom:1px solid var(--arena);padding-bottom:4px;text-transform:uppercase}
.lbl{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gris);margin-bottom:3px}
.inp{width:100%;border:none;border-bottom:1.5px solid var(--linea);padding:6px 2px;font-size:15px;background:transparent;color:var(--tinta)}
.inp:focus{outline:none;border-bottom-color:var(--nogal)}
.num{font-variant-numeric:tabular-nums}
.error{color:var(--rojo);font-size:13px;font-weight:700;min-height:18px}
.banner-pruebas{background:var(--rojo);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-align:center;padding:6px}
.oculto{display:none!important}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--nogal);color:var(--crema);font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.avatar.claro{background:var(--arena);color:var(--tinta)}
:focus-visible{outline:2px solid var(--nogal);outline-offset:2px}
