@font-face{font-family:Works;src:url("font-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Works;src:url("font-500.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Works;src:url("font-600.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Works;src:url("font-700.ttf") format("truetype");font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}:root{--ink:#344e6e;--pale:#c6d2e1;--card:#d9e3ef;--accent:#7e98b9;--green:#22c400}body{margin:0;color:var(--ink);font-family:Works,"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h2{font-size:32px;line-height:1.25;margin-bottom:18px}h3{font-size:30px;line-height:1.25;margin-bottom:16px;font-weight:600}p{margin-bottom:24px}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.topbar,header{background:var(--pale)}.topbar{border-bottom:1px solid #839ab5;font-size:14px}.top-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-block:10px}.top-grid>div{display:flex;gap:20px;align-items:center}.icon{width:32px;height:32px;fill:currentColor;flex-shrink:0}header{position:sticky;top:0;z-index:20;box-shadow:0 4px 6px #0004}.navigation{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:35px}.logo{width:182px;flex-shrink:0}nav{display:flex;align-items:center;gap:38px}nav>a:not(.button):hover,.dropdown-toggle:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:30px;padding:10px 25px;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.5;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button .icon{height:17px;width:17px;margin-right:5px}.whatsapp{background:var(--green)}.dropdown{position:relative}.dropdown-toggle{background:none;border:0;padding:12px 0}.dropdown-toggle span{margin-left:6px}.dropdown-menu{position:absolute;top:100%;left:-20px;background:white;box-shadow:0 8px 24px #344e6e33;min-width:200px;padding:10px;border-radius:8px}.dropdown-menu a{display:block;padding:8px 12px}.dropdown-menu a:hover{background:var(--card)}.menu-toggle{display:none}.hero{background:url('background.png') center/cover;position:relative;height:365px;overflow:hidden}.hero-inner{display:flex;position:relative;height:100%;align-items:flex-start}.hero-copy{padding-top:70px;z-index:1}.hero h1{font-size:40px;line-height:1.1;margin:8px 0 5px}.hero h2{font-size:30px;margin-bottom:0;font-weight:600}.hero p{font-size:22px;color:#6783a4;font-weight:600}.hero-inner>img{position:absolute;width:600px;right:-30px;top:0}.wave{display:block;position:absolute;bottom:-1px;left:0;width:100%;height:105px;fill:white}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-block:60px 70px;text-align:center;color:var(--accent)}.benefits .icon{width:58px;height:58px}.benefits p{font-size:18px;font-weight:600;line-height:1.25;margin:16px 0 0}.about{text-align:center;background:url('about.png') center/cover;padding:95px 0 105px}.about p{margin-bottom:14px}.section-intro{text-align:center;padding:55px 0 70px}.service{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;margin:0 0 70px}.service-copy{max-width:420px}.framed{isolation:isolate;position:relative;padding:120px 0 0 48px;margin-right:-40px}.framed:before{content:"";position:absolute;left:0;top:0;bottom:45px;right:48px;background:var(--accent);z-index:-1}.framed img{width:100%;aspect-ratio:2;object-fit:cover}.service-copy .button{margin-top:10px}.physio{grid-template-columns:1fr 1.3fr;gap:110px;padding:10px 0 35px}.physio .framed{padding:55px 48px 25px 0;margin:0}.physio .framed:before{background:var(--card);left:24%;right:0;bottom:0}.diagnostic{position:relative;background:var(--ink);color:#fff;padding:150px 0 48px;margin-top:60px}.diagnostic>.wave{top:-1px;bottom:auto;transform:rotate(180deg);height:100px}.diagnostic .service{gap:60px;margin-bottom:0}.diagnostic .service>img{width:100%;aspect-ratio:2;object-fit:cover}.diagnostic .service-copy{max-width:450px}.button.light{background:var(--card);color:var(--ink);font-weight:400}.specialties{position:relative;padding:72px 48px;max-width:1600px;margin:auto}.cards{display:flex;gap:42px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.cards::-webkit-scrollbar{display:none}.card{flex:0 0 calc((100% - 126px)/4);scroll-snap-align:start;position:relative;padding-bottom:30px;overflow:hidden}.card>img{width:100%;height:190px;object-fit:cover;border-radius:26px 26px 0 0}.card-body{position:relative;background:var(--card);border-radius:26px 26px 0 0;margin-top:-34px;padding:17px 20px 58px;min-height:320px;display:flex;align-items:flex-start;flex-direction:column}.card h3{font-size:26px}.card p{flex:1}.card .wave{height:34px;bottom:0}.card .wave path{fill:white}.card{background:var(--card);border-radius:26px 26px 0 0}.carousel-control{position:absolute;top:42%;font-size:42px;border:0;background:transparent;padding:4px 10px;z-index:2}.prev{left:0}.next{right:0}.cta{background:var(--pale);padding:62px 24px 78px;text-align:center}.cta p{font-size:21px;font-weight:600;margin-bottom:36px}.partners{padding-block:48px 65px;text-align:center}.partner-logos{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:55px;padding-top:28px;min-height:180px}.partner-logos img{max-height:135px;width:100%;object-fit:contain}footer{background:url('background.png') center/cover;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:90px}.footer-logo{display:block;max-width:250px;margin:45px 0 20px}footer h2{font-size:26px;font-weight:500;margin-bottom:14px}footer p{margin-bottom:14px}.socials{display:flex;gap:6px;margin-bottom:16px}.socials a{background:var(--ink);color:white;border-radius:2px;width:32px;height:32px;text-align:center;font-weight:bold;font-size:25px;line-height:32px}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #ec9c3e;outline-offset:4px} [hidden]{display:none!important} @media(min-width:1400px){.container{width:calc(100% - 96px);max-width:1380px}.navigation nav{margin-right:12%}.service{grid-template-columns:1fr 1fr}.service-copy{margin-left:0}.hero-inner>img{right:4%}.hero-copy{padding-top:70px}.hero{height:365px}.benefits{padding-top:60px;padding-bottom:75px}.physio{grid-template-columns:1fr 1.2fr}} @media(max-width:1150px){nav{gap:20px}.container{width:calc(100% - 40px)}.navigation{gap:20px}nav .button{padding:10px 14px}.service{gap:60px}.card{flex-basis:calc((100% - 42px)/2)}.top-grid{gap:15px}.hero-inner>img{right:-85px}.partner-logos{gap:30px}} @media(max-width:900px){.topbar{display:none}.navigation{min-height:74px}.logo{width:155px}.menu-toggle{display:block;border:0;background:none;font-size:28px}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--pale);padding:24px;box-shadow:0 6px 8px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:14px}.dropdown-menu{position:static;margin-top:5px}.hero-copy{padding-top:42px}.hero h1{font-size:34px}.hero h2{font-size:24px;max-width:290px}.hero p{font-size:19px}.hero-inner>img{right:-125px;width:530px;top:25px}.benefits{grid-template-columns:repeat(2,1fr);padding-block:40px}.service,.physio{gap:40px}.framed{padding:60px 0 0 20px;margin:0}.framed:before{right:25px;bottom:25px}.service-copy p{font-size:15px}.footer-grid{gap:30px}.partner-logos{gap:25px}} @media(max-width:600px){.container{width:calc(100% - 36px)}h2{font-size:28px}h3{font-size:26px}.hero{height:530px}.hero-copy{padding-top:30px}.hero h2{max-width:none;font-size:23px}.hero-inner>img{width:490px;max-width:none;top:180px;right:calc(50% - 245px)}.wave{height:58px}.benefits{gap:28px 16px;padding-block:34px 44px}.benefits p{font-size:15px}.benefits p br{display:none}.benefits .icon{width:44px;height:44px}.about{padding:55px 0}.desktop{display:none}.section-intro{padding:44px 0 30px}.service,.physio{grid-template-columns:1fr;gap:32px;margin-bottom:50px;padding-bottom:0}.service-copy{max-width:none}.service-copy p{font-size:16px}.framed{padding:38px 0 0 22px}.physio .framed{grid-row:1;padding:25px 20px 20px 0}.service-copy .button{margin-top:0}.diagnostic{margin-top:30px;padding:85px 0 40px}.diagnostic>.wave{height:55px}.diagnostic .service{gap:28px}.specialties{padding:45px 30px}.cards{gap:22px}.card{flex-basis:100%}.card>img{height:205px}.card-body{min-height:320px}.card h3{font-size:25px}.carousel-control{padding:0 4px}.cta{padding:42px 22px}.cta p{font-size:18px}.partners{padding-block:40px}.partner-logos{grid-template-columns:repeat(2,1fr);gap:25px}.partner-logos img{height:90px}.partner-logos img:last-child{grid-column:1/-1;width:180px;justify-self:center}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-logo{margin-top:0;max-width:210px}footer{padding:40px 0}html{scroll-padding-top:90px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} /* Adaptação Bender: base visual Works, conteúdo e navegação próprios. */ :root{--ink:#344e6e;--pale:#c6d2e1;--card:#d9e3ef;--accent:#7e98b9;--green:#28b921}.bender-brand{display:inline-flex;flex-direction:column;line-height:1.15;min-width:240px}.brand-name{font-size:26px;font-weight:700;letter-spacing:-1px}.brand-sub{font-size:10px;letter-spacing:2.1px;margin-top:8px;color:#627d9c;font-weight:700}.navigation .bender-brand{width:250px}.navigation nav{gap:27px;margin-right:0}.navigation{gap:25px}.top-symbol{font-size:32px;width:32px;line-height:1}.top-grid>div{gap:18px}.eyebrow{display:block;font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:16px}.bender-hero{height:500px}.bender-hero .hero-copy{max-width:580px;padding-top:60px}.bender-hero h1{font-size:44px;letter-spacing:-1.6px;margin-bottom:14px}.bender-hero h2{font-size:29px;font-weight:500;line-height:1.25;margin-bottom:18px}.bender-hero p{font-size:17px;line-height:1.6;max-width:460px;font-weight:400}.bender-hero .hero-inner{align-items:center;justify-content:space-between}.hero-photo{position:relative;width:43%;align-self:center;margin-top:-30px}.hero-photo img{width:100%;height:310px;object-fit:cover;border-radius:100px 0 100px 0}.hero-photo:before{content:'';position:absolute;inset:-20px 25px 20px -20px;border:1px solid #93abc7;border-radius:100px 0 100px 0}.hero-photo span{display:block;text-align:right;padding-top:12px;font-size:12px;color:#607793}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button.outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}.credentials{font-size:12px;margin-top:20px}.benefits{padding-block:45px 55px}.benefits a:hover{color:var(--ink)}.benefits p{line-height:1.4}.about{padding:70px 0 85px}.about .eyebrow{color:#6783a4}.about p{max-width:900px;margin:0 auto 20px}.text-link{display:inline-block;font-size:13px;font-weight:700;line-height:1.6;margin-left:18px}.text-link:hover{text-decoration:underline}.section-intro{padding-bottom:48px}.service-copy .eyebrow{font-size:11px;color:#7b95b5}.service-copy p{margin-bottom:18px}.diagnostic .eyebrow{color:var(--card)}.diagnostic .service{margin-bottom:35px}.treatment-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}.treatment-links>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;padding:16px 0;gap:15px}.treatment-links>a:hover{color:#dce6f4}.conditions .section-intro{padding-bottom:0}.conditions .specialties{padding-top:25px}.card-body{min-height:265px}.card h3{font-size:25px}.card .button{font-size:12px}.cta h2{font-size:30px}.cta p{font-size:18px;font-weight:400;margin-bottom:28px}.content-section{padding-bottom:70px}.content-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #c6d2e1;border-radius:30px;padding:10px 18px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.search-box{display:flex;align-items:center;border-bottom:1px solid #9eb0c6;max-width:300px;width:100%;padding:6px 0}.search-box input{border:0;background:none;outline-offset:4px;width:100%;font:inherit;color:inherit;padding:7px 4px}.search-box span{font-size:25px}.results-count{font-size:13px;color:#607793}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-tile{border-top:3px solid #7e98b9;background:#f2f5f9;padding:26px;display:flex;flex-direction:column;min-height:255px}.article-tile .eyebrow{font-size:10px;margin-bottom:12px}.article-tile h3{font-size:22px;line-height:1.4}.article-tile p{font-size:15px;color:#627a98;flex:1}.article-tile .text-link{margin-left:0}.load-wrap{text-align:center;margin-top:32px}button.button{border:0}.videos-section{background:#edf2f8;padding:65px 0}.videos-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.videos-grid h2{font-size:32px}.videos-grid p{max-width:480px}.video-topics>ul{list-style:none;padding:0;margin:0}.video-topics>ul li{border-bottom:1px solid #c6d2e1;padding:10px 0}.video-topics details{margin-top:20px;font-size:14px}.video-topics summary{cursor:pointer;font-weight:700}.video-topics details ul{max-height:320px;overflow:auto;line-height:1.6;padding-left:20px}.video-topics details li{padding:5px 0}.location{display:grid;grid-template-columns:1.25fr 1fr;gap:85px;padding-block:80px}.contact-panel{background:var(--card);padding:35px}.big-phone{font-size:32px;font-weight:600;letter-spacing:-1px}.contact-panel>p{font-size:15px}.contact-panel hr{border:0;border-top:1px solid #bacbdd;margin:25px 0}.contact-panel .text-link{margin:0}.reader{max-width:900px;padding-block:60px}.reader>.text-link{margin-left:0;margin-bottom:40px}.reader h1{font-size:42px;line-height:1.2;letter-spacing:-1px}.reader .article-date{font-size:13px;color:#6a819d;margin-bottom:40px}.reader-body{font-size:18px;line-height:1.8}.reader-body p{white-space:pre-line}.reader-body ul{padding-left:24px}.reader-body li{margin-bottom:10px}.reader-cta{margin-top:50px;background:var(--card);padding:32px}.reader-cta h2{font-size:25px}.reader-references{border-top:1px solid #c6d2e1;margin-top:30px;padding-top:20px;font-size:14px;overflow-wrap:anywhere}.reader-references a{text-decoration:underline}.footer-grid{grid-template-columns:1fr 1.2fr 1fr;gap:55px}footer h2{font-size:21px}footer p{font-size:14px}.footer-description{margin-top:22px}.footer-links{display:flex;gap:18px;font-size:13px;font-weight:700}.footer-bottom{font-size:12px;border-top:1px solid #b9c7d8;padding-top:22px;margin-top:38px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reader a{overflow-wrap:anywhere} @media(min-width:1400px){.container{max-width:1300px;width:calc(100% - 96px)}.bender-hero .hero-copy{padding-top:30px}.hero-photo{width:43%}.navigation nav{margin:0}} @media(max-width:1150px){.navigation nav{gap:18px}.bender-brand{min-width:205px}.brand-name{font-size:23px}.brand-sub{font-size:9px;letter-spacing:1.7px}.bender-hero h1{font-size:38px}.bender-hero .hero-copy{max-width:52%}.hero-photo{width:40%}.hero-photo img{height:290px}.videos-grid{gap:55px}.location{gap:40px}.article-grid{gap:16px}.article-tile{padding:22px}.big-phone{font-size:28px}} @media(max-width:900px){.bender-hero{height:490px}.bender-hero .hero-copy{padding-top:30px}.bender-hero h1{font-size:34px}.bender-hero h2{font-size:25px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:10px 18px}.hero-photo img{height:275px}.hero-photo{width:42%}.credentials{font-size:10px}.content-tools{flex-wrap:wrap}.article-grid{grid-template-columns:repeat(2,1fr)}.treatment-links{gap:0 25px}.location{grid-template-columns:1fr 1fr;gap:30px}.location .button{margin-bottom:12px}.location .text-link{margin:0}.footer-grid{gap:30px}.footer-grid .bender-brand{min-width:0}.footer-grid .brand-name{font-size:20px}} @media(max-width:600px){.bender-hero{height:auto;min-height:740px;padding-bottom:55px}.bender-hero .hero-inner{display:flex;flex-direction:column;align-items:stretch}.bender-hero .hero-copy{padding-top:38px;max-width:none}.bender-hero h1{font-size:36px}.bender-hero h2{font-size:26px}.bender-hero p{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-photo{margin:40px 0 0;width:100%;align-self:auto}.hero-photo img{height:225px;border-radius:65px 0 65px 0}.hero-photo:before{inset:-12px 15px 26px -9px;border-radius:65px 0 65px 0}.hero-photo span{padding-top:8px;font-size:10px}.credentials{font-size:11px}.hero-actions .button{font-size:12px}.benefits{padding-block:30px 40px}.about{padding:48px 0}.about h2{font-size:28px}.about .text-link{margin:20px 0 0;display:block}.service-copy .eyebrow{font-size:10px}.diagnostic{padding-bottom:25px}.treatment-links{grid-template-columns:1fr 1fr;gap:0 20px;font-size:14px}.card-body{min-height:240px}.conditions .section-intro{padding-top:40px}.cta h2{font-size:26px}.cta .text-link{display:block;margin:20px 0 0}.content-section{padding-bottom:45px}.content-tools{gap:20px}.filters{gap:6px}.filters button{font-size:12px;padding:8px 13px}.search-box{max-width:none}.article-grid{grid-template-columns:1fr}.article-tile{min-height:210px}.videos-grid{grid-template-columns:1fr;gap:35px}.videos-section{padding:45px 0}.videos-grid h2{font-size:28px}.location{grid-template-columns:1fr;padding-block:45px;gap:30px}.contact-panel{padding:28px}.location h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:28px}.reader{padding-top:35px}.reader h1{font-size:30px}.reader-body{font-size:16px;line-height:1.75}.reader-cta{padding:25px}.reader-cta h2{font-size:22px}.topbar{display:none}} /* ========================================================= Páginas internas · Dr. Renato Bender (acrescentado ao styles.css) ========================================================= */ :root { --brand: #2080b0; --brand-dark: #185890; --soft: #f2f5f9; } /* Marca: monograma oficial + nome */ .bender-brand { flex-direction: row !important; align-items: center; gap: 12px; } .brand-mark { display: block; width: 46px; flex-shrink: 0; } .brand-mark svg { display: block; width: 100%; height: auto; } .brand-text { display: flex; flex-direction: column; } .bender-brand .brand-name { font-size: 22px; letter-spacing: -.5px; color: var(--brand-dark); } .bender-brand .brand-sub { margin-top: 5px; color: var(--brand); } .navigation .bender-brand { width: auto; } .footer-brand .brand-mark { width: 40px; } nav a[aria-current="page"], .dropdown-toggle[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; } .dropdown-menu { max-height: 70vh; overflow: auto; } .skip { position: absolute; left: -9999px; } .skip:focus { left: 12px; top: 12px; z-index: 99; background: #fff; padding: 8px 14px; } /* Home: fotos reais e fundos */ .hero-photo img { object-position: 50% 30%; } .diagnostic .service > img { object-fit: cover; aspect-ratio: 4 / 3; object-position: 50% 30%; width: 100%; } .video-topics .more-link { margin: 18px 0 0; } .article-tile[hidden] { display: none; } /* Cabeçalho das páginas internas */ .page-hero { position: relative; background: linear-gradient(180deg, var(--pale) 0%, #dfe7f1 100%); padding: 44px 0 110px; } .page-hero .wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 70px; fill: #fff; } .page-hero__inner { position: relative; z-index: 1; max-width: 960px; margin-left: max(32px, calc((100% - 1200px) / 2)); } .page-hero .eyebrow { color: #5d7898; margin-top: 18px; } .page-hero h1 { font-size: 42px; line-height: 1.15; letter-spacing: -1px; margin-bottom: 12px; } .page-hero__sub { font-size: 18px; color: #4d6787; margin: 0; max-width: 760px; } .crumbs { font-size: 13px; color: #607793; } .crumbs a { text-decoration: underline; text-underline-offset: 3px; } /* Layout artigo + lateral */ .page-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; padding-block: 10px 70px; align-items: start; } .page-main { min-width: 0; } .cover { margin: 0 0 36px; } .cover img { width: 100%; max-height: 440px; object-fit: cover; border-radius: 60px 0 60px 0; } .prose { font-size: 18px; line-height: 1.8; } .prose > * { margin-top: 0; } .prose p, .prose ul, .prose ol { margin-bottom: 20px; } .prose h2 { font-size: 27px; line-height: 1.3; margin: 42px 0 14px; scroll-margin-top: 110px; } .prose h3 { font-size: 21px; line-height: 1.35; margin: 30px 0 10px; font-weight: 600; color: #4d6787; } .prose ul, .prose ol { padding-left: 24px; } .prose li { margin-bottom: 8px; } .prose a { text-decoration: underline; text-underline-offset: 3px; color: var(--brand-dark); overflow-wrap: anywhere; } .prose strong { color: #263d59; } .page-aside { position: sticky; top: 110px; display: grid; gap: 20px; } .aside-box { background: var(--card); padding: 26px; } .aside-box .eyebrow { font-size: 11px; margin-bottom: 10px; color: #5d7898; } .aside-contact .big-phone { display: block; font-size: 28px; } .aside-contact p { font-size: 14px; margin: 6px 0 16px; } .aside-links { list-style: none; padding: 0; margin: 0; } .aside-links li { border-top: 1px solid #bacbdd; } .aside-links a { display: block; padding: 10px 0; font-size: 15px; } .aside-links a:hover { text-decoration: underline; } .toc { background: var(--soft); border-left: 3px solid var(--accent); padding: 20px 24px; margin: 0 0 34px; } .toc__title { font-size: 12px; letter-spacing: 2px; font-weight: 700; margin-bottom: 8px; } .toc ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; font-size: 15px; } .toc a:hover { text-decoration: underline; } .refs { border-top: 1px solid #c6d2e1; margin-top: 40px; padding-top: 24px; font-size: 14px; line-height: 1.6; color: #4d6787; overflow-wrap: anywhere; } .refs h2 { font-size: 20px; margin-bottom: 12px; } .refs ol { padding-left: 22px; } .refs li { margin-bottom: 8px; } .article-note { margin-top: 32px; font-size: 14px; font-style: italic; color: #607793; } .article-video { margin-top: 44px; } .article-video h2 { font-size: 24px; } .video-caption { font-size: 14px; color: #607793; margin-top: 10px; } .gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0; } .gallery--4 { grid-template-columns: repeat(2, 1fr); } .gallery img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .about-split { display: grid; grid-template-columns: 260px 1fr; gap: 36px; align-items: start; margin-bottom: 10px; } .about-photo { margin: 0; } .about-photo img { width: 100%; border-radius: 40px 0 40px 0; } .about-photo figcaption { font-size: 15px; font-weight: 700; margin-top: 12px; line-height: 1.4; } .about-photo small { font-weight: 400; font-size: 12px; color: #607793; } .wide-photo { margin: 30px 0 0; } .wide-photo img { width: 100%; max-width: 480px; } .loc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 20px; } .loc-grid h2 { margin-top: 0 !important; } .loc-grid .big-phone { font-size: 30px; text-decoration: none; color: var(--ink); } .prose .button, .loc-grid .button { text-decoration: none; color: #fff; } /* Grades das páginas de seção */ .hub-intro { max-width: 900px; padding-bottom: 20px; } .hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding-bottom: 80px; } .tile { background: var(--soft); display: flex; flex-direction: column; border-top: 3px solid var(--accent); } .tile > img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .tile__body { padding: 24px; display: flex; flex-direction: column; flex: 1; } .tile__body .eyebrow { font-size: 10px; margin-bottom: 10px; color: #6783a4; } .tile h3 { font-size: 22px; line-height: 1.3; margin-bottom: 10px; } .tile h3 a:hover { text-decoration: underline; } .tile p { font-size: 15px; color: #627a98; flex: 1; margin-bottom: 16px; } .tile .text-link { margin-left: 0; } /* Vídeo com carregamento sob demanda */ .yt { position: relative; aspect-ratio: 16 / 9; background: #0f1d2e; overflow: hidden; } .yt__play { position: absolute; inset: 0; border: 0; padding: 0; width: 100%; background: none; cursor: pointer; } .yt__play img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: opacity .2s; } .yt__play:hover img { opacity: 1; } .yt__icon { position: absolute; left: 50%; top: 50%; width: 76px; height: 54px; transform: translate(-50%, -50%); background: #ff0033; border-radius: 14px; box-shadow: 0 6px 18px #0005; } .yt__icon::after { content: ''; position: absolute; left: 31px; top: 16px; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #fff; } .yt__icon--sm { width: 48px; height: 34px; border-radius: 10px; } .yt__icon--sm::after { left: 19px; top: 10px; border-width: 7px 0 7px 12px; } .yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .video-page { max-width: 960px; padding-bottom: 20px; } .video-links { margin-top: 16px; } .video-links .text-link:first-child { margin-left: 0; } .more-videos { padding: 40px 0 70px; } .more-videos h2 { margin-bottom: 24px; } .center { text-align: center; margin-top: 36px; } .video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .vcard a { display: block; } .vcard__thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: #dfe7f1; overflow: hidden; } .vcard__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; } .vcard a:hover img { transform: scale(1.04); } .vcard__title { display: block; font-weight: 600; font-size: 17px; line-height: 1.35; margin-top: 12px; } .vcard a:hover .vcard__title { text-decoration: underline; } .vcard__date { display: block; font-size: 13px; color: #6a819d; margin-top: 4px; } .vcard[hidden] { display: none; } .videos-index { padding-bottom: 70px; } .video-search { margin-bottom: 8px; max-width: 420px; } /* Chamada final */ .page-cta { background: var(--pale); padding: 60px 0; text-align: center; } .page-cta h2 { font-size: 30px; } .page-cta p { font-size: 18px; margin-bottom: 26px; } .page-cta .text-link { margin-left: 18px; } .notfound { text-align: center; padding: 10px 0 70px; } .notfound__links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } @media (max-width: 1150px) { .page-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; } .bender-brand .brand-name { font-size: 19px; } .brand-mark { width: 40px; } } @media (max-width: 900px) { .page-layout { grid-template-columns: 1fr; } .page-aside { position: static; } .hub-grid, .video-grid { grid-template-columns: repeat(2, 1fr); } .page-hero h1 { font-size: 34px; } .page-hero__inner { margin-left: 20px; margin-right: 20px; } nav .dropdown-menu { max-height: none; } } @media (max-width: 600px) { .page-hero { padding: 30px 0 80px; } .page-hero h1 { font-size: 29px; } .page-hero__sub { font-size: 16px; } .page-hero__inner { margin-left: 18px; margin-right: 18px; } .prose { font-size: 16px; line-height: 1.75; } .prose h2 { font-size: 23px; } .cover img { border-radius: 40px 0 40px 0; } .hub-grid, .video-grid, .gallery, .gallery--4, .loc-grid, .about-split { grid-template-columns: 1fr; } .about-photo { max-width: 260px; } .page-cta h2 { font-size: 25px; } .page-cta .text-link { display: block; margin: 18px 0 0; } .bender-brand .brand-name { font-size: 18px; } .brand-mark { width: 36px; } } /* O CSS base estiliza todo