.menuPrincipal {
    background-color: white;
    z-index: 5 !important;
    position: sticky;
    top: 0;
    width: 100%;
    margin: 0 auto;
}

.menu {
    background-color: white;
    margin: 0px;
    padding: 0px;
    z-index: 5 !important;
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    color: #144d58;
    font-weight: bold;
}

p,
ul,
li {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: black;
    line-height: 1.3;
}

section {
    padding-bottom: 60px;
    padding-top: 60px;
}

footer {
    background-color: #131e30;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: white;
    line-height: 1.3;
}

footer a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: white;
    line-height: 1.3;
}

footer a:hover {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: white;
    line-height: 1.3;
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: black;
    line-height: 1.3;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    background-color: #144d58;
    color: white;
}

.logo-menu {
    max-height: 70px;
}

.boton-verde {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 60px;
    background-color: #144d58;
    color: white;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
    transform: scale(1);
}

.boton-verde:hover {
    background-color: #0f3c46;
    transform: scale(1.05);
}

.boton-verde-claro {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 60px;
    background-color: #41c276;
    color: white;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
    transform: scale(1);
}

.boton-verde-claro:hover {
    background-color: #3aa566;
    transform: scale(1.05);
}

.cta {
    background-color: #144d58;
    padding-bottom: 40px;
    padding-top: 40px;
}

.ctatexto1 {
    color: white !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
}

.ctatexto2 {
    color: white !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
}

.ctatexto3 {
    color: white !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
}

.h2-blanco {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

.p-blanco {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: white;
    line-height: 1.3;
}

.seccion-verde {
    background-color: #41c276;
}

.seccion-verde h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

.seccion-verde p,
.seccion-verde ul,
.seccion-verde li {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: white !important;
}

.fondo-foto-01 {
    background-image: url('../assets/independientes-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-foto-02 {
    background-image: url('../assets/home-afiliame-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-foto-03 {
    background-image: url('../assets/del-hogar-03.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-foto-04 {
    background-image: url('../assets/fondo-afiliame-independientes-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-foto-05 {
    background-image: url('../assets/fondo-asesoria.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cuadro-verde {
    background-color: #144d58;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 60px;
}

.cuadro-verde h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}

.cuadro-verde p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #ffffff;
}

.cuadro-gris-2 {
    background-color: #f2f2f2;
    margin-top: 90px;
    margin-bottom: 90px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 60px;
}

.cuadro-gris {
    background-color: #f2f2f2;
    margin-top: 120px;
    margin-bottom: 120px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 60px;
}

.cuadro-calculadora {
    background-color: #f2f2f2;
    margin-bottom: 120px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 60px;
}

.titulo-verde {
    color: #144d58;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 35px;
}

.titulo-verde-centrado {
    color: #144d58;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    padding-bottom: 25px;
}

.faq-titulo {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #144d58 !important;
    font-weight: bold;
    cursor: pointer;
}

.faq-texto {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: black;
}

.icono-faq {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    color: #144d58 !important;
    font-weight: bold;
    padding-right: 15px;
}

.icono-redes {
    background-color: #144d58;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    transition: background-color 0.3s;
}

.icono-redes:hover {
    background-color: #41c276;
    text-decoration: none;
}

.icono-redes i {
    color: white;
    font-size: 20px;
}

.d-flex>img:not(:last-child) {
    margin-right: 20px;
}


/* AJUSTES MOVILES*/

@media (max-width: 768px) {
    #logoCarousel .carousel-item>.d-flex>img {
        display: none;
    }
    #logoCarousel .carousel-item>.d-flex>img:nth-child(-n+1) {
        display: inline-block;
    }
    .ctatexto1,
    .ctatexto2 {
        font-size: 20px;
    }
    .carousel-control-prev .fas,
    .carousel-control-next .fas {
        font-size: 20px !important;
        justify-content: left;
        width: 15%;
        color: #144d58;
        text-align: center;
    }
    .carousel-control-next,
    .carousel-control-prev {
        width: 5%;
        justify-content: start;
    }
    .logo-movil {
        max-width: 90%;
    }
    .flip-container {
        margin-bottom: 7%;
    }
    .fondo-foto-02 {
        background-image: none;
    }
    .fondo-foto-04 {
        background-image: none;
    }
    .fondo-foto-01 {
        background-image: none;
    }
    .fondo-foto-03 {
        background-image: none;
    }
    .img-seccion-fondo {
        width: 100%;
        border-radius: 30px;
    }
    .cuadro-gris {
        background-color: #f2f2f2;
        margin-top: 0;
        margin-left: 3%;
        margin-right: 3%;
        width: 94%;
        margin-bottom: 93px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
        border-radius: 60px;
    }
    .cuadro-gris-2 {
        margin-top: 13px;
        width: 94%;
        margin-left: 3%;
    }
    .boton-verde {
        font-size: 16px;
    }
    h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 43px;
        color: #144d58;
        font-weight: bold;
        margin-top: -10%;
    }
}


/*TERMINA AJUSTES MOVILES*/

.carousel-control-prev .fas,
.carousel-control-next .fas {
    font-size: 60px;
    justify-content: left;
    width: 15%;
    color: #144d58;
    text-align: center;
}

.carousel-control-next,
{
    width: 5%;
    justify-content: end;
}

.carousel-control-prev {
    width: 5%;
    justify-content: start;
}

.flip-container {
    perspective: 1000px;
    position: relative;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 120px;
    padding-bottom: 120px;
}

.back {
    transform: rotateY(180deg);
    position: absolute;
    background-color: #144d58;
    padding: 15px;
}

.flip-container:hover .flipper {
    transform: rotateY(180deg);
}

.flip-texto-atras {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

.titulo-verde-flip {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
}

.resena {
    background-color: #41c276;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.resena h4 {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 0px;
}

.resena h5 {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-style: italic;
    margin-bottom: 0px;
}

.resena p {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 5px;
}

.estilo-form {
    background-color: #f2f2f2;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 60px;
}

.formulario {
    width: 100%;
    margin: 20px auto;
}

.formulario input[type="text"],
.formulario input[type="number"],
.formulario input[type="email"],
.formulario input[type="tel"],
.formulario select {
    padding: 10px;
    width: 100%;
    /* Ajusta según tus necesidades */
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: black;
    line-height: 1.3;
}

.multiple {
    display: none;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: black;
    line-height: 1.3;
}

.formulario label {
    display: block;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: black;
    line-height: 1.3;
    font-weight: bold;
}

.formulario checkboxes {
    display: flex;
    flex-direction: column;
}

.formulario input[type="checkbox"] {
    margin-right: 10px;
}

.enviar {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 60px;
    background-color: #144d58;
    color: white;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
    transform: scale(1);
    width: 100%;
}

.enviar:hover {
    background-color: #0f3c46;
    transform: scale(1.05);
}

.dd-m-whatsapp {
    position: fixed;
    bottom: 42px;
    right: 20px;
    width: 75px;
    height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #25d366;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
    text-decoration: none;
    color: #25d366;
}

.dd-m-whatsapp:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
    -moz-box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
    box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
}

.dd-m-whatsapp .icon {
    width: 50%;
    height: 50%;
    display: block;
    fill: #fff;
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
}

.dd-m-whatsapp .icon {
    width: 70%;
    height: 70%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 39'%3E%3Cpath d='M10.7 32.8l.6.3c2.5 1.5 5.3 2.2 8.1 2.2 8.8 0 16-7.2 16-16 0-4.2-1.7-8.3-4.7-11.3s-7-4.7-11.3-4.7c-8.8 0-16 7.2-15.9 16.1 0 3 .9 5.9 2.4 8.4l.4.6-1.6 5.9 6-1.5z' fill='%2325d366'/%3E%3Cpath d='M32.4 6.4C29 2.9 24.3 1 19.5 1 9.3 1 1.1 9.3 1.2 19.4c0 3.2.9 6.3 2.4 9.1L1 38l9.7-2.5c2.7 1.5 5.7 2.2 8.7 2.2 10.1 0 18.3-8.3 18.3-18.4 0-4.9-1.9-9.5-5.3-12.9zM19.5 34.6c-2.7 0-5.4-.7-7.7-2.1l-.6-.3-5.8 1.5L6.9 28l-.4-.6c-4.4-7.1-2.3-16.5 4.9-20.9s16.5-2.3 20.9 4.9 2.3 16.5-4.9 20.9c-2.3 1.5-5.1 2.3-7.9 2.3zm8.8-11.1l-1.1-.5s-1.6-.7-2.6-1.2c-.1 0-.2-.1-.3-.1-.3 0-.5.1-.7.2 0 0-.1.1-1.5 1.7-.1.2-.3.3-.5.3h-.1c-.1 0-.3-.1-.4-.2l-.5-.2c-1.1-.5-2.1-1.1-2.9-1.9-.2-.2-.5-.4-.7-.6-.7-.7-1.4-1.5-1.9-2.4l-.1-.2c-.1-.1-.1-.2-.2-.4 0-.2 0-.4.1-.5 0 0 .4-.5.7-.8.2-.2.3-.5.5-.7.2-.3.3-.7.2-1-.1-.5-1.3-3.2-1.6-3.8-.2-.3-.4-.4-.7-.5h-1.1c-.2 0-.4.1-.6.1l-.1.1c-.2.1-.4.3-.6.4-.2.2-.3.4-.5.6-.7.9-1.1 2-1.1 3.1 0 .8.2 1.6.5 2.3l.1.3c.9 1.9 2.1 3.6 3.7 5.1l.4.4c.3.3.6.5.8.8 2.1 1.8 4.5 3.1 7.2 3.8.3.1.7.1 1 .2h1c.5 0 1.1-.2 1.5-.4.3-.2.5-.2.7-.4l.2-.2c.2-.2.4-.3.6-.5s.4-.4.5-.6c.2-.4.3-.9.4-1.4v-.7s-.1-.1-.3-.2z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}


/*ESTILO CALCULADORA*/

.costo-afiliarse h6 {
    font-weight: 600;
    font-size: 1.8rem;
    color: #144d58;
}

.costo-afiliarse p {
    font-size: 1.0rem;
    font-weight: 400;
}

.calcula-tu-couta {
    background: #f2f2f2;
    text-align: center;
    padding: 4%;
    border-radius: 28px;
    margin-bottom: 2%;
}

.calcula-tu-couta h7 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #144d58;
}

.calcula-tu-couta p {
    text-align: left;
    margin-top: 3%;
}

.form-calcular {
    text-align: right;
}

.siguiente-calcula {
    margin-top: 3%;
    background: #144d58;
    color: white;
    font-size: 1.1rem;
    padding: 2%;
    border-radius: 15px;
    border: none;
}

button#primerBoton {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

.contenedorBotones {
    display: flex;
    justify-content: space-between;
}


/* Estilo adicional para los botones si es necesario */

.contenedorBotones button {
    margin-top: 10px;
    /* Puedes ajustar este margen según tu diseño */
}

button#atrasButton {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

button#atrasButtonSegundo {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

button#segundoBoton {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

button#tercerBoton {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

button#cuartoBoton {
    background: #144d58;
    color: white;
    border: none;
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border-radius: 15px;
    font-size: 18px;
}

.btn-verde-secundario-dos {
    background-color: #41c276;
    font-size: 1.0rem;
    color: var(--blanco);
    font-weight: 200;
    border-radius: 30px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3%;
    padding-bottom: 3%;
}


/*CIERRA ESTILO CALCULADORA*/

.destacado {
    background: #0f3c46;
    border-radius: 16px;
}

.destacado a {
    color: white !important;
}


/*ESTILO PANEL CLIENTE*/

.titulo-verde-portal {
    color: #144d58;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    padding-bottom: 25px;
}

.menu-lateral {
    display: block;
    border-bottom: 0;
}

.item-menu-lateral {
    border-color: #e3e3e3 !important;
    margin-bottom: 4%;
    color: black;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
    background: #f2f2f2;
    border-radius: 0 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #144d58 !important;
    margin-bottom: 4%;
    color: white;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
    background: #144d58;
    border-radius: 0 !important;
}

.cancelar {
    text-align: center;
    border-bottom: 5px solid white;
    font-size: 12px;
    text-decoration: underline;
}

.cancelar a {
    color: black;
}

.boton-enviar {
    background: #0f3c46;
    border-radius: 16px;
    color: white!important;
    font-size: 21px;
    padding-left: 7%;
    padding-right: 7%;
    font-weight: 200;
    margin-top: 2%;
    margin-left: 2%;
}