/* ===================================== */
/* GENERAL */
/* ===================================== */


body{
    background:#f8f9fa;
    color:#212529;
}

h1,
h2,
h3,
h4,
h5{
    font-weight:700;
}

.section{
    padding:80px 0;
}

/* ===================================== */
/* HERO */
/* ===================================== */

.planes-hero{

    background:white;

    padding:100px 0;

}

.planes-hero-logo{
    width:140px !important;
    height:auto !important;
}

.precio-unico{

    font-size:3rem;

    font-weight:700;

    color:#198754;

    margin-top:20px;

}

/* ===================================== */
/* INCLUYE */
/* ===================================== */

.incluye-box{

    border:none;

    border-radius:20px;

    padding:30px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

/* ===================================== */
/* PLANES */
/* ===================================== */

.plan-card{

    border:none;

    border-radius:20px;

    box-shadow:0 5px 20px rgb(52, 146, 33);

    transition:all .3s ease;

    overflow:hidden;

}

.plan-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.plan-card .card-body{

    padding:30px;

}

.plan-card h3{

    margin-bottom:10px;

}

.plan-card ul{

    padding-left:20px;

}

.plan-card li{

    margin-bottom:12px;

}

/* ===================================== */
/* DESTACADO */
/* ===================================== */

.destacado{

    border:2px solid #198754;

}

.plan-badge{

    background:#198754;

    color:white;

    text-align:center;

    padding:12px;

    font-size:.9rem;

    font-weight:700;

    letter-spacing:1px;

}

/* ===================================== */
/* DOMINIO */
/* ===================================== */

.dominio-card{

    border:none;

    border-radius:20px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.dominio-card .card-body{

    padding:40px;

}

.dominio-card h3{

    margin-bottom:20px;

}

.dominio-card li{

    margin-bottom:10px;

}

/* ===================================== */
/* CTA */
/* ===================================== */

.cta{

    background:#198754;

    color:white;

    padding:100px 0;

}

.cta h2{

    font-size:2.5rem;

}

.cta .lead{

    opacity:.95;

}

.cta .btn{

    margin-top:20px;

    padding:12px 40px;

    font-size:1.1rem;

    font-weight:600;

    border-radius:12px;

}

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

.btn-success{

    border-radius:12px;

    padding:12px 30px;

    font-weight:600;

}

/* ===================================== */
/* MOBILE */
/* ===================================== */

@media (max-width:768px){

    .planes-hero{

        padding:70px 0;

    }

    .precio-unico{

        font-size:2.2rem;

    }

    .section{

        padding:50px 0;

    }

    .plan-card{

        margin-bottom:20px;

    }

    .cta{

        padding:70px 0;

    }

    .cta h2{

        font-size:1.8rem;

    }

}