.net360-slider{
position:relative;
overflow:hidden;
width:100%;
height:650px;

}

.net360-track{
position:relative;
width:100%;
height:100%;
}




/* =========================
 BOTONES
========================= */

.net360-buttons{
display:flex;
justify-content:center;
align-items:center;
gap:15px;
margin-top:25px;
flex-wrap:wrap;
}

.net360-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 30px;
border-radius:6px;
text-decoration:none;
transition:.3s;
min-width:220px;
}

.net360-btn-primary{
background:#F3A103;
color:#fff;
}

.net360-btn-primary:hover{
transform:translateY(-4px);
   color:#fff;
}

.net360-btn-secondary{
background:transparent;
color:#fff;
border:2px solid #fff;
}

.net360-btn-secondary:hover{
transform:translateY(-4px);
}
/* =========================
   SLIDES
========================= */

.net360-slide{
position:absolute;
inset:0;

width:100%;
height:100%;

opacity:0;
visibility:hidden;

transition:
opacity .8s ease,
transform 6s ease;

transform:scale(1.05);

z-index:1;

/* NUEVO */

background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.net360-slide.net360-current{
opacity:3;
visibility:visible;
transform:scale(1);
z-index:2;
}


/* =========================
   CAPTION
========================= */

.net360-caption p{
margin-top:10px;
font-size:18px;
}

/* =========================
   BULLETS
========================= */

.net360-bullets{
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
gap:12px;
z-index:20;
}

.net360-bullets span{
width:6px;
height:30px;
background:#666;
border-radius:4px;
cursor:pointer;
transition:.3s;
}

.net360-bullets span.net360-active{
background:#F3A103;
}


/* =========================================
   SMART CENTER CONTENT
========================================= */

.net360-caption{
position:absolute;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

inset:0;

width:100%;
height:100%;

padding:40px;

box-sizing:border-box;

text-align:center;
color:#fff;

z-index:20;
}
/* overlay elegante */

.net360-caption::before{
content:"";
position:absolute;
inset:0;

background:
linear-gradient(
to top,
rgba(0,0,0,.85),
rgba(0,0,0,.45),
transparent
);

z-index:-1;
}

/* contenido */

.net360-caption h2{
   text-shadow:0 2px 12px rgba(0,0,0,.45);
font-size:48px;
margin:0;
max-width:900px;
font-weight:700;
letter-spacing:-1px;
line-height:1.1;
}

.net360-caption p{
   text-shadow:0 2px 12px rgba(0,0,0,.45);
max-width:600px;
line-height:1.6;
opacity:.95;
}

/* =========================================
   IMÁGENES ADAPTATIVAS
========================================= */

.net360-slide img{
width:100%;
height:100%;

object-fit:cover;
object-position:center center;

display:block;

/* mejora render */

image-rendering:auto;
backface-visibility:hidden;

}
/* horizontal */

.net360-slider.landscape{
aspect-ratio:16/9;
}

/* cuadrado */

.net360-slider.square{
aspect-ratio:1/1;
}

/* vertical */

.net360-slider.portrait{
aspect-ratio:9/16;
}

/* auto-fit */

.net360-slider.auto-height{
height:auto;
min-height:unset;
}

.net360-slider.auto-height .net360-track,
.net360-slider.auto-height .net360-slide{

}

.net360-slider.auto-height img{
height:auto;
}

@media(max-width:1024px){

/* =========================================
   SLIDER
========================================= */

.net360-slider{
min-height:520px;
max-height:820px;
}

/* =========================================
   CAPTION
========================================= */

.net360-caption{
padding:30px;
}

/* títulos */

.net360-caption h2{
font-size:38px;
line-height:1.2;
max-width:800px;
}

/* subtítulos */

.net360-caption p{
font-size:18px;
line-height:1.5;
max-width:650px;
}

/* =========================================
   BULLETS
========================================= */

.net360-bullets{
right:14px;
gap:10px;
}

.net360-bullets span{
width:5px;
height:24px;
}

/* =========================================
   IMÁGENES
========================================= */

.net360-slide img{
object-position:center center;
}

}


@media(max-width:768px){

/* =========================================
   SLIDER
========================================= */

.net360-slider{
min-height:420px;
max-height:760px;
}

/* =========================================
   TRACK
========================================= */

.net360-track{
height:100%;
}

/* =========================================
   SLIDES
========================================= */

.net360-slide{
position:absolute;
inset:0;
height:100%;
}

/* =========================================
   IMAGEN
========================================= */

.net360-slide img{
width:100%;
height:100%;

object-fit:cover;

/* CENTRADO REAL */

object-position:center center;

display:block;
}

/* =========================================
   ANIMACIÓN
========================================= */

.net360-slide{

transition:
opacity .8s ease,
transform 8s ease;

}

.net360-slide.net360-current{
animation:net360MobileZoom 8s linear forwards;
}

/* =========================================
   CAPTION
========================================= */

.net360-caption{
width:92%;
padding:25px;
}

.net360-caption h2{
font-size:32px;
line-height:1.15;
margin-bottom:12px;
max-width:95%;
}

.net360-caption p{
font-size:14px;
line-height:1.5;
max-width:95%;
}

/* =========================================
   BULLETS
========================================= */

.net360-bullets{
right:12px;
gap:8px;
}

.net360-bullets span{
width:5px;
height:22px;
}

}


@media(max-width:480px){

.net360-slider{
height:50vh !important;
min-height:320px;
max-height:520px;
}

/* TRACK */

.net360-track{
position:relative;
width:100%;
height:100%;
}

/* SLIDE */

.net360-slide{
position:absolute;
inset:0;

width:100%;
height:100%;
}

/* IMAGEN */

.net360-slide img{
position:absolute;
inset:0;

width:100% !important;
height:100% !important;

max-width:none !important;
max-height:none !important;

object-fit:contain !important;
object-position:center center !important;

display:block;

background:transparent;
}

/* CAPTION */

.net360-caption{
width:94%;
padding:18px;
}

.net360-caption h2{
font-size:24px;
line-height:1.15;
margin-bottom:10px;
}

.net360-caption p{
font-size:13px;
line-height:1.45;
max-width:100%;
}

/* BULLETS */

.net360-bullets{
right:8px;
gap:6px;
}

.net360-bullets span{
width:4px;
height:18px;
border-radius:20px;
}

}
@media(max-width:768px){

.net360-buttons{
    position:absolute;
    left:0;
    right:0;
    bottom:15px;

    display:flex;
    justify-content:center;
    gap:10px;
}

.net360-btn{
    min-width:140px;
    padding:10px 16px;
    font-size:14px;
}

}
@media(max-width:480px){

.net360-buttons{
   display: none;
}

.net360-btn{
   display: none;
}

}