/*
Theme Name: Site Megatron 040826
Theme URI: https://megatronrp.com.br/
Author: Crearex
Author URI: https://www.crearex.com.br/
Description: Tema institucional da Megatron com página inicial dinâmica, blog automático e páginas individuais para artigos.
Version: 4.3.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: site-megatron-040826
License: Proprietário
*/

* { box-sizing: border-box; }
body.megatron-blog-page { margin: 0; background: #f4f7fb; color: #292524; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.megatron-blog-page a { text-decoration: none; }
.blog-shell { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }
.blog-site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #e2e8f0; background: rgba(255,255,255,.94); backdrop-filter: blur(16px); }
.blog-site-header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.blog-site-brand { display: inline-flex; align-items: center; gap: .7rem; color: #1e293b; font-size: 1.2rem; font-weight: 800; }
.blog-site-brand img { width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 5px 16px rgba(37,99,235,.2); }
.blog-site-nav { display: flex; align-items: center; gap: .4rem; }
.blog-site-nav a { padding: .65rem .85rem; border-radius: .6rem; color: #475569; font-size: .9rem; font-weight: 700; }
.blog-site-nav a:hover, .blog-site-nav a[aria-current="page"] { background: #eff6ff; color: #1d4ed8; }
.blog-page-main { min-height: calc(100vh - 150px); }
.blog-archive-hero { position: relative; overflow: hidden; padding: 6rem 0 4.5rem; text-align: center; background: radial-gradient(circle at 16% 0, rgba(56,189,248,.17), transparent 34%), radial-gradient(circle at 88% 22%, rgba(37,99,235,.17), transparent 34%), linear-gradient(145deg, #fff, #eff6ff); }
.blog-archive-hero::after { content: ''; position: absolute; left: 50%; bottom: -210px; width: 520px; height: 300px; border: 1px solid rgba(37,99,235,.12); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 0 70px rgba(37,99,235,.025), 0 0 0 140px rgba(37,99,235,.018); pointer-events: none; }
.blog-archive-hero .blog-shell { position: relative; z-index: 1; }
.blog-archive-kicker { display: inline-flex; margin-bottom: .8rem; padding: .4rem .75rem; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.blog-archive-hero h1 { margin: 0; color: #172033; font-size: clamp(2.2rem, 6vw, 4rem); line-height: 1.05; letter-spacing: -.055em; }
.blog-archive-hero p { max-width: 650px; margin: 1rem auto 0; color: #64748b; font-size: 1.05rem; line-height: 1.7; }
.blog-archive-home-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.5rem; color: #1d4ed8; font-size: .88rem; font-weight: 800; }
.blog-archive-home-link:hover { color: #1e40af; }
.blog-archive-content { padding: 4.5rem 0 6rem; }
.wp-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.megatron-blog-page .blog-card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid rgba(148,163,184,.36); border-radius: 1.35rem; background: #fff; box-shadow: 0 16px 38px rgba(15,23,42,.09); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.megatron-blog-page .blog-card::after { content: ''; position: absolute; inset: 0 0 auto; z-index: 2; height: 3px; background: linear-gradient(90deg, #2563eb, #38bdf8, transparent); }
.megatron-blog-page .blog-card:hover { transform: translateY(-7px); border-color: #93c5fd; box-shadow: 0 24px 52px rgba(30,64,175,.16); }
.megatron-blog-page .blog-card-media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, #dbeafe, #e0f2fe); }
.megatron-blog-page .blog-card-media::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(15,23,42,.25)); pointer-events: none; }
.megatron-blog-page .blog-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease, filter .65s ease; }
.megatron-blog-page .blog-card:hover .blog-card-media img { transform: scale(1.055); filter: saturate(1.08); }
.megatron-blog-page .blog-card-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #2563eb; font-size: 2.2rem; font-weight: 900; }
.megatron-blog-page .blog-card-body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 1.55rem; }
.megatron-blog-page .blog-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin-bottom: .8rem; color: #64748b; font-size: .74rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.megatron-blog-page .blog-card-title { margin: 0 0 .75rem; color: #172033; font-size: 1.22rem; line-height: 1.38; letter-spacing: -.02em; }
.megatron-blog-page .blog-card-title a { color: inherit; }
.megatron-blog-page .blog-card-excerpt { flex: 1 1 auto; margin: 0 0 1.15rem; color: #57534e; font-size: .9rem; line-height: 1.7; }
.megatron-blog-page .blog-card-link { display: inline-flex; align-items: center; gap: .45rem; align-self: flex-start; color: #1d4ed8; font-size: .88rem; font-weight: 800; }
.blog-pagination { margin-top: 2.5rem; }
.blog-pagination ul.page-numbers { display: flex; justify-content: center; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.blog-pagination a.page-numbers, .blog-pagination span.page-numbers { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: .5rem .75rem; border: 1px solid #cbd5e1; border-radius: .6rem; background: #fff; color: #334155; font-weight: 700; }
.blog-pagination .current, .blog-pagination a.page-numbers:hover { border-color: #2563eb; background: #2563eb; color: #fff; }
.blog-no-posts { padding: 3rem; border: 1px dashed #94a3b8; border-radius: 1rem; background: #fff; color: #64748b; text-align: center; }
.single-post-shell { width: min(980px, calc(100% - 2rem)); margin: 0 auto; padding: 3.5rem 0 6rem; }
.single-post-back { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 2.2rem; padding: .58rem .82rem; border: 1px solid rgba(96,165,250,.2); border-radius: 999px; background: rgba(37,99,235,.08); color: #2563eb; font-size: .78rem; font-weight: 800; line-height: 1; transition: background .2s ease, transform .2s ease, border-color .2s ease; }
.single-post-back:hover, .single-post-back:focus-visible { transform: translateX(-2px); border-color: rgba(96,165,250,.42); background: rgba(37,99,235,.14); outline: none; }
.single-post-header { max-width: 860px; margin: 0 auto 2.5rem; text-align: center; }
.single-post-header h1 { margin: 1rem 0 1.2rem; color: #0f172a; font-size: clamp(2.25rem, 5.5vw, 4.35rem); line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
.single-post-meta { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .55rem; color: #64748b; font-size: .88rem; }
.single-post-image { display: block; position: relative; z-index: 2; width: 100%; max-height: 580px; margin: 0 0 -3.5rem; border: 8px solid #fff; border-radius: 1.4rem; object-fit: cover; box-shadow: 0 24px 60px rgba(15,23,42,.18); }
.single-post-paper { padding: 6rem clamp(1.35rem, 7vw, 5.5rem) 4rem; border: 1px solid rgba(148,163,184,.28); border-radius: 1.4rem; background: #fff; box-shadow: 0 18px 50px rgba(15,23,42,.08); }
.single-post-header + .single-post-paper { padding-top: 4rem; }
.single-post-content { max-width: 760px; margin: 0 auto; color: #3f3f46; font-family: Georgia, 'Times New Roman', serif; font-size: 1.09rem; line-height: 1.92; }
.single-post-content p { display: block; margin: 0 0 1.35em; }
.single-post-content p:last-child { margin-bottom: 0; }
.single-post-content ul, .single-post-content ol { margin: 0 0 1.5em; padding-left: 1.4em; }
.single-post-content li + li { margin-top: .45em; }
.single-post-content p:first-of-type::first-letter { float: left; margin: .13rem .5rem 0 0; color: #2563eb; font-family: Inter, sans-serif; font-size: 3.8rem; font-weight: 800; line-height: .8; text-shadow: 0 5px 18px rgba(37,99,235,.16); }
.single-post-content h2, .single-post-content h3, .single-post-content h4 { margin: 2rem 0 .8rem; color: #172033; line-height: 1.25; }
.single-post-content h2, .single-post-content h3, .single-post-content h4 { font-family: Inter, sans-serif; letter-spacing: -.025em; }
.single-post-content a { color: #1d4ed8; text-decoration: underline; }
.single-post-content img { max-width: 100%; height: auto; border-radius: .7rem; }
.single-post-content blockquote { margin: 2rem 0; padding: 1.25rem 1.5rem; border-left: 4px solid #2563eb; border-radius: 0 .8rem .8rem 0; background: #eff6ff; color: #334155; }
.blog-site-footer { padding: 1.5rem 0; background: #111827; color: #9ca3af; font-size: .85rem; }
.blog-site-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.blog-site-footer a { color: #93c5fd; font-weight: 700; }
@media (max-width: 900px) { .wp-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .blog-site-header-inner, .blog-site-footer-inner { align-items: flex-start; flex-direction: column; padding: .8rem 0; } .blog-site-nav { width: 100%; } .blog-site-nav a { flex: 1; text-align: center; } .wp-blog-grid { grid-template-columns: 1fr; } .blog-archive-hero { padding: 3.5rem 0 3rem; } .single-post-shell { padding-top: 2.5rem; } .single-post-header { text-align: left; } .single-post-meta { justify-content: flex-start; } .single-post-image { margin-bottom: -2rem; border-width: 5px; } .single-post-paper { padding-top: 4.25rem; } }

@media (max-width: 640px) {
    .single-post-shell { padding-top: 2rem; }
    .single-post-back { margin-bottom: 1.6rem; padding: .55rem .78rem; font-size: .74rem; }
    .single-post-header { margin-bottom: 2rem; }
    .single-post-header h1 { max-width: 18ch; margin: 0 0 1.25rem; font-size: clamp(2rem, 9.2vw, 2.75rem); line-height: 1.07; letter-spacing: -.048em; text-wrap: balance; }
    .single-post-meta { gap: .45rem; font-size: .72rem; }
    .single-post-meta > span:not([aria-hidden]), .single-post-meta > time { min-height: 30px; display: inline-flex; align-items: center; padding: .42rem .62rem; border: 1px solid rgba(100,116,139,.16); border-radius: 999px; background: rgba(255,255,255,.65); }
    .single-post-meta > span[aria-hidden] { display: none; }
    .single-post-content p:first-of-type::first-letter { font-size: 3.25rem; }
}

@media (min-width: 768px) {
    .single-post-back { display: none; }
    .single-post-shell { width: min(1480px, calc(100% - 3rem)); }
    .single-post-header { max-width: 1080px; }
    .single-post-header h1 { max-width: 1050px; margin-right: auto; margin-left: auto; }
    .single-post-image { height: clamp(300px, 28vw, 460px); max-height: 460px; }
    .single-post-content { max-width: 900px; }
}

@media (min-width: 960px) {
    .single-post-shell { width: min(1540px, calc(100% - 4rem)); padding-top: 2.75rem; padding-bottom: 5rem; }
    .single-post-header { max-width: 1380px; margin-bottom: 2rem; }
    .single-post-header h1 { max-width: 1280px; font-size: clamp(3.1rem, 4.35vw, 4.65rem); line-height: 1.02; }
    .single-post-image { height: clamp(310px, 27vw, 470px); max-height: 470px; margin-bottom: -2.5rem; border-radius: 1.5rem; }
    .single-post-paper { padding: 5.25rem clamp(3rem, 5vw, 5.5rem) 3.5rem; border-radius: 1.5rem; }
    .single-post-content { max-width: none; column-count: 2; column-gap: clamp(3.5rem, 6vw, 6rem); column-rule: 1px solid rgba(148,163,184,.2); font-size: 1.04rem; line-height: 1.82; }
    .single-post-content h2, .single-post-content h3, .single-post-content blockquote, .single-post-content ul, .single-post-content figure { break-inside: avoid; }
    .single-post-content h2, .single-post-content h3 { break-after: avoid; }
}

/* Header e footer completos das páginas do blog. */
.full-blog-header { position: sticky; top: 0; z-index: 80; border-bottom: 1px solid #e2e8f0; background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.full-blog-header::after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(37,99,235,.45), transparent); }
.full-blog-header-inner { width: min(1480px, calc(100% - 2rem)); min-height: 72px; margin: 0 auto; display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr); align-items: center; gap: 1.25rem; }
.full-blog-brand { display: inline-flex; align-items: center; gap: .7rem; color: #1e293b; font-size: 1.2rem; }
.full-blog-brand img { width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 5px 16px rgba(37,99,235,.22); }
.full-blog-primary { display: flex; align-items: center; justify-content: center; gap: .8rem; justify-self: center; }
.full-blog-primary .full-blog-remote-wrap { margin-left: 0; }
.full-blog-nav { position: relative; display: flex; align-items: center; gap: .08rem; }
.full-blog-nav > a, .full-blog-remote { padding: .65rem .62rem; border: 0; border-radius: .6rem; background: transparent; color: #475569; cursor: pointer; font: inherit; font-size: .84rem; font-weight: 700; }
.full-blog-nav > a:hover, .full-blog-nav > a[aria-current="page"], .full-blog-remote:hover { background: #eff6ff; color: #1d4ed8; }
.full-blog-remote-wrap { position: relative; flex: 0 0 auto; margin-left: .8rem; }
.full-blog-remote-wrap .full-blog-remote { min-height: 40px; display: inline-flex; align-items: center; gap: .5rem; padding: .58rem .85rem; border: 1px solid #bfdbfe; border-radius: .72rem; background: rgba(239,246,255,.9); color: #1d4ed8; box-shadow: 0 4px 12px rgba(37,99,235,.08); transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.full-blog-remote-wrap .full-blog-remote:hover, .full-blog-remote-wrap .full-blog-remote:focus-visible, .full-blog-remote-wrap .full-blog-remote[aria-expanded="true"] { transform: translateY(-1px); border-color: #60a5fa; background: linear-gradient(145deg, #dbeafe, #bfdbfe); color: #1d4ed8; box-shadow: 0 8px 20px rgba(37,99,235,.17); outline: none; }
.full-blog-remote-wrap .full-blog-remote .fa-laptop { font-size: .8rem; }
.full-blog-remote-wrap .full-blog-remote .fa-chevron-down { font-size: .68rem; }
.full-blog-remote-menu { position: absolute; top: calc(100% + .6rem); right: 0; min-width: 180px; padding: .45rem; border: 1px solid #dbeafe; border-radius: .8rem; background: #fff; box-shadow: 0 16px 36px rgba(15,23,42,.14); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: .2s; }
.full-blog-remote-menu.open { opacity: 1; visibility: visible; transform: none; }
.full-blog-remote-menu a { display: flex; align-items: center; gap: .5rem; padding: .7rem; border-radius: .55rem; color: #334155; font-size: .84rem; font-weight: 700; }
.full-blog-actions, .full-blog-languages { display: flex; align-items: center; gap: .4rem; }
.full-blog-actions { flex: 0 0 auto; gap: .8rem; padding-left: .1rem; justify-self: end; }
.blog-floating-whatsapp { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 70; width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: linear-gradient(145deg, #22c55e, #16a34a); color: #fff; font-size: 1.55rem; box-shadow: 0 12px 28px rgba(22,163,74,.34); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.blog-floating-whatsapp:hover, .blog-floating-whatsapp:focus-visible { transform: translateY(-3px) scale(1.04); background: linear-gradient(145deg, #16a34a, #15803d); color: #fff; box-shadow: 0 16px 34px rgba(22,163,74,.42); outline: none; }
.full-blog-languages { padding: 0; border: 0; background: transparent; }
.full-blog-languages button { width: 28px; height: 28px; padding: 4px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; opacity: .52; }
.full-blog-languages button.active { background: #dbeafe; opacity: 1; }
.full-blog-languages img { width: 20px; height: 14px; border-radius: 2px; object-fit: cover; }
.full-blog-theme, .full-blog-menu-toggle { width: 38px; height: 38px; border: 0; border-radius: 50%; background: transparent; color: #475569; cursor: pointer; }
.full-blog-theme:hover, .full-blog-menu-toggle:hover { background: #eff6ff; color: #1d4ed8; }
.full-blog-menu-toggle, .full-blog-mobile-menu { display: none; }
.full-blog-mobile-menu { width: min(1480px, calc(100% - 2rem)); margin: 0 auto; padding: .4rem 0 1rem; border-top: 1px solid #e2e8f0; }
.full-blog-mobile-menu.open { display: grid; }
.full-blog-mobile-menu a { padding: .72rem; border-radius: .6rem; color: #475569; font-size: .88rem; font-weight: 700; }
body.dark .full-blog-header { border-color: #334155; background: rgba(15,23,42,.94); }
body.dark .full-blog-brand, body.dark .full-blog-nav > a, body.dark .full-blog-remote, body.dark .full-blog-theme, body.dark .full-blog-menu-toggle { color: #e2e8f0; }
body.dark .full-blog-remote-wrap .full-blog-remote { border-color: rgba(96,165,250,.32); background: rgba(30,64,175,.22); color: #bfdbfe; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
body.dark .full-blog-remote-wrap .full-blog-remote:hover, body.dark .full-blog-remote-wrap .full-blog-remote:focus-visible, body.dark .full-blog-remote-wrap .full-blog-remote[aria-expanded="true"] { border-color: #60a5fa; background: linear-gradient(145deg, rgba(37,99,235,.38), rgba(30,64,175,.25)); color: #fff; box-shadow: 0 8px 22px rgba(2,6,23,.35), 0 0 0 3px rgba(59,130,246,.1); }
body.dark .full-blog-nav > a:hover,
body.dark .full-blog-nav > a:focus-visible,
body.dark .full-blog-nav > a[aria-current="page"],
body.dark .full-blog-remote:hover,
body.dark .full-blog-remote:focus-visible,
body.dark .full-blog-theme:hover,
body.dark .full-blog-theme:focus-visible,
body.dark .full-blog-menu-toggle:hover,
body.dark .full-blog-menu-toggle:focus-visible { background: rgba(59,130,246,.16); color: #93c5fd; outline: none; }
body.dark .full-blog-nav > a[aria-current="page"] { box-shadow: inset 0 0 0 1px rgba(96,165,250,.22); }
body.dark .full-blog-remote-menu { border-color: #334155; background: #172033; box-shadow: 0 18px 42px rgba(0,0,0,.34); }
body.dark .full-blog-remote-menu a { color: #cbd5e1; }
body.dark .full-blog-remote-menu a:hover,
body.dark .full-blog-remote-menu a:focus-visible { background: rgba(59,130,246,.16); color: #93c5fd; outline: none; }
body.dark .full-blog-languages { border-color: transparent; background: transparent; }
body.dark .full-blog-languages button.active { background: #334155; }
body.dark .full-blog-theme, body.dark .full-blog-menu-toggle { border-color: transparent; background: transparent; }
body.dark .blog-floating-whatsapp { color: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 0 1px rgba(74,222,128,.16); }
body.dark.megatron-blog-page { background: #0f172a; color: #cbd5e1; }
body.dark .blog-page-main { background: radial-gradient(circle at 85% 8%, rgba(37,99,235,.12), transparent 30%), #0f172a; }
body.dark .blog-archive-hero { background: radial-gradient(circle at 16% 0, rgba(56,189,248,.12), transparent 34%), linear-gradient(145deg, #172033, #0f172a); }
body.dark .blog-archive-hero h1, body.dark .single-post-header h1 { color: #f8fafc; }
body.dark .blog-archive-hero p, body.dark .single-post-meta { color: #94a3b8; }
body.dark .megatron-blog-page .blog-card { border-color: #334155; background: #172033; box-shadow: 0 16px 38px rgba(0,0,0,.24); }
body.dark .megatron-blog-page .blog-card-title { color: #f8fafc; }
body.dark .megatron-blog-page .blog-card-excerpt, body.dark .megatron-blog-page .blog-card-meta { color: #a8b3c4; }
body.dark .single-post-back { border-color: #334155; background: #172033; color: #93c5fd; }
body.dark .single-post-paper { border-color: #334155; background: #172033; box-shadow: 0 18px 50px rgba(0,0,0,.22); }
body.dark .single-post-content { color: #cbd5e1; column-rule-color: rgba(96,165,250,.13); }
body.dark .single-post-content p:first-of-type::first-letter { color: #60a5fa; text-shadow: 0 5px 20px rgba(59,130,246,.24); }
body.dark .single-post-content h2, body.dark .single-post-content h3, body.dark .single-post-content h4 { color: #f8fafc; }
body.dark .single-post-content blockquote { background: #1e293b; color: #dbeafe; }
body.dark .full-blog-mobile-menu { border-color: #334155; background: #0f172a; }
body.dark .full-blog-mobile-menu a { color: #cbd5e1; }

.full-blog-footer { position: relative; overflow: hidden; background: #111827; color: #cbd5e1; }
.full-blog-footer::before { content: ''; position: absolute; right: -18rem; bottom: -20rem; width: 34rem; height: 34rem; border-radius: 50%; background: radial-gradient(circle, rgba(37,99,235,.22), transparent 68%); pointer-events: none; }
.full-blog-footer .footer-map { position: relative; border-top: 1px solid rgba(96,165,250,.25); border-bottom: 1px solid rgba(96,165,250,.2); }
.full-blog-footer .footer-map iframe { display: block; width: 100%; height: 280px; border: 0; filter: grayscale(20%) brightness(.9); }
.full-blog-footer .map-placeholder { min-height: 280px; display: grid; place-items: center; padding: 2rem; background: radial-gradient(circle at center, rgba(37,99,235,.18), transparent 45%), #172033; text-align: center; }
.full-blog-footer .map-placeholder[hidden], .full-blog-footer iframe[hidden] { display: none !important; }
.full-blog-footer .map-placeholder h3 { margin: 0 0 .45rem; color: #fff; font-size: 1.1rem; }
.full-blog-footer .map-placeholder p { max-width: 570px; margin: 0 auto 1rem; color: #a8b3c4; line-height: 1.65; }
.full-blog-footer .map-placeholder button { padding: .75rem 1rem; border: 0; border-radius: .7rem; background: #2563eb; color: #fff; cursor: pointer; font-weight: 800; }
.full-blog-footer .footer-grid { position: relative; z-index: 1; width: min(1480px, calc(100% - 2rem)); margin: 0 auto; padding: 3rem 0; display: grid; grid-template-columns: 1.25fr .8fr .9fr 1.1fr; gap: 2.5rem; }
.full-blog-footer .footer-brand { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.full-blog-footer .footer-brand img { width: 48px; height: 48px; border-radius: 50%; }
.full-blog-footer .footer-brand strong { color: #fff; font-size: 1.35rem; }
.full-blog-footer .footer-col h4 { position: relative; margin: 0 0 1rem; padding-bottom: .55rem; color: #fff; }
.full-blog-footer .footer-col h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; border-radius: 2px; background: #3b82f6; }
.full-blog-footer .footer-col p, .full-blog-footer .footer-col a, .full-blog-footer .footer-col li { color: #a8b3c4; font-size: .88rem; line-height: 1.85; }
.full-blog-footer .footer-col ul { margin: 0; padding: 0; list-style: none; }
.full-blog-footer .footer-col li a, .full-blog-footer .footer-contact-item a { display: inline-flex; align-items: center; gap: .5rem; margin: .08rem 0; padding: .38rem .68rem; border: 1px solid transparent; border-radius: .7rem; }
.full-blog-footer .footer-col li a:hover, .full-blog-footer .footer-contact-item a:hover { border-color: rgba(96,165,250,.24); background: rgba(59,130,246,.16); color: #93c5fd; }
.full-blog-footer .footer-social { display: flex; gap: .55rem; margin-top: 1.15rem; }
.full-blog-footer .footer-social a { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(96,165,250,.14); color: #93c5fd; }
.full-blog-footer .footer-contact-item { display: flex; align-items: flex-start; gap: .65rem; margin-bottom: .5rem; }
.full-blog-footer .footer-contact-item > i { width: 18px; margin-top: .48rem; color: #60a5fa; }
.full-blog-footer .footer-bottom { position: relative; z-index: 1; border-top: 1px solid rgba(156,163,175,.2); }
.full-blog-footer .footer-bottom-inner { width: min(1480px, calc(100% - 2rem)); min-height: 68px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #6b7280; font-size: .8rem; }
.full-blog-footer .privacy-footer-actions { display: flex; gap: .8rem; }
.full-blog-footer .privacy-link { padding: 0; border: 0; background: transparent; color: #93c5fd; cursor: pointer; text-decoration: underline; }
.full-blog-footer .footer-bottom-inner > a { padding: .4rem .75rem; border: 1px solid rgba(56,189,248,.25); border-radius: 999px; color: #7dd3fc; }

.blog-dialog { width: min(620px, calc(100vw - 2rem)); padding: 0; border: 0; border-radius: 1rem; background: #fff; color: #172033; box-shadow: 0 28px 90px rgba(15,23,42,.4); }
.blog-dialog::backdrop { background: rgba(15,23,42,.72); backdrop-filter: blur(3px); }
.blog-dialog-header, .blog-dialog-actions { padding: 1rem 1.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.blog-dialog-header { border-bottom: 1px solid #e2e8f0; }.blog-dialog-header h2 { margin: 0; font-size: 1.15rem; }.blog-dialog-header button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; cursor: pointer; font-size: 1.25rem; }
.blog-dialog-content { padding: 1.2rem; }.blog-dialog-content p { color: #64748b; line-height: 1.65; }.blog-dialog-actions { justify-content: flex-end; border-top: 1px solid #e2e8f0; }.blog-dialog-actions button, .blog-dialog-actions a { padding: .7rem .9rem; border: 1px solid #bfdbfe; border-radius: .65rem; background: #fff; color: #1d4ed8; cursor: pointer; font-weight: 800; }.blog-dialog-actions .primary { border-color: #2563eb; background: #2563eb; color: #fff; }.blog-preference { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid #e2e8f0; border-radius: .8rem; background: #f8fafc; }.blog-preference span, .blog-preference small { display: block; }
body.dark .blog-dialog { background: #172033; color: #f8fafc; } body.dark .blog-dialog-content p { color: #cbd5e1; }

.blog-anydesk-dialog { width: min(650px, calc(100vw - 2rem)); overflow: hidden; border: 1px solid rgba(96,165,250,.34); border-radius: 1.25rem; box-shadow: 0 30px 90px rgba(15,23,42,.38), 0 0 0 1px rgba(255,255,255,.5); }
.blog-anydesk-dialog::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #2563eb, #38bdf8); }
.blog-anydesk-dialog .blog-dialog-header { padding: 1.35rem 1.45rem 1.2rem; border-bottom-color: #dbeafe; background: linear-gradient(135deg, #f8fbff, #eff6ff); }
.blog-anydesk-heading { display: flex; align-items: center; gap: .9rem; }
.blog-anydesk-icon { width: 46px; height: 46px; display: inline-flex; flex: 0 0 46px; align-items: center; justify-content: center; border-radius: .9rem; background: linear-gradient(145deg, #2563eb, #1d4ed8); color: #fff; box-shadow: 0 9px 22px rgba(37,99,235,.25); }
.blog-anydesk-dialog .blog-dialog-header h2 { font-size: 1.3rem; letter-spacing: -.025em; }
.blog-anydesk-dialog .blog-dialog-header > button { width: 40px; height: 40px; color: #475569; background: rgba(255,255,255,.72); box-shadow: inset 0 0 0 1px #dbeafe; transition: background .2s ease, color .2s ease, transform .2s ease; }
.blog-anydesk-dialog .blog-dialog-header > button:hover { transform: rotate(5deg); background: #fff; color: #1d4ed8; }
.blog-anydesk-dialog .blog-dialog-content { padding: 1.45rem; background: #fff; }
.blog-anydesk-dialog .blog-dialog-content p { max-width: 570px; margin: 0; color: #475569; font-size: 1rem; line-height: 1.72; }
.blog-anydesk-dialog .blog-dialog-actions { gap: .75rem; padding: 1.05rem 1.45rem 1.25rem; border-top-color: #e2e8f0; background: #f8fafc; }
.blog-anydesk-dialog .blog-dialog-actions > * { min-height: 46px; padding: .72rem 1.05rem; border-radius: .72rem; }
.blog-anydesk-dialog .blog-dialog-actions .primary { border-color: #2563eb; background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; box-shadow: 0 8px 20px rgba(37,99,235,.22); }
.blog-anydesk-dialog .blog-dialog-actions .primary:hover { transform: translateY(-1px); background: linear-gradient(135deg, #1d4ed8, #1e40af); }
body.dark .blog-anydesk-dialog { border-color: rgba(96,165,250,.34); background: #172033; box-shadow: 0 32px 95px rgba(0,0,0,.56); }
body.dark .blog-anydesk-dialog .blog-dialog-header { border-bottom-color: #334155; background: linear-gradient(135deg, #172033, #1e293b); }
body.dark .blog-anydesk-dialog .blog-dialog-header > button { color: #cbd5e1; background: rgba(15,23,42,.62); box-shadow: inset 0 0 0 1px #334155; }
body.dark .blog-anydesk-dialog .blog-dialog-content { background: #172033; }
body.dark .blog-anydesk-dialog .blog-dialog-content p { color: #cbd5e1; }
body.dark .blog-anydesk-dialog .blog-dialog-actions { border-top-color: #334155; background: #111827; }
body.dark .blog-anydesk-dialog .blog-dialog-actions button { border-color: #475569; background: #1e293b; color: #e2e8f0; }

@media (max-width: 1180px) { .full-blog-header-inner { display: flex; justify-content: space-between; } .full-blog-primary, .full-blog-languages { display: none; } .full-blog-actions { margin-left: auto; } .full-blog-menu-toggle { display: inline-grid; place-items: center; } }
@media (max-width: 640px) { .blog-floating-whatsapp { right: .9rem; bottom: .9rem; width: 50px; height: 50px; font-size: 1.4rem; } .blog-anydesk-dialog .blog-dialog-header { padding: 1.1rem; } .blog-anydesk-icon { width: 40px; height: 40px; flex-basis: 40px; } .blog-anydesk-dialog .blog-dialog-content { padding: 1.2rem 1.1rem; } .blog-anydesk-dialog .blog-dialog-actions { display: grid; grid-template-columns: 1fr; padding: 1rem 1.1rem; } .blog-anydesk-dialog .blog-dialog-actions > * { text-align: center; } }