html{
    box-sizing: border-box;
    font-size: 62.5%; /* 1 REM =10PX*/
}
*, *:before, *:after {
    box-sizing: inherit;
}
body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.6rem;
    line-height: 2; /*Interliniado */
}
 
/* Globales*/
h1, h2, h3 {
    font-family: 'Arimo', serif;
    margin: 0 0 5rem 0;
}
h1{
    font-size: 5rem;
}
h2{
    font-size: 4rem;
}
h3{
    font-size: 3rem;
}

.sin-azul{
    text-decoration: none;
    color: #000
}
.azul{
    text-decoration: none;
    color: rgb(0, 98, 255)
}
.contenedor{
    max-width: 120rem;
    margin: 0 auto;
}
img{
    max-width: 100%;
    display: block;
}
/*Utilidades*/
.text-center{
    text-align: center;
}
/* Hearder y navegacion*/
.contenido-header{
    margin-top: 5rem;
}
.contenido-header strong{
    color: #037bc0;
}
.navegacion-principal{
    padding:  2rem 0;
    display: flex;
    justify-content: space-between
}
/*main*/
.titulo-sobre{
    text-align: center;
}
.sobre-nosotros{
    display: flex;
    gap: 2rem;

}
.sobre-nosotros .info-nosotros{
    flex-basis: 33.3%;
    width: 50%;

}
.text-info-nosotros {
    width: 50%;
}
/*footer*/
.footer-padre{
    display: flex;
    gap: 2rem;
    justify-content: space-between;

}
.hijo{
    display: flex;
    flex-direction: column;

}
.gia{
    display: flex;
}
/*
font-family: 'Arimo', sans-serif;
font-family: 'Young Serif', serif;
*/

/*Blog*/
.portada-blog {
    text-align: center;
}
.titulo-blog {
    display: flex; 
    margin: 0 10rem;  
}
.titulo-blog h3 {
    margin: 0;
    margin-bottom: 2%;
}
.blog-bloque1-1 h3 {
    margin: 0;
    margin-bottom: 2%;
}
.guia-colores {
    width: 50%;
    text-align: left;
}
.otras-entradas {
    width: 50%;
    text-align: right;
}

.blog-bloque0 {
    display: flex;
    margin-top: 5%;
}
.blog-bloque1 {
    width: 55%;
    margin-right: 200px;
    margin-left: 2%;
    
}
.pieimagen {
    display: flex;
}
.fecha {
    width: 30%;
    text-align: left;
}
.escrito {
    width: 75%;
    text-align: right;
}

input[type="submit"] {
    background-color:rgb(7, 199, 7);
    width: 30%;
    color: #ffff;
    height: 40px;
    text-align: center;
    border: none;
    margin-bottom: 5%;

}
.blog-bloque1-1 {
    width: 55%;
    margin-left: 2%;
}

/*Formulario*/


.formulario input[type="submit"] {
    background-color: rgb(7, 199, 7);
    width: 45%;
    margin-top: 5%;

}
::placeholder{
    color: rgba(111, 111, 111, 0.134);
}
.contacto {
    text-align: center;
    color: var(--grisclaro);
    font-size: 15rem;
}
form{
    width: 35%;
    margin: 0 auto;
    text-align: left
}
.titulo-formulario{
    background-color: rgb(0, 119, 255);
    color: white;
    margin: 0 auto;
}
legend{
    background-color: #037bc0;
    width: 100%;
    text-align: center;
    color: white;

}
input,select{
    width: 80%;
}
label{
    width: 10%;
    padding: 10px;
}
fieldset{
    margin-bottom: 5%;
}

/* Productos*/
.titulo-tienda{
    text-align: center;
}
.pro1 {
    display: flex;
    margin: 2%;
    background-color: #037bc0;
}
.imagen-pro1 {
    margin-right: 5px;
    width: 70%;
}
.text-pro1 {
    color: #ffff;
    text-align: center;
    padding: 2rem 5px;
    width: 30%;
}
.text-pro1 input[type="submit"] {
    background-color: rgb(7, 199, 7);
    width: 80%;
    margin: 0 2rem;

}
.valor {
    font-size: 35px;
}
.pro2{
    display: flex;
    margin: 2%;

}
.pro2-1{
    margin-right: 20px;
    background-color: #037bc0;
    color: #ffff;
    text-align: center;
    margin: 5px;

}
.pro2-2{
    background-color: #037bc0;
    color: #ffff;
    text-align: center;
    margin: 5px;
}
.text-pro2 input[type="submit"] {
    background-color: rgb(7, 199, 7);
    width: 95%;
}
.text-pro2-2 input[type="submit"] {
    background-color: rgb(7, 199, 7);
    width: 95%;
}
.text-pro1 h4 {
    font-size: 25px;
    margin: 0;
    padding-top: 5px;
}
.text-pro2 h4 {
    font-size: 25px;
    margin: 0;
    padding-top: 5px;
}
.text-pro2-2 h4 {
    font-size: 25px;
    margin: 0;
    padding-top: 5px;
}
.text-pro{
    margin: 0 10px;
}
.pro3 {
    display: flex;
    margin: 2%;
}
.pro3-1{
    margin-right: 20px;
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;
}
.pro3-2{
    margin-right: 20px;
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;
}
.pro3-3{
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;
}
.pro32 {
    display: flex;
    justify-content: space-between;
    margin: 2%;
}
.pro32-1{
    margin-right: 20px;
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;
}
.pro32-2{
    margin-right: 20px;
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;

}
.pro32-3{
    width: 33%;
    background-color: #037bc0;
    text-align: center;
    color: #ffff;
}
.valor-2{
    font-size: 25px;
    margin: 0;
}
.text-pro22{
    margin: 0 10px;
    padding-bottom: 15px;
}

/* INICIO */
.titulo-inicio {
    text-align: center;
}
.img1{
    width: 100%;

}
.inicioPro{
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto ;
}
.img2{
    width: 33%;
    margin: 10px;
    text-align: center;
}
.cat1{
    
    color: white;
    height: auto;
    background-color: #037bc0;
    display: flex;
}
.text-cat1{
    font-size: 25px;
    text-align:left;
    width: 100%;
}
.text-cat1_1{
    font-size: 25px;
    text-align:left;
    padding-top: 15px;
    padding-left: 50px;
    margin-right: 212px;
    font-size: 18px;
}
.inicioh4{
    padding-top: 50px;
    padding-left: 50px;
}
.cat2{
    margin: 0 auto;
    display: flex;
    padding: 0 10%;
    padding-bottom: 5%;
}
.imagen-cat2{
    width: 75%;
}
.text-cat2{
    width: 25%;
    background-color: #037bc0;
    color: white;
    text-align: center;
}
.h4-1{
    font-size: 30px ;
    margin-top: 50px;
}
    .text-cat2 input[type="submit"]{
    width: 75%;
}
.cat3{
    display: flex;
    padding : 0 10% 10% 10%;
}
.titulo2-index{
    text-align: center;
    padding-top: 5%;
    padding-left: 0;
}