:root {
	--azul: #008da6;
	--azulo: #006475;
	--amarillo: #ffc509;
	--gris1: #F2F6F9 ;
	--gris2: #868e9c ;
	--gris3: #B1B2B5 ;
	--gris4: #676f7e ;
}

@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{font-family: proxima_novaregular , sans-serif}
h1{color:var(--azulo); font-family: proxima_novabold; font-size:37px}
h2{color:var(--azulo); font-family: proxima_novabold; font-size:34px}

body{margin:0px; color:var(--gris2)}
.container{width:100%; max-width:1200px}
header{background-color:var(--azul); padding:15px}
section#showcase .d-flex{display:flex; align-items:center}
section#showcase p{font-size:21px}
section#showcase img{width:100%}
footer{color:#fff}
footer img{width:auto; max-width:200px}
.footer1 {background-color:var(--gris3); padding:15px;}
.footer2 {background-color:var(--gris4); text-align:right; padding:15px;}
.text-center{text-align:center}
footer ul{list-style: none; padding-left:0px}
footer ul li{margin-bottom:10px}
#formulario{background-color:var(--gris1); padding:60px}
#formulario .img-formulario{margin:60px 0px 0px -150px; transform:rotate(-8deg)}
#formulario .col-img{position:relative}
#formulario .col-img img.arco{position:absolute; bottom:0; right:60px;}
#formulario input[type="text"], #formulario input[type="number"],#formulario input[type="tel"]  {
    height: 40px;
    padding: 10px;
    margin: 15px 0px;
    border-radius: 4px;
    font-size: 18px;
    border: 1px solid var(--gris3);
    color: var(--azulo);
    width: 100%;
}
#formulario h3{color:var(--azulo); font-family: proxima_novaregular; font-size:21px;margin-bottom:0px}
#formulario h4{color:var(--azulo); font-family: proxima_novaregular; font-size:18px; margin-bottom:15px}
#formulario p.tit{color:var(--azulo); font-family: proxima_novabold; font-size:24px; margin:30px 0px 15px}
#formulario p.nota{font-size:14px}
#formulario label, #formulario p{color:var(--azulo); font-size:18px; margin:0px}
#formulario .row{margin-top:15px;}
#formulario .mb{margin-bottom:15px}
#formulario .enviar{padding:30px; text-align:center}
#formulario .enviar input{background-color:var(--amarillo); padding:15px 25px; color:var(--azulo); border-radius:50px; border:none; font-weight:bold; font-size:18px; cursor:pointer}
.politicaprivacidad {display: flex;align-items: flex-start;margin: 15px 0px;}
.politicaprivacidad input{
     	width: auto;
        height: auto;
        transform: scale(1.7);
        -moz-transform: scale(1.7);
        -webkit-transform: scale(1.7);
    }

    .politicaprivacidad p {
        font-size: 11px !important;
        text-align: justify;
        line-height: 120% !important;
        font-family: sans-serif;
        margin-left: 15px !important;
    }
    
    section#formulario:before {
    border-top-left-radius: 100% 100%;
    border-top-right-radius: 100% 100%;
    content: "";
    display: block;
    height: 60px;
    left: 0;
    margin-top: -120px;
    position: absolute;
    right: 0;
    background-color: var(--gris1) !important;
    z-index: -1
}

#formulario input[type="radio"]{transform:scale(1.4); margin-right:10px}

#formulario ::placeholder{color:var(--gris2)}












/*************** MOVIL GENERAL *****************************************************/
    @media (max-width: 575px){
    	
    	#formulario{padding:15px}
    	#formulario .img-formulario{display:none}
    	#formulario .col-img img.arco{display:none}
    	h1{text-align:center; line-height:100%}
    	section#showcase p{text-align:center}
    	
    	
    	
    }


/*************** TABLET *****************************************************/
    @media (min-width: 576px) and (max-width: 767px){
    	#formulario .col-img img.arco{display:none}
    	#formulario .img-formulario{width:300px;}
    	
    	
    	
    }


/*************** LAPTOP *****************************************************/
    @media (min-width: 768px) and (max-width: 991px){
    	#formulario .img-formulario{width:350px}
    }
    
    
    
/*************** ORDENADOR *****************************************************/
    @media (min-width: 992px){

    }