@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* ---- Base (padrão visual GeniusDesign Tools / Migrabox) ---- */
html, body { min-height: 100vh; background: #f8f8f8; font-family: 'Nunito', sans-serif !important; }
body {
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: linear-gradient(#e8ffff 1%, #f8f8f8);
    background-size: 100% 447px;
    background-repeat: no-repeat;
    border-top: 5px solid #009999;
    margin: 0;
}
.content { flex: 1 0 auto; }

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large,
.uk-heading-medium, .uk-heading-small, .uk-heading-xlarge,
h1, h2, h3, h4, h5, h6,
.nunito, #modal-success { font-family: 'Nunito', sans-serif !important; }

h2 { font-weight: 900; }

.uk-link, a {color:#009999;}
.uk-link:hover, a:hover {color:#006666;}

/* ---- Botões ---- */
.uk-button-primary { background-color: #262d57 !important; }
.uk-button-primary:hover { background-color: #009999 !important; }
.uk-button-primary:disabled { background-color: #ddd !important; cursor: not-allowed; }

.uk-background-primary { background: #009999 !important; }

/* ---- Cabeçalho ---- */
.site-header { margin-top: 40px; margin-bottom: 30px; width: 100%; }
.sponsor-badge small { line-height: 1; }

/* ---- Seletor de idioma (padrão count-papers) ---- */
.lang-current { display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; padding: 6px 10px; font-family: 'Nunito', sans-serif; font-size: .85rem; font-weight: 700; color: #262d57; cursor: pointer; }
.lang-current:hover { color: #009999; border-color: #009999; }
.lang-current img, .lang-item img { border-radius: 2px; display: block; }
.lang-dropdown { min-width: 160px; padding: 12px; }
.lang-item { display: flex !important; align-items: center; gap: 8px; }
.lang-item:hover { color: #009999; }

/* ---- Botão de voltar ---- */
.back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #666; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 6px 14px; text-decoration: none; }
.back-link:hover { color: #009999; border-color: #009999; text-decoration: none; }

/* ---- Barra de compartilhamento ---- */
.share-bar { gap: 8px; }
.share-bar .uk-icon-button { width: 32px; height: 32px; background: #fff; }
.share-bar .uk-icon-button:hover { background: #009999; color: #fff; }

/* ---- Rodapé ---- */
.site-footer { background: #143939; margin-top: auto; text-align: left; }
.site-footer .uk-grid a { color: rgba(255,255,255,.72); font-size: 14px; }
.site-footer .uk-grid a:hover { color: #fff; text-decoration: none; }
.site-footer .footer-title { color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer ul li { margin-bottom: 8px; }
.site-footer .footer-about { color: rgba(255,255,255,.72); font-size: 14px; }
.site-footer .footer-bottom { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.55); font-size: 13px; }
.site-footer .footer-bottom a { color: rgba(255,255,255,.75); }
.site-footer .footer-bottom a:hover { color: #fff; }

/* ---- Formulários ---- */
#formulario input,
#profile-issn,
#profile-prefix {width: 100%; max-width: 500px; font-size: 20px; padding: 20px; height: auto; border-radius: 5px;}
.uk-fieldset { margin-bottom: 50px !important; }
.uk-fieldset .uk-legend { margin-bottom: 20px !important; }

.uk-input:focus, .uk-select:focus, .uk-textarea:focus { border-color: #009999; }

/* ---- Perfil (prefixo/ISSN lembrados no navegador) ---- */
.profile-card { border-top: 3px solid #009999; }
.profile-card .uk-card-title { font-size: 1rem; font-weight: 700; color: #262d57; }
.profile-card .uk-form-label { font-size: 13px; font-weight: 700; color: #666; text-align: left; display: block; }
.profile-saved { border-color: #32d296 !important; transition: border-color .2s ease; }
.profile-badge { display: block; font-size: 12px; font-weight: 700; color: #32d296; margin-top: 4px; text-align: left; }

/* ---- Publicidade (padrão qrcode-freegen) ---- */
.crgd-ad { max-width: 728px; margin: 24px auto 24px auto; text-align: center; position: relative; }
.crgd-ad img { max-width: 100%; height: auto; border-radius: 10px; display: block; }
.crgd-ad a { display: inline-block; line-height: 0; border-radius: 10px; transition: transform .15s ease, box-shadow .15s ease; }
.crgd-ad a:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0, 128, 128, .16); }
.crgd-ad-tag { display: block; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: #9aa7b5; margin-bottom: 4px; }

/* ---- Alertas ---- */
.uk-alert-danger { border: 2px solid #f0506e !important; background-color: #fff1f3 !important; }
.uk-alert-success { border: 2px solid #32d296 !important; background-color: #f0fff8 !important; }
.uk-alert-danger.required { background: none !important; border: none !important; }

.consentimento:hover { cursor: pointer; }

/* ---- Navegação por bullets (generate-xml) ---- */
.nav-bullet { position: fixed; top: 50%; right: 15px; transform: translateY(-50%); }
.nav-bullet .uk-nav > li,
.nav-bullet .uk-nav-sub > li { margin: 10px 0; padding: 1px; }
.nav-bullet .uk-nav > li > a { padding: 0; background: #999; width: 4px; height: 4px; border-radius: 50%; border: 12px solid #f4f4f4; box-shadow: 1px 1px 0 #ccc, -1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc; }
.nav-bullet .uk-nav > li.active > a,
.nav-bullet .uk-nav > li > a:hover,
.nav-bullet .uk-nav > li > a:active,
.nav-bullet .uk-nav > li > a:focus,
.nav-bullet .uk-nav-sub > li.active > a,
.nav-bullet .uk-nav-sub > li > a:hover,
.nav-bullet .uk-nav-sub > li > a:active,
.nav-bullet .uk-nav-sub > li > a:focus { background: #009999; box-shadow: 1px 1px 0 #009999, -1px -1px 0 #009999, -1px 1px 0 #009999, 1px -1px 0 #009999; }
.nav-bullet .uk-nav-sub { padding: 0; margin: 0; }
.nav-bullet .uk-nav-sub > li { display: flex; justify-content: center; }
.nav-bullet .uk-nav-sub > li:last-child { margin-bottom: 0; }
.nav-bullet .uk-nav-sub > li > a { width: 8px; height: 8px; background: #999; border-radius: 50%; line-height: 8px; padding: 0; }

/* ---- Cards da home ---- */
.tool-card { display: block; text-decoration: none; color: inherit; border-radius: 6px; border: 1px solid #e5e5e5; transition: border-color .15s ease; }
.tool-card:hover { text-decoration: none; color: inherit; border-color: #009999; }
.tool-card .uk-card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 6px; color: #262d57; }
.tool-card .uk-card-title .uk-icon { color: #009999; margin-right: 4px; }
.tool-card p { margin: 0; font-size: 14px; color: #666; }

/* ---- FAQ (padrão migrabox) ---- */
#faq { background: #eff6fa; border-top: 1px solid #dee3e6; }
#faq .uk-accordion-title { background: #fff; padding: 11px 17px; border-radius: 5px; border: 1px solid #e5e5e5; cursor: pointer; font-size: 1.05rem; font-weight: 700; color: #262d57; }
#faq .uk-open .uk-accordion-title { color: #009999; border-color: #009999; }
#faq .uk-accordion-content { padding: 0 17px; }

/* ---- Tabelas de resultados ---- */
.uk-table thead th { color: #143939; font-weight: 700; }