/* ==========================================================================
   PÁGINAS CON DISEÑO PROPIO: envios.html y garantias.html
   Mismo sistema de la tienda (verde #017B34, Nunito, radios 12/16/24).
   El texto es el de las políticas; aquí solo cambia la presentación.
   Composición: contenido a la izquierda + tarjeta verde fija a la derecha
   (escritorio). En tablet y celular la tarjeta va al final, a lo ancho.
   Las rejillas internas usan container queries: se adaptan al ancho real de
   la columna, no al de la pantalla.
   ========================================================================== */

/* ---------- Rejilla principal ---------- */
.pp-rejilla { display: grid; gap: var(--esp-8); margin-bottom: var(--esp-12); }
@media (min-width: 1200px) {
  .pp-rejilla { grid-template-columns: minmax(0, 1fr) 330px; gap: var(--esp-10); align-items: start; }
}
@media (min-width: 1360px) { .pp-rejilla { grid-template-columns: minmax(0, 1fr) 340px; gap: var(--esp-12); } }

.politica-premium { container-type: inline-size; min-width: 0; }

/* Introducción */
.politica-intro { max-width: 72ch; margin: 0 0 var(--esp-8); font-size: var(--texto-lg); color: var(--color-texto-suave); }
.politica-intro p { max-width: none; }

/* ---------- Secciones y su ritmo (clara / suave / verde) ---------- */
.pp-seccion { padding-block: var(--esp-10); border-top: 1px solid var(--color-borde); scroll-margin-top: 176px; }
.politica-intro + .pp-seccion { border-top: 0; padding-top: 0; }
.pp-seccion__titulo { margin: 0 0 var(--esp-5); font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); font-weight: var(--peso-titulo); letter-spacing: var(--tracking-titulo); line-height: 1.2; text-wrap: balance; }
.pp-seccion .politica-texto p,
.pp-seccion .politica-texto li { max-width: 72ch; }
.pp-seccion > .politica-texto + *,
.pp-seccion > * + .politica-texto { margin-top: var(--esp-6); }

.pp-seccion--tinte,
.pp-seccion--oscura { margin-block: var(--esp-6); padding: var(--esp-8) var(--esp-5); border: 0; border-radius: var(--radio-xl); }
@media (min-width: 640px) { .pp-seccion--tinte, .pp-seccion--oscura { padding: var(--esp-10) var(--esp-8); } }
@media (min-width: 1024px) { .pp-seccion--tinte, .pp-seccion--oscura { padding: var(--esp-10); } }
.pp-seccion--tinte + .pp-seccion,
.pp-seccion--oscura + .pp-seccion { border-top: 0; }
.politica-intro + .pp-seccion--tinte,
.politica-intro + .pp-seccion--oscura { margin-top: 0; padding-top: var(--esp-8); }
@media (min-width: 640px) { .politica-intro + .pp-seccion--oscura { padding-top: var(--esp-10); } }

.pp-seccion--tinte { background: var(--color-primario-suave); box-shadow: inset 0 0 0 1px #d9ebe0; }

.pp-seccion--oscura {
  position: relative; overflow: hidden; color: #fff;
  background: radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #0f4a2a 0%, #0b301c 60%, var(--verde-noche) 100%);
  box-shadow: var(--sombra-marca);
}
.pp-seccion--oscura .pp-seccion__titulo { color: #fff; }
.pp-seccion--oscura .politica-texto { color: rgba(255, 255, 255, 0.86); }
.pp-seccion--oscura .politica-texto strong { color: #fff; }
.pp-seccion--oscura .politica-texto a:not(.boton) { color: #fff; }
.pp-seccion--oscura .politica-texto ul > li::before { background: #8fd3a8; }

/* Lista con ícono por elemento */
.lista-iconos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--esp-3); }
.lista-iconos > li { display: flex; align-items: flex-start; gap: var(--esp-3); line-height: 1.6; }
.lista-iconos__icono { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: var(--radio-sm); background: var(--tinte-verde); color: var(--color-primario); }
.lista-iconos > li > span:last-child { padding-top: 4px; }
.lista-iconos--notas { margin-top: var(--esp-6); color: var(--color-texto-suave); }
.pp-seccion--oscura .lista-iconos--notas { color: rgba(255, 255, 255, 0.82); }
.pp-seccion--oscura .lista-iconos__icono { background: rgba(255, 255, 255, 0.12); color: #fff; }
@container (min-width: 720px) { .lista-iconos--notas { grid-template-columns: 1fr 1fr; gap: var(--esp-6); } }

/* ---------- Tarjeta lateral fija ---------- */
.pp-lateral { min-width: 0; }
@media (min-width: 1200px) { .pp-lateral { position: sticky; top: 168px; } }
.pp-tarjeta { display: grid; gap: var(--esp-5); padding: var(--esp-6); border-radius: var(--radio-xl); color: #fff; }
.pp-tarjeta__titulo { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--texto-lg); font-weight: var(--peso-black); line-height: 1.3; }
.pp-tarjeta__titulo .icono { flex-shrink: 0; }
.pp-tarjeta__puntos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--esp-4); }
.pp-tarjeta__puntos li { display: flex; gap: var(--esp-3); align-items: flex-start; }
.pp-tarjeta__puntos strong { display: block; font-weight: var(--peso-black); line-height: 1.35; }
.pp-tarjeta__puntos li > span:last-child > span { display: block; margin-top: 2px; font-size: var(--texto-sm); color: rgba(255, 255, 255, 0.82); line-height: 1.45; }
.pp-tarjeta__icono { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: var(--radio-md); background: rgba(255, 255, 255, 0.14); }
.pp-tarjeta__wa { white-space: nowrap; }
.pp-tarjeta__horario { padding-top: var(--esp-4); border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: var(--texto-sm); }
.pp-tarjeta__horario .pie__estado { margin: 0 0 var(--esp-2); color: #fff; }
.pp-tarjeta__horario ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; color: rgba(255, 255, 255, 0.82); }
/* Tablet: la tarjeta va al final, a lo ancho y en dos columnas */
@media (min-width: 640px) and (max-width: 1199px) {
  .pp-tarjeta { grid-template-columns: 1.2fr 1fr; column-gap: var(--esp-10); padding: var(--esp-8); }
  .pp-tarjeta__titulo { grid-column: 1 / -1; }
  .pp-tarjeta__puntos { grid-row: span 2; }
  .pp-tarjeta__wa { align-self: start; }
}

/* ======================= ENVÍOS ======================= */

/* Tarjetas de zona */
.zonas { list-style: none; margin: var(--esp-6) 0 0; padding: 0; display: grid; gap: var(--esp-4); grid-template-columns: 1fr; }
@container (min-width: 520px) { .zonas { grid-template-columns: repeat(2, 1fr); } }
@container (min-width: 780px) { .zonas { grid-template-columns: repeat(3, 1fr); } }
.zona {
  position: relative; display: flex; flex-direction: column; gap: var(--esp-3);
  padding: var(--esp-6); border: 1px solid var(--color-borde); border-radius: var(--radio-lg);
  background: var(--color-fondo); box-shadow: var(--sombra-tarjeta);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
@media (hover: hover) { .zona:hover { box-shadow: var(--sombra-hover); transform: translateY(-2px); } }
.zona__icono { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radio-md); background: var(--tinte-verde); color: var(--color-primario); }
.zona__icono .icono { width: 22px; height: 22px; stroke-width: 1.75; }
.zona__nombre { margin: 0; font-size: var(--texto-md); font-weight: var(--peso-black); line-height: 1.4; text-wrap: pretty; }
.zona__datos { display: grid; gap: var(--esp-3); margin: auto 0 0; padding-top: var(--esp-4); border-top: 1px dashed var(--color-borde-fuerte); }
.zona__datos dt { font-size: var(--texto-xs); font-weight: var(--peso-bold); letter-spacing: var(--tracking-etiqueta); text-transform: uppercase; color: var(--color-texto-tenue); }
.zona__datos dd { margin: 2px 0 0; }
.zona__precio dd { font-size: var(--texto-3xl); font-weight: var(--peso-black); letter-spacing: -0.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.zona__precio--gratis dd { color: var(--color-primario); }
.zona__tiempo dd { display: flex; align-items: center; gap: 6px; font-weight: var(--peso-semi); color: var(--color-texto-suave); }
.zona__tiempo .icono { color: var(--color-primario); flex-shrink: 0; }
.zona--destacada { border-color: transparent; background: var(--degradado-marca), var(--color-primario); color: #fff; box-shadow: var(--sombra-marca); }
.zona--destacada .zona__icono { background: rgba(255, 255, 255, 0.16); color: #fff; }
.zona--destacada .zona__datos { border-top-color: rgba(255, 255, 255, 0.3); }
.zona--destacada .zona__datos dt,
.zona--destacada .zona__tiempo dd,
.zona--destacada .zona__tiempo .icono,
.zona--destacada .zona__precio--gratis dd { color: #fff; }
.zona--destacada .zona__datos dt { opacity: 0.8; }
@media (hover: hover) { .zona--destacada:hover { box-shadow: var(--sombra-marca-hover); } }

/* Condiciones de las tarifas nacionales */
.condiciones-tarifas { margin-top: var(--esp-6); padding: var(--esp-6); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-lg); background: var(--color-fondo-alterno); }
@container (min-width: 640px) { .condiciones-tarifas { padding: var(--esp-8); } }
.condiciones-tarifas__titulo { display: flex; align-items: center; gap: var(--esp-2); margin: 0 0 var(--esp-4); font-size: var(--texto-md); font-weight: var(--peso-black); }
.condiciones-tarifas__titulo .icono { color: var(--color-primario); }
.condiciones-tarifas .lista-iconos { gap: var(--esp-4); }
@container (min-width: 720px) { .condiciones-tarifas .lista-iconos { grid-template-columns: repeat(2, 1fr); column-gap: var(--esp-8); } }
.condiciones-tarifas .lista-iconos__icono { background: var(--color-fondo); box-shadow: inset 0 0 0 1px var(--color-borde); }

/* Calculadora */
.calc-envio { margin-top: var(--esp-8); padding: var(--esp-6); border-radius: var(--radio-xl); background: var(--color-fondo); border: 1px solid var(--color-borde); box-shadow: var(--sombra-capas); }
@container (min-width: 640px) { .calc-envio { padding: var(--esp-8); } }
.calc-envio__cabeza { display: flex; align-items: center; gap: var(--esp-4); margin-bottom: var(--esp-6); }
.calc-envio__icono { display: grid; place-items: center; flex-shrink: 0; width: 52px; height: 52px; border-radius: var(--radio-lg); background: var(--color-primario); color: #fff; box-shadow: var(--sombra-boton); }
.calc-envio__titulo { margin: 0; font-size: var(--texto-xl); font-weight: var(--peso-black); }
.calc-envio__ayuda { margin: 2px 0 0; color: var(--color-texto-suave); font-size: var(--texto-sm); }
.calc-envio__form { display: grid; gap: var(--esp-4); }
@container (min-width: 720px) { .calc-envio__form { grid-template-columns: 1fr 1fr 0.8fr; } }
.calc-envio__form .campo { margin: 0; }
.calc-envio__pesos { position: relative; }
.calc-envio__pesos > span { position: absolute; left: 14px; top: 50%; translate: 0 -50%; font-weight: var(--peso-bold); color: var(--color-texto-suave); pointer-events: none; }
.calc-envio__pesos .input { padding-left: 28px; font-variant-numeric: tabular-nums; }
.calc-envio__resultado { margin-top: var(--esp-6); padding: var(--esp-5) var(--esp-6); border-radius: var(--radio-lg); background: var(--tinte-verde); color: var(--tinte-verde-texto); }
.calc-envio__vacio { margin: 0; font-weight: var(--peso-semi); }
.calc-envio__fila { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--esp-2) var(--esp-6); }
.calc-envio__zona { margin: 0; font-weight: var(--peso-bold); }
.calc-envio__valor { margin: 0; font-size: var(--texto-3xl); font-weight: var(--peso-black); letter-spacing: -0.02em; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.calc-envio__detalle { margin: var(--esp-2) 0 0; font-size: var(--texto-sm); color: var(--color-texto-suave); }

/* Horario límite: 3 tarjetas sobre la sección verde */
.horario-dias { list-style: none; margin: var(--esp-6) 0 0; padding: 0; display: grid; gap: var(--esp-4); }
@container (min-width: 640px) { .horario-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.horario-dia {
  position: relative; display: flex; flex-direction: column; gap: var(--esp-2);
  padding: var(--esp-6) var(--esp-5); border-radius: var(--radio-lg);
  background: rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.horario-dia p { margin: 0; }
.horario-dia__icono { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: var(--esp-2); border-radius: var(--radio-md); background: rgba(255, 255, 255, 0.12); color: #fff; }
.horario-dia__nombre { font-size: var(--texto-sm); color: rgba(255, 255, 255, 0.85); }
.horario-dia__nombre strong { font-weight: var(--peso-black); }
.horario-dia__hora { color: rgba(255, 255, 255, 0.85); line-height: 1.3; }
.horario-dia__grande { display: block; margin-top: 2px; font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem); font-weight: var(--peso-black); letter-spacing: -0.02em; line-height: 1.05; color: #fff; font-variant-numeric: tabular-nums; }
.horario-dia__detalle { font-size: var(--texto-sm); color: rgba(255, 255, 255, 0.75); line-height: 1.5; }
.horario-dia__vivo { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; margin-top: var(--esp-2) !important; padding: 4px 10px; border-radius: var(--radio-pildora); font-size: var(--texto-xs); font-weight: var(--peso-black); line-height: 1.35; }
/* Hoy: tarjeta blanca */
.horario-dia.es-hoy { background: #fff; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.45); color: var(--color-texto); }
.horario-dia.es-hoy .horario-dia__icono { background: var(--tinte-verde); color: var(--color-primario); }
.horario-dia.es-hoy .horario-dia__nombre,
.horario-dia.es-hoy .horario-dia__hora,
.horario-dia.es-hoy .horario-dia__detalle { color: var(--color-texto-suave); }
.horario-dia.es-hoy .horario-dia__grande { color: var(--color-primario-oscuro); }
.horario-dia.es-hoy .horario-dia__vivo { background: var(--tinte-verde); color: var(--tinte-verde-texto); }
.horario-dia.es-hoy .horario-dia__vivo::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primario); box-shadow: 0 0 0 0 rgba(1, 123, 52, 0.45); animation: pulso-hoy 2s ease-out infinite; }
.horario-dia--cerrado.es-hoy .horario-dia__vivo { background: var(--tinte-neutro); color: var(--tinte-neutro-texto); }
.horario-dia--cerrado.es-hoy .horario-dia__vivo::before { background: var(--color-texto-tenue); animation: none; }
@keyframes pulso-hoy { 70% { box-shadow: 0 0 0 8px rgba(1, 123, 52, 0); } 100% { box-shadow: 0 0 0 0 rgba(1, 123, 52, 0); } }
@media (prefers-reduced-motion: reduce) { .horario-dia.es-hoy .horario-dia__vivo::before { animation: none; } }

/* Notas con ícono (debajo del horario) */
.notas-icono { list-style: none; margin: var(--esp-5) 0 0; padding: 0; display: grid; gap: var(--esp-3); }
@container (min-width: 640px) { .notas-icono { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.notas-icono li { display: flex; gap: var(--esp-3); align-items: flex-start; padding: var(--esp-4); border-radius: var(--radio-md); background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.notas-icono p { margin: 0; font-size: var(--texto-sm); line-height: 1.55; color: rgba(255, 255, 255, 0.85); }
.notas-icono__icono { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: var(--radio-sm); background: rgba(255, 255, 255, 0.12); color: #fff; }

/* Aviso "Importante" */
.aviso-importante { display: flex; gap: var(--esp-3); margin: var(--esp-5) 0; padding: var(--esp-4) var(--esp-5); border: 1px solid #f1dd8a; border-radius: var(--radio-md); background: var(--color-acento-claro); line-height: 1.6; max-width: 72ch; }
.aviso-importante > .icono { flex-shrink: 0; margin-top: 3px; color: #8a6d00; }

/* Recomendaciones: pasos numerados con ícono */
.pasos-numerados { list-style: none; counter-reset: paso; margin: var(--esp-6) 0; padding: 0; display: grid; gap: var(--esp-3); }
@container (min-width: 720px) { .pasos-numerados { grid-template-columns: 1fr 1fr; } }
.pasos-numerados > li { counter-increment: paso; position: relative; display: flex; align-items: flex-start; gap: var(--esp-4); padding: var(--esp-4) var(--esp-5); border: 1px solid var(--color-borde); border-radius: var(--radio-lg); background: var(--color-fondo); }
.pasos-numerados > li p { margin: 0; padding-top: 6px; line-height: 1.6; }
.pasos-numerados__icono { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: var(--radio-md); background: var(--tinte-verde); color: var(--color-primario); }
.pasos-numerados__icono::after { content: counter(paso); position: absolute; right: -6px; top: -6px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--color-primario); color: #fff; font-size: 11px; font-weight: var(--peso-black); }

/* Pasos con ícono (pedido dañado / garantía) */
.linea-pasos { list-style: none; margin: var(--esp-6) 0; padding: 0; display: grid; gap: var(--esp-4); position: relative; }
.linea-pasos__paso { position: relative; display: flex; gap: var(--esp-4); }
.linea-pasos__icono { position: relative; z-index: 1; display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: var(--color-primario); color: #fff; box-shadow: 0 0 0 6px var(--color-fondo); }
.pp-seccion--tinte .linea-pasos__icono { box-shadow: 0 0 0 6px var(--color-primario-suave); }
.linea-pasos__icono .icono { width: 22px; height: 22px; }
.linea-pasos__cuerpo { flex: 1; min-width: 0; padding-bottom: var(--esp-2); }
.linea-pasos__etiqueta { margin: 0; font-size: var(--texto-xs); font-weight: var(--peso-black); letter-spacing: var(--tracking-etiqueta); text-transform: uppercase; color: var(--color-primario); }
.linea-pasos__titulo { margin: 2px 0 var(--esp-2); font-size: var(--texto-lg); font-weight: var(--peso-black); line-height: 1.3; }
.linea-pasos .politica-texto { font-size: var(--texto-sm); }
.linea-pasos::before { content: ""; position: absolute; left: 23px; top: 24px; bottom: 24px; width: 2px; background: linear-gradient(var(--color-primario), var(--tinte-verde)); }
/* Garantía: 2 × 2 en columnas medianas, en fila cuando hay espacio */
@container (min-width: 600px) {
  .linea-pasos--horizontal { grid-template-columns: 1fr 1fr; gap: var(--esp-8) var(--esp-6); }
  .linea-pasos--horizontal::before { display: none; }
  .linea-pasos--horizontal .linea-pasos__paso { flex-direction: column; gap: var(--esp-3); }
}
@container (min-width: 960px) {
  .linea-pasos--horizontal { grid-template-columns: repeat(4, 1fr); }
  .linea-pasos--horizontal::before { display: block; left: 24px; right: 24px; top: 23px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, var(--color-primario), #cfe6d8); }
}

/* ======================= GARANTÍAS ======================= */

/* Equipos con garantía del fabricante: dos grupos sobre la sección verde */
.garantia-grupos { display: grid; gap: var(--esp-4); margin-top: var(--esp-6); }
@container (min-width: 620px) { .garantia-grupos { grid-template-columns: 1.15fr 1fr; gap: var(--esp-5); } }
.garantia-grupo { display: grid; align-content: start; gap: var(--esp-5); padding: var(--esp-6); border-radius: var(--radio-lg); background: rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
.garantia-grupo__cifra { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: var(--esp-4); }
.garantia-grupo__escudo { position: relative; display: grid; place-items: center; grid-column: 1; grid-row: 1 / span 2; width: 76px; height: 76px; border-radius: 22px; background: linear-gradient(160deg, #22a35a, var(--color-primario) 60%, #015a26); box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.22); }
.garantia-grupo__escudo .icono { width: 58px; height: 58px; stroke-width: 1.4; }
.garantia-grupo__numero { grid-row: 1 / span 2; grid-column: 1; display: grid; place-items: center; width: 76px; font-size: 2.5rem; font-weight: var(--peso-black); line-height: 1; color: #fff; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; z-index: 1; }
.garantia-grupo__titulo { grid-column: 2; grid-row: 1 / span 2; margin: 0; font-size: var(--texto-xl); font-weight: var(--peso-black); line-height: 1.2; color: #fff; }
.garantia-grupo__n { display: none; }
.garantia-grupo__lista { list-style: none; margin: 0; padding: 0; display: grid; }
.garantia-grupo__lista li + li { border-top: 1px solid rgba(255, 255, 255, 0.12); }
.garantia-grupo__lista a { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-3); padding: var(--esp-3) 0; color: rgba(255, 255, 255, 0.92); font-weight: var(--peso-bold); text-decoration: none; transition: color 0.2s ease; }
.garantia-grupo__lista a .icono { flex-shrink: 0; opacity: 0.5; transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s ease; }
@media (hover: hover) { .garantia-grupo__lista a:hover { color: #fff; } .garantia-grupo__lista a:hover .icono { opacity: 1; transform: translateX(3px); } }
.garantia-grupo__lista a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 4px; }

/* Qué cubre / qué no cubre */
.cobertura { display: grid; gap: var(--esp-4); }
@container (min-width: 680px) { .cobertura { grid-template-columns: 1fr 1fr; gap: var(--esp-5); } }
.cobertura__columna { padding: var(--esp-6); border-radius: var(--radio-lg); border: 1px solid var(--color-borde); }
.cobertura__columna--si { background: var(--color-primario-suave); border-color: #d4e9dc; }
.cobertura__columna--no { background: var(--color-fondo-alterno); }
.cobertura__titulo { display: flex; align-items: center; gap: var(--esp-3); margin: 0 0 var(--esp-4); font-size: var(--texto-xl); font-weight: var(--peso-black); }
.cobertura__marca { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; }
.cobertura__columna--si .cobertura__marca { background: var(--color-primario); color: #fff; }
.cobertura__columna--no .cobertura__marca { background: var(--color-borde-fuerte); color: var(--color-carbon); }
.lista-no { list-style: none; margin: var(--esp-4) 0 0; padding: 0; display: grid; gap: var(--esp-3); }
.lista-no > li { display: flex; align-items: flex-start; gap: var(--esp-3); line-height: 1.6; }
.lista-no > li > .icono { flex-shrink: 0; margin-top: 4px; color: var(--color-texto-tenue); }

/* Garantía legal: sobre la sección verde */
.caja-legal { display: flex; flex-direction: column; gap: var(--esp-4); }
@container (min-width: 600px) { .caja-legal { flex-direction: row; gap: var(--esp-6); } }
.caja-legal__icono { flex-shrink: 0; width: 48px; height: 48px; color: #8fd3a8; stroke-width: 1.5; }
.pp-seccion--oscura .caja-legal .politica-texto p:first-child { font-size: var(--texto-lg); color: #fff; }