/* GENERATED by docs/extract-secciones-compartidas.cjs — do not edit by hand.
   Shared solution-page components (Diferenciadores, Ecosistema Globalvoip, Hablemos), rules copied verbatim from the standard variant (Infraestructura / Comunicación). */

/* from compact-sections.css */
.security-specialized .security-certifications span{background:linear-gradient(135deg,rgba(91,147,197,.16),rgba(107,138,180,.07));
 border-color:rgba(172,203,236,.23);
 -webkit-backdrop-filter:blur(14px) saturate(120%);
 backdrop-filter:blur(14px) saturate(120%);
 box-shadow:inset 0 1px 0 rgba(219,239,255,.07);
 color:#e1eaf7;}

/* from solutions-page.css */
.td-page :where(.security-difference,.security-related,.security-close) a{text-decoration:none}
.td-page :where(.security-difference,.security-related,.security-close) a:focus-visible{outline:2px solid #00b0d1;outline-offset:6px}
.td-page :where(.security-difference,.security-related,.security-close).section{padding-block:100px}
.td-page :where(.security-difference,.security-related,.security-close) .lead{color:#a5afc4;font-size:1rem;line-height:1.9;max-width:710px;margin-top:26px}
.td-page :where(.security-difference,.security-related,.security-close) .eyebrow{color:#00b0d1}
@media(max-width:700px){
 .td-page :where(.security-difference,.security-related,.security-close).section{padding-block:65px}
 .td-page :where(.security-difference,.security-related,.security-close) .lead{font-size:.9rem}
}
.td-page :where(.security-difference,.security-related,.security-close) .eyebrow{color:#fff;background:none;-webkit-text-fill-color:#fff}

/* from security-page.css */
.security-heading{margin-bottom:45px}
.security-heading h2{max-width:890px}
.security-challenges .security-heading{position:sticky;top:calc(var(--header-height,80px) + 50px)}
.security-difference{background:radial-gradient(ellipse at 30% 40%,#004c7620,transparent 70%)}
.security-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #ffffff18;padding:20px 0 45px}
.security-proof .eyebrow{font-size:.6rem}
.security-proof strong{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;letter-spacing:-.06em;line-height:1.2}
.security-proof strong span{color:#00b0d1}
.security-proof div>p:last-child{font-size:.8rem;color:#97a9be;max-width:240px;margin-top:12px}
.security-certifications{display:flex;gap:12px;margin-top:28px}
.security-certifications span{font-size:.75rem;border:1px solid #29465c;border-radius:30px;padding:7px 15px}
.security-related>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.security-related a{display:flex;flex-direction:column;gap:20px;color:#d5e1f1;border-top:1px solid #2c4157;padding:25px 0}
.security-related a small{color:#00b0d1;font-size:.75rem}
.security-related a:hover{color:#00b0d1}
.security-close{position:relative;text-align:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#005b8c2c,transparent 70%)}
.security-close .lead{margin:25px auto 32px;max-width:670px}
@media(max-width:700px){
 .security-challenges .security-heading{position:static}
 .security-proof{gap:25px;grid-template-columns:1fr}
 .security-proof>div{border-bottom:1px solid #ffffff10;padding-bottom:20px}
 .security-proof .eyebrow{margin-bottom:10px}
 .security-related>div:last-child{grid-template-columns:1fr;gap:10px}
 .security-related a{flex-direction:row;justify-content:space-between;font-size:.85rem}
 .security-close h2{font-size:2rem}
}

/* from interior-hero-motion.css */
.security-close{background:#00010e}
.security-close-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2;opacity:.82;pointer-events:none;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.security-close:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00010e55,#00010e22,#00010e55)}

/* from security-flow.css */
.security-challenges .security-heading{position:static}

/* from security-details.css */
.security-difference{position:relative;isolation:isolate;overflow:hidden;background:transparent}
.security-difference:before{content:none}
.security-difference-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-1;pointer-events:none;opacity:.24;mask-image:linear-gradient(transparent 0%,#000 28%,#000 65%,transparent 100%)}
.security-difference .security-proof{gap:0;padding:0;border:1px solid #ffffff20;border-radius:16px;background:#05091c80;backdrop-filter:blur(12px);overflow:hidden}
.security-difference .security-proof>div{padding:22px 24px;text-align:center;border:0}
.security-difference .security-proof>div+div{border-left:1px solid #ffffff12}
.security-difference .security-proof strong{font-size:clamp(2.2rem,3.2vw,3rem);line-height:1.1}
.security-difference .security-proof div>p:last-child{margin:9px auto 0;color:#c2cddd}
.security-specialized{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:46px;padding:0 0 46px;border-bottom:1px solid #ffffff15}
.security-specialized h3{font-size:1.55rem;line-height:1.4}
.security-specialized p:not(.eyebrow){font-size:.9rem;color:#d7e0ed;line-height:1.9}
.security-alliances{margin-top:36px;text-align:center;min-width:0}
.security-alliances h3{font-size:1.1rem;letter-spacing:-.02em;color:#d6dfed}
.security-alliances .security-marquee{margin-top:28px}
@media(max-width:700px){
 .security-difference .security-proof>div+div{border-left:0;border-top:1px solid #ffffff12}
 .security-difference .security-proof>div{padding:20px}
 .security-specialized{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-bottom:35px}
 .security-alliances h3{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 .security-difference-video{display:none}
}

/* from infraestructura-continuidad.css */
.security-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);margin-top:35px}
.security-brand-track{display:flex;width:max-content;animation:security-marquee 45s linear infinite}
.security-brand-set{display:flex;align-items:center;gap:65px;padding-right:65px;flex-shrink:0}
.security-brand-set span{font-size:1.4rem;color:#bdc7d8;white-space:nowrap}
.security-marquee:hover .security-brand-track{animation-play-state:paused}
.td-page :where(.security-difference,.security-related,.security-close) .eyebrow{color:#fff}
@media(prefers-reduced-motion:reduce){
 .security-brand-track{animation:none}
 .security-marquee{overflow:auto}
 .security-brand-track>.security-brand-set[aria-hidden]{display:none}
}

/* from interior-alianzas.css */
.security-brand-set img{display:block;width:155px;height:58px;object-fit:contain;flex:0 0 155px;filter:brightness(0) invert(1);opacity:.8;transition:opacity .3s}
.security-brand-set img:hover{opacity:1}
.security-brand-set{gap:60px;padding-right:60px}
.security-brand-track{animation-duration:65s}
@media(max-width:700px){
 .security-brand-set img{width:125px;height:45px;flex-basis:125px}
 .security-brand-set{gap:40px;padding-right:40px}
}

/* from site-consistency.css */
.security-related a[href*="infraestructura-tecnologica"]{--related:#FF8327}
.security-related a[href*="comunicacion-colaboracion"]{--related:#CD0298}
.security-related a[href*="seguridad-fisica"]{--related:#00B0D1}
.security-related a[href*="continuidad-operativa"]{--related:#0095E5}
.security-related a[href*="transformacion-digital"]{--related:#873CEC}
.security-related a small,.security-related a:hover,.security-related a:focus-visible{color:var(--related)}
.security-related a:hover small{text-shadow:0 0 18px color-mix(in srgb,var(--related) 30%,transparent)}

/* keyframes used above */
@keyframes security-marquee{to{transform:translateX(-50%)}}

/* reveal parity with .solutions-page.motion-ready [data-reveal] */
.td-reveal-ready :is(.security-difference,.security-related,.security-close) [data-reveal]{opacity:0;translate:0 20px;transition:opacity .75s,translate .75s}
.td-reveal-ready :is(.security-difference,.security-related,.security-close) [data-reveal].is-revealed{opacity:1;translate:0 0}

/* Transformación Digital adaptation: four related solutions on desktop */
@media(min-width:701px){.td-page .security-related.td-related-4>div:last-child{grid-template-columns:repeat(4,1fr)}}

/* Contraste AA del texto «Explorar» (enlace de navegación): mismo tono, ligeramente más claro. */
.security-related a[href*="comunicacion-colaboracion"] small{color:#E402A9}
.security-related a[href*="transformacion-digital"] small{color:#9451EE}