*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    
}

body{
    font-family: 'Segoe UI', sans-serif;
    background:#f4f6f9;
    color:#222;
    line-height:1.6;
    text-align:center;
}

.centrado{
    width:95%;
    max-width:1200px;
    margin:0 auto;
}

/* ===== HEADER ===== */
header img{
    width:100%;
    height:auto;
    display:block;align-content: center;
}

/* ===== HERO ===== */
#plan{
    background:linear-gradient(135deg,#1e90ff,#004aad);
    color:#fff;
    padding:60px 20px;
}

#plan h1{
    font-size:2rem;
    margin:20px 0;
}

#plan p{
    font-size:1rem;
}

.boton{
    display:inline-block;
    margin-top:25px;
    padding:14px 28px;
    background:#ff4632;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    border-radius:40px;
    transition:0.3s;
}

.boton:hover{
    background:#e63b29;
    transform:translateY(-3px);
}

/* ===== VENTAJAS ===== */

#ventajas{
    padding:60px 0;
    background:#fff;
}

#ventajas .centrado{
    display:flex;
    flex-wrap:wrap;
}

#ventajas article{
    width:25%;
    padding:30px 15px;
}

#ventajas img{
    width:150px;
    max-width:100%;
    height:auto;
    margin-bottom:15px;
}

#ventajas h2{
    font-size:1.1rem;
    margin-bottom:10px;
}

/* ===== DIAGNOSTICO ===== */

#diagnostico{
    background:#eef2f7;
    padding:60px 20px;
}

#diagnostico h3{
    margin-bottom:20px;
}

#diagnostico ul{
    list-style:none;
    margin:20px 0;
}

#diagnostico li{
    margin:8px 0;
}

/* ===== FOOTER ===== */

footer{
    background:#111;
    color:#ccc;
    padding:30px 20px;
}

#visitas{
    margin-top:15px;
    font-weight:bold;
}

/* ===== WHATSAPP FLOTANTE ===== */

.whatsapp-float{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#25D366;
    color:#fff;
    font-size:24px;
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
    transition:0.3s;
}

.whatsapp-float:hover{
    transform:scale(1.1);
}

/* ===== RESPONSIVE ===== */

@media (max-width:992px){
    #ventajas article{
        width:50%;
    }
}

@media (max-width:600px){
    #ventajas article{
        width:100%;
    }

    #plan h1{
        font-size:1.5rem;
    }