/* Aviso de manutenção do CECLIMAR: mesmo estilo da nova página inicial (branco/claro, #121212 no escuro, coral e verde-água) */
.cfp-manutencao {
    --cfp-fundo: #ffffff;
    --cfp-tinta: #16222c;
    --cfp-suave: #5f6b75;
    --cfp-cartao: #f4f5f6;
    --cfp-linha: rgba(0, 0, 0, 0.08);
    --cfp-coral: #e0705f;
    --cfp-agua: #0d8f84;
    position: fixed; inset: 0; z-index: 2147483000;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 16px; overflow-y: auto;
    background: var(--cfp-fundo); color: var(--cfp-tinta);
    font-family: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
html.ceclimar-dark-mode .cfp-manutencao {
    --cfp-fundo: #121212; --cfp-tinta: #ececec; --cfp-suave: #a3a3a3; --cfp-cartao: #1e1e1e; --cfp-linha: rgba(255, 255, 255, 0.09); --cfp-agua: #3cc7b8;
}
.cfp-manutencao.cfp-saindo { opacity: 0; visibility: hidden; }
.cfp-manutencao *, .cfp-manutencao *::before, .cfp-manutencao *::after { box-sizing: border-box; }

/* ondas ao pé da tela */
.cfp-fundo { position: absolute; left: 0; right: 0; bottom: 0; height: 34vh; overflow: hidden; pointer-events: none; }
.cfp-onda {
    position: absolute; left: 0; width: 200%; bottom: 0;
    background: var(--cfp-onda-cor);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q50 0 100 20 T200 20 T300 20 T400 20 V40 H0z'/%3E%3C/svg%3E") top left / 50% 40px repeat-x, linear-gradient(#000, #000) 0 39px / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q50 0 100 20 T200 20 T300 20 T400 20 V40 H0z'/%3E%3C/svg%3E") top left / 50% 40px repeat-x, linear-gradient(#000, #000) 0 39px / 100% 100% no-repeat;
    animation: cfp-mar 14s linear infinite;
}
.cfp-onda-1 { --cfp-onda-cor: rgba(13, 143, 132, 0.10); bottom: 0; height: 70%; }
.cfp-onda-2 { --cfp-onda-cor: rgba(46, 140, 200, 0.10); bottom: 0; height: 52%; animation-duration: 10s; animation-direction: reverse; }
.cfp-onda-3 { --cfp-onda-cor: rgba(13, 143, 132, 0.12); bottom: 0; height: 32%; animation-duration: 7s; }
html.ceclimar-dark-mode .cfp-onda-1 { --cfp-onda-cor: rgba(60, 199, 184, 0.07); }
html.ceclimar-dark-mode .cfp-onda-2 { --cfp-onda-cor: rgba(80, 150, 220, 0.07); }
html.ceclimar-dark-mode .cfp-onda-3 { --cfp-onda-cor: rgba(60, 199, 184, 0.09); }
@keyframes cfp-mar { to { transform: translateX(-50%); } }

.cfp-caixa { position: relative; width: 100%; max-width: 560px; text-align: center; animation: cfp-entra 0.6s ease both; }
@keyframes cfp-entra { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.cfp-simbolo { display: block; width: 150px; height: auto; margin: 0 auto 26px; }
.cfp-simbolo-escuro { display: none; }
html.ceclimar-dark-mode .cfp-simbolo-claro { display: none; }
html.ceclimar-dark-mode .cfp-simbolo-escuro { display: block; }

.cfp-selo {
    display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px;
    background: rgba(224, 112, 95, 0.12); color: #b4513f;
    font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
}
html.ceclimar-dark-mode .cfp-selo { color: #f2a497; background: rgba(224, 112, 95, 0.16); }
.cfp-selo-ponto { width: 7px; height: 7px; border-radius: 50%; background: var(--cfp-coral); animation: cfp-pulsa 1.6s ease-out infinite; }
@keyframes cfp-pulsa { 0% { box-shadow: 0 0 0 0 rgba(224, 112, 95, 0.55); } 100% { box-shadow: 0 0 0 8px rgba(224, 112, 95, 0); } }

.cfp-manutencao .cfp-titulo { margin: 16px 0 12px; font-family: 'Fraunces', Georgia, serif; font-weight: 700; font-size: clamp(1.6rem, 4.6vw, 2.3rem); line-height: 1.15; color: var(--cfp-tinta); }
.cfp-texto { margin: 0 auto; max-width: 460px; font-size: 1rem; line-height: 1.6; color: var(--cfp-suave); }
.cfp-previsao { margin: 10px 0 0; font-size: 0.9rem; color: var(--cfp-suave); }
.cfp-previsao strong { color: var(--cfp-tinta); }

/* carregamento contínuo (cara de preloader) */
.cfp-carregando { position: relative; width: 200px; height: 4px; margin: 28px auto 4px; border-radius: 999px; background: var(--cfp-linha); overflow: hidden; }
.cfp-carregando span { position: absolute; top: 0; bottom: 0; width: 40%; border-radius: inherit; background: linear-gradient(90deg, var(--cfp-agua), var(--cfp-coral)); animation: cfp-vai 1.6s ease-in-out infinite; }
@keyframes cfp-vai { 0% { left: -40%; } 100% { left: 100%; } }

.cfp-contatos { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: left; }
.cfp-manutencao .cfp-contatos a {
    display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px;
    background: var(--cfp-cartao); color: var(--cfp-suave) !important; text-decoration: none !important; font-size: 0.84rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cfp-manutencao .cfp-contatos a:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); }
.cfp-contatos b { color: var(--cfp-tinta); font-size: 0.88rem; }
.cfp-contatos li:first-child a { background: rgba(13, 143, 132, 0.1); }
.cfp-contatos li:first-child b { color: var(--cfp-agua); }

/* modo bloqueio: a página inteira é a tela */
html.cfp-modo-bloqueio, html.cfp-modo-bloqueio body { margin: 0; background: #fff; }
html.cfp-modo-bloqueio.ceclimar-dark-mode, html.cfp-modo-bloqueio.ceclimar-dark-mode body { background: #121212; }

@media (max-width: 480px) {
    .cfp-simbolo { width: 120px; margin-bottom: 20px; }
    .cfp-contatos { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .cfp-onda, .cfp-selo-ponto, .cfp-caixa, .cfp-carregando span { animation: none; }
}