/* Guía de cuidado del auto y "Mi auto se inundó". Solo se carga en esas dos páginas.
   Lenguaje de la app de lealtad: tarjetas blancas con borde celeste, píldoras, iconos de línea. */

:root {
  --g-tinta: #07414c;
  --g-verde: #036151;
  --g-teal: #007185;
  --g-celeste: #99d5e9;
  --g-lavado: #eaf6fb;
  --g-lima: #cdd620;
  --g-crema: #fffaeb;
  --g-naranja: #e95e0b;
  --g-rojo: #b3312a;
  --g-r: 22px;
}

.arr-guia__ic {
  display: inline-block;
  flex: none;
  width: 24px;
  height: 24px;
  background: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat;
  mask: var(--ic) center / contain no-repeat;
}

.entry-content .arr-guia__intro {
  padding: clamp(28px, 4vw, 44px) 0 18px;
}

/* ------------------------------------------------------------ pestañas --- */

.arr-guia__tabs {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
  padding: 10px 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.arr-guia__tabs::-webkit-scrollbar {
  display: none;
}
.arr-guia-js .arr-guia__tabs {
  position: sticky;
  top: var(--guia-top, 74px);
  z-index: 30;
  background: var(--g-crema);
  border-bottom: 2px solid var(--g-celeste);
  box-shadow: 0 0 0 100vmax var(--g-crema);
  clip-path: inset(0 -100vmax);
}
.entry-content .arr-guia__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  min-height: 44px;
  padding: 0 16px 0 12px;
  border: 2px solid var(--g-celeste);
  border-radius: 999px;
  background: #fff;
  color: var(--g-verde);
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  scroll-snap-align: center;
  transition:
    background-color 0.18s,
    color 0.18s,
    border-color 0.18s;
}
.entry-content .arr-guia__tab:hover {
  border-color: var(--g-teal);
}
.entry-content .arr-guia__tab[aria-selected='true'] {
  background: var(--g-verde);
  border-color: var(--g-verde);
  color: var(--g-crema);
}
.entry-content .arr-guia__tab:focus-visible,
.entry-content .arr-guia__panel a:focus-visible,
.arr-guia__check input:focus-visible + span {
  outline: 3px solid var(--g-naranja);
  outline-offset: 2px;
}

.arr-guia__panel {
  padding: clamp(22px, 3vw, 36px) 0 clamp(36px, 5vw, 64px);
  scroll-margin-top: calc(var(--guia-top, 74px) + var(--guia-tabs, 66px) + 8px);
}
.arr-guia__panel[hidden] {
  display: none;
}
/* Antes de que el script elija pestaña, solo se ve la primera: sin esto la página brinca. */
.arr-guia-js:not(.arr-guia-lista) .arr-guia__panel ~ .arr-guia__panel {
  display: none;
}
.arr-guia-lista .arr-guia__panel:not([hidden]) {
  animation: arr-guia-entra 0.22s var(--t-ease, ease-out);
}
@keyframes arr-guia-entra {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}
.arr-guia__panel [id] {
  scroll-margin-top: calc(var(--guia-top, 74px) + var(--guia-tabs, 66px) + 12px);
}

/* ---------------------------------------------------- cabecera de panel --- */

.arr-guia__cab {
  display: grid;
  gap: 10px;
  margin-bottom: 8px;
  padding: 20px;
  border: 2px solid var(--g-celeste);
  border-radius: var(--g-r);
  background: #fff;
}
.entry-content .arr-guia__titulo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--g-teal);
}
.entry-content .arr-guia__titulo .arr-guia__ic {
  width: 30px;
  height: 30px;
  color: var(--g-verde);
}
.entry-content .arr-guia__resumen {
  margin: 0;
  color: var(--g-tinta);
  font-size: 16.5px;
  line-height: 1.5;
}
.entry-content .arr-guia__indice {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__indice li {
  margin: 0;
}
.entry-content .arr-guia__indice a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--g-lavado);
  color: var(--g-verde);
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
}
.entry-content .arr-guia__indice a:hover {
  background: var(--g-celeste);
}

/* ------------------------------------------------------------ texto --- */

.entry-content .arr-guia__q {
  margin: clamp(30px, 4vw, 44px) 0 10px;
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: clamp(21px, 2.3vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--g-teal);
  max-width: 34ch;
}
.entry-content .arr-guia__sub {
  margin: 26px 0 8px;
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: 19px;
  font-weight: 600;
  color: var(--g-verde);
}
.entry-content .arr-guia__panel p,
.entry-content .arr-guia__panel li {
  font-size: 16.5px;
  line-height: 1.6;
}
.entry-content .arr-guia__panel > p,
.entry-content .arr-guia__intro p,
.entry-content .arr-guia__bloque > p {
  max-width: 68ch;
  margin: 0 0 12px;
  color: var(--g-tinta);
}
.entry-content .arr-guia__panel h3 {
  margin: 0 0 6px;
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: 18.5px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--g-tinta);
}
.entry-content .arr-guia__panel h3 small {
  display: block;
  margin-top: 2px;
  font-family: var(--t-font, 'Nunito', sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--g-teal);
}

/* ------------------------------------------------------- tarjetas --- */

.arr-guia__rejilla {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr));
  gap: 14px;
  margin: 16px 0 8px;
}
.arr-guia__rejilla--tres {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}
.arr-guia__tarjeta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 18px;
  border: 2px solid var(--g-celeste);
  border-radius: var(--g-r);
  background: #fff;
}
.entry-content .arr-guia__tarjeta p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.5;
  color: var(--g-tinta);
}
/* El icono va en una ficha: el fondo lavado lo da un pseudo y el trazo, la máscara. */
.arr-guia__ficha {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: var(--g-lavado);
  color: var(--g-teal);
}
.arr-guia__ficha .arr-guia__ic {
  width: 26px;
  height: 26px;
}
.arr-guia__ficha--lima {
  background: var(--g-lima);
  color: var(--g-verde);
}
.arr-guia__ficha--naranja {
  background: #fde6d6;
  color: #9a3a05;
}
.arr-guia__ficha--verde {
  background: var(--g-verde);
  color: var(--g-crema);
}
.arr-guia__cada {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--g-lima);
  color: var(--g-verde);
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.3;
}
.arr-guia__incluye {
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__incluye li {
  position: relative;
  margin: 0;
  padding-left: 22px;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--g-tinta);
}
.arr-guia__incluye li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0.45em;
  width: 12px;
  height: 7px;
  border: solid var(--g-teal);
  border-width: 0 0 2.5px 2.5px;
  transform: rotate(-45deg);
}

/* Píldora de paquete: nombre + precio. Siempre al pie de la tarjeta. */
.arr-guia__paquetes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 6px;
}
.entry-content .arr-guia__paquete {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: auto;
  padding: 0 6px 0 16px;
  border: 2px solid var(--g-verde);
  border-radius: 999px;
  background: #fff;
  color: var(--g-verde);
  font-weight: 800;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
}
.entry-content .arr-guia__paquete b {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--g-lima);
  color: var(--g-verde);
  font-size: 14px;
  white-space: nowrap;
}
.entry-content .arr-guia__paquete:hover {
  background: var(--g-verde);
  color: var(--g-crema);
}
.arr-guia__tarjeta .arr-guia__paquete {
  margin-top: auto;
}

/* Aviso: tarjeta ancha con icono al lado. --servicio es un producto, --enlace lleva a otra página. */
.arr-guia__aviso {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 18px 0;
  padding: 18px 20px;
  border-radius: var(--g-r);
  background: var(--g-lavado);
  border: 2px solid var(--g-celeste);
}
.entry-content .arr-guia__aviso p {
  margin: 0 0 8px;
  color: var(--g-tinta);
  max-width: 70ch;
}
.arr-guia__aviso > div > :last-child {
  margin-bottom: 0;
}
.arr-guia__aviso--lima {
  background: #f7f9d9;
  border-color: var(--g-lima);
}
.arr-guia__aviso--oscuro {
  background: var(--g-verde);
  border-color: var(--g-verde);
}
.entry-content .arr-guia__aviso--oscuro h3,
.entry-content .arr-guia__aviso--oscuro p {
  color: var(--g-crema);
}
.entry-content .arr-guia__aviso--oscuro a:not(.arr-guia__paquete) {
  color: var(--g-lima);
}
.entry-content .arr-guia__aviso--oscuro .arr-guia__paquete {
  border-color: var(--g-lima);
  background: var(--g-lima);
}

/* ------------------------------------------- año en Tampico (franjas) --- */

.arr-guia__anio {
  margin: 18px 0 10px;
  padding: 18px;
  border: 2px solid var(--g-celeste);
  border-radius: var(--g-r);
  background: #fff;
}
.entry-content .arr-guia__hoy {
  display: inline-block;
  margin: 0 0 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--g-lima);
  color: var(--g-verde);
  font-size: 14.5px;
  font-weight: 800;
}
.entry-content .arr-guia__meses {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 3px;
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__meses li {
  margin: 0;
  padding: 4px 0;
  border-radius: 8px;
  text-align: center;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--g-teal);
}
.entry-content .arr-guia__meses li.es-hoy {
  background: var(--g-verde);
  color: var(--g-crema);
}
.entry-content .arr-guia__franjas {
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__franja {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  margin: 0;
  padding: 9px 0;
  border-top: 1px dashed var(--g-celeste);
  font-size: 14px;
  line-height: 1.3;
}
.arr-guia__franja-nombre {
  font-weight: 800;
  color: var(--g-tinta);
}
.arr-guia__franja-meses {
  text-align: right;
  color: var(--g-teal);
  font-size: 13px;
  font-weight: 700;
}
.arr-guia__barras {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 3px;
  border-radius: 999px;
  background: var(--g-lavado);
}
.arr-guia__barra {
  grid-row: 1;
  grid-column: var(--de) / var(--a);
  height: 14px;
  border-radius: 999px;
  background: var(--g-color, var(--g-teal));
}
.arr-guia__barra--tenue {
  opacity: 0.55;
}
.arr-guia__franja--nortes {
  --g-color: #6fb0c6;
}
.arr-guia__franja--suradas {
  --g-color: #e9a23b;
}
.arr-guia__franja--playa {
  --g-color: var(--g-naranja);
}
.arr-guia__franja--lluvias {
  --g-color: var(--g-teal);
}
.arr-guia__franja--canicula {
  --g-color: #b8c11a;
}
.arr-guia__franja.es-hoy .arr-guia__franja-nombre::after {
  content: ' · ahora';
  color: var(--g-naranja);
}
.entry-content .arr-guia__anio-nota {
  margin: 10px 0 0;
  font-size: 13.5px;
  color: var(--g-teal);
}
@media (min-width: 700px) {
  .entry-content .arr-guia__meses {
    margin-left: 208px;
  }
  .entry-content .arr-guia__franja {
    grid-template-columns: 200px 1fr;
    align-items: center;
  }
  .arr-guia__franja-nombre {
    grid-column: 1;
    grid-row: 1;
  }
  .arr-guia__franja-meses {
    grid-column: 1;
    grid-row: 2;
    text-align: left;
  }
  .arr-guia__barras {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .arr-guia__barra {
    height: 18px;
  }
}

/* ----------------------------------------------------------- tablas --- */

.arr-guia__tabla {
  width: 100%;
  margin: 16px 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid var(--g-celeste);
  border-radius: var(--g-r);
  background: #fff;
  overflow: hidden;
  font-size: 15px;
}
.entry-content .arr-guia__tabla caption {
  padding: 0 0 8px;
  text-align: left;
  font-weight: 800;
  color: var(--g-teal);
}
.arr-guia__tabla th,
.arr-guia__tabla td {
  padding: 12px 14px;
  border: 0;
  border-top: 1px solid var(--g-celeste);
  vertical-align: top;
  text-align: left;
  background: transparent;
  color: var(--g-tinta);
  line-height: 1.45;
}
.arr-guia__tabla thead th {
  border-top: 0;
  background: var(--g-lavado);
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-weight: 600;
  color: var(--g-verde);
}
.arr-guia__tabla tbody th {
  font-weight: 800;
  color: var(--g-verde);
  white-space: nowrap;
}
.entry-content .arr-guia__tabla a {
  font-weight: 700;
  color: var(--g-teal);
}
/* En teléfono cada fila es una tarjeta: la etiqueta de columna sale del data-label. */
@media (max-width: 699px) {
  .arr-guia__tabla,
  .arr-guia__tabla tbody,
  .arr-guia__tabla tr,
  .arr-guia__tabla th,
  .arr-guia__tabla td {
    display: block;
  }
  .arr-guia__tabla {
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .arr-guia__tabla caption {
    display: block;
  }
  .arr-guia__tabla thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .arr-guia__tabla tr {
    margin: 0 0 10px;
    border: 2px solid var(--g-celeste);
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
  }
  .arr-guia__tabla tbody th {
    border-top: 0;
    background: var(--g-lavado);
    white-space: normal;
  }
  .arr-guia__tabla td {
    padding-top: 8px;
  }
  .arr-guia__tabla td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--g-teal);
  }
}

/* -------------------------------------------- sí / no, pasos, checklist --- */

.arr-guia__sino {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 14px;
  margin: 16px 0;
}
.arr-guia__lista {
  padding: 18px;
  border: 2px solid var(--g-celeste);
  border-radius: var(--g-r);
  background: #fff;
}
.arr-guia__lista--ancha {
  margin: 16px 0;
}
.arr-guia__lista--ancha ul {
  columns: 2 300px;
  column-gap: 28px;
}
.arr-guia__lista ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__lista li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 36px;
  break-inside: avoid;
  color: var(--g-tinta);
  font-size: 15.5px;
  line-height: 1.5;
}
.arr-guia__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--g-verde) var(--marca) center / 16px no-repeat;
}
.arr-guia__lista--si li::before {
  --marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffaeb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E");
}
.arr-guia__lista--no li::before {
  --marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E");
  background-color: var(--g-rojo);
}
.entry-content .arr-guia__lista h3 {
  margin-bottom: 12px;
}

.entry-content .arr-guia__pasos {
  display: grid;
  gap: 10px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
  counter-reset: paso;
}
.entry-content .arr-guia__pasos > li {
  position: relative;
  margin: 0;
  padding: 16px 18px 16px 64px;
  border: 2px solid var(--g-celeste);
  border-radius: 18px;
  background: #fff;
  color: var(--g-tinta);
  counter-increment: paso;
}
.arr-guia__pasos > li::before {
  content: counter(paso);
  position: absolute;
  left: 14px;
  top: 14px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: var(--g-verde);
  color: var(--g-crema);
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-weight: 700;
}
.entry-content .arr-guia__pasos > li p {
  margin: 4px 0 0;
}

.arr-guia__checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 14px;
  margin: 16px 0;
}
.arr-guia__checks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-content .arr-guia__checks li {
  margin: 0;
}
.arr-guia__check {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 44px;
  padding: 8px 0;
  cursor: pointer;
  color: var(--g-tinta);
  font-size: 15.5px;
  line-height: 1.45;
}
.arr-guia__check input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.arr-guia__check span::before {
  content: '';
  display: inline-block;
  flex: none;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -6px;
  border: 2px solid var(--g-teal);
  border-radius: 8px;
  background: #fff center / 16px no-repeat;
}
.arr-guia__check input:checked + span::before {
  background-color: var(--g-verde);
  border-color: var(--g-verde);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffaeb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E");
}
.arr-guia__check input:checked + span {
  color: var(--g-teal);
  text-decoration: line-through;
  text-decoration-color: var(--g-celeste);
}
.arr-guia__check span {
  display: block;
  padding-left: 36px;
  text-indent: -36px;
}

/* ------------------------------------------- mitos, glosario, fuentes --- */

.arr-guia__mito {
  gap: 6px;
}
.entry-content .arr-guia__mito .arr-guia__et {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fbe3e1;
  color: var(--g-rojo);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.entry-content .arr-guia__mito .arr-guia__et--si {
  background: var(--g-lavado);
  color: var(--g-verde);
}
.arr-guia__error h3::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -3px;
  border-radius: 50%;
  background: var(--g-rojo)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E")
    center / 12px no-repeat;
}
.entry-content .arr-guia__mejor {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px dashed var(--g-celeste);
  font-weight: 700;
  color: var(--g-verde);
}

.arr-guia__glosario {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 10px;
  margin: 16px 0;
}
.arr-guia__glosario > div {
  padding: 14px 16px;
  border: 2px solid var(--g-celeste);
  border-radius: 18px;
  background: #fff;
}
.entry-content .arr-guia__glosario dt {
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-weight: 600;
  color: var(--g-verde);
}
.entry-content .arr-guia__glosario dd {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--g-tinta);
}

.arr-guia__cierre {
  padding: 8px 0 clamp(36px, 5vw, 56px);
}
.entry-content .arr-guia__cierre p {
  max-width: 68ch;
  color: var(--g-tinta);
}
.entry-content .arr-guia__revision {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--g-lavado);
  color: var(--g-verde);
  font-size: 14px;
  font-weight: 700;
}
.arr-guia__fuentes {
  margin: 20px 0 0;
  padding: 18px 20px;
  border: 2px dashed var(--g-celeste);
  border-radius: var(--g-r);
}
.entry-content .arr-guia__fuentes h2 {
  margin: 0 0 8px;
  font-family: var(--t-titulo, 'Fredoka', sans-serif);
  font-size: 18px;
  color: var(--g-verde);
}
.entry-content .arr-guia__fuentes ul {
  margin: 0;
  padding-left: 18px;
}
.entry-content .arr-guia__fuentes li {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--g-tinta);
  overflow-wrap: anywhere;
}

/* Tarjetas del inundado: nivel de agua con su color. */
.arr-guia__nivel {
  border-top-width: 8px;
}
.arr-guia__nivel--bajo {
  border-top-color: var(--g-celeste);
}
.arr-guia__nivel--medio {
  border-top-color: #e9a23b;
}
.arr-guia__nivel--alto {
  border-top-color: var(--g-rojo);
}

@media (max-width: 480px) {
  .arr-guia__cab,
  .arr-guia__anio,
  .arr-guia__tarjeta,
  .arr-guia__lista {
    padding: 16px;
  }
  .arr-guia__aviso {
    flex-direction: column;
    gap: 10px;
    padding: 16px;
  }
  .entry-content .arr-guia__pasos > li {
    padding-left: 60px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arr-guia-lista .arr-guia__panel:not([hidden]) {
    animation: none;
  }
  .entry-content .arr-guia__tab {
    transition: none;
  }
}

.arr-guia__cab--sub {
  margin-top: clamp(36px, 5vw, 56px);
  background: var(--g-lavado);
}
.arr-guia__aviso .arr-guia__paquete {
  margin: 6px 8px 0 0;
}
.arr-guia__tarjeta .arr-guia__paquete + .arr-guia__paquete {
  margin-top: 0;
}

/* Storefront subraya todo enlace del contenido; en píldoras y pestañas estorba. */
.entry-content .arr-guia__tab,
.entry-content .arr-guia__paquete,
.entry-content .arr-guia__indice a {
  text-decoration: none !important;
}
.arr-guia__panel:focus {
  outline: none;
}
@media (max-width: 599px) {
  .arr-guia__tarjeta:has(> .arr-guia__ficha) {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 6px;
    align-items: start;
  }
  .arr-guia__tarjeta > .arr-guia__ficha {
    grid-row: 1 / span 8;
  }
  .arr-guia__tarjeta:has(> .arr-guia__ficha) > :not(.arr-guia__ficha) {
    grid-column: 2;
    justify-self: start;
  }
}

/* ------------------------------------------------------------ iconos --- */
.arr-guia__ic--calendario {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M7.5 14h2M11 14h2M14.5 14h2M7.5 17.5h2M11 17.5h2'/%3E%3C/svg%3E");
}
.arr-guia__ic--auto {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M3 17v-4l2.5-6A2 2 0 0 1 7.3 6h9.4a2 2 0 0 1 1.8 1.1L21 13v4ZM7 20v-3M17 20v-3M7 13h10'/%3E%3C/svg%3E");
}
.arr-guia__ic--asiento {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h4a2 2 0 0 1 2 2.2L14 14H8L7 5.2A2 2 0 0 1 9 3ZM5 14h12a2 2 0 0 1 2 2v2H5ZM8 18v3M16 18v3'/%3E%3C/svg%3E");
}
.arr-guia__ic--aroma {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v3M12 5l-5 7h3l-4 6h12l-4-6h3ZM12 18v4'/%3E%3C/svg%3E");
}
.arr-guia__ic--escudo {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6ZM9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.arr-guia__ic--alerta {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19ZM12 10v4.5M12 17.2v.3'/%3E%3C/svg%3E");
}
.arr-guia__ic--sol {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M2 12h2.5M19.5 12H22M4.9 19.1l1.8-1.8M17.3 6.7l1.8-1.8'/%3E%3C/svg%3E");
}
.arr-guia__ic--lluvia {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14.5a4 4 0 0 1-.4-8 5.5 5.5 0 0 1 10.6 1.6 3.3 3.3 0 0 1-.2 6.4ZM8 18l-1 3M12 18l-1 3M16 18l-1 3'/%3E%3C/svg%3E");
}
.arr-guia__ic--viento {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10.5a2.8 2.8 0 1 0-2.8-2.8M3 12h15.5a2.8 2.8 0 1 1-2.8 2.8M3 16h7'/%3E%3C/svg%3E");
}
.arr-guia__ic--ola {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 15c2 0 2-2 4-2s2 2 4 2 2-2 4-2 2 2 4 2 2-2 4-2M2 19.5c2 0 2-2 4-2s2 2 4 2 2-2 4-2 2 2 4 2 2-2 4-2'/%3E%3Ccircle cx='16' cy='6.5' r='3'/%3E%3C/svg%3E");
}
.arr-guia__ic--gota {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11Z'/%3E%3C/svg%3E");
}
.arr-guia__ic--brillo {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.8 5.2L18 10l-5.2 1.8L11 17l-1.8-5.2L4 10l5.2-1.8ZM18.5 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8Z'/%3E%3C/svg%3E");
}
.arr-guia__ic--faro {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5c4.4 0 8 3.1 8 7s-3.6 7-8 7h-1.5V5ZM8 8H3M8 12H3M8 16H3'/%3E%3C/svg%3E");
}
.arr-guia__ic--rin {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M12 3v6.5M12 14.5V21M3 12h6.5M14.5 12H21'/%3E%3C/svg%3E");
}
.arr-guia__ic--maleta {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2.5'/%3E%3Cpath d='M8.5 7V5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E");
}
.arr-guia__ic--llave {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0 5 5l-1-1M14.5 6.5l-1-1a4 4 0 0 1 5 5M13.8 10.2 4.5 19.5a1.4 1.4 0 0 0 2 2l9.3-9.3'/%3E%3C/svg%3E");
}
.arr-guia__ic--pregunta {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.3 9.3a2.8 2.8 0 1 1 3.7 2.6c-.7.3-1 .8-1 1.6v.5M12 17v.3'/%3E%3C/svg%3E");
}
.arr-guia__ic--termometro {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14.5V5a2 2 0 0 1 4 0v9.5a4 4 0 1 1-4 0ZM12 9v7'/%3E%3C/svg%3E");
}
.arr-guia__ic--casa {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 4l9 7M5 10v10h14V10M10 20v-5h4v5'/%3E%3C/svg%3E");
}
.arr-guia__ic--bateria {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Cpath d='M7 7V5h3v2M14 7V5h3v2M7 13h3M15.5 11.5v3M14 13h3'/%3E%3C/svg%3E");
}
.arr-guia__ic--documento {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8ZM14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");
}
.arr-guia__ic--camara {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1Z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");
}
.arr-guia__ic--apagado {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8M7 6.3a7 7 0 1 0 10 0'/%3E%3C/svg%3E");
}
.arr-guia__ic--lupa {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E");
}
.arr-guia__ic--check {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E");
}
.arr-guia__ic--cruz {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E");
}
.arr-guia__ic--flecha {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.arr-guia__ic--mascota {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='10' r='1.8'/%3E%3Ccircle cx='10' cy='6' r='1.8'/%3E%3Ccircle cx='14' cy='6' r='1.8'/%3E%3Ccircle cx='18' cy='10' r='1.8'/%3E%3Cpath d='M12 11c-3 0-5.5 4-5.5 6.2 0 1.6 1.3 2.3 2.7 2.3 1.2 0 1.8-.6 2.8-.6s1.6.6 2.8.6c1.4 0 2.7-.7 2.7-2.3C17.5 15 15 11 12 11Z'/%3E%3C/svg%3E");
}