@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Colores */

.bg-naranja{
    background-color: #F05723 !important;
}

.bg-azul{
    background-color: #212E61 !important;
}

.bg-oscuro{
    background-color: #161616 !important;
}

.text-naranja{
    color: #F05723 !important;
}

.text-azul{
    color: #212E61 !important;
}


/* Colores */

body{
    font-family: 'Roboto', sans-serif;
}

.borde-derecho{
    border-right: 1px solid #00000093;
}

.fondo-oscuro{
    position: absolute;
    background-color: #00000046;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Division abajo */
.custom-shape-divider-bottom-1626879078 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1626879078 svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 140px;
}

.custom-shape-divider-bottom-1626879078 .shape-fill {
    fill: #FFFFFF;
}

/* Division arriba */
.custom-shape-divider-top-1626880375 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1626880375 svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 140px;
}

.custom-shape-divider-top-1626880375 .shape-fill {
    fill: #FFFFFF;
}

.menu ul{
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.contacto-header.menu ul li{
    margin: 0 10px;
}

.contacto-header.menu ul li, .contacto-header.menu ul li a{
    color: rgba(255, 255, 255, 0.815);
    font-size: 14px;
}

.contacto-header.menu ul li i, .contacto-header.menu ul li a i{
    color: #212E61;
    padding-right: 5px;
}

nav.menu ul li a{
    display: block;
    color: #212E61;
    font-size: 18px;
    font-weight: 300;
    margin: 0 15px;
}

nav.menu ul li a.active{
    font-weight: 600;
}

.caja-header p{
    color: #212E61;
}

.caja-header a{
    color: #212E61;
    font-weight: 500;
    font-size: 32px;
}

.caja-header i{
    color: #F05723;
    font-size: 32px;
}


.seccion-banner{
    position: relative;
    height: 500px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: right;
}

.caja-banner h3{
    color: white;
    font-size: 56px;
    margin-bottom: 30px;
}

.boton{
    padding: 12px 25px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 3px 9px -4px #000000; 
    box-shadow: 0px 3px 9px -4px #000000;
    font-size: 16px;
}

.boton:hover{
    transition-duration: .3s;
    background-color: white;
    color: #161616;
}

.caja-banner .boton{
    background-color: #F05723;
    color: white;
}

.caja-nosotros{
    text-align: center;
    margin: 20px 20%;
}

.caja-nosotros h2{
    font-weight: 300;
    text-transform: uppercase;
    color: #F05723;
    font-size: 38px;
    margin-bottom: 30px;
}

.caja-nosotros h3{
    font-weight: 700;
    margin-bottom: 25px;
}

.caja-nosotros p{
    font-size: 18px;
}

.seccion-cita{
    background-color: #F05723;
    padding: 50px 0;
}

.caja-cita{
    text-align: center;
}

.caja-cita h5{
    color: white;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 0px;
    line-height: 1em;
}

.caja-cita .telefono{
    color: white;
    font-size: 56px;
    font-weight: 500;
}

.caja-cita h2{
    font-size: 28px;
    color: rgba(255, 255, 255, 0.938);
}

.caja-cita .boton{
    margin-top: 20px;
    background-color: #212E61;
    color: white;
}

.caja-rivera{
    text-align: left;
    margin: 60px 20%;
}

.caja-rivera p{
    font-size: 18px;
}


.bg-ejercicio{
    position: relative;
    height: 800px;
    background-size: cover;
    background-position: center;
    background-image: url(../img/ejercicios.jpg);
}

.division-bottom{
    position: absolute;
    width: 100%;
    bottom: 0;
}

.seccion-planes{
    background-color: #FFF1EC;
    padding-bottom: 200px;
}

.text-seguros{
    color: #F05723;
    font-size: 48px;
    text-align: center;
    font-weight: 300;
    line-height: 1.2em;
    margin: 20px 20%;
}

.caja-planes{
    margin: 20px 0;
}

.caja-planes h4{
    font-weight: 400;
    font-size: 38px;
    line-height: 1em;
    margin: 25px 0;
    text-transform: uppercase;
    color: #212E61;
}

.caja-planes ul{
    padding-left: 6%;
}

.caja-planes ul li{
    font-size: 18px;
}

.seccion-aseguradoras{
    position: relative;
    padding: 150px ;
    background-color: #F05723;
}

.fig-aseguradoras{
    position: absolute;
    top: -25%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.caja-aseguradora{
    margin: 0 20%;
    margin-top: 50px;
    text-align: center;
}

.caja-aseguradora p{
    color: rgba(255, 255, 255, 0.808);
    font-size: 32px;
}

.imagen-divisor{
    height: 350px;
    background-size: cover;
    background-position: center;
    background-image: url(../img/divisor.jpg);
}

.caja-formulario label{
    font-weight: 600;
    margin-bottom: 1px;
}

.titulo-contacto{
    text-align: center;
    text-transform: uppercase;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 30px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF8F5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.caja-formulario{
    padding-left: 30px;
}

.caja-formulario .boton{
    border-radius: 10px;
    background-color: #F05723;
    color: white;
    padding: 8px 30px;
    text-transform: uppercase;
}

.caja-contactanos{
    display: flex;
    margin: 30px 0;
    align-items: center;
}

.caja-contactanos .icono{
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caja-contactanos h2{
    font-size: 18px;
    color: #020202b0;
    margin-bottom: 0px;
}

.caja-contactanos p, .caja-contactanos a{
    color: #000;
    font-weight: 500;
}

.caja-contactanos .telefono{
    font-weight: 900;
    color: #000;
    font-size: 28px;
}

.caja-footer{
    text-align: center;
    padding: 30px 0;
}

.footer-telefono{
    margin: 20px 0;
}

.footer-telefono p{
    color: #212E61;
    font-size: 26px;
    font-weight: 500;
    line-height: 1em;
}

.footer-telefono a{
    color: #212E61;
    font-weight: 500;
    font-size: 42px;
}

.footer-telefono i{
    color: #F05723;
    font-size: 40px;
}

.contacto-footer, .contacto-footer a{
    color: #212E61;
    font-size: 18px;
    font-weight: 500;
}