  /* la clase row añade 15px de margen a ambos lados, haciendo que salga un scroll horizontal. Lo elimimanos */
  .fila {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.imagen_fondo {
    background-image: url("../images/imagen_super.jpg");
    background-image: no-repeat;
    background-image: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
}

.imagen_azoka {
    background-image: url("../images/imagen_azoka.jpg");
    background-image: no-repeat;
    background-image: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
}

.imagen_corporativo {
    background-image: url("../images/imagen_corporativo.jpg");
    background-image: no-repeat;
    background-image: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
}


.bloque_texto {
    padding: 5em 3em;

}

.texto_blanco {
   color: #ffffff;
}

.bloque_rojo {
    background-color: #de180b;
}

.bloque_negro {
    background-color: #000000;
}

.bloque_blanco {
    background-color: #ffffff;
}

.boton {
   padding: 1em;
   display: flex;
   justify-content: center;
   border-radius: 10px;
   text-align: center;
}


 a:hover {
   text-decoration: none;
 }



.boton_blanco {
   color: #de180b;
   background-color: #ffffff;
   width: 70%;
   text-align: center;
}
.boton_blanco:hover {
   background-color: #efefef;
}

.boton_rojo {
   color: #ffffff;
   background-color: #e30613;
   width: 60%;
   text-align: center;
}
.boton_rojo:hover {
   background-color: #f9232f;
}

@media (max-width: 768px) { 
    .bloque_vacio {
    height: 17em;
    }

    .bloque_texto {
        padding: 2em 2em;

    }
}
