/* Portal R03 (repaginação): topo de tela inteira com a animação e cartões com mídia. O restante vem de site.css. */
.r3p-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(88vh,820px);padding:0}
.r3p-fundo{position:absolute;inset:0;z-index:-2;margin:0}
.r3p-fundo video,.r3p-fundo img{display:block;width:100%;height:100%;object-fit:cover}
.r3p-fundo img.parado{display:none}
@media(prefers-reduced-motion:reduce){.r3p-fundo video{display:none}.r3p-fundo img.parado{display:block}}
.r3p-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,45,59,.94) 0%,rgba(9,45,59,.82) 34%,rgba(9,45,59,.28) 68%,rgba(9,45,59,.06) 100%),linear-gradient(0deg,rgba(9,45,59,.55) 0%,rgba(9,45,59,0) 45%)}
.r3p-hero-txt{padding-block:clamp(56px,10vw,128px)}
.r3p-hero h1{max-width:12ch}
.r3p-legenda{position:absolute;right:16px;bottom:14px;margin:0;padding:.25rem .6rem;border-radius:.25rem;background:rgba(9,45,59,.72);color:#d4e0df;font-size:.72rem;line-height:1.4}
@media(max-width:760px){.r3p-hero{flex-direction:column;align-items:stretch;min-height:auto}.r3p-hero::before{background:linear-gradient(0deg,rgba(9,45,59,.96) 0%,rgba(9,45,59,.86) 55%,rgba(9,45,59,.5) 100%)}.r3p-hero-txt{padding-block:3rem 1.2rem}.r3p-legenda{position:static;align-self:flex-start;margin:0 1.25rem 1.2rem}}

.consult-card{overflow:hidden}
.r3p-midia{position:relative;margin:-1.7rem -1.5rem 1.3rem;background:var(--areia)}
.r3p-midia img,.r3p-midia video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.r3p-midia img.parado{display:none}
@media(prefers-reduced-motion:reduce){.r3p-midia video{display:none}.r3p-midia img.parado{display:block}}
.r3p-midia figcaption{position:absolute;left:.7rem;bottom:.7rem;padding:.2rem .55rem;border-radius:.25rem;background:#0f3b4cdb;color:#fff;font-size:.7rem;line-height:1.4}
@media(max-width:1000px){.r3p-midia{margin:-1.4rem -1.1rem 1.1rem}}
@media(max-width:760px){.r3p-midia{margin:-1.5rem -1.5rem 1.1rem}}
@media(max-width:420px){.r3p-midia{margin:-20px -16px 1rem}}
@media(forced-colors:active){.r3p-midia figcaption,.r3p-legenda{border:1px solid CanvasText}}