body{
font-family:'Poppins',sans-serif;
background:#f7fbff;
}

section{
overflow: hidden;
}

:root{
--azul:#0054A6;
--verde:#00A859;
--grad:linear-gradient(135deg,#0054A6,#00A859);
}

/* TITULOS */
.subT{
    font-size:45px;
    font-weight:800;
    color:#00A859;
}

.subW{
    font-size:40px;
    font-weight:800;
    color:white;
}

/* HERO */
.hero{
background:
linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
url("img/photo-1576091160550-2173dba999ef.jpeg");
background-size:cover;
background-position:center;
color:white;
padding:160px 0;
}

.hero h1{
font-size:35px;
font-weight:700;
}

.hero .premium{
font-size:72px;
font-weight:700;
}

@media(max-width:768px){
.hero .premium{
font-size:55px;
}
}

/* BOTON */
.btn-avalian{
background:var(--verde);
border:none;
font-weight:600;
padding:14px 32px;
}

/* SECCIONES */
.section-padding{
padding:60px 0;
}

@media(max-width:768px){
.section-padding{
padding:30px 0;
}

.hero{
padding:40px 0;
}
}

/* SECCION UNO */
.seccionUno{
background-image:url("./img/fondoo.jpg");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

.bg-wi{
background-color:white;
}

/* CARDS */
.card-modern{
border:none;
border-radius:16px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
transition:0.3s;
min-height:240px;
}

.card-modern:hover{
transform:translateY(-12px);
}

.icon-big{
font-size:42px;
color:var(--verde);
}

/* PLANES */
.plan-card{
border-radius:16px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
position:relative;
}

.plan-header{
background:var(--grad);
color:white;
padding:20px;
border-radius:16px 16px 0 0;
}

.plan-img{
position:absolute;
top:-47px;
right:-7px;
width:210px;
object-fit:cover;
}

.plan-imgD{
position:absolute;
top:-27px;
right:7px;
width:170px;
object-fit:cover;
}

@media(max-width:500px){
.plan-img{
top:-31px;
right:0;
width:120px;
}

.plan-imgD{
top:-10px;
right:0;
width:90px;
}
}

/* TESTIMONIOS */
.testimonial-slider{
position:relative;
overflow:hidden;
}

.testimonial-track{
display:flex;
gap:20px;
width:max-content;
animation:scrollTestimonials 40s linear infinite;
will-change:transform;
}

.testimonial{
background:white;
padding:30px;
border-radius:16px;
text-align:center;
min-width:280px;
max-width:280px;
flex:0 0 auto;
}

.testimonial img{
width:70px;
height:70px;
border-radius:50%;
margin-bottom:15px;
}

/* ANIMACION TESTIMONIOS */
@keyframes scrollTestimonials{
0%{ transform:translateX(0); }
100%{ transform:translateX(-50%); }
}

/* DIFUMINADO */
.testimonial-slider::before,
.testimonial-slider::after{
content:"";
position:absolute;
top:0;
width:120px;
height:100%;
z-index:2;
pointer-events:none;
}

.testimonial-slider::before{
left:0;
background:linear-gradient(to right,#f8f9fa,transparent);
}

.testimonial-slider::after{
right:0;
background:linear-gradient(to left,#f8f9fa,transparent);
}

/* FORM */
.form-box{
background:#fff;
padding:25px;
border-radius:0px 16px 16px 16px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
position:relative;
}

.form-tabs{
display:flex;
margin-bottom:15px;
gap:10px;
position:absolute;
top:-44px;
left:0;
}

.form-tabs .tab{
flex:1;
padding:10px;
border:none;
font-weight:600;
border-radius:16px 16px 0 0;
background-color:#00A859;
color:white;
}

.form-tabs .tab.active{
background:white;
color:#00A859;
}

.alert-socio{
background:#ff4d4d;
color:white;
padding:10px;
text-align:center;
font-weight:600;
}

/* BENEFICIOS */
.seccion-beneficios{
background:#0f8a5f;
color:white;
}

.beneficio-item{
padding:20px;
}

.icon-beneficio{
font-size:50px;
border:2px solid #c6ffb3;
border-radius:50%;
padding:20px 33px;
display:inline-block;
margin-bottom:15px;
color:#c6ffb3;
transition:0.3s;
}

.beneficio-item:hover .icon-beneficio{
background:#c6ffb3;
color:#0f8a5f;
}

.beneficio-item h5{
font-weight:700;
}

.beneficio-item p{
color:#d9fdd3;
font-size:14px;
}

/* SANATORIOS (FIX MOBILE) */
.sanatorio-slider{
position:relative;
overflow:hidden;
width:100%;
}

.sanatorio-track{
display:flex;
gap:20px;
width:max-content;
animation:scrollSanatorios 40s linear infinite;
will-change:transform;
}

.sanatorio{
min-width:180px;
max-width:180px;
flex:0 0 auto;
}

.sanatorio img{
width:100%;
height:100px;
object-fit:contain;
}

/* ANIMACION SANATORIOS (SEPARADA) */
@keyframes scrollSanatorios{
0%{ transform:translateX(0); }
100%{ transform:translateX(-50%); }
}

/* COBERTURA */
.cobertura-nacional{
background:#ffffff;
}

.cobertura-lista li{
margin-bottom:10px;
font-weight:500;
}

.cobertura-lista i{
color:#00A859;
margin-right:8px;
}

.mapa-img{
max-width:400px;
filter:drop-shadow(0 10px 25px rgba(0,0,0,0.15));
}

/* CLUBES */
.club-card{
position:relative;
height:290px;
border-radius:14px;
overflow:hidden;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
display:flex;
align-items:center;
justify-content:center;
transition:0.4s;
}

.club-card img{
position:absolute;
transition:0.5s;
}

.club-card .logo{
width:90px;
z-index:2;
}

.club-card .foto{
width:100%;
height:100%;
object-fit:cover;
opacity:0;
}

.club-card:hover .foto{
opacity:1;
}

.club-card:hover .logo{
opacity:0;
transform:scale(0.7);
}

/* WHATSAPP */
.whatsapp{
position:fixed;
right:25px;
bottom:55px;
background:#25D366;
color:white;
font-size:33px;
padding:8px 16px;
border-radius:50%;
z-index:999;
}

/* CTA MOBILE */
.mobile-cta{
position:fixed;
bottom:0;
left:0;
width:100%;
background:var(--grad);
color:white;
text-align:center;
padding:12px;
display:none;
}

@media(max-width:768px){
.mobile-cta{
display:block;
z-index:3;
}
}

/* FOOTER */
.footer{
background-color:#198754;
color:white;
padding:50px 0;
}