/*
 * 2S Formations — Joomla site template
 * Design concept: Swiss clarity + practical tech training.
 */
:root {
  --2s-primary: #162b38;
  --2s-cyan: #009fe3;
  --2s-cyan-dark: #007fb6;
  --2s-cyan-soft: #e8f7fd;
  --2s-orange: #f1841a;
  --2s-orange-dark: #bd5e08;
  --2s-orange-soft: #fff1e5;
  /* Domain colours are intentionally independent from the two brand colours. */
  --2s-course-cyber: #5b5bd6;
  --2s-course-ai: #9b4d96;
  --2s-course-digital: #25755f;
  --2s-course-testing: #b84a4a;
  --2s-accent: #009fe3;
  --2s-accent-text: #fff;
  --2s-highlight: #f1841a;
  --2s-surface: #f5f9fb;
  --2s-max: 1240px;
  --2s-radius: 18px;
  --2s-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --2s-text: #243944;
  --2s-muted: #647985;
  --2s-line: #dce7ec;
  --2s-white: #fff;
  --2s-shadow: 0 18px 50px rgba(16, 37, 63, .10);
  --2s-shadow-sm: 0 8px 28px rgba(16, 37, 63, .08);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--2s-font); color: var(--2s-text); background: #fff; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: var(--2s-accent); text-underline-offset: .18em; }
a:hover { text-decoration-thickness: 2px; }
button, input, select, textarea { font: inherit; }
.container { width: min(calc(100% - 2rem), var(--2s-max)); margin-inline: auto; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 9999; transform: translateY(-160%); padding: .75rem 1rem; border-radius: .65rem; background: #fff; color: var(--2s-primary); box-shadow: var(--2s-shadow); }
.skip-link:focus { transform: none; }

/* Type */
h1, h2, h3, h4 { color: var(--2s-primary); line-height: 1.12; letter-spacing: -.025em; margin-top: 0; }
h1 { font-size: clamp(2.25rem, 5vw, 4.8rem); }
h2 { font-size: clamp(1.75rem, 3vw, 3rem); }
h3 { font-size: clamp(1.2rem, 1.8vw, 1.55rem); }
p { margin: 0 0 1rem; }
.lead { font-size: clamp(1.08rem, 1.8vw, 1.3rem); color: var(--2s-muted); max-width: 72ch; }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 .85rem; color: var(--2s-accent); font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow::before { content: ''; width: 1.8rem; height: 2px; background: currentColor; }

/* Buttons */
.btn, .readmore a, .pager a { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .75rem 1.05rem; border: 1px solid transparent; border-radius: calc(var(--2s-radius) * .65); font-weight: 750; line-height: 1.1; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.btn:hover, .readmore a:hover, .pager a:hover { transform: translateY(-1px); }
.btn-primary, .readmore a { background: #009fe3; color: #fff; border-color: #009fe3; box-shadow: 0 9px 22px rgba(0,159,227,.24); }
.btn-primary:hover, .readmore a:hover { background: #007fb6; border-color: #007fb6; color: #fff; box-shadow: 0 12px 30px rgba(0,159,227,.32); }
.btn-secondary { background: #fff; color: #bd5e08; border-color: #f1841a; }
.btn-secondary:hover { background: #fff1e5; color: #9f4d05; border-color: #f1841a; box-shadow: 0 8px 22px rgba(241,132,26,.18); }
.btn-orange { background: var(--2s-orange); color: #fff; box-shadow: 0 9px 22px color-mix(in srgb, var(--2s-orange) 26%, transparent); }
.btn-orange:hover { color: #fff; box-shadow: 0 12px 30px color-mix(in srgb, var(--2s-orange) 36%, transparent); }

/* Topbar + header */
.topbar { background: #0a1a2c; color: rgba(255,255,255,.76); font-size: .83rem; }
.topbar-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.topbar a { color: #fff; text-decoration: none; }
.topbar-contact { display: flex; gap: 1.15rem; margin-left: auto; }
.site-header { z-index: 1000; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--2s-line); backdrop-filter: blur(12px); }
.site-header.is-sticky { position: sticky; top: 0; }
.site-header.is-scrolled { box-shadow: 0 6px 28px rgba(16,37,63,.10); }
.header-inner { min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: clamp(1rem, 3vw, 2.2rem); }
.brand { display:inline-flex; align-items:center; color:var(--2s-primary); text-decoration:none; min-width:0; }
.s2-logo-lockup { display:inline-flex; flex-direction:column; align-items:stretch; width:max-content; max-width:min(280px,42vw); line-height:1; }
.s2-logo-main { display:block; width:100%; }
.brand-logo { display:block; max-height:52px; max-width:100%; width:auto; }
.s2-wordmark { display:inline-flex; align-items:baseline; white-space:nowrap; font-weight:900; letter-spacing:-.055em; font-size:1.58rem; color:#10253f; }
.brand-angle { color:#10253f; font-weight:700; }
.brand-two { color:#009fe3; font-weight:950; }
.brand-s { color:#f1841a; font-weight:950; }
.s2-wordmark-name { margin-left:.38rem; letter-spacing:-.035em; font-weight:760; color:#10253f; }
.s2-logo-tagline { display:block; width:100%; margin-top:.36rem; white-space:nowrap; text-align:center; font-size:.56rem; line-height:1.05; font-weight:800; letter-spacing:.075em; color:#46586c; }

.site-nav { justify-self: end; }
.site-nav ul.mod-menu, .site-nav ul { list-style: none; display: flex; align-items: center; gap: .15rem; padding: 0; margin: 0; }
.site-nav li { position: relative; }
.site-nav a { display: block; padding: .75rem .82rem; border-radius: .6rem; color: var(--2s-primary); font-weight: 700; font-size: .94rem; text-decoration: none; }
.site-nav a:hover, .site-nav .active > a, .site-nav .current > a { color: var(--2s-cyan); background: var(--2s-surface); box-shadow: inset 0 -2px 0 var(--2s-orange); }
.site-nav li > ul { position: absolute; top: calc(100% + .35rem); right: 0; min-width: 230px; display: none; flex-direction: column; align-items: stretch; padding: .55rem; background: #fff; border: 1px solid var(--2s-line); border-radius: var(--2s-radius); box-shadow: var(--2s-shadow); }
.site-nav li:hover > ul, .site-nav li:focus-within > ul { display: flex; }
.nav-toggle { display: none; justify-self: end; width: 46px; height: 42px; border: 1px solid var(--2s-line); background: #fff; border-radius: .7rem; padding: 9px; }
.nav-toggle > span:not(.visually-hidden) { display: block; height: 2px; margin: 4px 0; background: var(--2s-primary); border-radius: 3px; }

/* Hero */
.hero-shell { position: relative; isolation: isolate; overflow: hidden; background: var(--2s-primary); color: #fff; }
.hero-shell::before { content: ''; position: absolute; inset: auto -8% -50% auto; width: 50vw; height: 50vw; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--2s-cyan) 44%, transparent), transparent 67%); z-index: -1; }
.hero-shell::after { content: ''; position: absolute; width: 34vw; height: 34vw; left: -14vw; top: -18vw; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--2s-orange) 28%, transparent), transparent 68%); z-index: -1; }
.hero-grid-pattern { position: absolute; inset: 0; z-index: -2; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to right, transparent 0, #000 42%, #000 100%); }
.hero-shell .container { padding-block: clamp(4rem, 8vw, 7.5rem); }
.hero-shell h1, .hero-shell h2, .hero-shell h3 { color: #fff; }
.hero-shell .lead, .hero-shell p { color: rgba(255,255,255,.78); }
.hero-shell .eyebrow { color: color-mix(in srgb, var(--2s-cyan) 72%, white); }
.hero-gradient .hero-shell { background: linear-gradient(135deg, #0d2230 0%, var(--2s-primary) 58%, #16384c 100%); }
.hero-light .hero-shell { background: var(--2s-surface); color: var(--2s-text); }
.hero-light .hero-shell h1, .hero-light .hero-shell h2, .hero-light .hero-shell h3 { color: var(--2s-primary); }
.hero-light .hero-shell p, .hero-light .hero-shell .lead { color: var(--2s-muted); }
.hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.7rem; }
.hero-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 2.2rem; max-width: 740px; }
.hero-kpi { padding: 1rem 1.1rem; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.07); border-radius: var(--2s-radius); backdrop-filter: blur(8px); }
.hero-kpi strong { display: block; color: #fff; font-size: 1.35rem; }
.hero-kpi span { color: rgba(255,255,255,.68); font-size: .84rem; }

/* Sections */
.section { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.section-before, .section-after { padding-block: 2rem; }
.section-courses { background: var(--2s-surface); }
.section-highlight { background: #fff; }
.section-trust { border-block: 1px solid var(--2s-line); }
.section-cta { color: #fff; background: var(--2s-primary); }
.section-cta h2, .section-cta h3 { color: #fff; }
.section-title { max-width: 820px; }
.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }

/* Joomla content */
.main-content { padding-block: clamp(2.2rem, 5vw, 4.5rem); }
.content-grid { display: grid; gap: 2rem; align-items: start; }
.layout-one { grid-template-columns: minmax(0, 1fr); }
.layout-two.has-left { grid-template-columns: minmax(230px, 300px) minmax(0, 1fr); }
.layout-two.has-right { grid-template-columns: minmax(0, 1fr) minmax(230px, 300px); }
.layout-three { grid-template-columns: minmax(210px, 260px) minmax(0, 1fr) minmax(210px, 260px); }
.component-area { min-width: 0; }
.module-card { padding: 1.25rem; margin-bottom: 1.25rem; border: 1px solid var(--2s-line); border-radius: var(--2s-radius); background: #fff; box-shadow: var(--2s-shadow-sm); }
.module-title { font-size: 1.08rem; margin-bottom: .9rem; }
.breadcrumb-shell { background: var(--2s-surface); border-bottom: 1px solid var(--2s-line); }
.breadcrumb-shell .breadcrumb { margin: 0; padding: .7rem 0; background: transparent; font-size: .86rem; }

/* Article/blog cards without requiring a component override */
.blog-items, .com-content-category-blog__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.blog-item, .com-content-category-blog__item { height: 100%; padding: clamp(1.1rem, 2vw, 1.5rem); border: 1px solid var(--2s-line); background: #fff; border-radius: var(--2s-radius); box-shadow: var(--2s-shadow-sm); }
.blog-item h2, .blog-item h3 { font-size: 1.35rem; }
.article-info, .article-info-term { color: var(--2s-muted); font-size: .84rem; }
.item-image { overflow: hidden; border-radius: calc(var(--2s-radius) * .72); }
.item-image img { width: 100%; transition: transform .35s ease; }
.blog-item:hover .item-image img { transform: scale(1.025); }

/* Reusable custom HTML patterns */
.course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; }
.course-card { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 1.35rem; overflow: hidden; background: #fff; border: 1px solid var(--2s-line); border-radius: var(--2s-radius); box-shadow: var(--2s-shadow-sm); }
.course-card::before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: var(--course-color, var(--2s-accent)); }
.course-card:hover { box-shadow: var(--2s-shadow); }
.course-card h3 { margin: .5rem 0 .65rem; }
.course-card p { color: var(--2s-muted); }
.course-card .btn { margin-top: auto; align-self: flex-start; }
.course-meta { display: flex; gap: .55rem; flex-wrap: wrap; margin: .4rem 0 1rem; }
.badge { display: inline-flex; align-items: center; min-height: 26px; padding: .28rem .55rem; border-radius: 999px; background: var(--2s-surface); color: var(--2s-primary); border: 1px solid var(--2s-line); font-size: .75rem; font-weight: 800; }
.badge-category { color: var(--course-color, var(--2s-course-cyber)); background: color-mix(in srgb, var(--course-color, var(--2s-course-cyber)) 10%, white); border-color: color-mix(in srgb, var(--course-color, var(--2s-course-cyber)) 28%, white); }
.course-cyber { --course-color: var(--2s-course-cyber); }
.course-ai { --course-color: var(--2s-course-ai); }
.course-digital { --course-color: var(--2s-course-digital); }
.course-testing { --course-color: var(--2s-course-testing); }

.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.feature-card { padding: 1.5rem; border-radius: var(--2s-radius); background: var(--2s-surface); border: 1px solid var(--2s-line); }
.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 1rem; border-radius: 12px; background: var(--2s-primary); color: #fff; font-weight: 900; }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.stat-card { padding: 1.25rem; border: 1px solid var(--2s-line); border-radius: var(--2s-radius); text-align: center; }
.stat-card strong { display: block; color: var(--2s-primary); font-size: 1.8rem; }
.stat-card span { color: var(--2s-muted); font-size: .86rem; }
.two-column { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.tech-panel { position: relative; min-height: 360px; overflow: hidden; border-radius: calc(var(--2s-radius) * 1.25); background: linear-gradient(145deg, var(--2s-primary), #153a4c); box-shadow: var(--2s-shadow); }
.tech-panel::before, .tech-panel::after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.tech-panel::before { width: 280px; height: 280px; right: -60px; top: -55px; box-shadow: 0 0 0 35px rgba(255,255,255,.035), 0 0 0 70px rgba(255,255,255,.025); }
.tech-panel::after { inset: 35% 12% auto 12%; height: 1px; border: 0; background: linear-gradient(90deg, transparent, var(--2s-accent), transparent); box-shadow: 0 75px 0 rgba(255,255,255,.12), 0 150px 0 rgba(255,255,255,.08); }
.code-label { position: absolute; left: 10%; bottom: 12%; color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: clamp(1.1rem, 3vw, 2.1rem); }
.code-label b { color: var(--2s-cyan); }

/* Structured 2S training pages (Joomla custom fields) */
.s2-training-page { --course-color: var(--2s-course-cyber); color: var(--2s-text); }
.s2-training-page.domain-ai { --course-color: var(--2s-course-ai); }
.s2-training-page.domain-digital { --course-color: var(--2s-course-digital); }
.s2-training-page.domain-testing { --course-color: var(--2s-course-testing); }
.s2-training-hero { position:relative; overflow:hidden; margin-bottom:2rem; padding:clamp(1.6rem,4vw,3rem); border-radius:calc(var(--2s-radius) * 1.15); background:linear-gradient(135deg,var(--2s-primary),#16384c); color:#fff; box-shadow:var(--2s-shadow); }
.s2-training-hero::after { content:''; position:absolute; width:230px; height:230px; right:-70px; top:-70px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--course-color) 54%,transparent),transparent 68%); }
.s2-training-hero h1 { position:relative; z-index:1; max-width:20ch; margin-bottom:.8rem; color:#fff; font-size:clamp(2rem,4.5vw,4rem); }
.s2-training-hero .lead { position:relative; z-index:1; color:rgba(255,255,255,.83); }
.s2-training-hero .badge-category { position:relative; z-index:1; color:#fff; background:color-mix(in srgb,var(--course-color) 32%,transparent); border-color:color-mix(in srgb,var(--course-color) 70%,white); }
.s2-training-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1.4rem 0 0; }
.s2-training-summary > div { position:relative; z-index:1; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.15); border-radius:calc(var(--2s-radius) * .72); background:rgba(255,255,255,.07); }
.s2-training-summary small { display:block; color:rgba(255,255,255,.62); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.s2-training-summary strong { display:block; margin-top:.15rem; color:#fff; font-size:1rem; }
.s2-training-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:clamp(1.4rem,4vw,3rem); align-items:start; }
.s2-training-main { min-width:0; }
.s2-training-section { margin-bottom:1rem; padding:clamp(1.15rem,2.5vw,1.7rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-training-section h2 { display:flex; align-items:center; gap:.65rem; margin-bottom:.8rem; font-size:clamp(1.3rem,2.2vw,1.75rem); }
.s2-training-section h2::before { content:''; width:.38rem; height:1.4em; flex:0 0 auto; border-radius:999px; background:var(--course-color); }
.s2-training-section :last-child { margin-bottom:0; }
.s2-training-aside { position:sticky; top:110px; }
.s2-training-card { padding:1.25rem; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:var(--2s-surface); }
.s2-training-facts { display:grid; gap:.8rem; margin:0 0 1rem; }
.s2-training-facts > div { padding-bottom:.7rem; border-bottom:1px solid var(--2s-line); }
.s2-training-facts dt { color:var(--2s-muted); font-size:.73rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.s2-training-facts dd { margin:.15rem 0 0; color:var(--2s-primary); font-weight:800; }
.s2-training-booking { margin-top:1rem; padding:1.15rem; border-radius:var(--2s-radius); background:linear-gradient(135deg,var(--2s-cyan-soft),#fff); border:1px solid color-mix(in srgb,var(--2s-cyan) 24%,white); }
.s2-training-booking h2 { margin-bottom:.5rem; font-size:1.25rem; }
.s2-training-booking .dp-event { margin:.7rem 0; padding:.9rem; border:1px solid var(--2s-line); border-radius:calc(var(--2s-radius) * .7); background:#fff; }
.s2-training-booking .dp-event strong { display:block; margin-bottom:.25rem; }
.s2-training-booking .dp-event .btn { margin-top:.55rem; }
.s2-training-status { display:inline-flex; margin-bottom:.8rem; padding:.3rem .6rem; border-radius:999px; background:var(--2s-orange-soft); color:#9a4b08; font-size:.75rem; font-weight:850; }
@media (max-width:900px) { .s2-training-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .s2-training-layout { grid-template-columns:1fr; } .s2-training-aside { position:static; } }
@media (max-width:520px) { .s2-training-summary { grid-template-columns:1fr; } }

/* Forms */
.form-control, .form-select, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select { width: 100%; min-height: 44px; padding: .68rem .78rem; color: var(--2s-text); background: #fff; border: 1px solid var(--2s-line); border-radius: calc(var(--2s-radius) * .55); }
textarea { min-height: 130px; }
input:focus, textarea:focus, select:focus, a:focus-visible, button:focus-visible { outline: 3px solid color-mix(in srgb, var(--2s-accent) 33%, transparent); outline-offset: 2px; }

/* Footer */
.site-footer { padding-top: 3.3rem; background: #0b202d; color: rgba(255,255,255,.72); border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--2s-cyan) 0 50%, var(--2s-orange) 50% 100%) 1; }
.footer-grid { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); gap: 2rem; }
.site-footer h2, .site-footer h3, .site-footer h4 { color: #fff; }
.site-footer a { color: #fff; text-decoration: none; }
.site-footer ul { padding-left: 0; list-style: none; }
.site-footer address { font-style: normal; color: rgba(255,255,255,.58); }
.footer-logo-plate { display:inline-block; padding:.72rem .82rem .66rem; margin-bottom:1rem; border-radius:12px; background:#fff; color:#10253f; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.footer-lockup { max-width:260px; }
.footer-logo-image { max-height:58px; }
.footer-logo-plate .s2-logo-tagline { color:#46586c; }
.footer-brand address { margin-top:.35rem; }
.footer-bottom { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.11); }

/* Offline/error */
.offline-page { min-height: 100svh; display: grid; place-items: center; padding: 1.5rem; background: var(--2s-surface); }
.offline-card { width: min(100%, 620px); padding: clamp(2rem, 5vw, 4rem); border-radius: calc(var(--2s-radius) * 1.2); background: #fff; box-shadow: var(--2s-shadow); text-align: center; }
.component-only { padding: 2rem 0; }

/* Motion */
.reveal-ready { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; }
.reveal-ready.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Responsive */
@media (max-width: 1050px) {
  .header-inner { grid-template-columns: auto 1fr auto; }
  .header-cta { display: none; }
  .nav-toggle { display: block; }
  .site-nav { position: absolute; left: 1rem; right: 1rem; top: calc(100% + .4rem); display: none; padding: .65rem; background: #fff; border: 1px solid var(--2s-line); border-radius: var(--2s-radius); box-shadow: var(--2s-shadow); }
  .site-header { position: relative; }
  .site-header.is-sticky { position: sticky; }
  .site-nav.is-open { display: block; }
  .site-nav ul.mod-menu, .site-nav ul { display: flex; flex-direction: column; align-items: stretch; }
  .site-nav li > ul { position: static; display: flex; margin: 0 0 .5rem .8rem; padding: 0; border: 0; box-shadow: none; }
  .course-grid, .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .layout-three { grid-template-columns: 1fr; }
  .layout-three .component-area { order: 1; }
  .layout-three .sidebar { order: 2; }
}
@media (max-width: 760px) {
  .container { width: min(calc(100% - 1.25rem), var(--2s-max)); }
  .topbar-inner { min-height: 42px; }
  .topbar-modules { display: none; }
  .topbar-contact { width: 100%; justify-content: space-between; gap: .5rem; }
  .header-inner { min-height: 70px; }
  .s2-logo-tagline { font-size:.46rem; letter-spacing:.045em; }
  .hero-shell .container { padding-block: 3.3rem; }
  .hero-kpis, .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .course-grid, .feature-grid, .blog-items, .com-content-category-blog__items, .two-column, .layout-two { grid-template-columns: 1fr; }
  .layout-two .component-area { order: 1; }
  .layout-two .sidebar { order: 2; }
  .section-intro { display: block; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; padding-block: 1.25rem; }
}
@media (max-width: 480px) {
  .s2-wordmark { font-size:1.28rem; }
  .s2-logo-lockup { max-width:210px; }
  .topbar-contact { font-size: .75rem; }
  .hero-kpis, .stats-grid { grid-template-columns: 1fr; }
}


/* 2S native catalogue cards */
.s2-catalogue-card { position:relative; display:flex; flex-direction:column; height:100%; padding:1.4rem; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); overflow:hidden; }
.s2-catalogue-card::before { content:''; position:absolute; inset:0 auto 0 0; width:5px; background:var(--course-color,var(--2s-course-cyber)); }
.s2-catalogue-card.domain-cyber { --course-color:var(--2s-course-cyber); }
.s2-catalogue-card.domain-ai { --course-color:var(--2s-course-ai); }
.s2-catalogue-card.domain-digital { --course-color:var(--2s-course-digital); }
.s2-catalogue-card.domain-testing { --course-color:var(--2s-course-testing); }
.s2-catalogue-card .s2-card-kicker { color:var(--course-color,var(--2s-course-cyber)); font-size:.76rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.s2-catalogue-card h2, .s2-catalogue-card h3 { margin:.4rem 0 .65rem; font-size:clamp(1.25rem,2.4vw,1.65rem); }
.s2-catalogue-card h2 a, .s2-catalogue-card h3 a { color:var(--2s-primary); text-decoration:none; text-decoration-thickness:0; text-underline-offset:0; font-weight:800; }
.s2-catalogue-card h2 a:hover, .s2-catalogue-card h3 a:hover, .s2-catalogue-card h2 a:focus-visible, .s2-catalogue-card h3 a:focus-visible { color:var(--course-color,var(--2s-primary)); text-decoration:none; }
.s2-catalogue-card .s2-card-intro { color:var(--2s-muted); }
.s2-catalogue-card .s2-card-meta { display:flex; flex-wrap:wrap; gap:.45rem; margin:.7rem 0 1.1rem; }
.s2-catalogue-card .s2-card-actions { display:flex; gap:.65rem; flex-wrap:wrap; margin-top:auto; }
.s2-catalogue-card .badge-status.preparation { background:#fff1e5; color:#9f4d05; border-color:#ffd4ad; }
.s2-catalogue-card .badge-status.available { background:#e8f7fd; color:#006f9f; border-color:#b9e8fa; }
.s2-training-booking { background:linear-gradient(135deg,#e8f7fd,#fff); border-color:#b9e8fa; }
.s2-training-status { background:#fff1e5; color:#9f4d05; }
.s2-training-booking .s2-no-session { margin:.4rem 0 1rem; color:var(--2s-muted); }

/* Contrast safeguards — native 2S surfaces never rely on inherited white text. */
.s2-catalogue-card, .s2-training-section, .s2-training-booking, .module-card, .course-card, .feature-card { color: var(--2s-text); }
.s2-catalogue-card h2, .s2-catalogue-card h3, .s2-training-section h2, .s2-training-section h3, .s2-training-booking h2, .s2-training-booking h3 { color: var(--2s-primary); }
.hero-light .hero-kpi { border-color: var(--2s-line); background: #fff; }
.hero-light .hero-kpi strong { color: var(--2s-primary); }
.hero-light .hero-kpi span { color: var(--2s-muted); }
.hero-light .eyebrow { color: var(--2s-cyan); }
.hero-light .code-label { color: var(--2s-primary); }

/* 2S structured homepage */
.s2-home-hero { position:relative; overflow:hidden; padding:clamp(2.2rem,5vw,4.4rem); border-radius:calc(var(--2s-radius) * 1.15); background:linear-gradient(135deg,#0d2230 0%,var(--2s-primary) 62%,#16384c 100%); color:#fff; box-shadow:var(--2s-shadow); }
.s2-home-hero::before { content:''; position:absolute; width:34rem; height:34rem; right:-14rem; bottom:-20rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-cyan) 42%,transparent),transparent 67%); }
.s2-home-hero::after { content:''; position:absolute; width:25rem; height:25rem; left:-12rem; top:-15rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-orange) 30%,transparent),transparent 69%); }
.s2-home-hero > * { position:relative; z-index:1; }
.s2-home-hero h1 { max-width:18ch; margin-bottom:1rem; color:#fff; }
.s2-home-hero .lead { color:rgba(255,255,255,.82); }
.s2-home-hero .eyebrow { color:#8fdbf5; }
.s2-home-hero .btn-secondary { color:#fff; border-color:rgba(255,255,255,.38); background:rgba(255,255,255,.05); }
.s2-home-hero .btn-secondary:hover { color:#fff; background:rgba(255,255,255,.11); }
/* 2S v1.9.6.18 — dynamic homepage spotlight, driven by article custom fields. */
.s2-home-spotlight-shell { padding-top:clamp(1.25rem,3vw,2.25rem); }
.s2-home-spotlight {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--2s-cyan) 28%,var(--2s-line));
  border-radius:calc(var(--2s-radius) * 1.05);
  background:linear-gradient(120deg,#fff 0%,#f7fbfd 58%,#eef8fc 100%);
  box-shadow:0 18px 48px rgba(13,34,48,.10);
}
.s2-home-spotlight::before { content:''; position:absolute; inset:0 auto 0 0; width:6px; background:linear-gradient(180deg,var(--2s-cyan),var(--2s-orange)); }
.s2-home-spotlight-content { position:relative; z-index:2; padding:clamp(1.5rem,4vw,2.7rem); }
.s2-home-spotlight-topline { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; margin-bottom:.8rem; }
.s2-home-spotlight-type { color:var(--2s-cyan); font-size:.78rem; font-weight:900; letter-spacing:.085em; }
.s2-home-spotlight-badge { display:inline-flex; align-items:center; min-height:27px; padding:.28rem .62rem; border-radius:999px; background:var(--2s-orange); color:#fff; font-size:.74rem; font-weight:850; letter-spacing:.025em; }
.s2-home-spotlight h2 { margin:.15rem 0 .75rem; max-width:24ch; font-size:clamp(1.65rem,3.6vw,2.7rem); line-height:1.08; }
.s2-home-spotlight h2 a { color:var(--2s-primary); text-decoration:none !important; }
.s2-home-spotlight h2 a:hover,.s2-home-spotlight h2 a:focus-visible { color:var(--2s-cyan); }
.s2-home-spotlight-intro { max-width:72ch; margin:0 0 1rem; color:var(--2s-muted); font-size:clamp(1rem,1.5vw,1.13rem); line-height:1.65; }
.s2-home-spotlight-meta { display:flex; flex-wrap:wrap; gap:.45rem; margin:.25rem 0 1.25rem; }
.s2-home-spotlight-meta span { display:inline-flex; align-items:center; min-height:27px; padding:.26rem .58rem; border:1px solid var(--2s-line); border-radius:999px; background:#fff; color:var(--2s-primary); font-size:.76rem; font-weight:800; }
.s2-home-spotlight-cta { min-width:min(100%,12rem); justify-content:center; }
.s2-home-spotlight-visual { position:relative; min-height:100%; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#0d2230,var(--2s-primary)); color:#fff; }
.s2-home-spotlight-visual::before { content:''; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:34px 34px; }
.s2-home-spotlight-orbit { position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.s2-home-spotlight-orbit.orbit-one { width:220px; height:220px; right:-72px; top:-74px; box-shadow:0 0 0 38px rgba(0,159,227,.07),0 0 0 78px rgba(0,159,227,.035); }
.s2-home-spotlight-orbit.orbit-two { width:150px; height:150px; left:-65px; bottom:-62px; box-shadow:0 0 0 32px rgba(241,132,26,.08); }
.s2-home-spotlight-mark { position:relative; z-index:2; display:flex; align-items:baseline; letter-spacing:-.055em; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:clamp(2.1rem,5vw,4.2rem); font-weight:900; }
.s2-home-spotlight-mark span { color:rgba(255,255,255,.68); font-weight:700; }
.s2-home-spotlight-mark b { color:var(--2s-cyan); }
.s2-home-spotlight-mark strong { color:var(--2s-orange); }
.s2-home-spotlight-visual small { position:absolute; z-index:2; left:50%; top:calc(50% + 3.3rem); transform:translateX(-50%); color:rgba(255,255,255,.58); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.72rem; font-weight:800; letter-spacing:.16em; }
.badge-content-type { background:#eef8fc; color:#087ba8; border-color:#c9eaf7; }
.s2-training-hero-badges .badge-content-type,.s2-training-hero-badges .badge-domain { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.28); }
@media (max-width:760px) {
  .s2-home-spotlight { grid-template-columns:1fr; }
  .s2-home-spotlight-visual { min-height:170px; order:-1; }
  .s2-home-spotlight-visual small { top:calc(50% + 2.55rem); }
  .s2-home-spotlight-mark { font-size:clamp(2rem,12vw,3.5rem); }
}

.s2-home-section { padding-block:clamp(2.8rem,6vw,5.5rem); }
.s2-home-section + .s2-home-section { border-top:1px solid var(--2s-line); }
.s2-home-catalogue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.s2-home-sessions { padding:clamp(1.4rem,3vw,2rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:var(--2s-surface); }
.s2-home-sessions .dp-event { padding:1rem; margin:.75rem 0; border:1px solid var(--2s-line); border-radius:calc(var(--2s-radius) * .75); background:#fff; }
.s2-home-about { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:clamp(1.5rem,5vw,4rem); align-items:center; }
.s2-home-tech { min-height:280px; display:grid; place-items:center; border-radius:var(--2s-radius); background:#0d2230; color:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-home-tech code { color:#fff; font-size:clamp(1rem,2.5vw,1.55rem); }
.s2-code-signature { font-weight:760; letter-spacing:.015em; white-space:nowrap; }
.s2-code-signature .s2-code-two { color:var(--2s-cyan); font-weight:950; }
.s2-code-signature .s2-code-s { color:var(--2s-orange); font-weight:950; }
.s2-code-signature .s2-code-object { color:#fff; font-weight:760; }
.s2-code-signature .s2-code-method { color:#9eddf4; font-weight:760; }
.s2-code-signature .s2-code-mark { color:rgba(255,255,255,.58); font-weight:650; }
.s2-home-final-cta { padding:clamp(1.6rem,4vw,3rem); border-radius:var(--2s-radius); background:linear-gradient(135deg,var(--2s-primary),#183d50); color:#fff; text-align:center; }
.s2-home-final-cta h2, .s2-home-final-cta .lead { color:#fff; }
.s2-home-final-cta .lead { margin-inline:auto; opacity:.82; }
@media (max-width:1000px) { .s2-home-catalogue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .s2-home-catalogue-grid, .s2-home-about { grid-template-columns:1fr; } }


/* 2S v1.4 — calmer catalogue hierarchy and stronger accessibility */
.s2-catalogue-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.s2-catalogue-card:hover { transform: translateY(-2px); box-shadow: var(--2s-shadow); border-color: color-mix(in srgb, var(--course-color) 30%, var(--2s-line)); }
.s2-catalogue-card h2 a,
.s2-catalogue-card h3 a { text-decoration: none !important; border-bottom: 0 !important; background-image: none !important; }
.s2-catalogue-card h2 a::after,
.s2-catalogue-card h3 a::after { content: none !important; }
.s2-catalogue-card .s2-card-kicker { display:inline-flex; align-self:flex-start; padding:.28rem .52rem; border-radius:999px; background:color-mix(in srgb,var(--course-color) 10%,#fff); }
.s2-catalogue-card .btn-primary { background:var(--2s-cyan); border-color:var(--2s-cyan); color:#fff; }
.s2-catalogue-card .btn-secondary { color:var(--2s-primary); border-color:var(--2s-line); background:#fff; }
.s2-catalogue-card .btn-secondary:hover { border-color:var(--course-color); color:var(--course-color); }
.s2-training-booking .dp-event { margin:.85rem 0; padding:1rem; border:1px solid var(--2s-line); border-left:4px solid var(--course-color,var(--2s-cyan)); border-radius:calc(var(--2s-radius)*.65); background:#fff; }
.s2-training-booking .dp-event strong { color:var(--2s-primary); }
.s2-training-booking .dp-event .btn { margin-top:.7rem; width:100%; }
.s2-no-session { color:var(--2s-muted); }
@media (prefers-reduced-motion: reduce) { .s2-catalogue-card { transition:none; } .s2-catalogue-card:hover { transform:none; } }


/* 2S v1.5 — structured About page */
.s2-about-page { --partner-apus: var(--2s-orange); --partner-tst: var(--2s-cyan); }
.s2-about-hero { position:relative; overflow:hidden; padding:clamp(2.3rem,5.5vw,5rem); border-radius:calc(var(--2s-radius)*1.15); background:linear-gradient(135deg,#0c2230 0%,var(--2s-primary) 68%,#193f53 100%); color:#fff; box-shadow:var(--2s-shadow); }
.s2-about-hero::before { content:''; position:absolute; width:28rem; height:28rem; left:-14rem; bottom:-17rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--partner-apus) 36%,transparent),transparent 68%); }
.s2-about-hero::after { content:''; position:absolute; width:32rem; height:32rem; right:-15rem; top:-19rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--partner-tst) 38%,transparent),transparent 68%); }
.s2-about-hero > * { position:relative; z-index:1; }
.s2-about-hero h1 { max-width:20ch; color:#fff; margin:.35rem 0 1rem; }
.s2-about-hero .eyebrow { color:#a6e5fb; }
.s2-about-hero .lead { max-width:72ch; color:rgba(255,255,255,.84); }
.s2-about-brandline { display:flex; align-items:center; gap:.55rem; margin-top:2rem; font-weight:900; font-size:clamp(1.1rem,2.4vw,1.55rem); letter-spacing:.03em; color:rgba(255,255,255,.72); }
.s2-about-brandline .apus { color:var(--partner-apus); }
.s2-about-brandline .tst { color:var(--partner-tst); }
.s2-about-brandline strong { color:#fff; }
.s2-about-section { padding-block:clamp(2.8rem,6vw,5.5rem); }
.s2-about-section + .s2-about-section { border-top:1px solid var(--2s-line); }
.s2-about-story { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:clamp(1.5rem,5vw,4rem); align-items:start; }
.s2-about-story h2 { margin-top:.3rem; }
.s2-about-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.s2-about-value { position:relative; padding:1.5rem; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); color:var(--2s-text); }
.s2-about-value-number { display:inline-grid; place-items:center; width:2.25rem; height:2.25rem; margin-bottom:1rem; border-radius:50%; background:var(--2s-surface); color:var(--2s-primary); font-size:.78rem; font-weight:900; }
.s2-about-value h3 { margin:.15rem 0 .65rem; color:var(--2s-primary); }
.s2-trainer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem; margin-top:2rem; }
.s2-trainer-card { --partner-color:var(--2s-line); position:relative; display:grid; grid-template-columns:150px minmax(0,1fr); gap:1.35rem; padding:1.35rem; border:1px solid var(--2s-line); border-top:5px solid var(--partner-color); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); color:var(--2s-text); }
.s2-trainer-card.partner-apus { --partner-color:var(--partner-apus); }
.s2-trainer-card.partner-tst { --partner-color:var(--partner-tst); }
.s2-trainer-visual { width:150px; aspect-ratio:4/5; border-radius:calc(var(--2s-radius)*.8); overflow:hidden; background:color-mix(in srgb,var(--partner-color) 8%,#fff); }
.s2-trainer-visual img { width:100%; height:100%; object-fit:cover; object-position:50% 24%; display:block; }
.s2-trainer-initials { width:100%; height:100%; display:grid; place-items:center; font-size:2rem; font-weight:900; color:var(--partner-color); background:linear-gradient(135deg,color-mix(in srgb,var(--partner-color) 13%,#fff),#fff); }
.s2-trainer-company { color:var(--partner-color); font-size:.76rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.s2-trainer-card h3 { margin:.35rem 0 .15rem; color:var(--2s-primary); font-size:1.55rem; }
.s2-trainer-role { margin-bottom:.85rem; color:var(--2s-muted); font-weight:700; }
.s2-trainer-bio { color:var(--2s-text); }
.s2-trainer-card .btn-secondary:hover { border-color:var(--partner-color); color:var(--partner-color); }
.s2-about-custom { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:clamp(1.5rem,5vw,4rem); padding:clamp(1.5rem,4vw,2.5rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:linear-gradient(135deg,#fff,var(--2s-surface)); }
.s2-about-cta { position:relative; overflow:hidden; padding:clamp(1.8rem,4vw,3.2rem); border-radius:var(--2s-radius); background:var(--2s-primary); color:#fff; text-align:center; }
.s2-about-cta::before { content:''; position:absolute; inset:0; background:linear-gradient(110deg,color-mix(in srgb,var(--partner-tst) 18%,transparent),transparent 42%,color-mix(in srgb,var(--partner-apus) 14%,transparent)); pointer-events:none; }
.s2-about-cta > * { position:relative; z-index:1; }
.s2-about-cta h2, .s2-about-cta .lead { color:#fff; }
.s2-about-cta .lead { margin-inline:auto; max-width:70ch; opacity:.86; }
.s2-about-cta .hero-actions { justify-content:center; }
.s2-about-cta .btn-secondary { color:#fff; border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.05); }
.s2-about-cta .btn-secondary:hover { color:#fff; background:rgba(255,255,255,.12); }
@media (max-width:900px) { .s2-about-values { grid-template-columns:1fr; } .s2-about-story, .s2-about-custom { grid-template-columns:1fr; } .s2-trainer-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .s2-trainer-card { grid-template-columns:1fr; } .s2-trainer-visual { width:130px; } }

/* 2S v1.6 — native Joomla Contact page */
.s2-contact-page { color:var(--2s-text); }
.s2-contact-hero { position:relative; overflow:hidden; padding:clamp(2.3rem,5.5vw,5rem); border-radius:calc(var(--2s-radius)*1.15); background:linear-gradient(135deg,#0c2230 0%,var(--2s-primary) 70%,#193f53 100%); color:#fff; box-shadow:var(--2s-shadow); }
.s2-contact-hero::before { content:''; position:absolute; width:29rem; height:29rem; right:-14rem; top:-18rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-cyan) 38%,transparent),transparent 68%); }
.s2-contact-hero::after { content:''; position:absolute; width:24rem; height:24rem; left:-13rem; bottom:-15rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-orange) 28%,transparent),transparent 70%); }
.s2-contact-hero > * { position:relative; z-index:1; }
.s2-contact-hero h1 { max-width:18ch; margin:.35rem 0 1rem; color:#fff; }
.s2-contact-hero .lead { max-width:70ch; color:rgba(255,255,255,.84); }
.s2-contact-hero .eyebrow { color:#a6e5fb; }
.s2-contact-section { padding-block:clamp(2.8rem,6vw,5.5rem); }
.s2-contact-section + .s2-contact-section { border-top:1px solid var(--2s-line); }
.s2-contact-grid { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(1.2rem,4vw,2.4rem); align-items:start; }
.s2-contact-card, .s2-contact-form-card { padding:clamp(1.35rem,3vw,2rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); color:var(--2s-text); }
.s2-contact-card { border-top:5px solid var(--2s-cyan); }
.s2-contact-card h2, .s2-contact-form-card h2 { margin:.3rem 0 1.4rem; color:var(--2s-primary); }
.s2-contact-detail { display:grid; gap:.2rem; padding:1rem 0; border-top:1px solid var(--2s-line); }
.s2-contact-detail > span, .s2-contact-partners > span { color:var(--2s-muted); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.s2-contact-detail strong, .s2-contact-detail a, .s2-contact-detail address { color:var(--2s-primary); font-style:normal; font-weight:750; }
.s2-contact-partners { display:grid; gap:.55rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--2s-line); }
.s2-contact-partners a { text-decoration:none; font-weight:800; }
.s2-contact-partners a:first-of-type:hover { color:var(--2s-orange); }
.s2-contact-partners a:last-of-type:hover { color:var(--2s-cyan); }
.s2-contact-form-card { border-top:5px solid var(--2s-orange); }
.s2-contact-form-card .com-contact__form { margin-top:.8rem; }
.s2-contact-form-card form { display:grid; gap:.9rem; }
.s2-contact-form-card fieldset { display:grid; gap:.85rem; border:0; padding:0; }
.s2-contact-form-card legend { margin:.3rem 0 .2rem; color:var(--2s-primary); font-size:1rem; font-weight:850; }
.s2-contact-form-card .control-group, .s2-contact-form-card .mb-3 { margin:0; }
.s2-contact-form-card label { display:block; margin-bottom:.35rem; color:var(--2s-primary); font-size:.88rem; font-weight:800; }
.s2-contact-form-card input, .s2-contact-form-card textarea, .s2-contact-form-card select { background:#fff; }
.s2-contact-form-card .btn-primary { min-width:180px; margin-top:.25rem; background:var(--2s-cyan); border-color:var(--2s-cyan); color:#fff; }
.s2-contact-custom { display:grid; grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr); gap:clamp(1.5rem,5vw,4rem); padding:clamp(1.5rem,4vw,2.5rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:linear-gradient(135deg,#fff,var(--2s-surface)); }
.s2-contact-custom h2 { margin-top:.3rem; color:var(--2s-primary); }
@media (max-width:820px) { .s2-contact-grid, .s2-contact-custom { grid-template-columns:1fr; } }

/* 2S v1.6.1 — exact native contact form layout */
.s2-native-contact-form form { display:block; }
.s2-contact-fields { display:grid; gap:1rem; }
.s2-contact-row { min-width:0; }
.s2-contact-row-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.s2-contact-row-postcode-city { display:grid; grid-template-columns:minmax(110px,.34fr) minmax(0,1fr); gap:1rem; }
.s2-contact-row .control-group,
.s2-contact-row .mb-3 { margin:0; min-width:0; }
.s2-contact-row label { display:block; margin:0 0 .38rem; color:var(--2s-primary); font-size:.88rem; font-weight:800; }
.s2-contact-row label .star,
.s2-contact-row label .required,
.s2-contact-row label[for] span.star { color:var(--2s-orange); }
.s2-contact-row input,
.s2-contact-row textarea,
.s2-contact-row select { width:100%; }
.s2-contact-message-row textarea { min-height:190px; resize:vertical; }
.s2-contact-required-note { margin-top:.85rem; color:var(--2s-muted); font-size:.8rem; }
.s2-contact-required-note span { color:var(--2s-orange); font-weight:900; }
.s2-contact-captcha { margin-top:1rem; }
.s2-contact-submit { display:flex; align-items:center; justify-content:flex-start; margin-top:1rem; }
.s2-contact-submit .btn-primary { min-width:190px; }
@media (max-width:640px) {
  .s2-contact-row-2,
  .s2-contact-row-postcode-city { grid-template-columns:1fr; }
}


/* 2S v1.6.3 — sender copy + CAPTCHA */
.s2-contact-copy { margin-top:.15rem; padding:.85rem 1rem; border:1px solid var(--2s-line); border-radius:12px; background:var(--2s-surface); }
.s2-contact-copy .control-group, .s2-contact-copy .mb-3 { margin:0; }
.s2-contact-copy .controls, .s2-contact-copy .form-check { display:flex; align-items:center; gap:.65rem; }
.s2-contact-copy input[type="checkbox"] { width:1.05rem; height:1.05rem; margin:0; accent-color:var(--2s-cyan); }
.s2-contact-copy label { margin:0; color:var(--2s-primary); font-weight:700; cursor:pointer; }
.s2-contact-captcha { margin-top:1rem; padding:1rem; border:1px solid var(--2s-line); border-radius:12px; background:#fff; overflow-x:auto; }
.s2-contact-captcha .control-group, .s2-contact-captcha .mb-3 { margin:0; }


/* 2S v1.7 — legal pages + contact polish */
.s2-contact-copy-control { display:flex; align-items:center; gap:.65rem; }
.s2-contact-copy-control label { margin:0; color:var(--2s-primary); font-weight:700; cursor:pointer; }
.s2-contact-captcha-title { margin:0 0 .65rem; color:var(--2s-muted); font-size:.75rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }

.s2-legal-page { color:var(--2s-text); }
.s2-legal-hero { position:relative; overflow:hidden; padding:clamp(2.2rem,5vw,4.5rem); border-radius:calc(var(--2s-radius)*1.1); background:linear-gradient(135deg,#0d2534 0%,#132b3a 68%,#183e52 100%); color:#fff; box-shadow:var(--2s-shadow); }
.s2-legal-hero::before { content:''; position:absolute; width:26rem; height:26rem; right:-13rem; top:-15rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-cyan) 28%,transparent),transparent 68%); }
.s2-legal-hero::after { content:''; position:absolute; width:22rem; height:22rem; left:-12rem; bottom:-14rem; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--2s-orange) 20%,transparent),transparent 70%); }
.s2-legal-hero > * { position:relative; z-index:1; }
.s2-legal-hero h1 { color:#fff; margin:.35rem 0 .85rem; max-width:18ch; }
.s2-legal-hero .lead { color:rgba(255,255,255,.84); max-width:76ch; }
.s2-legal-hero .eyebrow { color:#a7e7ff; }
.s2-legal-meta { display:flex; flex-wrap:wrap; gap:.65rem 1rem; margin:.25rem 0 1.35rem; }
.s2-legal-meta span { display:inline-flex; gap:.4rem; padding:.45rem .7rem; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:rgba(255,255,255,.82); font-size:.82rem; }
.s2-legal-meta strong { color:#fff; }
.s2-legal-layout { display:grid; grid-template-columns:minmax(230px,.34fr) minmax(0,1fr); gap:clamp(1.4rem,4vw,3rem); padding-block:clamp(2.5rem,6vw,5rem); align-items:start; }
.s2-legal-outline { position:sticky; top:110px; padding:1.25rem; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-legal-outline .eyebrow { margin-bottom:.8rem; }
.s2-legal-outline ol { margin:0; padding-left:1.35rem; display:grid; gap:.48rem; }
.s2-legal-outline li { color:var(--2s-muted); font-size:.88rem; line-height:1.35; }
.s2-legal-main { min-width:0; }
.s2-legal-notice { margin-bottom:1.2rem; padding:1rem 1.15rem; border-left:4px solid var(--2s-orange); border-radius:0 12px 12px 0; background:color-mix(in srgb,var(--2s-orange) 7%,#fff); color:var(--2s-primary); }
.s2-legal-body { padding:clamp(1.2rem,3vw,2rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-legal-body h2 { margin-top:2rem; color:var(--2s-primary); }
.s2-legal-body h2:first-child { margin-top:0; }
.s2-legal-pdf-wrap { overflow:hidden; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-legal-pdf { display:block; width:100%; min-height:980px; border:0; background:#fff; }
.s2-legal-pdf-fallback { margin:0; padding:.85rem 1rem; border-top:1px solid var(--2s-line); color:var(--2s-muted); font-size:.86rem; }
.s2-legal-pdf-fallback a { font-weight:750; }
@media (max-width:900px) { .s2-legal-layout { grid-template-columns:1fr; } .s2-legal-outline { position:static; } .s2-legal-pdf { min-height:760px; } }
@media (max-width:560px) { .s2-legal-pdf { min-height:620px; } }

/* 2S v1.8 — hybrid/native catalogue controls */
.s2-card-topline { display:flex; align-items:flex-start; justify-content:space-between; gap:.65rem; flex-wrap:wrap; }
.s2-card-badges, .s2-training-hero-badges { display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.badge-meta { background:var(--2s-surface); color:var(--2s-primary); border-color:var(--2s-line); }
.badge-new { background:#fff4cc; color:#795800; border-color:#ecd47c; }
.badge-featured { background:#ecebff; color:#4741a7; border-color:#cbc8f8; }
.badge-coming { background:#f7e9f4; color:#7d356f; border-color:#e5bfdc; }
.badge-ondemand { background:#e8f5ef; color:#1f6550; border-color:#b9dfd0; }
.badge-extra { background:#f4eeee; color:#784646; border-color:#dfc9c9; }
.s2-training-hero-badges { position:relative; z-index:1; margin-bottom:.7rem; }
.s2-training-hero-badges .badge { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.28); }
.s2-training-hero-badges .badge-new { background:#765a00; }
.s2-training-hero-badges .badge-featured { background:#4f49a8; }
.s2-training-hero-badges .badge-coming { background:#7b3f72; }
.s2-training-hero-badges .badge-ondemand { background:#256953; }
.s2-training-hero-badges .badge-extra { background:#7b4b4b; }
.s2-training-free-content { font-size:1.02rem; }
.s2-training-free-content > :first-child { margin-top:0; }
.s2-training-free-content > :last-child { margin-bottom:0; }

/* 1.9.0 — Native Joomla navigation / staging */
.site-nav .mod-menu > li > a[aria-current="page"],
.site-nav .mod-menu > li.active > a,
.site-nav .mod-menu > li.current > a {
  color: var(--2s-cyan);
  background: var(--2s-surface);
  box-shadow: inset 0 -2px 0 var(--2s-orange);
}
.site-footer .mod-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .45rem;
}
.site-footer .mod-menu a {
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-weight: 650;
}
.site-footer .mod-menu a:hover,
.site-footer .mod-menu a:focus-visible,
.site-footer .mod-menu .active > a,
.site-footer .mod-menu .current > a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: var(--2s-orange);
  text-underline-offset: .22em;
}
@media (max-width: 860px) {
  .site-nav .mod-menu > li > a { width: 100%; }
  .site-footer .mod-menu { gap: .65rem; }
}


/* 1.9.2 — catalogue consistency + About brand signature */
.s2-structured-home .s2-catalogue-card.is-featured {
  box-shadow: 0 10px 30px rgba(16,37,63,.09);
  border-color: color-mix(in srgb, var(--course-color) 20%, var(--2s-line));
}
.s2-structured-home .s2-catalogue-card.is-featured::after {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  border-radius: var(--2s-radius) var(--2s-radius) 0 0;
  background: color-mix(in srgb, var(--course-color) 72%, #fff);
  pointer-events: none;
}

.s2-about-signature {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.48em;
  margin-top:2.25rem;
  font-size:clamp(1.05rem,2.35vw,1.72rem);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
}
.s2-about-signature .signature-name { white-space:nowrap; }
.s2-about-signature .signature-apus { color:#f1841a; text-shadow:0 0 24px rgba(241,132,26,.16); }
.s2-about-signature .signature-tst { color:#009fe3; text-shadow:0 0 24px rgba(0,159,227,.16); }
.s2-about-signature .signature-operator { color:rgba(255,255,255,.55); font-weight:650; }
.s2-about-signature .signature-logo {
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  padding:.34em .58em .38em;
  border:1px solid rgba(255,255,255,.15);
  border-radius:.72em;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.12);
  letter-spacing:-.055em;
}
.s2-about-signature .signature-angle { color:#fff; font-weight:720; }
.s2-about-signature .signature-two { color:#009fe3; font-weight:950; }
.s2-about-signature .signature-s { color:#f1841a; font-weight:950; }
.s2-about-signature .signature-formations { margin-left:.38em; color:#fff; font-weight:760; letter-spacing:-.035em; }
@media (max-width:680px) {
  .s2-about-signature { gap:.38em; font-size:clamp(.94rem,4.3vw,1.25rem); }
  .s2-about-signature .signature-logo { flex-basis:max-content; }
}

/* 2S v1.9.3 — trainer portraits */
.s2-trainer-visual { align-self:start; }
.s2-trainer-card.partner-apus .s2-trainer-visual img, .s2-trainer-card.partner-tst .s2-trainer-visual img { object-position:50% 24%; }


/* 2S v1.9.4 — no-session interest CTA */
.s2-interest-cta { margin-top:.35rem; }
.s2-interest-cta p { margin:.45rem 0; }
.s2-interest-cta .btn { width:100%; margin-top:.8rem; }
.s2-interest-cta .btn-secondary { background:var(--2s-orange); border-color:var(--2s-orange); color:#fff; }
.s2-interest-cta .btn-secondary:hover,
.s2-interest-cta .btn-secondary:focus { filter:brightness(.94); color:#fff; }


/* 2S v1.9.6.7 — homepage sessions preview: show the two nearest dates, then link to /sessions. */
.s2-sessions-more {
  margin-top:1rem; padding:1rem 1.1rem; border:1px solid var(--2s-line);
  border-radius:calc(var(--2s-radius) * .75); background:color-mix(in srgb,var(--2s-cyan) 5%,#fff);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.s2-sessions-more-copy { display:grid; gap:.2rem; min-width:0; }
.s2-sessions-more-copy strong { color:var(--2s-primary); font-size:1rem; }
.s2-sessions-more-copy span { color:var(--2s-muted); font-size:.92rem; }
@media (max-width:680px) {
  .s2-sessions-more { align-items:stretch; flex-direction:column; }
  .s2-sessions-more .btn { width:100%; text-align:center; }
}

/* 2S v1.9.6.2 — dedicated /sessions presentation using DPCalendar as data source. */
.route-sessions .content-grid { display:block; }
.route-sessions .sidebar { display:none !important; }
.route-sessions .component-area { width:100%; max-width:none; }

.s2-sessions-page { color:var(--2s-text); }
.s2-sessions-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(2.2rem,5vw,4.3rem);
  border-radius:calc(var(--2s-radius) * 1.15);
  background:linear-gradient(135deg,#0d2230 0%,var(--2s-primary) 62%,#16384c 100%);
  color:#fff;
  box-shadow:var(--2s-shadow);
}
.s2-sessions-hero::before {
  content:'';
  position:absolute;
  width:30rem;
  height:30rem;
  right:-13rem;
  bottom:-18rem;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--2s-cyan) 42%,transparent),transparent 67%);
}
.s2-sessions-hero::after {
  content:'';
  position:absolute;
  width:22rem;
  height:22rem;
  left:-11rem;
  top:-14rem;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--2s-orange) 30%,transparent),transparent 69%);
}
.s2-sessions-hero > * { position:relative; z-index:1; }
.s2-sessions-hero .eyebrow { color:#a6e5fb; }
.s2-sessions-hero h1 { max-width:18ch; margin:.35rem 0 1rem; color:#fff; }
.s2-sessions-hero .lead { max-width:72ch; margin:0; color:rgba(255,255,255,.84); }
.s2-sessions-domains { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.6rem; }
.s2-sessions-domains span {
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.35rem .7rem;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:.86rem;
  font-weight:750;
}

.s2-sessions-list-section { padding-block:clamp(2.8rem,6vw,5rem); }
.s2-sessions-list-section .section-intro { margin-bottom:1.4rem; }
.s2-sessions-list-section .section-intro > .lead { max-width:48ch; margin:0; font-size:1rem; }
.s2-sessions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.s2-session-card {
  position:relative;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:0 1.2rem;
  min-width:0;
  padding:1.2rem;
  border:1px solid var(--2s-line);
  border-top:4px solid var(--2s-cyan);
  border-radius:var(--2s-radius);
  background:#fff;
  box-shadow:var(--2s-shadow-sm);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.s2-session-card:hover { transform:translateY(-2px); box-shadow:var(--2s-shadow); border-color:color-mix(in srgb,var(--2s-cyan) 34%,var(--2s-line)); }
.s2-session-date {
  grid-row:1 / 3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-self:start;
  min-height:104px;
  padding:.75rem .5rem;
  border-radius:calc(var(--2s-radius) * .72);
  background:var(--2s-surface);
  color:var(--2s-primary);
  text-align:center;
}
.s2-session-date strong { font-size:2rem; line-height:1; letter-spacing:-.04em; }
.s2-session-date span { margin-top:.28rem; color:var(--2s-cyan); font-size:.82rem; font-weight:900; text-transform:uppercase; }
.s2-session-date small { margin-top:.12rem; color:var(--2s-muted); font-size:.78rem; font-weight:700; }
.s2-session-main { min-width:0; }
.s2-session-kicker { margin:.05rem 0 .35rem; color:var(--2s-cyan); font-size:.73rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.s2-session-main h2 { margin:0; color:var(--2s-primary); font-size:clamp(1.12rem,2vw,1.38rem); line-height:1.22; letter-spacing:-.02em; }
.s2-session-main h2 a { color:inherit; text-decoration:none !important; }
.s2-session-main h2 a:hover,.s2-session-main h2 a:focus-visible { color:var(--2s-cyan); }
.s2-session-meta { display:grid; gap:.45rem; margin-top:.9rem; }
.s2-session-meta-item { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:.55rem; color:var(--2s-muted); font-size:.9rem; line-height:1.35; }
.s2-session-meta-item b { color:var(--2s-primary); font-size:.76rem; letter-spacing:.03em; text-transform:uppercase; }
.s2-session-location span { overflow-wrap:anywhere; }
.s2-session-booking-deadline b { white-space:nowrap; }
.s2-session-booking-deadline span { min-width:0; color:var(--2s-primary); }
.s2-session-booking-deadline strong { color:var(--2s-orange); font-weight:850; }
.s2-session-side {
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  justify-content:space-between;
  gap:.8rem;
  margin-top:1rem;
  padding-top:.9rem;
  border-top:1px solid var(--2s-line);
}
.s2-session-places { display:flex; align-items:baseline; gap:.35rem; color:var(--2s-muted); }
.s2-session-places strong { color:var(--2s-primary); font-size:1.3rem; line-height:1; }
.s2-session-places span { font-size:.82rem; }
.s2-session-cta { min-width:8.8rem; justify-content:center; }
.s2-sessions-empty {
  grid-column:1 / -1;
  padding:clamp(1.5rem,4vw,2.5rem);
  border:1px dashed color-mix(in srgb,var(--2s-cyan) 42%,var(--2s-line));
  border-radius:var(--2s-radius);
  background:var(--2s-surface);
  text-align:center;
}
.s2-sessions-empty h2 { margin-top:0; color:var(--2s-primary); }
.s2-sessions-empty p { max-width:62ch; margin:0 auto 1rem; color:var(--2s-muted); }
.s2-sessions-contact {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.5rem;
  align-items:center;
  margin-bottom:clamp(2.8rem,6vw,5rem);
  padding:clamp(1.5rem,4vw,2.5rem);
  border:1px solid var(--2s-line);
  border-radius:var(--2s-radius);
  background:linear-gradient(135deg,#fff,var(--2s-surface));
}
.s2-sessions-contact h2 { margin:.25rem 0 .55rem; color:var(--2s-primary); }
.s2-sessions-contact p { max-width:65ch; margin:0; color:var(--2s-muted); }
.s2-sessions-contact .btn { white-space:nowrap; }

@media (max-width:980px) {
  .s2-sessions-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .s2-sessions-hero { padding:1.7rem 1.25rem; }
  .s2-session-card { grid-template-columns:72px minmax(0,1fr); gap:0 .9rem; padding:1rem; }
  .s2-session-date { min-height:86px; padding:.6rem .35rem; }
  .s2-session-date strong { font-size:1.65rem; }
  .s2-session-side { grid-column:1 / -1; }
  .s2-session-cta { width:100%; }
  .s2-session-meta-item { grid-template-columns:1fr; gap:.1rem; }
  .s2-sessions-contact { grid-template-columns:1fr; }
  .s2-sessions-contact .btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .s2-session-card { transition:none; }
  .s2-session-card:hover { transform:none; }
}


/* 2S v1.9.6.3 — DPCalendar single-session pages (/sessions/<alias>). */
.route-session-detail .content-grid { display:block; }
.route-session-detail .sidebar { display:none !important; }
.route-session-detail .component-area { width:100%; max-width:none; }

.s2-session-detail-nav { margin:0 0 1rem; }
.s2-session-detail-back {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--2s-primary);
  font-weight:800;
  font-size:.92rem;
  text-decoration:none !important;
}
.s2-session-detail-back:hover,
.s2-session-detail-back:focus-visible { color:var(--2s-cyan); }

.route-session-detail .com-dpcalendar-event {
  display:block !important;
  max-width:100%;
  color:var(--2s-text);
}
.route-session-detail .com-dpcalendar-event__heading { margin:0 0 1rem; }
.route-session-detail .com-dpcalendar-event__heading .dp-page-heading { margin:0; color:var(--2s-primary); }

.route-session-detail .com-dpcalendar-event__header {
  position:relative;
  overflow:hidden;
  display:block !important;
  margin:0 0 1.25rem;
  padding:clamp(2rem,5vw,3.7rem);
  border:0;
  border-radius:calc(var(--2s-radius) * 1.15);
  background:linear-gradient(135deg,#0d2230 0%,var(--2s-primary) 62%,#16384c 100%);
  color:#fff;
  box-shadow:var(--2s-shadow);
}
.route-session-detail .com-dpcalendar-event__header::before {
  content:'SESSION DE FORMATION';
  position:relative;
  z-index:2;
  display:block;
  margin:0 0 .65rem;
  color:#a6e5fb;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.11em;
}
.route-session-detail .com-dpcalendar-event__header::after {
  content:'';
  position:absolute;
  z-index:0;
  width:30rem;
  height:30rem;
  right:-14rem;
  bottom:-19rem;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--2s-cyan) 42%,transparent),transparent 67%);
  pointer-events:none;
}
.route-session-detail .com-dpcalendar-event__header > * { position:relative; z-index:1; }
.route-session-detail .com-dpcalendar-event__header-title { max-width:58rem; }
.route-session-detail .com-dpcalendar-event__title {
  margin:0 !important;
  max-width:none;
  color:#fff !important;
  font-size:clamp(2rem,5vw,3.65rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.035em;
  -webkit-hyphens:none;
  hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
}
.route-session-detail .com-dpcalendar-event__title a { color:inherit !important; text-decoration:none !important; }
.route-session-detail .com-dpcalendar-event__header .dp-currency,
.route-session-detail .com-dpcalendar-event__header .dp-timezone,
.route-session-detail .com-dpcalendar-event__custom-text-before { color:rgba(255,255,255,.82); }

.route-session-detail .com-dpcalendar-event__information {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  margin:0 0 1rem;
  padding:1.15rem;
  border:1px solid var(--2s-line);
  border-top:4px solid var(--2s-cyan);
  border-radius:var(--2s-radius);
  background:#fff;
  box-shadow:var(--2s-shadow-sm);
}
.route-session-detail .com-dpcalendar-event__information > .dp-description,
.route-session-detail .com-dpcalendar-event__information > * { min-width:0; }
.route-session-detail .com-dpcalendar-event__information .dp-description {
  margin:0;
  padding:.2rem .3rem;
}
.route-session-detail .com-dpcalendar-event__information .dp-description__label {
  margin:0 0 .28rem;
  color:var(--2s-cyan);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.route-session-detail .com-dpcalendar-event__information .dp-description__description {
  margin:0;
  color:var(--2s-primary);
  font-weight:750;
  line-height:1.4;
}
.route-session-detail .com-dpcalendar-event__information a { color:var(--2s-primary); text-decoration:none !important; }
.route-session-detail .com-dpcalendar-event__information a:hover,
.route-session-detail .com-dpcalendar-event__information a:focus-visible { color:var(--2s-cyan); }

.route-session-detail .com-dpcalendar-event__actions {
  display:flex !important;
  flex-wrap:wrap;
  gap:.55rem;
  margin:0 0 1rem;
  padding:.7rem;
  border:1px solid var(--2s-line);
  border-radius:calc(var(--2s-radius) * .78);
  background:var(--2s-surface);
}
.route-session-detail .com-dpcalendar-event__actions .dp-button {
  min-height:2.5rem;
  padding:.55rem .8rem;
  border:1px solid var(--2s-line) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--2s-primary) !important;
  font-family:inherit;
  font-weight:750;
  box-shadow:none !important;
}
.route-session-detail .com-dpcalendar-event__actions .dp-button:hover,
.route-session-detail .com-dpcalendar-event__actions .dp-button:focus-visible {
  border-color:var(--2s-cyan) !important;
  color:var(--2s-cyan) !important;
}

.route-session-detail .com-dpcalendar-event__cta {
  margin:0 0 1.25rem;
  padding:1.15rem 1.3rem;
  border:1px solid color-mix(in srgb,var(--2s-cyan) 32%,var(--2s-line));
  border-radius:var(--2s-radius);
  background:linear-gradient(135deg,color-mix(in srgb,var(--2s-cyan) 8%,#fff),#fff);
  box-shadow:var(--2s-shadow-sm);
}
.route-session-detail .com-dpcalendar-event__cta .dp-link_cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:2.8rem;
  padding:.72rem 1.05rem;
  border-radius:12px;
  background:var(--2s-cyan);
  color:#fff !important;
  font-weight:850;
  text-decoration:none !important;
}
.route-session-detail .com-dpcalendar-event__cta .dp-link_cta:hover,
.route-session-detail .com-dpcalendar-event__cta .dp-link_cta:focus-visible { filter:brightness(.94); }
/* 2S v1.9.6.16 — booking deadline: readable, centered and brand-highlighted. */
.route-session-detail .dp-event-cta__end-date {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:center;
  width:100%;
  gap:.28rem .42rem;
  margin-top:.9rem;
  font-size:1em !important;
  line-height:1.45;
  font-weight:750;
  text-align:center;
}
.route-session-detail .dp-event-cta__end-date .s2-booking-deadline-label {
  color:var(--2s-cyan);
}
.route-session-detail .dp-event-cta__end-date .s2-booking-deadline-value {
  color:var(--2s-orange);
  font-weight:900;
  white-space:nowrap;
}

.route-session-detail .com-dpcalendar-event__booking-form,
.route-session-detail .com-dpcalendar-event__description,
.route-session-detail .com-dpcalendar-event__booking,
.route-session-detail .com-dpcalendar-event__series,
.route-session-detail .com-dpcalendar-event__schedule,
.route-session-detail .com-dpcalendar-event__locations,
.route-session-detail .com-dpcalendar-event__tickets {
  margin:0 0 1.25rem !important;
  padding:clamp(1.15rem,3vw,1.7rem) !important;
  border:1px solid var(--2s-line) !important;
  border-radius:var(--2s-radius) !important;
  background:#fff !important;
  box-shadow:var(--2s-shadow-sm);
}
.route-session-detail .com-dpcalendar-event__booking-form { border-top:4px solid var(--2s-orange) !important; }
.route-session-detail .com-dpcalendar-event__description { border-top:4px solid var(--2s-cyan) !important; }
.route-session-detail .com-dpcalendar-event__booking { border-top:4px solid var(--2s-primary) !important; }
.route-session-detail .com-dpcalendar-event .dp-heading {
  color:var(--2s-primary);
  letter-spacing:-.02em;
}
.route-session-detail .com-dpcalendar-event__description > .dp-heading,
.route-session-detail .com-dpcalendar-event__booking > .dp-heading,
.route-session-detail .com-dpcalendar-event__booking-form .dp-heading { margin-top:0; }

/* The inline DPCalendar booking form remains native, but follows the 2S form language. */
.route-session-detail .com-dpcalendar-event__booking-form label,
.route-session-detail .com-dpcalendar-event__booking-form legend { color:var(--2s-primary); font-weight:750; }
.route-session-detail .com-dpcalendar-event__booking-form input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
.route-session-detail .com-dpcalendar-event__booking-form select,
.route-session-detail .com-dpcalendar-event__booking-form textarea {
  width:100%;
  max-width:100%;
  min-height:2.75rem;
  padding:.7rem .8rem;
  border:1px solid #cbd5dc;
  border-radius:10px;
  background:#fff;
  color:var(--2s-text);
  font:inherit;
}
.route-session-detail .com-dpcalendar-event__booking-form textarea { min-height:7rem; resize:vertical; }
.route-session-detail .com-dpcalendar-event__booking-form input:focus,
.route-session-detail .com-dpcalendar-event__booking-form select:focus,
.route-session-detail .com-dpcalendar-event__booking-form textarea:focus {
  border-color:var(--2s-cyan);
  outline:3px solid color-mix(in srgb,var(--2s-cyan) 18%,transparent);
  outline-offset:1px;
}
.route-session-detail .com-dpcalendar-event__booking-form table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--2s-line);
  border-radius:12px;
}
.route-session-detail .com-dpcalendar-event__booking-form th,
.route-session-detail .com-dpcalendar-event__booking-form td { padding:.7rem; border-bottom:1px solid var(--2s-line); }
.route-session-detail .com-dpcalendar-event__booking-form tr:last-child td { border-bottom:0; }
.route-session-detail .com-dpcalendar-event__booking-form button,
.route-session-detail .com-dpcalendar-event__booking-form .dp-button {
  min-height:2.7rem;
  border-radius:11px;
  font-family:inherit;
  font-weight:800;
}

.route-session-detail .com-dpcalendar-event__booking .dp-description {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.75rem;
  align-items:center;
  margin:.55rem 0;
  padding:.65rem 0;
  border-bottom:1px solid var(--2s-line);
}
.route-session-detail .com-dpcalendar-event__booking .dp-description:last-of-type { border-bottom:0; }
.route-session-detail .com-dpcalendar-event__booking .dp-description__label { color:var(--2s-muted); font-weight:700; }
.route-session-detail .com-dpcalendar-event__booking .dp-description__description {
  margin:0;
  color:var(--2s-primary);
  font-size:1.15rem;
  font-weight:900;
}

@media (max-width:800px) {
  .route-session-detail .com-dpcalendar-event__information { grid-template-columns:1fr; }
  .route-session-detail .com-dpcalendar-event__header { padding:1.7rem 1.25rem; }
  .route-session-detail .com-dpcalendar-event__title { font-size:clamp(1.8rem,9vw,2.65rem) !important; }
  .route-session-detail .com-dpcalendar-event__actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .route-session-detail .com-dpcalendar-event__actions .dp-button { width:100%; }
}
@media (max-width:520px) {
  .route-session-detail .com-dpcalendar-event__actions { grid-template-columns:1fr; }
  .route-session-detail .com-dpcalendar-event__cta .dp-link_cta { width:100%; }
  .route-session-detail .com-dpcalendar-event__booking-form,
  .route-session-detail .com-dpcalendar-event__description,
  .route-session-detail .com-dpcalendar-event__booking,
  .route-session-detail .com-dpcalendar-event__series,
  .route-session-detail .com-dpcalendar-event__schedule,
  .route-session-detail .com-dpcalendar-event__locations,
  .route-session-detail .com-dpcalendar-event__tickets { padding:1rem !important; }
}


/* 2S v1.9.6.6 — hide redundant DPCalendar help text under core registration text fields.
   Scoped to single-session booking forms only; validation messages and non-text field help remain untouched. */
.route-session-detail .com-dpcalendar-event__booking-form :is(.control-group,.mb-3,.field-group,.dp-form-group):has(input:is(:not([type]),[type="text"],[type="email"],[type="tel"])) :is(.form-text,.help-block,.control-helper) {
  display:none !important;
}

/* 2S v1.9.6.8 — robust homepage preview after DPCalendar late rendering.
   Any session card preceded by two other marked session cards is hidden immediately. */
.s2-structured-home .s2-home-sessions > [data-s2-home-session="1"] ~ [data-s2-home-session="1"] ~ [data-s2-home-session="1"] {
  display:none !important;
}

/* 2S v1.9.6.19 — multiple Joomla Featured candidates, one random active spotlight. */
.s2-home-spotlight-rotation { display:block; }
.s2-home-spotlight-shell[hidden] { display:none !important; }


/* 2S v1.9.6.24 — native QR /speeddating landing page. */
.route-speeddating { background:var(--2s-surface); }
.route-speeddating .topbar { display:none; }
.route-speeddating .site-header { position:relative !important; box-shadow:none !important; }
.route-speeddating .header-inner { grid-template-columns:1fr; justify-items:center; min-height:76px; }
.route-speeddating .site-nav,
.route-speeddating .nav-toggle,
.route-speeddating .header-cta { display:none !important; }
.route-speeddating .main-content { position:relative; overflow:hidden; padding-block:clamp(1.6rem,5vw,4.5rem); background:linear-gradient(150deg,#eef7fb 0%,#fff 48%,#fff5ea 100%); }
.route-speeddating .s2-speed-content-grid { width:min(calc(100% - 1.25rem),760px); }
.route-speeddating .component-area { position:relative; z-index:2; }
.s2-speed-page { position:relative; isolation:isolate; min-height:60svh; display:grid; place-items:center; padding:clamp(.25rem,2vw,1rem) 0; }
.s2-speed-orbit { position:absolute; z-index:-1; border-radius:50%; filter:blur(1px); pointer-events:none; }
.s2-speed-orbit-cyan { width:330px; height:330px; top:-120px; right:-190px; background:radial-gradient(circle,rgba(0,159,227,.18),rgba(0,159,227,0) 70%); }
.s2-speed-orbit-orange { width:290px; height:290px; bottom:-100px; left:-165px; background:radial-gradient(circle,rgba(241,132,26,.18),rgba(241,132,26,0) 70%); }
.s2-speed-card { width:min(100%,620px); padding:clamp(1.35rem,4vw,2.5rem); border:1px solid rgba(19,43,58,.09); border-radius:clamp(20px,4vw,30px); background:rgba(255,255,255,.95); box-shadow:0 28px 80px rgba(16,37,63,.14); backdrop-filter:blur(18px); }
.s2-speed-kicker { display:flex; align-items:center; justify-content:center; gap:.55rem; margin:0 0 .75rem; color:var(--2s-cyan); font-size:.72rem; line-height:1.2; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.s2-speed-kicker::before,.s2-speed-kicker::after { content:''; width:1.5rem; height:2px; background:currentColor; opacity:.7; }
.s2-speed-mark { display:flex; justify-content:center; align-items:baseline; margin-bottom:.8rem; color:#10253f; font-size:clamp(1.65rem,5vw,2.25rem); font-weight:900; letter-spacing:-.055em; line-height:1; }
.s2-speed-angle { color:#10253f; font-weight:700; }
.s2-speed-two { color:#009fe3; }
.s2-speed-s { color:#f1841a; }
.s2-speed-name { margin-left:.4rem; color:#10253f; font-size:.76em; font-weight:780; letter-spacing:-.035em; }
.s2-speed-lead { max-width:48ch; margin:0 auto 1.5rem; color:var(--2s-muted); text-align:center; font-size:clamp(.98rem,2.4vw,1.08rem); }
.s2-speed-actions { display:grid; gap:.72rem; }
.s2-speed-action { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:.8rem; min-height:68px; padding:.72rem .9rem; border:1px solid transparent; border-radius:16px; color:var(--2s-primary); text-decoration:none; box-shadow:0 8px 22px rgba(16,37,63,.07); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.s2-speed-action:hover { transform:translateY(-1px); text-decoration:none; box-shadow:0 13px 30px rgba(16,37,63,.13); }
.s2-speed-action:active { transform:translateY(0); }
.s2-speed-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.62); }
.s2-speed-icon svg { width:23px; height:23px; fill:currentColor; }
.s2-speed-action-copy { min-width:0; }
.s2-speed-action-copy strong,.s2-speed-action-copy small { display:block; overflow-wrap:anywhere; }
.s2-speed-action-copy strong { color:inherit; font-size:.98rem; line-height:1.2; }
.s2-speed-action-copy small { margin-top:.18rem; color:inherit; opacity:.7; font-size:.76rem; line-height:1.25; font-weight:650; }
.s2-speed-arrow { font-size:1.15rem; font-weight:900; opacity:.66; }
.s2-speed-action-mail { background:#fff; border-color:var(--2s-line); }
.s2-speed-action-sb { background:linear-gradient(135deg,#f1841a,#f49a42); color:#2f1803; }
.s2-speed-action-st { background:linear-gradient(135deg,#009fe3,#32b4ec); color:#042739; }
.s2-speed-action-catalogue { background:linear-gradient(135deg,#e8f7fd,#f5fbfe); border-color:#b9e8fa; color:#075676; }
.s2-speed-action-catalogue .s2-speed-icon { background:rgba(0,159,227,.10); }
.s2-speed-action-site { background:linear-gradient(135deg,#102b3a,#173e52); color:#fff; }
.s2-speed-action-site .s2-speed-icon { background:rgba(255,255,255,.1); }
.s2-speed-redirect { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.45rem .65rem; margin-top:1.15rem; padding-top:1rem; border-top:1px solid var(--2s-line); color:var(--2s-muted); text-align:center; font-size:.78rem; }
.s2-speed-pulse { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--2s-cyan); box-shadow:0 0 0 0 rgba(0,159,227,.35); animation:s2SpeedPulse 1.7s infinite; }
.s2-speed-stay { padding:.25rem .55rem; border:0; border-radius:999px; background:var(--2s-surface); color:var(--2s-primary); font-size:.75rem; font-weight:800; cursor:pointer; }
.s2-speed-stay:hover { background:var(--2s-cyan-soft); }
.s2-speed-footnote { margin:.9rem 0 0; color:#526873; text-align:center; font-size:.65rem; font-weight:900; letter-spacing:.13em; }
.s2-speed-noscript { margin:.75rem 0 0; color:var(--2s-muted); text-align:center; font-size:.78rem; }
@keyframes s2SpeedPulse { 70% { box-shadow:0 0 0 8px rgba(0,159,227,0); } 100% { box-shadow:0 0 0 0 rgba(0,159,227,0); } }
.route-speeddating .site-footer { padding-top:2rem; }
.route-speeddating .footer-grid { display:none; }
.route-speeddating .footer-bottom { min-height:58px; margin-top:0; justify-content:center; border-top:0; }
.route-speeddating .footer-bottom > div { display:none; }
@media (max-width:520px) {
  .route-speeddating .header-inner { min-height:66px; }
  .route-speeddating .s2-logo-lockup { max-width:230px; }
  .s2-speed-card { padding:1.2rem .9rem 1rem; border-radius:20px; }
  .s2-speed-action { grid-template-columns:38px minmax(0,1fr) auto; min-height:64px; padding:.62rem .72rem; border-radius:14px; }
  .s2-speed-icon { width:38px; height:38px; border-radius:10px; }
  .s2-speed-icon svg { width:21px; height:21px; }
  .s2-speed-action-copy strong { font-size:.93rem; }
  .s2-speed-action-copy small { font-size:.72rem; }
}
@media (prefers-reduced-motion:reduce) { .s2-speed-pulse { animation:none; } }

/* 1.9.6.35 — DPCalendar data bridge */
.s2-dp-nextline {
  margin:.7rem 0 .95rem;
  padding:.55rem .7rem;
  border-radius:10px;
  border:1px solid color-mix(in srgb,var(--course-color,var(--2s-course-cyber)) 22%,transparent);
  background:color-mix(in srgb,var(--course-color,var(--2s-course-cyber)) 7%,#fff);
  color:var(--2s-muted);
  font-size:.86rem;
  line-height:1.35;
}
.s2-dp-nextline strong { color:var(--course-color,var(--2s-course-cyber)); }
.s2-home-spotlight .s2-dp-nextline {
  display:inline-flex;
  flex-wrap:wrap;
  gap:.25rem;
  background:color-mix(in srgb,var(--course-color,var(--2s-cyan)) 10%,transparent);
  border-color:color-mix(in srgb,var(--course-color,var(--2s-cyan)) 30%,transparent);
}

/* 1.9.6.35 — card rhythm */
.s2-catalogue-card .s2-dp-nextline { margin-bottom:.95rem; }

/* 1.9.6.38 — richer per-session DPCalendar facts */
.s2-training-booking .s2-session-facts {
  display:grid;
  gap:.38rem;
  margin:.55rem 0 .2rem;
}
.s2-training-booking .s2-session-facts > div {
  display:grid;
  grid-template-columns:minmax(6.5rem,.8fr) minmax(0,1.8fr);
  gap:.55rem;
  align-items:start;
  padding-top:.35rem;
  border-top:1px solid color-mix(in srgb,var(--2s-line) 75%,transparent);
}
.s2-training-booking .s2-session-facts span {
  color:var(--2s-muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.s2-training-booking .s2-session-facts b {
  color:var(--2s-primary);
  font-size:.88rem;
  font-weight:750;
}
.s2-training-booking .s2-session-facts .is-highlight b {
  color:var(--course-color,var(--2s-cyan));
}
@media (max-width:520px) {
  .s2-training-booking .s2-session-facts > div { grid-template-columns:1fr; gap:.08rem; }
}


/* 2S v1.9.6.40 — flexible in-company training slots + B2B landing copy. */
.s2-enterprise-slots-section { margin-top:clamp(2.2rem,5vw,4rem); padding:clamp(1.4rem,3vw,2.2rem); border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:linear-gradient(145deg,#fff 0%,var(--2s-surface) 100%); }
.s2-home-section.s2-enterprise-slots-section { padding:clamp(1.4rem,3vw,2.2rem); }
.s2-enterprise-slots-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.s2-enterprise-slot-card { position:relative; display:flex; flex-direction:column; min-height:100%; padding:1.35rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--enterprise-color) 24%,var(--2s-line)); border-radius:calc(var(--2s-radius) * .9); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-enterprise-slot-card::before { content:''; position:absolute; inset:0 0 auto; height:5px; background:var(--enterprise-color); }
.s2-enterprise-slot-kicker { margin-top:.15rem; color:var(--enterprise-color); font-size:.74rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.s2-enterprise-slot-date { display:flex; align-items:baseline; gap:.45rem; margin:.8rem 0 .2rem; color:var(--2s-primary); }
.s2-enterprise-slot-date strong { font-size:2.3rem; line-height:1; letter-spacing:-.04em; }
.s2-enterprise-slot-date span { color:var(--enterprise-color); font-size:1rem; font-weight:900; letter-spacing:.06em; }
.s2-enterprise-slot-date small { color:var(--2s-muted); font-weight:750; }
.s2-enterprise-slot-card h3 { margin:.6rem 0 .55rem; font-size:1.35rem; color:var(--2s-primary); }
.s2-enterprise-slot-card p { margin:.25rem 0; color:var(--2s-muted); }
.s2-enterprise-slot-note { font-size:.92rem; }
.s2-enterprise-slot-card .s2-card-actions { margin-top:auto; padding-top:1.15rem; }
.s2-enterprise-slot-card .btn-primary { background:var(--enterprise-color); border-color:var(--enterprise-color); }
.s2-enterprise-slots-footer { display:flex; justify-content:flex-end; margin-top:1rem; }

.s2-enterprise-landing { display:grid; gap:clamp(2rem,5vw,4.5rem); }
.s2-enterprise-hero { position:relative; overflow:hidden; padding:clamp(2rem,6vw,4.5rem); border-radius:var(--2s-radius); background:linear-gradient(135deg,var(--2s-primary),#1d4355); color:#fff; }
.s2-enterprise-hero::after { content:'<2S/>'; position:absolute; right:-.02em; bottom:-.18em; color:rgba(255,255,255,.055); font-size:clamp(5rem,18vw,13rem); font-weight:900; letter-spacing:-.08em; pointer-events:none; }
.s2-enterprise-hero > * { position:relative; z-index:1; }
.s2-enterprise-hero .eyebrow { color:#a6e5fb; }
.s2-enterprise-hero h1 { max-width:16ch; margin:.4rem 0 1rem; color:#fff; }
.s2-enterprise-hero .lead { max-width:70ch; color:rgba(255,255,255,.86); }
.s2-enterprise-selected-slot { display:grid; grid-template-columns:1fr minmax(260px,.7fr) auto; gap:1.2rem; align-items:center; padding:1.35rem 1.5rem; border:1px solid var(--2s-line); border-left:5px solid var(--enterprise-color,#6f5aa8); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-enterprise-selected-slot h2 { margin:.15rem 0 0; }
.s2-enterprise-selected-slot p { margin:0; color:var(--2s-muted); }
.s2-enterprise-selected-slot.is-unavailable { border-left-color:var(--2s-orange); }
.s2-enterprise-options-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.s2-enterprise-options-grid article { padding:1.5rem; border:1px solid var(--2s-line); border-radius:var(--2s-radius); background:#fff; box-shadow:var(--2s-shadow-sm); }
.s2-enterprise-options-grid article > span { display:inline-grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:50%; background:var(--2s-surface); color:var(--2s-cyan); font-weight:900; }
.s2-enterprise-options-grid h3 { margin:.9rem 0 .5rem; color:var(--2s-primary); }
.s2-enterprise-options-grid p { color:var(--2s-muted); }
.s2-enterprise-process ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; padding:0; list-style:none; counter-reset:s2enterprise; }
.s2-enterprise-process li { counter-increment:s2enterprise; display:grid; gap:.35rem; padding:1.2rem 1.3rem; border-top:3px solid var(--2s-cyan); background:var(--2s-surface); border-radius:0 0 calc(var(--2s-radius) * .75) calc(var(--2s-radius) * .75); }
.s2-enterprise-process li::before { content:'0' counter(s2enterprise); color:var(--2s-orange); font-weight:900; letter-spacing:.08em; }
.s2-enterprise-process li span { color:var(--2s-muted); }
.s2-enterprise-final-cta { display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:center; padding:clamp(1.5rem,4vw,2.5rem); border-radius:var(--2s-radius); background:var(--2s-surface); }
.s2-enterprise-final-cta h2 { margin:.2rem 0 .45rem; }
.s2-enterprise-final-cta p { margin:0; color:var(--2s-muted); }
@media (max-width:900px) { .s2-enterprise-slots-grid,.s2-enterprise-options-grid,.s2-enterprise-process ol { grid-template-columns:1fr; } .s2-enterprise-selected-slot,.s2-enterprise-final-cta { grid-template-columns:1fr; } .s2-enterprise-slots-footer { justify-content:stretch; } .s2-enterprise-slots-footer .btn,.s2-enterprise-final-cta .btn { width:100%; text-align:center; } }


/* 2S v1.9.6.41 — one compact in-company training card inside the homepage catalogue. */
.s2-enterprise-home-card {
  background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--enterprise-color) 7%,#fff) 100%);
  border-color:color-mix(in srgb,var(--enterprise-color) 30%,var(--2s-line));
}
.s2-enterprise-home-card::before { width:7px; background:var(--enterprise-color); }
.s2-enterprise-home-card .s2-card-kicker { color:var(--enterprise-color); background:color-mix(in srgb,var(--enterprise-color) 10%,#fff); }
.s2-enterprise-home-card h3 a:hover,
.s2-enterprise-home-card h3 a:focus-visible { color:var(--enterprise-color); }
.s2-enterprise-home-card .badge-extra { border-color:color-mix(in srgb,var(--enterprise-color) 25%,var(--2s-line)); color:var(--enterprise-color); background:#fff; }
.s2-enterprise-home-dates { margin:.85rem 0 .5rem !important; }
.s2-enterprise-date-badge { border-color:color-mix(in srgb,var(--enterprise-color) 24%,var(--2s-line)); background:color-mix(in srgb,var(--enterprise-color) 8%,#fff); color:var(--2s-primary); }
.s2-enterprise-home-note { margin:.3rem 0 1rem; color:var(--2s-muted); font-size:.94rem; }
.s2-enterprise-home-note strong { color:var(--2s-primary); }
.s2-enterprise-home-card .btn-primary { background:var(--enterprise-color); border-color:var(--enterprise-color); }


/* 2S v1.9.6.42 — enterprise dates: homepage overflow badge + full landing agenda. */
.s2-enterprise-more-badge {
  border-color:color-mix(in srgb,var(--enterprise-color) 42%,var(--2s-line));
  background:var(--enterprise-color);
  color:#fff;
  font-weight:850;
}
.s2-enterprise-landing-dates { display:grid; gap:1.1rem; }
.s2-enterprise-landing-slot .s2-enterprise-slot-kicker { color:var(--enterprise-color); }
.s2-enterprise-landing-dates-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1rem 1.15rem;
  border:1px solid var(--2s-line);
  border-radius:calc(var(--2s-radius) * .8);
  background:var(--2s-surface);
}
.s2-enterprise-landing-dates-footer p { margin:0; color:var(--2s-muted); }
.s2-enterprise-landing-dates-footer strong { color:var(--2s-primary); }
@media (max-width:700px) {
  .s2-enterprise-landing-dates-footer { align-items:stretch; flex-direction:column; }
  .s2-enterprise-landing-dates-footer .btn { width:100%; text-align:center; }
}