.itinerarios-page{min-height:100vh}.itinerarios-hero{padding:var(--space-16) var(--space-6) var(--space-10);text-align:center}.itinerarios-hero__content{max-width:700px;margin:0 auto}.itinerarios-hero__back{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.itinerarios-hero__back:hover{color:var(--color-accent)}.itinerarios-hero__logo{margin:0 auto var(--space-4);object-fit:contain;width:auto;height:80px;display:block}.itinerarios-hero__title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);margin-bottom:var(--space-3);background:linear-gradient(135deg,#9b59b6 0%,#e74c3c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.itinerarios-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.itinerarios-grid-section{max-width:800px;padding:0 var(--space-6) var(--space-16);margin:0 auto}.itinerarios-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.itinerario-card{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);color:var(--color-text);transition:all var(--transition-base);background:linear-gradient(145deg,#9b59b626,#9b59b60d);border:1.5px solid #9b59b640;flex-direction:column;text-decoration:none;display:flex}.itinerario-card:hover{color:var(--color-text);border-color:#9b59b6;transform:translateY(-4px);box-shadow:0 8px 24px #9b59b633}.itinerario-card__icon{margin-bottom:var(--space-1);font-size:2.5rem}.itinerario-card__pueblo{font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.3}.itinerario-card__fecha{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-semibold);text-transform:capitalize}.itinerario-card__buses{font-size:var(--font-size-xs);color:var(--color-text-muted)}.itinerarios-empty{text-align:center;padding:var(--space-12) var(--space-6)}.itinerarios-empty__icon{margin-bottom:var(--space-4);font-size:4rem;display:block}.itinerarios-empty__text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.iti-detail-page{max-width:900px;min-height:100vh;padding-bottom:var(--space-16);margin:0 auto}.iti-detail__loading,.iti-detail__empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.iti-detail__empty span{margin-bottom:var(--space-4);font-size:4rem;display:block}.iti-detail__back-btn{margin-top:var(--space-6);color:var(--color-accent);text-decoration:none;display:inline-block}.iti-detail__header{text-align:center;padding:var(--space-10) var(--space-6) var(--space-6)}.iti-detail__back{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.iti-detail__back:hover{color:var(--color-accent)}.iti-detail__logo{margin:0 auto var(--space-3);object-fit:contain;width:auto;height:68px;display:block}.iti-detail__titulo{font-family:var(--font-family-display);font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:800}.iti-detail__subtitulo{font-size:var(--font-size-md);color:var(--color-accent);font-weight:var(--font-weight-semibold)}.iti-detail__content{gap:var(--space-6);padding:var(--space-6);align-items:flex-start;display:flex}.iti-detail__tabs{gap:var(--space-3);top:calc(var(--header-height) + var(--space-4));flex-direction:column;flex-shrink:0;display:flex;position:sticky}.iti-detail__tab{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:2px solid #9b59b64d}.iti-detail__tab:hover{color:var(--color-text-primary);border-color:#9b59b6}.iti-detail__tab--active{color:#fff;background:linear-gradient(135deg,#4a90d9,#6366f1);border-color:#0000;box-shadow:0 4px 16px #6366f14d}.iti-detail__tab--active:hover{color:#fff}.iti-detail__schedule{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.iti-bus-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.iti-bus-card__title{padding:var(--space-4) var(--space-5);font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.03em}.iti-bus-card__paradas{padding:var(--space-2) 0}.iti-parada{padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);display:flex}.iti-parada__nombre{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.iti-parada__linea{border-bottom:1px dashed var(--color-border-light,#ffffff1a);flex:1;min-width:20px}.iti-parada__hora{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.iti-parada--destino .iti-parada__nombre{color:var(--color-accent);font-weight:var(--font-weight-bold)}.iti-parada--destino .iti-parada__hora{color:var(--color-accent)}@media (max-width:768px){.itinerarios-hero{padding:var(--space-10) var(--space-4) var(--space-8)}.itinerarios-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.itinerario-card{padding:var(--space-4) var(--space-3)}.itinerario-card__icon{font-size:2rem}.iti-detail__header{padding:var(--space-6) var(--space-4) var(--space-4)}.iti-detail__content{padding:var(--space-4);flex-direction:column}.iti-detail__tabs{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:row;position:static;overflow-x:auto}.iti-detail__tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.iti-parada{padding:var(--space-2) var(--space-4)}.iti-parada__nombre{font-size:var(--font-size-xs)}.iti-bus-card__title{font-size:var(--font-size-sm)}}