/* cambia el tamaño del texto base del sitio web. Eliminar si no se quiere cambiar el tamaño base 

body{
    font-size:16px; 
}*/

/* Cambia los tamaños de los títulos en diferentes resoluciones de pantalla */
/* medium screen 
@media screen and (min-width: 40em) and (max-width: 61.9375em) 
{ 
    h1{font-size:2.5rem;} 
    h2{font-size:2.25rem;} 
    h3{font-size:1.4rem;} 
    h4{font-size:1.25rem;} 
} */

/* small screen */ 
@media screen and (max-width: 39.9375em)
{ 
    h1{font-size:2rem;} 
    h2{font-size:1.7rem;} 
    h3{font-size:1.3rem;} 
    h4{font-size:1.2rem;}
    .zphero h2{font-size:1.7rem;}
}

/* Estilo para crear párrafos destacados de mayor tamaño */
.lead{
    font-size:125%;
}

/*cifras destacadas */
.cifras-destacadas-rojo{
    font-size: 40px;
    color: #FD5653;
    font-family: "Oswald", sans-serif;
    font-style: normal;
}
.cifras-destacadas-blanco{
    font-size: 40px;
    color: #ffffff;
    font-family: "Oswald", sans-serif;
    font-style: normal;
}

/* Caja título destacado de sección */
.caja-titulo-destacado{
    background: #ffffff;
    border-left: 10px solid #FD5653;
    padding:30px;
    margin: -100px 0 20px 0;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.2);
}
/* Caja destacada azul */
.caja-destacada-azul{
    background-color: rgba(16,41,94,0.8) !important;
    padding:50px;
}
.image-icon{
    height:50px;
    width:50px;
}
/* Estilo para quitar los márgenes a algún elemento particular del sitio web */
.no-margin{
    margin:0;
}

.main-content a{
    text-decoration:underline;
}

/* Estilos para modificar la apariencia del footer */

.footer{
    font-size:15px;
}
.footer h2{
    font-size:26px;
}
.footer li a{
    color:#ffffff;
}
.footer li a:hover{
    text-decoration:underline;
}

/* Estilos para la barra de legales en el pie de página */

.legal{
    background:#10295E;
    padding:20px 0;
    font-size:13px;
    color: #FD5653;
}
.legal a{
    /*color:#ffffff;*/
    text-decoration:underline;
}
.legal .zpelement{
    margin:0;
}

/* Estilos para los créditos de Resultero en el pie de página */

.resultero{
    background:#fff;
    color:#0c813b;
    padding:0;
    text-align:center;
}
.resultero .zpelement{
    margin:0;
    font-size:12px;
}
.resultero p{
    margin:15px 0;
    color:#707070;
}
.resultero a{
    color:#0FA251;
}

.resultero a:hover{
    color:#13698E;
    text-decoration:underline;
}

/* Botón de Whatsapp */

.whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 20;
}

.whatsapp img {
    width: 80px;
    height: 80px;
}