@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
*{padding:0;margin:0;box-sizing:border-box;}
img,video,svg,iframe{display:block;}

:root{--azul:#5e7d82;--gris:#4b4f4f;--gris-obscuro:#4b4f4f;--naranja:#cf8b29;}

.section{width:100%;}
.section_content{width:100%;max-width:1300px;margin:auto;position:relative;}
.title{font-family: 'Bebas Neue', cursive;}
.text{font-family: 'Montserrat', sans-serif;}

.navbar{background-color:var(--gris-obscuro);}
.navbar .section_content{width:100%;height:100%;display:flex;align-items:center;}
.navbar_logo,.navbar_logo img{height:100%;width:auto;}
.navbar_menu{flex-grow:1;display:flex;justify-content:flex-end;}
.navbar_menu__op{text-decoration:none;color:#fff;}
.navbar_menu__op:last-child{margin-right:0;}
.floating_social{display:none;}

.contacto .section_content{display:flex;flex-wrap:wrap;}
.contacto{background-color:var(--gris);}
.contacto iframe{width:100%;}
.contacto_des{color:#fff;}
.contacto_logo{display:flex;justify-content:center;align-items:center;}
.contacto_logo img{width:80%;max-width:250px;}
.contacto_social__el{color:#fff;display:flex;align-items:center;margin-bottom:.5rem;}

.contact_form{background:linear-gradient(to right,#fff 0%,#fff 50%,#eef1f2 50%,#eef1f2 100%);}
.contact_form .section_content{padding-left:0;padding-right:0;display:flex;flex-wrap:wrap;align-items:center;}
.contact_form_form form{width:80%;margin:auto;display:flex;flex-wrap:wrap;}
.contact_form_form__input{-webkit-appearance:none;border:0;background-color:#fff;padding:.8rem .5rem;width:100%;margin-bottom:.7rem;font-family:'Barlow', sans-serif;font-size:1.1rem;}
.contact_form_form__input:focus{outline:none;}
.contact_form_form__input:nth-child(1),.contact_form_form__input:nth-child(2){width:calc(50% - .5rem);}
.contact_form_form__input:nth-child(1){margin-right:.5rem;}
.contact_form_form__input:nth-child(2){margin-left:.5rem;}
textarea.contact_form_form__input{height:100px;}
.contact_form_form__submit{-webkit-appearance:none;border:0;border-bottom:2px solid #5e7d82;color:#5e7d82;font-size:1.1rem;font-weight:600;padding-bottom:.2rem;margin:auto;margin-top:.5rem;cursor:pointer;background-color:transparent;border-radius:0;}
.contact_form_links div{margin:auto;}
.contact_form_links__t1{color:#5e7d82;font-weight:600;margin-bottom:.8rem!important;}
.contact_form_links__t2{color:var(--gris);font-weight:600;margin-bottom:.4rem!important;}
.contact_form_links__t3{color:var(--gris);font-weight:200;margin-bottom:.7rem!important;}
.contact_form_links_con{display:flex;}
.contact_form_links_con__el{text-decoration:underline;color:var(--gris);margin-right:.5rem;}
.contact_form_links_con__el:last-child{margin-right:0;}

.footer_con{background-color:#4b4f4f;}
.footer_con .section_content{padding-top:2rem;padding-bottom:2rem;display:flex;color:#fff;align-items:center;}
.footer_con_logo img{max-width:200px;}
.footer_con a{text-decoration:none;color:#fff;display:block;display:flex;align-items:center;}
.footer_con a i{margin-right:.5rem;}

@media (max-width: 599px){
   .section_content{padding:2.5rem 1rem;}
   .navbar{height:auto;}
   .navbar .section_content{padding:1rem;flex-wrap:wrap;}
   .navbar_logo{margin:auto;height:55px;margin-bottom:1rem;}
   .navbar_menu{justify-content:center;align-items:center;width:100%;}
   .navbar_menu__op{font-size:1rem;border-right:2px solid rgb(255 255 255 / 40%);}
   .navbar_menu__op:nth-child(1){padding-right:.5rem;}
   .navbar_menu__op:nth-child(2){padding:0 .5rem;}
   .navbar_menu__op:nth-child(3){border:0;padding-left:.5rem;}
   .navbar_menu__op.social,.navbar_menu__separator{display:none;}
   .floating_social{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center;padding:.8rem .5rem;background-color:#5e7d81;border-radius:.5rem 0 0 .5rem;}
   .floating_social__op{color:#fff;font-size:1.5rem;margin-bottom:1rem;}
   .floating_social__op:last-child{margin-bottom:0;}

   .contacto iframe{height:200px;}
   .contacto .el:nth-child(1){width:100%;margin-bottom:3rem;padding-top:1rem;}
   .contacto .el:nth-child(2){padding-right:1rem;}
   .contacto_logo img{max-width:200px;}
   .contacto .el{width:50%;}
   .contacto_des__t1{font-size:1.5rem;margin-bottom:.5rem;}
   .contacto_des__t2{font-size:.9rem;}
   .contacto_social__el i{font-size:1.3rem;margin-right:.5rem;}
   .contacto_social__el{font-size:1rem;}

   .contact_form .section_content{padding:0;}
   .contact_form_links,.contact_form_form{width:100%;padding:2rem 1rem;}
   .contact_form_links{background:#fff;}
   .contact_form_form{background:#eef1f2;}
   .contact_form_form form{width:100%;}
   .contact_form_form__input:nth-child(1){margin-right:.2rem;width:calc(50% - .2rem);}
   .contact_form_form__input:nth-child(2){margin-left:.2rem;width:calc(50% - .2rem);}

   .contact_form_links__t1{font-size:1.1rem;}
   .contact_form_links__t2{font-size:1.3rem;margin-bottom:.5rem;}
   .contact_form_links__t3{font-size:.9rem;}
   .contact_form_links_con__el{font-size:1.1rem;}
   .contact_form_links_con{flex-flow:column;}

   .footer_con .section_content{flex-wrap:wrap;}
   .footer_con_logo{width:100%;margin-bottom:1.5rem;}
   .footer_con_logo img{margin:auto;}
   .footer_con_links,.footer_con_social{width:100%;}
   .footer_con_links__t1{font-size:2rem;margin-bottom:.5rem;}
   .footer_con_links__el,.footer_con_social__el{font-size:1.2rem;margin-bottom:.3rem;}
   .footer_con_links__el i,.footer_con_social__el i{font-size:1.3rem;}
}

@media (max-width:899px) and (min-width: 600px){
   .section_content{padding:3rem 2rem;}
   .navbar{height:90px;}
   .navbar .section_content{padding:1rem 1.5rem;height:95%;}
   .navbar_menu__op{font-size:1.1rem;margin-right:.8rem;}
   .navbar_menu__op.social{font-size:1.3rem;}
   .navbar_menu__separator{width:2px;background-color:#fff;margin-right:.8rem;}

   .contacto iframe{height:250px;}
   .contacto .el:nth-child(1){width:100%;margin-bottom:2rem;}
   .contacto .el:nth-child(2){padding-right:1rem;}
   .contacto .el:nth-child(3){padding-left:1rem;}
   .contacto .el{width:50%;}
   .contacto_des{padding-right:1rem;}
   .contacto_des__t1{font-size:2rem;margin-bottom:.5rem;}
   .contacto_des__t2{font-size:.9rem;}
   .contacto_social__el i{font-size:1.4rem;margin-right:.5rem;}
   .contacto_social__el{font-size:1.1rem;}

   .contact_form .section_content{padding:0;}
   .contact_form_links,.contact_form_form{width:100%;padding:3rem 2rem;}
   .contact_form_links{background:#fff;}
   .contact_form_form{background:#eef1f2;}
   .contact_form_form form{width:100%;}
   .contact_form_form__input:nth-child(1){margin-right:.3rem;width:calc(50% - .3rem);}
   .contact_form_form__input:nth-child(2){margin-left:.3rem;width:calc(50% - .3rem);}

   .contact_form_links__t1{font-size:1.2rem;}
   .contact_form_links__t2{font-size:1.3rem;margin-bottom:.5rem;}
   .contact_form_links_con__el{font-size:1.2rem;}

   .footer_con .section_content{flex-wrap:wrap;}
   .footer_con_logo{width:100%;margin-bottom:1.5rem;}
   .footer_con_logo img{margin:auto;}
   .footer_con_links,.footer_con_social{width:50%;}
   .footer_con_links{padding-right:1rem;}
   .footer_con_social{padding-left:1rem;}

   .footer_con_links__t1{font-size:2rem;margin-bottom:.5rem;}
   .footer_con_links__el,.footer_con_social__el{font-size:1.2rem;margin-bottom:.3rem;}
   .footer_con_links__el i,.footer_con_social__el i{font-size:1.3rem;}
}

@media (max-width:1199px) and (min-width: 900px){
   .section_content{padding:4rem 3rem;}
   .navbar{height:90px;}
   .navbar .section_content{padding:1rem 3rem;height:100%;}
   .navbar_menu__op{font-size:1.3rem;margin-right:1.2rem;}
   .navbar_menu__op.social{font-size:1.4rem;}
   .navbar_menu__separator{width:2px;background-color:#fff;margin-right:1rem;}

   .contacto iframe{height:250px;}
   .contacto .el:nth-child(2){width:40%;}
   .contacto .el{width:30%;}
   .contacto_des{padding-right:1rem;}
   .contacto_des__t1{font-size:2rem;margin-bottom:.5rem;}
   .contacto_des__t2{font-size:.9rem;}
   .contacto_social__el i{font-size:1.4rem;margin-right:.5rem;}
   .contacto_social__el{font-size:1.1rem;}

   .contact_form_links,.contact_form_form{width:50%;}
   .contact_form_form form,.contact_form_links div{width:calc(100% - 3rem);}
   .contact_form_links__t1{font-size:1.2rem;}
   .contact_form_links__t2{font-size:1.4rem;margin-bottom:.5rem;}
   .contact_form_links__t3{font-size:.9rem;}
   .contact_form_links_con__el{font-size:1.1rem;}
   .contact_form_links_con{flex-flow:column;}

   .footer_con_links{padding:0 3rem;}
   .footer_con_links__t1{font-size:2rem;margin-bottom:.5rem;}
   .footer_con_links__el,.footer_con_social__el{font-size:1.2rem;margin-bottom:.3rem;}
   .footer_con_links__el i,.footer_con_social__el i{font-size:1.3rem;}
}

@media (max-width:1399px) and (min-width: 1200px){
   .section_content{padding:4rem;}
   .navbar{height:90px;}
   .navbar .section_content{padding:1rem 5rem;height:100%;}
   .navbar_menu__op{font-size:1.2rem;margin-right:1rem;}
   .navbar_menu__op.social{font-size:1.3rem;} 
   .navbar_menu__separator{width:2px;background-color:#fff;margin-right:1rem;}

   .contact_form_links,.contact_form_form{width:50%;}
   .contacto iframe{height:300px;}
   .contacto .el{width:33%;}
   .contacto_des{padding-right:1rem;}
   .contacto_des__t1{font-size:2rem;margin-bottom:.5rem;}
   .contacto_des__t2{font-size:.9rem;}
   .contacto_social__el i{font-size:1.4rem;margin-right:.5rem;}
   .contacto_social__el{font-size:1.1rem;}

   .contact_form_links div{width:80%;}
   .contact_form_links__t1{font-size:1.2rem;}
   .contact_form_links__t2{font-size:1.4rem;margin-bottom:.5rem;}
   .contact_form_links__t3{font-size:.9rem;}
   .contact_form_links_con__el{font-size:1.1rem;}

   .footer_con_links{padding:0 3rem;}
   .footer_con_links__t1{font-size:2rem;margin-bottom:.5rem;}
   .footer_con_links__el,.footer_con_social__el{font-size:1.2rem;margin-bottom:.3rem;}
   .footer_con_links__el i,.footer_con_social__el i{font-size:1.3rem;}
}

@media (min-width:1400px) {
   .section_content{padding:5rem 2rem;}
   .navbar{height:90px;}
   .navbar .section_content{padding:.8rem 2rem;height:100%;}
   .navbar_menu__op{font-size:1.3rem;margin-right:1rem;}
   .navbar_menu__op.social{font-size:1.5rem;}
   .navbar_menu__separator{width:2px;background-color:#fff;margin:0 1.5rem 0 .5rem;}

   .contacto iframe{height:350px;}
   .contacto .section_content{padding:4rem 2rem;}
   .contacto .el{width:33%;}
   .contacto_des{padding-right:1rem;}
   .contacto_des__t1{font-size:2rem;margin-bottom:.5rem;}
   .contacto_des__t2{font-size:.9rem;}
   .contacto_social__el i{font-size:1.4rem;margin-right:.5rem;}
   .contacto_social__el{font-size:1.1rem;}

   .contact_form_links,.contact_form_form{width:50%;}
   .contact_form_links div{width:80%;}
   .contact_form_links__t1{font-size:1.2rem;}
   .contact_form_links__t2{font-size:1.4rem;margin-bottom:.5rem;}
   .contact_form_links__t3{font-size:.9rem;}
   .contact_form_links_con__el{font-size:1.1rem;}

   .footer_con_links{padding:0 3rem;}
   .footer_con_links__t1{font-size:2rem;margin-bottom:.5rem;}
   .footer_con_links__el,.footer_con_social__el{font-size:1.3rem;margin-bottom:.3rem;}
   .footer_con_links__el i,.footer_con_social__el i{font-size:1.4rem;margin-right:.8rem!important;}
}