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;
}

.hero-telefono{
font-size:16px;
opacity:0.9;
}

@media(max-width:768px){
.hero{
padding:25px 0 15px;
}

.hero img[width="250"]{
width:150px !important;
}

.hero h1{
font-size:22px;
margin-top:6px !important;
margin-bottom:4px !important;
}

.hero .premium{
font-size:38px;
}

.hero .lead{
font-size:14px;
margin-bottom:6px;
}

.hero-telefono{
display:none;
}

.btn-whatsapp-hero{
display:none !important;
}

.hero .col-lg-6.mt-5{
margin-top:10px !important;
}

.form-box{
padding:18px 15px;
margin-top:50px;
}

.form-box h5{
font-size:16px;
}

.form-box p{
font-size:13px !important;
margin-bottom:8px !important;
}

.form-box .row.g-2{
--bs-gutter-y:0.35rem;
}

.form-box .form-control,
.form-box .form-select{
padding:8px 10px;
font-size:14px;
}

.form-box .mt-3{
margin-top:8px !important;
}

.form-box .btn-cotizar{
padding:10px;
font-size:14px;
margin-top:8px !important;
}
}

/* BOTON WHATSAPP EN HERO */
.btn-whatsapp-hero{
background:#25D366;
color:white;
font-weight:700;
font-size:18px;
padding:14px 30px;
border-radius:50px;
border:none;
display:inline-flex;
align-items:center;
gap:10px;
transition:0.3s;
box-shadow:0 4px 15px rgba(37,211,102,0.4);
}

.btn-whatsapp-hero:hover{
background:#1fb855;
color:white;
transform:scale(1.05);
box-shadow:0 6px 20px rgba(37,211,102,0.5);
}

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

/* BOTON COTIZAR EN FORM */
.btn-cotizar{
font-weight:700;
font-size:16px;
padding:12px;
letter-spacing:0.5px;
}

/* BOTON COTIZAR EN PLANES */
.btn-cotizar-plan{
font-weight:600;
border-width:2px;
}

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

/* SECCION PORQUE / PASOS */
.seccion-porque{
background:#f0faf5;
}

.paso-card{
background:white;
padding:30px 20px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

.paso-numero{
width:50px;
height:50px;
background:var(--grad);
color:white;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:700;
margin-bottom:15px;
}

.paso-card h5{
font-weight:700;
color:#333;
}

.paso-card p{
color:#666;
font-size:14px;
margin-bottom:0;
}

/* BOTON WHATSAPP GRANDE (secciones) */
.btn-whatsapp-grande{
background:#25D366;
color:white;
font-weight:700;
font-size:16px;
padding:14px 28px;
border-radius:50px;
border:none;
display:inline-flex;
align-items:center;
gap:8px;
transition:0.3s;
box-shadow:0 4px 15px rgba(37,211,102,0.3);
}

.btn-whatsapp-grande:hover{
background:#1fb855;
color:white;
transform:scale(1.03);
}

.btn-formulario-link{
font-weight:600;
padding:14px 28px;
border-radius:50px;
}

/* CTA FINAL */
.seccion-cta-final{
background:var(--grad);
color:white;
}

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

.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;
cursor:pointer;
}

.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 FLOTANTE MEJORADO */
.whatsapp-float{
position:fixed;
right:20px;
bottom:80px;
background:#25D366;
color:white;
font-size:24px;
padding:12px 20px;
border-radius:50px;
z-index:999;
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
box-shadow:0 4px 20px rgba(37,211,102,0.4);
transition:0.3s;
animation:pulseWa 2s infinite;
}

.whatsapp-float:hover{
background:#1fb855;
color:white;
transform:scale(1.05);
animation:none;
}

.whatsapp-label{
font-size:14px;
font-weight:600;
white-space:nowrap;
}

@keyframes pulseWa{
0%{ box-shadow:0 4px 20px rgba(37,211,102,0.4); }
50%{ box-shadow:0 4px 30px rgba(37,211,102,0.7); }
100%{ box-shadow:0 4px 20px rgba(37,211,102,0.4); }
}

/* En mobile, ocultar el label del whatsapp flotante para que no tape */
@media(max-width:768px){
.whatsapp-label{
display:none;
}

.whatsapp-float{
padding:12px 16px;
border-radius:50%;
bottom:65px;
font-size:28px;
}
}

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

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

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

/* RESPONSIVE AJUSTES */
@media(max-width:768px){
.subT{
font-size:30px;
}

.subW{
font-size:26px;
}

.btn-whatsapp-hero{
font-size:16px;
padding:12px 24px;
width:100%;
justify-content:center;
}

.btn-whatsapp-grande{
font-size:14px;
padding:12px 20px;
}

.btn-formulario-link{
margin-top:10px;
margin-left:0 !important;
font-size:14px;
padding:12px 20px;
display:block;
}

.seccion-cta-final .d-flex{
flex-direction:column !important;
}

.seccion-cta-final .btn{
width:100%;
justify-content:center;
}
}