/** SC Capacitaciones V7 — portada interfaz institucional. */

/* Hero */
.scc7-hero {
  position: relative;
  min-height: min(52rem, calc(100svh - 7.6rem));
  display: grid;
  align-items: center;
  padding-block: clamp(3.7rem, 6.4vw, 7.2rem);
  background: var(--scc-gradient-aurora);
  overflow: hidden;
  isolation: isolate;
}
.scc7-hero::before,
.scc7-hero::after { position: absolute; z-index: -2; border-radius: 50%; pointer-events: none; content: ""; filter: blur(2px); }
.scc7-hero::before { top: -13rem; left: -9rem; width: 32rem; aspect-ratio: 1; background: radial-gradient(circle, rgba(60, 200, 190, 0.25), transparent 68%); }
.scc7-hero::after { right: -8rem; bottom: -15rem; width: 38rem; aspect-ratio: 1; background: radial-gradient(circle, rgba(220, 120, 140, 0.2), transparent 67%); }
.scc7-hero__mesh { position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 0.52; }
.scc7-hero__mesh canvas { width: 100% !important; height: 100% !important; }
.scc7-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(28rem, 0.82fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.scc7-hero__content { position: relative; z-index: 2; }
.scc7-hero__eyebrow > span { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--scc-orange); box-shadow: 0 0 0 0.4rem rgba(220, 120, 140, 0.12); }
.scc7-hero h1 { max-width: 12.5ch; margin: 0; font-size: clamp(3rem, 6vw, 6.25rem); line-height: 0.98; text-wrap: balance; }
.scc7-hero h1 em { position: relative; color: var(--scc-orange); font-style: normal; }
.scc7-hero h1 em::after { position: absolute; right: 0; bottom: -0.1em; left: 0; height: 0.12em; border-radius: 1rem; background: linear-gradient(90deg, var(--scc-orange), transparent); content: ""; opacity: 0.45; }
.scc7-hero__lead { max-width: 61ch; margin: 1.45rem 0 0; color: var(--scc-ink-soft); font-size: clamp(1rem, 1.4vw, 1.18rem); }
.scc7-hero-search { width: min(100%, 42rem); min-height: 4rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.8rem; margin-top: 1.75rem; padding: 0.45rem 0.45rem 0.45rem 1.1rem; border: 1px solid rgba(11, 111, 105, 0.18); border-radius: var(--scc-radius-pill); background: rgba(255, 255, 255, 0.83); box-shadow: var(--scc-shadow-sm); backdrop-filter: blur(16px); }
.scc7-hero-search > .scc-icon { width: 1.25rem; height: 1.25rem; color: var(--scc-blue); }
.scc7-hero-search input { min-width: 0; padding: 0.5rem 0; border: 0; background: transparent; color: var(--scc-ink); outline: none; font-size: 0.92rem; }
.scc7-hero-search button { min-height: 3.05rem; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.75rem 1.15rem; border: 0; border-radius: var(--scc-radius-pill); background: var(--scc-blue); color: var(--scc-white); cursor: pointer; font-size: 0.8rem; font-weight: 850; }
.scc7-hero-search button .scc-icon { width: 1rem; height: 1rem; }
.scc7-hero__actions { margin-top: 1.2rem; }
.scc7-hero__checks { display: flex; flex-wrap: wrap; gap: 0.65rem 1.2rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.scc7-hero__checks li { display: inline-flex; align-items: center; gap: 0.42rem; margin: 0; color: var(--scc-ink-soft); font-size: 0.73rem; font-weight: 700; }
.scc7-hero__checks .scc-icon { width: 0.94rem; height: 0.94rem; color: var(--scc-teal-strong); stroke-width: 2.4; }
.scc7-hero__visual { position: relative; min-height: clamp(34rem, 48vw, 44rem); }
.scc7-hero__visual::before { position: absolute; z-index: -1; inset: 7% -6% 2% 8%; border: 1px solid rgba(11, 111, 105, 0.14); border-radius: 48% 52% 30% 70% / 42% 31% 69% 58%; background: linear-gradient(160deg, rgba(11, 111, 105, 0.14), rgba(60, 200, 190, 0.2)); content: ""; transform: rotate(5deg); }
.scc7-hero__photo-wrap { position: absolute; inset: 3% 7% 3% 8%; border: 0.7rem solid rgba(255, 255, 255, 0.68); border-radius: 45% 55% 28% 72% / 36% 28% 72% 64%; box-shadow: var(--scc-shadow); overflow: hidden; transform: translateZ(0); will-change: transform; }
.scc7-hero__photo { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; filter: saturate(0.72) contrast(1.07); transform: scale(1.04); }
.scc7-hero__photo-filter { position: absolute; inset: 0; background: linear-gradient(140deg, rgba(11, 111, 105, 0.1), transparent 40%, rgba(220, 120, 140, 0.08)); mix-blend-mode: color; }
.scc7-float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 0.75rem; padding: 0.8rem 1rem; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 1rem; background: rgba(255, 255, 255, 0.9); box-shadow: var(--scc-shadow-sm); color: var(--scc-ink); backdrop-filter: blur(18px); }
.scc7-float-card__icon { width: 2.8rem; height: 2.8rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--scc-blue); color: var(--scc-white); }
.scc7-float-card__icon .scc-icon { width: 1.25rem; height: 1.25rem; }
.scc7-float-card div { display: grid; }
.scc7-float-card strong { color: var(--scc-ink); font-family: var(--scc-font-display); font-size: 1.2rem; letter-spacing: -0.03em; }
.scc7-float-card span { color: var(--scc-ink-soft); font-size: 0.68rem; line-height: 1.3; }
.scc7-float-card--programs { top: 1%; left: -1%; }
.scc7-float-card--campus { top: 27%; right: -2%; }
.scc7-float-card--campus > .scc7-live-dot { width: 0.72rem; height: 0.72rem; }
.scc7-float-card--campus strong { font-size: 0.85rem; }
.scc7-float-card--course { right: 0; bottom: 3%; width: min(21rem, 78%); align-items: flex-start; display: grid; gap: 0.35rem; text-decoration: none; }
.scc7-float-card--course > span { color: var(--scc-orange-dark); font-size: 0.63rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.scc7-float-card--course strong { font-size: 0.88rem; line-height: 1.25; }
.scc7-float-card--course .scc-icon { position: absolute; right: 0.8rem; bottom: 0.8rem; width: 1rem; height: 1rem; color: var(--scc-blue); }

/* Trust strip */
.scc7-trust { padding-block: clamp(2.2rem, 4vw, 3.5rem); border-bottom: 1px solid var(--scc-line-blue); background: var(--scc-white); }
.scc7-trust__title { margin: 0 0 1.15rem; color: var(--scc-ink-soft); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.12em; text-align: center; text-transform: uppercase; }
.scc7-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; }
.scc7-trust__item { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; align-items: center; padding: 0.85rem; border: 1px solid var(--scc-line-blue); border-radius: 1rem; background: var(--scc-cloud); color: var(--scc-ink); text-decoration: none; transition: transform var(--scc-fast), border-color var(--scc-fast), box-shadow var(--scc-fast); }
.scc7-trust__item:hover { transform: translateY(-3px); border-color: rgba(11, 111, 105, 0.3); box-shadow: var(--scc-shadow-xs); }
.scc7-trust__item > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-white); color: var(--scc-blue); box-shadow: 0 7px 20px rgba(11, 111, 105, 0.09); }
.scc7-trust__item .scc-icon { width: 1.15rem; height: 1.15rem; }
.scc7-trust__item div { min-width: 0; display: grid; gap: 0.16rem; }
.scc7-trust__item strong { overflow: hidden; color: var(--scc-ink); font-size: 0.75rem; text-overflow: ellipsis; white-space: nowrap; }
.scc7-trust__item small { color: var(--scc-ink-soft); font-size: 0.63rem; line-height: 1.35; }

/* Carousels */
.scc7-carousel { position: relative; }
.scc7-carousel__controls { display: flex; justify-content: center; gap: 0.65rem; margin-top: 1.55rem; }
.scc7-carousel__controls button,
.scc7-testimonial-slider__controls button { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border: 1px solid var(--scc-line-blue); border-radius: 50%; background: var(--scc-white); color: var(--scc-ink); cursor: pointer; font-size: 1.05rem; transition: background var(--scc-fast), color var(--scc-fast), transform var(--scc-fast); }
.scc7-carousel__controls button:hover,
.scc7-testimonial-slider__controls button:hover { background: var(--scc-blue); color: var(--scc-white); transform: translateY(-2px); }

/* Categories */
.scc7-categories { background: var(--scc-white); }
.scc7-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.scc7-category-card { position: relative; min-height: 20rem; display: grid; grid-template-rows: auto 1fr auto; gap: 1.2rem; padding: clamp(1.3rem, 2.4vw, 2rem); border: 1px solid var(--scc-line-blue); border-radius: var(--scc-radius-lg); background: linear-gradient(145deg, var(--scc-cloud), var(--scc-white)); box-shadow: 0 14px 45px rgba(11, 111, 105, 0.06); overflow: hidden; transition: transform var(--scc-normal) var(--scc-ease-spring), box-shadow var(--scc-normal), border-color var(--scc-normal); }
.scc7-category-card::after { position: absolute; right: -2.5rem; bottom: -3rem; width: 10rem; aspect-ratio: 1; border-radius: 50%; background: rgba(11, 111, 105, 0.06); content: ""; }
.scc7-category-card:hover { transform: translateY(-8px) scale(1.012); border-color: rgba(11, 111, 105, 0.25); box-shadow: var(--scc-shadow-sm); }
.scc7-category-card__icon { width: 5.2rem; height: 5.2rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-white); color: var(--scc-blue); box-shadow: var(--scc-shadow-xs); }
.scc7-category-card__icon .scc-icon { width: 2.2rem; height: 2.2rem; }
.scc7-category-card small { color: var(--scc-blue); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.16em; }
.scc7-category-card h3 { margin: 0.45rem 0 0.75rem; font-size: clamp(1.3rem, 2vw, 1.7rem); }
.scc7-category-card p { margin: 0; color: var(--scc-ink-soft); font-size: 0.82rem; }
.scc7-category-card > a { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 0.45rem; color: var(--scc-blue); font-size: 0.78rem; font-weight: 850; text-decoration: none; }
.scc7-category-card > a .scc-icon { width: 0.95rem; height: 0.95rem; }
.scc7-category-card--pink { background: linear-gradient(145deg, var(--scc-pink-soft), var(--scc-white)); }
.scc7-category-card--pink .scc7-category-card__icon { color: var(--scc-pink); }
.scc7-category-card--coral { background: linear-gradient(145deg, var(--scc-orange-soft), var(--scc-white)); }
.scc7-category-card--coral .scc7-category-card__icon { color: var(--scc-orange); }
.scc7-category-card--teal,
.scc7-category-card--emerald { background: linear-gradient(145deg, var(--scc-teal-soft), var(--scc-white)); }
.scc7-category-card--teal .scc7-category-card__icon,
.scc7-category-card--emerald .scc7-category-card__icon { color: var(--scc-teal-strong); }
.scc7-category-card--navy { background: linear-gradient(145deg, var(--scc-blue-soft), var(--scc-white)); }
.scc7-category-card--sand { background: linear-gradient(145deg, var(--scc-sand), var(--scc-white)); }

/* Courses */
.scc7-featured-courses { background: linear-gradient(180deg, var(--scc-blue-soft), rgba(237, 249, 247, 0.42)); }
.scc7-course-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.55rem; margin: 0 0 2rem; padding: 0.65rem; border: 1px solid rgba(11, 111, 105, 0.1); border-radius: var(--scc-radius-pill); background: rgba(255, 255, 255, 0.76); box-shadow: var(--scc-shadow-xs); backdrop-filter: blur(16px); }
.scc7-course-tabs button { min-height: 2.65rem; display: inline-flex; align-items: center; gap: 0.42rem; padding: 0.55rem 1rem; border: 0; border-radius: var(--scc-radius-pill); background: transparent; color: var(--scc-ink-soft); cursor: pointer; font-size: 0.76rem; font-weight: 800; transition: background var(--scc-fast), color var(--scc-fast), transform var(--scc-fast); }
.scc7-course-tabs button .scc-icon { width: 0.95rem; height: 0.95rem; }
.scc7-course-tabs button:hover { color: var(--scc-blue); }
.scc7-course-tabs button.is-active { background: var(--scc-blue); color: var(--scc-white); box-shadow: 0 10px 24px rgba(11, 111, 105, 0.2); }
.scc7-course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.scc7-course-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid rgba(11, 111, 105, 0.12); border-radius: var(--scc-radius-lg); background: var(--scc-white); box-shadow: 0 16px 48px rgba(11, 111, 105, 0.08); overflow: hidden; transition: transform var(--scc-normal) var(--scc-ease-spring), box-shadow var(--scc-normal), border-color var(--scc-normal), opacity var(--scc-fast); }
.scc7-course-card:hover { transform: translateY(-8px); border-color: rgba(11, 111, 105, 0.24); box-shadow: var(--scc-shadow-lift); }
.scc7-course-card[hidden] { display: none !important; }
.scc7-course-card__media { position: relative; aspect-ratio: 1.46; display: block; margin: 0.72rem 0.72rem 0; border-radius: calc(var(--scc-radius-lg) - 0.5rem); overflow: hidden; }
.scc7-course-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--scc-slow) var(--scc-ease); }
.scc7-course-card:hover .scc7-course-card__media img { transform: scale(1.055); }
.scc7-course-card__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 44, 100, 0.04), rgba(8, 44, 100, 0.28)); content: ""; pointer-events: none; }
.scc7-course-card__status,
.scc7-course-card__duration { position: absolute; z-index: 2; top: 0.8rem; display: inline-flex; align-items: center; gap: 0.35rem; min-height: 2rem; padding: 0.4rem 0.68rem; border-radius: var(--scc-radius-pill); font-size: 0.62rem; font-weight: 850; backdrop-filter: blur(10px); }
.scc7-course-card__status { left: 0.8rem; max-width: calc(100% - 8rem); background: rgba(255, 255, 255, 0.9); color: var(--scc-blue-deep); }
.scc7-course-card__duration { right: 0.8rem; background: rgba(11, 111, 105, 0.9); color: var(--scc-white); }
.scc7-course-card__duration .scc-icon { width: 0.8rem; height: 0.8rem; }
.scc7-course-card__body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 1.25rem; }
.scc7-course-card__area { margin: 0 0 0.55rem; color: var(--scc-orange-dark); font-size: 0.64rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.scc7-course-card h3 { margin: 0; font-size: clamp(1.17rem, 1.7vw, 1.48rem); line-height: 1.16; }
.scc7-course-card h3 a { color: var(--scc-ink); text-decoration: none; }
.scc7-course-card h3 a:hover { color: var(--scc-blue); }
.scc7-course-card__excerpt { display: -webkit-box; margin: 0.75rem 0 0; overflow: hidden; color: var(--scc-ink-soft); font-size: 0.78rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.scc7-course-card__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 0.85rem; margin-top: 1rem; }
.scc7-course-card__meta span,
.scc7-course-card__proof span { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--scc-ink-soft); font-size: 0.67rem; font-weight: 680; }
.scc7-course-card__meta .scc-icon,
.scc7-course-card__proof .scc-icon { width: 0.9rem; height: 0.9rem; color: var(--scc-blue); }
.scc7-course-card__proof { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.65rem; margin-top: 0.9rem; padding: 0.72rem 0; border-top: 1px dashed var(--scc-line); }
.scc7-course-card__proof .scc-icon { color: var(--scc-orange); }
.scc7-course-card__proof small { color: var(--scc-ink-soft); }
.scc7-course-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; margin-top: auto; padding-top: 1rem; border-top: 1px dashed var(--scc-line); }
.scc7-course-card__price { color: var(--scc-orange-dark); font-family: var(--scc-font-display); font-size: 1.05rem; font-weight: 850; }
.scc7-course-card__price del { color: var(--scc-ink-soft); font-size: 0.72rem; }
.scc7-course-card__price ins { text-decoration: none; }
.scc7-course-card__price > span { color: var(--scc-ink-soft); font-size: 0.72rem; }
.scc7-course-card__link { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--scc-blue); font-size: 0.72rem; font-weight: 850; text-decoration: none; }
.scc7-course-card__link .scc-icon { width: 0.9rem; height: 0.9rem; }

/* About */
.scc7-about { background: var(--scc-white); }
.scc7-about__grid { display: grid; grid-template-columns: minmax(25rem, 0.9fr) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.scc7-about__visual { position: relative; min-height: clamp(34rem, 47vw, 46rem); }
.scc7-about__photo { position: absolute; margin: 0; border: 0.55rem solid var(--scc-white); border-radius: var(--scc-radius-lg); box-shadow: var(--scc-shadow); overflow: hidden; }
.scc7-about__photo img { width: 100%; height: 100%; object-fit: cover; }
.scc7-about__photo--one { inset: 1% 25% 26% 0; }
.scc7-about__photo--two { inset: 42% 0 0 36%; }
.scc7-about__stat { position: absolute; top: 7%; right: 1%; width: 8.2rem; aspect-ratio: 1; display: grid; place-items: center; align-content: center; border-radius: var(--scc-radius); background: var(--scc-blue); box-shadow: var(--scc-shadow-sm); color: var(--scc-white); text-align: center; }
.scc7-about__stat strong { color: var(--scc-white); font-family: var(--scc-font-display); font-size: 2.25rem; line-height: 1; }
.scc7-about__stat span { margin-top: 0.35rem; font-size: 0.65rem; }
.scc7-about__badge { position: absolute; bottom: 4%; left: 3%; max-width: 16rem; display: flex; align-items: center; gap: 0.7rem; padding: 0.8rem 1rem; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; background: rgba(255, 255, 255, 0.9); box-shadow: var(--scc-shadow-xs); color: var(--scc-ink); font-size: 0.7rem; font-weight: 800; backdrop-filter: blur(14px); }
.scc7-about__badge .scc-icon { width: 1.3rem; height: 1.3rem; flex: 0 0 auto; color: var(--scc-orange); }
.scc7-about__content h2 { max-width: 13ch; margin: 0; font-size: clamp(2.4rem, 4.7vw, 5rem); }
.scc7-about__lead { max-width: 59ch; margin: 1.3rem 0 0; color: var(--scc-ink-soft); }
.scc7-about__principles { display: grid; gap: 1rem; margin: 1.8rem 0 2rem; }
.scc7-about__principles article { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }
.scc7-about__principles article > span { width: 3.8rem; height: 3.8rem; display: grid; place-items: center; border: 1px solid var(--scc-line-blue); border-radius: 50%; background: var(--scc-blue-soft); color: var(--scc-blue); }
.scc7-about__principles .scc-icon { width: 1.55rem; height: 1.55rem; }
.scc7-about__principles h3 { margin: 0; font-size: 1.1rem; }
.scc7-about__principles p { margin: 0.45rem 0 0; color: var(--scc-ink-soft); font-size: 0.82rem; }

/* Instructors */
.scc7-instructors { background: var(--scc-cloud); }
.scc7-instructor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.scc7-instructor-card { border: 1px solid var(--scc-line-blue); border-radius: var(--scc-radius-lg); background: var(--scc-white); box-shadow: 0 14px 44px rgba(11, 111, 105, 0.06); overflow: hidden; transition: transform var(--scc-normal) var(--scc-ease-spring), box-shadow var(--scc-normal); }
.scc7-instructor-card:hover { transform: translateY(-7px); box-shadow: var(--scc-shadow-sm); }
.scc7-instructor-card__media { position: relative; aspect-ratio: 1.02; display: grid; place-items: end center; margin: 0.7rem 0.7rem 0; border-radius: calc(var(--scc-radius-lg) - 0.45rem); background: linear-gradient(145deg, #f6b741, #ffcf70); overflow: hidden; text-decoration: none; }
.scc7-instructor-card:nth-child(3n + 2) .scc7-instructor-card__media { background: linear-gradient(145deg, #d7edf8, #7fc6e8); }
.scc7-instructor-card:nth-child(3n) .scc7-instructor-card__media { background: linear-gradient(145deg, #d9f4ee, #83d4c5); }
.scc7-instructor-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform var(--scc-slow) var(--scc-ease); }
.scc7-instructor-card:hover img { transform: scale(1.045); }
.scc7-instructor-card__initials { width: 9rem; height: 9rem; display: grid; place-items: center; margin-bottom: 2.5rem; border: 0.5rem solid rgba(255, 255, 255, 0.58); border-radius: 50%; background: rgba(255, 255, 255, 0.28); color: var(--scc-navy); font-family: var(--scc-font-display); font-size: 3rem; font-weight: 900; }
.scc7-instructor-card__number { position: absolute; top: 0.8rem; left: 0.8rem; padding: 0.38rem 0.5rem; border-radius: 0.55rem; background: rgba(255, 255, 255, 0.85); color: var(--scc-blue-deep); font-size: 0.62rem; font-weight: 900; backdrop-filter: blur(8px); }
.scc7-instructor-card__body { padding: 1.2rem; }
.scc7-instructor-card h3 { margin: 0; font-size: 1.25rem; }
.scc7-instructor-card h3 a { color: var(--scc-ink); text-decoration: none; }
.scc7-instructor-card__body > p { margin: 0.45rem 0 0; color: var(--scc-ink-soft); font-size: 0.75rem; }
.scc7-instructor-card__meta { display: flex; flex-wrap: wrap; gap: 0.55rem 0.9rem; margin: 1rem 0; padding: 0.8rem 0; border-block: 1px dashed var(--scc-line); }
.scc7-instructor-card__meta span { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--scc-ink-soft); font-size: 0.65rem; }
.scc7-instructor-card__meta .scc-icon { width: 0.85rem; height: 0.85rem; color: var(--scc-blue); }
.scc7-instructor-empty > div { width: 4.5rem; height: 4.5rem; display: grid; place-items: center; margin: 0 auto 1rem; border-radius: 50%; background: var(--scc-blue-soft); color: var(--scc-blue); }
.scc7-instructor-empty .scc-icon { width: 2rem; height: 2rem; }

/* Why us */
.scc7-why { overflow: hidden; background: linear-gradient(155deg, var(--scc-white), var(--scc-sand)); }
.scc7-why__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(26rem, 0.85fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.scc7-why__content h2 { max-width: 14ch; margin: 0; font-size: clamp(2.35rem, 4.7vw, 4.9rem); }
.scc7-why__content > p { max-width: 58ch; margin: 1.25rem 0 0; color: var(--scc-ink-soft); }
.scc7-why__content ul { display: grid; gap: 1rem; margin: 1.8rem 0 2rem; padding: 0; list-style: none; }
.scc7-why__content li { display: grid; grid-template-columns: auto 1fr; gap: 0.8rem; align-items: start; margin: 0; }
.scc7-why__content li > .scc-icon { width: 1.25rem; height: 1.25rem; margin-top: 0.12rem; padding: 0.23rem; border-radius: 50%; background: var(--scc-blue); color: var(--scc-white); stroke-width: 2.5; }
.scc7-why__content li span { display: grid; gap: 0.22rem; color: var(--scc-ink-soft); font-size: 0.8rem; }
.scc7-why__content li strong { color: var(--scc-ink); font-size: 0.95rem; }
.scc7-why__visual { position: relative; min-height: clamp(32rem, 43vw, 42rem); }
.scc7-why__photo { position: absolute; inset: 4% 4% 3% 10%; border: 0.65rem solid var(--scc-white); border-radius: 55% 45% 42% 58% / 42% 35% 65% 58%; box-shadow: var(--scc-shadow); overflow: hidden; }
.scc7-why__photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85) contrast(1.05); }
.scc7-why__orb { position: absolute; z-index: -1; top: -6%; right: -12%; width: 20rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(220, 120, 140, 0.3), transparent 65%); }
.scc7-why__status,
.scc7-why__process { position: absolute; display: flex; align-items: center; gap: 0.7rem; padding: 0.85rem 1rem; border: 1px solid rgba(255, 255, 255, 0.76); border-radius: 1rem; background: rgba(255, 255, 255, 0.91); box-shadow: var(--scc-shadow-sm); backdrop-filter: blur(14px); }
.scc7-why__status { top: 4%; left: 0; }
.scc7-why__process { right: 0; bottom: 6%; }
.scc7-why__status div,
.scc7-why__process div { display: grid; gap: 0.15rem; }
.scc7-why__status strong,
.scc7-why__process strong { color: var(--scc-ink); font-size: 0.77rem; }
.scc7-why__status span,
.scc7-why__process small { color: var(--scc-ink-soft); font-size: 0.62rem; }
.scc7-why__process > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-orange); color: var(--scc-white); }
.scc7-why__process .scc-icon { width: 1.15rem; height: 1.15rem; }

/* Metrics */
.scc7-metrics { padding-block: clamp(2.7rem, 5vw, 4.8rem); background: var(--scc-white); }
.scc7-metrics__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.8rem; }
.scc7-metrics article { min-height: 10.5rem; display: grid; place-items: center; align-content: center; gap: 0.45rem; padding: 1.2rem; border: 1px solid var(--scc-line-blue); border-radius: var(--scc-radius); background: var(--scc-blue-soft); text-align: center; }
.scc7-metrics article:nth-child(even) { background: var(--scc-orange-soft); }
.scc7-metrics article:nth-child(3n) { background: var(--scc-teal-soft); }
.scc7-metrics article > span { width: 3.2rem; height: 3.2rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-white); color: var(--scc-blue); box-shadow: var(--scc-shadow-xs); }
.scc7-metrics article > span .scc-icon { width: 1.35rem; height: 1.35rem; }
.scc7-metrics strong { color: var(--scc-ink); font-family: var(--scc-font-display); font-size: 2rem; line-height: 1; }
.scc7-metrics small { color: var(--scc-ink-soft); font-size: 0.68rem; font-weight: 700; }

/* Testimonials */
.scc7-testimonials { background: var(--scc-blue-soft); }
.scc7-testimonials__grid { display: grid; grid-template-columns: minmax(22rem, 0.82fr) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.scc7-testimonials__visual { position: relative; min-height: clamp(29rem, 42vw, 40rem); }
.scc7-testimonials__visual img { position: absolute; inset: 0; width: 100%; height: 100%; border: 0.6rem solid var(--scc-white); border-radius: 42% 58% 52% 48% / 56% 38% 62% 44%; box-shadow: var(--scc-shadow); object-fit: cover; filter: saturate(0.78); }
.scc7-testimonials__quote { position: absolute; right: -1rem; bottom: 1rem; width: 6rem; aspect-ratio: 1; display: grid; place-items: center; border: 0.45rem solid rgba(255, 255, 255, 0.7); border-radius: 50%; background: var(--scc-orange); box-shadow: var(--scc-shadow-sm); color: var(--scc-white); }
.scc7-testimonials__quote .scc-icon { width: 2.35rem; height: 2.35rem; }
.scc7-testimonials__content h2 { max-width: 15ch; margin: 0; font-size: clamp(2.3rem, 4.6vw, 4.7rem); }
.scc7-testimonial-slider { position: relative; margin-top: 1.6rem; }
.scc7-testimonial { display: none; margin: 0; padding: 0; border: 0; }
.scc7-testimonial.is-active { display: block; animation: scc7-fade-slide 420ms var(--scc-ease) both; }
.scc7-stars { display: flex; gap: 0.28rem; }
.scc7-stars span { color: rgba(220, 120, 140, 0.2); }
.scc7-stars span.is-filled { color: var(--scc-orange); }
.scc7-stars .scc-icon { width: 1rem; height: 1rem; fill: currentColor; }
.scc7-testimonial > p { margin: 1rem 0 1.5rem; color: var(--scc-ink); font-family: var(--scc-font-display); font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 620; line-height: 1.45; }
.scc7-testimonial footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.scc7-testimonial footer div { display: grid; }
.scc7-testimonial footer strong { color: var(--scc-ink); font-size: 0.86rem; }
.scc7-testimonial footer span { color: var(--scc-ink-soft); font-size: 0.68rem; }
.scc7-testimonial footer a { color: var(--scc-blue); font-size: 0.72rem; font-weight: 800; }
.scc7-testimonial-slider__controls { display: flex; gap: 0.6rem; margin-top: 1.6rem; }
.scc7-testimonial-empty { display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-top: 1.5rem; padding: 1.3rem; border: 1px solid rgba(11, 111, 105, 0.16); border-radius: var(--scc-radius); background: rgba(255, 255, 255, 0.76); }
.scc7-testimonial-empty > span { width: 3.3rem; height: 3.3rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-white); color: var(--scc-blue); }
.scc7-testimonial-empty .scc-icon { width: 1.4rem; height: 1.4rem; }
.scc7-testimonial-empty h3 { margin: 0; font-size: 1.12rem; }
.scc7-testimonial-empty p { margin: 0.45rem 0 0; color: var(--scc-ink-soft); font-size: 0.8rem; }

/* Verifier */
.scc7-verifier { overflow: hidden; background: var(--scc-white); }
.scc7-verifier__grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(25rem, 0.72fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.scc7-verifier__content h2 { max-width: 13ch; margin: 0; font-size: clamp(2.35rem, 4.8vw, 5rem); }
.scc7-verifier__content > p { max-width: 56ch; margin: 1.2rem 0 0; color: var(--scc-ink-soft); }
.scc7-verifier__content ul { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.scc7-verifier__content li { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.5rem 0.7rem; border-radius: var(--scc-radius-pill); background: var(--scc-teal-soft); color: var(--scc-emerald-deep); font-size: 0.68rem; font-weight: 760; }
.scc7-verifier__content li .scc-icon { width: 0.85rem; height: 0.85rem; }
.scc7-verifier__panel { position: relative; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--scc-line-blue); border-radius: var(--scc-radius-xl); background: linear-gradient(145deg, var(--scc-cloud), var(--scc-white)); box-shadow: var(--scc-shadow); }
.scc7-verifier__animation { width: 7rem; height: 7rem; display: grid; place-items: center; margin: -5.7rem auto 1.2rem; border: 0.55rem solid var(--scc-white); border-radius: 50%; background: var(--scc-blue-soft); box-shadow: var(--scc-shadow-sm); overflow: hidden; }
.scc7-verifier__animation > img,
.scc7-verifier__animation > svg { width: 100%; height: 100%; object-fit: contain; }
.scc7-verifier__form > label { display: block; margin-bottom: 0.45rem; color: var(--scc-ink); font-size: 0.76rem; font-weight: 800; }
.scc7-verifier__form > div { display: grid; grid-template-columns: 1fr auto; gap: 0.55rem; }
.scc7-verifier__form input { width: 100%; min-height: 3.2rem; padding: 0.7rem 0.9rem; border: 1px solid var(--scc-line-blue); border-radius: 0.9rem; background: var(--scc-white); color: var(--scc-ink); }
.scc7-verifier__form button { width: 3.2rem; height: 3.2rem; display: grid; place-items: center; border: 0; border-radius: 0.9rem; background: var(--scc-blue); color: var(--scc-white); cursor: pointer; }
.scc7-verifier__form button .scc-icon { width: 1.1rem; height: 1.1rem; }
.scc7-verifier__optional { margin-top: 0.9rem; }
.scc7-verifier__panel > .scc7-text-link { margin-top: 1rem; }
.scc7-verifier__panel .scc-certificate-result { margin-top: 1rem; }

/* Articles */
.scc7-articles { background: var(--scc-cloud); }
.scc7-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.scc7-article-card { border: 1px solid var(--scc-line-blue); border-radius: var(--scc-radius-lg); background: var(--scc-white); box-shadow: 0 14px 42px rgba(11, 111, 105, 0.06); overflow: hidden; transition: transform var(--scc-normal) var(--scc-ease-spring), box-shadow var(--scc-normal); }
.scc7-article-card:hover { transform: translateY(-7px); box-shadow: var(--scc-shadow-sm); }
.scc7-article-card__media { aspect-ratio: 1.5; display: block; margin: 0.7rem 0.7rem 0; border-radius: calc(var(--scc-radius-lg) - 0.45rem); overflow: hidden; }
.scc7-article-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--scc-slow) var(--scc-ease); }
.scc7-article-card:hover .scc7-article-card__media img { transform: scale(1.05); }
.scc7-article-card__body { padding: 1.25rem; }
.scc7-article-card__category { display: inline-flex; padding: 0.38rem 0.6rem; border-radius: 0.55rem; background: var(--scc-orange); color: var(--scc-white); font-size: 0.6rem; font-weight: 850; }
.scc7-article-card h3 { margin: 0.8rem 0 0; font-size: clamp(1.15rem, 1.8vw, 1.45rem); }
.scc7-article-card h3 a { color: var(--scc-ink); text-decoration: none; }
.scc7-article-card__meta { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.75rem; }
.scc7-article-card__meta span { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--scc-ink-soft); font-size: 0.62rem; }
.scc7-article-card__meta .scc-icon { width: 0.8rem; height: 0.8rem; color: var(--scc-blue); }
.scc7-article-card__body > p { display: -webkit-box; margin: 0.8rem 0 1rem; overflow: hidden; color: var(--scc-ink-soft); font-size: 0.76rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.scc7-article-empty { display: grid; grid-template-columns: auto 1fr; align-items: center; text-align: left; }
.scc7-article-empty > span { width: 4rem; height: 4rem; display: grid; place-items: center; border-radius: 50%; background: var(--scc-white); color: var(--scc-blue); }
.scc7-article-empty .scc-icon { width: 1.8rem; height: 1.8rem; }
.scc7-article-empty p { margin-inline: 0; }

@keyframes scc7-fade-slide { from { opacity: 0; transform: translateY(0.65rem); } to { opacity: 1; transform: none; } }

@media (max-width: 1120px) {
  .scc7-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(23rem, 0.78fr); gap: 2.2rem; }
  .scc7-category-grid,
  .scc7-course-grid,
  .scc7-instructor-grid,
  .scc7-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scc7-about__grid,
  .scc7-why__grid,
  .scc7-testimonials__grid,
  .scc7-verifier__grid { gap: 3rem; }
}

@media (max-width: 900px) {
  .scc7-hero { min-height: auto; }
  .scc7-hero__grid { grid-template-columns: 1fr; }
  .scc7-hero__content { max-width: 48rem; }
  .scc7-hero h1 { max-width: 11.5ch; }
  .scc7-hero__visual { width: min(100%, 37rem); min-height: 37rem; margin-inline: auto; }
  .scc7-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scc7-about__grid,
  .scc7-why__grid,
  .scc7-testimonials__grid,
  .scc7-verifier__grid { grid-template-columns: 1fr; }
  .scc7-about__visual { width: min(100%, 39rem); min-height: 39rem; margin-inline: auto; }
  .scc7-about__content,
  .scc7-why__content,
  .scc7-testimonials__content,
  .scc7-verifier__content { max-width: 48rem; }
  .scc7-why__visual { width: min(100%, 40rem); min-height: 37rem; margin-inline: auto; }
  .scc7-testimonials__visual { width: min(100%, 35rem); min-height: 35rem; margin-inline: auto; }
  .scc7-verifier__panel { margin-top: 2.5rem; }
}

@media (max-width: 700px) {
  .scc7-hero { padding-top: 3rem; }
  .scc7-hero h1 { font-size: clamp(2.8rem, 13vw, 4.3rem); }
  .scc7-hero-search { grid-template-columns: auto 1fr; border-radius: 1.25rem; }
  .scc7-hero-search button { grid-column: 1 / -1; width: 100%; }
  .scc7-hero__visual { min-height: 32rem; }
  .scc7-float-card--programs { left: 0; }
  .scc7-float-card--campus { right: 0; }
  .scc7-trust__grid { grid-template-columns: 1fr; }
  .scc7-category-grid,
  .scc7-course-grid,
  .scc7-instructor-grid,
  .scc7-article-grid { display: flex; gap: 0.85rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 0.75rem; }
  .scc7-category-grid::-webkit-scrollbar,
  .scc7-course-grid::-webkit-scrollbar,
  .scc7-instructor-grid::-webkit-scrollbar,
  .scc7-article-grid::-webkit-scrollbar { display: none; }
  .scc7-category-card,
  .scc7-course-card,
  .scc7-instructor-card,
  .scc7-article-card { width: min(84vw, 22rem); flex: 0 0 auto; scroll-snap-align: center; }
  .scc7-course-tabs { justify-content: flex-start; flex-wrap: nowrap; border-radius: 1rem; overflow-x: auto; scrollbar-width: none; }
  .scc7-course-tabs button { flex: 0 0 auto; }
  .scc7-about__visual { min-height: 31rem; }
  .scc7-about__photo--one { inset: 0 18% 28% 0; }
  .scc7-about__photo--two { inset: 46% 0 0 32%; }
  .scc7-about__stat { width: 6.6rem; }
  .scc7-about__stat strong { font-size: 1.75rem; }
  .scc7-why__visual,
  .scc7-testimonials__visual { min-height: 30rem; }
  .scc7-metrics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scc7-testimonial footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
  .scc7-hero__visual { min-height: 27rem; }
  .scc7-hero__photo-wrap { inset-inline: 2%; }
  .scc7-float-card--programs { top: 0; }
  .scc7-float-card--campus { top: 31%; }
  .scc7-float-card--course { width: 88%; }
  .scc7-float-card { padding: 0.65rem 0.75rem; }
  .scc7-float-card__icon { width: 2.25rem; height: 2.25rem; }
  .scc7-hero__checks { display: grid; }
  .scc7-about__visual { min-height: 27rem; }
  .scc7-about__badge { display: none; }
  .scc7-why__visual,
  .scc7-testimonials__visual { min-height: 26rem; }
  .scc7-why__status { left: 0; }
  .scc7-why__process { right: 0; }
  .scc7-verifier__panel { padding: 1.2rem; }
  .scc7-verifier__animation { width: 6rem; height: 6rem; margin-top: -4.5rem; }
}

.scc-reduced-motion .scc7-testimonial.is-active { animation: none; }
.scc-reduced-motion .scc7-course-card,
.scc-reduced-motion .scc7-category-card,
.scc-reduced-motion .scc7-instructor-card,
.scc-reduced-motion .scc7-article-card,
.scc-reduced-motion .scc7-hero__photo-wrap { transition: none; transform: none !important; }