/*
Theme Name: F5 Blog
Template: twentytwentyfive
Author: F5 Virtual
Description: Tema do blog da F5 Virtual — paleta e tipografia da marca (creme/verde/ink, Instrument Serif + DM Sans).
Version: 1.2
*/
:root{--f5-ink:#0d0f0c;--f5-ink-mute:#5a5f56;--f5-green:#2d6a42;--f5-green-light:#4a9460;--f5-green-pale:#e8f0e8;--f5-cream:#f5f2ec;--f5-cream-warm:#ede9e0;--f5-line:rgba(13,15,12,.10);}
/* Cabecalho */
.f5-header{border-bottom:1px solid var(--f5-line);background:var(--f5-cream);}
.f5-header .wp-block-navigation{font-size:.98rem;}
.f5-header .wp-block-navigation a{color:var(--f5-ink);}
.f5-header .wp-block-navigation a:hover{color:var(--f5-green);}
.f5-cta a{background:var(--f5-green);color:var(--f5-cream)!important;padding:.5rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:500;white-space:nowrap;}
.f5-cta a:hover{background:var(--f5-green-light);}
/* Hero */
.f5-hero{background:var(--f5-cream-warm);padding:4rem 1.5rem 3.5rem;}
.f5-hero .f5-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--f5-green);font-weight:600;margin-bottom:.4rem;}
.f5-hero h1{font-size:clamp(2.2rem,4vw,3rem);line-height:1.12;margin:.2rem 0 .6rem;}
.f5-hero p{color:var(--f5-ink-mute);font-size:1.08rem;max-width:640px;margin-inline:auto;}
/* Cards */
.f5-cards .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin:0;padding:0;list-style:none;}
.f5-cards .wp-block-post-template>li{background:#fff;border:1px solid var(--f5-line);border-radius:12px;padding:1.6rem;display:flex;flex-direction:column;gap:.7rem;transition:box-shadow .2s ease,transform .2s ease;}
.f5-cards .wp-block-post-template>li:hover{box-shadow:0 12px 34px rgba(13,15,12,.09);transform:translateY(-3px);}
.f5-cards .wp-block-post-terms{margin:0;}
.f5-cards .wp-block-post-terms a,.f5-post-head .wp-block-post-terms a{display:inline-block;background:var(--f5-green-pale);color:var(--f5-green);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600;padding:.3rem .65rem;border-radius:999px;text-decoration:none;}
.f5-cards .wp-block-post-title{font-size:1.32rem;line-height:1.22;margin:.1rem 0;}
.f5-cards .wp-block-post-title a{color:var(--f5-ink);text-decoration:none;}
.f5-cards .wp-block-post-title a:hover{color:var(--f5-green);}
.f5-cards .wp-block-post-excerpt{color:var(--f5-ink-mute);font-size:.97rem;line-height:1.55;margin:0;}
.f5-cards .wp-block-post-excerpt p{margin:0;}
.f5-cards .wp-block-post-excerpt__more-text,.f5-cards .wp-block-read-more{display:none;}
.f5-cards .f5-card-meta{margin-top:auto;padding-top:.5rem;gap:.4rem;align-items:center;}
.f5-cards .f5-card-meta p,.f5-cards .f5-card-meta .wp-block-post-date{margin:0;color:var(--f5-ink-mute);font-size:.82rem;}
@media(max-width:1000px){.f5-cards .wp-block-post-template{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.f5-cards .wp-block-post-template{grid-template-columns:1fr;}}
/* Post individual */
.f5-post-head{background:var(--f5-cream-warm);padding:3rem 1.5rem 2.2rem;text-align:center;}
.f5-post-head .wp-block-post-terms{margin-bottom:.7rem;}
.f5-post-head .wp-block-post-title{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.15;max-width:760px;margin:.4rem auto .8rem;}
.f5-post-meta{justify-content:center;gap:.5rem;color:var(--f5-ink-mute);font-size:.9rem;align-items:center;}
.f5-post-meta p,.f5-post-meta .wp-block-post-date{margin:0;color:var(--f5-ink-mute);}
.wp-block-post-content{font-size:1.08rem;line-height:1.78;}
.wp-block-post-content h2{margin-top:2.3rem;font-size:1.7rem;}
.wp-block-post-content h3{margin-top:1.6rem;font-size:1.3rem;}
.wp-block-post-content a{color:var(--f5-green);}
.wp-block-post-content ul,.wp-block-post-content ol{padding-left:1.3rem;}
.wp-block-post-content li{margin:.35rem 0;}
/* CTA fim do post */
.f5-post-cta{background:var(--f5-green);padding:2.6rem 1.5rem;text-align:center;}
.f5-post-cta h2,.f5-post-cta p{color:var(--f5-cream);margin:.2rem 0;}
.f5-post-cta .f5-cta-btn a{display:inline-block;margin-top:.7rem;background:var(--f5-cream);color:var(--f5-green)!important;padding:.6rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:600;}