/* Fonts */ @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/gotham/Gotham-Book.woff2) format('woff2'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/gotham/Gotham-Bold.woff2) format('woff2'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/gotham/gotham-light.woff2) format('woff2'); } /* Colorbox */ #cboxWrapper,.cboxPhoto{max-width:none}.cboxIframe,.cboxPhoto{display:block;border:0}#cboxContent,#cboxLoadingOverlay,#cboxOverlay{background:#000}#cboxCurrent,#cboxTitle{position:absolute;top:-22px}#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxOverlay{position:fixed;width:100%;height:100%;opacity:.9}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{position:relative;margin-top:32px;overflow:visible}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;background:#000;padding:1px}#cboxTitle{margin:0;left:0;color:#000}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer;border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(images/controls.png) no-repeat}.cboxPhoto{float:left;margin:auto;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;padding:0;margin:0;background:#fff}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox{outline:0}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat}#cboxCurrent{right:205px;text-indent:-9999px}#cboxPrevious{background-position:0 0;right:44px}#cboxPrevious:hover{background-position:0 -25px}#cboxNext{background-position:-25px 0;right:22px}#cboxNext:hover{background-position:-25px -25px}#cboxClose{background-position:-50px 0;right:0}#cboxClose:hover{background-position:-50px -25px}.cboxSlideshow_off #cboxPrevious,.cboxSlideshow_on #cboxPrevious{right:66px}.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px} /* Helpers */ .wrap { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 3; } .row { display: flex; flex-wrap: wrap; --gap: 0px; gap: var(--gap) 0; width: calc(100% + var(--gap)); } .row.m-gap { --gap: 20px; } .col { width: calc(100% - var(--gap)); margin-right: var(--gap); } @media ( min-width: 600px ){ .w-1of1-tb { width: calc(100% - var(--gap)); } .w-1of2-tb { width: calc(50% - var(--gap)); } .w-1of3-tb { width: calc(33.33% - var(--gap)); } .w-2of3-tb { width: calc(66.66% - var(--gap)); } .w-1of4-tb { width: calc(25% - var(--gap)); } .w-3of4-tb { width: calc(75% - var(--gap)); } } @media ( min-width: 900px ) { .w-1of2-dt { width: calc(50% - var(--gap)); } .w-1of3-dt { width: calc(33.33% - var(--gap)); } .w-2of3-dt { width: calc(66.66% - var(--gap)); } .w-1of4-dt { width: calc(25% - var(--gap)); } .w-3of4-dt { width: calc(75% - var(--gap)); } } @media ( min-width: 1200px ) { .w-1of2-xx { width: calc(50% - var(--gap)); } .w-1of3-xx { width: calc(33.33% - var(--gap)); } .w-2of3-xx { width: calc(66.66% - var(--gap)); } .w-2of5-xx { width: calc(40% - var(--gap)); } .w-3of5-xx { width: calc(60% - var(--gap)); } } /* Reset */ *, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } html, body { overflow-x: hidden; scroll-behavior: smooth;} body { background-color: #fff; font-family: var(--text-font); } body, input, label, select, textarea { color: #000; font-size: 16px; } a, button, label, summary, input[type="submit"] { cursor: pointer; text-decoration: none; transition: all .3s ease-out; } img { display: block; max-width: 100%; } ::placeholder { opacity: .5; } /* Cookie Banner */ #ot-sdk-btn-floating.ot-floating-button button { display: flex !important; align-items: center; justify-content: center; } /* Forms */ .form-output { max-width: 100%; width: 100%; flex: 1 1 100%; text-align: center; } .form-output p { margin: 0 !important; } .form-output.is-success, .form-output.is-error { padding: 10px 20px; margin: 0; } .form-output.is-success { background-color: #43A047; color: #fff; } .form-output.is-error { background-color: #d32f2f; color: #fff; } :root { --blue-dark: #001A44; --blue: #86D3FF; --orange: #E66400; /* --orange-l: #FC9E2E; */ --orange-l: #F59C35; --gray: #403B3C; --text-font: "Gotham", tahoma, sans-serif; } /** Banner **/ #top { position: relative; background: var(--blue-dark); min-height: calc(100vh - 20px); display: flex; flex-direction: column; align-items: center; } #top.is-inview { background: var(--blue-dark) url(../img/banner/fachada-noite.webp) no-repeat 50% 50% / cover; } #top .wrap { position: relative; z-index: 3; } #top .row { flex: 0 0 100%; display: flex; color: #fff; width: 100%; align-items: center; } #intro { row-gap: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0; } #intro h1 { height: 320px; width: 280px; color: transparent; font-size: 1px; background: url(../img/logo-sunset.svg) no-repeat center / contain; margin-left: 40px; } #intro h2 { color: white; font-size: 1.25rem; font-weight: 700; line-height: 1.2; letter-spacing: 4px; text-transform: uppercase; max-width: 280px; text-align: center; } #intro .quartos { padding: 0 20px; border: 12px solid var(--orange-l); border-width: 0 12px; text-transform: uppercase; font-weight: 700; font-size: .75rem; text-align: center; /* text-shadow: 2px 2px 2px rgba(0 0 0 / 50%); */ } #intro .quartos strong { display: block; font-size: 2rem; letter-spacing: -2px; line-height: 1; } #intro .quartos strong span { font-size: 4rem; } #intro .play { display: inline-flex ; border-radius: 12px; border: 1px solid var(--orange-l); background: var(--orange-l); box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30); padding: 16px 20px; color: #fff; font-size: 1.125rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; align-items: center; } #intro .play:before { content: ""; display: inline-block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5 15.584V8.41598C9.50015 8.32629 9.52442 8.2383 9.57026 8.16122C9.61611 8.08414 9.68184 8.02081 9.76057 7.97786C9.83931 7.93492 9.92814 7.91394 10.0178 7.91712C10.1074 7.92031 10.1945 7.94755 10.27 7.99598L15.846 11.579C15.9166 11.6242 15.9747 11.6865 16.0149 11.76C16.0552 11.8336 16.0763 11.9161 16.0763 12C16.0763 12.0838 16.0552 12.1663 16.0149 12.2399C15.9747 12.3135 15.9166 12.3757 15.846 12.421L10.27 16.005C10.1945 16.0534 10.1074 16.0806 10.0178 16.0838C9.92814 16.087 9.83931 16.066 9.76057 16.0231C9.68184 15.9801 9.61611 15.9168 9.57026 15.8397C9.52442 15.7627 9.50015 15.6747 9.5 15.585V15.584Z' fill='white'/%3E%3Cpath d='M1 12C1 5.925 5.925 1 12 1C18.075 1 23 5.925 23 12C23 18.075 18.075 23 12 23C5.925 23 1 18.075 1 12ZM12 2.5C9.48044 2.5 7.06408 3.50089 5.28249 5.28249C3.50089 7.06408 2.5 9.48044 2.5 12C2.5 14.5196 3.50089 16.9359 5.28249 18.7175C7.06408 20.4991 9.48044 21.5 12 21.5C14.5196 21.5 16.9359 20.4991 18.7175 18.7175C20.4991 16.9359 21.5 14.5196 21.5 12C21.5 9.48044 20.4991 7.06408 18.7175 5.28249C16.9359 3.50089 14.5196 2.5 12 2.5Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain; width: 25px; height: 25px; margin-right: 12px; flex: 0 0 25px; } #intro .play:hover { scale: 1.1; } #form-1 { max-width: 370px; width: 100%; max-height: 570px; margin-left: auto; background: rgba( 0 0 0 / 60% ); color: #fff; padding: 40px; } #form-1 h3 { color: white; font-size: .875rem; font-weight: 900; line-height: 1.4; text-transform: uppercase; text-align: center; margin-bottom: 20px; } #form-1 form { display: flex; flex-direction: column; gap: 20px; } #form-1 input::placeholder { color: #fff; } #form-1 .text { display: block; width: 100%; padding: 12px 15px; border: 1px solid white; border-radius: 70px; background: transparent; color: #fff; } #form-1 label { display: block; font-size: .875rem; color: #fff; padding-bottom: 4px; padding-left: 15px; } #form-1 label abbr { border: 0; text-decoration: none; } #form-1 label a { color: #fff; text-decoration: underline; } #form-1 label a:hover { text-decoration-color: var(--blue-dark); } #form-1 .field-cb label { padding: 0; } #form-1 .field-cb input { display: none; } #form-1 .field-cb input + span { display: inline-block; position: relative; padding-left: 24px; } #form-1 .field-cb input + span:before { content: ''; width: 16px; height: 16px; border: 1px solid white; position: absolute; top: 2px; left: 0; } #form-1 .field-cb input + span:after { content: ''; width: 8px; height: 8px; background: #fff; position: absolute; top: 6px; left: 4px; opacity: 0; transition: all .3s ease-out; } #form-1 .field-cb label:hover span:after { opacity: .25; } #form-1 .field-cb input:checked+span:after { opacity: 1; } #form-1 .submit-btn { display: block; width: 100%; padding: 12px 20px; background: white; color: var(--blue-dark); border: 1px solid white; text-transform: uppercase; font-size: 18px; font-weight: 700; } #form-1 .submit-btn:hover { scale: 1.1; } #form-1 .submit-btn[disabled] { opacity: .5; pointer-events: none; } #form-1 .submit-btn.sending { pointer-events: none; color: transparent; background: var(--blue-dark) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; opacity: 1; } #faixa { order: -1; width: 100vw; background: var(--blue-dark); padding: 10px; z-index: 3; } #faixa h2 { text-align: center; font-size: 1.25rem; letter-spacing: 2px; text-transform: uppercase; color: white; padding: 5px; width: 100%; } #faixa h2:before { content: ""; background: url(../img/novolar-white.svg) no-repeat center / contain; width: 130px; height: 100%; position: absolute; left: 0; top: 0; } @media (max-width: 1199px) { #top.is-inview { background-image: url(../img/banner/fachada-noite-dt.webp); } } @media (max-width: 899px) { #top.is-inview { background-image: url(../img/banner/fachada-noite-tb.webp); } #faixa h2 { padding-left: 55px; font-size: 1.125rem; } #faixa h2:before { background: url(../img/favicon/favicon.png) no-repeat center / contain; width: 64px; } } @media (max-width: 799px) { #top.is-inview { background: none; padding: 0; min-height: auto; } #top .wrap { padding: 0; } #intro { flex: 0 0 100%; align-items: flex-start; row-gap: 20px; margin-bottom: 0; background: linear-gradient(90deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 75%), url(../img/banner/fachada-noite-tb.webp) no-repeat center / cover; padding: 40px 20px; } #intro h1 { width: 194px; margin-left: 10px; } #intro h2 { max-width: 200px; font-size: 1rem; } #intro .play { font-size: 1rem; } #form-1{ max-width: 100%; background: var(--blue-dark); padding: 40px 20px; margin-bottom: 0; } #form-1 form { flex-direction: row; flex-wrap: wrap; } #form-1 .field-wrap { flex: 0 0 calc( 50% - 10px ); } #form-1 form .field-wrap.field-nome { flex: 0 0 100%; } #form-1 .submit-btn { border-radius: 26px; } } @media (max-width: 659px) { #faixa h2 span { display: none; } #faixa h2 strong{ display: block; } } @media (max-width: 599px) { #intro { background: linear-gradient(90deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 75%), url(../img/banner/fachada-noite-mb.webp) no-repeat center / cover; } #intro .quartos { font-size: .625rem; } #intro .quartos strong { font-size: 1.5rem; } #intro .quartos strong span { font-size: 3rem; } #form-1 form .field-wrap { flex: 0 0 calc(100% - 0px); } #faixa h2 { font-size: 1rem; } } @media (max-width: 399px) { #intro .play { font-size: .875rem; } #faixa h2 { font-size: .75rem; } } /* Navbar */ #navbar { position: fixed; right: 20px; top: 200px; z-index: 99; } #navbar ul { list-style: none; } #navbar li { margin-top: 12px; } #navbar li a { position: relative; display: flex; align-items: flex-end; justify-content: center; width: 60px; height: 60px; transition: all .3s ease-out; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.25); border-radius: 16px; } #navbar li a.cadastro { background: var(--blue-dark); align-items: center; width: 100%; color: #fff; text-transform: uppercase; text-decoration: none; box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 1); } #navbar li a.whatsapp { background: var(--blue-dark) url("data:image/svg+xml,%3Csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4999 0C11.9614 0.000688933 9.46746 0.690573 7.26744 2.0007C5.06743 3.31083 3.23837 5.19531 1.96308 7.4658C0.687779 9.73628 0.0109135 12.3132 0.000130873 14.9391C-0.0106518 17.565 0.645026 20.1478 1.90163 22.4294L0.595912 27.1565C0.510696 27.4651 0.506812 27.7917 0.584663 28.1024C0.662513 28.4131 0.819266 28.6966 1.03868 28.9236C1.25809 29.1505 1.53218 29.3126 1.83255 29.3931C2.13291 29.4736 2.44863 29.4696 2.74698 29.3814L7.31692 28.0309C9.24628 29.1688 11.4025 29.833 13.6193 29.9724C15.8362 30.1117 18.0543 29.7225 20.1027 28.8348C22.1511 27.947 23.9749 26.5844 25.4336 24.8521C26.8923 23.1197 27.9469 21.064 28.5159 18.8433C29.085 16.6227 29.1533 14.2965 28.7157 12.0442C28.278 9.79192 27.3461 7.6737 25.9918 5.85294C24.6375 4.03218 22.897 2.55753 20.9045 1.54274C18.912 0.527951 16.7208 0.000133111 14.4999 0ZM14.4999 28.798C12.1041 28.7997 9.75216 28.133 7.69189 26.8681C7.62396 26.8262 7.54847 26.7992 7.47007 26.7887C7.39167 26.7782 7.31201 26.7844 7.23601 26.8069L2.42827 28.2277C2.32882 28.2571 2.2236 28.2584 2.12349 28.2316C2.02339 28.2047 1.93204 28.1506 1.85892 28.075C1.7858 27.9993 1.73357 27.9048 1.70763 27.8013C1.68169 27.6977 1.68299 27.5889 1.71139 27.486L3.08483 22.513C3.10654 22.4343 3.1125 22.352 3.10233 22.2709C3.09215 22.1898 3.06607 22.1117 3.02567 22.0414C1.52316 19.4229 0.900047 16.3639 1.25341 13.3409C1.60676 10.3179 2.91675 7.50061 4.97929 5.32799C7.04183 3.15537 9.74111 1.74938 12.6566 1.32904C15.5722 0.908696 18.5403 1.49761 21.0985 3.00403C23.6568 4.51045 25.6615 6.84979 26.8006 9.65765C27.9396 12.4655 28.1488 15.5842 27.3958 18.5279C26.6427 21.4716 24.9696 24.075 22.6371 25.9326C20.3046 27.7902 17.4436 28.7976 14.4999 28.798ZM21.8241 17.7802L18.8574 16.0267C18.589 15.8682 18.2847 15.7865 17.9757 15.7899C17.6667 15.7933 17.3641 15.8817 17.099 16.046L15.097 17.2885C13.8851 16.6534 12.9006 15.6349 12.2866 14.3813L13.4878 12.3104C13.6466 12.0362 13.7321 11.7232 13.7353 11.4035C13.7386 11.0839 13.6596 10.7691 13.5064 10.4915L11.8113 7.42268C11.6729 7.17284 11.4732 6.96519 11.2324 6.82067C10.9917 6.67615 10.7183 6.59987 10.4399 6.59954C9.21242 6.59984 8.03503 7.10315 7.16543 7.99931C6.29583 8.89546 5.80485 10.1115 5.79994 11.3812C5.79767 13.0372 6.11103 14.6775 6.72211 16.2081C7.33318 17.7388 8.22997 19.1298 9.36119 20.3017C10.4924 21.4735 11.8359 22.4032 13.3147 23.0375C14.7936 23.6718 16.3788 23.9983 17.9797 23.9983H17.9971C19.2246 23.9933 20.4002 23.4854 21.2666 22.5859C22.133 21.6864 22.6196 20.4684 22.6199 19.1987C22.6195 18.9107 22.5458 18.6279 22.4061 18.3789C22.2664 18.1299 22.0656 17.9233 21.8241 17.7802ZM17.9955 22.7984H17.9799C16.5314 22.7984 15.0972 22.503 13.7591 21.9292C12.4211 21.3553 11.2056 20.5142 10.1821 19.454C9.15861 18.3938 8.34721 17.1352 7.79432 15.7504C7.24143 14.3655 6.95789 12.8815 6.95993 11.3832C6.96392 10.4312 7.33233 9.51963 7.98454 8.84798C8.63674 8.17634 9.51961 7.79933 10.4399 7.79945C10.5138 7.79955 10.5864 7.8198 10.6504 7.85816C10.7143 7.89653 10.7674 7.95166 10.8042 8.01799L12.4992 11.0869C12.5503 11.1795 12.5766 11.2844 12.5755 11.3909C12.5745 11.4974 12.546 11.6018 12.4931 11.6932L11.1316 14.0402C11.0834 14.1232 11.0554 14.217 11.0499 14.3136C11.0444 14.4102 11.0616 14.5068 11.1 14.595C11.857 16.3378 13.2057 17.7329 14.8905 18.5159C14.9758 18.5556 15.0692 18.5734 15.1626 18.5677C15.256 18.562 15.3467 18.533 15.4269 18.4832L17.6957 17.0748C17.7841 17.02 17.8849 16.9906 17.988 16.9895C18.091 16.9883 18.1924 17.0156 18.2819 17.0684L21.2486 18.822C21.3127 18.86 21.366 18.9149 21.4031 18.981C21.4402 19.0471 21.4598 19.1222 21.4599 19.1987C21.46 20.1506 21.0955 21.0638 20.4463 21.7385C19.797 22.4131 18.9158 22.7942 17.9955 22.7984Z' fill='black'/%3E%3C/svg%3E") no-repeat center; } #navbar li a.chat { background: var(--blue-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H6L4 18V4H20V16Z' fill='black'/%3E%3C/svg%3E") no-repeat center; } #navbar li a > span { position: absolute; top: 0; right: calc(100% + 10px); height: 60px; display: flex; align-items: center; font-size: .75rem; text-transform: capitalize; transform: translateX(60px); opacity: 0; visibility: hidden; transition: all .3s ease-out; z-index: 2; color: #000; background: var(--blue-dark); width: 130px; text-align: center; justify-content: center; box-shadow: 0px 5.125px 5.125px 0px rgba(0, 0, 0, 0.25); border-radius: 16px; } #navbar li a:hover > span { transform: translateX(0); opacity: 1; visibility: visible; } @media (min-width: 899px) { #navbar .cadastro { display: none; } } @media (max-width: 899px) { #navbar { top: auto; bottom: 0; right: 0; left: 0; width: 100%; box-shadow: 0 -8px 8px rgba( 0 0 0 / 50% ); } #navbar ul { width: 100%; } #navbar li { width: 100%; padding: 0; margin: 0; } #navbar li a { width: 50px; height: 50px; border-radius: 0; } #navbar li a.whatsapp, #navbar li a.chat { width: 100%; } #navbar li a.chat { background-color: var(--blue-dark); } #navbar li a>span { display: none; } } /* #novo*/ #novo { background: white; position: relative; } #novo .cont { display: flex; flex-direction: column; justify-content: center; row-gap: 40px; padding: 80px 0; } #novo h2 { color: var(--orange-l); font-size: 2rem; font-weight: 700; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase; max-width: 340px; } #novo ul { list-style: none; } #novo ul li { color: #000; font-weight: 400; line-height: 2.5; padding-left: 30px; background-size: 20px; background-repeat: no-repeat; background-position: 0% 50%; } #novo ul li:nth-child(1) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 9C19 10.45 18.57 11.78 17.83 12.89C16.75 14.49 15.04 15.62 13.05 15.91C12.71 15.97 12.36 16 12 16C11.64 16 11.29 15.97 10.95 15.91C8.96 15.62 7.25 14.49 6.17 12.89C5.43 11.78 5 10.45 5 9C5 5.13 8.13 2 12 2C15.87 2 19 5.13 19 9Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M21.25 18.47L19.6 18.86C19.23 18.95 18.94 19.23 18.86 19.6L18.51 21.07C18.32 21.87 17.3 22.11 16.77 21.48L12 16L7.23 21.49C6.7 22.12 5.68 21.88 5.49 21.08L5.14 19.61C5.05 19.24 4.76 18.95 4.4 18.87L2.75 18.48C1.99 18.3 1.72 17.35 2.27 16.8L6.17 12.9C7.25 14.5 8.96 15.63 10.95 15.92C11.29 15.98 11.64 16.01 12 16.01C12.36 16.01 12.71 15.98 13.05 15.92C15.04 15.63 16.75 14.5 17.83 12.9L21.73 16.8C22.28 17.34 22.01 18.29 21.25 18.47Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M12.58 5.98L13.17 7.15999C13.25 7.31999 13.46 7.48 13.65 7.51L14.72 7.68999C15.4 7.79999 15.56 8.3 15.07 8.79L14.24 9.61998C14.1 9.75998 14.02 10.03 14.07 10.23L14.31 11.26C14.5 12.07 14.07 12.39 13.35 11.96L12.35 11.37C12.17 11.26 11.87 11.26 11.69 11.37L10.69 11.96C9.97 12.38 9.54 12.07 9.73 11.26L9.97 10.23C10.01 10.04 9.94 9.75998 9.8 9.61998L8.97 8.79C8.48 8.3 8.64 7.80999 9.32 7.68999L10.39 7.51C10.57 7.48 10.78 7.31999 10.86 7.15999L11.45 5.98C11.74 5.34 12.26 5.34 12.58 5.98Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } #novo ul li:nth-child(2) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.61 2.20976C12.25 1.92976 11.75 1.92976 11.39 2.20976C9.49001 3.65976 3.87997 8.38976 3.90997 13.8998C3.90997 18.3598 7.54001 21.9998 12.01 21.9998C16.48 21.9998 20.11 18.3698 20.11 13.9098C20.12 8.47976 14.5 3.66976 12.61 2.20976Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cg opacity='0.4' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1.99976V21.9998'/%3E%3Cpath d='M12 18.9597L19.7 15.2197'/%3E%3Cpath d='M12 13.9598L19.37 10.3798'/%3E%3Cpath d='M12 8.95976L17.03 6.50977'/%3E%3C/g%3E%3C/svg%3E%0A"); } #novo ul li:nth-child(3) { background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23141B34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0.998444 13L1.99844 18M1.99844 18L0.998444 21M1.99844 18H4.65132C5.35578 18 5.5219 18.1407 5.63771 18.8356L5.99844 21'/%3E%3Cpath d='M18.9984 13L17.9984 18M17.9984 18L18.9984 21M17.9984 18H15.3456C14.6411 18 14.475 18.1407 14.3592 18.8356L13.9984 21'/%3E%3Cpath d='M9.99844 9V21'/%3E%3Cpath d='M2.5989 6.40727C4.66855 5.43818 6.75107 3.89851 8.28724 2.36403C9.19759 1.45468 9.65277 1 9.99844 1C10.3441 1 10.7993 1.45468 11.7096 2.36403C13.2458 3.89851 15.3283 5.43818 17.398 6.40727C18.1018 6.73682 18.5313 7.14335 18.8715 7.9348C19.1317 8.54022 19.015 9 18.3055 9H1.69139C0.981927 9 0.865166 8.54022 1.12541 7.9348C1.46562 7.14335 1.89508 6.73683 2.5989 6.40727Z'/%3E%3Cpath d='M8.99844 21H10.9984'/%3E%3Cpath d='M6.99844 14H12.9984'/%3E%3C/g%3E%3C/svg%3E%0A"); } #novo ul li:nth-child(4) { background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5002 1.99976L12.804 7.59582L19.0002 8.14754L14.2339 12.0096L15.7432 17.9998L10.5002 14.7682L5.17778 17.9998L6.68713 12.0096L2.00021 8.14754L8.11704 7.59582L10.5002 1.99976Z' stroke='%231D2023' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } #novo ul li:nth-child(5) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.49 2.23006L5.5 4.11006C4.35 4.54006 3.41 5.90006 3.41 7.12006V14.5501C3.41 15.7301 4.19 17.2801 5.14 17.9901L9.44 21.2001C10.85 22.2601 13.17 22.2601 14.58 21.2001L18.88 17.9901C19.83 17.2801 20.61 15.7301 20.61 14.5501V7.12006C20.61 5.89006 19.67 4.53006 18.52 4.10006L13.53 2.23006C12.68 1.92006 11.32 1.92006 10.49 2.23006Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M9.05 11.8701L10.66 13.4801L14.96 9.18005' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } #novo .img { position: relative; z-index: 2; } #novo .img picture { display: block; width: 50vw; height: 100%; } #novo .img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 899px){ #novo h2 { margin: auto; max-width: 550px; text-align: center; font-size: 1.5rem; } #novo ul li { text-align: center; max-width: fit-content; margin: auto; min-height: 60px; display: flex; align-items: end; margin-bottom: 20px; padding-left: 0; background-position: 50% 0%; background-size: 28px auto; } #novo .img picture { width: 100vw; min-height: 350px; margin: 0 -20px; } } /*** Formulário ***/ #form-2 { padding: 40px 0; background: var(--blue-dark); } #form-2 h2 { color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } #form-2 form { width: calc( 100% + 20px ); margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; } #form-2 .field-wrap { flex: 0 0 calc( 33.33% - 20px ); } #form-2 label { display: block; color: #fff; margin-left: 16px; margin-bottom: 10px; } #form-2 label span { color: #fff } #form-2 .text { font-size: .875rem; display: block; width: 100%; padding: 12px 17px; border: 1px solid #fff; background: transparent; color: #fff; border-radius: 25px; } #form-2 .text::placeholder { color: #fff; opacity: 1; } #form-2 .field-wrap input { flex: 1 1 100%; background: transparent; } #form-2 .field-wrap.field-cb { flex: 0 0 calc(66.66% - 20px); padding: 7px 0; border: 0; } #form-2 .field-wrap.field-cb label { margin-left: 0; flex: 1 1 100%; } #form-2 .field-wrap.field-cb label a { color: #fff; text-decoration: underline; } #form-2 .field-wrap.field-cb label a:hover { color: var(--green); } #form-2 .field-wrap.field-cb input { display: none; } #form-2 .field-wrap.field-cb input + span { display: inline-block; position: relative; padding-left: 24px; } #form-2 .field-wrap.field-cb input + span:before { content: ''; width: 16px; height: 16px; border: 1px solid #fff; position: absolute; top: 2px; left: 0; border-radius: 4px; } #form-2 .field-wrap.field-cb input + span:after { content: ''; width: 8px; height: 8px; background: #fff; position: absolute; top: 6px; left: 4px; border-radius:2px; opacity: 0; transition: all .3s ease-out; } #form-2 .field-wrap.field-cb label:hover span:after { opacity: .25; } #form-2 .field-wrap.field-cb input:checked + span:after { opacity: 1; } #form-2 .field-wrap.field-submit { flex: 0 0 calc(33.33% - 20px); padding: 0; border: 0; } #form-2 .field-wrap.field-submit .submit-btn { display: block; width: 100%; padding: 11px 20px; background: var(--orange-l); color: #fff; transition: all .3s ease-out; text-transform: uppercase; font-weight: bold; border-radius: 48px; } #form-2 .field-wrap.field-submit .submit-btn:hover { scale: 1.1; } #form-2 .field-wrap.field-submit .submit-btn[disabled] { opacity: .5; pointer-events: none; } #form-2 .field-wrap.field-submit .submit-btn.sending { pointer-events: none; color: transparent; background: var(--orange-l) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; opacity: 1; } #form-2 #form-2-output.is-success { margin-bottom: 0; } @media ( max-width: 899px ){ #form-2 h2 { text-align: center; } #form-2 .field-wrap, #form-2 .field-wrap.field-cb, #form-2 .field-wrap.field-submit { flex: 0 0 calc(50% - 20px); } #form-2 .field-wrap.field-nome{ flex: 0 0 calc(100% - 20px); } } @media ( max-width: 599px ){ #form-2 .field-wrap, #form-2 .field-wrap.field-cb, #form-2 .field-wrap.field-submit { flex: 0 0 calc(100% - 20px); } } /** Mapa **/ #mapa { padding: 50px 0 60px; background: var(--orange-l); } #mapa h2 { font-size: 2rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; text-align: center; max-width: 820px; margin: 20px auto; color: white; } #mapa h3 { text-align: center; font-size: 1.25rem; font-weight: 400; line-height: 1.5; text-transform: uppercase; margin-bottom: 20px; } #mapa h3 span { display: block; } #mapa h4 { display: none; } #mapa img { /* object-fit: cover; */ display: block; width: 100%; height: auto; border-radius: 12px; } #mapa ul { list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 0; padding: 20px 0 8px; margin-top: 40px; border-top: 2px solid var(--blue-dark); } #mapa li { line-height: 1.5; padding: 0 0 12px 32px; flex: 0 0 33.33%; color: #fff; position: relative; } #mapa li span { display: none; } #mapa li strong { display: block; } #mapa li::before { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 0; } #mapa li:nth-child( 1 )::before { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.05702 19.8745L4.00488 4.70112C4.18289 3.31447 4.53457 3.00049 5.95624 3.00049C7.37791 3.00049 7.72959 3.31447 7.90759 4.70112L10 21.0005H3.05991C2.52521 21.0005 2.25787 21.0005 2.10693 20.831C1.95599 20.6616 1.98967 20.3992 2.05702 19.8745Z'/%3E%3Cpath d='M10.1537 21.0005H21C21.4714 21.0005 21.7071 21.0005 21.8536 20.854C22 20.7076 22 20.4719 22 20.0005V7.00049L17.6402 10.6337C16.9306 11.225 16.5758 11.5206 16.2879 11.3858C16 11.2509 16 10.7891 16 9.86545V7.00049L11.552 10.2354C11.0304 10.6148 10.7696 10.8044 10.4681 10.9025C10.1666 11.0005 9.84419 11.0005 9.19926 11.0005H9'/%3E%3Cpath d='M4 6.00049H8'/%3E%3Cpath d='M12 15.0005L14 15.0005'/%3E%3Cpath d='M17 15.0005H19'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #mapa li:nth-child( 2 )::before { background: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 11.0005C19.2091 11.0005 21 9.20963 21 7.00049C21 4.79135 19.2091 3.00049 17 3.00049C16.1767 3.00049 15.4115 3.24923 14.7754 3.67567M5 11.0005C2.79086 11.0005 1 9.20963 1 7.00049C1 4.79135 2.79086 3.00049 5 3.00049C5.82332 3.00049 6.58854 3.24923 7.22461 3.67567M14.7754 3.67567C14.2287 2.11763 12.7448 1.00049 11 1.00049C9.2552 1.00049 7.77132 2.11763 7.22461 3.67567M14.7754 3.67567C14.9209 4.0903 15 4.53615 15 5.00049C15 5.34579 14.9562 5.68087 14.874 6.00049M8.46487 5.00049C8.15785 4.46974 7.73238 4.01608 7.22461 3.67567'/%3E%3Cpath d='M5 15.5005C6.59905 14.8781 8.69952 14.5005 11 14.5005C13.3005 14.5005 15.401 14.8781 17 15.5005'/%3E%3Cpath d='M4 19.0005C5.86556 18.3781 8.3161 18.0005 11 18.0005C13.6839 18.0005 16.1344 18.3781 18 19.0005'/%3E%3Cpath d='M17 10.0005V18.0005M5 10.0005V18.0005'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #mapa li:nth-child( 3 )::before { background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13H19.2389C20.3498 13 21.1831 14.0805 20.9652 15.2386L20.7003 16.6466C20.4429 18.015 19.3127 19 18 19'/%3E%3Cpath d='M4 13H2.76113C1.65015 13 0.816906 14.0805 1.03479 15.2386L1.29967 16.6466C1.55711 18.015 2.68731 19 4 19'/%3E%3Cpath d='M17.2696 9.50007L17.7911 14.1968C18.071 17.3791 18.211 18.9702 17.2696 19.9851C16.3283 21.0001 14.7125 21.0001 11.481 21.0001H10.519C7.2875 21.0001 5.67174 21.0001 4.73038 19.9851C3.78901 18.9702 3.92899 17.3791 4.20893 14.1968L4.73038 9.5'/%3E%3Cpath d='M14 4C14 2.34315 12.6569 1 11 1C9.34315 1 8 2.34315 8 4'/%3E%3Cpath d='M4.2617 7.86971C4.01152 6.45403 3.88643 5.74619 4.13559 5.20431C4.30195 4.84248 4.57803 4.53512 4.9291 4.32087C5.45489 4 6.21577 4 7.73753 4H14.2625C15.7842 4 16.5451 4 17.0709 4.32087C17.422 4.53512 17.698 4.84248 17.8644 5.20431C18.1136 5.74619 17.9885 6.45403 17.7383 7.86971L17.6872 8.15901C17.5902 8.70796 17.5417 8.98243 17.446 9.23487C17.2806 9.67102 17.0104 10.0651 16.6565 10.3863C16.4517 10.5722 16.2062 10.7266 15.7153 11.0353C15.2537 11.3255 15.0229 11.4706 14.779 11.5845C14.3579 11.7812 13.905 11.9105 13.439 11.9672C13.169 12 12.8916 12 12.3369 12H9.66313C9.10838 12 8.831 12 8.56102 11.9672C8.09497 11.9105 7.64214 11.7812 7.22104 11.5845C6.9771 11.4706 6.74632 11.3255 6.28474 11.0353C5.79376 10.7266 5.54827 10.5722 5.34346 10.3863C4.98959 10.0651 4.7194 9.67102 4.55404 9.23487C4.45833 8.98243 4.40983 8.70796 4.31282 8.15901L4.2617 7.86971Z'/%3E%3Cpath d='M11 9.00244L11.0087 9.00012'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #mapa li:nth-child( 4 )::before { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.301641 10.3276C0.0094992 10.6212 0.0107161 11.0961 0.304359 11.3882C0.598002 11.6804 1.07287 11.6792 1.36502 11.3855L0.833328 10.8566L0.301641 10.3276ZM9.47739 0.911067L9.67891 0.188647L9.67891 0.188647L9.47739 0.911067ZM11.6652 1.52137L11.8667 0.798947L11.8667 0.798947L11.6652 1.52137ZM12.6095 2.14831L12.0269 2.62059L12.0269 2.6206L12.6095 2.14831ZM17.8816 10.2946L17.199 10.6053L17.199 10.6053L17.8816 10.2946ZM6.92271 2.25251L6.37112 1.74434L6.37112 1.74434L6.92271 2.25251ZM8.97403 5.17725L8.85186 4.43727L8.85186 4.43727L8.97403 5.17725ZM11.5903 6.38588L12.1852 5.92916L12.1852 5.92916L11.5903 6.38588ZM12.4866 9.66479L11.7411 9.74733L11.7411 9.74733L12.4866 9.66479ZM13.175 11.4384L12.7539 12.0591C13.0691 12.2729 13.4945 12.2165 13.7432 11.928C13.9918 11.6395 13.9847 11.2104 13.7266 10.9303L13.175 11.4384ZM5.94087 12.0041C5.68417 12.3292 5.7396 12.8008 6.06467 13.0575C6.38975 13.3142 6.86138 13.2588 7.11808 12.9337L6.52948 12.4689L5.94087 12.0041ZM5.97323 3.91959L5.23438 4.04843L5.23438 4.04843L5.97323 3.91959ZM18.9633 15.1373L19.6599 15.4152L19.6599 15.4152L18.9633 15.1373ZM15.075 17.559L15.3095 18.2713L15.3095 18.2713L15.075 17.559ZM10.4226 5.07253L10.7081 4.37901L10.7081 4.37901L10.4226 5.07253ZM8.3541 17.6997L8.89256 18.2218L8.89256 18.2218L8.3541 17.6997ZM1.38494 17.1132C1.10429 16.8085 0.629812 16.7891 0.325167 17.0697C0.0205219 17.3504 0.0010699 17.8248 0.28172 18.1295L0.833328 17.6213L1.38494 17.1132ZM8.5146 17.4754L8.7877 16.7769C8.44537 16.643 8.05649 16.777 7.86923 17.0933L8.5146 17.4754ZM8.48314 17.5285L7.83777 17.1464L7.83776 17.1464L8.48314 17.5285ZM8.88209 10.7598L9.1113 11.4739L8.88209 10.7598ZM9.47739 0.911067L9.27587 1.63349L11.4637 2.24379L11.6652 1.52137L11.8667 0.798947L9.67891 0.188647L9.47739 0.911067ZM12.6095 2.14831L12.0269 2.6206C14.3957 5.54273 15.9111 7.77556 17.199 10.6053L17.8816 10.2946L18.5642 9.98391C17.2045 6.99647 15.6056 4.65329 13.1921 1.67602L12.6095 2.14831ZM12.4866 9.66479L11.7411 9.74733C11.8205 10.4638 12.0528 11.3273 12.6234 11.9466L13.175 11.4384L13.7266 10.9303C13.4709 10.6527 13.2964 10.1639 13.232 9.58225L12.4866 9.66479ZM11.5903 6.38588L10.9954 6.8426C11.1756 7.07739 11.2999 7.23945 11.3869 7.36026C11.4846 7.49601 11.4901 7.51981 11.4791 7.49193L12.1761 7.21499L12.8731 6.93805C12.8075 6.77318 12.6973 6.61312 12.6043 6.48392C12.5005 6.33977 12.3591 6.15578 12.1852 5.92916L11.5903 6.38588ZM12.4866 9.66479L13.232 9.58225C13.1469 8.81353 13.0823 8.22978 13.0321 7.82158C13.0071 7.618 12.9847 7.4502 12.9643 7.32135C12.9491 7.22532 12.9232 7.0642 12.8731 6.93805L12.1761 7.21499L11.4791 7.49193C11.4562 7.43428 11.4613 7.4209 11.4828 7.55614C11.499 7.65856 11.5188 7.80555 11.5433 8.00458C11.5921 8.40156 11.6555 8.97422 11.7411 9.74733L12.4866 9.66479ZM6.92271 2.25251L6.37112 1.74434C6.0425 2.10104 5.72572 2.4407 5.51898 2.76654C5.28515 3.13509 5.14762 3.55088 5.23438 4.04843L5.97323 3.91959L6.71208 3.79075C6.70552 3.75314 6.69512 3.71269 6.78556 3.57014C6.9031 3.38489 7.10773 3.1586 7.47431 2.76069L6.92271 2.25251ZM17.8816 10.2946L17.199 10.6053C17.7446 11.8041 18.1139 12.6213 18.2963 13.2999C18.4674 13.9369 18.4549 14.3878 18.2667 14.8593L18.9633 15.1373L19.6599 15.4152C19.9961 14.5727 19.978 13.7785 19.7449 12.9107C19.523 12.0847 19.0893 11.1375 18.5642 9.98391L17.8816 10.2946ZM15.075 17.559L15.3095 18.2713C16.4039 17.911 17.3253 17.6109 18.0285 17.2192C18.7803 16.8003 19.324 16.2571 19.6599 15.4152L18.9633 15.1373L18.2667 14.8593C18.0783 15.3315 17.7992 15.6299 17.2985 15.9088C16.7493 16.2148 15.9888 16.4685 14.8404 16.8466L15.075 17.559ZM8.97403 5.17725L9.0962 5.91723C9.51296 5.84843 9.7853 5.80394 9.98392 5.78555C10.2007 5.76548 10.2012 5.79248 10.137 5.76604L10.4226 5.07253L10.7081 4.37901C10.4109 4.25662 10.0923 4.26909 9.84564 4.29193C9.58083 4.31645 9.24542 4.37229 8.85186 4.43727L8.97403 5.17725ZM8.3541 17.6997L7.81563 17.1777C7.0233 17.9949 5.8232 18.4284 4.58285 18.4169C3.34266 18.4053 2.1558 17.9499 1.38494 17.1132L0.833328 17.6213L0.28172 18.1295C1.38519 19.3273 2.99778 19.9022 4.56892 19.9168C6.13992 19.9314 7.76303 19.3868 8.89256 18.2218L8.3541 17.6997ZM15.075 17.559L14.8404 16.8466C12.7145 17.5465 10.918 17.6098 8.7877 16.7769L8.5146 17.4754L8.2415 18.1739C10.7474 19.1536 12.9079 19.0621 15.3095 18.2713L15.075 17.559ZM8.48314 17.5285L9.12851 17.9106L9.15998 17.8575L8.5146 17.4754L7.86923 17.0933L7.83777 17.1464L8.48314 17.5285ZM8.3541 17.6997L8.89256 18.2218C8.9898 18.1215 9.06703 18.0145 9.12852 17.9106L8.48314 17.5285L7.83776 17.1464C7.82619 17.166 7.8181 17.1751 7.81563 17.1777L8.3541 17.6997ZM13.175 11.4384L13.596 10.8178C12.6183 10.1545 10.6679 9.3989 8.65287 10.0457L8.88209 10.7598L9.1113 11.4739C10.5412 11.0149 12.01 11.5544 12.7539 12.0591L13.175 11.4384ZM8.88209 10.7598L8.65287 10.0457C7.6925 10.3539 6.75683 10.9708 5.94087 12.0041L6.52948 12.4689L7.11808 12.9337C7.76012 12.1207 8.4509 11.6859 9.1113 11.4739L8.88209 10.7598ZM8.88209 10.7598L9.39669 10.2142C8.19152 9.0775 6.47741 8.55371 4.82599 8.57141C3.17469 8.58911 1.47357 9.14964 0.301641 10.3276L0.833328 10.8566L1.36502 11.3855C2.19751 10.5487 3.48698 10.0858 4.84206 10.0713C6.19702 10.0568 7.50507 10.492 8.36748 11.3054L8.88209 10.7598ZM10.4226 5.07253L10.137 5.76604C10.192 5.78866 10.301 5.87051 10.4742 6.09984C10.5543 6.20584 10.6319 6.32063 10.7192 6.45012C10.8014 6.572 10.8972 6.71471 10.9954 6.84261L11.5903 6.38588L12.1852 5.92916C12.1206 5.84512 12.0519 5.74353 11.963 5.61171C11.8793 5.48751 11.7795 5.3392 11.6711 5.19569C11.4673 4.92598 11.1552 4.5631 10.7081 4.37901L10.4226 5.07253ZM11.6652 1.52137L11.4637 2.24379C11.6102 2.28465 11.69 2.30753 11.7478 2.32775C11.7971 2.34498 11.8001 2.35026 11.7906 2.34391C11.7818 2.33809 11.7897 2.3404 11.8285 2.38285C11.8727 2.43111 11.9284 2.49903 12.0269 2.62059L12.6095 2.14831L13.1921 1.67602C13.0322 1.47867 12.8573 1.25183 12.6209 1.09467C12.3806 0.935005 12.1048 0.865344 11.8667 0.798947L11.6652 1.52137ZM9.47739 0.911067L9.67891 0.188647C8.82623 -0.0492095 8.14493 0.139033 7.5867 0.534004C7.11027 0.871103 6.68545 1.40314 6.37112 1.74434L6.92271 2.25251L7.47431 2.76069C7.913 2.28451 8.1488 1.97379 8.45309 1.75849C8.67559 1.60107 8.89511 1.52727 9.27587 1.63349L9.47739 0.911067ZM5.97323 3.91959L5.23438 4.04843C5.40939 5.05206 6.30635 5.53391 6.98933 5.74634C7.71146 5.97094 8.53015 6.01069 9.0962 5.91723L8.97403 5.17725L8.85186 4.43727C8.52219 4.4917 7.9396 4.47102 7.43482 4.31402C6.89088 4.14484 6.7353 3.92391 6.71208 3.79075L5.97323 3.91959Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; } #mapa li:nth-child( 5 )::before { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.00049C11 2.34363 9.65686 1.00049 8 1.00049H4C2.34315 1.00049 1 2.34364 1 4.00049V14.0005C1 15.6573 2.34315 17.0005 4 17.0005H7M10.3916 10.5423L15.8564 12.6519M10.3916 10.5423L9.33679 13.2747C8.75426 14.7838 9.50537 16.4794 11.0144 17.0619C12.5235 17.6445 14.2191 16.8934 14.8016 15.3843L15.8564 12.6519M10.3916 10.5423L11.4463 7.80991C12.0289 6.30084 13.7245 5.54974 15.2335 6.13227C16.7426 6.7148 17.4937 8.41039 16.9112 9.91946L15.8564 12.6519M4 5.00049V5.01048M8 5.00049V5.01048M8 9.00049V9.01048M4 9.00049V9.01048M4 13.0005V13.0105' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center; } #mapa li:nth-child( 6 )::before { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 12.5C16.25 12.9142 16.5858 13.25 17 13.25C17.4142 13.25 17.75 12.9142 17.75 12.5H17H16.25ZM5.00121 15L4.25121 14.9999V15H5.00121ZM5.75 5C5.75 4.58579 5.41421 4.25 5 4.25C4.58579 4.25 4.25 4.58579 4.25 5H5H5.75ZM4.25 9C4.25 9.41421 4.58579 9.75 5 9.75C5.41421 9.75 5.75 9.41421 5.75 9H5H4.25ZM3 6.25C2.58579 6.25 2.25 6.58579 2.25 7C2.25 7.41421 2.58579 7.75 3 7.75V7V6.25ZM7 7.75C7.41421 7.75 7.75 7.41421 7.75 7C7.75 6.58579 7.41421 6.25 7 6.25V7V7.75ZM16.7655 15.0869L16.2823 14.5133L16.2823 14.5133L16.7655 15.0869ZM17.2345 15.0869L17.7177 14.5133L17.7177 14.5133L17.2345 15.0869ZM12 15H11.25C11.25 15.5967 11.0129 16.169 10.591 16.591L11.1213 17.1213L11.6517 17.6517C12.3549 16.9484 12.75 15.9946 12.75 15H12ZM11.1213 17.1213L10.591 16.591C10.169 17.0129 9.59674 17.25 9 17.25V18V18.75C9.99456 18.75 10.9484 18.3549 11.6517 17.6517L11.1213 17.1213ZM12 12.5H12.75C12.75 12.0359 12.9344 11.5908 13.2626 11.2626L12.7322 10.7322L12.2019 10.2019C11.5924 10.8114 11.25 11.638 11.25 12.5H12ZM12.7322 10.7322L13.2626 11.2626C13.5908 10.9344 14.0359 10.75 14.5 10.75V10V9.25C13.638 9.25 12.8114 9.59241 12.2019 10.2019L12.7322 10.7322ZM14.5 10V10.75C14.9641 10.75 15.4092 10.9344 15.7374 11.2626L16.2678 10.7322L16.7981 10.2019C16.1886 9.59241 15.362 9.25 14.5 9.25V10ZM16.2678 10.7322L15.7374 11.2626C16.0656 11.5908 16.25 12.0359 16.25 12.5H17H17.75C17.75 11.638 17.4076 10.8114 16.7981 10.2019L16.2678 10.7322ZM12 15H12.75V12.5H12H11.25V15H12ZM8.00121 18V17.25C7.40447 17.25 6.83218 17.0129 6.41022 16.591L5.87989 17.1213L5.34956 17.6517C6.05282 18.3549 7.00665 18.75 8.00121 18.75V18ZM5.87989 17.1213L6.41022 16.591C5.98826 16.169 5.75121 15.5967 5.75121 15H5.00121H4.25121C4.25121 15.9946 4.6463 16.9484 5.34956 17.6517L5.87989 17.1213ZM5.00145 13L4.25145 12.9999L4.25121 14.9999L5.00121 15L5.75121 15.0001L5.75145 13.0001L5.00145 13ZM3 1V1.75H7V1V0.25H3V1ZM9 3H8.25V11H9H9.75V3H9ZM7 13V12.25H5.00145V13V13.75H7V13ZM5.00145 13V12.25H3V13V13.75H5.00145V13ZM1 11H1.75V3H1H0.25V11H1ZM3 13V12.25C2.30964 12.25 1.75 11.6904 1.75 11H1H0.25C0.25 12.5188 1.48122 13.75 3 13.75V13ZM9 11H8.25C8.25 11.6904 7.69036 12.25 7 12.25V13V13.75C8.51878 13.75 9.75 12.5188 9.75 11H9ZM7 1V1.75C7.69036 1.75 8.25 2.30964 8.25 3H9H9.75C9.75 1.48122 8.51878 0.25 7 0.25V1ZM3 1V0.25C1.48122 0.25 0.25 1.48122 0.25 3H1H1.75C1.75 2.30964 2.30964 1.75 3 1.75V1ZM5 5H4.25V7H5H5.75V5H5ZM5 7H4.25V9H5H5.75V7H5ZM3 7V7.75H5V7V6.25H3V7ZM5 7V7.75H7V7V6.25H5V7ZM15.5 17.4071H16.25C16.25 16.9721 16.5677 16.2342 17.2487 15.6606L16.7655 15.0869L16.2823 14.5133C15.3573 15.2925 14.75 16.4196 14.75 17.4071H15.5ZM17.2345 15.0869L16.7513 15.6606C17.4323 16.2342 17.75 16.9721 17.75 17.4071H18.5H19.25C19.25 16.4196 18.6427 15.2925 17.7177 14.5133L17.2345 15.0869ZM18.5 17.4071H17.75C17.75 17.9709 17.3462 18.25 17 18.25V19V19.75C18.1187 19.75 19.25 18.8542 19.25 17.4071H18.5ZM17 19V18.25C16.6538 18.25 16.25 17.9709 16.25 17.4071H15.5H14.75C14.75 18.8542 15.8813 19.75 17 19.75V19ZM16.7655 15.0869L17.2486 15.6606C17.1071 15.7798 16.8929 15.7798 16.7513 15.6606L17.2345 15.0869L17.7177 14.5133C17.3009 14.1622 16.6991 14.1622 16.2823 14.5133L16.7655 15.0869ZM8.00121 18V18.75H9V18V17.25H8.00121V18Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; } @media (max-width: 899px) { #mapa h2 { font-size: 1.75rem; } #mapa h3 { font-size: 1.125px; } #mapa li { flex: 0 0 50%; } } @media (max-width: 599px) { #mapa h2 { font-size: 1.5rem; } #mapa li { flex: 0 0 100%; justify-content: center; text-align: center; } #mapa li:not( :first-child ) { border-top: 1px solid var(--blue-dark); padding-top: 12px; } } /** O Grupo **/ #grupo { background-color: var(--blue-dark); padding: 80px 0; } #grupo .row { align-items: center; } #grupo h2 { color: white; font-size: 32px; font-weight: 400; line-height: 1.4; letter-spacing: 0.64px; text-transform: uppercase; max-width: 550px; margin-bottom: 20px; } #grupo h2 strong { color: white; display: block; } #grupo p { color: white; line-height: 2; max-width: 600px; margin-bottom: 20px; } #grupo a { background: var(--orange-l); padding: 16px 40px; text-transform: uppercase; text-decoration: none; text-align: center; color: white; border-radius: 30px; font-size: .875rem; font-weight: 700; display: inline-block; max-width: 400px; } #grupo a:hover{ scale: 1.1; } #grupo ul { list-style: none; display: flex; flex-direction: column; align-items: start; flex-wrap: wrap; gap: 20px; } #grupo ul li { text-align: left; color: white; position: relative; padding-left: 160px; height: 140px; display: flex; flex-direction: column; justify-content: center; } #grupo ul li:first-child { max-width: 320px; } #grupo ul li::before { content: ''; display: block; width: 140px; height: 140px; position: absolute; left: 0; top: 0; } #grupo ul li:nth-child(1)::before { background: url(../img/grupo/icon-1.svg) no-repeat center center; } #grupo ul li:nth-child(2)::before { background: url(../img/grupo/icon-2.svg) no-repeat center center; } #grupo ul li:nth-child(3)::before { background: url(../img/grupo/icon-3.svg) no-repeat center center; } #grupo ul li strong { font-size: 1.5rem; font-weight: bold; color: white; display: block; } @media (max-width: 899px) { #grupo { padding: 40px 0; } #grupo .row { gap: 40px; } #grupo h2 { text-align: center; margin: 0 auto 20px; font-size: 26px; } #grupo h2 strong{ display: contents; } #grupo p { text-align: center; max-width: 100%; margin-bottom: 20px; line-height: 1.5;} #grupo h3 { text-align: center; } #grupo ul li { max-width: 400px !important; width: 100%; margin: auto; } #grupo a{ margin: auto; } } @media (max-width: 599px) { #grupo ul li { padding-left: 125px; height: 100px; } #grupo ul li::before { width: 100px; height: 100px; background-size: 100px !important; } } /** Footer **/ #foot { padding: 60px 0 } #foot .logos { display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; gap: 40px; } #foot .logos img { margin: 0 !important; max-height: 120px; } #foot .content { font-size: .75rem; } #foot a { display: flex; flex-direction: column-reverse; text-decoration: none; font-size: 0.56rem; color: var(--blue); font-weight: 400; letter-spacing: 0.48px; text-transform: uppercase; text-align: center; } @media (max-width: 899px) { #foot p { text-align: center; } } @media (max-width: 639px) { #foot .logo-novolar{ order: 1; width: 100%; margin: auto; align-items: center; } #foot .esg{ order: 2; } #foot .gptw{ order: 3; } } @media (max-width: 599px) { #foot .logos a img { max-height: 70px; } #foot { padding-bottom: 120px; } }