/* ============================================================
   Visitas Supervisadas — hoja de estilos · v2 editorial
   Paleta: verde bosque / terracota / crema
   Tipografía: Fraunces (serif) + Karla (sans)
   Sistema: ritmo vertical variado, asimetría deliberada,
   filetes finos en lugar de tarjetas, un solo acento de sombra.
   ============================================================ */

:root{
  --verde:        #1e3b2a;
  --verde-osc:    #142a1d;
  --salvia:       #6e8a74;
  --terracota:    #bc5a38;
  --terracota-osc:#9a4325;
  --crema:        #f5eee1;
  --marfil:       #fcf9f2;
  --arena:        #e3d7c0;
  --tinta:        #26231d;
  --pardo:        #6f675a;
  --blanco:       #ffffff;
  --serif: "Fraunces", Georgia, serif;
  --sans:  "Karla", "Helvetica Neue", Arial, sans-serif;
  --borde-pagina: max(24px, calc((100% - 1120px) / 2));
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  font-size:17px;
  line-height:1.7;
  color:var(--tinta);
  background:var(--marfil);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--terracota);text-decoration:none}
a:hover{color:var(--terracota-osc)}
a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline:2px solid var(--terracota);
  outline-offset:3px;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.wrap-angosto{max-width:780px;margin:0 auto;padding:0 24px}

h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;color:var(--verde)}
h1{font-size:clamp(2.6rem,6.2vw,5rem);letter-spacing:-.015em;line-height:1.04}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.35rem}
h1 em,h2 em{font-style:italic;color:var(--terracota)}
p{margin-bottom:1.1em}
p:last-child{margin-bottom:0}

/* Numerales tabulares donde hay cifras */
.cifra,.tarifa-precio,.ficha-fila dd,.articulo-meta,.paso-num{font-variant-numeric:tabular-nums}

/* Cejilla editorial: filete corto + versalitas sans */
.kicker{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--terracota);
  margin-bottom:16px;
}
.kicker::before{content:"";width:28px;height:1px;background:currentColor;flex:none}

/* ── Botones: planos, sin radio ── */
.btn{
  display:inline-block;
  font-family:var(--sans);
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.02em;
  padding:14px 28px;
  border-radius:0;
  background:var(--terracota);
  color:var(--crema);
  border:1px solid var(--terracota);
  transition:background .18s,border-color .18s;
}
.btn:hover{background:var(--terracota-osc);border-color:var(--terracota-osc);color:var(--crema)}
.btn-contorno{background:transparent;color:var(--verde);border:1px solid var(--verde)}
.btn-contorno:hover{background:var(--verde);color:var(--crema)}
.btn-claro{background:var(--crema);color:var(--verde);border-color:var(--crema)}
.btn-claro:hover{background:var(--blanco);border-color:var(--blanco);color:var(--verde)}
.btn-nav{padding:10px 20px;font-size:.85rem}
.btn-grande{padding:17px 38px;font-size:1rem}

/* ── Línea superior: alineada al margen, no centrada ── */
.topline{
  background:var(--verde-osc);
  color:var(--arena);
  font-size:.82rem;
  text-align:left;
  padding:9px var(--borde-pagina);
  font-variant-numeric:tabular-nums;
}
.topline p{margin:0}
.topline a{color:var(--crema);text-decoration:underline;text-underline-offset:3px}
.topline a:hover{color:var(--blanco)}

/* ── Cabecera ── */
.masthead{
  background:var(--marfil);
  border-bottom:1px solid var(--arena);
  position:sticky;top:0;z-index:60;
}
.masthead-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}
.wordmark{
  font-family:var(--serif);
  font-size:1.45rem;
  font-weight:600;
  color:var(--verde);
  letter-spacing:-.01em;
  line-height:1;
  white-space:nowrap;
}
.wordmark em{font-style:italic;font-weight:400;color:var(--terracota)}
.wordmark:hover{color:var(--verde)}
.navegacion{display:flex;align-items:center;gap:26px}
.navegacion>a{font-size:.9rem;font-weight:600;color:var(--tinta)}
.navegacion>a:hover{color:var(--terracota)}
.menu-btn{display:none;background:none;border:none;cursor:pointer;padding:6px}
.menu-btn span{display:block;width:24px;height:2px;background:var(--verde);margin:5px 0;transition:.2s}

/* ── Héroe asimétrico ─────────────────────────────────────────
   Titular sobredimensionado a la izquierda; la ficha del servicio
   —tratada como documento— cuelga girada y cruza el filete inferior
   del héroe hacia la sección siguiente. ── */
.hero{padding:80px 0 44px;border-bottom:1px solid var(--arena)}
.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:72px;align-items:start}
.hero h1{margin-bottom:26px;max-width:11em}
.lede{font-size:1.18rem;line-height:1.75;color:var(--pardo);max-width:34em}
.hero-acciones{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.hero-nota{font-size:.84rem;color:var(--pardo);margin-top:18px;max-width:30em}

/* Ficha estilo documento — único acento de sombra del sitio:
   sombra dura desplazada, sin desenfoque. */
.ficha{
  background:var(--crema);
  border:1px solid var(--arena);
  border-top:4px solid var(--verde);
  padding:30px 30px 26px;
  box-shadow:10px 10px 0 var(--verde);
}
.hero .ficha{
  align-self:end;
  position:relative;
  z-index:4;
  margin-bottom:-92px;
  transform:rotate(-1.1deg);
}
.ficha h3,.ficha h2{font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin-bottom:4px;color:var(--verde)}
.ficha .ficha-sub{font-size:.8rem;color:var(--pardo);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--arena)}
.ficha-fila{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dotted var(--arena);font-size:.92rem}
.ficha-fila:last-of-type{border-bottom:none}
.ficha-fila dt{color:var(--pardo);flex-shrink:0}
.ficha-fila .puntos{flex-grow:1;border-bottom:1px dotted var(--arena);transform:translateY(-4px)}
.ficha-fila dd{font-weight:700;color:var(--verde);text-align:right}
.ficha-fila dd small{display:block;font-weight:400;font-size:.76rem;color:var(--pardo)}
.ficha .btn{width:100%;text-align:center;margin-top:20px}
.ficha-pie{font-size:.78rem;color:var(--pardo);margin-top:12px;text-align:center}

/* ── Secciones: ritmo deliberadamente desigual ── */
.seccion{padding:88px 0}
.seccion--alta{padding:122px 0 128px}
.seccion--baja{padding:58px 0 64px}
.seccion--solapada{padding-top:168px}  /* deja sitio a la ficha que cae del héroe */
.seccion-crema{background:var(--crema);border-top:1px solid var(--arena);border-bottom:1px solid var(--arena)}
.seccion-verde{background:var(--verde);color:var(--crema)}
.seccion-verde h2,.seccion-verde h3{color:var(--crema)}
.seccion-verde .kicker{color:var(--arena)}
.seccion-verde p{color:#cfd9cc}
.seccion-verde a:not(.btn){color:var(--arena);text-decoration:underline;text-underline-offset:3px}

/* Cabeza de sección: a la izquierda con filete colgante;
   variante volcada a la derecha para alternar el eje. */
.cabeza-seccion{max-width:620px;margin-bottom:52px;position:relative}
.cabeza-seccion h2{margin-bottom:16px}
.cabeza-seccion p{color:var(--pardo)}
.cabeza-derecha{margin-left:auto;margin-right:0}
@media (min-width:1230px){
  .cabeza-seccion::before{
    content:"";
    position:absolute;
    left:-64px;top:.55em;
    width:44px;height:1px;
    background:var(--terracota);
  }
  .cabeza-derecha::before{left:auto;right:-64px}
}

/* Prosa editorial a dos columnas — medida contenida, no centrada:
   el blanco sobrante queda a la derecha, a propósito. */
.prosa-doble{column-count:2;column-gap:56px;column-rule:1px solid var(--arena);max-width:62rem}
.prosa-doble p{break-inside:avoid-column}
.prosa-capital>p:first-of-type::first-letter{
  font-family:var(--serif);
  font-size:4.6rem;
  line-height:.8;
  float:left;
  padding:8px 12px 0 0;
  color:var(--terracota);
  font-weight:600;
}

/* Cita destacada: rompe la retícula hacia el margen izquierdo */
.cita{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.35rem,2.8vw,1.85rem);
  line-height:1.42;
  color:var(--verde);
  border-left:3px solid var(--terracota);
  padding:8px 0 8px 28px;
  margin:44px 0 8px;
  max-width:28em;
}
@media (min-width:1230px){
  .wrap>.cita,.wrap .cita{margin-left:-64px;padding-left:89px}
}

/* ── Servicios: filas asimétricas con anchos desiguales ── */
.servicio-fila{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:64px;
  padding:54px 0 48px;
  border-top:1px solid var(--arena);
  align-items:start;
}
.servicio-fila:first-of-type{border-top:3px double var(--verde)}
.servicio-fila.invertida{grid-template-columns:1.2fr .8fr}
.servicio-fila.invertida .servicio-titulo{order:2}
.servicio-fila.invertida .servicio-cuerpo{order:1}
.servicio-titulo .numero{
  font-family:var(--serif);
  font-size:.95rem;
  font-weight:600;
  font-style:italic;
  color:var(--terracota);
  display:block;
  margin-bottom:10px;
}
.servicio-titulo h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:12px}
.servicio-titulo .sub{font-size:.9rem;color:var(--pardo)}
.servicio-cuerpo p{color:#3d3930}
.servicio-cuerpo ul{list-style:none;margin:18px 0 0}
.servicio-cuerpo li{
  padding:10px 0 10px 26px;
  border-bottom:1px dotted var(--arena);
  font-size:.95rem;
  position:relative;
}
.servicio-cuerpo li::before{content:"—";position:absolute;left:0;color:var(--terracota);font-weight:700}
.servicio-cuerpo li:last-child{border-bottom:none}

/* ── Proceso: el numeral rompe el filete superior de cada paso ── */
.paso{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:36px;
  padding:0 0 46px;
  border-top:1px solid var(--arena);
  align-items:start;
}
.paso:first-of-type{border-top:3px double var(--verde)}
.paso-num{
  font-family:var(--serif);
  font-size:4.4rem;
  font-weight:300;
  color:var(--salvia);
  line-height:1;
  font-style:italic;
  display:inline-block;
  background:var(--marfil);
  padding:0 16px 6px 0;
  transform:translateY(-38%);
}
.paso>div:last-child{padding-top:30px}
.paso h3{margin-bottom:10px}
.paso p{color:#3d3930;max-width:46em}

/* ── Tarifas: libro de tarifas plano, filetes y cifras tabulares ── */
.tarifario{
  background:var(--blanco);
  border:1px solid var(--arena);
  border-top:4px solid var(--terracota);
}
.tarifa-linea{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  padding:30px 34px;
  border-bottom:1px solid var(--arena);
  align-items:start;
}
.tarifa-linea:last-child{border-bottom:none}
.tarifa-linea h3{font-size:1.25rem;margin-bottom:8px}
.tarifa-linea p{font-size:.92rem;color:var(--pardo);max-width:38em;margin:0}
.tarifa-precio{text-align:right}
.tarifa-precio .cifra{font-family:var(--serif);font-size:2.4rem;font-weight:500;color:var(--verde);line-height:1}
.tarifa-precio .unidad{display:block;font-size:.78rem;color:var(--pardo);margin-top:6px}
.tarifa-nota{font-size:.85rem;color:var(--pardo);margin-top:18px;max-width:52em}
.sin-cargos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 56px;
  max-width:52rem;
  margin-top:28px;padding-top:10px;border-top:3px double var(--arena);
  font-size:.88rem;color:var(--pardo);
}
.sin-cargos span{padding:9px 0;border-bottom:1px dotted var(--arena)}
.sin-cargos span::before{content:"✕ ";color:var(--terracota);font-weight:700}

/* ── Informe (lista documental, columnas desiguales) ── */
.informe-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:start}
.informe-lista{list-style:none;border-top:3px double var(--arena)}
.informe-lista li{
  padding:14px 0 14px 4px;
  border-bottom:1px solid rgba(227,215,192,.35);
  font-size:.95rem;
  color:#cfd9cc;
}
.seccion-marfil .informe-lista li{color:#3d3930;border-bottom:1px solid var(--arena)}
.informe-lista li strong{color:inherit}

/* Banda interior entintada (sección «En su idioma») */
.wrap.seccion-marfil{
  background:var(--crema);
  border:1px solid var(--arena);
  border-left:4px solid var(--verde);
  padding:56px 60px;
}

/* ── Ciudades: índice tipo gacetilla, no tarjetas ── */
.estado-grupo{margin-bottom:34px;break-inside:avoid}
.estado-grupo h3{
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--pardo);
  border-bottom:1px solid var(--arena);
  padding-bottom:8px;
  margin-bottom:12px;
}
.estado-grupo ul{list-style:none}
.estado-grupo li{padding:4px 0}
.estado-grupo a{font-family:var(--serif);font-size:1.08rem;color:var(--verde)}
.estado-grupo a:hover{color:var(--terracota)}
.columnas-ciudades{column-count:4;column-gap:48px}

/* ── Recursos: índice numerado con calle vertical ── */
.recurso-item{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:32px;
  padding:34px 0;
  border-bottom:1px solid var(--arena);
  align-items:start;
}
.recurso-item:first-of-type{border-top:3px double var(--verde)}
.recurso-item:first-of-type h3{font-size:1.7rem}
.recurso-num{
  font-family:var(--serif);
  font-style:italic;
  font-size:1.9rem;
  color:var(--salvia);
  line-height:1.2;
  text-align:right;
  align-self:stretch;
  padding-right:22px;
  border-right:1px solid var(--arena);
}
.recurso-item h3 a{color:var(--verde)}
.recurso-item h3 a:hover{color:var(--terracota)}
.recurso-item p{font-size:.95rem;color:var(--pardo);margin:8px 0 0;max-width:52em}

/* ── Preguntas: columna fija a la izquierda, acordeón a la derecha ── */
.preguntas-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}
.preguntas-grid>div:first-child{position:sticky;top:118px}
details.pregunta{border-bottom:1px solid var(--arena)}
details.pregunta summary{
  font-family:var(--serif);
  font-size:1.15rem;
  font-weight:500;
  color:var(--verde);
  padding:20px 36px 20px 0;
  cursor:pointer;
  list-style:none;
  position:relative;
}
details.pregunta summary::-webkit-details-marker{display:none}
details.pregunta summary::after{
  content:"+";
  position:absolute;right:4px;top:50%;
  transform:translateY(-50%);
  font-family:var(--sans);
  color:var(--terracota);
  font-size:1.4rem;font-weight:400;
}
details.pregunta[open] summary::after{content:"–"}
details.pregunta .respuesta{padding:0 0 22px;font-size:.95rem;color:#3d3930;max-width:56em}

/* ── Banda final: asimétrica, alineada al margen de página ── */
.cta-final{
  background:var(--verde);
  text-align:left;
  padding:88px var(--borde-pagina) 96px;
}
.cta-final h2{color:var(--crema);margin-bottom:18px;max-width:17em}
.cta-final p{color:#cfd9cc;max-width:36em;margin:0 0 34px}

/* ── Pie ── */
footer{background:var(--verde-osc);color:#a9b8a6;padding:68px 0 36px;font-size:.9rem}
.pie-grid{display:grid;grid-template-columns:1.5fr 1fr 1.05fr .85fr;gap:48px;margin-bottom:48px}
.pie-grid .wordmark{color:var(--crema);font-size:1.3rem}
.pie-grid .wordmark em{color:var(--arena)}
.pie-grid p{font-size:.86rem;line-height:1.75}
.pie-grid h4{
  font-family:var(--sans);font-size:.74rem;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;
  color:var(--arena);margin-bottom:16px;
}
.pie-grid ul{list-style:none}
.pie-grid li{padding:4px 0}
.pie-grid a{color:#a9b8a6}
.pie-grid a:hover{color:var(--crema)}
.pie-legal{
  border-top:1px solid rgba(227,215,192,.15);
  padding-top:26px;
  font-size:.78rem;
  color:#7a8c78;
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
}

/* ── Páginas interiores (ciudades / recursos) ── */
.miga{font-size:.8rem;color:var(--pardo);padding:22px 0 0}
.miga a{color:var(--pardo);text-decoration:underline;text-underline-offset:3px}
.miga a:hover{color:var(--terracota)}

.hero-interior{padding:44px 0 68px;border-bottom:1px solid var(--arena)}
.hero-interior h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:14px 0 20px;max-width:16em}
.hero-interior .lede{font-size:1.08rem}

.pagina-grid{display:grid;grid-template-columns:1.32fr .68fr;gap:76px;align-items:start;padding:68px 0 96px}
.pagina-grid aside{position:sticky;top:112px}
.cuerpo-local h2{font-size:1.7rem;margin:44px 0 16px;padding-top:34px;border-top:1px solid var(--arena)}
.cuerpo-local h2:first-of-type{margin-top:0;padding-top:0;border-top:none}
.cuerpo-local p{color:#3d3930}

/* Zonas: de píldoras a lista de gacetilla en columnas */
.lista-zonas{
  list-style:none;
  column-count:3;
  column-gap:44px;
  margin:20px 0 0;
  max-width:44rem;
}
.lista-zonas li{
  font-family:var(--serif);
  font-size:1.02rem;
  color:var(--verde);
  padding:7px 2px;
  border-bottom:1px dotted var(--arena);
  break-inside:avoid;
}

/* ── Artículos ── */
.articulo{max-width:740px;margin:0 auto;padding:60px 24px 84px}
.articulo-cabecera{border-bottom:3px double var(--verde);padding-bottom:34px;margin-bottom:44px}
.articulo-cabecera h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:14px 0 18px}
.articulo-cabecera .lede{font-size:1.1rem}
.articulo-meta{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pardo);margin-top:20px}
.articulo h2{font-size:1.65rem;margin:52px 0 18px;padding-top:36px;border-top:1px solid var(--arena)}
.articulo h3{font-size:1.2rem;margin:32px 0 12px}
.articulo p{color:#33302a;margin-bottom:1.25em}
.articulo ul,.articulo ol{margin:0 0 1.4em 1.3em;color:#33302a}
.articulo li{margin-bottom:.6em}
.articulo .cita{margin:40px 0}
@media (min-width:1000px){
  .articulo .cita{margin-left:-84px;padding-left:40px;max-width:30em}
}
.caja-nota{
  background:var(--crema);
  border:1px solid var(--arena);
  border-left:4px solid var(--terracota);
  padding:22px 26px;
  margin:32px 0;
  font-size:.93rem;
}
.caja-nota strong{color:var(--verde)}

/* CTA de artículo: más ancho que la columna de texto, alineado a la izquierda */
.articulo-cta{
  background:var(--verde);
  padding:38px 42px;
  margin:56px 0 0;
  text-align:left;
}
.articulo-cta h3{color:var(--crema);margin-bottom:10px}
.articulo-cta p{color:#cfd9cc;font-size:.92rem;margin-bottom:22px;max-width:40em}
@media (min-width:1000px){
  .articulo-cta{margin-left:-84px;margin-right:-84px;padding:42px 48px}
}
.articulo-pie-enlaces{max-width:740px;margin:0 auto;padding:0 24px 72px}
.articulo-pie-enlaces h4{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--pardo);margin-bottom:14px;font-family:var(--sans)}
.articulo-pie-enlaces ul{list-style:none}
.articulo-pie-enlaces li{padding:7px 0;border-bottom:1px dotted var(--arena)}
.articulo-pie-enlaces a{font-family:var(--serif);font-size:1.02rem;color:var(--verde)}
.articulo-pie-enlaces a:hover{color:var(--terracota)}

/* ── Revelado sutil ── */
.revelar{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.revelar.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .revelar{opacity:1;transform:none;transition:none}
  .btn{transition:none}
  .menu-btn span{transition:none}
  html{scroll-behavior:auto}
}

/* ── Responsivo: la asimetría se pliega, no se rompe ── */
@media (max-width:980px){
  .hero{padding:56px 0 48px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero .ficha{align-self:auto;margin-bottom:0;transform:none}
  .seccion--solapada{padding-top:72px}
  .informe-grid,.preguntas-grid,.pagina-grid{grid-template-columns:1fr;gap:40px}
  .preguntas-grid>div:first-child{position:static}
  .pagina-grid aside{position:static}
  .columnas-ciudades{column-count:2}
  .pie-grid{grid-template-columns:1fr 1fr}
  .servicio-fila,.servicio-fila.invertida{grid-template-columns:1fr;gap:18px}
  .servicio-fila.invertida .servicio-titulo{order:1}
  .servicio-fila.invertida .servicio-cuerpo{order:2}
  .prosa-doble{column-count:1;max-width:46rem}
  .cabeza-derecha{margin-left:0}
  .wrap.seccion-marfil{padding:40px 32px}
  .lista-zonas{column-count:2}
}
@media (max-width:760px){
  .navegacion{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    background:var(--marfil);
    border-bottom:1px solid var(--arena);
    flex-direction:column;
    align-items:flex-start;
    padding:18px 24px 26px;
    gap:16px;
  }
  .navegacion.abierta{display:flex}
  .menu-btn{display:block}
  .seccion{padding:60px 0}
  .seccion--alta{padding:76px 0 80px}
  .seccion--baja{padding:48px 0 52px}
  .seccion--solapada{padding-top:60px}
  .hero{padding:48px 0 44px}
  .ficha{box-shadow:7px 7px 0 var(--verde)}
  .paso{grid-template-columns:1fr;gap:0;padding-bottom:40px}
  .paso-num{font-size:2.6rem;transform:translateY(-34%);padding:0 14px 4px 0}
  .paso>div:last-child{padding-top:0}
  .tarifa-linea{grid-template-columns:1fr;gap:14px}
  .tarifa-precio{text-align:left}
  .sin-cargos{grid-template-columns:1fr}
  .recurso-item{grid-template-columns:1fr;gap:6px}
  .recurso-item:first-of-type h3{font-size:1.45rem}
  .recurso-num{text-align:left;border-right:none;border-bottom:1px dotted var(--arena);padding:0 0 4px;align-self:start;max-width:4em}
  .columnas-ciudades{column-count:1}
  .pie-grid{grid-template-columns:1fr}
  .hero-acciones .btn{width:100%;text-align:center}
  .lista-zonas{column-count:2;column-gap:28px}
  .wrap.seccion-marfil{padding:32px 22px}
  .cta-final{padding:64px 24px 72px}
  .articulo-cta{padding:30px 26px}
}
@media (max-width:420px){
  .lista-zonas{column-count:1}
}