/* Alerta contra golpes (partials/alerta-golpe.php) — visual do bio-referencia.html 1.0, com prefixo ag- para funcionar em qualquer página. */
@font-face{font-family:"Archivo";src:url("../fonts/archivo-latin.woff2") format("woff2");font-weight:300 800;font-stretch:62% 125%;font-display:swap}
.ag-alert{border:0;padding:0;margin:auto;width:min(920px,calc(100% - 24px));max-width:none;max-height:calc(100svh - 24px);border-radius:18px;overflow:hidden;
  background:#021a2d;color:#efe7d8;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal}
.ag-alert,.ag-alert :is(h2,p,ul,li,a,button,span,b,em,i){font-family:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ag-alert *{box-sizing:border-box}
.ag-alert :is(h2,ul,li){text-transform:none}
.ag-alert li::before,.ag-alert li::after{content:none}
.footer-alerta-golpe{font:inherit;font-weight:600;color:#f2c27f;background:none;border:0;border-bottom:1.5px solid currentColor;padding:0;cursor:pointer}
.footer-alerta-golpe:hover{color:#fff}
.ag-alert::backdrop{background:rgba(2,16,28,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ag-alert[open]{animation:ag-pop .5s cubic-bezier(.2,.7,.1,1)}
.ag-in{display:grid;grid-template-columns:minmax(0,1fr);max-height:inherit;overflow:auto}
.ag-media{position:relative;background:#03375f;display:flex;justify-content:center}
.ag-media :is(video,img){display:block;height:min(38svh,340px);aspect-ratio:9/16;max-width:100%;object-fit:cover}
.ag-media img{aspect-ratio:auto}
.ag-txt{display:flex;flex-direction:column;gap:18px;padding:24px max(22px,env(safe-area-inset-left,0px)) 24px;overflow-wrap:anywhere}
.ag-tag{align-self:flex-start;border:1.5px solid #f2c27f;color:#f2c27f;border-radius:999px;padding:5px 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;font-stretch:115%}
.ag-alert h2{margin:0;font-size:clamp(24px,6.4vw,34px);line-height:1.02;font-weight:780;font-stretch:118%;letter-spacing:-.015em;text-wrap:balance;color:#efe7d8}
.ag-alert h2 em{font-style:normal;color:#f2c27f}
.ag-alert ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ag-alert li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:15px;line-height:1.4;color:#d6dde5}
.ag-alert li b{color:#efe7d8}
.ag-alert li i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#e5674f;color:#fff}
.ag-alert li.ag-item-ok i{background:#efe7d8;color:#03375f}
.ag-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ag-acts>*{flex:1 1 180px;display:flex;justify-content:center;align-items:center;min-height:50px;padding:12px 18px;border-radius:999px;font:inherit;font-weight:650;font-size:15px;cursor:pointer;text-align:center;text-decoration:none}
.ag-alert .ag-ok{border:0;background:#efe7d8;color:#03375f}
.ag-alert .ag-line{border:1.5px solid rgba(239,231,216,.35);background:transparent;color:#efe7d8!important}
.ag-alert .ag-line:hover{border-color:#efe7d8}
.ag-save{font-size:13px;color:#a9b7c6;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.ag-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(2,26,45,.7);color:#efe7d8;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.ag-alert :is(a,button):focus-visible{outline:2px solid #f2c27f;outline-offset:3px}
.ag-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes ag-pop{from{transform:translateY(24px) scale(.98)}to{transform:none}}
@media (min-width:760px){
  .ag-in{grid-template-columns:auto minmax(0,1fr)}
  .ag-no-media .ag-in{grid-template-columns:minmax(0,1fr)}
  .ag-media :is(video,img){height:min(560px,calc(100svh - 24px))}
  .ag-txt{padding:40px 40px 36px;justify-content:center}
  .ag-alert li{font-size:16px}
}
@media (max-height:520px) and (orientation:landscape){
  .ag-in{grid-template-columns:auto minmax(0,1fr)}
  .ag-no-media .ag-in{grid-template-columns:minmax(0,1fr)}
  .ag-media :is(video,img){height:calc(100svh - 24px)}
}
@media (prefers-reduced-motion:reduce){.ag-alert[open]{animation:none}}