/* Gen2 · SecureSuite — scoped under .sr-g2suite. Portado de la sección g2c-suite. */
.sr-g2suite { padding: clamp(3rem, 7vw, 5rem) 0; background: linear-gradient(180deg, #f7fafd, #fff); border-top: 1px solid var(--c-line); }
.sr-g2suite * { box-sizing: border-box; }
.sr-g2suite .wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 2.5rem); }

.sr-g2suite .g2suite-head { max-width: 42em; margin: 0 auto var(--sp-xl); text-align: center; }
.sr-g2suite .g2suite-kicker { display: inline-flex; align-items: center; font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--c-ink); margin: 0 0 var(--sp-sm); }
.sr-g2suite h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.12; color: var(--c-ink); letter-spacing: -.02em; margin: 0; }
.sr-g2suite h2 em { font-style: normal; color: var(--c-accent); }
.sr-g2suite .g2suite-sub { font-size: 1.12rem; line-height: 1.55; color: var(--c-ink); font-weight: 500; max-width: 62ch; margin: var(--sp-sm) auto 0; }
.sr-g2suite .g2suite-copy { font-size: .98rem; line-height: 1.6; color: var(--c-text-soft); max-width: 64ch; margin: var(--sp-sm) auto 0; }

.sr-g2suite .g2suite-tabstrip { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-bottom: var(--sp-xl); }
.sr-g2suite .g2suite-tab { -webkit-appearance: none; appearance: none; display: flex; flex-direction: column; align-items: center; gap: .04rem; padding: 1.05em 1.6em; border-radius: var(--r-btn); border: 1px solid var(--c-border); background: #fff; color: var(--c-ink-deep); cursor: pointer; box-shadow: var(--sh-soft); transition: background .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-expo); }
.sr-g2suite .g2suite-tab:hover, .sr-g2suite .g2suite-tab:focus { background: #fff; border-color: var(--c-glow); transform: translateY(-2px); }
.sr-g2suite .g2suite-tab-tm { font-family: var(--font-display); font-weight: 800; font-size: 1.18rem; color: var(--c-ink-deep); letter-spacing: -.01em; }
.sr-g2suite .g2suite-tab-sub { font-family: var(--font-display); font-weight: 800; font-size: 1.05rem; line-height: 1.25; color: var(--c-ink-deep); letter-spacing: -.01em; }
.sr-g2suite .g2suite-tab.is-active { background: linear-gradient(160deg, var(--c-ink-deep), var(--c-ink)); border-color: transparent; box-shadow: 0 12px 28px rgba(20,29,55,.22); transform: translateY(-2px); }
.sr-g2suite .g2suite-tab.is-active:hover, .sr-g2suite .g2suite-tab.is-active:focus { background: linear-gradient(160deg, var(--c-ink-deep), var(--c-ink)); border-color: transparent; }
.sr-g2suite .g2suite-tab.is-active .g2suite-tab-tm { color: #fff; }
.sr-g2suite .g2suite-tab.is-active .g2suite-tab-sub { color: #fff; }
.sr-g2suite .g2suite-tab:focus-visible { outline: 2px solid var(--c-glow); outline-offset: 2px; }

.sr-g2suite .g2suite-panel[hidden] { display: none; }
.sr-g2suite .g2suite-panel { animation: g2suite-tabfade .4s var(--ease-out); }
@keyframes g2suite-tabfade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.sr-g2suite .g2suite-grid { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; background: #fff; border: 1px solid var(--c-border); border-radius: var(--r-xl); padding: clamp(1.5rem, 3.5vw, 2.5rem); box-shadow: var(--sh-card); }
.sr-g2suite .g2suite-media { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--c-border); box-shadow: var(--sh-soft); }
.sr-g2suite .g2suite-media img { width: 100%; height: auto; display: block; }
.sr-g2suite .g2suite-body h3 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.3rem, 2.4vw, 1.75rem); line-height: 1.15; margin: 0 0 var(--sp-md); color: var(--c-ink-deep); }

.sr-g2suite .g2suite-detail { display: flex; flex-direction: column; gap: var(--sp-md); margin-top: var(--sp-md); max-width: 40em; }
.sr-g2suite .g2suite-pd-label { display: inline-flex; align-items: center; gap: .55em; font-family: var(--font-display); font-weight: 800; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-accent); margin-bottom: .3rem; }
.sr-g2suite .g2suite-pd-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--c-accent); flex: none; }
.sr-g2suite .g2suite-pd p { font-size: 1rem; line-height: 1.55; color: var(--c-text); margin: 0; }
.sr-g2suite .g2suite-pd-means { background: var(--c-glow-soft); border: 1px solid rgba(34,211,238,.22); border-radius: var(--r-lg); padding: var(--sp-md) var(--sp-lg); }
.sr-g2suite .g2suite-pd-means .g2suite-pd-label { color: #0e7490; }
.sr-g2suite .g2suite-pd-means .g2suite-pd-label::before { background: var(--c-glow); }

@media (max-width: 820px) {
	.sr-g2suite .g2suite-grid { grid-template-columns: 1fr; }
	.sr-g2suite .g2suite-media { max-width: 380px; }
}

/* Heading del SecureSuite en una sola linea (se libera del cap 42em de g2suite-head). */
.sr-g2suite .g2suite-head h2{white-space:nowrap;}
@media (max-width:640px){.sr-g2suite .g2suite-head h2{white-space:normal;}}