*{
     box-sizing: border-box;
     margin: 0;
     padding: 0;
}
:root{
    --IZC: #00a8dd;
    --fondo: #f3f3f3;
    --Titulo: #067b9e;
    --colorSombra: 2px 2px 2px 2px #ccc,
                   inset 2px 2px 2px 2px #fff;
}
html{
     font-size: 62.5%;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h2{
    font-size: 3rem;
    line-height: 35px;
    color: var(--Subtitulo);
}
img{
    max-width:100%;
    height:auto;    
}
p{
    font-size: 1.8rem;
}
blockquote{
    font-size: 1.9rem;
}
/* ------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------ */
header{
    background-color: var(--Fondo);
    padding: 12px;
    width: 100%;
}   
header img{
    width: 220px;
}

/* ------------------------------------------------------------ */
/* Main */
/* ------------------------------------------------------------ */
main{
    background-color: var(--Fondo);
}
main section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: auto;
    margin: 0 auto;
}
main h1{
    font-size: 4.5rem;
    color: var(--Titulo);
}
.kit{
    display: flex;
    margin: auto;
}
.logo-brand{
    width: 150px;
}

main p{
    line-height: 2.2rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: rgb(105, 102, 102);
}
.boton-cotizar {
    width: 100%;
    text-decoration:none;
    cursor:pointer;
    text-align: center;
    display: inline-block;
	border-radius: 8px;
    color:#ffffff;
	font-size:17px;
	padding:12px;
	background: linear-gradient(to bottom, var(--IZC) 5%, #095496 100%) ;

    box-shadow: 2px 4px 6px 0px #b4b4b4;
	
}
.boton-cotizar:hover {
	background:linear-gradient(to bottom, #00b5ec 5%, #0c66b4 100%);
}
/* ------------------------------------------------------------ */
/* Botón de WhatsApp */
/* ------------------------------------------------------------ */
.whatsapp--button{
    position: fixed;
    bottom: 0;
    left: 6px;
}
.whatsapp--button img{
    width: 85px;
}
/* ------------------------------------------------------------ */
/* content-box */
/* ------------------------------------------------------------ */
.content-box{
    max-width: 800px;
    padding: 25px;
    border-radius: 8px;
    margin: auto;
    margin-top: 70px;
    
    background-color: var(--Fondo);
    box-shadow:  5px 5px 10px #afb3b5,
                -5px -5px 10px #ffffff;

}

/* ------------------------------------------------------------ */
/* iconos */
/* ------------------------------------------------------------ */
.content-icon{
    width: 80%;
    margin: auto;
    text-align: center;
    margin: auto;
}
.iconos{
    margin-bottom: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.content{
    padding: 65px;
    background-color: var(--Fondo);
}
.content h2, p{
    text-align: left;
}
.textos{
    width: 90%;
    margin: auto;
    margin-bottom: 150px;
    text-align: left;
}

