/*
 * O tema sz-noticias tem modo claro e escuro (prefers-color-scheme), então
 * nada aqui fixa cor de texto: caixas usam fundo translúcido e herdam a cor
 * do tema. A exceção são os campos, que são sempre brancos com texto escuro.
 */
.sz-pautas { max-width: 680px; font-size: 16px; line-height: 1.55; }
.sz-pautas-lead { font-size: 1.1em; }
.sz-pautas li { border: 0; padding: 2px 0; }
.sz-pautas-muted { opacity: .75; font-size: .9em; }
.sz-pautas-form { margin: 1em 0; }
.sz-pautas-form label { display: block; margin: 0 0 1em; font-weight: 600; }
.sz-pautas-form label small { font-weight: 400; opacity: .7; }
.sz-pautas-form input[type=text],
.sz-pautas-form input[type=email],
.sz-pautas-form input[type=tel],
.sz-pautas-form input[type=date],
.sz-pautas-form input[type=file],
.sz-pautas-form select,
.sz-pautas-form textarea,
.sz-pautas-mp-pix textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px; border: 1px solid #bbb; border-radius: 4px; background: #fff; color: #111; font: inherit; font-weight: 400; }
.sz-pautas-form input::placeholder,
.sz-pautas-form textarea::placeholder { color: #888; }
.sz-pautas-form input:disabled { background: #ececec; color: #111; -webkit-text-fill-color: #111; opacity: 1; }
.sz-pautas-form input:focus,
.sz-pautas-form select:focus,
.sz-pautas-form textarea:focus { outline: 2px solid #e91e63; outline-offset: 1px; border-color: #e91e63; }
.sz-pautas-contador { display: block; margin-top: 4px; font-weight: 400; font-size: .85em; opacity: .75; }
.sz-pautas-contador.is-ok { color: #2e9e5b; opacity: 1; }
.sz-pautas-form .sz-pautas-check { font-weight: 400; }
.sz-pautas-form .sz-pautas-check input { margin-right: 6px; }
.sz-pautas-row { display: flex; gap: 12px; }
.sz-pautas-row label { flex: 1; }
.sz-pautas-row .sz-pautas-uf { flex: 0 0 90px; }
.sz-pautas-btn { display: inline-block; padding: 12px 22px; border: 0; border-radius: 4px; background: #c2185b; color: #fff !important; font-weight: 700; text-decoration: none !important; cursor: pointer; font-size: 1em; }
.sz-pautas-btn:hover { filter: brightness(1.1); }
.sz-pautas-btn[disabled] { opacity: .6; cursor: wait; }
.sz-pautas-btn-sec { background: transparent; border: 1px solid currentColor; color: inherit !important; font-weight: 400; opacity: .8; }
.sz-pautas-google { margin: 1em 0; min-height: 44px; }
.sz-pautas-aviso { padding: 10px 14px; margin: 0 0 1em; background: rgba(249, 168, 37, .16); border-left: 4px solid #f9a825; }
.sz-pautas-erro { padding: 10px 14px; margin: 0 0 1em; background: rgba(211, 47, 47, .14); border-left: 4px solid #d32f2f; }
.sz-pautas-erro ul { margin: 0; padding-left: 18px; }
.sz-pautas-preco { padding: 10px 14px; background: rgba(128, 128, 128, .14); border-radius: 4px; }
.sz-pautas-tabela { width: 100%; border-collapse: collapse; margin: 1em 0; }
.sz-pautas-tabela td, .sz-pautas-tabela th { padding: 8px; border-bottom: 1px solid rgba(128, 128, 128, .3); text-align: left; }
.sz-pautas-detalhe { margin: 0 0 2em; padding: 16px; border: 1px solid rgba(128, 128, 128, .35); border-radius: 6px; }
.sz-pautas-detalhe form { display: inline-block; margin: 1em 8px 0 0; }
.sz-pautas-preview { margin: 1em 0; padding: 16px; background: rgba(128, 128, 128, .1); border-radius: 4px; }
.sz-pautas-preview img { max-width: 100%; height: auto; }
.sz-pautas-alteracoes { margin: 1em 0; }
.sz-pautas-alteracoes summary { cursor: pointer; }
.sz-pautas-spinner::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #e91e63; border-right-color: transparent; border-radius: 50%; vertical-align: -2px; animation: sz-pautas-spin .8s linear infinite; }
@keyframes sz-pautas-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
    .sz-pautas-row { flex-direction: column; gap: 0; }
    .sz-pautas-row .sz-pautas-uf { flex: 1; }
    .sz-pautas-btn { display: block; width: 100%; text-align: center; box-sizing: border-box; }
    .sz-pautas-detalhe form { display: block; margin-right: 0; }
}
.sz-pautas-pagar { margin: 1.5em 0 0; }
.sz-pautas-gw { display: flex; gap: 8px; margin: 0 0 1em; }
.sz-pautas-gw-btn { flex: 1; padding: 10px; border: 1px solid rgba(128, 128, 128, .5); border-radius: 4px; background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.sz-pautas-gw-btn.is-active { border-color: #e91e63; box-shadow: inset 0 0 0 1px #e91e63; color: #e91e63; }
.sz-pautas-gw-panel { display: none; }
.sz-pautas-gw-panel.is-active { display: block; }
.sz-pautas-mp-pix { text-align: center; }
.sz-pautas-mp-pix textarea { margin: 0 0 8px; padding: 8px; font-size: 12px; word-break: break-all; }
.sz-pautas-pix-qr { display: block; width: 100%; max-width: 260px; height: auto; margin: 8px auto; background: #fff; padding: 8px; box-sizing: border-box; border-radius: 4px; }
.sz-pautas-mp-status { font-weight: 600; }
.sz-pautas-share { display: flex; gap: 8px; margin: 0 0 12px; }
.sz-pautas-share input { flex: 1; min-width: 0; padding: 10px; border: 1px solid #bbb; border-radius: 4px; background: #fff; color: #111; font: inherit; font-size: .9em; }
.sz-pautas-share-redes .sz-pautas-btn { margin: 0 6px 8px 0; padding: 8px 16px; }
@media (max-width: 480px) { .sz-pautas-share { flex-direction: column; } .sz-pautas-share-redes .sz-pautas-btn { display: inline-block; width: auto; } }