/* z-movil.css · 9-sep-2026 · responsive de cabecera y ofertas (revisión en producción).
   Se carga después de corazonia.css y del resto de parts (orden alfabético). */

/* Cabecera compacta en móvil y tablet: una sola fila (logo · teléfono · carrito · menú) y el buscador debajo. */
@media (max-width: 960px) {
  .nav .wrap { gap: .45rem .55rem; min-height: 0; padding-top: .5rem; padding-bottom: .45rem; }
  .nav .logo img { height: 30px; width: auto; }
  .nav .nav-cta { order: 5; margin-left: auto; gap: .4rem; }
  .nav .burger { order: 6; margin-left: 0; flex: none; }
  .nav .nav-cta .b { min-width: 44px; min-height: 44px; padding: .45rem .55rem; }
  .nav .nav-cta .b-azul { display: none; }          /* «Comprar» duplica el icono del carrito en pantallas pequeñas */
  .nav .busca { margin: .1rem 0 .15rem; }
  .nav .busca input { min-height: 42px; }
  /* Al bajar, la cabecera entera se esconde (el JS pone .oculta); al subir vuelve. */
  .nav { transition: transform .25s ease; }
  .nav.oculta { transform: translateY(-100%); }
  .nav.oculta .busca-res { display: none; }
}
@media (max-width: 600px) {
  .nav .nav-cta .tel-cab { display: none; }        /* el teléfono ya está en la franja superior y en la barra fija */
  .nav .logo img { height: 28px; }
}

/* Tarjetas de packs en oferta: el precio tachado y el actual no se parten. */
@media (max-width: 860px) {
  .oferta-card .pre { display: block; margin: 0 0 .1rem; }
  .oferta-card .now { white-space: nowrap; font-size: 1.35rem; }
  .oferta-card .now small { display: inline; margin-left: .25rem; }
}
@media (max-width: 400px) {
  .oferta-card { grid-template-columns: 96px 1fr; gap: .8rem; padding: .85rem .9rem; }
  .oferta-card img { width: 96px; height: 96px; }
  .oferta-card .now { font-size: 1.25rem; }
}

/* Banner de cookies (Complianz) compacto: en móvil tapaba dos tercios de la pantalla. */
#cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 14px 16px 12px !important; border-radius: 14px 14px 0 0 !important; box-shadow: 0 -8px 30px rgba(11,31,58,.14) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { padding: 0 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: .95rem !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: .86rem !important; line-height: 1.4 !important; margin: 0 0 10px !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { flex: 1 1 42% !important; margin: 0 !important; padding: 11px 12px !important; font-size: .95rem !important; font-weight: 600 !important; border-radius: 10px !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences { flex-basis: 100% !important; padding: 6px !important; background: transparent !important; border: 0 !important; font-weight: 500 !important; text-decoration: underline !important; color: #0b3d91 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { font-size: .74rem !important; margin-top: 8px !important; }
@media (min-width: 768px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { max-width: 440px !important; border-radius: 14px !important; } }

/* Precio en tarjetas a dos columnas (móvil): «1.095,00 € + IVA» no se parte. */
@media (max-width: 480px) {
  .grid .pc .precio { white-space: nowrap; font-size: clamp(1rem, 5vw, 1.2rem); }
  .grid .pc .precio .iva { font-size: .72rem; }
}

/* Escaparate «Tres desfibriladores para empezar»: en tablet tres columnas; en móvil la foto no se hace gigante. */
@media (min-width: 640px) and (max-width: 900px) {
  .escaparate { grid-template-columns: repeat(3, 1fr) !important; gap: .9rem; }
  .esc-foto { padding: 1.4rem 1.2rem .9rem; }
}
@media (max-width: 639px) {
  .esc-foto img { max-height: 240px; width: auto; max-width: 100%; margin: 0 auto; display: block; }
}
@media (max-width: 480px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 12px 14px 10px !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: .8rem !important; line-height: 1.35 !important; margin-bottom: 8px !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { flex-direction: row !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { flex: 1 1 45% !important; width: auto !important; min-height: 0 !important; padding: 10px 8px !important; font-size: .9rem !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences { display: block !important; flex-basis: 100% !important; padding: 4px !important; font-size: .82rem !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { margin-top: 4px !important; font-size: .7rem !important; }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { width: 24px !important; height: 24px !important; top: 8px !important; right: 8px !important; }
}

/* Contador del carrito: el botón .b lleva overflow:hidden y recortaba la burbuja. */
.nav-cta .cz-carrito { overflow: visible !important; }
.cz-carrito-num.hay { top: -7px; right: -7px; box-shadow: 0 0 0 2px #fff; z-index: 2; }

/* Principios básicos de tienda (10-sep): un botón de compra, sin distracciones. */
.pc .pc-llam { display: none !important; }                 /* «o llama al…» bajo cada tarjeta: fuera */
.iva-toggle, .b2b, [data-iva] { display: none !important; } /* el conmutador de IVA confundía */
.ayuda-compra { margin: .6rem 0 0; font-size: .92rem; color: var(--gris); }
.ayuda-compra a { font-weight: 600; }
.pc .pc-cta .b { width: 100%; justify-content: center; }
@media (max-width: 480px) { .pc .pc-cta .b { font-size: .92rem; padding: .6rem .4rem; min-height: 44px; } }
/* El aviso de cookies en escritorio va abajo a la IZQUIERDA: a la derecha tapaba «Finalizar compra». */
@media (min-width: 768px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { left: 20px !important; right: auto !important; } }