@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
:root{
  --background-color: #fffcf2;
  --primary-color: #fffcf2;
  --primary-color-rgb: '255, 252, 242';
  --secondary-color: #008833;
  --secondary-color-rgb: '0,136,51';
  --third-color: #d7c29e;
  --white-color: #ffffff;
  --dark-color: #000;
  --grey-color:#C8C8C8;
  --background-ventaja:#EDEAE1;
}          
            
body{font-family: 'Roboto Condensed';scroll-behavior: smooth;background: var(--background-color);padding:0;margin: 0;}
h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif;}
p{margin:0;padding:0;font-family: 'Roboto Condensed';font-size:1em;}
a{font-family: 'Roboto Condensed';text-decoration: none;}
.container{width:90%;margin:0 auto;overflow: hidden;max-width: 1920px;}

@media(max-width:460px){
    .container{max-width: 360px;}
}

button{font-family: 'Roboto Condensed'; transition: all 300ms ease-in-out; background: var(--secondary-color);color:var(--white-color);border:0;outline:0;font-size: 24px;padding:10px 30px;border-radius: 50px;}
button:hover{cursor: pointer; transform:scale(1.1); opacity: .8;}

button.light{background: var(--third-color);font-size:16px;}

        /*    HEADER    */
        header{background: var(--dark-color);width:calc(100% - 40px);margin: 0 auto;padding:20px;}
        header .container{display: grid;justify-content: center; align-items: center; overflow: visible;height:calc(100vh - 150px);}
        header .logoContainer{max-width:344px;align-items: center;margin:0 auto;}
        header .logoContainer img{width: 100%;}
          
        footer{padding: 50px 0;background-color:var(--dark-color);}
        footer .container{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;}
        footer #contactoFooter{max-width:360px;display: grid;grid-template-columns: 1fr;}
        footer #contactoFooter p{color:var(--white-color)}
        footer .footer_social_container{display: grid;grid-template-columns: repeat(3,40px);align-items: center;grid-gap: 30px;}
        footer .footer_social_container img{width:100%;}
        footer .footer_aviso_container{display: flex;justify-content: center;align-items: center;padding:20px 0 0 0;}
        footer .footer_aviso_container p{color: #989898;}
        footer .footer_aviso_container a{color: #989898;text-decoration: underline;}
        footer .footer_aviso_container .p-2{padding: 5px;}
        footer .footer_form h2{color:var(--third-color);text-align: center;}
        footer .footer_form form{max-width:360px;}
        footer .footer_form form input[type="text"],
        footer .footer_form form input[type="email"],
        footer .footer_form form input[type="tel"]{background: transparent;color:var(--white-color);padding: 15px 10px;border: 1px solid var(--third-color);margin-bottom:15px;width: calc(100% - 32px);outline:0;font-family: 'Roboto Condensed';transition:all 300ms ease-in-out;}
        footer .footer_form form select{background: var(--dark-color);color:var(--white-color);padding: 15px 10px;border: 1px solid var(--third-color);margin-bottom: 15px;width: calc(100% - 10px);outline:0;font-family: 'Roboto Condensed';transition:all 300ms ease-in-out;}
        footer .footer_form form p{font-size:1rem;color:#989898;}
        footer .footer_form forminput[type="text"]:focus,
        footer .footer_form form input[type="email"]:focus,
        footer .footer_form form input[type="tel"]:focus{border: 1px solid var(--third-color);}
        footer .footer_form form input[name="messageAgendaCita"]{background:transparent;border:0;border-radius:0;padding:0;font-size:1.1rem;font-weight:800;text-align:center;}
        footer .footer_form form ul{list-style: none;text-align: left;}
        footer .footer_form form ul li{padding:5px 0;}
        footer .footer_form form a{color: var(--secondary-color);}
        footer .footer_form form .check_container{ display:grid; grid-template-columns: 30px auto;text-align: left;width: 200px;margin:25px auto 0 auto;}
        footer .footer_form form .check_container p{text-align:left;font-size: .9em;max-width: 100%;margin: 0;}
        footer .footer_form form .btn-golden-full{width:calc(100% - 10px); font-size:1rem; padding: 15px 10px; border: 1px solid transparent; background: var(--secondary-color);border-radius: 50px;color: var(--white-color); font-family: 'Roboto Condensed'; transition: all 300ms ease-in;}
        footer .footer_form form .btn-golden-full:hover{cursor: pointer;border: 1px solid var(--secondary-color);color: var(--secondary-color);background: transparent;}
        footer .footer_form form .btn-golden-full:disabled{opacity:.5;touch-action: none;pointer-events: none;}
        footer .footer_form .glider-contain{max-width:360px;margin:50px auto 0 auto; }

        @media (max-width:1080px) {
            footer #contactoFooter{grid-template-columns: 1fr;}
            footer .footerLogoContainer{grid-row-start: 1;}

        }
        @media (max-width:768px) {
            footer .container{grid-template-columns: 1fr;}
            footer #contactoFooter{grid-template-columns: 1fr;grid-gap:25px;}
            footer .socialContainer{grid-column-start: 1;grid-column-end: 2;}
            footer .footer_social_container{        justify-content: space-evenly;}
            footer #contactoFooter p{text-align: center;}
            footer .footer_aviso_container{padding: 50px 0 0 0;}
            footer .certificacionesContainer{grid-template-columns: 1fr;grid-gap: 20px;}
        }
        @media (max-width:630px) {
            header .logoContainer{max-width:200px;}
        }
         @media (max-width:450px) {
            header button{transform: scale(.7);}
        }