.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:#e87655;

color:#fff;

border:none;

padding:16px 34px;

border-radius:40px;

font-weight:700;

letter-spacing:.5px;

text-transform:uppercase;
}

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

.net360-btn-secondary{
background:#fff;
color:#222;
border:1px solid #ddd;
}

.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:0 0 20px;

font-size:26px;

line-height:1.3;

color:#222;

text-shadow:none;

max-width:none;
}

/* =========================
   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:#E56A54;
}


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

.net360-caption{
position:absolute;
left:50%;
bottom:30px;

transform:translateX(-50%);

width:min(92%,1200px);

display:grid;
grid-template-columns:40% 60%;

background:#fff;

padding:0;

border-radius:4px;

overflow:hidden;

z-index:20;

color:#222;

box-shadow:
0 15px 40px rgba(0,0,0,.18);
}
/* overlay elegante */

.net360-caption::before{
display:none;
}

/* contenido */

.net360-caption h2{
margin:0;

font-size:54px;
font-weight:300;

line-height:1.1;

color:#222;

text-shadow:none;

max-width:none;
}

/* =========================================
   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;
}

.net360-left{
padding:40px;

display:flex;
align-items:center;

border-right:1px solid #ddd;
}

.net360-right{
padding:30px 40px;

display:flex;
flex-direction:column;
justify-content:center;
}
@media(max-width:768px){

.net360-caption{
grid-template-columns:1fr;
bottom:15px;
width:94%;
}

.net360-left{
border-right:none;
border-bottom:1px solid #eee;
padding:20px;
}

.net360-right{
padding:20px;
}

.net360-caption h2{
font-size:32px;
}

.net360-caption p{
font-size:16px;
}

}