/* Guia Rio Open (responsivo) - tipografia e escala */ /* Corpo: Averta (arquivos em conteudo-guia/font) */ @font-face { font-family: "Averta"; font-style: normal; font-weight: 400; font-display: swap; src: url("../conteudo-guia/font/Averta-Regular.woff2") format("woff2"), url("../conteudo-guia/font/Averta-Regular.woff") format("woff"); } @font-face { font-family: "Averta"; font-style: normal; font-weight: 600; font-display: swap; src: url("../conteudo-guia/font/Averta-Semibold.woff2") format("woff2"), url("../conteudo-guia/font/Averta-Semibold.woff") format("woff"); } @font-face { font-family: "Averta"; font-style: normal; font-weight: 900; font-display: swap; src: url("../conteudo-guia/font/Averta-Black.woff2") format("woff2"), url("../conteudo-guia/font/Averta-Black.woff") format("woff"); } /* Títulos: Roc Grotesk (Typekit já carregado no ) */ .rioopen-guia { font-family: "Averta", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 18px; /* aumenta escala geral */ } @media (min-width: 768px) { .rioopen-guia { font-size: 20px; } } .rioopen-guia h1, .rioopen-guia h2, .rioopen-guia h3, .rioopen-guia h4, .rioopen-guia .guia-title { font-family: "roc-grotesk-wide", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } /* -------------------------------------------------------------------------- */ /* Botões (padrões globais do guia) */ /* -------------------------------------------------------------------------- */ /* Base: remove comportamento padrão de link (underline/blue/visited). */ .rioopen-guia .rioopen-btn, .rioopen-guia .rioopen-btn:link, .rioopen-guia .rioopen-btn:visited { text-decoration: none; } .rioopen-guia .rioopen-btn:hover, .rioopen-guia .rioopen-btn:active { text-decoration: none; } /* Botão primário: fundo vermelho + texto branco (mesmo hover da home). */ .rioopen-guia .rioopen-btn-primary, .rioopen-guia .rioopen-btn-primary:link, .rioopen-guia .rioopen-btn-primary:visited { background-color: #e10600; color: #ffffff; } .rioopen-guia .rioopen-btn-primary:hover, .rioopen-guia .rioopen-btn-primary:active { color: #e5e7eb; /* gray-200 */ filter: brightness(0.95); } /* Botão secundário: fundo branco + texto vermelho (mesmo hover do header interno). */ .rioopen-guia .rioopen-btn-secondary, .rioopen-guia .rioopen-btn-secondary:link, .rioopen-guia .rioopen-btn-secondary:visited { background-color: #ffffff; color: #e10600; } .rioopen-guia .rioopen-btn-secondary:hover, .rioopen-guia .rioopen-btn-secondary:active { background-color: #f4f4f4; color: #b00500; }