.llegar-hero {

  padding: 3.5rem 1.5rem 3rem;

  text-align: center;

}

.llegar-hero-inner { max-width: 640px; margin: 0 auto; }

.llegar-eyebrow { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; opacity: .6; display: block; margin-bottom: .5rem; }

.llegar-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; margin: 0 0 .6rem; color: #fff; }

.llegar-sub { opacity: .8; font-size: 1rem; margin: 0; }



.llegar-wrap { background: var(--t-bg, #fdf6f0); padding: 3rem 1.5rem 4rem; }

.llegar-inner { max-width: 860px; margin: 0 auto; }



.llegar-opciones { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 3rem; }



.llegar-opcion {

  background: var(--t-panel, #fff);

  border-radius: 14px;

  border: 1.5px solid var(--t-line, #e8ddd5);

  padding: 1.75rem;

  display: flex;

  gap: 1.25rem;

  align-items: flex-start;

}

.llegar-opcion--destacada {

  border-color: var(--t-accent, #0057A8);

  box-shadow: 0 0 0 3px rgba(0,87,168,.1);

}



.llegar-opcion-icono { font-size: 2rem; flex-shrink: 0; line-height: 1; }

.llegar-opcion-body { flex: 1; }

.llegar-opcion-titulo { font-size: 1.25rem; font-weight: 800; color: var(--t-text, #2d2d2d); margin: 0 0 .6rem; }

.llegar-opcion-desc { color: var(--t-muted, #7a6a5a); line-height: 1.7; margin: 0 0 1rem; }



.llegar-tren-info { background: var(--t-bg, #fdf6f0); border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; }

.llegar-tren-row { display: flex; gap: .75rem; padding: .4rem 0; border-bottom: 1px solid var(--t-line, #e8ddd5); align-items: baseline; }

.llegar-tren-row:last-child { border-bottom: none; }

.llegar-tren-label { font-size: .78rem; font-weight: 700; color: var(--t-accent, #0057A8); min-width: 90px; flex-shrink: 0; }

.llegar-tren-valor { font-size: .88rem; color: var(--t-text, #2d2d2d); }



.llegar-horarios-tren { margin-bottom: 1rem; }

.llegar-h3 { font-size: 1rem; font-weight: 700; color: var(--t-text, #2d2d2d); margin: 0 0 .25rem; }

.llegar-horarios-nota { font-size: .78rem; color: var(--t-muted, #7a6a5a); margin: 0 0 1rem; }

.llegar-horarios-nota a { color: var(--t-accent, #0057A8); }

.llegar-tren-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.llegar-tren-turno h4 { font-size: .85rem; font-weight: 700; color: var(--t-accent, #0057A8); margin: 0 0 .5rem; }

.llegar-tren-lista { list-style: none; padding: 0; margin: 0; }

.llegar-tren-lista li { font-size: .82rem; color: var(--t-text, #2d2d2d); padding: .25rem 0; border-bottom: 1px solid var(--t-line, #e8ddd5); font-family: 'Courier New', monospace; }

.llegar-tren-lista li:last-child { border-bottom: none; }



.llegar-tren-vuelta { font-size: .85rem; color: var(--t-muted, #7a6a5a); background: var(--t-bg, #fdf6f0); padding: .75rem 1rem; border-radius: 8px; margin: 0; }



.llegar-mapa-wrap { margin-bottom: 2.5rem; }

.llegar-h2 { font-size: 1.4rem; font-weight: 800; color: var(--t-text, #2d2d2d); margin: 0 0 1rem; }

.llegar-mapa-iframe { width: 100%; height: 380px; border: 0; border-radius: 14px; display: block; filter: saturate(.9); }

.llegar-mapa-link { margin: .6rem 0 0; font-size: .82rem; }

.llegar-mapa-link a { color: var(--t-accent, #0057A8); font-weight: 600; }



.llegar-cta {

  background: var(--t-panel, #fff);

  border-radius: 14px;

  border: 1px solid var(--t-line, #e8ddd5);

  padding: 2rem;

  text-align: center;

}

.llegar-cta p { color: var(--t-muted, #7a6a5a); margin: 0 0 1.25rem; }



/* Zona y alrededores */

.llegar-zona { margin-bottom: 2.5rem; }

.llegar-zona-sub { color: var(--t-muted, #7a6a5a); margin: -.5rem 0 1.5rem; font-size: .9rem; }

.llegar-zona-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));

  gap: 1rem;

}

.llegar-zona-card {

  background: var(--t-panel, #fff);

  border: 1.5px solid var(--t-line, #e8ddd5);

  border-radius: 12px;

  padding: 1.25rem 1rem;

  text-align: center;

}

.llegar-zona-card--malaga {

  background: var(--t-accent, #0057A8);

  border-color: var(--t-accent, #0057A8);

  color: #fff;

}

.llegar-zona-icono { font-size: 1.8rem; display: block; margin-bottom: .5rem; }

.llegar-zona-card h3 { font-size: .9rem; font-weight: 700; margin: 0 0 .35rem; }

.llegar-zona-card p { font-size: .78rem; color: var(--t-muted, #7a6a5a); margin: 0; line-height: 1.5; }

.llegar-zona-card--malaga h3, .llegar-zona-card--malaga p { color: rgba(255,255,255,.9); }



/* Border destacado: Málaga CF azul */

.llegar-opcion--destacada {

  border-color: var(--t-accent, #0057A8);

  box-shadow: 0 0 0 3px rgba(0,87,168,.1);

}



@media (max-width: 600px) {

  .llegar-opcion { flex-direction: column; gap: .75rem; }

  .llegar-tren-grid { grid-template-columns: 1fr; }

}