.rutas-page{background:#fff}.rutas-hero{background-color:#872021;background-image:var(--patron-url,none);background-position:50%;background-size:cover;background-repeat:no-repeat;margin-top:60px;padding:var(--space-xl,6rem) 0;color:var(--color-white,#fff)}.rutas-hero__text{max-inline-size:56rem;margin-inline:auto;padding:0 var(--container-padding,3rem);text-align:center;display:grid;gap:1rem}.rutas-hero__kicker{font-size:.95rem;font-weight:700;letter-spacing:.14em;color:var(--color-accent-gold,#c4a265)}.rutas-hero__kicker,.rutas-hero__title{font-family:Roboto,sans-serif;text-transform:uppercase;margin:0}.rutas-hero__title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;line-height:1.1}.rutas-hero__subtitle{font-size:1.05rem;line-height:1.7}.rutas-hero__service,.rutas-hero__subtitle{font-family:Roboto,sans-serif;margin:0 auto;max-inline-size:52ch}.rutas-hero__service{font-size:1rem;line-height:1.6}.rutas-hero__service a{color:var(--color-accent-gold,#c4a265);font-weight:700;text-decoration:underline}.rutas-section{padding:var(--space-lg,4rem) 0}.rutas-section--alt{background:var(--color-bg-light,#f7f5f2)}.rutas-section__title{font-family:Roboto,sans-serif;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:900;color:#872021;margin:0 0 var(--space-md,2rem)}.rutas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-sm,1rem)}.rutas-card{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:1.5rem;text-decoration:none;font-family:Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.rutas-card:hover{border-color:#872021;box-shadow:0 6px 18px rgb(135 32 33/12%)}.rutas-card__route{font-size:1.2rem;font-weight:900;color:var(--color-text,#1a1a1a)}.rutas-card__meta{font-size:.9rem;color:var(--color-text-secondary,#555)}.rutas-card__cta{margin-top:auto;font-weight:800;color:#872021}.rutas-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-sm,1rem)}.rutas-tool{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:1.25rem 1.5rem;text-decoration:none;font-family:Roboto,sans-serif;transition:border-color .2s ease}.rutas-tool:hover{border-color:#872021}.rutas-tool__title{font-weight:800;color:#872021}.rutas-tool__desc{font-size:.95rem;line-height:1.55;color:var(--color-text-secondary,#555)}@media (max-width:900px){.rutas-hero{margin-top:0;padding:var(--space-md,2rem) 0}}