/* Geral */ * { transition: padding 0.5s, background 0.5s, display 0.5s, color 0.5s, width 0.5s, max-width 0.5s, -webkit-filter 0.5s, letter-spacing 0.5s, border-color 0.5s, height 0.5s, outline 0.5s; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-size: 16px; margin: 0; padding: 0; } :focus, a:focus { outline: none; } img { width: 100%; height: auto; } select { -webkit-appearance: none; } /* === Configurações Mobile === */ *:not(input):not(textarea){ -webkit-user-select: none; -webkit-touch-callout: none; } html, body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } /* reset */ .reset, .reset * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-weight: normal; } .reset-completo, .reset-completo * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-weight: normal; font-style: normal; } .mg-pd-0, .mg-pd-0 * { margin: 0; padding: 0; } .ds-block { display: block; } .pd-t1p5rem { padding-top: 1.5rem; } a { color: #767676; } a:hover { color: #ed9abc; } body { font-family: "Mulish"; font-size: 15px; line-height: 30px; letter-spacing: .5px; word-wrap: break-word; font-weight: 400; background-color: #fff; color: #767676; } .content-left { width: 30%; height: 100vh; position: fixed; display: flex; align-items: center; z-index: 10; background-color: #fff; border-right: 1px solid #eee; padding: 3rem; } .content-left-box { max-width: 300px; margin: 0 auto; } @media only screen and (max-width: 720px) { .content-left { position: relative; width: 100%; height: auto; background-color: #f8f8f8; border: none; padding: 4rem 2rem; border-bottom: 1px solid #eee; } .content-left-box { max-width: 100%; } } .img-perfil { display: block; border-radius: 50%; max-width: 50%; margin: 0 auto; margin-bottom: 1rem; border: 2px solid #fff; box-shadow: 0 0 20px rgb(0 0 0 / 7%); } .menu { padding: 2.5rem 0; list-style: none; } .menu a { cursor: pointer; display: block; text-decoration: none; color: #767676; font-weight: 500; font-family: "Montserrat"; line-height: 1.2; padding: 0.5rem 0; } .menu a:hover { color: #ed9abc; } .menu img { display: none; } @media only screen and (max-width: 720px) { h1 { text-align: center; } h1 img { max-width: 250px; } .menu { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 0; padding-top: 3rem; } .menu a { background-color: #FFF; box-shadow: 0 0 20px rgb(0 0 0 / 7%); border-radius: 0.3rem; padding: 1.5rem; display: flex; align-items: center; text-align: center; } .menu a div { width: 100%; } .menu img { max-width: 3rem; display: inline-block; padding-bottom: 0.5rem; } .menu abbr { display: block; font-size: 0.8rem; } } .footer { font-size: 0.8rem; color: #CCC; } .content-right { width: 100%; min-height: 100vh; float: left; position: relative; background-color: #f8f8f8; padding-left: 30%; } .content-right.box-flex { display: flex; align-items: center; } @media only screen and (max-width: 720px) { .content-right.box-flex { display: block; align-items: center; } .content-right { min-height: auto; position: relative; padding: 0; } } .content-base { padding: 4rem; display: block; max-width: 1080px; } @media only screen and (max-width: 1080px) { .content-base { padding: 2rem; } } .h { font-weight: 500; line-height: 1.4; font-family: "Montserrat"; color: #000; } .h3 { font-weight: 800; font-size: 1.8rem; } .t1 { display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 0.8rem; color: #ed9abc; font-family: "Montserrat"; letter-spacing: 0; } .posts { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 4rem; padding: 2rem 0; } @media only screen and (max-width: 1080px) { .posts { grid-gap: 2rem; } } @media only screen and (max-width: 650px) { .posts { grid-template-columns: 1fr; } } .post { background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 7%); } .post img { filter: grayscale(100%); } .post a { display: block; overflow: hidden; } .post a:hover img { filter: grayscale(0); } .post-details { width: 100%; float: left; padding: 2rem; } @media only screen and (max-width: 1080px) { .post-details { padding: 1.2rem; } } .post-details abbr { font-family: "Montserrat"; font-size: 0.8rem; color: #767676; font-style: italic; display: block; border-bottom: 1px solid #CCC; } .post-details h4 { text-decoration: none; color: #000; font-size: 1.1rem; font-weight: 600; display: inline-block; margin: 1rem 0; line-height: 1.4; } .post a:hover h4 { color: #ed9abc; } .post-details button { text-transform: uppercase; display: inline-block; background-color: #FFF; color: #000; border: none; font-size: 0.7rem; } .ds-none { display: none; } @media only screen and (max-width: 720px) { .media-720-ds-block { display: block; } .media-720-ds-none { display: none; } } .header-details { width: 100%; float: left; } .header-details abbr { font-family: "Montserrat"; font-size: 0.8rem; color: #767676; font-style: italic; display: block; border-bottom: 1px solid #CCC; } .header-details h2 { text-decoration: none; color: #000; font-size: 1.1rem; font-weight: 600; display: inline-block; margin: 1rem 0; line-height: 1.4; } .formulario { overflow: hidden; padding: 1.5rem 0; } .formulario input { font-family: "Montserrat"; font-size: 0.85rem; } .formulario input, .formulario select, .formulario button { background-color: #FFF; color: #000; border: 1px solid #CCC; padding: 0.8rem; border-radius: 0.3rem; } .formulario button { background-color: #ed9abc; color: #FFF; border: 1px solid #FFF; } .formulario { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; } @media only screen and (max-width: 720px) { .formulario { grid-template-columns: 1fr; } } .img { margin-bottom: 1rem; } .text { line-height: 1.4rem; } .text strong { font-weight: 800; } .brb-CCC { border-bottom: 1px solid #CCC; } .fl-left { float: left; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-70 { width: 70%; } .pd-r2rem { padding-right: 2rem; } .pd-l2rem { padding-left: 2rem; } .pd-t2rem { padding-top: 2rem; } .pd-b2rem { padding-bottom: 2rem; } .mg-r2rem { margin-right: 2rem; } @media only screen and (max-width: 720px) { .media-fl-none { float: none; } .media-w-100 { width: 100%; } .media-w-70 { width: 70%; } .media-pd-0 { padding-right: 0; } .media-pd-t2rem { padding-top: 2rem; } .media-pd-b3rem { padding-bottom: 3rem; } } .comp-btn { font-family: "Montserrat"; display: inline-block; background-color: #ed9abc; box-shadow: 0 0 20px rgb(0 0 0 / 7%); border-radius: 0.5rem; color: #FFF; padding: 0.5rem 1.2rem; margin-top: 1rem; font-size: 0.9rem; } .comp-btn:hover { color: #FFF; background-color: #F90; } .of-hidden { overflow: hidden; } .lista-bloco { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 3rem; padding: 0; padding: 2rem 0; } @media only screen and (max-width: 720px) { .lista-bloco { grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; } } .bg-fff { background-color: #FFF; } .img-cliente { display: block; border-radius: 50%; margin: 0 auto; margin-bottom: 1rem; border: 2px solid #fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); } .video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }