.cda-itin-section {
font-family: inherit;
color: #1a1a1a;
margin: 2.5rem 0;
} .cda-itin-titulo {
font-size: clamp(1.8rem, 4vw, 2.4rem);
font-weight: 800;
letter-spacing: -0.02em;
margin: 0 0 0.75rem;
line-height: 1.1;
} .cda-itin-divider {
border: none;
border-top: 1px solid #d0d0d0;
margin: 0 0 2rem;
} .cda-itin-tabs {
display: flex;
gap: 0.5rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.cda-itin-tab {
display: inline-flex;
align-items: center;
padding: 0.55em 1.3em;
border-radius: 999px;
font-size: 0.92rem;
font-weight: 600;
cursor: pointer;
border: 1.5px solid transparent;
transition: background 0.18s, color 0.18s, border-color 0.18s;
background: transparent;
color: #555;
border-color: #b0b0b0;
}
.cda-itin-tab.is-active {
background: #111;
color: #fff;
border-color: #111;
}
.cda-itin-tab:hover:not(.is-active) {
border-color: #555;
color: #111;
} .cda-itin-panel {
display: none;
}
.cda-itin-panel.is-active {
display: block;
animation: cda-fadein 0.22s ease;
}
@keyframes cda-fadein {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
} .cda-itin-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 0;
} .cda-itin-card {
padding: 0 2rem 1.8rem 0;
border-right: 1px solid #d0d0d0;
margin-right: 0;
}
.cda-itin-card:last-child {
border-right: none;
padding-right: 0;
} .cda-itin-grid.has-single .cda-itin-card {
border-right: none;
} .cda-itin-grid .cda-itin-card:not(:first-child) {
padding-left: 2rem;
} .cda-itin-badge {
display: inline-block;
background: #111;
color: #fff;
font-size: 0.8rem;
font-weight: 700;
padding: 0.3em 0.85em;
border-radius: 999px;
letter-spacing: 0.01em;
margin-bottom: 0.8rem;
white-space: nowrap;
}
.cda-itin-card.is-past .cda-itin-badge {
background: #888;
} .cda-itin-cidade {
display: block;
font-size: clamp(1.1rem, 2.5vw, 1.4rem);
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.15;
margin-bottom: 0.25rem;
color: #111;
}
.cda-itin-card.is-past .cda-itin-cidade {
color: #555;
} .cda-itin-local {
display: block;
font-size: 0.88rem;
color: #555;
line-height: 1.4;
margin-bottom: 0.4rem;
} .cda-itin-notas {
font-size: 0.82rem;
color: #777;
margin: 0.4rem 0 0;
line-height: 1.5;
} .cda-itin-empty {
color: #999;
font-style: italic;
font-size: 0.9rem;
padding: 1rem 0;
} @media (max-width: 640px) {
.cda-itin-grid {
grid-template-columns: 1fr;
}
.cda-itin-card {
border-right: none;
border-bottom: 1px solid #e0e0e0;
padding: 0 0 1.5rem;
margin-bottom: 1.5rem;
}
.cda-itin-card:last-child {
border-bottom: none;
margin-bottom: 0;
}
.cda-itin-grid .cda-itin-card:not(:first-child) {
padding-left: 0;
}
}