/* =========================
   FONDO TECNOLOGICO
========================= */

#n2-ss-10 .n2-ss-slide-background{
position:relative;
overflow:hidden;
}

#n2-ss-10 .n2-ss-slide-background-color{
background:linear-gradient(
135deg,
var(--ztr-blue-dark) 0%,
var(--ztr-blue) 60%,
#6fb3e8 100%);
opacity:.95;
}

/* Glow */
#n2-ss-10 .n2-ss-slide-background-color::after{
content:"";
position:absolute;
width:700px;
height:700px;
right:15%;
top:50%;
transform:translateY(-50%);
background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);
pointer-events:none;
}

/* Grid */
#n2-ss-10 .n2-ss-slide-background-color::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:60px 60px;
pointer-events:none;
}

/* =========================
   ANIMACIONES SMARTSLIDER
========================= */

.n2-ss-slide-active #n2-ss-10item1{
animation:
ztrFadeUp .9s cubic-bezier(.22,.61,.36,1) .1s forwards,
ztrFloat 6s ease-in-out 1s infinite;
}

.n2-ss-slide-active #n2-ss-10item3{
animation:ztrFadeUp .9s cubic-bezier(.22,.61,.36,1) .35s forwards;
}

.n2-ss-slide-active #n2-ss-10item4{
animation:ztrFadeUp .9s cubic-bezier(.22,.61,.36,1) .55s forwards;
}

.n2-ss-slide-active .n2-ss-button-container a{
animation:ztrFadeUp .9s cubic-bezier(.22,.61,.36,1) .75s forwards;
}

@keyframes ztrFloat{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}

/* =========================
   IMAGEN EFECTO VIDRIO
========================= */

#n2-ss-10item1,
#n2-ss-10item2{

position:relative;
border-radius:10px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(6px);

box-shadow:
0 20px 40px rgba(0,0,0,.35),
inset 0 0 0 1px rgba(255,255,255,.15);

transition:all .45s ease;
}

/* reflejo vidrio */

#n2-ss-10item1::after,
#n2-ss-10item2::after{

content:"";
position:absolute;

top:0;
left:-120%;

width:120%;
height:100%;

background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.45),
transparent
);

transition:all .6s ease;
}

#n2-ss-10item1:hover::after,
#n2-ss-10item2:hover::after{
left:120%;
}

/* =========================
   TITULO
========================= */

#n2-ss-10item3{

letter-spacing:-0.4px;

text-shadow:
0 4px 12px rgba(0,0,0,.25),
0 0 10px rgba(255,255,255,.08);
}

/* =========================
   DESCRIPCION
========================= */

#n2-ss-10item4{
transition:all .3s ease;
}

#n2-ss-10item4:hover{
transform:translateX(4px);
text-shadow:0 4px 12px rgba(0,0,0,.25);
}

/* =========================
   BOTON
========================= */

#n2-ss-10 .n2-ss-button-container a{
position:relative;
overflow:hidden;
}

#n2-ss-10 .n2-ss-button-container a::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.6),
transparent);
transition:all .6s;
}

#n2-ss-10 .n2-ss-button-container a:hover::after{
left:100%;
}

/* Asigna argen inferior al snatsldier */
ss3-force-full-width {
   
   
    margin-bottom:60px;
}