/* Conteúdo: dropdown acessível no menu institucional e página editorial Blog. */
.reference-site .desktop-nav .ref-content-menu>.ref-nav-drop{right:-24px;min-width:215px}
.reference-site .desktop-nav .ref-content-menu .ref-nav-drop a[aria-current="page"]{color:var(--ref-gold-soft);background:rgba(228,185,104,.12)}
.reference-site .mobile-menu .mobile-content-menu{width:100%;margin:0}
.reference-site .mobile-menu .mobile-content-menu>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 15px;border-radius:8px;cursor:pointer;list-style:none;color:#f7f3eb;font:550 15px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;touch-action:manipulation}
.reference-site .mobile-menu .mobile-content-menu>summary::-webkit-details-marker{display:none}
.reference-site .mobile-menu .mobile-content-menu>summary>span{color:var(--ref-gold);font-size:18px;line-height:1;transition:transform .2s ease}
.reference-site .mobile-menu .mobile-content-menu[open]>summary{background:rgba(231,189,114,.1);color:var(--ref-gold-soft)}
.reference-site .mobile-menu .mobile-content-menu[open]>summary>span{transform:rotate(180deg)}
.reference-site .mobile-menu .mobile-content-menu>summary:hover,.reference-site .mobile-menu .mobile-content-menu>summary:focus-visible{background:rgba(231,189,114,.1);color:var(--ref-gold-soft)}
.reference-site .mobile-menu .mobile-content-submenu{margin:1px 0 7px 15px;padding:3px 0 3px 12px;border-left:1px solid rgba(228,185,104,.35)}
.reference-site .reference-header .mobile-menu nav .mobile-content-submenu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:#e8e8e3;font-size:14px;border-radius:7px}
.reference-site .reference-header .mobile-menu nav .mobile-content-submenu a[aria-current="page"]{color:#f4d18d;background:rgba(228,185,104,.1)}
.blog-index{background:#f7f4ed}
.blog-index .page-hero{background:#091b2b;color:#f7f4ed}
.blog-welcome{padding:clamp(58px,6vw,100px) 0;background:#f7f4ed}
.blog-welcome-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(30px,6vw,95px);align-items:start}
.blog-eyebrow{color:#9e7635;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;line-height:1.4;margin:0 0 16px}
.blog-welcome h2,.blog-section-header h2,.blog-faq-banner h2{font:400 clamp(2rem,3.7vw,3.6rem)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0;color:#0b1d2b}
.blog-welcome h2{max-width:13ch}
.blog-welcome-grid>div:last-child{padding-top:28px}
.blog-welcome p:not(.blog-eyebrow){font-size:16px;line-height:1.85;color:#43505b;max-width:49ch;margin-bottom:14px}
.blog-explore{padding:clamp(55px,6vw,85px) 0 clamp(65px,8vw,120px);background:#f0ede6}
.blog-section-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.blog-section-header h2{font-size:clamp(1.9rem,3.3vw,3.2rem)}
.blog-section-header>p{max-width:340px;font-size:14px;line-height:1.65;margin:0;color:#43505b}
.blog-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.blog-topic-card{display:flex;flex-direction:column;align-items:flex-start;min-height:285px;padding:29px clamp(20px,2.8vw,34px);border:1px solid rgba(12,29,43,.12);border-radius:14px;background:#faf9f5;color:#0b1d2b;text-decoration:none;box-shadow:0 10px 28px rgba(8,23,36,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.blog-topic-card:hover,.blog-topic-card:focus-visible{transform:translateY(-3px);border-color:#c19a55;box-shadow:0 16px 32px rgba(8,23,36,.11)}
.blog-card-number{font:400 30px/1 Georgia,"Times New Roman",serif;color:#d8b77b;margin-bottom:21px}
.blog-card-category{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:750;color:#a17a3e}
.blog-topic-card h3{font:400 clamp(1.35rem,1.65vw,1.75rem)/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:#081724;margin:12px 0 13px}
.blog-topic-card p{font-size:13px;line-height:1.67;color:#4c5760;margin:0 0 22px}
.blog-card-cta{margin-top:auto;padding-top:5px;color:#7c5c2b;font-size:13px;font-weight:700}
.blog-card-cta span{margin-left:5px}
.blog-faq-banner{background:#091d2d;color:#f8f5ee;padding:clamp(50px,5vw,75px) 0}
.blog-faq-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.blog-faq-banner h2{color:#f7f4ed;font-size:clamp(1.8rem,3vw,2.7rem)}
.blog-faq-banner p:not(.blog-eyebrow){color:#dce2e4;font-size:14px;margin:12px 0 0}
.blog-faq-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 21px;background:#e7bd72;color:#0b1e2a!important;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}
.blog-faq-link:hover{background:#f3d49d}
@media(max-width:900px){.blog-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-welcome-grid{gap:28px}}
@media(max-width:640px){
 .blog-welcome{padding:52px 0}.blog-welcome-grid{grid-template-columns:1fr;gap:10px}.blog-welcome h2{font-size:clamp(2rem,8.7vw,2.8rem);max-width:18ch}.blog-welcome-grid>div:last-child{padding-top:4px}
 .blog-explore{padding:52px 0 67px}.blog-section-header{display:block;margin-bottom:24px}.blog-section-header h2{font-size:clamp(1.85rem,8vw,2.6rem)}.blog-section-header>p{margin-top:13px}
 .blog-topic-grid{grid-template-columns:1fr;gap:13px}.blog-topic-card{min-height:0;padding:25px 23px}.blog-card-number{font-size:27px;margin-bottom:16px}
 .blog-faq-banner-inner{display:block}.blog-faq-link{margin-top:22px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.blog-topic-card,.reference-site .mobile-content-menu>summary>span{transition:none}}
