@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{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate="">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
            
            
            body{font-family: 'Roboto Condensed';scroll-behavior: smooth;background: var(--background-color);}
            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;}
            /*@media (max-width: 40.06rem) {p{font-size:1em;}}*/
            .container{width:90%;margin:0 auto;overflow: hidden;}
            main{padding: 150px 0 0 0;}
            main .container{max-width: 1080px;}
            main.mobile .container{max-width: 360px;}

            /*    HEADER    */
            header{background: var(--primary-color);width:100%;margin: 0 auto;align-items: center;overflow: hidden;display: grid;position: absolute;z-index: 10;top:10px;left:0;}
            header .logoContainer{max-width:160px;align-items: center;margin:0 auto;}
            


            footer{padding: 50px 0;background-color:var(--dark-color);}
           
            footer .card{width: 100%;background-color: transparent;margin: 0 auto;color: #000;display: grid;grid-template-columns: 1fr 1fr;}
            footer .card .innate-map{width: 90%;max-width: 260px;margin: 0 auto;}
            footer .card a{text-decoration: none;color: var(--dark-color)}
            footer .card .btn-golden{border: 1px solid var(--secondary-color);color: var(--secondary-color);padding: 15px 25px;background: transparent;border-radius: 25px;text-align: center;margin: 0 auto;transition: all 300ms ease-in;}
            footer .card .btn-golden:hover{cursor: pointer;}
            footer .card .btn-golden a{color: var(--secondary-color);}
            footer .card .btn-light{padding: 15px 25px;border: 1px solid transparent;background: var(--secondary-color);border-radius: 50px;color: var(--white-color);transition: all 300ms ease-in;}
            footer .card .btn-light:hover{cursor: pointer;}
            footer .card .row{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 20px auto;max-width: 360px;}
            footer .card .card-body{padding: 1rem 0;}
            footer .card .card-body .card-text{padding: 5px 0 0 0;}
            footer .card .card-body .center{text-align:center;}
            footer .card .card-title{color:var(--secondary-color);font-size: 2em; margin: 0}
            footer .card .card-footer{grid-column-start: 1;grid-column-end: 3;  display: grid;grid-template-columns: 1fr 1fr;}
            footer .card .card-footer2{grid-column-start: 1;grid-column-end: 3;  }
            footer .text-right{width:   45%;margin: 0 auto 15px auto;color:#000;}
            footer .Horarios_title{color:var(--secondary-color);margin:25px 0 5px 0;}


            footer #contactoFooter{display: grid;grid-template-columns: 1fr;grid-gap: 30px;align-items: center;}
            footer .footer_social_container{display: grid;grid-template-columns: repeat(3,40px);align-items: center;justify-content: center;grid-gap: 30px;}
            footer .footer_social_container img{opacity:.5;}
            
            footer .footerLogoContainer{text-align: center;}
            footer .certificacionesContainer{display: grid;grid-template-columns: 1fr 1fr;text-align: center;}

            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;}

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

            }
            @media (max-width:768px) {
              footer .card{max-width: 320px;grid-template-columns: 1fr;}
              footer .card .card-footer{grid-template-columns: 1fr;grid-column-start: 1;grid-column-end: 2;}
              footer .card .card-footer2{grid-column-start: 1;grid-column-end: 2;  }
              footer #contactoFooter{grid-template-columns: 1fr;}
              footer .socialContainer{grid-column-start: 1;grid-column-end: 2;}
              footer .footer_aviso_container{padding: 50px 0 0 0;}
              footer .certificacionesContainer{grid-template-columns: 1fr;grid-gap: 20px;}
            }
            


            /*    FIRST CONTAINER   */
            .firstContainer{padding:0 0 200px 0;}
            .firstContainer#lastContainer{padding:0;}
            .firstContainer .maps-container{max-width:150px;margin:0 auto;}
            .firstContainer h1{font-size: 2.5em;color: var(--secondary-color);font-weight: 700;text-align:center;}
            .firstContainer p{font-size: 1.2em;text-align:center;}
            .firstContainer p small{font-size: .7em;text-align:center;}
            .firstContainer form{text-align: center;width: calc(100% - 10px); max-width: 360px; display:flex;flex-direction:column;grid-gap:10px;margin:25px auto;}
            
            .firstContainer .container form input[type="text"],
            .firstContainer .container form input[type="email"],
            .firstContainer .container form input[type="tel"]{background: var(--white-color);color:var(--dark-color);padding: 15px 10px;outline: none;margin: 0;width: calc(100% - 22px);border-radius: 10px;border: 1px solid var(--secondary-color);font-family: 'Roboto Condensed';transition:all 300ms ease-in-out;}
            
            .firstContainer .container form select{background: var(--white-color);color:var(--dark-color);padding: 15px 10px;outline: none;margin: 0;width: 100%;border-radius: 10px;border: 1px solid var(--secondary-color);font-family: 'Roboto Condensed';transition:all 300ms ease-in-out;}
            .firstContainer .container form p{font-size:1rem;color:#989898;}
            .firstContainer .container forminput[type="text"]:focus,
            .firstContainer .container form input[type="email"]:focus,
            .firstContainer .container form input[type="tel"]:focus
            {border: 1px solid var(--third-color);}
            .firstContainer .container form input[name="messageAgendaCita"]{background:transparent;border:0;border-radius:0;padding:0;}
            .firstContainer .container form ul{list-style: none;text-align: left;}
            .firstContainer .container form ul li{padding:5px 0;}
            .firstContainer .container form a{color: var(--secondary-color);}
            .firstContainer .container form .check_container{ display:grid; grid-template-columns: 30px auto;text-align: left;width: 200px;margin:25px auto 0 auto;}
            .firstContainer .container form .check_container p{text-align:left;font-size: .9em;max-width: 100%;margin: 0;}
            .firstContainer .container form .btn-golden-full{width:calc(100% - 10px); font-size:1rem; padding: 15px 10px; border: 1px solid transparent; background: var(--secondary-color);border-radius: 10px;color: var(--white-color); font-family: 'Roboto Condensed'; transition: all 300ms ease-in;}
            .firstContainer .container form .btn-golden-full:hover{cursor: pointer;border: 1px solid var(--secondary-color);color: var(--secondary-color);background: transparent;}
            .firstContainer .container form .btn-golden-full:disabled{opacity:.5;touch-action: none;pointer-events: none;}
            .firstContainer .container .glider-contain{max-width:360px;margin:50px auto 0 auto; }
            
            @media (max-width:350px) {
                .firstContainer form{grid-gap:5px;width:100%;}
                .firstContainer .container form .btn-golden-full{width:100%;}
            }
            
            /*VENTAJAS*/
            .ventajas{position:relative;background-color:var(--background-ventaja);padding:100px 0;}
            .ventajas .vertebraContainer{position:absolute;top:-215px;left:80%;width:360px;}
            .ventajas h2{font-size: 2.5em;color: var(--secondary-color);font-weight: 700;text-align:center;}
            .ventajas .card{display:grid;grid-template-columns:1fr 1fr; max-width:360px; margin:50px auto; box-shadow:0px 5px 10px rgba(237,237,237,0.5);}
            .ventajas .card .card-right img{border-top-left-radius:15px;border-bottom-left-radius:15px;}
            .ventajas .card .card-left{display:grid;align-items:center;justify-items:center; text-align:center;background-color:var(--white-color);color:var(--dark-color);border-top-right-radius:10px;border-bottom-right-radius:10px;}
            .ventajas .card .card-left p{max-width:70%;font-size:1.2em;}
            
            
            @media (max-width:768px) {
                .ventajas .vertebraContainer{right:-15%;left:unset;}
            }






            /* padecimientosSection */
            .padecimientosSection{position: relative;overflow-x: clip;padding: 100px 0 0 0;}
            .padecimientosSection .aparecerLeft{opacity: 0;transform: translate(-150px,0);}
            .padecimientosSection .container{display: grid;grid-template-columns: 1fr 1fr;align-items: center;}
            .padecimientosSection h2{text-align: right;font-size: 2em;color: var(--secondary-color);font-weight: 400;margin-top: 0;}
            .padecimientosSection ul{max-width: 170px;margin-left: 50px;position: relative;}
            .padecimientosSection ul li{margin: 10px 0;opacity: 0;transform: translate(0,-100px);}
            .padecimientosSection ul li p{font-size: 1em;}
            .padecimientosSection .btn{font-size: 1.2em;width: 360px;text-align: center;margin: 50px auto 25px auto;padding: 15px 25px ;border: 1px solid transparent;background: var(--secondary-color);border-radius: 50px;color: var(--white-color);transition: all 300ms ease-in;grid-column-start: 1;grid-column-end: 3;}
            .padecimientosSection .btn a{color:var(--white-color);}
            .padecimientosSection .btn:hover{cursor: pointer;background: transparent;color: var(--secondary-color);border: 1px solid var(--secondary-color);}
            .padecimientosSection .btn:hover a{color: var(--secondary-color);}
            .padecimientosSection #padecimientosBack{position: absolute;bottom: 20px;right: 0;z-index:-1; width: 25%;}
            .padecimientosSection ul svg{max-width: 25px;position: absolute; top: 25px;left: -10%;}
            #flechaDash{stroke-dasharray: 595;  stroke-dashoffset: 0;}
            .svg_icons{display: none;}
            @media (max-width:768px) {
              .padecimientosSection .container{display: block;}
              .padecimientosSection h2{text-align: center; }
              .padecimientosSection ul{max-width: 50%;margin: 0 auto;}
              .padecimientosSection ul li {margin: 0;}
              .padecimientosSection .btn{width: calc(200px - 45px);padding: 10px 15px;font-size: 1em;}
              .padecimientosSection ul svg{max-width: 20px;position: absolute; top: 0;left: -5px;}
              .padecimientosSection #padecimientosBack{right: -50px;width: 200px;height: 400px;}
            }


            /*  pasos   */
            .diagnosticoSection{padding: 100px 0 0 0;}
            .diagnosticoSection .center{opacity: 0;transform: translate(-150px,0);text-align: center;color: var(--secondary-color);}
            .diagnosticoSection p.center{margin: 0;font-size: 1em;}
            .diagnosticoSection h2.center{font-weight: 300;margin: 0;font-size: 2em;}
             .pasosList{opacity: 0;position: relative;margin: 50px auto 0 auto; width:100%;max-width: 700px; background:transparent;color:#fff;}
             .pasosList ul{margin: 0 auto; width: 100%; padding: 0; display: inline-block;}
             .pasosList li{word-spacing: 0;width: 100%;list-style: none;margin: 0 auto;border-top: 1px solid #000;border-right: none;border-bottom:none;cursor: pointer;}
             .pasosList li .pasoTitle{font-size: 1em;color: #000;text-align: left;width: 85%;margin:10px auto;position: relative;transition: all 100ms ease-in;transform: translate(0,-100px);opacity: 0;}
             .pasosList li .pasoTitle span {font-size: 2em;transition: all 100ms ease-in;transform: rotate(-90deg);transform-origin:50%; position: absolute;
              top: 0;right: 0px;width: 10px;height: 27px;line-height: 20px;}
             .pasosList li:hover{cursor: pointer;background: var(--secondary-color);color: var(--white-color);}
             .pasosList li:hover .pasoTitle{cursor: pointer;color: var(--white-color);}
             .pasosList li:hover .pasoTitle span {transform: rotate(-90deg);}
             .pasosList li .item {display: grid;grid-template-columns: 1fr 2fr;justify-items: center;align-items: center;width: 100%;background-color:var(--background-color);text-align: center;height: 0;overflow: hidden;transition: all 300ms ease-in-out;}
             .pasosList li .item p{color: #000;text-align: left;}
             .pasosList input[type="radio"]{display: none;}
             .pasosList input[type="radio"]:checked + label{background: var(--secondary-color);display: grid;}
             .pasosList input[type="radio"]:checked + label .pasoTitle{color: var(--white-color);}
             .pasosList input[type="radio"]:checked + label .item {height: auto;padding: 25px 0;}
             .pasosList input[type="radio"]:checked + label span{transform: rotate(90deg);}
             @media (max-width:768px) {
                .pasosList li .item{grid-template-columns: 1fr;}
                .pasosList li .item p{text-align: center;}
              }


              /*  compromiso */
            .compromisoSection{padding:100px 0 0 0 ;} 
            .compromisoSection #compromisoContainer{opacity: 0;transform: translate(-150px,0);}
            .compromisoSection .rotateContainer{opacity: 0;}

            .compromisoSection #compromisoContainer h2{color: var(--secondary-color);font-size: 2em;text-align: center;font-weight: 300;}
            .compromisoSection #compromisoContainer {text-align: center;}
            .parallax{position: relative;height: 65vh;width: 90%;max-width: 1080px;margin:10vh auto 0 auto;}
            .sucursalesGreenDot{opacity: 0;position: absolute;top: 50%;right: 0;z-index: 9;text-align: center;color: var(--white-color);display: grid;align-items: center;padding: 30px 50px 80px 50px;width: 145px;height: 100px;background-image:url('img/sucursales_circulo_verde.png');background-size:contain;}
            .sucursalContainer{opacity: 0;position: absolute;top: 0;right: 0;width: 50%;max-width: 393px;}
            .sucursal2Container{opacity: 0;position: absolute;top: 50%;left: 0;width: 50%;max-width: 400px;}
            #warped {display: block; width:300px; height:300px;position: absolute;top: 0%;left: 0%;z-index: 9;}
            
            .compromisoSection #btnContainer{text-align: center;opacity: 0;} 
            .compromisoSection .btn button{border: 1px solid var(--secondary-color);color: var(--secondary-color);padding: 15px 25px;background: transparent;border-radius: 25px;text-align: center;margin: 0 auto;transition: all 300ms ease-in;} 
            .compromisoSection .btn button:hover{color: var(--primary-color);background: var(--secondary-color);} 
            @media (max-width:768px) {#warped {left: 0;}}
            @media (max-width:550px) {#warped {left: -25px;width: 150px;height: 150px;}}
            @media (max-width:360px) {
              #warped {top: 0;left: 0;}
              .parallax{max-width: 360px;width: 100%;}
              .compromisoSection #btnContainer{margin-top: 50px}
            }


            /* quiropractica Pura */
            .quiropracticaPuraSection{padding:100px 0 0 0;position: relative;}
            .quiropracticaPuraSection .bjplamerContainer{opacity: 0;position: absolute;top: -100px;right: 0;width: 50%;height: 50%;max-width: 360px;}
            .quiropracticaPuraSection .center2{opacity: 0;transform: translate(-150px,0);}
            .quiropracticaPuraSection h2.center2{color: var(--secondary-color);font-size: 2em;font-weight: 300;text-align: center;}
            .quiropracticaPuraSection p.center2{text-align: center;}
            .quiropracticaPuraSection .queesquiropracticaBack{position: absolute;bottom: 0;left: 0;height: 30vh;width: 100%;z-index: -1;}
            .quiropracticaPuraSection .queesquiropracticaBack .container{max-width: 760px;}

            .quiropracticaPuraSection .btn{position: relative;width: 80%;margin: 50px auto 25px auto;max-width: 350px;}
            .quiropracticaPuraSection .btn span{display: grid;align-items: center;justify-items: center;color: var(--white-color);font-size: 1em;position: absolute;width: 100%;height: 100%;text-align: center;left: 0;top: 0;}
            #puraPath{stroke-dasharray: 1028; stroke-dashoffset: 0;}
            @media (max-width:360px) {
              .quiropracticaPuraSection .btn{font-size: 1em;}
            }



            /*    animations    */
            .glow{-webkit-animation:glow 1s infinite;-moz-animation:glow 1s infinite;-ms-animation:glow 1s infinite;animation:glow 1s infinite;}    
            .rotate{-webkit-animation:rotate 10s linear infinite;-moz-animation:rotate 10s linear infinite;-ms-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;}

            @keyframes rotate{from{transform:rotate(0) scale(.8);}to{transform:rotate(360deg) scale(.8);}}
            @keyframes glow{
                from{opacity:1;transform:scale3d(1,1,1)}
                25%{opacity: .8;}
                50%{opacity:1;transform:scale3d(1.05,1.05,1.05)}
                75%{opacity: .8;}
                to{opacity: 1;transform:scale3d(1,1,1)}
            }
            .headShake{animation: headShake 8s ease-in-out infinite;}
            .headShake2{animation: headShake2 8s ease-in-out infinite;}
            .headShake3{animation: headShake3 8s ease-in-out infinite;}
            .headShake4{animation: headShake4 8s ease-in-out infinite;}
            .headShake5{animation: headShake5 8s ease-in-out infinite;}
            .headShake6{animation: headShake6 8s ease-in-out infinite;}
            .headShake7{animation: headShake7 8s ease-in-out infinite;}
            .headShake8{animation: headShake8 8s ease-in-out infinite;}

            @keyframes headShake{
                0%{transform:translateX(0)}
                2%{transform:translateX(-6px) rotateY(-9deg)}
                4%{transform:translateX(5px) rotateY(7deg)}
                6%{transform:translateX(-3px) rotateY(-5deg)}
                8%{transform:translateX(2px) rotateY(3deg)}
                10%,100%{transform:translateX(0)}
            }
            @keyframes headShake2{
                0%,10%{transform:translateX(0)}
                12%{transform:translateX(-6px) rotateY(-9deg)}
                14%{transform:translateX(5px) rotateY(7deg)}
                16%{transform:translateX(-3px) rotateY(-5deg)}
                18%{transform:translateX(2px) rotateY(3deg)}
                20%,100%{transform:translateX(0)}
            }
            @keyframes headShake3{
                0%,20%{transform:translateX(0)}
                22%{transform:translateX(-6px) rotateY(-9deg)}
                24%{transform:translateX(5px) rotateY(7deg)}
                26%{transform:translateX(-3px) rotateY(-5deg)}
                28%{transform:translateX(2px) rotateY(3deg)}
                30%,100%{transform:translateX(0)}
            }
            @keyframes headShake4{
                0%,30%{transform:translateX(0)}
                32%{transform:translateX(-6px) rotateY(-9deg)}
                34%{transform:translateX(5px) rotateY(7deg)}
                36%{transform:translateX(-3px) rotateY(-5deg)}
                38%{transform:translateX(2px) rotateY(3deg)}
                40%,100%{transform:translateX(0)}
            }
            @keyframes headShake5{
                0%,40%{transform:translateX(0)}
                42%{transform:translateX(-6px) rotateY(-9deg)}
                44%{transform:translateX(5px) rotateY(7deg)}
                46%{transform:translateX(-3px) rotateY(-5deg)}
                48%{transform:translateX(2px) rotateY(3deg)}
                50%,100%{transform:translateX(0)}
            }
            @keyframes headShake6{
                0%,50%{transform:translateX(0)}
                52%{transform:translateX(-6px) rotateY(-9deg)}
                54%{transform:translateX(5px) rotateY(7deg)}
                56%{transform:translateX(-3px) rotateY(-5deg)}
                58%{transform:translateX(2px) rotateY(3deg)}
                60%,100%{transform:translateX(0)}
            }
            @keyframes headShake7{
                0%,60%{transform:translateX(0)}
                62%{transform:translateX(-6px) rotateY(-9deg)}
                64%{transform:translateX(5px) rotateY(7deg)}
                66%{transform:translateX(-3px) rotateY(-5deg)}
                68%{transform:translateX(2px) rotateY(3deg)}
                70%,100%{transform:translateX(0)}
            }
            @keyframes headShake8{
                0%,70%{transform:translateX(0)}
                72%{transform:translateX(-6px) rotateY(-9deg)}
                74%{transform:translateX(5px) rotateY(7deg)}
                76%{transform:translateX(-3px) rotateY(-5deg)}
                78%{transform:translateX(2px) rotateY(3deg)}
                80%,100%{transform:translateX(0)}
            }

            @-webkit-keyframes aparecerLeft{from{opacity:0;transform: translate(-100px,0);}to{opacity:1;transform: translate(0px,0);}}
            @-moz-keyframes aparecerLeft{from{opacity:0;transform: translate(-100px,0);}to{opacity:1;transform:  translate(0px,0);}}
            @-ms-keyframes aparecerLeft{from{opacity:0;transform: translate(-100px,0);}to{opacity:1;transform:  translate(0px,0);}}
            @-o-keyframes aparecerLeft{from{opacity:0;transform: translate(-100px,0);}to{opacity:1;transform: translate(0px,0);}}
            @keyframes aparecerLeft{from{opacity:0;transform: translate(-100px,0);}to{opacity:1;transform: translate(0px,0);}}

            @-webkit-keyframes aparecerLeftRight{from{background-position:-100% 50%;}to{background-position:10% 50%;}}
            @-moz-keyframes aparecerLeftRight{from{background-position:-100% 50%;}to{background-position:10% 50%;}}
            @-ms-keyframes aparecerLeftRight{from{background-position:-100% 50%;}to{background-position:10% 50%;}}
            @-o-keyframes aparecerLeftRight{from{background-position:-100% 50%;}to{background-position:10% 50%;}}
            @keyframes aparecerLeftRight{from{background-position:-100% 50%;}to{background-position:10% 50%;}}