/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 128:2 Unexpected "}"

**/


/* CSS from section stylesheet tags */
<style>
  /* Estilos para el Acordeón */
  .accordion {
    width: 100%; /* Ajusta el ancho según sea necesario */
    border-bottom: 1px solid #e0e0e0; /* Línea de separación inferior */
    border-top:0px !important;
  }

  .accordion-item {
    border-top: 1px solid #e0e0e0; /* Línea de separación superior para cada ítem */
  }

  .accordion-header {
    background-color: transparent;
    color: #333; /* Color del texto del encabezado */
    padding: 15px 0; /* Espaciado interno */
    width: 100%;
    text-align: left;
    border: none;
    cursor: pointer;
    font-size: 18px; /* Tamaño de fuente */
    font-weight: 600; /* Negrita */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease; /* Transición para el color del texto */
  }


  .accordion-header::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f078'; /* Símbolo de flecha hacia abajo (triángulo invertido) */
    font-size: 18px;
    transition: transform 0.3s ease; /* Transición para la rotación de la flecha */
  }

  .accordion-header[aria-expanded="true"]::after {
    /* Eliminamos content: '\2303'; */
    content: "\f077"; /* Código Unicode para el icono "chevron-up" */
    transform: rotate(0deg); /* Asegura que no haya rotación extra si el icono ya apunta hacia arriba */
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 0px; /* Padding vertical inicial cero */
  }

  .accordion-item.active .accordion-content {
    max-height: 500px; /* Altura máxima cuando está abierto. Asegúrate de que sea lo suficientemente grande para todo tu contenido. */
    padding-bottom: 15px; /* Espaciado inferior cuando está abierto */
  }

  /* Estilos para la Tabla de Especificaciones de Producto */
  .product-specs-table {
    width: 100%;
    border-collapse: collapse; /* Asegura que los bordes se unan */
    margin-top: 15px; /* Espacio superior para separar de otros elementos */
    font-size: 16px; /* Tamaño base de la fuente para el contenido de la tabla */
    border: 1px solid #ddd; /* Borde exterior de la tabla */
  }

  .product-specs-table th {
    background-color: #f8f8f8; /* Color de fondo para los encabezados de sección (ej. "Especificaciones Generales") */
    font-weight: bold;
    color: #333;
    padding: 10px 12px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #ddd; /* Borde inferior para separar el encabezado de las filas de datos */
  }

  .product-specs-table td {
    padding: 10px 12px; /* Espaciado interno de las celdas */
    text-align: left; /* Alinea el texto a la izquierda por defecto */
    border-bottom: 1px solid #eee; /* Línea separadora entre filas de datos */
    vertical-align: top; /* Alinea el contenido al inicio de la celda si el valor es largo */
  }

  /* Estilo específico para la primera columna (Definición de Metacampo) */
  .product-specs-table td:first-child {
    font-weight: 600; /* Hace la "definición" más negrita */
    color: #555; /* Un color ligeramente diferente para la definición */
    width: 40%; /* Ajusta el ancho de la columna de la definición (puedes modificarlo) */
    background-color: #fcfcfc; /* Un fondo muy ligero para diferenciar, opcional */
  }

  /* Estilo específico para la segunda columna (Valor) */
  .product-specs-table td:last-child {
    color: #333; /* Color de texto estándar para el valor */
    width: 60%; /* Ajusta el ancho de la columna del valor (puedes modificarlo) */
  }

  /* Eliminar el borde inferior de la última fila de cada sección (tbody) */
  .product-specs-table tbody tr:last-child td {
    border-bottom: none;
  }

  /* Opcional: Separar visualmente las secciones dentro de la tabla */
  .product-specs-table tbody + tbody { /* Selecciona un tbody que es precedido por otro tbody */
      border-top: 20px solid transparent; /* Espacio vertical transparente entre secciones */
  }

  /* --- Responsividad para móviles --- */
  @media (max-width: 768px) {
    .accordion-header {
      font-size: 22px;
      padding: 20px 0;
    }
    .accordion-content {
      padding: 0 0px;
    }

    
    }
  }
</style>