/*
 * Guia de Guarapari 13.6 — camada global segura de qualidade.
 * Não redesenha componentes: normaliza tipografia, foco, mídia e acessibilidade.
 */
:root{
    --gg-font-sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --gg-color-primary:#0a5ed9;
    --gg-color-text:#111827;
    --gg-color-muted:#667085;
    --gg-color-border:#e5e7eb;
    --gg-focus-ring:0 0 0 3px rgba(10,94,217,.28);
    --gg-radius-sm:6px;
    --gg-radius-md:10px;
    --gg-content-width:1200px;
}
html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scroll-behavior:smooth;
}
body,
button,
input,
select,
textarea{
    font-family:var(--gg-font-sans);
}
body{
    color:var(--gg-color-text);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    overflow-wrap:break-word;
}
img,
picture,
video,
canvas,
svg{
    max-width:100%;
}
img{
    height:auto;
}
button,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"]{
    touch-action:manipulation;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible{
    outline:2px solid var(--gg-color-primary)!important;
    outline-offset:3px!important;
    box-shadow:var(--gg-focus-ring);
}
.skip-link:focus{
    position:fixed;
    z-index:100000;
    top:12px;
    left:12px;
    width:auto;
    height:auto;
    padding:10px 14px;
    clip:auto;
    clip-path:none;
    background:#fff;
    color:var(--gg-color-text);
    border-radius:var(--gg-radius-sm);
    box-shadow:0 8px 30px rgba(15,23,42,.18);
}
@media (max-width:767px){
    input,
    select,
    textarea{
        font-size:max(16px,1em);
    }
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
}

/* Picture moderno sem alterar o comportamento de layout do img original. */
picture.guia-picture{display:contents}