/* ============================================================
SACRAMENTOS.COM.BR — PATCH CSS
============================================================
Este arquivo deve ser carregado APÓS o estilo.css principal.
No de cada HTML, adicione esta linha logo depois do
:
(No index.html é "css/patch.css?v=1", sem o "../")
Resolve 3 problemas:
1. Logo era muito pequeno (110px) — agora 220px desktop / 160px mobile
2. Menu virava barra horizontal no desktop — agora hambúrguer em todas larguras
3. Bloco amazon-global era genérico — substituído por caixa-curada específica
============================================================ */
/* ─── 1. LOGO MAIOR ────────────────────────────────────────── */
.cabecalho-logo img {
height: 220px !important;
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
}
@media (max-width: 767px) {
.cabecalho-logo img {
height: 160px !important;
}
}
/* Header com menos padding já que o logo é maior */
.cabecalho {
padding: 1.5rem 1.5rem 1.75rem !important;
}
/* Ocultar o subtítulo latim e o ornamento (você pediu para remover) */
.ornamento-cabecalho,
.subtitulo-site {
display: none !important;
}
/* ─── 2. MENU HAMBÚRGUER EM TODAS AS LARGURAS ──────────────── */
/* Anula a regra que tornava o menu uma barra horizontal no desktop */
@media (min-width: 1024px) {
.menu-toggle {
display: flex !important;
}
.menu-lista {
display: none !important;
flex-wrap: initial;
gap: initial;
padding: 1rem 1.5rem !important;
max-height: 70vh !important;
overflow-y: auto !important;
justify-content: initial;
border-top: 1px solid var(--cinza-suave) !important;
}
.menu-lista.menu-aberto {
display: block !important;
}
.menu-secao {
display: block !important;
}
.menu-lista li:not(.menu-secao) a {
padding: 0.5rem 0.5rem !important;
font-size: 1rem !important;
}
}
/* No desktop, quando aberto, opcionalmente mostrar em 2 colunas
para aproveitar a largura */
@media (min-width: 1024px) {
.menu-lista.menu-aberto {
column-count: 2;
column-gap: 2rem;
}
.menu-secao {
break-after: avoid;
-webkit-column-break-after: avoid;
}
.menu-lista li {
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
}
/* ─── 3. ESCONDER BLOCO AMAZON GLOBAL ANTIGO ───────────────── */
/* Quem ainda tiver o bloco-amazon-global no HTML, ele some.
Mas o melhor é remover o bloco direto do HTML (ver instruções no LEIA-ME). */
.bloco-amazon-global {
display: none !important;
}
/* ─── 4. CAIXA CURADA — recomendação contextual por página ─── */
.caixa-curada {
margin: 3rem 0 2rem;
padding: 1.8rem 2rem;
background: linear-gradient(135deg, #fdfaf3 0%, #f8f1e0 100%);
border: 1px solid var(--dourado);
border-left: 4px solid var(--azul-marinho);
border-radius: 4px;
position: relative;
box-shadow: 0 2px 12px rgba(10, 25, 41, 0.06);
}
.caixa-curada::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: linear-gradient(135deg, transparent 50%, rgba(212, 165, 116, 0.18) 50%);
pointer-events: none;
}
.caixa-curada-titulo {
font-family: var(--fonte-sans);
font-size: 0.78rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--dourado-escuro);
margin: 0 0 1rem;
padding-bottom: 0.6rem;
border-bottom: 1px dotted var(--dourado);
font-weight: 600;
}
.caixa-curada-livro {
font-family: var(--fonte-titulos);
font-size: 1.3rem;
color: var(--azul-marinho);
margin: 0 0 0.3rem;
letter-spacing: 0.02em;
line-height: 1.3;
}
.caixa-curada-autor {
font-family: var(--fonte-titulos);
font-style: italic;
font-size: 1.05rem;
color: var(--dourado-escuro);
margin: 0 0 1rem;
}
.caixa-curada-razao {
font-family: var(--fonte-corpo);
font-size: 1rem;
line-height: 1.65;
color: var(--texto);
margin: 0 0 1.5rem;
}
.caixa-curada-cta {
display: inline-block;
padding: 0.85rem 1.8rem;
background: linear-gradient(135deg, var(--azul-marinho) 0%, var(--azul-marinho-escuro) 100%);
color: var(--branco);
font-family: var(--fonte-sans);
font-size: 0.9rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
border: 1px solid var(--dourado);
border-radius: 3px;
font-weight: 600;
transition: all 0.2s ease;
}
.caixa-curada-cta:hover {
background: linear-gradient(135deg, var(--azul-marinho-escuro) 0%, #060f1c 100%);
color: var(--dourado-claro);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(10, 25, 41, 0.25);
border-color: var(--dourado-claro);
}
.caixa-curada-disclosure {
font-size: 0.78rem;
color: var(--neutro, #6b6b6b);
font-style: italic;
margin: 1.2rem 0 0;
line-height: 1.5;
}
@media (max-width: 600px) {
.caixa-curada {
margin: 2rem 0 1.5rem;
padding: 1.4rem 1.2rem;
}
.caixa-curada-livro { font-size: 1.15rem; }
.caixa-curada-autor { font-size: 0.95rem; }
.caixa-curada-cta {
display: block;
text-align: center;
padding: 0.9rem;
}
}