/* Banner de propaganda "outdoor" da Calculadora VET (home, área Pets, acima de Clínicas e Hospitais) */
.outdoor{display:block;position:relative;margin:6px 0 30px;padding-top:12px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.outdoor:focus-visible{outline:none}
.outdoor:focus-visible .outdoor-frame{outline:3px solid #eb8223;outline-offset:3px}
.outdoor-lamps{position:absolute;left:14%;right:14%;top:0;height:14px;display:flex;justify-content:space-between;z-index:4;pointer-events:none}
.outdoor-lamps i{position:relative;display:block;width:26px;height:7px;margin-top:2px;border-radius:7px 7px 3px 3px;background:linear-gradient(#5a6f92,#1b3b64);box-shadow:0 2px 3px rgba(20,44,76,.35)}
.outdoor-lamps i::before{content:"";position:absolute;left:50%;top:-4px;width:2px;height:6px;margin-left:-1px;background:#1b3b64}
.outdoor-lamps i::after{content:"";position:absolute;left:50%;top:7px;width:96px;height:64px;margin-left:-48px;background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(255,238,176,.5),rgba(255,238,176,0) 72%);pointer-events:none}
.outdoor-frame{position:relative;display:block;padding:5px;border-radius:20px;background:linear-gradient(180deg,#355788 0,#1b3b64 45%,#10264a 100%);box-shadow:0 16px 28px rgba(20,44,76,.38),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.28);transition:transform .18s ease}
.outdoor:active .outdoor-frame{transform:scale(.988)}
.outdoor-screen{position:relative;display:block;aspect-ratio:1368/608;border-radius:15px;overflow:hidden;background:#1b3b64;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.outdoor-screen img,.outdoor-screen video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;border:0}
.outdoor-screen video{opacity:0;transition:opacity .35s ease;background:transparent}
.outdoor.is-playing .outdoor-screen video{opacity:1}
.outdoor-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 32%)}
.outdoor-posts{position:absolute;left:0;right:0;bottom:-11px;display:flex;justify-content:space-between;padding:0 21%;z-index:0;pointer-events:none}
.outdoor-posts i{display:block;width:11px;height:13px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#10264a,#3a5a8c 45%,#10264a)}
.outdoor-posts::after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:8px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(20,44,76,.28),rgba(20,44,76,0) 70%)}
.outdoor-frame{z-index:1}
html.lite .outdoor-lamps i::after{display:none}
html.lite .outdoor-frame{box-shadow:0 8px 14px rgba(20,44,76,.28),inset 0 1px 0 rgba(255,255,255,.28)}
html.lite .outdoor-screen::after{display:none}

/* Variante "apoiada pelos lados": travessas horizontais saem das laterais da moldura (em vez de postes embaixo) */
.outdoor--side{margin:10px 0 30px;padding-left:22px;padding-right:22px}
.outdoor--side .outdoor-lamps{left:18%;right:18%}
.outdoor--side .outdoor-posts{left:0;right:0;top:12px;bottom:0;padding:0;display:block}
.outdoor--side .outdoor-posts::after{display:none}
.outdoor--side .outdoor-posts i{position:absolute;top:0;bottom:0;width:30px;height:auto;border-radius:0;background:none}
.outdoor--side .outdoor-posts i:first-child{left:0}
.outdoor--side .outdoor-posts i:last-child{right:0}
.outdoor--side .outdoor-posts i::before,.outdoor--side .outdoor-posts i::after{content:"";position:absolute;left:0;right:0;height:24px;margin:0;width:auto;border-radius:3px;background:linear-gradient(180deg,#4a6b9c 0,#1b3b64 45%,#10264a 100%) center/100% 10px no-repeat,linear-gradient(90deg,#10264a,#3a5a8c 50%,#10264a) left center/7px 100% no-repeat;box-shadow:none}
.outdoor--side .outdoor-posts i:last-child::before,.outdoor--side .outdoor-posts i:last-child::after{background:linear-gradient(180deg,#4a6b9c 0,#1b3b64 45%,#10264a 100%) center/100% 10px no-repeat,linear-gradient(90deg,#10264a,#3a5a8c 50%,#10264a) right center/7px 100% no-repeat}
.outdoor--side .outdoor-posts i::before{top:16%}
.outdoor--side .outdoor-posts i::after{bottom:16%;top:auto}
.outdoor--side .outdoor-frame{margin:0}
@media (min-width:700px){.outdoor{max-width:760px;margin-left:auto;margin-right:auto}.outdoor--side{max-width:840px;padding-left:64px;padding-right:64px}.outdoor--side .outdoor-posts i{width:68px}.outdoor--side .outdoor-posts i::before,.outdoor--side .outdoor-posts i::after{background-size:100% 12px,9px 100%}}
@media (prefers-reduced-motion:reduce){.outdoor-frame{transition:none}.outdoor-screen video{transition:none}}