@media (max-width: 768px) {
  .product-card .add-to-cart,
  .product-item .add-to-cart,
  .addtocart-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* =========================
   FUENTE MANROPE
   ========================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');


/* =========================
   ENCABEZADOS SEITURA
   ========================= */

/* Encabezado 1 - mayor */
h1,
.seitura-h1 {
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  color: #bd6b14;
  margin-bottom: 16px;
}

/* Encabezado 2 */
h2,
.seitura-h2 {
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: #649668;
  margin-bottom: 14px;
}

/* Encabezado 3 */
h3,
.seitura-h3 {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #9a9a9a;
  margin-bottom: 12px;
}

/* Encabezado 4 */
h4,
.seitura-h4 {
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #d4d4d4;
  margin-bottom: 10px;
}

/* Encabezado 5 */
h5,
.seitura-h5 {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #7B2CFF;
  margin-bottom: 8px;
}

/* Encabezado 6 - menor */
h6,
.seitura-h6 {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #FF0000;
  margin-bottom: 8px;
}


/* =========================
   TEXTO NORMAL SEITURA
   ========================= */

.seitura-texto1 {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #330000;
  margin-bottom: 12px;
}
.seitura-texto2 {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 12px;
}

/* =====================================================
   ACORDEÓN SEITURA - ZOHO COMMERCE / ZOHO SITES
   Versión respetando estilos globales de texto
   - Header naranja oscuro
   - Contenido claro solo cuando está abierto
   - Sin franjas claras entre headers cerrados
   - Los textos heredan el CSS general de la web
   ===================================================== */


/* =====================================================
   1. LIMPIEZA GENERAL DEL ACORDEÓN
   ===================================================== */

.zpelem-accordion,
.zpaccordion-container,
.zpaccordions,
[data-element-type="accordion"],
[data-element-type="accordionContainer"] {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =====================================================
   2. ENCABEZADOS DEL ACORDEÓN
   ===================================================== */

.zpelement.zpaccordion,
[data-element-type="accordionheader"] {
  background: #EA7704 !important;
  background-color: #EA7704 !important;
  color: #ffffff !important;

  padding: 15px 18px !important;
  margin: 0 0 3px 0 !important;

  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}


/* Hover del encabezado */
.zpelement.zpaccordion:hover,
[data-element-type="accordionheader"]:hover {
  background: #c85f00 !important;
  background-color: #c85f00 !important;
}


/* Texto del encabezado: mantiene estilo general, solo fuerza color blanco */
.zpelement.zpaccordion .zpaccordion-name,
[data-element-type="accordionheader"] .zpaccordion-name {
  color: #ffffff !important;
}


/* Iconos del encabezado */
.zpelement.zpaccordion .zpaccordionicon,
[data-element-type="accordionheader"] .zpaccordionicon {
  color: #ffffff !important;
}

.zpelement.zpaccordion .zpaccordionicon svg,
.zpelement.zpaccordion .zpaccordionicon path,
[data-element-type="accordionheader"] .zpaccordionicon svg,
[data-element-type="accordionheader"] .zpaccordionicon path {
  fill: #ffffff !important;
  color: #ffffff !important;
}


/* =====================================================
   3. CONTENIDO CERRADO
   Quita la franja naranja clara entre encabezados
   ===================================================== */

.zpaccordion + *,
[data-element-type="accordionheader"] + *,
.zpaccordioncontent,
.zpaccordion-content,
.zpaccord-content,
.zpaccordcontent,
[data-element-type="accordioncontent"] {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* Oculta bloques vacíos */
.zpaccordion + *:empty,
[data-element-type="accordionheader"] + *:empty,
.zpaccordioncontent:empty,
.zpaccordion-content:empty,
.zpaccord-content:empty,
.zpaccordcontent:empty,
[data-element-type="accordioncontent"]:empty {
  display: none !important;
}


/* =====================================================
   4. CONTENIDO ABIERTO
   Fondo claro solo cuando el acordeón está abierto
   ===================================================== */

.zpaccordioncontent[style*="display: block"],
.zpaccordion-content[style*="display: block"],
.zpaccord-content[style*="display: block"],
.zpaccordcontent[style*="display: block"],
[data-element-type="accordioncontent"][style*="display: block"] {
  background: #fff7ef !important;
  background-color: #fff7ef !important;

  color: inherit !important;

  padding: 18px 20px !important;
  margin: -3px 0 10px 0 !important;

  border: 1px solid #EA7704 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;

  box-shadow: none !important;
}


/* Variante si Zoho marca el header abierto con aria-expanded */
.zpelement.zpaccordion[aria-expanded="true"] + *,
[data-element-type="accordionheader"][aria-expanded="true"] + * {
  background: #fff7ef !important;
  background-color: #fff7ef !important;

  color: inherit !important;

  padding: 18px 20px !important;
  margin: -3px 0 10px 0 !important;

  border: 1px solid #EA7704 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;

  box-shadow: none !important;
}


/* Variante si Zoho usa clases de activo/abierto */
.zpelement.zpaccordion.zpactive + *,
.zpelement.zpaccordion.zpaccordion-active + *,
.zpelement.zpaccordion.active + *,
[data-element-type="accordionheader"].zpactive + *,
[data-element-type="accordionheader"].zpaccordion-active + *,
[data-element-type="accordionheader"].active + * {
  background: #fff7ef !important;
  background-color: #fff7ef !important;

  color: inherit !important;

  padding: 18px 20px !important;
  margin: -3px 0 10px 0 !important;

  border: 1px solid #EA7704 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;

  box-shadow: none !important;
}


/* =====================================================
   5. RESPETAR ESTILOS DE TEXTO GLOBALES
   No se fuerza fuente, tamaño ni peso.
   Solo se evita que Zoho meta colores raros.
   ===================================================== */

.zpaccordioncontent[style*="display: block"] *,
.zpaccordion-content[style*="display: block"] *,
.zpaccord-content[style*="display: block"] *,
.zpaccordcontent[style*="display: block"] *,
[data-element-type="accordioncontent"][style*="display: block"] *,
.zpelement.zpaccordion[aria-expanded="true"] + * *,
[data-element-type="accordionheader"][aria-expanded="true"] + * *,
.zpelement.zpaccordion.zpactive + * *,
.zpelement.zpaccordion.zpaccordion-active + * *,
.zpelement.zpaccordion.active + * *,
[data-element-type="accordionheader"].zpactive + * *,
[data-element-type="accordionheader"].zpaccordion-active + * *,
[data-element-type="accordionheader"].active + * * {
  color: inherit !important;
}


/* Enlaces dentro del contenido: mantienen estilo base, pero con color Seitura */
.zpaccordioncontent[style*="display: block"] a,
.zpaccordion-content[style*="display: block"] a,
.zpaccord-content[style*="display: block"] a,
.zpaccordcontent[style*="display: block"] a,
[data-element-type="accordioncontent"][style*="display: block"] a,
.zpelement.zpaccordion[aria-expanded="true"] + * a,
[data-element-type="accordionheader"][aria-expanded="true"] + * a {
  color: #EA7704 !important;
}


/* =====================================================
   6. AJUSTE MÓVIL
   Solo ajusta espacios, no tipografía
   ===================================================== */

@media only screen and (max-width: 767px) {
  .zpelement.zpaccordion,
  [data-element-type="accordionheader"] {
    padding: 14px 15px !important;
    border-radius: 7px !important;
  }

  .zpaccordioncontent[style*="display: block"],
  .zpaccordion-content[style*="display: block"],
  .zpaccord-content[style*="display: block"],
  .zpaccordcontent[style*="display: block"],
  [data-element-type="accordioncontent"][style*="display: block"],
  .zpelement.zpaccordion[aria-expanded="true"] + *,
  [data-element-type="accordionheader"][aria-expanded="true"] + * {
    padding: 16px 15px !important;
  }
}