body { background-color: #F5F5F5; position: relative;} @media only screen and (min-width: 320px) and (max-width: 359px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 60px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: flex; color: #fff; font-size: 24px; font-weight: 600; cursor: pointer ;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 70px; margin-top: -5px; position: absolute; top: 0; right: 10px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none; color: #fff; font-size: 28px; font-weight: 600; margin-top: 8px; cursor: pointer;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } .modal__container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 6000; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; justify-content: flex-start; align-items: stretch; } .modal__container.modal--is-open { background-color: rgba(0, 0, 0, 0.85); pointer-events: auto; opacity: 1; } .modal__menu__content__wrapper { background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%), linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%); z-index: 1; padding: 2rem; width: 80%; max-width: 400px; height: 100%; box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); transform: translateX(-100%); transition: transform 0.5s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; z-index: 2000; } .modal__container.modal--is-open .modal__menu__content__wrapper { transform: translateX(0); } .modal__menu__content { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 1rem; z-index: 9000; } .modal__container.modal--is-open .modal__menu__content { opacity: 1; transform: translateX(0); transition-delay: 0.2s; } .modal__close__btn { position: absolute; top: 1rem; right: 1rem; background: none; border: none; color: #fff; font-size: 1.5rem; cursor: pointer; z-index: 1001; } .modal__close__btn:hover { color: red;} .modal__menu__content figure img { max-width: 120px; margin-top: -20px; } .nav__modal__menu { margin-top: -20px;} .nav__modal__menu ul { list-style: none; padding: 0; margin: 0; text-align: center; } .nav__modal__menu li { margin-bottom: 1rem; } .nav__modal__menu a { color: #fff; text-decoration: none; font-size: 1rem; transition: color 0.3s ease; display: block; padding: 0.5rem; } .nav__modal__menu a:hover { color: #00bfff; } .nav__modal__link__social ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 2rem; margin-top: 10px;} .nav__modal__link__social a { color: #fff; font-size: 1.2rem; transition: color 0.3s ease; } .nav__modal__link__social a:hover { color: #00bfff; } section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 65%; transform: translate(-50%, -70%); width: 90%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; display: none;} section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 100%; height: auto; padding: 0; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px; flex-direction: column;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; display: none; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 100%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 2px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 10px; right: 10px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } } @media only screen and (min-width: 360px) and (max-width: 729px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: flex; color: #fff; font-size: 28px; font-weight: 600; cursor: pointer ;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 100px; margin-top: 0px; position: absolute; top: 0; right: 10px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none; color: #fff; font-size: 28px; font-weight: 600; margin-top: 8px; cursor: pointer;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # MODAL MENU # # # # # # # # # # */ .modal__container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 6000; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; justify-content: flex-start; align-items: stretch; } .modal__container.modal--is-open { background-color: rgba(0, 0, 0, 0.85); pointer-events: auto; opacity: 1; } .modal__menu__content__wrapper { background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%), linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%); z-index: 1; padding: 2rem; width: 80%; max-width: 400px; height: 100%; box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); transform: translateX(-100%); transition: transform 0.5s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; z-index: 2000; } .modal__container.modal--is-open .modal__menu__content__wrapper { transform: translateX(0); } .modal__menu__content { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2rem; z-index: 9000; } .modal__container.modal--is-open .modal__menu__content { opacity: 1; transform: translateX(0); transition-delay: 0.2s; } .modal__close__btn { position: absolute; top: 1rem; right: 1rem; background: none; border: none; color: #fff; font-size: 2rem; cursor: pointer; z-index: 1001; } .modal__close__btn:hover { color: red;} .modal__menu__content figure img { max-width: 180px; margin-top: -10px; } .nav__modal__menu { margin-top: -40px;} .nav__modal__menu ul { list-style: none; padding: 0; margin: 0; text-align: center; } .nav__modal__menu li { margin-bottom: 1.5rem; } .nav__modal__menu a { color: #fff; text-decoration: none; font-size: 1.2rem; transition: color 0.3s ease; display: block; padding: 0.5rem; } .nav__modal__menu a:hover { color: #00bfff; } .nav__modal__link__social ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 3rem; } .nav__modal__link__social a { color: #fff; font-size: 1.4rem; transition: color 0.3s ease; } .nav__modal__link__social a:hover { color: #00bfff; } section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 65%; transform: translate(-50%, -70%); width: 90%; height: 60%; display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; display: none;} section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 100%; height: auto; padding: 0; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px; flex-direction: column;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; display: none; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 100%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 2px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } } @media only screen and (min-width: 730px) and (max-width: 767px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 110px; margin-top: -5px; ; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 30px; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;} section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); width: 90%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 2rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; display: none;} section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 100%; height: auto; padding: 0; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 30%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 2px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */ .modal__container { display: none;} } @media only screen and (min-width: 768px) and (max-width: 1023px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 110px; margin-top: -5px; ; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 30px; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;} section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); width: 90%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 2rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 60%; height: auto; padding: 0rem 0rem 0 2rem; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 30%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */ .modal__container { display: none;} } @media only screen and (min-width: 1024px) and (max-width: 1365px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 130px; margin-top: -5px; ; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 80px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 50px; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 200px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;} section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); width: 90%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 2rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 60%; height: auto; padding: 0rem 0rem 0 2rem; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 30%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */ .modal__container { display: none;} } @media only screen and (min-width: 1366px) and (max-width: 1599px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 130px; margin-top: -5px; ; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 80px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 50px; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 200px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;} section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); width: 80%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 2rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 60%; height: auto; padding: 0rem 0rem 0 2rem; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 30%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */ .modal__container { display: none;} } @media only screen and (min-width: 1600px) { /* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */ section#consult_map_search { width: 100%; height: 100vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1758132281/contact_cs8oyr.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; } section#consult_map_search::before { content: ""; width: 100%; height: 100vh; background: #000; position: absolute; opacity: 60%; top: 0px; left: 0px; border-radius: 0px;} section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; } section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;} section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 130px; margin-top: -5px; ; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 80px; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 50px; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 200px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; } section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;} section#consult_map_search div.consult__contato__container { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.38); ;position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); width: 80%; height: 70%; display: flex; align-items: center; justify-content: space-between; padding: 2rem; border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container { width: 40%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(1px); box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); border-radius: 20px; } section#consult_map_search div.consult__contato__container div.consult__img__container img { width: 100%; height: 100%; object-fit: fill; border-radius: 20px;} section#consult_map_search div.consult__contato__container form { width: 60%; height: auto; padding: 0rem 0rem 0 2rem; } section#consult_map_search div.consult__contato__container form div.input__consult__50 { display: flex; align-items: center; gap: 20px;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult:active { border: 1px solid #00bfff} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__50 div.input__nome__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 { width: 100%; height: 100%; padding: 1rem 0; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult { border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input { background-color: transparent; width: 100%; padding: 1rem; border-radius: 20px; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__telefone__consult input::placeholder { color: #fff; font-weight: 300; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult { background-color: transparent; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.38); width: 100%; border-radius: 20px;; height: 200px; } section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea {border-radius: 20px; width: 100%; height: 100%; padding: 1rem; color: #00bfff; font-weight: 600;} section#consult_map_search div.consult__contato__container form div.input__consult__100 div.input__mensagem__consult textarea::placeholder { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Mokoko';} section#consult_map_search div.consult__contato__container form div.input__consult__submit {background-color: #007bff; width: 30%; height: 100%; border-radius: 20px; cursor: pointer; ; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.38); ;} section#consult_map_search div.consult__contato__container form div.input__consult__submit input { width: 100%; height: 100%; border-radius: 20px; padding: 1rem; color: #fff; font-weight: 600; font-size: 18px; ; } div.desenvolvimento { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} div.desenvolvimento p { font-size: 14px; font-weight: 300; color: #0d475e; } div.desenvolvimento p a { font-size: 10px; font-weight: 600; color: red;} /* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */ div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; } .pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; } @keyframes pulsate-bck { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; } div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; } /* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */ .modal__container { display: none;} }