/* 1. FONDO DE PANTALLA */
  html, body, #app, main, .site-wrapper, .main-container, .page-content {
    background-color: #ebc3c3 !important;
  }

  /* 2. FORZAR COLOR GRIS A TODO EL TEXTO (Menos botones) */
  /* El selector "*" dentro de los contenedores de info fuerza el color a todos los hijos */
  .product-info-wrapper *, 
  .product-detail *, 
  h1, h2, h3, h4, p, span, div {
    color: #4a4a4a !important; /* Gris oscuro para mejor lectura */
  }

  /* 3. MANTENER BOTONES Y VARIANTES CON ALTO CONTRASTE */
  /* Aquí revertimos el color para que los botones se sigan viendo bien */
  button, .variant-item, .quantity *, [class*="quantity"] *, .price, .money {
    color: #000000 !important;
  }

  /* Asegurar botones con fondo blanco */
  button, .variant-item, .quantity, div[class*="quantity"] {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
  }

  /* Darle el tamaño e importancia correctos al título principal */
  .product-info-wrapper h1, 
  .product-title {
    font-size: 2.2rem !important;
    font-weight: bold !important;
  }