/* Bloco 16L revisado — mesmas fontes, cores e botões do site Caramelo. */
.blog-site{width:100%;margin:0;color:var(--text-primary);font-family:var(--font-body)}
.blog-site *{box-sizing:border-box}
.blog-site h1,.blog-site h2,.blog-site h3,.blog-site p,.blog-site-category{overflow-wrap:anywhere}
.blog-site-heading{display:flex;align-items:center;gap:24px;padding:30px 32px;margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.blog-site-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:76px;height:76px;font-size:38px;background:var(--accent-muted);border-radius:18px}
.blog-site-heading h1{font-family:var(--font-body);font-size:36px;font-weight:800;line-height:1.2;margin:0 0 10px;color:var(--text-primary)}
.blog-site-heading p{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0}
.blog-site-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.blog-site-section-title h2{font-family:var(--font-body);font-size:26px;font-weight:800;line-height:1.3;margin:0}
.blog-site-section-title>span{font-size:16px;color:var(--text-secondary)}
.blog-site-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.blog-site-filters a{display:flex;align-items:center;min-height:46px;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;font-weight:700;color:var(--text-secondary);background:var(--bg-card);text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.blog-site-filters a:hover{border-color:var(--accent);color:var(--accent)}
.blog-site-filters a.active{background:var(--accent);border-color:var(--accent);color:#fff}
.blog-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.blog-site-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.blog-site-card-cover{display:block;aspect-ratio:16/9;background:var(--bg-input);overflow:hidden}
.blog-site-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
.blog-site-card-placeholder{display:flex;align-items:center;justify-content:center;gap:16px;min-height:170px;background:var(--accent-muted);color:var(--text-primary)}
.blog-site-card-placeholder>span{font-size:44px}
.blog-site-card-placeholder>strong{font-size:24px}
.blog-site-card-body{padding:26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.blog-site-category{display:inline-block;background:var(--accent-muted);color:var(--accent);padding:7px 13px;border-radius:var(--radius);font-size:15px;font-weight:800;max-width:100%;line-height:1.5}
.blog-site-card h3{font-family:var(--font-body);font-size:24px;font-weight:800;line-height:1.4;margin:16px 0 12px}
.blog-site-card h3 a{color:var(--text-primary);text-decoration:none}
.blog-site-card h3 a:hover{color:var(--accent);text-decoration:underline}
.blog-site-card-body>p{font-size:17px;line-height:1.75;color:var(--text-secondary);margin:0 0 24px}
.blog-site-card-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}
.blog-site .btn{font-family:var(--font-body);font-size:16px;min-height:46px;line-height:1.4;padding:12px 20px;text-decoration:none;white-space:normal;text-align:center}
.blog-site .btn-primary{background:var(--accent);color:#fff}
.blog-site .btn-primary:hover{background:var(--accent-light)}
.blog-site-video-label{color:var(--text-secondary);font-size:15px;font-weight:600}
.blog-site-empty{grid-column:1/-1;text-align:center;padding:48px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}
.blog-site-empty>span{display:block;font-size:44px;margin-bottom:16px}
.blog-site-empty h3{font-size:26px;line-height:1.4;margin:0 0 12px}
.blog-site-empty p{font-size:18px;color:var(--text-secondary);line-height:1.7;margin:0 0 24px}
.blog-site-reading{max-width:1040px;margin:auto}
.blog-site-back{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.blog-site-back>a:not(.btn){font-size:17px;color:var(--accent);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.blog-site-back>a:hover{text-decoration:underline}
.blog-site-article{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}
.blog-site-article-heading{padding:36px 40px;max-width:900px;margin:auto}
.blog-site-article-heading h1{font-family:var(--font-body);font-size:36px;font-weight:800;line-height:1.3;margin:18px 0}
.blog-site-article-heading>p{font-size:20px;line-height:1.7;color:var(--text-secondary);margin:0 0 18px}
.blog-site-article-heading time{font-size:15px;color:var(--text-secondary)}
.blog-site-article-cover{background:var(--bg-input)}
.blog-site-article-cover img{width:100%;height:auto;max-height:480px;object-fit:contain;display:block;margin:auto}
.blog-site-article-body{padding:36px 40px;max-width:900px;margin:auto}
.blog-site-content{white-space:pre-line;overflow-wrap:anywhere;font-size:18px;line-height:1.9;color:var(--text-primary)}
.blog-site-video-section{margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}
.blog-site-video-section h2{font-size:26px;margin:0 0 20px;font-weight:800}
.blog-site-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#231b16}
.blog-site-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.blog-site-article-footer{margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}
.blog-site a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
/* Área administrativa */
.blog-editor-workspace{color:#392d24;max-width:1400px;margin:auto}
.blog-editor-workspace .blog-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.blog-editor-workspace .blog-editor-actions form{margin:0}
.blog-editor-workspace .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.blog-editor-workspace .blog-editor-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}
.blog-editor-workspace .blog-editor-stats>div{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:#fffdf9;border:1px solid #e6d9ca;border-radius:18px}
.blog-editor-workspace .blog-editor-stats strong{font-size:1.8rem;color:#96501f}
.blog-editor-workspace .blog-editor-stats span{font-size:.82rem;color:#796859}
.blog-editor-workspace .blog-editor-panel{min-width:0;border:1px solid #e6d9ca;background:#fff;border-radius:20px;overflow:hidden}
.blog-editor-workspace .blog-editor-panel-heading{padding:24px;border-bottom:1px solid #eee4d8;background:#fffdf9}
.blog-editor-workspace .blog-editor-panel-heading h2{font-size:1.18rem;margin:6px 0 8px}
.blog-editor-workspace .blog-editor-panel-heading p{font-size:.86rem;color:#796859;line-height:1.7;margin:0}
.blog-editor-workspace .admin-table-wrap{margin:0;border:0;border-radius:0;overflow-x:auto}
.blog-editor-workspace .admin-table th,.blog-editor-workspace .admin-table td{padding:18px;vertical-align:middle}
.blog-editor-workspace .admin-table th{font-size:.76rem}
.blog-editor-workspace .blog-editor-row{display:flex;gap:16px;align-items:center;min-width:260px;max-width:470px}
.blog-editor-workspace .blog-editor-row img{display:block;flex-shrink:0;width:80px;height:70px;object-fit:cover;border-radius:12px;background:#f5e8d8}
.blog-editor-workspace .blog-editor-row a{color:#392d24;text-decoration:none}
.blog-editor-workspace .blog-editor-row a:hover{color:#96501f;text-decoration:underline}
.blog-editor-workspace .blog-editor-row p{font-size:.78rem;color:#796859;line-height:1.6;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.blog-editor-workspace .blog-editor-status{display:inline-block;padding:7px 11px;border-radius:100px;font-size:.72rem;font-weight:700;white-space:nowrap}
.blog-editor-workspace .is-published{background:#edf2e7;color:#52644b}
.blog-editor-workspace .is-draft{background:#fbf0e2;color:#96501f}
.blog-editor-workspace .blog-editor-empty{padding:28px;text-align:center;color:#796859}
.blog-editor-workspace .blog-editor-empty strong{color:#392d24;font-size:1.1rem}
.blog-editor-workspace .blog-editor-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;align-items:start}
.blog-editor-workspace .blog-editor-fields{padding:24px}
.blog-editor-workspace .form-group{margin-bottom:23px}
.blog-editor-workspace .form-group:last-child{margin-bottom:0}
.blog-editor-workspace label{display:block;font-size:.9rem;font-weight:700;margin-bottom:9px}
.blog-editor-workspace input:not([type=hidden]),.blog-editor-workspace textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #dccbb9;background:#fffdfb;border-radius:11px;font:inherit;color:#392d24;min-height:46px}
.blog-editor-workspace textarea{resize:vertical;line-height:1.7}
.blog-editor-workspace input:focus,.blog-editor-workspace textarea:focus{outline:2px solid #c88a55;outline-offset:2px;background:#fff}
.blog-editor-workspace .form-group small{display:block;margin-top:8px;font-size:.76rem;color:#796859;line-height:1.7}
.blog-editor-workspace .field-validation-error{display:block;font-size:.78rem;margin-top:7px;color:#9a372d}
.blog-editor-workspace .input-validation-error{border-color:#9a372d!important}
.blog-editor-workspace .blog-editor-optional{font-size:.72rem;font-weight:400;color:#796859}
.blog-editor-workspace .blog-editor-hint{padding:18px;border:1px solid #dae2d3;border-radius:14px;background:#f1f4ec;color:#52644b;font-size:.8rem;line-height:1.75}
.blog-editor-workspace .blog-editor-hint p{margin:8px 0 0}
.blog-editor-workspace .blog-editor-save{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px;padding:20px 24px;border:1px solid #e6d9ca;border-radius:16px;background:#fff}
.blog-editor-workspace .blog-editor-save>span{font-size:.82rem;color:#796859}

/* Texto administrativo maior, alinhado aos formulários do Caramelo. */
.blog-editor-workspace .blog-editor-panel-heading h2{font-size:24px;line-height:1.4}
.blog-editor-workspace .blog-editor-panel-heading p,.blog-editor-workspace label,.blog-editor-workspace input:not([type=hidden]),.blog-editor-workspace textarea{font-size:17px}
.blog-editor-workspace .form-group small,.blog-editor-workspace .blog-editor-hint,.blog-editor-workspace .blog-editor-save>span,.blog-editor-workspace .blog-editor-stats span,.blog-editor-workspace .blog-editor-row p,.blog-editor-workspace .admin-table th{font-size:15px}
.blog-editor-workspace .blog-editor-status,.blog-editor-workspace .blog-editor-optional{font-size:14px}
.blog-editor-workspace .btn{font-size:16px}
@media(max-width:1000px){.blog-editor-workspace .blog-editor-columns{grid-template-columns:1fr}}
@media(max-width:700px){.blog-site-heading{padding:24px;gap:16px;align-items:flex-start}.blog-site-icon{width:54px;height:54px;font-size:28px;border-radius:12px}.blog-site-heading h1{font-size:28px}.blog-site-heading p{font-size:17px}.blog-site-grid{grid-template-columns:1fr;gap:22px}.blog-site-section-title h2{font-size:24px}.blog-site-card-body{padding:24px}.blog-site-card h3{font-size:23px}.blog-site-article-heading,.blog-site-article-body{padding:26px 24px}.blog-site-article-heading h1{font-size:28px}.blog-site-article-heading>p{font-size:18px}.blog-site-filters a{padding:10px 16px}.blog-editor-workspace .blog-editor-stats{gap:9px}.blog-editor-workspace .blog-editor-stats>div{padding:18px 12px}.blog-editor-workspace .blog-editor-panel-heading,.blog-editor-workspace .blog-editor-fields{padding:22px}.blog-editor-workspace .blog-editor-save .blog-editor-actions{width:100%}.blog-editor-workspace .blog-editor-save .btn{flex:1}}
@media(max-width:400px){.blog-site-heading{display:block}.blog-site-icon{margin-bottom:16px}.blog-site-card-placeholder{min-height:140px}.blog-site-card-placeholder>strong{font-size:21px}.blog-site-card-actions .btn{width:100%}}

.blog-site .blog-video-help{font-size:16px;line-height:1.7;margin-top:16px;color:var(--text-secondary)}
.blog-site .blog-video-help a{color:var(--accent);font-weight:700}