/* ============================================================
 * custom.css — CAPA DE EDICION RAPIDA (se carga la ultima, prio 1000).
 *
 * Vacío: HEADER, MINIATURA, CATEGORIA y FICHA PRODUCTO ya están portados a sus
 * parciales SCSS (_dev/css/components/). Usa este archivo solo para ajustes
 * puntuales en caliente; cuando se estabilicen, pásalos a su parcial.
 * ============================================================ */
.home-faq__section {
  font-weight: 700;
  color: var(--brand-red);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 13px;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6ddd0;
}
.home-faq__q2 {
  font-weight: 600;
  color: #333;
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: 15px;
}
.home-faq__a2 {
  color: #333;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 6px;
}
/* Aviso de stock insuficiente al añadir al carrito.
   Lo pinta el front.js del tema (modules/dessidecart/views/js/front.js) al
   escuchar 'handleError': PrestaShop 9 bloquea el añadido pero no muestra el
   mensaje por su cuenta. Regla acotada a este nodo: no toca .alert, ni
   #notifications, ni ningún estilo existente. */
.des-buy__stock-error {
  margin: 10px 0 0;
  padding: 12px 14px;
  background: var(--brand-sand, #F0E2D0);
  color: #8C1C13;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

/* Tope de cantidad alcanzado: el "+" se ve y se comporta como bloqueado.
   La clase la pone front.js del tema (ficha y carrito) y pack.tpl (packs)
   sobre el grupo del spinner. Selectores acotados a los botones de subir:
   .bootstrap-touchspin-up es el del carrito, .des-buy__btn--plus el de la ficha. */
.des-qty--tope .bootstrap-touchspin-up,
.des-qty--tope .des-buy__btn--plus {
  opacity: .3;
  cursor: not-allowed;
  pointer-events: none;
}

/* Mínimo alcanzado: el "−" se ve y se comporta como bloqueado. Sólo se aplica
   donde el campo declara min (ficha y pack); en la página de carrito no se
   marca a propósito, porque allí bajar a 0 es lo que borra la línea. */
.des-qty--suelo .bootstrap-touchspin-down,
.des-qty--suelo .des-buy__btn--minus {
  opacity: .3;
  cursor: not-allowed;
  pointer-events: none;
}

/* CMS "El equipo" (cms-id-10): fichas del equipo en fila. Reglas acotadas a
   esta página vía body#cms.cms-id-10 — .des-cms ya cubre la tipografía
   general (h1..h6, p, listas...) para el resto de páginas CMS. */
body#cms.cms-id-10 .des-team {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin: 24px 0;
}
body#cms.cms-id-10 .des-team__member {
  flex: 1 1 180px;
  text-align: center;
}
body#cms.cms-id-10 .des-team__photo {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
body#cms.cms-id-10 .des-team__photo--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0E2D0;
  color: #B8A88F;
  font-size: 40px;
  font-weight: 600;
}
body#cms.cms-id-10 .des-team__role {
  margin: 16px 0 4px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .05em;
  color: var(--color-terciary, #888);
}
body#cms.cms-id-10 .des-team__name {
  margin: 0;
}
.ap5_pack_product_list.ap5_pack_product_list_cart_summary{
	margin: 0;
	margin-left: 1.1em;
}
@media (max-width: 600px) {
  body#cms.cms-id-10 .des-team { gap: 20px; }
  body#cms.cms-id-10 .des-team__photo { width: 120px; height: 120px; }
}

/* CMS "Preguntas frecuentes" (cms-id-11): la pagina reutiliza el acordeon
   .home-faq__* que ya vive en theme.css (mismo marcado que
   catalog/_partials/des-faq.tpl), asi que aqui NO se redefine el componente.
   Lo unico que hace falta es que la tipografia generica de .des-cms (h2/h3 a
   30/24px) no pise los titulos del acordeon: .des-cms h2 (0,1,1) gana por
   especificidad a .home-faq__section (0,1,0), de ahi que estas reglas suban a
   body#cms.cms-id-11 .des-cms hN. Todo acotado a esta pagina. */
body#cms.cms-id-11 .des-cms h2.home-faq__section {
  margin: 34px 0 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--brand-red);
}
body#cms.cms-id-11 .des-cms h3.home-faq__qtext {
  margin: 0;
  font: inherit;
  color: inherit;
  text-transform: inherit;
}
/* El marcador nativo del <summary> sobra: el icono +/- lo pinta
   .home-faq__q::after. display:flex ya lo oculta en Chrome/Firefox; esto
   cubre Safari. */
body#cms.cms-id-11 .home-faq__q { list-style: none; }
body#cms.cms-id-11 .home-faq__q::-webkit-details-marker { display: none; }
/* El primer bloque de preguntas no necesita el aire extra del separador. */
body#cms.cms-id-11 .home-faq__list > .home-faq__section:first-child { margin-top: 0; }