/* ==========================================================================
   V54 — Articles EN/ES générés + navigation FR/EN/ES
   ========================================================================== */

.s2ta-page .s2g-hero,
.s2ta-page .s2ta-hero{
  background:transparent!important;
  background-image:none!important;
  min-height:auto!important;
  padding:28px 0 8px!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}

.s2ta-page .s2g-hero-main,
.s2ta-page .s2ta-hero-main{
  width:max-content!important;
  max-width:min(940px,calc(100% - 28px))!important;
  margin:0 auto 0 max(14px,calc((100vw - 1180px)/2))!important;
  padding:clamp(13px,1.45vw,20px) clamp(16px,2vw,28px)!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,rgba(0,10,18,.78),rgba(0,12,22,.62) 62%,rgba(0,12,22,.30))!important;
  border:1px solid rgba(91,235,255,.14)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.26)!important;
}

.s2ta-page .s2ta-breadcrumb a{color:rgba(154,242,255,.96);text-decoration:none}
.s2ta-page .s2ta-type,.s2ta-page .s2g-type{display:inline-flex;align-items:center;gap:8px;margin-top:8px}
.s2ta-page h1{margin:10px 0 12px!important;max-width:920px!important;font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important;letter-spacing:-.025em!important;text-wrap:balance!important}
.s2ta-page .s2ta-intro{max-width:860px!important;margin:0!important;line-height:1.62!important;color:rgba(236,249,252,.92)}
.s2ta-page .s2g-meta,.s2ta-page .s2ta-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:rgba(221,242,247,.78)}

.s2ta-lang-switch,
.s2intl-fr-switch,
.s2intl-lang-switch,
.s2-guide-flag-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}

.s2ta-lang-switch a,
.s2intl-fr-switch a,
.s2intl-lang-switch a,
.s2-guide-flag-switch a{
  width:54px!important;
  height:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  border:1px solid rgba(91,235,255,.34)!important;
  background:rgba(0,23,35,.72)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-decoration:none!important;
  overflow:hidden!important;
  position:relative!important;
}

.s2ta-lang-switch a > *,
.s2intl-fr-switch a > *,
.s2intl-lang-switch a > *,
.s2-guide-flag-switch a > *{display:none!important;visibility:hidden!important;opacity:0!important}

.s2ta-lang-switch a::before,
.s2intl-fr-switch a::before,
.s2intl-lang-switch a::before,
.s2-guide-flag-switch a::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:35px!important;
  height:24px!important;
  display:block!important;
  border-radius:5px!important;
  background:url('/assets/img/lang/fr.svg') center center / cover no-repeat!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.28) inset,0 5px 10px rgba(0,0,0,.28)!important;
  visibility:visible!important;
  opacity:1!important;
}

.s2ta-lang-switch a[data-lang="en"]::before,
.s2ta-lang-switch a[href*="/en/"]::before,
.s2intl-fr-switch a[href*="/en/"]::before,
.s2intl-lang-switch a[href*="/en/"]::before,
.s2-guide-flag-switch a[href*="/en/"]::before{background-image:url('/assets/img/lang/gb.svg')!important}

.s2ta-lang-switch a[data-lang="es"]::before,
.s2ta-lang-switch a[href*="/es/"]::before,
.s2intl-fr-switch a[href*="/es/"]::before,
.s2intl-lang-switch a[href*="/es/"]::before,
.s2-guide-flag-switch a[href*="/es/"]::before{background-image:url('/assets/img/lang/es.svg')!important}

.s2ta-lang-switch a.is-active,
.s2intl-fr-switch a.is-active,
.s2intl-lang-switch a.is-active,
.s2-guide-flag-switch a.is-active{
  border-color:rgba(37,231,255,.9)!important;
  background:rgba(29,213,238,.20)!important;
  box-shadow:0 0 0 3px rgba(37,231,255,.12),0 10px 26px rgba(0,0,0,.24)!important;
}

.s2ta-cover,
.s2g-cover,
.s2-static-guide-cover,
.s2intl-article-cover,
.article-cover{
  width:min(980px,calc(100% - 28px))!important;
  max-width:980px!important;
  margin:18px auto 26px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(91,235,255,.22)!important;
  background:rgba(0,18,30,.78)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.30)!important;
}

.s2ta-cover img,
.s2g-cover img,
.s2-static-guide-cover img,
.s2intl-article-cover img,
.article-cover img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

.s2ta-content{
  width:min(980px,calc(100% - 28px));
  margin:0 auto 34px;
  padding:clamp(18px,2vw,30px);
  border-radius:24px;
  background:rgba(0,18,30,.82);
  border:1px solid rgba(91,235,255,.18);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.s2ta-section{padding:18px 0;border-top:1px solid rgba(91,235,255,.12)}
.s2ta-section:first-child{border-top:0;padding-top:0}
.s2ta-section h2{margin:0 0 12px;font-size:clamp(24px,2.2vw,34px);line-height:1.16}
.s2ta-section p{margin:0 0 13px;line-height:1.76;color:rgba(235,249,252,.91)}
.s2ta-section ul{margin:0;padding-left:0;list-style:none;display:grid;gap:9px}
.s2ta-section li{padding:11px 13px;border-radius:15px;background:rgba(0,24,38,.86);border:1px solid rgba(91,235,255,.16);color:rgba(235,249,252,.93)}
.s2ta-index-grid{width:min(1180px,calc(100% - 28px));margin:32px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.s2ta-card{display:block;text-decoration:none;border-radius:22px;overflow:hidden;background:rgba(0,18,30,.80);border:1px solid rgba(91,235,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.24);color:inherit}
.s2ta-card-thumb{height:145px;background-size:cover;background-position:center;border-bottom:1px solid rgba(91,235,255,.16)}
.s2ta-card-body{padding:18px}
.s2ta-card-body span{display:inline-flex;margin-bottom:8px;color:rgba(122,239,255,.95);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.s2ta-card-body h3{margin:0 0 8px;font-size:20px;line-height:1.2}
.s2ta-card-body p{margin:0;color:rgba(224,243,247,.82);line-height:1.55}

@media(max-width:760px){
  .s2ta-page .s2g-hero-main,.s2ta-page .s2ta-hero-main{width:calc(100% - 28px)!important;margin:0 auto!important}
  .s2ta-lang-switch a,.s2intl-fr-switch a,.s2intl-lang-switch a,.s2-guide-flag-switch a{width:52px!important;height:40px!important}
  .s2ta-lang-switch a::before,.s2intl-fr-switch a::before,.s2intl-lang-switch a::before,.s2-guide-flag-switch a::before{width:32px!important;height:22px!important}
  .s2ta-cover,.s2g-cover,.s2-static-guide-cover,.s2intl-article-cover,.article-cover{border-radius:18px!important;margin-top:14px!important}
}