/** Shopify CDN: Minification failed

Line 75:18 Unexpected "{"
Line 75:27 Expected ":"
Line 76:18 Unexpected "{"
Line 76:27 Expected ":"
Line 77:18 Unexpected "{"
Line 77:27 Expected ":"

**/
/* =========================================================
   MINI BURBUJAS - ESTILOS PERSONALIZADOS
   Archivo: custom.css
   Propósito: contener ajustes y overrides del tema Dawn
   ========================================================= */

/* =========================================================
   🧭 ESTRUCTURA GENERAL DE ESTE ARCHIVO
   =========================================================
   1. Encabezado y navegación
   2. Secciones principales (colecciones, productos, etc.)
   3. Páginas específicas
   4. Componentes (botones, formularios, íconos)
   5. Footer y redes sociales
   6. Ajustes responsivos (móvil y tablet)
   ========================================================= */


/* =========================================================
   1️⃣ ENCABEZADO Y NAVEGACIÓN
   ========================================================= */

/* Ejemplo: ajustar ícono de WhatsApp en header */


/* =========================================================
   2️⃣ SECCIONES PRINCIPALES
   ========================================================= */

/* --- Colección destacada: centrar título y descripción --- */
.collection__title.title-wrapper {
  justify-content: center !important;
  text-align: center !important;
}

.collection__title.title-wrapper .title,
.collection__title.title-wrapper h2,
.collection__title.title-wrapper .inline-richtext,
.collection__title.title-wrapper p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 60ch;
}

/* --- Colección destacada: elegir tamaño de subtítulo --- */
.collection__subtitle {
  margin-top: .25rem;   /* pegado al título */
  margin-bottom: 1.25rem;
  text-align: inherit;
  opacity: .9;
}

/* Opcional: si quieres que se vea un poco más liviano que el título */
.collection__subtitle.h1,
.collection__subtitle.h2,
.collection__subtitle.h3,
.collection__subtitle.h4,
.collection__subtitle.h5,
.collection__subtitle.h6 {
  font-weight: 500; /* más delgado que el título */
}

/* -- Formulario de contacto -- */
#shopify-section-{{ section.id }} input,
#shopify-section-{{ section.id }} textarea,
#shopify-section-{{ section.id }} select {
  border-radius: 5px;
}


/* =========================================================
   3️⃣ PÁGINAS ESPECÍFICAS
   ========================================================= */

/* (Ejemplo: página de contacto o “Aliados Mini Burbujas”) */


/* =========================================================
   4️⃣ COMPONENTES
   ========================================================= */

/* (Botones, inputs, íconos, etc.) */


/* =========================================================
   5️⃣ FOOTER Y REDES SOCIALES
   ========================================================= */

/* (Métodos de pago, alineación de íconos, etc.) */
/* --- Solo campo de newsletter en el footer --- */
footer .field:after {
  border-radius: 5px !important; /* tu nuevo valor */
}
/* --- Métodos de pago en el footer --- */
footer .footer__payment,
footer .footer__payment ul,
footer .footer__payment li {
  list-style: none !important;       /* Quita las viñetas */
  margin: 0 !important;
  padding: 0 !important;
}

footer .footer__payment ul {
  display: flex !important;          /* Coloca en línea */
  flex-wrap: wrap;                   /* Si son muchos, saltan a otra línea */
  gap: 12px !important;              /* Espacio entre íconos o textos */
  align-items: center !important;
  justify-content: center !important; /* o 'flex-start' si los quieres alineados a la izquierda */
}

footer .footer__payment li {
  display: flex !important;
  align-items: center;
}

/* Si los nombres están en texto (Visa, PayPal...) */
footer .footer__payment li {
  font-size: 15px;
  color: #555;
}

/* Redondear botones del banner de cookies */
.shopify-pc__banner button,
.shopify-pc__modal button {
  border-radius: 12px !important;   /* Ajusta el número según tu gusto */
  padding: 10px 18px !important;
}

/* Hover suave */
.shopify-pc__banner button:hover,
.shopify-pc__modal button:hover {
  opacity: 0.9;
}

/* (Opcional) Redondear también el panel completo */
.shopify-pc__banner,
.shopify-pc__modal {
  border-radius: 14px !important;
}

/* (Opcional) Sombra suave estilo tarjeta */
.shopify-pc__banner,
.shopify-pc__modal {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}




/* =========================================================
   6️⃣ AJUSTES RESPONSIVOS
   ========================================================= */

/* --- Móvil (max-width: 768px) --- */
@media screen and (max-width: 768px) {
  /* Tus reglas para móvil aquí */
}

/* --- Tablet (max-width: 1024px) --- */
@media screen and (max-width: 1024px) {
  /* Tus reglas para tablet aquí */
}

/* =========================================================
   7️⃣ AJUSTES LOOX REVIEWS APP
   ========================================================= */

/* Fondo del contenedor que envuelve el widget Loox */
#shopify-section-template--20434515656948__1762300392e229a0d2 {
  background-color: #FEDADA !important;
}