.rutas-hero{background:linear-gradient(135deg,#0a9396 0%,#14213d 100%);padding:60px 20px 50px;text-align:center;color:#fff}
  .rutas-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin:0 0 12px}
  .rutas-hero p{opacity:.85;font-size:1rem;max-width:560px;margin:0 auto}

  .rutas-wrap{max-width:1140px;margin:0 auto;padding:48px 20px 64px}

  /* tarjeta destacada */
  .ruta-featured{display:grid;grid-template-columns:1fr 420px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.1);margin-bottom:36px}
  .ruta-featured-img{position:relative;min-height:320px;overflow:hidden}
  .ruta-featured-img img{width:100%;height:100%;object-fit:cover}
  .ruta-featured-img .no-img{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,#0a9396,#14213d);display:flex;align-items:center;justify-content:center;font-size:4rem}
  .ruta-featured-body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}

  /* grid de tarjetas normales */
  .ruta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
  .ruta-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
  .ruta-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.13)}
  .ruta-card-img{height:190px;overflow:hidden}
  .ruta-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
  .ruta-card:hover .ruta-card-img img{transform:scale(1.05)}
  .ruta-card-img .no-img{width:100%;height:190px;background:linear-gradient(135deg,#0a9396,#14213d);display:flex;align-items:center;justify-content:center;font-size:3rem}
  .ruta-card-body{padding:18px 20px 20px}

  /* piezas compartidas */
  .ruta-cat{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
  .ruta-title{font-size:1rem;font-weight:800;color:#1e293b;margin:0 0 8px;line-height:1.3}
  .ruta-featured-body .ruta-title{font-size:1.5rem}
  .ruta-desc{font-size:.84rem;color:#64748b;line-height:1.6;margin:0}
  .ruta-desc.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .ruta-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
  .ruta-chip{font-size:.72rem;color:#64748b;display:flex;align-items:center;gap:4px}
  .ruta-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .ruta-tag{background:#f1f5f9;color:#475569;font-size:.68rem;padding:2px 8px;border-radius:20px;font-weight:500}
  .ruta-btn{display:inline-block;margin-top:14px;padding:10px 20px;border-radius:9px;background:#0a9396;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;transition:background .15s}
  .ruta-btn:hover{background:#077b7e;color:#fff}

  .section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0a9396;margin:0 0 18px}

  @media(max-width:768px){
    .ruta-featured{grid-template-columns:1fr}
    .ruta-featured-img{min-height:220px}
    .ruta-featured-body{padding:22px 20px}
  }