/* SERVICIOS */

/* TARJETAS SERVICIOS ULTRA PRO */

.servicio-card{

border-radius:18px;
overflow:hidden;
background:white;

box-shadow:0 20px 50px rgba(0,0,0,0.6);

transition:all 0.45s ease;

position:relative;

}

/* BORDE TECNOLOGICO */

.servicio-card::after{

content:"";
position:absolute;

top:-2px;
left:-2px;
right:-2px;
bottom:-2px;

background:linear-gradient(
45deg,
#00c3ff,
#0d6efd,
#00c3ff
);

z-index:-1;

opacity:0;
transition:0.4s;

border-radius:20px;

}

/* HOVER */

.servicio-card:hover{

transform:translateY(-12px) scale(1.02);

box-shadow:0 30px 60px rgba(0,0,0,0.6);

}

/* ACTIVAR BORDE */

.servicio-card:hover::after{

opacity:1;

}

/* IMAGEN */

.servicio-img{

height:220px;
object-fit:cover;
transition:transform 0.6s ease;

}

/* ZOOM */

.servicio-card:hover .servicio-img{

transform:scale(1.1);

}

.servicio-icono{

font-size:40px;
color:#0d6efd;
margin-bottom:15px;

transition:0.4s;

}

.servicio-card:hover .servicio-icono{

transform:scale(1.2);
color:#0099ff;

}

.servicios-section{

background:
radial-gradient(circle at 20% 30%, rgba(0,120,255,0.2), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,120,255,0.2), transparent 40%);

padding:80px 0;

}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/




/* SLIDER */
#slider{
max-width:1200px;
margin:auto;
position:relative;
overflow:hidden;
border-radius:12px;
}

/* IMAGEN */
.slider-img{
width:100%;
height:420px;
object-fit:cover;
transition:transform 6s ease;
}

/* ZOOM SUAVE */
.carousel-item.active .slider-img{
transform:scale(1.08);
}

/* CAJA TEXTO (GLASS PREMIUM) */
.slider-box{
background:rgba(255,255,255,0.08);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);

padding:25px;
border-radius:16px;

border:1px solid rgba(255,255,255,0.15);

max-width:520px;
margin:auto;

box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

/* TITULO */
.slider-box h2{
font-size:36px;
font-weight:700;
color:#fff;
text-shadow:0 4px 20px rgba(0,0,0,0.7);
}

/* TEXTO */
.slider-box p{
font-size:18px;
color:#eaeaea;
}

/* BOTON */
.slider-box .btn{
border-radius:30px;
padding:12px 28px;
font-weight:600;

background:linear-gradient(135deg,#0d6efd,#00c6ff);
border:none;

box-shadow:0 10px 30px rgba(0,0,0,0.5);
transition:all 0.3s;
}

.slider-box .btn:hover{
transform:translateY(-3px);
box-shadow:0 15px 40px rgba(0,0,0,0.7);
}

/* TEXTO ANIMADO */
.carousel-caption h2,
.carousel-caption p,
.carousel-caption .btn{
opacity:0;
transform:translateY(40px);
animation:fadeUp 1s ease forwards;
}

.carousel-caption p{ animation-delay:0.3s; }
.carousel-caption .btn{ animation-delay:0.6s; }

@keyframes fadeUp{
to{
opacity:1;
transform:translateY(0);
}
}

/* LUZ TECNOLOGICA */
.tech-light{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
pointer-events:none;

background:radial-gradient(
circle at 50% 50%,
rgba(0,150,255,0.25),
transparent 40%
);

mix-blend-mode:screen;
}

/* CAPTION ENCIMA */
.carousel-caption{
z-index:2;
}

/* PROGRESS BAR */
.slider-progress{
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
background:rgba(255,255,255,0.2);
}

.slider-progress-bar{
width:0%;
height:100%;
background:#0d6efd;
animation:progresoSlider 5s linear infinite;
}

@keyframes progresoSlider{
0%{width:0%;}
100%{width:100%;}
}

/* RESPONSIVE */
@media (max-width:768px){

.slider-img{
height:220px;
}

.slider-box{
max-width:260px;
padding:12px;
border-radius:10px;
}

.slider-box h2{
font-size:16px;
}

.slider-box p{
font-size:12px;
}

.slider-box .btn{
font-size:11px;
padding:6px 12px;
}

}