/* IMPORT GOOGLE FONTS */ /* font-family: "Montserrat", serif; font-weight: 100 a 900; */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* SETUP */ *{font-family: "Montserrat", serif; font-size: 14px; line-height: 1.3em; font-weight: 300;} html, body{padding: 0; margin: 0; transition: opacity 0.3s ease-in-out; scroll-behavior: smooth;} /*body{min-height: 100vw;}*/ ul{list-style: none; padding-left:0;} p{word-break: break-word;} a{text-decoration: none;} input {outline: none; border: 0;} input:focus {outline: none;} .mobile-show{display:none;} /* HEADER */ .header{width: 100%; display: flex; justify-content: space-around; gap: 20px; padding: 10px 30px 0 30px; box-sizing: border-box; position: fixed; top: 0; z-index: 999;} .header .col-1{width: 14%; display: flex; align-items: center;} .header .col-2{width: 72%; display: block; align-items: center;} .header .col-3{width: 14%; align-items:flex-start; display: flex; justify-content: space-between;} .header .logo{max-height: 60px; transition: transform 0.5s ease; margin-top: -4px;} .header .logo:hover{transform: scale(1.05);} .header .busca{width:100%; margin: 0; position: relative; display: flex; align-items: center;} .header .busca input{width:100%; padding: 15px 20px; font-weight: 500; border-radius: 16px; background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; margin: 0; transition: background 0.5s ease;} .header .busca input:focus{background-color: rgba(255, 255, 255, 0.27);} .header .busca input::placeholder{color: #fff;} .header .busca i{position: absolute; right: 12px; cursor: pointer;} .header .menu{display: flex; justify-content: center; margin: 0 0 -5px 0; text-align: center;} .header .menu li{position: relative;} .header .menu a{display: inline-block; position: relative; padding: 18px 0px; width: 140px; box-sizing: border-box; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 12px; overflow: hidden;} .header .menu a::after {opacity: 0; transition: opacity 0.4s ease; content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%);} .header .menu a:hover::after {opacity: 1;} .header .menu i {font-size: 13px; transform: translateY(1px); margin-right: 2px;} .header .menu li:hover .submenu {opacity: 1; visibility: visible;} .header .submenu{visibility: hidden; opacity:0; width: 200px; position: absolute; top: 42px; left: -30px; border-radius: 15px; padding:12px 0 8px 0; z-index: 999; text-align: center; transition: opacity 0.2s ease;} .header .submenu a{width: 190px; padding: 10px 0px;} .header .redes{display: flex; justify-content: space-around; align-items: center;} .header .redes ul{display: flex; justify-content: space-around; align-items: center; gap:10px;} .header .redes li{transition: all ease 0.3s;} .header .redes li:hover{transform: scale(1.15);} .header .horario{position: relative; line-height: 1.2em; padding:4px 0px; min-width: 110px;} .header .horario>p{font-size:12px; font-weight: 700; cursor: pointer;} .header .horario:hover div{opacity: 1; visibility: visible;} .header .horario div{opacity:0; visibility: hidden; transition:opacity 0.3s ease; background:#FFF; width: 230px; padding: 30px 20px 30px 20px; border-radius: 16px; position: absolute; right: 0; z-index: 100; border: 1px solid rgba(167, 167, 167, 0.54); text-align: center; transform: translate(25%, -4px); line-height: 1.3em;} .header .horario div h2{font-size: 14px; text-transform: uppercase; font-weight: 700; margin: 0 0 22px 0; padding: 0; line-height: 1em;} .header .horario div h5{font-size:12px; color: rgb(103, 103, 105); text-transform: uppercase; font-weight: 800; margin: 8px 0 0 0;} .header .horario div p{font-size:12px; color: rgb(103, 103, 105); margin: 0; padding: 0;} .header .horario a{font-size:12px; transition: all ease 0.4s; display: inline-block; text-decoration:none; text-transform: uppercase; border-radius: 12px; padding: 13px 26px; font-weight: 700;} .header .horario a:hover{transform: scale(1.05);} .horario-mobile{display: none;} .header .menu-mobile{display:none;border:1px solid #ffffff4b; border-radius:7px; padding: 10px 14px; margin-left: 10px; position: relative; text-align: center; transition: background 0.4s ease; cursor: pointer;} .header .menu-mobile i{font-size: 30px;} .header .menu-mobile ul i{font-size: 14px; transform: translateY(1px); margin-right: 2px;} .header .menu-mobile ul{opacity:0; visibility: hidden; position: absolute; width: 200px; position: absolute; top: 30px; right: 0px; border-radius: 15px; padding:12px 0 8px 0; z-index: 999; text-align: center; transition: opacity 0.2s ease;}} .header .menu-mobile ul a{display: inline-block; position: relative; padding: 18px 0px; width: 140px; box-sizing: border-box; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 13px; overflow: hidden;} .header .menu-mobile:hover ul {opacity: 1; visibility:visible;} .header .menu-mobile li{position: relative;} .header .menu-mobile a{display: inline-block; position: relative; padding: 9px 0px; width: 200px; box-sizing: border-box; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 13px; overflow: hidden;} .header .menu-mobile a::after {opacity: 0; transition: opacity 0.4s ease; content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%);} .header .menu-mobile a:hover::after {opacity: 1;} /* FOOTER */ .footer{position: relative; z-index: 1; width: 100%; display: flex; justify-content: space-around; gap: 40px; padding: 50px 30px 50px 30px; box-sizing: border-box; font-weight: 300; font-size: 14px; line-height: 1.1em;} .footer p{font-weight: 300; font-size: 14px;} .footer a{font-weight: 300; font-size: 14px;} .footer .col-1{width: 28%; display: block; align-items: center; text-align: left;} .footer .col-2{width: 20%; display: block; align-items: center; text-align: left;} .footer .col-3{width: 18%; display: block; align-items: center; text-align: left;} .footer .col-4{width: 20%; display: block; align-items: center; text-align: left;} .footer .col-5{width: 14%; display: block; align-items: center; text-align: left;} .footer h4 { font-size: 13px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 -2px 0;} .footer-logo {width: 100%; max-width: 180px; transition: transform 0.3s ease;} .footer-logo:hover{transform: scale(0.98);} .footer-logo-grupo {width: 40%; max-width: 180px;} .footer .redes {display: flex; flex-direction: row; justify-content:flex-start; gap: 17px;} .footer .redes li {display: flex;} .footer .redes i {transition: all .3s ease;} .footer .redes i:hover {transform: scale(0.97);} .footer .endereco-footer{margin-top: 17px;} .footer .endereco-footer .btn-section{margin:4px 0 30px 0 !important; justify-content: left;} .footer .endereco-footer .btn-section a{padding:10px 17px !important; font-size: 14px !important; border-radius: 10px !important;} .footer .endereco-footer{font-size: 14px !important; font-weight: 300;} .footer .horario p{font-size: 14px; font-weight: 300;} .footer .horario strong{font-weight: 500; font-size: 12px; text-transform: uppercase;} .footer .menu-footer li{padding:3px 0;} /*Analisar*/ .footer-lista { list-style: none;} .footer-lista li ::before {font-family:"Font Awesome 5 Free";content: "\f054";margin-right: 10px;color: #212529;font-weight: 900;font-size: 9px;} .footer-lista li a { color: rgba(36, 36, 36, 0.9); text-decoration: none; line-height: 1.5; font-size: 14px; } .footer-lista li a:hover { color: rgba(36, 36, 36, 1.0); } /*Analisar*/ .footer-argo{display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 0; box-sizing: border-box; padding: 12px 30px; border-top:1px solid #EEF0F1;} .footer-argo ul { display: flex; flex-direction: row; gap: 10px;} .footer-argo p { font-size:13px;} .footer-argo a { font-size:13px;} .footer-argo select { font-size:14px; padding: 10px 18px; border:1px solid #a3a3a3; border-radius: 6px;} footer .newsletter{position: relative; z-index: 55; display: flex; justify-content: space-between; margin-top: 30px; align-items: center; gap: 18px; box-shadow: #33333334 0px 0px 10px; padding: 20px 50px; background-color: #eef0f1;} footer .newsletter .col-1{display: flex; width: 57%; box-sizing: border-box; padding-right: 30px;} footer .newsletter .col-2{display: flex; width: 43%; position: relative;} footer .newsletter .col-1 h1{font-size: 50px; font-weight: 600; margin: 0;} footer .newsletter .col-1 p{font-size: 14px; font-weight: 400; line-height: 1.3em;} footer .newsletter form{display: flex; width: 100%; position: relative;} footer .newsletter input{padding: 15px 20px; font-weight:500; font-size:14px; box-sizing: border-box; margin-bottom: 16px; transition: all 0.3s ease;} footer .newsletter button{float: right; cursor: pointer; position: absolute; right: 5px; top: 5px; padding: 10px 16px; border: 0; border-radius:12px; font-weight:500; font-size:14px; transition: all 0.3s ease;} footer .newsletter button:hover{transform: scale(1.05);} footer .newsletter input[type="text"]{border-radius:12px 0 0 12px; width: 43%;} footer .newsletter input[type="mail"]{border-radius:0 12px 12px 0; width: 57%; border-left:1px solid #f2f2f2;} /* MODAL POP UP */ .d-none { display: none; } .modal_overlay {background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;opacity:0;pointer-events:none;transition:opacity ease .3s;} .modal_close {position:absolute;top:0;left:0;width:100%;height:100%;} .modal_container {display:flex;align-items:center;justify-content:center;padding:30px;} .modal {background:#fff;border-radius:8px;overflow:hidden;transform:translateY(-50px);transition:transform ease .3s;width:800px;max-width:90%;} .modal_header {background:#ad132a;color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;} .modal_header h4 {font-size:24px;margin:0;} .modal_header .btn_close {cursor:pointer;} .modal_body {background:#fff;padding:10px 20px;} .modal_overlay.active {opacity:1;pointer-events:all;} .modal_overlay.active .modal {transform:translateY(0);} .modal_body p { display: block; } /* TODOS SWIPERS */ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:14px;height:14px;opacity:.2;} .swiper-pagination-bullet-active {opacity:1!important;} .swiper-button-next, .swiper-button-prev{border-radius: 50%; width: 31px; height: 30px; opacity: 0.16; transition: all ease 0.7s; display: flex; background: none; align-items: center; justify-content: center;} .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{opacity: 0.8;} .swiper-button-next i, .swiper-button-prev i{display: ;} /* ESTRUTURA */ .section{display: block; justify-content: space-around; gap: 20px; padding: 0px 50px 0 50px; margin: 20px 0 0 0; box-sizing: border-box;} .section-inicial{margin-top:108px;} .container-section{display: flex;} .section-lojas-info{margin-top: 120px;} .spacing{height: 40px;} .title-section{font-size:25px; font-weight: 500; text-align: center; letter-spacing: -1px; margin:0px 0px 14px 0px;} .title-section i{font-size: 46px;} .btn-section{display: block; display: flex; justify-content: space-around; align-items: center; margin: 28px 0 0 0;} .btn-section a{display: block; padding: 16px 32px; font-size: 14px; border-radius: 18px; font-weight: 500; transition: transform 0.3s ease; text-align: center;} .btn-section a:hover{transform: scale(0.98);} .title-bg-section{height: calc(100vh - 108px); display: flex; justify-content: center; align-items: center; text-align: center; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;} .title-bg-section::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0;} /*Overlay*/ .title-bg-section .title-section{color: #FFF !important; z-index: 10;} .title-sec{height:auto; padding-top: 35px; padding-bottom: 55px; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;} .title-sec .title-section{z-index: 10;} .text-format{font-size: 18px; font-weight: 400; line-height: 1.3em;} .text-format b{font-size: 18px; font-weight: 700;} /* ************************************************ */ /* INDEX */ /* ************************************************ */ /* BANNER */ .banner{display: block; margin-top:108px;} .banner-desktop{width: 100%; height: 800px; display: block; object-fit: cover; object-position: center;} .banner-mobile{width: 100%; display: none;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:transparent; border:1px solid #fff;} .banner .swiper-pagination-bullet-active {background:#fff !important;} .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;} @media screen and (max-width:1000px){ .banner-desktop{display: none;} .banner-mobile{display: block;} } /* HOME_NOVIDADES */ .home_evento{padding-top: 20px; padding-bottom:50px;} .home_evento .title-section{margin-bottom: 14px;} .home_evento .home_evento_item{position: relative; overflow: hidden; transition: all 0.3s ease;} .home_evento .home_evento_item:hover{transform: scale(0.98);} .home_evento .home_evento_imagem{width: 100%; height: 100%; aspect-ratio: 4 / 5; position: relative; overflow: hidden; border-radius: 14px;} .home_evento .home_evento_imagem img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0;} .home_evento .home_evento_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 14px; text-align: center; visibility: hidden; opacity: 0; transition: all ease 0.3s; box-sizing: border-box; } .home_evento .home_evento_item:hover .home_evento_hover { opacity: 1; visibility: visible; } .home_evento .home_evento_hover h3 { font-size: 15px; font-weight: 400; line-height: 1.1em; margin-bottom: 8px; } .home_evento .home_evento_hover .data { font-size: 11px; font-weight: 300; line-height: 1.1em; color: rgba(255, 255, 255, 0.6); margin-bottom: 10px; } .home_evento .home_evento_hover .descricao { font-size: 12px; font-weight: 300; line-height: 1.3em; margin-bottom: 20px; max-height: 60px; overflow: hidden; } .home_evento .home_evento_hover .btn-ver-evento { display: block; padding: 12px 28px; font-size: 12px; border: 1px solid #FFF; color: #FFF; border-radius: 18px; font-weight: 500; transition: transform 0.3s ease; } .home_evento .home_evento_hover .btn-ver-evento:hover { transform: scale(0.98); } /* HOME_CINEMA */ .home_cinema{background-image: url(https://upload.madnezz.com.br/f6b274594a7510cf2481194e622361b3); background-size: cover; padding-top: 80px; padding-bottom: 80px;} .home_cinema .title-section{color: #FFF !important;} /* .home_cinema_lista .cartaz{width: 244px; height: 357px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 10px;} */ .home_cinema_lista .cartaz{transition: all 0.3s ease;} .home_cinema_lista .cartaz:hover{transform: scale(0.98);} .home_cinema_lista a{text-decoration: none; color: #FFF;} .home_cinema_lista .cartaz {border-radius: 10px;} .home_cinema_lista .cartaz img{width: 100%; height: auto; border-radius: 12px;} .home_cinema .badge {text-transform: uppercase; margin-top: 3px; font-size: 12px; padding: 5px 10px; border-radius: 5px; font-weight:500; margin: 7px auto 0; display: block; width: fit-content;} .home_cinema .filme-livre {color: #fff !important; background-color: rgba(25, 135, 84, 1) !important;} .home_cinema .filme-10anos {color: #fff !important; background-color: rgba(33, 101, 168, 1) !important;} .home_cinema .filme-12anos {color: #fff !important; background-color: rgb(44, 89, 134) !important;} .home_cinema .filme-14anos {color: white !important; background-color: rgba(255, 193, 7, 1) !important;} .home_cinema .filme-16anos {color: #fff !important; background-color: rgba(220, 53, 69, 1) !important;} .home_cinema .filme-18anos {color: #fff !important; background-color: rgba(33, 37, 41, 1) !important;} /* HOME_LOJAS */ .home_lojas, .home_alimentacao{background-color: #EEF0F1; padding-top:50px; padding-bottom: 70px; margin-bottom: 20px;} .home_lojas .swiper-container, .home_alimentacao .swiper-container{padding-bottom:60px; padding-top: 20px;} .home_lojas .btn-section, .home_alimentacao .btn-section{margin-top: -10px;} /*Aproxima o botão dos carrosséis*/ .home_cinema .btn-section a{color:#FFF !important; border-color:#FFF !important;} .home_lojas .home_lojas_lista .home_loja_item {border: 0; transition: all ease 0.5s; /*width: 176px; height: 176px;*/ aspect-ratio:1/1; border-radius: 22px; position: relative; /*overflow: hidden;*/} .home_lojas .home_lojas_lista .home_loja_item:hover{transform: scale(0.98);} .home_lojas .home_lojas_lista .home_loja_imagem{min-height: 80%; width: 80%; background-size: contain; background-position: center; background-repeat: no-repeat; height: auto; aspect-ratio:1/1; border: 1px solid #dcdfe2; border-radius: 50%; margin: -35px auto 0 auto; background-color: #FFF;} .home_lojas .home_lojas_lista>li{width:min-content; background: #FFF; padding: 0 18px 28px 18px; box-sizing: border-box; border-radius: 33px; border: 1px solid #dcdfe2;} .home_infos_lojas .btn-loja{width: 82%;} .home_infos_lojas .btn-loja a{font-size: 11px;} .home_infos_lojas h1{font-size: 18px; font-weight: 600; line-height:1.1em; margin-top:-20px; margin-bottom: 16px; text-align: center;} .home_infos_lojas ul{width: 100%; text-align: left;} .home_infos_lojas li{width: 100%; text-align: left; font-size: 13px; display: flex; align-items: flex-start; gap: 6px; margin-bottom: 8px; line-height: 1.1em;} .home_infos_lojas i{transform: translateX(-5px); width: 12px;} .home_infos_lojas .fa-location-dot{transform: translateX(-2px) !important;} .home_alimentacao .home_alimentacao_lista .home_loja_item{border: 0; transition: all ease 0.5s; /*width: 176px; height: 176px;*/ aspect-ratio:1/1; background-color: #fff; border-radius: 22px; position: relative; overflow: hidden;} .home_alimentacao .home_alimentacao_lista .home_loja_item:hover{transform: scale(0.98);} .home_alimentacao .home_alimentacao_lista .home_loja_imagem{min-height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: cover; object-position: center;} /*OCULTA BULLET-POINT SWIPER */ .home_lojas .swiper-container-horizontal>.swiper-pagination-bullets, .home_alimentacao .swiper-container-horizontal>.swiper-pagination-bullets, .home_servicos .swiper-container-horizontal>.swiper-pagination-bullets { display:none; } .home_alimentacao .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:#000;} .home_alimentacao .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;} .home_lojas .swiper-button-prev, .home_lojas .swiper-button-next, .home_alimentacao .swiper-button-prev, .home_alimentacao .swiper-button-next {top:calc(50% - 25px);} .home_servicos .swiper-button-prev, .home_servicos .swiper-button-next {top:23%;} /* Carrossel de Gastronomia */ .home_alimenta { text-align: center; margin: 40px 0 0px 0; } /* Estilos para o carrossel de gastronomia */ .gastr-carousel .swiper-container { width: 100%; height: 500px; /* Definindo uma altura para o carrossel */ overflow: hidden; /* Garante que nada saia da área do carrossel */ display: flex; /* Adiciona flexbox para facilitar a renderização */ } .gastr-carousel-wrapper { display: flex; gap: 20px; transition: scroll-behavior 0.5s ease; overflow: hidden; } .gastr-carousel-item { flex: 0 0 calc(25% - 20px); border-radius: 12px; overflow: hidden; } .gastr-carousel-item img { width: 100%; height: 100%; /* Garantir que a imagem ocupe toda a altura do item */ object-fit: cover; border-radius: 12px; display: block; /* Adicionando display block para evitar espaços indesejados */ visibility: visible; /* Garante que a imagem esteja visível */ } /* Botões de navegação */ .gastr-button-next, .gastr-button-prev { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; cursor: pointer; transition: opacity 0.3s; opacity: 0.8; } .gastr-button-next:hover, .gastr-button-prev:hover { opacity: 1; } .gastr-button-prev { left: 10px; } .gastr-button-next { right: 10px; } /* Responsividade */ @media (max-width: 992px) { .gastr-carousel-item { flex: 0 0 calc(33.33% - 20px); } } @media (max-width: 768px) { .gastr-carousel-item { flex: 0 0 calc(50% - 20px); } } @media (max-width: 480px) { .gastr-carousel-item { flex: 0 0 100%; } } .home_servicos .home_lojas_lista .home_servicos_item{border: 1px solid rgba(0,0,0,.3); transition: all ease 0.5s;cursor:pointer;} .home_servicos .home_lojas_lista .home_servicos_item:hover{border: 1px solid var(--cor_primaria100);} .home_servicos .home_servicos_lista .home_servicos_imagem img{width: fit-content;height: fit-content;max-width:100%;max-height:100%;} .home_servicos_item {cursor:pointer;} .home_servicos_imagem {height:174px;display:flex;align-items:center;justify-content:center;background:#fff;} .home_lazer_imagem img {width: 100%; height: auto;} .home_vitrine .vitrine_lista {overflow:initial !important; list-style: none; margin-bottom: initial !important; flex-wrap: initial !important ;} .home_vitrine .vitrine_produto {margin: 0px; padding-top: 0; padding-bottom: 5px; min-height: 528px;} .home_vitrine .vitrine_produto_nome {margin-top: 0;font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; opacity: 0.8; text-transform: initial; letter-spacing: initial; margin-bottom: 0px; min-height: 38px;} .home_vitrine .vitrine_produto_loja {margin-bottom: 0px;font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: bold; opacity: 1; text-transform: initial; letter-spacing: initial; min-height: 33px;} .home_vitrine .vitrine_produto_imagem {display: block; height: 0; padding-bottom: 86%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; cursor: zoom-in; width: 80%; margin: 0 auto; margin-top: 25px;} .home_vitrine .vitrine_produto_botoes {margin: 5px auto 10px auto;} /* ************************************************ */ /* LOJAS */ /* ************************************************ */ #lojas {background-color: #f6f7f8;} #lojas .container-section{gap: 60px;} #lojas .col-1,#alimentacao .col-1{width: calc(20% - 30px);} #lojas .col-2,#alimentacao .col-2{width: calc(80% - 30px);} #lojas .filtro_nome {width: 100%; font-size: 16px; margin: -2px 0 8px 0; padding: 12px 18px; border-radius: 10px; border:1px solid #dcdfe2; color: #252525; box-sizing: border-box; font-weight: 500;} #lojas .filtro_nome::placeholder{font-size: 16px; color: #797979;} #lojas .buscar{position: relative;} #lojas .buscar i {position: absolute; right: 10px; top: 0; transform: translate(-50%, 50%); font-size: 14px;} #lojas .lojas-menu .lojas-menu-lista{margin-top: 0;width:100%;border-left:1px solid #dcdfe2;border-right:1px solid #dcdfe2; background: #FFF; border-radius: 8px 8px 0 0; overflow: hidden;} #lojas .lojas-menu .lojas-menu-lista li{border-bottom: 1px solid #dcdfe2; padding: 10px 15px; cursor: pointer; transition: all 0.1s ease; font-weight: 500; text-transform: uppercase; font-size: 12px;} #lojas .lojas-menu .lojas-menu-lista .destaque{ font-weight: 700; font-size: 18px;} #lojas .filtro-letras {margin-bottom: 50px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px;} #lojas .filtro-letras li{border: 1px solid #dcdfe2; padding: 4px 8px; font-size: 16px; font-weight: 500; cursor: pointer; border-radius:3px; transition: transform 0.3s ease;} #lojas .filtro-letras li:hover{transform: scale(0.98);} #lojas .lojas_lista {display: flex; flex-wrap: wrap; justify-content: space-around;} #lojas .lojas_lista .lojas-imagem {background-color: white; background-size: contain; background-position: center; background-repeat: no-repeat; width: 120px; height: auto; aspect-ratio:1/1; border: 1px solid #dcdfe2; border-radius: 50%; margin: -70px auto 20px auto;} #lojas .lojas_lista .lojas-item {transition:transform 0.3s ease;width: min-content; border: 1px solid #dcdfe2; padding: 0 30px 30px 30px; border-radius: 33px; margin-bottom: 130px; justify-content: center; background: #FFF; text-align: center; cursor: pointer; transition: tranform 0.3 ease; position: relative;} #lojas .lojas_lista .lojas-item:hover{transform: scale(0.98);} #lojas .lojas_lista .lojas-item ul{width: 100%; text-align: left;} #lojas .lojas_lista .lojas-item li{width: 100%; text-align: left; font-size: 13px; display: flex; align-items: flex-start; gap: 6px; margin-bottom: 8px; line-height: 1.1em;} #lojas .lojas_lista .lojas-item h1{font-weight:600; font-size: 18px; line-height: 1.1em; margin-bottom: 25px;} #lojas .lojas_lista .lojas-item i{transform: translateX(-5px); width: 12px;} #lojas .lojas_lista .fa-location-dot{transform: translateX(-2px) !important;} #lojas .loja-mostraloja-item{display: flex; align-items: center; justify-content: center;} #lojas .mostraloja-item-imagem img{width: 20vw; height: 20vw; border-radius: 40px;} #lojas .mostraloja-item-informacoes b{font-weight: 700;} #lojas .mostraloja-item-informacoes a{font-weight: 700;} #lojas .section-inicial {margin-top: 150px;} .btn-loja{width: 75%; margin: 0px auto 0px auto; position: absolute; bottom: -20px; display: flex; justify-content: center; align-items: center;} .btn-loja a{/*width: 160px;*/ padding: 12px 20px; border-radius:16px; font-weight: 500; font-size: 12px;} /*#lojas .loja-lojanome{font-size:32px; font-weight: 700;}*/ .section-lojas-info h1{font-size:32px; font-weight: 700;} .section-lojas-box{box-sizing: border-box; padding: 50px; border-radius: 44px; background: #FFF; border: 1px solid #F2F2F2; margin: 0 10vw 60px 10vw;} #lojas .metrica{background: #FFF; padding: 10px 50px; border-radius: 30px; border: 1px solid #F2F2F2; font-weight: 500; margin: 14px 7vw 6px 7vw;} #lojas .metrica a{font-weight: 500;} #lojas .metrica i{font-style: normal; color: #686868;} #lojas .metrica span{font-weight: 600;} .mostraloja-item-informacoes{margin-bottom: 40px; margin-left: 40px;} .mostraloja-item-informacoes h1{font-size: 32px;} .loja_empty {background: #d7d7d7;padding: 10px;width: 100%;text-align: center;} .loader {text-align:center;width:100%;} .loader-1 {width: 35px;height: 35px;border: 5px solid #d7d7d7;border-bottom-color: var(--cor_primaria100);border-radius: 50%;margin:0 auto;display: inline-block;-webkit-animation: rotation 1s linear infinite;animation: rotation 1s linear infinite;} @-webkit-keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ************************************************ */ /* SERVIÇOS */ /* ************************************************ */ #servicos .servicos-lista{display: flex; flex-wrap: wrap; justify-content: space-around;} #servicos .servicos-lista .servicos-item{transition:transform 0.3s ease; width: min-content; border: 1px solid #dcdfe2; padding: 0 30px 30px 30px; border-radius: 33px; margin-bottom: 130px; justify-content: center; background: #FFF; text-align: center; position: relative;} #servicos .servicos-lista .servicos-item:hover{transform: scale(0.98);} #servicos .servicos-lista .servicos-item .servicos-item-imagem img{background-color: white; background-size: contain; background-position: center; background-repeat: no-repeat; width: 150px; height: auto; aspect-ratio:1/1; border: 1px solid #dcdfe2; border-radius: 50%; margin: -70px auto 20px auto;} #servicos .servicos-lista .servicos-item ul{width: 100%; text-align: left;} #servicos .servicos-lista .servicos-item ul li{width: 100%; text-align: left; font-size: 13px !important; display: flex; align-items: flex-start; gap: 6px; margin-bottom: 12px; line-height: 1.1em;} #servicos .servicos-lista .servicos-item ul li span{font-size: 13px;} #servicos .servicos-lista .servicos-item ul li b{font-size: 13px; font-weight: 600;} #servicos .servicos-lista .servicos-item h1{font-weight:600; font-size: 18px !important; line-height: 1.1em; margin-bottom: 18px; text-align: center; width: 100%;} #servicos .servicos-lista .servicos-item i{transform: translateX(-5px); transform: translateY(1px); font-size: 16px;} /* ************************************************ */ /* CINEMA */ /* ************************************************ */ #cinema .container-cinema{margin: 0px 0 10px 0;} #cinema .title-sec{padding-top:18px; padding-bottom:0; height: auto; display: flex; justify-content: center; align-items: center; text-align: left; position: relative;} #cinema .filme-link img{width: 100%; height: auto;border-radius:8px;} #cinema .badge {text-transform: uppercase; vertical-align: top; margin-top: 3px; font-size: 13px; padding: 8px 6px; border-radius: 5px;} #cinema .filme-livre {color: #fff !important; background-color: rgba(25, 135, 84, 1) !important;} #cinema .filme-10anos {color: #fff !important; background-color: rgba(33, 101, 168, 1) !important;} #cinema .filme-12anos {color: #fff !important; background-color: rgb(44, 89, 134) !important;} #cinema .filme-14anos {color: white !important; background-color: rgba(255, 193, 7, 1) !important;} #cinema .filme-16anos {color: #fff !important; background-color: rgba(220, 53, 69, 1) !important;} #cinema .filme-18anos {color: #fff !important; background-color: rgba(33, 37, 41, 1) !important;} #cinema .cinema-lista-item .cinema-titulo-classificacao{display: flex; flex-direction: column; justify-content: center; align-items: center;} #cinema .cinema-lista-item .cinema-titulo-classificacao h3{font-weight: 700; font-size: 20px; margin-bottom: 10px;} #cinema .cinema-lista-item a{text-decoration: none; color: #333333;} #cinema .portfolio-details-page-wrapper-row {display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px;} #cinema .btn-cine{border: 1px solid #333333; color: #333333; padding: 10px 16px; border-radius: 3px; text-decoration: none; margin-top: 6px;} #cinema .btn-cine:hover{background-color: #333333; color: #FFF;} #cinema_info{margin-top: -60px; position: relative;} #cinema_info .portfolio-details-content {width: calc(50% - 40px); box-sizing: border-box;} #cinema_info .portfolio-details-thumb {width: 50%; box-sizing: border-box;} #cinema .portfolio-details-info{box-sizing: border-box; padding: 0 30px;} #cinema .portfolio-details-meta{box-sizing: border-box; padding: 0 30px;} #cinema .portfolio-details-info h4{font-size: 38px; font-weight: 600; color: #202020; margin: 70px 0 0px 0;} #cinema .voltar{width: 42px; height: 42px; display:flex; justify-content: center; align-items: center; margin: 0 0 0 30px; border-radius: 50%; font-size:30px; font-weight: 700; transition: all 0.3 ease;} #cinema .voltar:hover{transform: scale(1.05);} #cinema .voltar i{font-size:27px; font-weight: 700;} #cinema .sinopse{font-size: 14px; font-weight: 300; box-sizing: border-box;} #cinema .portfolio-meta-list{display: flex; justify-content:flex-start; gap: 50px;} #cinema .portfolio-meta-list label{font-weight: 500; font-size: 18px;} #cinema .portfolio-meta-list span{font-size: 16px;} #cinema .portfolio-meta-list i{font-size: 16 px;} #cinema .filmes_agenda h5{display: inline; font-weight:700; padding: 5px 5px 5px 5px; border: 1px solid #dcdfe2; border-radius: 5px;} #cinema .filmes_agenda h5 b{font-size: 18px;} #cinema .filmes_agenda>div{margin: 5px 0 20px 0;} #cinema .filmes_agenda b{font-weight: 600; margin: 8px 0 10px 0;} #cinema .filme-nac{font-weight: 700;} #cinema .fhorario_btn a {text-align: center; padding: 10px 15px; border-radius: 12px; color: #000; display: inline-block; vertical-align: middle; margin-right: 10px; height: 16px; align-items: center; overflow: hidden; font-size: 18px; border: 1px solid #494949; text-decoration: none;} #cinema .fhorario_btn a span{padding: 0px; display: block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding-top: 5px;} #cinema .fhorario_btn a span:nth-child(1) {margin-top: -60px; margin-bottom: 30px; font-size: 16px;} #cinema .fhorario_btn a:hover span:nth-child(1) {margin-top: -5px;} @media screen and (max-width: 1000px) { #cinema .portfolio-details-page-wrapper-row{flex-direction: column; justify-content: center; align-items: center;} #cinema_info .portfolio-details-content, #cinema_info .portfolio-details-thumb {width: 100%;} } /* ************************************************ */ /* EVENTOS */ /* ************************************************ */ #lazer .lazer-lista {display: flex; flex-wrap: wrap; gap: 30px 50px} #lazer .lazer-lista li{width: calc(25% - 50px); min-width: 250px;} #lazer .lazer-lista li a{color: black; text-decoration: none;} #lazer .novidade_imagem{width:100%; height:auto;aspect-ratio:1/1; min-width: 250px; min-height: 250px; background-size: contain; background-position: center; background-repeat: no-repeat;} #lazer .lazer-lista li .titulo{font-weight: 600; font-size: 24px; margin-bottom: 0; margin-top: 10px;} #lazer .lazer-lista li .texto{font-weight: 400; font-size: 14px; margin-bottom: 0; margin-top: 10px;} #lazer .lazer-lista li:hover *{color: var(--cor_primaria80);} #lazer .modal{display: none; position: absolute; top: 0; left: 0; width: 99vw; height: 100vh;} #lazer .modal .shadow{display: none; background-color: rgba(0,0,0, 0.65); content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #lazer .informacoes{position: fixed; z-index: 2; width: 41.67vw; top: 50%; right: 50%; transform: translate(50%, -50%);} #lazer .fecharmodal{position: absolute; top: 8px; right: 16px; width: 30px; height: 30px; font-size: 25px; text-align: center; color: white; border: 1px solid white; padding: 3px; border-radius: 50%; z-index: 2; cursor: pointer;} #lazer .modaltitulo{color: white; font-size: 24px; font-weight: 600; padding: 16px; background-color: var(--cor_primaria100); border-top-left-radius: 7px; border-top-right-radius: 7px;} #lazer .modaltexto{background-color: white; font-size: 16px; font-weight: 400; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: 40px 10px; overflow-y: scroll; height: 400px;} #lazer .modaltexto::-webkit-scrollbar {width: 12px;} #lazer .modaltexto::-webkit-scrollbar-track {background: var(--cor_primaria100); border-radius: 2px;} #lazer .modaltexto::-webkit-scrollbar-thumb {background: var(--cor_branco100); border-radius: 4px; border: 2px solid var(--cor_primaria100);} /* ************************************************ */ /* CUPONS */ /* ************************************************ */ #cupom .cupom-lista {display: flex; flex-wrap: wrap; gap: 30px 50px} #cupom .cupom-lista li{width: calc(25% - 50px); min-width: 250px;} #cupom .cupom-lista li a{color: black; text-decoration: none;} #cupom .novidade_imagem{width:100%; height:auto;aspect-ratio:1/1; min-width: 250px; min-height: 250px; background-size: contain; background-position: center; background-repeat: no-repeat;} #cupom .cupom-lista li .titulo{font-weight: 600; font-size: 24px; margin-bottom: 0; margin-top: 10px;} #cupom .cupom-lista li .texto{font-weight: 400; font-size: 14px; margin-bottom: 0; margin-top: 10px;} #cupom .cupom-lista li:hover *{color: var(--cor_primaria80);} #cupom .modal{display: none; position: absolute; top: 0; left: 0; width: 99vw; height: 100vh;} #cupom .modal .shadow{display: none; background-color: rgba(0,0,0, 0.65); content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #cupom .informacoes{position: fixed; z-index: 2; width: 41.67vw; top: 50%; right: 50%; transform: translate(50%, -50%);} #cupom .fecharmodal{position: absolute; top: 8px; right: 16px; width: 30px; height: 30px; font-size: 25px; text-align: center; color: white; border: 1px solid white; padding: 3px; border-radius: 50%; z-index: 2; cursor: pointer;} #cupom .modaltitulo{color: white; font-size: 24px; font-weight: 600; padding: 16px; background-color: var(--cor_primaria100); border-top-left-radius: 7px; border-top-right-radius: 7px;} #cupom .modaltexto{background-color: white; font-size: 16px; font-weight: 400; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: 40px 10px; overflow-y: scroll; height: 400px;} #cupom .modaltexto::-webkit-scrollbar {width: 12px;} #cupom .modaltexto::-webkit-scrollbar-track {background: var(--cor_primaria100); border-radius: 2px;} #cupom .modaltexto::-webkit-scrollbar-thumb {background: var(--cor_branco100); border-radius: 4px; border: 2px solid var(--cor_primaria100);} /* ************************************************ */ /* O SHOPPING */ /* ************************************************ */ #oshopping .informacoes .imagem img { max-width: 40vw; } .oshopping{gap: 80px; align-items: center; justify-content: center;} .oshopping p{width: 55vw;} .oshopping img{width: 45vw; border-radius: 10px;} .shopping-faixa{position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 50px;} .shopping-faixa::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} /*Overlay*/ .shopping-faixa .grid-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; width: 100%; max-width: 1100px; margin: 0 auto; padding: 20px; box-sizing: border-box; justify-content: center; align-items: center; text-align: center; z-index: 10;} .shopping-faixa .grid-item {text-align: center; z-index: 10; padding: 2px 0; display: flex; align-items: center;} .shopping-faixa .grid-item img{width: 15%; margin-right: 30px; transform: translateX(14px);} .shopping-faixa .grid-item p{width: 100%; font-size: 18px; color: #FFF; text-align: left;} .shopping-faixa .grid-item b{font-size: 16px; color: #FFF; font-weight: 700;} #oshopping .mapa-google{padding-left: 0; padding-right: 0; margin-top: 0px; margin-bottom: -177px; position: relative;} #oshopping .mapa-google .box-endereco{ position: absolute; max-width: 300px; z-index: 20; top:30px; right:30px; border-radius:22px; text-align:center; padding: 20px;} #oshopping .mapa-google .box-endereco h1{ font-size: 22px; font-weight: 500;} #oshopping .mapa-google .box-endereco h1 i{ font-size: 20px; transform: translateY(0);} #oshopping .mapa-google .box-endereco p{ font-size: 14px;} /* ************************************************ */ /* EVENTOS */ /* ************************************************ */ #eventos .section-filtros{justify-content: space-between; z-index: 5; position: relative; margin-top: 130px; align-items: center; box-sizing: border-box; align-items: center; margin-bottom: 50px;} #eventos .section-filtros .title-section{text-align: left; width: 50%; margin-top: 10px;} #eventos #info {padding-bottom: 30px;} #eventos .filtros{width: 50%; padding: 0; display: block; flex-wrap: wrap; justify-content:flex-end; align-items: center; gap: 0px; margin: 0px 0;} #eventos .filtros select {padding: 10px; border-radius: 12px; font-weight: 500; text-transform: uppercase; color: #202020; font-size: 14px; outline: none; font-family: 'Montserrat', sans-serif; border: 1px solid #dcdfe2;} #eventos .filtros .mes{border-radius: 12px 0 0 12px; width: 126px; margin-right: -2px; border-right:0;} #eventos .filtros .ano{border-radius: 0 12px 12px 0; width: 76px; border-left: 0;} #eventos .evento_lista{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items:flex-start; position: relative; z-index: 5;} #eventos .evento_lista .evento-item{border-radius: 7px;} #eventos .evento_lista a{text-decoration: none;} #eventos .evento_lista .evento-item .imagem{transition: all ease 0.2s; width: 20.00vw; aspect-ratio: 4/5; position: relative; overflow: hidden; /* height: 20.03vw; min-width: 270px; min-height: 202px;*/ border-radius: 14px; background-position: center; background-repeat: no-repeat; background-size: cover;} #eventos .evento_lista .evento-item:hover .imagem{transform: scale(0.99);} #eventos .evento_lista .evento-item .informacoes{opacity:0; width:100%; min-height: 76px; position:absolute; bottom: 0; text-align: center; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; line-height: 1.2em; padding: 0px 25px 0px 25px; box-sizing: border-box; transition: all ease 0.3s;} #eventos .evento_lista .evento-item:hover .informacoes{opacity: 0.90;} #eventos .section-novidade{position:relative;} #eventos .section-novidade>.container-section{display: flex; justify-content: center;} #eventos .novidade_info {margin-top: 0px; display: flex; justify-content: center;} /*eventos .novidade_info .imagem img{ max-width: 100%; margin: 0 auto; display: block; border-radius: 14px;}*/ #eventos #info .informacoes {max-width: 1100px; background: #FFF; padding: 35px 0 0 0; display: flex; justify-content: center; gap: 50px;} #eventos #info .informacoes .imagem {width: 100%; aspect-ratio: 4/5;} #eventos .novidade_info .imagem-bg { width: 100%; aspect-ratio: 4 / 5; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 14px; display: block; } #eventos #info .informacoes h1 {padding-top: 0px; font-size: 22px; font-weight: 500; text-align: left; line-height: 1.2em;} #eventos #info .informacoes h3 {text-align: left;} #eventos #info .informacoes p{font-size: 14px; line-height: 1.2em;} #eventos #info .informacoes svg {width: 15px;opacity: 0.5;margin-right: 6px; top: 2px;position: relative;} #eventos #info .informacoes .btn-section{justify-content: left; text-align: center; margin-top: 90px;} #eventos #info .info_texto {overflow: hidden; } #eventos #info .info_texto.esconde { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;text-overflow: ellipsis;} #eventos .leia_mais { color: var(--cor_primaria100); cursor: pointer;} .clear {position: relative;display: block;clear: both;} #eventos #btn-validate {display: inline-block;position: relative;cursor: pointer;outline: none;text-decoration: none;white-space: nowrap;margin: 5px;padding: 8px 22px;font-size: 15px;line-height: 24px;background-color: var(--cor_primaria100);color: #fff;font-weight: 600;text-transform: uppercase;border: none;width: fit-content;transition: all .2s ease-in-out;border-radius: 20px;margin-top: 20px;} /* ************************************************ */ /* VITRINE VIRTUAL */ /* ************************************************ */ #vitrine .section-vitrine{display: flex; justify-content: center;} #vitrine .vitrine_content{max-width:1500px;;} #vitrine .vitrine_content select,#vitrine .vitrine_content input{background:#F2f2f2; border: 1px solid #CCC; border-radius: 6px; box-sizing: border-box;} #vitrine .vitrine_filtro select, .vitrine_filtro [type=text] {text-transform:initial!important;height:45px;padding:0 15px; box-sizing: border-box;} #vitrine .vitrine_menu {display:flex; overflow: visible; box-sizing: border-box;} #vitrine .vitrine_filtro {width:auto;flex:1;} #vitrine .vitrine_lista, .vitrine_produto_botoes {margin-left:0!important;} #vitrine .vitrine_lista {min-height: 40vw;} #vitrine ul.vitrine_categoria_lista{margin-left: 0;} #vitrine .title-sec::before{background-color:#000; opacity:0.5; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #politica .title-section{color: #FFF;} /* ************************************************ */ /* FALE CONOSCO | CONTATO */ /* ************************************************ */ #contato .col-1{width: calc(45% - 20px); padding: 0 0px; box-sizing: border-box;} #contato .col-2{width: calc(55% - 20px); padding: 0 50px; box-sizing: border-box;} #contato .section-contato{display: flex; justify-content:flex-start; gap: 50px; align-items: center;} #contato .title-section{position: relative; margin-top: 0px; text-align: left;} #contato .section-contato .col-1{width: 40%; margin-top: 40px;} #contato .section-contato .col-1 img{width: 100%; border-radius: 12px; overflow: hidden;} #contato .section-contato .col-2{width: 60%; margin-top: 40px;} #contato form{display: flex; flex-direction: column; width: 100%; position: relative;} #contato form input, #contato form textarea {margin-bottom: 16px; padding: 14px 12px; box-sizing:border-box; font-size: 14px; border: 0;} #contato form textarea:focus {outline: none; border-bottom-color: #6b7c62;} #contato form select:focus {outline: none;} #contato label {margin-bottom: 30px;} #contato select{margin-bottom: 16px; padding: 14px 12px; box-sizing:border-box; font-size: 14px; border: 0; width: 50%;} #contato textarea.form-control {height: 60px;} #contato textarea.form-control {min-height: calc(1.5em + .75rem + 2px);} #contato #btn-validate {display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 8px 22px; font-size: 14px; line-height: 24px; color: #FFF; font-weight: 400; text-transform: uppercase; border: none; width: fit-content; transition: all .2s ease-in-out; border-radius: 10px; margin-top: 10px;} #contato .txt_captcha input {width:100%;} #contato form .form-2cols{width: 100%; display: flex; gap: 25px;} #contato form .form-2cols input{width: 49%;} #captcha{margin: 20px 0 0;} #abrasualoja{margin:50px 0 20px 0; padding: 0; font-weight: 300;} .section-abrasualoja{padding: 10px 50px; display: flex; align-items: center; box-sizing: border-box;} .section-abrasualoja .coluna-1{width:70%; text-align: left; font-weight: 300;} .section-abrasualoja .coluna-1>div{text-align: left; font-weight: 300;} .section-abrasualoja .coluna-2{width:30%;display: block; align-items: center; font-weight: 300; text-align: center;} .section-abrasualoja .coluna-2 h1{font-weight: 300;} .section-abrasualoja .coluna-2 p{ font-weight: 300;} /* ************************************************ */ /* OPORTUNIDADE */ /* ************************************************ */ #oportunidade .section-oportunidade{gap: 70px; margin: 30px 0 30px 0;} #oportunidade .col-1{width: calc(45% - 20px); padding: 0 0px; box-sizing: border-box;} #oportunidade .col-2{width: calc(55% - 20px); padding: 0 0px; box-sizing: border-box;} #oportunidade form{display: flex; flex-direction: column; width: 100%;} #oportunidade form input,#oportunidade form select, #oportunidade form textarea {margin-bottom: 16px; border-radius: 8px; padding: 14px 12px; box-sizing:border-box; font-size: 16px; border: 0;} #oportunidade label {margin-bottom: 30px;} #oportunidade textarea.form-control {height: 140px;} #oportunidade textarea.form-control {min-height: calc(1.5em + .75rem + 2px);} #oportunidade #btn-validate {display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 8px 22px; font-size: 15px; line-height: 24px; background-color: var(--cor_primaria100); color: #fff; font-weight: 600; text-transform: uppercase; border: none; width: fit-content; transition: all .2s ease-in-out; border-radius: 20px; margin-top: 20px;} #oportunidade .txt_captcha input {width:100%;} #oportunidade .section-oportunidade h2{text-transform: uppercase; font-size: 15px; font-weight:600;} #captcha{margin: 20px 0 0;} #oportunidade .vagas_logo {width: 10%;height: 0px;background-size: 80%;background-repeat: no-repeat;background-position: center;background-color: #ffff;border: 1px solid #f0f0f0;padding: 30px;position: absolute;right: 5%;top: 5%;padding-bottom: 9%;} #oportunidade li.vagas_item {width: 87%;display: inline-block;vertical-align: top;/* text-align: center; */border-bottom: 1px solid #00000026;padding-bottom: 20px;margin-bottom: 20px;background-color: #fff;padding: 5%;} #oportunidade .conteudo{ gap: 0;} #oportunidade span.tc_head {height: 0px;padding-bottom: 9%;position: relative;display: block;max-width: 76%;} #oportunidade .candidatarse{ display: inline-block;position: relative;cursor: pointer;outline: none;white-space: nowrap;margin: 5px;padding: 8px 22px;font-size: 15px;line-height: 24px;background-color: var(--cor_primaria100);color: #fff;font-weight: 600;text-transform: uppercase;border: none;width: fit-content;transition: all .2s ease-in-out;border-radius: 20px;margin-top: 20px;} /* ************************************************ */ /* SEJA UM LOJISTA */ /* ************************************************ */ #lojista .informacao{display: flex; justify-content: center; align-items: flex-start; gap: 30px;} #lojista .informacao > div {flex: 1;} #lojista .informacao img{max-width: 33vw; min-width: 300px; height: auto;} @media screen and (max-width: 1000px) { #lojista .informacao{flex-direction: column-reverse;} #lojista .informacao img{max-width: 55vw; min-width: 300px; margin: 0 auto; display: block;} #lojista .informacao > div {width: 100%;} } #lojista form{display: flex; flex-direction: column; width: 500px; margin: 0 auto;} #lojista form input{margin-bottom: 16px;} #lojista label {margin-bottom: 30px; text-align: center;} #lojista .form-control::placeholder {font-size: 16px;} #lojista .form-control {border: 0; padding: 14px 12px; color: #212529; background-color: #fff; font-size: 20px;} #lojista textarea.form-control {height: 200px;} #lojista textarea.form-control {min-height: calc(1.5em + .75rem + 2px);} #lojista #btn-validate {display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 8px 22px; font-size: 15px; line-height: 24px; background-color: var(--cor_primaria100); color: #fff; font-weight: 600; text-transform: uppercase; border: none; width: fit-content; transition: all .2s ease-in-out; border-radius: 20px; margin-top: 20px;} /* TERMOS DE USO */ #politica .section-politica{display: flex;} #politica-privacidade{max-width: 1300px;} #politica-privacidade h2{font-weight: 700; font-size: 22px; text-align: center;} #politica-privacidade p{font-size: 17px; line-height: 1.5em; color: #383838;} #politica-privacidade b{font-size: 17px; line-height: 1.5em; font-weight: 700; color: #383838;} #politica-privacidade u{font-size: 17px; line-height: 1.5em; font-weight: 500; color: #383838;} #politica-privacidade .btn-politica{padding: 18px 30px; font-size: 16px; font-weight: 500; border-radius: 8px; transition: all 0.3 ease;} #politica-privacidade .btn-politica:hover{transform: scale(1.05);} #politica .title-sec::before{background-color:#000; opacity:0.5; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #politica .title-section{color: #FFF;} /*NÃO EM USO .navigation {background:#E6E8EB;padding:50px 0;} .navigation button { font-family: "Montserrat", Sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; fill: #AD132A; color: #AD132A; background-color: #AD132A00; border-color: #AD132A; border-style: solid; border-width: 2px 2px 2px 2px; border-radius: 100px 100px 100px 100px; padding: 14px 30px 14px 30px; cursor:pointer; } .navigation button:hover {background:#CC1B3526;} .navigation button.active {background:#AD132A9C;color:#fff;} .navigation>div {display:flex;align-items:center;justify-content:center;gap:25px;} */