/* 11-12-26 updates (Rocío's Nov 11 7:35 PM list): Free Live Visualization block, See all Masterclasses button,
   6-card testimonials grid, About podcast covers, culture-card icons. Loaded after site.css on the pages that use it. */

/* Free Live Visualization (homepage + /masterclasses) */
.lv-section { background: #173449; color: #FFFFFF; padding: clamp(3rem, 7vw, 5.5rem) 0; text-align: center; }
.lv-kicker { margin: 0 0 .5rem; font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C9A227; }
.lv-title { font-family: var(--ff-display); font-size: clamp(1.7rem, 3.4vw, 2.6rem); line-height: 1.2; margin: 0 0 .75rem; color: #FFFFFF; }
.lv-sub { max-width: 46ch; margin: 0 auto 2rem; color: #E6ECF0; font-size: 1.05rem; line-height: 1.6; }
.lv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1.25rem; max-width: 820px; margin: 0 auto; }
.lv-card { background: #2B5069; border: 2px solid #7C9BAF; border-radius: 20px; padding: 1.75rem 1.5rem; display: flex; flex-direction: column; align-items: center; gap: .35rem; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.lv-lang { margin: 0 0 .35rem; padding: .2rem .8rem; border: 1px solid #C9A227; border-radius: 999px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #C9A227; }
.lv-card h3 { margin: 0 0 .35rem; font-size: 1.25rem; line-height: 1.3; color: #FFFFFF; }
.lv-when { margin: 0; font-weight: 700; color: #FFFFFF; }
.lv-where { margin: 0 0 1rem; color: #E6ECF0; font-size: .95rem; }
.lv-btn { margin-top: auto; background: #C9A227; color: #173449 !important; border: 0; font-weight: 700; padding: .8rem 1.6rem; border-radius: 999px; text-decoration: none; display: inline-block; }
.lv-btn:hover, .lv-btn:focus-visible { background: #FFFFFF; color: #173449 !important; }

/* Homepage: See all Masterclasses */
.programs-more { text-align: center; margin: 2.25rem 0 0; }
.programs-more .btn { background: #C9A227; color: #173449; border: 0; font-weight: 700; }
.programs-more .btn:hover, .programs-more .btn:focus-visible { background: #FFFFFF; color: #173449; }

/* Homepage testimonials: six cards as 3 + 3 */
@media (min-width: 900px) { .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 600px) and (max-width: 899px) { .testimonials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* About page: podcast episode covers */
.about-episodes { margin: 1.5rem auto 0; max-width: 860px; }
.about-episodes .podcast-ep-thumb { aspect-ratio: 9 / 16; }
.about-episodes .podcast-ep-label { text-align: center; }

/* For Organizations: culture-card icons (gold line icons, top-left above the title) */
.os-icon { display: block; width: 32px; height: 32px; margin: 0 0 .75rem; color: #9A7B1C; }
.os-icon svg { width: 32px; height: 32px; display: block; }

/* Homepage podcast: Also on Expandi TV */
.podcast-also { margin: 1rem 0 0; text-align: center; }
.podcast-also a { color: #C9A227; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.podcast-also a:hover, .podcast-also a:focus-visible { color: #FFFFFF; }