/* Visual do assistentedefoto.com, reutilizável. Base: Bootstrap 4.1.1 + Font Awesome (veja head.html). */

:root {
    --cor-texto: #212529;
    --cor-botao: #343a40;      /* btn-dark do Bootstrap */
    --cor-borda: lightslategray;
    --cor-papel: #fdfeff;      /* fundo dos cartões "polaroid" */
    --sombra-cartao: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Títulos usam a fonte Do Hyeon; texto usa a fonte padrão do Bootstrap */
h1, h2, h3, h1#titulo {
    font-family: 'Do Hyeon', sans-serif;
}

a:link, a:visited {
    color: unset;
    text-decoration: none;
}

/* Cabeçalho: faixa branca com logo à esquerda e menu à direita */
header a:link { text-decoration: none; }
div.bg { background-color: white; height: 120px; }
div.imagemlogo { max-width: 300px; min-width: 300px; margin-top: 20px; }
nav { text-align: right; }
nav li { margin-top: 5px; display: inline-block; list-style: none; }
ul { margin-top: 15px; }

/* Faixa de destaque com degradê cinza (opcional) */
div#topo-com-cor-de-fundo {
    background: radial-gradient(whitesmoke, lightgray, darkgray);
    padding: 5px 0;
}
div.container-topo { text-align: center; padding: 15px 10px; }

/* Cartão "polaroid": foto grande, legenda embaixo, cresce ao passar o mouse */
div.polaroid, article.polaroid {
    max-width: 220px;
    min-width: 220px;
    background-color: var(--cor-papel);
    box-shadow: var(--sombra-cartao);
    margin: 25px;
    float: left;
    list-style: none;
}
div.polaroid:hover, article.polaroid:hover { transform: scale(1.1); }
div.container-polaroid { text-align: center; padding: 15px 10px; }

/* Cartão de login / formulários */
div.polaroid-login {
    background-color: white;
    box-shadow: var(--sombra-cartao);
    margin: 1% 0 25px;
    padding: 25px 0;
    list-style: none;
}

/* Foto de perfil com moldura branca */
.perfil-foto {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    margin: 0 auto 16px;
    background-color: white;
    box-shadow: var(--sombra-cartao);
    padding: 10px;
}
.perfil-foto img { display: block; max-width: 100%; max-height: 300px; width: auto; height: auto; margin: 0 auto; }

/* Rodapé */
footer {
    border-top: 1px solid var(--cor-borda);
    margin-top: 50px;
    text-align: center;
    clear: both;
}

/* Ícones sociais */
div#socialmedia { text-align: right; margin-right: 10%; font-size: 30px; color: black; }
div#socialmedia-perfil { text-align: center; font-size: 30px; color: black; word-spacing: 15px; padding: 15px; }
.fa { padding: 20px; width: 20px; text-align: center; text-decoration: none; }
.fa:hover { opacity: 0.7; }

/* Espaçadores e paginação */
div.espaco { padding-top: 50px; }
div.espaco-botao-cadastro { padding-top: 20px; }
div.paginacao { clear: left; }

/* Telas pequenas: logo e cabeçalho se ajustam */
@media (max-width: 576px) {
    div.bg { height: auto; }
    div.imagemlogo { min-width: 0; max-width: 220px; }
    nav { text-align: left; }
}

/* ===== O Melhor Amigo Secreto ===== */
body { background: #f6f6f4; color: var(--cor-texto); }
.site-header { background: #fff; padding: 14px 0; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.site-header .logo { font-family: 'Do Hyeon', sans-serif; font-size: 1.7rem; color: #c0392b !important; line-height: 1.1; }
.site-header .logo-icone { font-size: 1.8rem; }
.site-header .menu { margin: 0; padding: 0; text-align: right; }
.site-header .menu li { margin: 4px 0 4px 4px; }
.hero { text-align: center; padding: 48px 12px 32px; }
.hero h1 { font-size: 2.6rem; }
.hero p.lead { max-width: 640px; margin: 12px auto 24px; }
.cartao { background: var(--cor-papel); box-shadow: var(--sombra-cartao); padding: 22px; margin: 16px 0; }
.passo { text-align: center; }
.passo .num { font-family: 'Do Hyeon', sans-serif; font-size: 2.4rem; color: #c0392b; }
.codigo { font-family: monospace; font-size: 1.1rem; background: #eee; padding: 2px 8px; border-radius: 3px; }
.copiavel { word-break: break-all; }
.amigo-tirado { font-family: 'Do Hyeon', sans-serif; font-size: 2.2rem; color: #c0392b; text-align: center; }
.tabela-rolavel { overflow-x: auto; }
h1, h2, h3 { margin-top: .5em; }
@media (max-width: 576px) {
    .site-header .container { justify-content: center !important; text-align: center; }
    .site-header .menu { text-align: center; }
    .hero h1 { font-size: 1.9rem; }
    .btn { padding: .6rem 1rem; }
    .btn-block-mobile { display: block; width: 100%; margin-bottom: 8px; }
    input.form-control, textarea.form-control { font-size: 16px; } /* evita zoom no iOS */
}

.barra-admin { background: #212529; color: #fff; font-size: .85rem; padding: 6px 0; }
.barra-admin a:link, .barra-admin a:visited { color: #ffc107; margin-left: 14px; }
.barra-admin a:hover { color: #fff; }

/* Admin: botões em tom de laranja */
body.adm { --laranja: #e8710a; --laranja-escuro: #c25e05; }
body.adm .btn-dark, body.adm .btn-dark:visited { background-color: var(--laranja); border-color: var(--laranja); color: #fff !important; }
body.adm .btn-dark:hover, body.adm .btn-dark:focus, body.adm .btn-dark:active { background-color: var(--laranja-escuro) !important; border-color: var(--laranja-escuro) !important; }
body.adm .btn-outline-dark { color: var(--laranja-escuro) !important; border-color: var(--laranja); background: transparent; }
body.adm .btn-outline-dark:hover { background-color: var(--laranja) !important; border-color: var(--laranja) !important; color: #fff !important; }
body.adm .btn-dark:focus, body.adm .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(232, 113, 10, .35); }
body.adm .nav-pills .nav-link.active { background-color: var(--laranja) !important; }
body.adm .nav-pills .nav-link.text-dark:hover { color: var(--laranja-escuro) !important; border-color: var(--laranja) !important; }

.aviso-email { background: #fff3cd; color: #5c4a00; }

.aviso-cookies{position:fixed;left:0;right:0;bottom:0;z-index:1050;background:#fff;border-top:3px solid #6aa84f;box-shadow:0 -4px 18px rgba(0,0,0,.15);padding:14px 0;font-size:.95rem}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{margin-bottom:.5rem}
body.adm .aviso-cookies{border-top-color:#e8710a}