@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

nav .container #nav__items a {
    position: relative;
}

nav .container #nav__items a.a::before {
    content: '';
    position: absolute;
    bottom: 0;
    background: var(--white-color);
    height: 3px;
    width: 0;
    opacity: 0;
    transition: all 800ms ease;
}

nav .container #nav__items a.a:hover::before {
    width: 100%;
    opacity: 1;
    bottom: -1rem;
}

* > input, textarea, select {
    font-family:'Montserrat',sans-serif;
}

*{margin:0;padding:0;border:0;font-family:'Montserrat',sans-serif;outline:0;list-style:none;text-decoration:none;box-sizing:border-box}:root{--primary-color: #480ca8;--primary-color-variant: #4cc9f0;--secondary-color: #f72585;--white-color: #ffffff;--light-color: rgb(255, 255, 255, 0.7);--black-color: #0c031b;--dark-color: rgb(12, 3, 27, 0.7);--success-color: #54eb72;--container-lg: 82%;--container-md: 90%}html{scroll-behavior:smooth}body{font-family:'Montserrat',sans-serif;line-height:1.5;color:var(--dark-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:scroll}.container{width:var(--container-lg);margin:0 auto}img{display:block;width:100%}h1,h2,h3,h4,h5{line-height:1.2}section{margin-top:6rem}.btn{display:inline-block;width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;border-radius:.4rem;background:var(--secondary-color);color:var(--white-color);font-weight:700;cursor:pointer;transition:all 400ms ease}.btn:hover{background:rgba(247,37,133,.8);box-shadow:0 1rem 1.6rem rgba(12,3,27,.15)}.btn-primary{color:var(--white-color);background:var(--primary-color)}nav{width:100vw;height:5rem;position:fixed;z-index:10;display:grid;place-items:center}.container{display:flex;justify-content:space-between;align-items:center;}ul{display:flex;gap:3rem;align-items:center}nav ul a{transition:all 700ms ease;font-family:text;color:var(--light-color)}nav ul a:hover{color:var(--white-color);}nav ul a.btn:hover{border-color:rgba(0,0,0,0);padding-bottom:.75rem;padding-top:.75rem}nav.window-scroll ul a.btn:hover{border-color:rgba(0,0,0,0);padding-bottom:.75rem}nav.window-scroll ul a{transition:all 700ms ease;border-bottom:2.7px solid rgba(0,0,0,0)}nav.window-scroll ul a:hover{border-color:var(--black-color);padding-bottom:1rem}nav button{display:none}nav a{color:var(--white-color);font-weight:400;font-size:.9rem}a.nav__logo h3{color:bisque;text-transform:uppercase;font-size:2rem;font-family:text;transition:all 2s ease}@font-face{font-family:font3;src:url(../Montserrat/static/Montserrat-Black.ttf)}.gradientBackground{background:linear-gradient(135deg, var(--primary-color), var(--primary-color-variant));color:var(--white-color)}.reverse{background:linear-gradient(-135deg, var(--primary-color), var(--primary-color-variant));color:var(--white-color)}.gradientBackground h1{color:var(--white-color)}.gradientBackground h2{color:var(--white-color)}.gradientBackground h3{color:var(--white-color)}.gradientBackground h4{color:var(--white-color)}.gradientBackground h5{color:var(--white-color)}header{height:100vh;display:grid;place-items:center}header .container{margin-top:3rem;display:grid;grid-template-columns:46% 46%;gap:8%;align-items:center;justify-content:space-between}header img{filter:hue-rotate(700deg)}.header__content h1{font-size:3.5rem;line-height:1.1;letter-spacing:-3px;font-weight:300;color:wheat}.header__content p{margin:1rem 0 1rem;color:var(--light-color);font-size:1.1rem}#services{text-align:center}#services p{margin:0 auto}#services p{margin-top:.4rem;margin-bottom:2rem}#services .container{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:2rem}#services .container article{padding:1.5rem;border-radius:1rem;display:flex;gap:1.5rem;height:-moz-fit-content;height:fit-content;transition:all 400ms ease;text-align:start}#services .container article:hover{margin-top:-1rem}#services .container article i{font-size:1.4rem}#services .container article div h4{margin-bottom:1rem}#services .container article:hover div small{color:var(--white-color)}#services .container article div small{color:var(--light-color);transition:all 500ms ease}#specialists{background:var(--primary-color-variant);color:var(--white-color);padding:3rem 0;text-align:center}#specialists p{margin-top:.6rem;margin-bottom:2rem}#specialists p{margin-left:auto;margin-right:auto}#specialists .container{width:68%;display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}#specialists .container article{background:var(--white-color);border-radius:1rem;box-shadow:0 1.5rem 1.5rem rgba(12,3,27,.1);position:relative;transition:all 700ms ease;overflow:hidden}#specialists .container article:hover{box-shadow:none}.specialist__image{height:20rem;position:relative;border-radius:1rem;overflow:hidden}#specialists .container article .specialist__details{margin:1.5rem 0;text-align:center;color:#0c031b}#specialists .container article .specialist__socials{position:absolute;top:1.2rem;right:1.2rem;display:flex;flex-direction:column;gap:1rem;opacity:0;visibility:hidden;transition:all 1s 400ms ease}#specialists .container article .specialist__socials a{background:var(--white-color);color:var(--primary-color);padding:.4rem;display:flex;font-size:1rem;border-radius:50%;transition:all 400ms ease}#specialists .container article .specialist__socials a:hover{background:var(--primary-color);color:var(--white-color)}#specialists .container article .specialist__whatsapp{background:var(--success-color);color:var(--white-color);position:absolute;left:50%;transform:translateX(-50%);bottom:30%;padding:1rem;border-radius:50%;display:flex;opacity:0;visibility:hidden;transition:all 1s 400ms ease}#specialists .container article .specialist__image::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:-100%;background:linear-gradient(135deg, rgba(72, 12, 168, 0.8), rgba(76, 201, 240, 0.8));border-radius:50%;transition:all 1s ease}#specialists .container article:hover .specialist__image::before{left:0;border-radius:1rem}#specialists .container article:hover .specialist__socials{opacity:1;visibility:visible}#specialists .container article:hover .specialist__whatsapp{opacity:1;visibility:visible}.swiper{text-align:center;width:var(--container-lg)}.swiper p{margin-top:.2rem;margin-bottom:2rem}.swiper{margin-bottom:4rem}.swiper .swiper-wrapper article{padding:1.5rem 2rem;border-radius:1rem;cursor:default;font-size:.9rem}.swiper .swiper-wrapper article p{text-align:initial;margin:0;margin-bottom:1.5rem;width:100%}.swiper .swiper-wrapper article .patient{display:flex;align-items:center;gap:1rem;float:right;clear:both}.swiper .swiper-wrapper article .patient .avatar{width:2.5rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.swiper .swiper-pagination2{display:flex;align-items:center;margin-top:1rem;justify-content:center}.swiper .swiper-pagination2 .swiper-pagination-bullet{background: #0c031b;transition:all 300ms ease}.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000;transition:all 300ms ease}#appointment{padding:3rem;color:var(--black-color);background:#ffebcd}#appointment .container{display:grid;grid-template-columns:47% 47%;gap:6%}#appointment .container .info{height:100%;width:100%}#appointment .container .info p{margin:.5rem 0 2rem;text-align:start;width:100%}#appointment .container article{display:flex;gap:1.5rem;margin-bottom:1.5rem}#appointment .container article small{margin-top:.4rem;display:block}#appointment .container article .info__icon{background:var(--primary-color);color:var(--white-color);padding:.8rem;height:-moz-fit-content;height:fit-content;border-radius:50%;display:flex;font-size:1.2rem}#appointment .container .article2 .info__icon{background:var(--primary-color-variant)}#appointment .container .article3 .info__icon{background:var(--success-color)}form{display:flex;flex-direction:column;gap:1.4rem} .place{background:var(--white-color);overflow:hidden;border-radius:4px;display:flex}.form__group .fa{position:absolute;color:var(--black-color);z-index:2;padding-top:12px;padding-left:20px}.form__group span{padding-top:12px;padding-right:50px;color:var(--black-color);font-weight:900;letter-spacing:.02em}form button.btn{display:flex;align-items:center;justify-content:center;margin:0 auto;background:var(--secondary-color)}.form__group label{font-size:.85rem;margin-bottom:.4rem;display:inline-block;font-weight:600}.form__group input,textarea,select{background:var(--white-color);padding:.8rem 1rem;display:block;width:100%;resize:none;border-radius:.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:600;font-family:'Montserrat', sans-serif;}footer{background-color:var(--black-color);color:var(--white-color);padding-top:6rem;margin-top:6rem}footer .container{display:grid;grid-template-columns:repeat(4, 1fr);gap:5rem;font-size:.85rem}footer .container a{color:var(--white-color);transition:all 400ms ease;font-weight:900}footer .container a:hover{letter-spacing:.2em;color:var(--primary-color-variant)}footer .container article{display:flex;flex-direction:column;gap:1rem}footer .container article:first-child{margin-top:-1.4rem}footer .container article a.footer__logo{font-size:2rem;transition:all 1s ease;font-weight:500}footer .container article a.footer__logo:hover{font-weight:1000}footer .container article>div{display:flex;align-items:center;gap:.6rem}footer .container article>h3{color:#4cc9f0}footer .footer__socials{gap:1rem;font-size:1.3rem}.copyright{text-align:center;padding:1.5rem 0;margin-top:4rem;border-top:1px solid var(--white-color);font-size:.9rem}@media screen and (max-width: 1024px){.container{width:var(--container-md)}section p{width:55%}nav nav .container{display:inline-block;background:rgba(0,0,0,0);color:var(--white-color)}nav button{display:inline-block;background:rgba(0,0,0,0);color:var(--white-color);font-size:2rem;cursor:pointer}nav button#close__nav-btn{display:none}nav ul{position:fixed;right:5%;top:5rem;flex-direction:column;align-items:flex-start;gap:0;display:none;perspective:300px}nav ul li{width:100%;opacity:0;animation:flipNavItem 300ms ease forwards;transform-origin:top}nav ul li:nth-child(2){animation-delay:200ms}nav ul li:nth-child(3){animation-delay:400ms}nav ul li:nth-child(4){animation-delay:600ms}nav ul li:nth-child(5){animation-delay:800ms}@keyframes flipNavItem{from{transform:rotateX(90deg)}to{transform:rotateX(0deg);opacity:1}}nav ul li a{color:var(--white-color);height:100%;display:block;padding:1.5rem 2rem;border-radius:0;background:linear-gradient(#4cc9f0, rgba(76, 201, 240, 0.88))}nav ul li a.btn{padding:1.5rem 2rem;border-radius:0}header{height:-moz-fit-content;height:fit-content;padding:2rem}header h1{font-size:2.2rem}header .container{gap:1rem}#services .container{gap:1rem;grid-template-columns:1fr 1fr}#services .container{text-align:center}#services .container article{padding:1.2rem;gap:.8rem}#services .container article:hover{margin:0}#specialists .container{grid-template-columns:1fr 1fr;padding-bottom:4rem}#appointment .container{grid-template-columns:1fr;text-align:center;height:-moz-fit-content;height:fit-content;padding-bottom:4rem}#appointment .container .info p{text-align:center}#appointment .container .info article{text-align:start}footer .container{gap:2.5rem;text-align:center}}@media screen and (max-width: 600px){section p{width:var(--container-md)}header{height:-moz-fit-content;height:fit-content;padding-top:3rem}header .container{grid-template-columns:1fr;text-align:center}.header__content{margin:.8rem 0 1.5rem;line-height:1.4}#services .container{grid-template-columns:1fr}#services .container article div h4{margin-bottom:.8rem}#specialists .container{grid-template-columns:1fr}#appointment .container{grid-template-columns:1fr;text-align:center;height:-moz-fit-content;height:fit-content}.swiper .swiper-wrapper article{padding:1.5rem}footer .container{grid-template-columns:1fr;text-align:center}footer .container article div{justify-content:center}}.window-scroll{transition:all 700ms ease;box-shadow:0 2rem 5rem rgba(12,3,27,.1);background:var(--white-color)}.window-scroll .container button{color:var(--black-color)}.window-scroll .container a.btn{color:var(--white-color)}.window-scroll .container a{color:var(--black-color);font-weight:900;font-family:text}@font-face{font-family:text;src:url(../Montserrat/static/Montserrat-ExtraBold.ttf)}.window-scroll .container h3{color:#deb887}::-webkit-scrollbar{display:none}