@charset "UTF-8";
  @font-face {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://koetz.digital/wp-content/themes/koetz/assets/font/Source-Sans-Pro-400-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://koetz.digital/wp-content/themes/koetz/assets/font/Source-Sans-Pro-400-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://koetz.digital/wp-content/themes/koetz/assets/font/Source-Sans-Pro-700-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://koetz.digital/wp-content/themes/koetz/assets/font/Source-Sans-Pro-700-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
width: 100%;
font-family: "Source Sans Pro", sans-serif;
color: inherit;
font-size: 1.125rem;
line-height: 130%;
}
.container {
max-width: 1240px;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px 18px;
}
}
.secao {
padding: 120px 60px;
}
@media screen and (max-width: 960px) {
.secao {
padding: 120px 20px;
}
}
img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.txt-red {
color: #c20000;
}
.aspas {
font-size: 300px;
color: #202020;
position: absolute;
z-index: -1;
top: 1rem;
left: -2rem;
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media screen and (max-width: 960px) {
.grid-2 {
grid-template-columns: 1fr;
gap: 20px;
}
}
.sr-only:not(:focus):not(:active) {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media screen and (max-width: 960px) {
.grid-4 {
grid-template-columns: 1fr;
gap: 20px;
}
}
.grid-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1rem;
}
@media screen and (max-width: 960px) {
.grid-5 {
grid-template-columns: repeat(2, 1fr);
}
}
.mapping {
text-transform: uppercase;
letter-spacing: 2px;
color: #575757;
padding: 40px 0;
}
.mapping a {
color: inherit;
text-decoration: none;
font-size: inherit;
}
.mapping a:hover {
text-decoration: underline;
}
@media screen and (max-width: 960px) {
.mapping {
padding: 20px 0px;
}
}
.elementor {
margin-top: 8rem;
}
.hidden {
display: none;
}
.no-scroll {
overflow-y: hidden;
}
#cta-email {
background-image: url(//koetz.digital/wp-content/themes/koetz/assets/img/banner_cta.webp);
padding: 100px 60px;
}
#cta-email [type=submit] {
margin-top: 20px;
width: 100%;
padding: 10px;
cursor: pointer;
}
@media screen and (max-width: 960px) {
#cta-email {
padding: 60px 20px;
}
#cta-email [type=submit] {
margin-top: 40px;
}
}
.form-base .input-box {
position: relative;
margin-top: 40px;
}
.form-base label {
color: #575757;
position: absolute;
top: -10px;
left: 0px;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.form-base .field-full {
width: 100%;
background: none;
border: none;
border-bottom: 2px solid #202020;
outline: none;
color: #202020;
}
.form-base .field-full:focus ~ label {
top: -20px;
font-size: 12px;
color: #575757;
}
.form-base .field-full:valid ~ label {
top: -20px;
font-size: 12px;
color: #575757;
}
.form-textarea {
position: relative;
}
.form-textarea textarea {
margin-top: 40px;
}
.form-textarea textarea:focus ~ label {
top: 20px !important;
}
.form-textarea textarea:valid ~ label {
top: 20px !important;
}
.form-textarea label {
top: 30px;
}
@media screen and (max-width: 960px) {
.form-textarea textarea {
margin-top: 60px;
}
.form-textarea label {
top: 50px;
}
}
#header {
width: 100%;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
#header .lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
gap: 5px;
}
#header .lang button {
border: none;
padding: 5px 8px;
background-color: #fff;
font-family: "Source Sans Pro", sans-serif !important;
cursor: pointer;
}
#header .lang .lang-active {
border: 2px solid #c20000;
}
@media screen and (max-width: 960px) {
#header .lang {
display: none;
}
}
#header .header-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#header .header-main ul {
list-style: none;
}
#header .header-main a {
display: block;
}
#header .header-icones {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 960px) {
#header .header-seta {
display: none;
}
}
.hamburguer {
display: block;
cursor: pointer;
border: none;
border-top: 3px solid #202020;
width: 30px;
margin-left: 1rem;
border-radius: 1px;
}
.hamburguer::after,
.hamburguer::before,
.hamburguer-fechar::after,
.hamburguer-fechar::before {
content: "";
display: block;
width: 30px;
height: 3px;
background: #202020;
margin-top: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
}
.hamburguer-fechar {
display: block;
cursor: pointer;
border: none;
background: none;
width: 30px;
margin-left: 1rem;
border-radius: 1px;
position: absolute;
top: 60px;
left: 60px;
}
.hamburguer-fechar::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: -7px;
background-color: #fff;
}
.hamburguer-fechar::before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background-color: #fff;
}
@-webkit-keyframes show-modal {
from {
-webkit-transform: translate3d(500px, 0px, 0);
transform: translate3d(500px, 0px, 0);
}
to {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
}
@keyframes show-modal {
from {
-webkit-transform: translate3d(500px, 0px, 0);
transform: translate3d(500px, 0px, 0);
}
to {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
}
[data-modal-menu=container] {
-webkit-animation: show-modal 0.5s forwards;
animation: show-modal 0.5s forwards;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(46, 46, 46, 0.96);
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 40%;
z-index: 2000;
}
[data-modal-menu=container] ul {
list-style: none;
gap: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[data-modal-menu=container] a {
color: #efefef;
text-decoration: none;
text-transform: uppercase;
}
[data-modal-menu=container] .header-modal-sociais {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
[data-modal-menu=container] .header-modal-sociais img {
max-width: 25px;
}
.header-modal.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-modal li:hover {
opacity: .7;
}
@media screen and (max-width: 960px) {
.header-modal.active {
width: 100%;
}
}
#footer {
padding: 120px 60px 40px 60px;
}
#footer p {
font-size: 16px;
line-height: 140%;
}
#footer ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
#footer a {
color: inherit;
text-decoration: none;
text-transform: uppercase;
color: #575757;
font-size: 14px;
}
#footer a:hover {
text-decoration: underline;
}
#footer .grid-4 {
gap: 60px;
}
#footer .footer-tit {
font-weight: 700;
font-size: 1rem;
line-height: 2rem;
color: #202020;
text-transform: uppercase;
margin-bottom: 20px;
}
#footer .footer-logo img {
margin-bottom: 30px;
}
#footer .footer-dados {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #efefef;
padding-top: 1rem;
margin-top: 1rem;
}
#footer .footer-dados p, #footer .footer-dados a {
font-size: 14px;
}
#footer .footer-dados a {
text-decoration: underline;
text-transform: capitalize;
}
#footer .footer-dados a:hover {
color: #222;
}
#footer .footer-sociais ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0px;
margin-bottom: 40px;
}
#footer .footer-sociais img {
max-width: 25px;
}
#footer .footer-sociais a {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
#footer .footer-sociais a:hover {
opacity: 0.5;
}
#footer .footer-isbn {
margin-top: 40px;
}
#footer .footer-isbn img {
max-width: 90% !important;
}
@media screen and (max-width: 960px) {
#footer {
padding: 40px 20px;
}
#footer .footer-tit {
margin-bottom: 10px;
}
#footer .footer-logo img {
margin-bottom: 1rem;
}
#footer .footer-sociais ul {
margin: 20px 0;
}
}
.modal-sucess {
position: absolute;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
right: 0;
z-index: 1000;
display: none;
color: #222;
}
.modal-content {
background-color: #fff;
width: 50%;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.modal-content h3 {
font-size: 24px;
font-weight: 700;
}
.modal-sucess.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.footer-advbox {
margin-top: 40px;
}
.footer-advbox a {
font-size: 1rem !important;
text-decoration: underline !important;
}
#home-blog {
margin: 0 auto;
max-width: 92.5rem;
padding-bottom: 2rem;
}
#home-blog .blog-cards {
display: grid;
gap: 1rem;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-template-columns: repeat(4, 1fr);
min-height: 25rem;
width: 100%;
overflow-x: auto;
}
#home-blog .blog-cards::-webkit-scrollbar {
height: 12px;
}
#home-blog .blog-cards::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
#home-blog .blog-cards::-webkit-scrollbar-thumb {
background-color: #dc0000;
}
#home-blog .blog-cards::-webkit-scrollbar-thumb:hover {
background-color: #ff2929;
}
@media screen and (max-width: 1100px) {
#home-blog .blog-cards {
grid-auto-columns: minmax(15rem, 1fr);
grid-template-columns: repeat(4, minmax(15rem, 1fr));
}
}
#home-blog .blog-card-hidden {
background-color: #c20000;
display: none;
padding: 45px 30px;
font-size: 1.125rem;
line-height: 140%;
color: #fff;
position: relative;
overflow-y: auto;
}
#home-blog .blog-card-hidden::-webkit-scrollbar {
width: 4px;
}
#home-blog .blog-card-hidden::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
#home-blog .blog-card-hidden::-webkit-scrollbar-thumb {
background-color: #202020;
}
#home-blog .blog-card-hidden::-webkit-scrollbar-thumb:hover {
background-color: #575757;
}
@media screen and (max-width: 1300px) and (min-width: 1101px) {
#home-blog .blog-card-hidden {
line-height: 1.75rem;
height: 100%;
padding: 25px;
font-size: 1rem;
}
}
#home-blog .blog-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 25rem;
}
@media screen and (max-width: 540px) {
#home-blog .blog-card {
max-height: unset;
}
}
#home-blog .blog-card > a {
width: 100%;
position: relative;
z-index: 2;
}
#home-blog .blog-card > a::before {
content: "";
display: block;
position: absolute;
inset: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.67)));
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
z-index: 1;
}
#home-blog .blog-card p {
position: absolute;
bottom: 1rem;
left: 1rem;
font-weight: 700;
line-height: 120%;
color: #fff;
width: calc(100% - 2rem);
z-index: 1;
}
#home-blog .blog-card img {
height: 400px;
width: 100%;
}
#home-blog .blog-card__link {
display: block;
margin-top: 1rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
#home-blog .blog-card__img-below, #home-blog .blog-card__img-above {
position: absolute;
}
#home-blog .blog-card__img-below {
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
@media screen and (min-width: 541px) {
#home-blog .blog-card:hover {
grid-column: span 2;
}
#home-blog .blog-card:hover .blog-card__img-below {
visibility: visible;
opacity: 1;
}
#home-blog .blog-card:hover > a {
width: 50%;
}
#home-blog .blog-card:hover .blog-card-hidden {
display: block;
width: 50%;
-webkit-animation: blog-card-appear 300ms ease forwards;
animation: blog-card-appear 300ms ease forwards;
}
}
@media screen and (max-width: 540px) {
#home-blog .blog-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#home-blog .blog-card .blog-card-hidden {
display: block;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
#home-blog .btn, #home-blog .post-comments .form-submit input, .post-comments .form-submit #home-blog input {
margin-top: 60px;
}
@-webkit-keyframes blog-card-appear {
0% {
left: -80%;
z-index: -1;
opacity: 0;
}
99% {
left: 0;
opacity: 1;
z-index: -1;
}
100% {
z-index: 1;
}
}
@keyframes blog-card-appear {
0% {
left: -80%;
z-index: -1;
opacity: 0;
}
99% {
left: 0;
opacity: 1;
z-index: -1;
}
100% {
z-index: 1;
}
}
.hero {
background-image: url(https://koetz.digital/wp-content/themes/koetz/assets/img/banner.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
min-height: 25rem;
max-height: 43.75rem;
height: 50vh;
}
.hero .hero-txt a {
margin-top: 40px;
}
@media screen and (max-width: 960px) {
.hero {
min-height: 18rem;
max-height: 30rem;
height: 70vh;
}
}
.home .hero {
height: 100vh;
}
@media screen and (max-width: 960px) {
.home .hero {
max-height: unset;
}
}
h1 {
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
font-size: 2rem;
line-height: 4.25rem;
}
@media screen and (max-width: 960px) {
h1 {
font-family: "Source Sans Pro", sans-serif;
font-size: 2rem;
line-height: 3rem;
}
}
h2 {
font-weight: 700;
text-transform: uppercase;
margin: 20px 0 35px 0;
font-family: "Source Sans Pro", sans-serif;
font-size: 2.125rem;
line-height: 2.625rem;
}
@media screen and (max-width: 960px) {
h2 {
font-family: "Source Sans Pro", sans-serif;
font-size: 1.15rem;
line-height: 2.125rem;
}
}
h3 {
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.5rem;
line-height: 2.25rem;
}
@media screen and (max-width: 960px) {
h3 {
font-family: "Source Sans Pro", sans-serif;
}
}
h4 {
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.25rem;
line-height: 2rem;
}
@media screen and (max-width: 960px) {
h4 {
font-family: "Source Sans Pro", sans-serif;
}
}
h5 {
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
font-size: 1rem;
line-height: 2rem;
}
@media screen and (max-width: 960px) {
h5 {
font-family: "Source Sans Pro", sans-serif;
}
}
h6 {
font-weight: 700;
position: relative;
z-index: 10;
font-family: "Source Sans Pro", sans-serif;
font-size: 2.5rem;
line-height: 3rem;
}
@media screen and (max-width: 960px) {
h6 {
font-family: "Source Sans Pro", sans-serif;
font-size: 1.875rem;
line-height: 2.125rem;
}
}
p {
font-weight: 400;
color: #575757;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.25rem;
line-height: 200%;
}
@media screen and (max-width: 960px) {
p {
font-family: "Source Sans Pro", sans-serif;
font-size: 1.125rem;
line-height: 2rem;
}
}
a {
font-family: "Source Sans Pro", sans-serif;
font-size: 1.25rem;
line-height: 100%;
}
@media screen and (max-width: 960px) {
a {
font-family: "Source Sans Pro", sans-serif;
font-size: 1.25rem;
line-height: 100%;
}
}
.btn, .post-comments .form-submit input {
border: 2px solid #c20000;
color: #202020;
display: inline-block;
padding: 20px 100px;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
}
@media screen and (max-width: 960px) {
.btn, .post-comments .form-submit input {
padding: 20px;
}
}
.btn-pri {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-pri:after {
content: "➞";
margin-left: 10px;
}
.btn-pri:hover {
background-color: #c20000;
color: #fff;
}
.btn-pri-dark {
color: #fff;
border: 2px solid #fff;
}
.btn-pri-dark:after {
content: "➞";
margin-left: 10px;
}
.btn-pri-dark:hover {
background-color: #c20000;
border: 2px solid #c20000;
color: #fff;
}
.btn-sec, .post-comments .form-submit input {
background-color: #c20000;
color: #fff;
font-family: "Source Sans Pro", sans-serif !important;
font-size: 1.25rem;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.btn-sec:after, .post-comments .form-submit input:after {
content: "➞";
margin-left: 10px;
}
.btn-sec:hover, .post-comments .form-submit input:hover {
background-color: #202020;
border: 2px solid #202020;
color: #fff;
}
.btn-ter {
border: 2px solid #fff;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #fff;
padding: 10px 20px;
display: inline-block;
}
.btn-ter:hover {
background-color: #202020;
border: 2px solid #202020;
}
.btn-ter:after {
content: "➞";
margin-left: 10px;
}
.secao-tit {
text-align: center;
width: 70%;
}
.secao-tit p {
font-size: 1.875rem;
line-height: 100%;
}
@media screen and (max-width: 960px) {
.secao-tit {
width: 100%;
}
.secao-tit p {
font-size: 1.25rem;
}
}
#cta-email {
background-image: url(//koetz.digital/wp-content/themes/koetz/assets/img/banner_cta.webp);
padding: 100px 60px;
}
#cta-email [type=submit] {
margin-top: 20px;
width: 100%;
padding: 10px;
cursor: pointer;
}
@media screen and (max-width: 960px) {
#cta-email {
padding: 60px 20px;
}
#cta-email [type=submit] {
margin-top: 40px;
}
}
.form-base .input-box {
position: relative;
margin-top: 40px;
}
.form-base label {
color: #575757;
position: absolute;
top: -10px;
left: 0px;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.form-base .field-full {
width: 100%;
background: none;
border: none;
border-bottom: 2px solid #202020;
outline: none;
color: #202020;
}
.form-base .field-full:focus ~ label {
top: -20px;
font-size: 12px;
color: #575757;
}
.form-base .field-full:valid ~ label {
top: -20px;
font-size: 12px;
color: #575757;
}
.form-textarea {
position: relative;
}
.form-textarea textarea {
margin-top: 40px;
}
.form-textarea textarea:focus ~ label {
top: 20px !important;
}
.form-textarea textarea:valid ~ label {
top: 20px !important;
}
.form-textarea label {
top: 30px;
}
@media screen and (max-width: 960px) {
.form-textarea textarea {
margin-top: 60px;
}
.form-textarea label {
top: 50px;
}
}
#na-midia .midia-cards {
padding-top: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.midia-card {
padding: 20px;
text-align: center;
background-color: #efefef;
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.midia-card img {
margin: 40px 0;
}
#na-midia .btn, #na-midia .post-comments .form-submit input, .post-comments .form-submit #na-midia input {
padding: 10px 10px;
letter-spacing: 0px;
}
#na-midia .midia-cards img {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: auto;
max-width: 100%;
max-height: 70px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
}
#na-midia .midia-cards img:hover {
-webkit-filter: none;
filter: none;
}
@media screen and (max-width: 960px) {
#midia-card-globo img {
max-width: 300px !important;
}
}
.bg-red {
background-color: #c20000;
color: #fff;
}
.citacao {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 20px 60px;
}
.citacao img {
max-width: 350px;
margin-right: 120px;
}
.citacao p {
margin-top: 40px;
color: #fff;
}
@media screen and (max-width: 960px) {
.citacao {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 60px 20px;
}
.citacao p {
margin: 20px 0px;
}
.citacao img {
margin-right: 0px;
}
}
#citacao2 {
text-align: center;
padding: 60px 300px;
}
@media screen and (max-width: 960px) {
#citacao2 {
padding: 20px;
}
}
.solucoes-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#solucoes .secao-tit {
text-align: left !important;
}
#solucoes a {
margin-top: 3.75rem;
}
@media screen and (max-width: 960px) {
#solucoes .secao-tit {
text-align: center !important;
}
}
.areas-cards a {
text-decoration: none;
color: inherit;
}
.areas-cards .areas-card {
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
padding: 150px 30px 30px 30px;
height: 350px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.areas-cards .areas-card h3,
.areas-cards .areas-card span {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.areas-cards .areas-card p {
font-size: 1.5rem;
padding-top: 2rem;
}
.areas-cards .areas-card:hover h3,
.areas-cards .areas-card:hover span {
color: #fff;
}
.areas-cards .areas-card:hover p {
color: #fff;
}
.areas-cards .area-card {
background-image: var(--above-img);
background-position: center;
}
.areas-cards .area-card:hover {
background-image: var(--below-img);
color: #fff;
}
.equipe {
margin: 0 auto;
max-width: 92.5rem;
padding-bottom: 2rem;
}
.equipe-cards {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
list-style: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 3.75rem;
}
@media screen and (max-width: 960px) {
.equipe-cards {
gap: 0.5rem;
overflow: hidden;
}
}
@media screen and (max-width: 800px) {
.equipe-cards {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 28.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
}
.equipe-card {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 40.625rem;
background-color: #202020;
-webkit-transition: -webkit-box-flex 300ms ease;
transition: -webkit-box-flex 300ms ease;
transition: flex 300ms ease;
transition: flex 300ms ease, -webkit-box-flex 300ms ease, -ms-flex 300ms ease;
}
.equipe-card img {
display: block;
width: 100%;
height: 100%;
}
.equipe-card::before {
content: "";
opacity: 0;
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.equipe-card.open {
width: 22rem;
}
.equipe-card.open::before {
opacity: 1;
}
.equipe-card.open .equipe-nome {
top: 1.25rem;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.equipe-card.open .equipe-nome span {
-webkit-transform: none;
transform: none;
}
.equipe-card.open .equipe-info {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
@media screen and (max-width: 800px) {
.equipe-card.open {
width: auto;
grid-column: span 2;
}
}
@media screen and (min-width: 801px) {
.equipe-card.equipe-card--more {
display: none;
}
.equipe-card:hover {
-webkit-box-flex: 18rem;
-ms-flex: 18rem;
flex: 18rem;
}
.equipe-card:hover::before {
opacity: 1;
}
.equipe-card:hover .equipe-nome {
top: 1.25rem;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.equipe-card:hover .equipe-nome span {
-webkit-transform: none;
transform: none;
}
.equipe-card:hover .equipe-info {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
}
@media screen and (min-width: 801px) and (max-width: 960px) {
.equipe-card:hover {
-webkit-box-flex: 14rem;
-ms-flex: 14rem;
flex: 14rem;
}
}
.equipe-cards-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.equipe-cards-row .equipe-card {
width: 50%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: -webkit-box-flex 300ms ease;
transition: -webkit-box-flex 300ms ease;
transition: flex 300ms ease;
transition: flex 300ms ease, -webkit-box-flex 300ms ease, -ms-flex 300ms ease;
}
.equipe-cards-row .equipe-card:only-child {
-webkit-box-flex: 0;
-ms-flex: 0 calc(50% - 0.5rem);
flex: 0 calc(50% - 0.5rem);
}
.equipe-cards-row .equipe-card.open {
-webkit-box-flex: 2.5;
-ms-flex: 2.5;
flex: 2.5;
}
.equipe-cards-row .equipe-card.open + .equipe-card--more > * {
display: none;
}
.equipe-cards-row .equipe-card.equipe-card--more {
background-color: #c20000;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.equipe-cards-row .equipe-card.equipe-card--more::before {
content: none;
}
.equipe-cards-row .equipe-card.equipe-card--more div {
padding: 45px 30px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.equipe-cards-row .equipe-card.equipe-card--more h3 {
text-transform: uppercase;
font-size: 24px;
color: #fff;
margin-bottom: 1rem;
}
.equipe-cards-row .equipe-card.equipe-card--more p {
color: #fff;
font-size: 1rem;
line-height: 140%;
margin-bottom: 1rem;
}
.equipe-cards-row .equipe-card.equipe-card--more a {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
text-decoration: none;
border: 2px solid #fff;
padding: 0.5rem 0.25rem;
width: 100%;
display: block;
text-align: center;
font-weight: bold;
}
.equipe-cards-row .equipe-card.equipe-card--more a:hover {
background-color: #fff;
color: #202020;
}
@media screen and (max-width: 540px) {
.equipe-cards-row .equipe-card.equipe-card--more div {
padding: 1rem;
}
.equipe-cards-row .equipe-card.equipe-card--more h3 {
line-height: 150%;
font-size: 1.25rem;
}
}
.equipe-nome {
position: absolute;
top: calc(100% - 2.5rem);
left: 0;
z-index: 2;
padding: 2.375rem;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
width: 100%;
}
.equipe-nome span {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: block;
color: #fff;
font-size: 30px;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(-90deg) translateY(calc(50% + 5px)) translateX(-1rem);
transform: rotate(-90deg) translateY(calc(50% + 5px)) translateX(-1rem);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.equipe-nome::before {
content: "";
position: absolute;
max-width: 7rem;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background-color: #c20000;
}
@media screen and (min-width: 801px) {
.equipe-nome__icon {
display: none;
}
}
.equipe-info {
width: 100%;
position: absolute;
top: 9.5rem;
font-size: 1.125rem;
color: #fff;
visibility: hidden;
opacity: 0;
padding: 0 2rem;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.equipe-info p {
font-size: inherit;
color: inherit;
}
@media screen and (max-width: 960px) {
#equipe .secao {
padding: 40px 0 !important;
}
}
.equipe-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
list-style: none;
}
.equipe-nav ul li.active {
border: 2px solid #c20000;
}
.equipe-nav ul li.active button {
color: #202020 !important;
font-weight: 700;
}
.equipe-nav ul button {
display: block;
background-color: transparent;
border: none;
cursor: pointer;
padding: 10px;
color: #575757;
font-family: inherit;
font-size: inherit;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 960px) {
.equipe-nav ul {
display: block !important;
text-align: center;
}
}
.equipe-txt {
margin-top: 40px;
min-height: 21.875rem;
}
@media screen and (max-width: 960px) {
.equipe-txt .grid-4 {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
}
}
@media screen and (max-width: 540px) {
.equipe-txt .grid-4 {
grid-template-columns: 1fr;
}
}
.equipe-txt .empty-message.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.equipe-txt .equipe-txt-card {
position: relative;
height: 350px;
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
max-width: 26rem;
}
.equipe-txt .equipe-txt-card img {
width: 100%;
-webkit-filter: grayscale(0.5);
filter: grayscale(0.5);
height: 350px;
-webkit-transition: -webkit-filter 300ms ease;
transition: -webkit-filter 300ms ease;
transition: filter 300ms ease;
transition: filter 300ms ease, -webkit-filter 300ms ease;
}
@media screen and (min-width: 721px) {
.equipe-txt .equipe-txt-card:hover .equipe-txt-adv {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.equipe-txt .equipe-txt-card:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
}
@media screen and (max-width: 720px) {
.equipe-txt .equipe-txt-card img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
}
.equipe-txt .equipe-txt-adv {
max-height: 14rem;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
background-color: #fff;
position: absolute;
bottom: 0;
left: 50%;
width: 90%;
-webkit-transform: translateX(-50%) translateY(var(--title-height, 100%));
transform: translateX(-50%) translateY(var(--title-height, 100%));
padding: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.equipe-txt .equipe-txt-adv.hidden {
display: none !important;
}
.equipe-txt .equipe-txt-adv header {
margin-bottom: 1rem;
position: relative;
}
@media screen and (max-width: 720px) {
.equipe-txt .equipe-txt-adv.opened {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.equipe-txt .equipe-txt-adv.opened .equipe-txt-toggle {
background-color: #fff;
color: #202020;
}
}
.equipe-txt .equipe-txt-cat {
font-size: 12px;
line-height: 100%;
}
.equipe-txt .equipe-txt-nome {
font-size: 16px;
line-height: 140%;
font-weight: 700;
}
.equipe-txt .equipe-txt-desc {
font-size: 12px;
line-height: 140%;
}
.equipe-txt .equipe-txt-oab {
font-size: 14px;
line-height: 140%;
}
.equipe-txt .equipe-txt-hidden {
overflow-y: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.equipe-txt .equipe-txt-toggle {
border: none;
cursor: pointer;
font-size: 1.75rem;
width: 2rem;
height: 2rem;
background-color: #c20000;
color: #fff;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: bold;
display: none;
border: 2px solid #c20000;
}
.equipe-txt .equipe-txt-toggle span {
position: absolute;
top: 48%;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 720px) {
.equipe-txt .equipe-txt-toggle {
display: block;
}
}
.js-tabcontent article {
display: none;
}
.js-tabcontent article.active {
display: grid;
-webkit-animation: showEquipe 0.5s forwards;
animation: showEquipe 0.5s forwards;
}
@-webkit-keyframes showEquipe {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes showEquipe {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.blog {
padding-top: 120px;
overflow-x: hidden;
}
.blog ul {
list-style: none;
}
.blog a {
text-decoration: none;
}
.blog main {
padding: 0 60px;
}
.blog .swiper-wrapper {
height: unset;
}
.blog .hero {
background: none;
position: relative;
height: unset;
}
.blog .hero .blog-img {
width: 100%;
height: 100%;
position: relative;
}
.blog .hero .blog-img::before {
content: "";
display: block;
position: absolute;
inset: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
}
.blog .hero .blog-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog .hero-carousel {
height: 37.5rem;
width: 100%;
}
.blog .hero-carousel .swiper-wrapper {
height: 100%;
}
.blog .hero-carousel__pagination {
top: unset !important;
bottom: -1.5rem !important;
}
.blog .hero-carousel__pagination .swiper-pagination-bullet {
width: 0.75rem;
height: 0.75rem;
margin: 0 0.5rem !important;
}
.blog .hero-carousel__pagination .swiper-pagination-bullet-active {
background-color: red;
}
.blog .hero-carousel__navigation {
position: absolute;
inset: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog .hero-carousel__navigation__prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.blog .hero-carousel__navigation__next, .blog .hero-carousel__navigation__prev {
position: relative;
z-index: 10;
background-color: rgba(255, 255, 255, 0);
padding: 0.75rem;
border: none;
cursor: pointer;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.blog .hero-carousel__navigation__next:hover, .blog .hero-carousel__navigation__prev:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.blog .hero-carousel__navigation__next svg, .blog .hero-carousel__navigation__prev svg {
width: 3rem;
height: 3rem;
}
.blog .hero-carousel__navigation__next path, .blog .hero-carousel__navigation__prev path {
fill: #dc0000;
}
@media screen and (max-width: 960px) {
.blog .hero-carousel {
height: 31.25rem;
}
.blog .hero-carousel__navigation__next, .blog .hero-carousel__navigation__prev {
padding: 0.5rem;
}
.blog .hero-carousel__navigation__next svg, .blog .hero-carousel__navigation__prev svg {
width: 2rem;
height: 2rem;
}
}
@media screen and (max-width: 720px) {
.blog .hero-carousel {
height: 28rem;
}
}
@media screen and (max-width: 540px) {
.blog .hero-carousel__navigation__next, .blog .hero-carousel__navigation__prev {
padding: 0.25rem;
}
.blog .hero-carousel__navigation__next svg, .blog .hero-carousel__navigation__prev svg {
width: 1.5rem;
height: 1.5rem;
}
}
.blog .hero-txt {
width: calc(50% - 5rem);
text-align: right;
color: #fff;
position: absolute;
top: 50%;
right: 5rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog .hero-txt h1 {
text-align: right;
}
.blog .hero-txt h2 {
text-transform: capitalize;
}
@media screen and (max-width: 960px) {
.blog .hero-txt {
width: calc(100% - 6rem);
height: 100%;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 2.5rem;
gap: 1.5rem;
}
.blog .hero-txt h1,
.blog .hero-txt h2 {
line-height: 100%;
margin: 0;
}
.blog .hero-txt .btn, .blog .hero-txt .post-comments .form-submit input, .post-comments .form-submit .blog .hero-txt input {
margin: 0;
margin-top: 0.25rem;
}
}
@media screen and (max-width: 540px) {
.blog .hero-txt {
width: calc(100% - 4rem);
}
.blog .hero-txt h1,
.blog .hero-txt h2 {
text-align: center;
}
.blog .hero-txt h1 {
font-size: 1.5rem;
}
.blog .hero-txt h2 {
font-size: 1rem;
}
.blog .hero-txt .btn, .blog .hero-txt .post-comments .form-submit input, .post-comments .form-submit .blog .hero-txt input {
font-size: 1rem;
padding: 1rem;
}
}
.blog .pagination {
margin-bottom: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog .pagination .pagination-next a,
.blog .pagination .pagination-previous a {
color: #c20000;
font-weight: bold;
}
.blog .pagination .pagination-next a:hover,
.blog .pagination .pagination-previous a:hover {
color: #8f0000;
}
.blog .pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25rem;
}
.blog .pagination li {
width: 2.5rem;
height: 2.5rem;
display: grid;
place-items: center;
}
.blog .pagination li a {
display: grid;
place-items: center;
width: 100%;
height: 100%;
color: gray;
border: 2px solid transparent;
-webkit-transition: color 300ms ease;
transition: color 300ms ease;
}
.blog .pagination li a:hover {
color: black;
}
.blog .pagination li.active a {
font-weight: bold;
color: black;
border-color: #c20000;
}
.blog .searchform {
position: relative;
}
.blog .searchform #s {
width: 100%;
padding: 1rem;
padding-right: 2rem;
font-size: 1rem;
font-family: inherit;
border: 1px solid #aaa;
outline: none;
-webkit-transition: border-color 250ms ease;
transition: border-color 250ms ease;
}
.blog .searchform #s:focus, .blog .searchform #s:focus-within {
border-color: #575757;
}
.blog .searchform #searchsubmit {
padding: 0.25rem;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
top: 50%;
right: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-grid-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
margin-top: 100px;
}
@media screen and (max-width: 960px) {
.blog-grid-container {
grid-template-columns: 1fr;
padding: 0 !important;
}
}
.blog-main {
grid-column: span 4;
gap: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-main .blog-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-main .blog-post div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-main .blog-post .blog-post-category {
margin: 40px 0 20px 0;
font-size: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.blog-main .blog-post .blog-post-category a {
color: #202020;
font-size: inherit;
text-underline-offset: 2px;
}
.blog-main .blog-post .blog-post-category a:hover {
text-decoration: underline;
}
.blog-main .blog-post .blog-post-category__divider {
font-size: inherit;
}
.blog-main .blog-post .blog-post-category__divider:last-child {
display: none;
}
.blog-main .blog-post .blog-post-autor {
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-main .blog-post .blog-post-autor img {
border-radius: 50%;
max-width: 40px;
}
.blog-main .blog-post h2 {
text-transform: capitalize;
margin-bottom: 1.25rem;
}
.blog-main .blog-post .post__tags {
margin-bottom: 1.25rem;
}
.blog-main .blog-post .post__tags a {
font-size: 0.75rem;
}
@media screen and (max-width: 960px) {
.blog-main .blog-post-category {
font-size: 14px !important;
margin: 20px 0;
}
.blog-main .blog-post-autor {
font-size: 14px !important;
gap: 10px !important;
}
}
.blog-aside {
grid-column: span 2;
}
.blog-aside .aside-card {
padding: 40px 20px;
border: 1px solid #aaa;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 30px;
}
.blog-aside .aside-card:hover {
-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.blog-aside .aside-tit {
font-size: 20px !important;
text-transform: uppercase;
font-weight: 700;
color: #202020;
margin-bottom: 20px;
}
.blog-aside .blog-aside-email p {
font-size: 1rem;
}
.blog-aside .blog-aside-email label {
font-size: 1rem;
}
.blog-aside .blog-aside-email button {
margin-top: 20px;
background-color: #fff;
color: #202020;
padding: 20px;
width: 100%;
}
.blog-aside .blog-aside-email button:after {
display: none;
}
.blog-aside .blog-aside-email button:hover {
background-color: #c20000;
border: none;
color: #fff;
}
.blog-aside .blog-aside-email .input-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-aside .blog-aside-email .input-checkbox label {
position: unset;
font-size: 14px;
line-height: 100%;
}
.blog-aside .blog-aside-email .input-checkbox input {
width: 25px;
margin-right: 10px;
}
.blog-aside .blog-aside-posts ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.blog-aside .blog-aside-posts li {
border-bottom: 1px solid #aaa;
padding-bottom: 20px;
}
.blog-aside .blog-aside-posts li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.blog-aside .blog-aside-posts img {
width: 150px;
height: 85px;
}
.blog-aside .blog-aside-posts .blog-aside-post {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
}
.blog-aside .blog-aside-posts .blog-aside-post span {
color: #575757;
font-size: 14px;
}
.blog-aside .blog-aside-posts .blog-aside-post img {
max-width: 8.75rem;
}
@media screen and (max-width: 540px) {
.blog-aside .blog-aside-posts .blog-aside-post img {
max-width: 6.25rem;
height: auto;
}
}
.blog-aside .blog-aside-posts .aside-numero {
background-color: #c20000;
padding: 10px;
line-height: 100%;
font-weight: 700;
color: #fff !important;
position: absolute;
left: 0;
bottom: 0;
}
.blog-aside .blog-aside-posts .aside-post-tit {
font-size: 1rem;
font-weight: 700;
line-height: 1.25rem;
color: #202020;
padding-bottom: 5px;
}
.blog-aside .blog-aside-category a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-aside .blog-aside-category a:hover .blog-aside-category-name,
.blog-aside .blog-aside-category a:hover .blog-aside-category-number {
color: #c20000;
}
.blog-aside .blog-aside-category .blog-aside-category-name {
font-size: 1rem !important;
color: #202020;
}
.blog-aside .blog-aside-category .blog-aside-category-number {
font-size: 1rem !important;
}
.blog-aside .blog-aside-category .children {
display: block;
margin-left: 1.5rem;
}
.blog-aside .blog-aside-category .children a {
opacity: 0.6;
}
.blog-aside .blog-aside-category .children a:hover {
opacity: 1;
}
.blog-aside .blog-aside-category .cat-item-has-children {
position: relative;
}
.blog-aside .blog-aside-category .cat-item-has-children .cat-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.25rem;
}
.blog-aside .blog-aside-category .cat-item-has-children .cat-content .arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height: 0.75em;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.blog-aside .blog-aside-category .cat-item-has-children .cat-content > a {
width: 100%;
}
.blog-aside .blog-aside-busca {
padding: 0;
border: none;
}
@media screen and (max-width: 960px) {
.blog-aside {
grid-column: span 4;
}
}
.blog-data {
font-size: 1rem !important;
}
.red-ball {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 8px;
background-color: #c20000;
}
.blog-aside-email {
padding: 0 !important;
}
.blog-post-sociais img, .post-sociais img {
max-width: 25px;
}
.blog-post-links, .post-links {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-post-links p, .post-links p {
font-weight: 700;
opacity: 0.5;
margin-right: 20px;
margin-top: -5px;
}
.blog-post-links ul, .post-links ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-post-links ul a, .post-links ul a {
opacity: 0.5;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
.blog-post-links ul a:hover, .post-links ul a:hover {
opacity: 1;
}
@media screen and (max-width: 960px) {
.blog-post-links, .post-links {
display: block !important;
}
.blog-post-links p, .post-links p {
font-size: 14px !important;
font-weight: 700;
margin-right: 20px;
margin-top: 0px;
}
.blog-post-links ul, .post-links ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.blog-post-links .btn, .blog-post-links .post-comments .form-submit input, .post-comments .form-submit .blog-post-links input, .post-links .btn, .post-links .post-comments .form-submit input, .post-comments .form-submit .post-links input {
width: 100%;
text-align: center;
margin-top: 20px;
}
}
.blog-post-card-autor {
background-color: #f3f3f3;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
}
.blog-post-card-autor .card-autor-img {
margin-right: 40px;
}
.blog-post-card-autor .card-autor-img img {
max-width: 130px;
}
.blog-post-card-autor .card-autor-txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-post-card-autor .card-autor-txt h3 {
text-transform: capitalize;
line-height: 100%;
}
.blog-post-card-autor .card-autor-txt p {
font-size: 1rem;
}
.blog-post-card-autor .card-autor-txt ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
margin-top: 40px;
}
.blog-post-card-autor .card-autor-txt a {
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-post-card-autor .card-autor-txt a:hover {
opacity: 1;
}
.blog-post-relacionados {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-post-relacionado-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.blog-post-relacionado-card img {
max-height: 220px;
}
.blog-post-relacionado-card h3 {
text-transform: none;
}
.blog-post-relacionado-card p {
font-size: 1rem;
}
.beneficios .post__content {
max-width: 71.25rem;
margin: 0 auto;
}
#related_posts_thumbnails img {
max-height: 250px;
max-width: 250px;
}
@media screen and (max-width: 960px) {
.beneficios-cards.grid-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 720px) {
.beneficios-cards.grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 540px) {
.beneficios-cards.grid-4 {
grid-template-columns: 1fr;
}
}
.beneficios-cards a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
color: #202020;
text-decoration: none;
padding: 30px;
}
.beneficios-cards .areas-seta {
font-size: 2rem;
}
.beneficios-cards .areas-card {
min-height: 16rem;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
gap: 1rem;
}
.beneficios-cards .areas-card h3,
.beneficios-cards .areas-card span,
.beneficios-cards .areas-card p {
-webkit-transition: color 300ms ease;
transition: color 300ms ease;
}
.beneficios-cards .areas-card:hover {
background: var(--below-img) no-repeat center center;
background-size: cover;
}
.beneficios-cards .areas-card:hover h3,
.beneficios-cards .areas-card:hover span,
.beneficios-cards .areas-card:hover p {
color: #fff;
}
.post {
padding-top: 120px;
overflow-x: hidden;
}
.post ul {
list-style: none;
}
.post a {
text-decoration: none;
}
.post main {
padding: 0 60px;
}
.post .searchform {
position: relative;
}
.post .searchform #s {
width: 100%;
padding: 1rem;
padding-right: 2rem;
font-size: 1rem;
font-family: inherit;
border: 1px solid #aaa;
outline: none;
-webkit-transition: border-color 250ms ease;
transition: border-color 250ms ease;
}
.post .searchform #s:focus, .post .searchform #s:focus-within {
border-color: #575757;
}
.post .searchform #searchsubmit {
padding: 0.25rem;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
top: 50%;
right: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.post__header {
margin-bottom: 3rem;
}
.post__thumbnail {
margin-bottom: 1.75rem;
}
.post__title {
line-height: 120%;
font-size: 2rem;
text-align: start;
text-transform: none;
margin: 1.75rem 0 0;
}
.post__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post__author__name {
cursor: pointer;
font-size: 1rem;
color: #c20000;
text-decoration: underline !important;
text-underline-offset: 2px;
-webkit-transition: color 300ms ease;
transition: color 300ms ease;
}
.post__author__name:hover {
color: #f50000;
}
.post__author img {
border-radius: 50%;
max-width: 2.8125rem;
}
.post__date {
font-size: 1rem;
}
.post__content {
margin-bottom: 4.375rem;
line-height: 1.75rem;
}
.post__content p {
font-size: 1.125rem;
line-height: 170%;
margin-bottom: 1.875rem;
color: #000;
}
.post__content a {
font-size: inherit;
color: #c20000;
}
.post__content a:hover {
text-decoration: underline;
}
.post__content strong {
font-size: inherit;
color: #202020;
}
.post__content em {
font-size: inherit;
}
.post__content ul:not(.post__tags) {
list-style: disc;
padding-left: 1.25rem;
margin: 1.875rem 0;
}
.post__content li {
margin-top: 0.5rem;
}
.post__content h1, .post__content h2, .post__content h3, .post__content h4, .post__content h5, .post__content h6 {
margin-bottom: 1.875rem;
}
.post__content h2 {
font-size: 2rem;
text-transform: none;
line-height: 1.2;
}
.post__content h3 {
font-size: 1.75rem;
line-height: 1.4;
}
.post__content h4 {
font-size: 1.5rem;
line-height: 1.5;
}
.post__content h5 {
font-size: 1.25rem;
line-height: 1.6;
}
.post__content h6 {
font-size: 1rem;
line-height: 1.6;
}
.post__content iframe {
max-width: 100%;
}
.post__content > :last-child {
margin-bottom: 0;
}
.post__category {
margin-bottom: 1.5rem;
font-size: 1.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.post__category a {
color: #202020;
font-size: inherit;
text-underline-offset: 2px;
}
.post__category a:hover {
text-decoration: underline;
}
.post__category__divider {
font-size: inherit;
}
.post__category__divider:last-child {
display: none;
}
.post__tags {
margin: 0;
-webkit-column-gap: 0.75rem;
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post__tags li {
margin: 0;
}
.post__tags span {
font-weight: bold;
}
.post__tags a {
display: block;
padding: 0.5rem 1rem;
background-color: #c20000;
border-radius: 1rem;
font-size: 1rem;
font-weight: 600;
color: #fff;
text-transform: uppercase;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.post__tags a:hover {
text-decoration: none;
background-color: #a90000;
}
.post-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
margin-top: 100px;
}
@media screen and (max-width: 960px) {
.post-container {
grid-template-columns: 1fr;
padding: 0 !important;
}
}
.post-main {
grid-column: span 4;
}
.post-links p, .post-links ul a {
opacity: 1;
display: block;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.post-links ul a:hover {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
.post-sociais {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 2.5rem;
}
.post-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 0.5px solid #ADADAD;
padding-top: 2.5rem;
position: relative;
}
.post-pagination::after {
content: "";
width: 1px;
height: calc(100% - 2.5rem);
position: absolute;
background-color: #ADADAD;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.post-pagination__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
}
.post-pagination__item strong {
font-size: 1.25rem;
color: #202020;
font-weight: bold;
margin-bottom: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.post-pagination__item p {
font-size: 1rem;
max-width: 10rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 140%;
}
.post-pagination__item svg {
height: 1em;
}
.post-pagination__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.post-pagination__previous .post-pagination__content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.post-pagination__next .post-pagination__content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.post-pagination__thumb {
max-width: 8.75rem;
aspect-ratio: 16/9;
}
@media screen and (max-width: 650px) {
.post-pagination__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.post-pagination__item p {
max-width: 10rem;
}
.post-pagination__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.post-pagination__previous .post-pagination__content {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.post-pagination__next {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media screen and (max-width: 420px) {
.post-pagination {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2rem;
}
.post-pagination__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.post-pagination__item p {
width: 100%;
max-width: 16rem;
margin: 0 auto;
text-align: center;
}
.post-pagination__next .post-pagination__content, .post-pagination__previous .post-pagination__content {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-pagination__thumb {
max-width: 18rem;
width: 100%;
height: auto;
}
.post-pagination::after {
content: none;
}
}
.post-comments {
margin: 8rem 0 4rem;
}
.post-comments p {
width: 100%;
}
.post-comments .comment-reply-title {
font-size: 2rem;
margin-bottom: 1.25rem;
}
.post-comments .comment-notes,
.post-comments .logged-in-as {
width: 100%;
font-size: 1.25rem;
margin-bottom: 2rem;
}
@media screen and (max-width: 720px) {
.post-comments .comment-notes,
.post-comments .logged-in-as {
font-size: 1.125rem;
line-height: 140%;
}
}
.post-comments .comment-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding-left: 2px;
}
.post-comments .comment-form > * {
grid-column: 1/-1;
}
@media screen and (max-width: 720px) {
.post-comments .comment-form {
grid-template-columns: 1fr;
}
}
.post-comments input:not([type=submit]), .post-comments textarea {
width: 100%;
font-size: 1rem;
padding: 0.5rem 0.25rem;
max-width: 100%;
border: none;
border-bottom: 1px solid #575757;
font-family: inherit;
}
.post-comments input:not([type=submit])::-webkit-input-placeholder, .post-comments textarea::-webkit-input-placeholder {
text-transform: uppercase;
font-size: 1em;
color: #575757;
}
.post-comments input:not([type=submit])::-moz-placeholder, .post-comments textarea::-moz-placeholder {
text-transform: uppercase;
font-size: 1em;
color: #575757;
}
.post-comments input:not([type=submit]):-ms-input-placeholder, .post-comments textarea:-ms-input-placeholder {
text-transform: uppercase;
font-size: 1em;
color: #575757;
}
.post-comments input:not([type=submit])::-ms-input-placeholder, .post-comments textarea::-ms-input-placeholder {
text-transform: uppercase;
font-size: 1em;
color: #575757;
}
.post-comments input:not([type=submit])::placeholder, .post-comments textarea::placeholder {
text-transform: uppercase;
font-size: 1em;
color: #575757;
}
.post-comments label {
width: 100%;
display: none;
}
.post-comments .comment-form-author,
.post-comments .comment-form-email {
grid-column: span 1;
}
@media screen and (max-width: 720px) {
.post-comments .comment-form-email {
margin-top: 2rem;
}
}
.post-comments .comment-form-comment {
margin-top: 1rem;
}
@media screen and (max-width: 720px) {
.post-comments .comment-form-comment {
margin-top: 2rem;
}
}
.post-comments .form-submit {
margin-top: 2rem;
}
.post-comments .form-submit input {
cursor: pointer;
padding: 0.5rem 1rem;
font-size: 1rem;
}
@media screen and (max-width: 720px) {
.post-comments .form-submit input {
width: 100%;
}
}
.comment {
border-bottom: 1px solid #ccc;
padding-bottom: 40px;
}
.comment__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
margin: 40px 0 20px 0;
}
.comment img {
height: 60px;
width: 60px;
border-radius: 60px;
}
.comment h6 {
font-size: 1.75rem !important;
}
.comment p {
font-size: 0.875rem !important;
color: #333;
line-height: 140% !important;
text-transform: initial;
}
.residencia-form {
--header-height: 4.375rem;
margin-top: var(--header-height);
}
@media screen and (max-width: 960px) {
.residencia-form {
--header-height: 8.125rem;
}
}
.residencia-form__hero {
background-color: #EFEFEF;
position: relative;
padding: 0 2.5rem 2.5rem 2.5rem;
}
.residencia-form__hero__inner {
max-width: 90rem;
margin: 0 auto;
display: grid;
grid-template-columns: 1.25fr 1fr;
gap: 2rem;
}
.residencia-form__hero__inner img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 960px) {
.residencia-form__hero__inner {
grid-template-columns: 1fr;
}
}
.residencia-form__hero__content {
height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 2.5rem;
}
.residencia-form__hero__title, .residencia-form__hero__desc {
color: inherit;
}
.residencia-form__hero__title {
font-size: 3.75rem;
line-height: 150%;
max-width: 39rem;
width: 90%;
margin: 0 auto 1rem;
padding-bottom: 1rem;
color: #C20000;
display: block;
}
.residencia-form__hero__title > span {
display: inline;
background-color: #D9D9D9;
-webkit-box-shadow: 0.75rem 0 0 #D9D9D9, -0.75rem 0 0 #D9D9D9;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
@media screen and (max-width: 80rem) {
.residencia-form__hero__title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 960px) {
.residencia-form__hero__title {
max-width: 32rem;
}
}
@media screen and (max-width: 540px) {
.residencia-form__hero__title {
font-size: 2rem;
}
}
.residencia-form__hero__desc {
font-size: 2.5rem;
line-height: 112%;
text-align: center;
max-width: 47rem;
color: #000;
}
@media screen and (max-width: 80rem) {
.residencia-form__hero__desc {
font-size: 1.75rem;
}
}
@media screen and (max-width: 960px) {
.residencia-form__hero__desc {
max-width: 40rem;
}
}
@media screen and (max-width: 540px) {
.residencia-form__hero__desc {
font-size: 1.25rem;
}
}
.residencia-form form {
max-width: 62.5rem;
width: 92.5%;
margin-top: 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.25rem;
}
.residencia-form__title {
color: #c20000;
margin-bottom: 1rem;
text-align: center;
}
.residencia-form__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.residencia-form__field[data-field-secret] {
display: none;
}
.residencia-form__field > input,
.residencia-form__field .residencia-form__select-wrapper > select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 2.5rem;
border-radius: 10px;
border: 2px solid #EFEFEF;
background-color: #EFEFEF;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) inset;
font-size: 1rem;
font-family: inherit;
padding: 0.5rem 0.75rem;
color: rgba(32, 32, 32, 0.875);
-webkit-transition: border-color 300ms ease;
transition: border-color 300ms ease;
}
@media screen and (max-width: 540px) {
.residencia-form__field > input,
.residencia-form__field .residencia-form__select-wrapper > select {
border-width: 2px;
}
}
.residencia-form__field > input:hover,
.residencia-form__field .residencia-form__select-wrapper > select:hover {
border-color: #bcbcbc;
}
.residencia-form__field > input:focus,
.residencia-form__field .residencia-form__select-wrapper > select:focus {
border-color: #202020;
outline: none;
}
.residencia-form__field > input:disabled,
.residencia-form__field .residencia-form__select-wrapper > select:disabled {
cursor: not-allowed;
}
.residencia-form__field > input:disabled:hover,
.residencia-form__field .residencia-form__select-wrapper > select:disabled:hover {
border-color: #EFEFEF;
}
.residencia-form__field--error .residencia-form__label {
font-weight: bold;
color: #c20000;
}
.residencia-form__field--error .residencia-form__error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.25em;
-moz-column-gap: 0.25em;
column-gap: 0.25em;
}
.residencia-form__field--error > input,
.residencia-form__field--error .residencia-form__select-wrapper > select {
border-color: #c20000;
border-width: 2px;
}
@media screen and (max-width: 540px) {
.residencia-form__field--error > input,
.residencia-form__field--error .residencia-form__select-wrapper > select {
border-width: 3px;
}
}
.residencia-form__field--error > input:focus, .residencia-form__field--error > input:hover,
.residencia-form__field--error .residencia-form__select-wrapper > select:focus,
.residencia-form__field--error .residencia-form__select-wrapper > select:hover {
border-color: #f50000;
}
.residencia-form__label {
font-size: 1rem;
margin-bottom: 0.75rem;
}
.residencia-form__error {
color: #c20000;
font-size: 1rem;
display: none;
}
.residencia-form__error > svg {
width: 1em;
height: 1em;
display: block;
}
.residencia-form__select-wrapper {
position: relative;
}
.residencia-form__select-wrapper .residencia-form__select-arrow {
pointer-events: none;
width: 20px;
height: 20px;
position: absolute;
right: 0.75rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.residencia-form__select-wrapper .residencia-form__select-arrow > svg {
width: 100%;
height: 100%;
display: block;
}
.residencia-form__square-radio {
cursor: pointer;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0.5rem 1.25rem;
border-radius: 10px;
border: 2px solid #EFEFEF;
background-color: #EFEFEF;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) inset;
font-size: 1rem;
font-family: inherit;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: border-color 300ms ease;
transition: border-color 300ms ease;
}
.residencia-form__square-radio-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.75rem;
-moz-column-gap: 1.75rem;
column-gap: 1.75rem;
}
.residencia-form__square-radio-wrapper > input[type=radio] { border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.residencia-form__square-radio-wrapper > input[type=radio]:checked + label {
background-color: #c20000;
color: #fff;
border-color: #c20000;
}
.residencia-form__square-radio:hover {
border-color: #202020;
}
.residencia-form__radio {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: grid;
grid-template-columns: 1em auto;
gap: 0.5em;
line-height: 1.1;
}
.residencia-form__radio *,
.residencia-form__radio *:after,
.residencia-form__radio *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.residencia-form__radio-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1rem;
margin-bottom: 0.5rem;
}
.residencia-form__radio input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
margin: 0;
font: inherit;
color: currentColor;
width: 1em;
height: 1em;
border: 0.15em solid #EFEFEF;
border-radius: 50%;
position: relative;
display: grid;
place-content: center;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.residencia-form__radio input[type=radio]:before {
content: "";
width: 75%;
height: 75%;
border-radius: 50%;
-webkit-box-shadow: inset 1em 1em var(--radio-button-color, #c20000);
box-shadow: inset 1em 1em var(--radio-button-color, #c20000);
background-color: CanvasText;
position: absolute;
inset: 50%;
-webkit-transform: translateY(-50%) translateX(-50%) scale(0);
transform: translateY(-50%) translateX(-50%) scale(0);
-webkit-transition: 120ms -webkit-transform ease-in-out;
transition: 120ms -webkit-transform ease-in-out;
transition: 120ms transform ease-in-out;
transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
}
.residencia-form__radio input[type=radio]:checked {
border-color: #c20000;
}
.residencia-form__radio input[type=radio]:checked::before {
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
transform: translateY(-50%) translateX(-50%) scale(1);
}
.residencia-form__radio .residencia-form__label {
color: #000;
font-weight: unset;
margin-bottom: 0;
}
.residencia-form__radio:focus-within {
color: #c20000;
}
.residencia-form [type=submit] {
margin: 1.5rem auto 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-radius: 10px;
padding: 1rem 3rem;
border: none;
cursor: pointer;
background-color: #202020;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.residencia-form [type=submit]:enabled:hover {
background-color: #575757;
-webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15) inset;
}
.residencia-form [type=submit]:disabled {
background-color: #717171;
cursor: default;
}
.residencia-form [type=submit] .loader {
display: none;
width: 1.5em;
height: 1.5em;
border: 4px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
}
.residencia-form [type=submit].is-loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.residencia-form [type=submit].is-loading .loader {
display: inline-block;
}
.residencia-form [type=submit].is-loading .text {
display: none;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.residencia-form .residencia-modal-wrapper {
margin: auto;
overflow-y: auto;
background-color: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position: fixed;
z-index: 20;
inset: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.residencia-form .residencia-modal {
margin: auto;
max-width: 46rem;
width: 90%;
padding: 3.75rem 4rem;
border-radius: 8px;
background-color: #fff;
}
.residencia-form .residencia-modal__title {
font-size: 2.5rem;
line-height: 112.5%;
margin-bottom: 1rem;
text-align: center;
}
.residencia-form .residencia-modal__desc {
font-size: 1.5rem;
line-height: 140%;
text-align: center;
margin-bottom: 1.5rem;
}
.residencia-form .residencia-modal__link {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
font-size: 2.5rem;
background-color: #c20000;
padding: 0.5rem 1.25rem;
border-radius: 0.5rem;
color: #fff;
text-decoration: none;
font-weight: 700;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.residencia-form .residencia-modal__link:hover {
background-color: #f50000;
}
#autor {
padding: 0 20px;
}
.autor__box {
background-color: #f8f8f8 !important;
padding: 40px 20px;
margin-bottom: 40px;
}
.autor__box h5 {
text-transform: uppercase;
}
.autor__box__grid {
display: grid;
grid-template-columns: 150px 1fr;
gap: 40px;
}
.autor__box__img img {
max-width: 150px;
}
@media screen and (max-width: 960px) {
.autor__box {
padding: 20px;
}
.autor__box__grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.autor__box__img img {
max-width: 100px;
}
}
.autor__page {
margin: 120px 0;
margin-bottom: 60px;
}
.autor__page__img {
width: 350px;
position: relative;
}
.autor__page__img h1 {
font-size: 1.125rem;
line-height: 120%;
width: 300px;
text-align: left;
padding: 10px 20px 20px 20px;
}
.autor__page__img p {
padding: 10px 20px;
margin-bottom: -10px;
font-size: 0.875rem;
}
.autor__page__img div {
background-color: #fff;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.autor__page__social {
margin-top: 60px;
}
.autor__page__social h2 {
text-align: center;
}
.autor__page__social nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.autor__page__social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
margin-top: 20px;
}
.autor__page__social li {
padding: 10px;
min-width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.autor__page__social li:hover {
opacity: 0.7;
}
.autor__page__social img {
height: 25px;
}
@media screen and (max-width: 960px) {
.autor__page.grid-2 {
justify-items: center;
}
}
.txt-black {
color: #202020;
}
.hover-underline:hover {
text-decoration: underline;
}