/* =========================================================
   01-EDITAR-GENERAL.CSS — CAMBIOS RÁPIDOS
   Este archivo carga después de styles.css.
   Toca aquí colores y tamaños sin romper la plantilla.
   ========================================================= */

:root{
  /* Fondos */
  --fondo-web:#f3f5f8;
  --fondo-degradado:linear-gradient(180deg,#ffffff 0%,#f6f7f9 48%,#e9edf3 100%);

  /* Texto */
  --texto-principal:#0b0d10;
  --texto-secundario:#1f2937;

  /* Cabecera */
  --cabecera-fondo:#030303;
  --menu-texto:#ffffff;

  /* Botón Amazon */
  --amazon-oro:#ffbf35;
  --amazon-oro-oscuro:#d99000;

  /* Formas */
  --radio-grande:30px;
  --radio-medio:18px;

  /* Fuente y pesos */
  --fuente-texto:'Exo 2','Segoe UI',Arial,sans-serif;
  --fuente-titulos:'Exo 2','Segoe UI',Arial,sans-serif;
  --peso-normal:400;
  --peso-texto:500;
  --peso-menu:600;
  --peso-negrita:700;
  --peso-titulo:700;
}

/* Tamaño general */
html{font-size:18px;}

/* Botones */
.btn{border-radius:999px;font-weight:var(--peso-negrita);}

/* Tarjetas */
.card,.product-card,.feature-card,.top-box{border-radius:var(--radio-grande);}