/* Atlantes - CSS de post individual do blog
 * Extraído de blog/guarapari-capital-biodiversidade.html (post de referência)
 * Carregado por dispatch_page_css() quando is_singular("post")
 */
:root{
      --blue:#0066ff; --blue-dark:#002b5c; --blue-deep:#001932; --blue-soft:#eaf6ff;
      --cyan:#16c7ff; --green:#20c86b; --text:#0b1f33; --muted:#5d7085; --line:#dcecf8;
      --shadow:0 24px 60px rgba(0,40,90,.12);
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:96px}
    body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
    .container{width:min(1180px,92%);margin:0 auto}
    .container-narrow{width:min(760px,92%);margin:0 auto}

    header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,236,248,.72)}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand img{width:206px;height:auto;object-fit:contain}
    .menu{display:flex;align-items:center;gap:18px;color:#1f3a52;font-size:14px;font-weight:800}
    .menu a:hover{color:var(--blue)}
    .menu-cta{background:var(--green);color:#fff !important;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px rgba(32,200,107,.24)}
    .mobile-toggle{display:none;background:transparent;border:0;color:var(--blue-dark);cursor:pointer}

    .tag{display:inline-flex;border-radius:999px;padding:8px 14px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:800;font-size:15px;transition:.2s;font-family:inherit}
    .btn-primary{background:var(--blue);color:#fff}
    .btn-primary:hover{background:var(--blue-dark)}
    .btn-green{background:var(--green);color:#fff}
    .btn-green:hover{filter:brightness(.95)}

    .post-header{padding:128px 0 44px;background:linear-gradient(180deg,#f4fbff 0%,#fff 100%)}
    .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:20px}
    .breadcrumb a:hover{color:var(--blue)}
    .breadcrumb-sep{color:var(--line)}
    .post-header .tag{margin-bottom:16px}
    .post-header h1{font-size:clamp(34px,5vw,58px);color:var(--blue-deep);letter-spacing:-.02em;line-height:1.08;margin-top:12px}
    .post-meta-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:22px;font-size:14px;color:var(--muted);font-weight:600}
    .meta-dot{color:var(--line)}
    .post-meta-head .updated{color:var(--green)}

    .post-featured{padding:0 0 12px}
    .post-featured figure{margin:0}
    .post-featured img{display:block;width:100%;height:auto;border-radius:16px}
    .post-featured figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:12px}

    .post-article{padding:36px 0 72px}

    .tldr{background:var(--blue-deep);color:#eaf6ff;border-radius:20px;padding:24px 26px;margin-bottom:8px}
    .tldr h2,.post-content .tldr h2{font-family:"Inter",sans-serif;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px;line-height:1.3}
    .tldr ul,.post-content .tldr ul{list-style:none;display:grid;gap:9px;padding-left:0;margin-bottom:0}
    .tldr li,.post-content .tldr li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.55;margin-bottom:0}
    .tldr li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--green)}

    .post-content{font-size:17.5px;line-height:1.8;color:#1a2e40}
    .post-content p{margin-bottom:22px}
    .post-content h2{font-size:clamp(27px,3.6vw,40px);color:var(--blue-deep);margin:48px 0 16px;line-height:1.13;scroll-margin-top:96px}
    .post-content h3{font-size:clamp(21px,2.8vw,28px);color:var(--blue-dark);margin:30px 0 12px;line-height:1.18}
    .post-content ul,.post-content ol{padding-left:24px;margin-bottom:22px}
    .post-content li{margin-bottom:8px}
    .post-content strong{color:var(--blue-dark)}
    .post-content a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(0,102,255,.35);text-underline-offset:2px}
    .post-content a:hover{text-decoration-color:var(--blue)}
    .post-content blockquote{border-left:3px solid var(--cyan);padding:16px 20px;background:var(--blue-soft);border-radius:0 12px 12px 0;margin:28px 0;font-style:italic;color:var(--blue-dark)}
    .info-box{background:var(--blue-soft);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:28px 0}
    .info-box h4{font-size:16px;color:var(--blue-dark);font-family:"Inter",sans-serif;font-weight:800;margin-bottom:12px}
    .info-box p,.info-box li{font-size:15px;color:var(--muted);margin-bottom:6px}
    .info-box ul{padding-left:18px;margin-bottom:0}

    .highlight-box{background:linear-gradient(135deg,#f0f8ff 0%,#e6f2ff 100%);border:1px solid var(--cyan);border-left:5px solid var(--cyan);border-radius:16px;padding:26px 28px;margin:32px 0}
    .highlight-box h3{font-size:clamp(21px,2.8vw,27px);color:var(--blue-deep);margin:0 0 12px;line-height:1.2}
    .highlight-box p{font-size:16px;color:#0b3a5c;line-height:1.72;margin-bottom:12px}
    .highlight-box p:last-child{margin-bottom:0}
    .highlight-box strong{color:#002b5c}

    .comment-section{background:#f8f9fb;border:1px solid var(--line);border-radius:16px;padding:28px;margin:36px 0;display:grid;gap:22px}
    .comment-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
    .comment-header{display:flex;gap:12px;margin-bottom:12px}
    .comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--blue);flex-shrink:0;font-size:16px}
    .comment-meta{flex:1}
    .comment-name{font-weight:700;color:var(--blue-dark);font-size:15px;filter:blur(5px);user-select:none}
    .comment-handle{color:var(--muted);font-size:13px;filter:blur(5px);user-select:none}
    .comment-text{font-size:15px;color:#1a2e40;margin-bottom:12px;font-style:italic}
    .comment-text.reply{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-style:normal;color:var(--blue-dark);background:rgba(0,102,255,.04)}
    .reply-label{font-size:12px;color:var(--blue);font-weight:800;margin-bottom:6px;text-transform:uppercase}

    .mid-cta a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:2px}

    .shock{display:flex;align-items:center;background:linear-gradient(135deg,var(--blue-deep) 0%,#002b5c 100%);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px 30px;margin:34px 0}
    .shock strong{font-family:"Cormorant Garamond",serif;font-size:clamp(58px,9vw,84px);font-weight:600;color:#20c86b;line-height:.85;flex-shrink:0;padding-right:26px;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
    .shock span{font-size:15.5px;color:#cfe4ff;font-weight:600;line-height:1.55;padding-left:26px;border-left:1px solid rgba(255,255,255,.16)}

    .post-fig{margin:34px 0}
    .post-fig img{width:100%;height:auto;border-radius:16px;display:block}
    .post-fig figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.55}

    .mid-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;background:linear-gradient(120deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;border-radius:20px;padding:26px 28px;margin:38px 0}
    .mid-cta div{flex:1;min-width:220px}
    .mid-cta strong{font-size:18px;font-weight:800;display:block;margin-bottom:4px}
    .mid-cta p{font-size:14.5px;color:#cfe4ff;margin:0;line-height:1.5}
    .mid-cta .btn{flex-shrink:0}

    .faq-section{margin:48px 0 0}
    .faq-section h2{font-size:clamp(27px,3.6vw,40px);color:var(--blue-deep);margin-bottom:18px}
    .faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff}
    .faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;font-size:16px;color:var(--blue-dark);display:flex;justify-content:space-between;align-items:center;gap:14px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:"+";font-size:24px;color:var(--blue);font-weight:400;flex-shrink:0;transition:transform .2s}
    .faq-item[open] summary::after{transform:rotate(45deg)}
    .faq-item .faq-a{padding:0 22px 20px;font-size:15.5px;line-height:1.7;color:var(--muted)}

    .photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
    .photo-gallery figure{margin:0;border-radius:12px;overflow:hidden;background:#0b1f33}
    .photo-gallery img,.photo-gallery video{border-radius:12px;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#dce8f0;display:block}
    .gallery-cap{font-size:12.5px;color:var(--muted);text-align:center;margin-top:10px}

    .post-cta{background:linear-gradient(180deg,#f4fbff 0%,var(--blue-soft) 100%);text-align:center;padding:72px 0}
    .post-cta h2{font-size:clamp(32px,4vw,52px);color:var(--blue-deep);margin-bottom:14px}
    .post-cta p{color:var(--muted);font-size:17px;max-width:560px;margin:0 auto 28px;line-height:1.65}
    .cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

    .author-box{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:44px;padding-top:26px}
    .author-avatar{width:60px;height:60px;border-radius:50%;background:var(--blue-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:600;flex-shrink:0}
    .author-box .a-name{font-weight:800;color:var(--blue-deep);font-size:16px}
    .author-box .a-bio{font-size:14px;color:var(--muted);line-height:1.55;margin-top:2px}
    .author-box .a-link{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:800;color:var(--blue);text-decoration:none}
    .author-box .a-link:hover{text-decoration:underline}

    footer{background:var(--blue-deep);color:#fff;padding:70px 0 34px}
    .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:start}
    .footer-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:24px;padding:22px}
    .footer-card img{width:210px;background:transparent;margin-bottom:16px}
    .footer-card p,.footer-card a{color:#dff6ff;font-size:14px;line-height:1.55;display:block;margin-bottom:8px}
    .footer-card h3{color:#fff;font-size:30px;margin-bottom:12px}
    .footer-card a:hover{color:var(--cyan)}
    .footer-wa-cta{text-align:center;padding:32px 0 8px}
    .footer-wa-cta p{color:#bcd6e8;font-size:14px;margin-bottom:14px}
    .footer-wa-cta .btn{background:var(--green);color:#fff;font-size:15px;padding:0 28px;box-shadow:0 8px 24px rgba(32,200,107,.25)}
    .footer-wa-cta .btn:hover{filter:brightness(.95)}
    .bottom{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#bcd6e8;font-size:13px;display:flex;justify-content:space-between;gap:18px}

    /* ── Instagram video facade ── */
    .ig-video-facade{display:block;position:relative;border-radius:16px;overflow:hidden;margin:32px auto;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;max-width:360px;height:480px}
    .ig-video-facade img{width:100%;height:100%;object-fit:cover;display:block}
    .ig-overlay{position:absolute;inset:0;background:rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:background .2s}
    .ig-video-facade:hover .ig-overlay{background:rgba(0,0,0,.32)}
    .ig-play-btn{width:76px;height:76px;background:rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.65);transition:transform .2s}
    .ig-video-facade:hover .ig-play-btn{transform:scale(1.1)}
    .ig-video-label{color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 6px rgba(0,0,0,.4)}
    .ig-video-handle{color:rgba(255,255,255,.82);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}
    .ig-icon{width:18px;height:18px;fill:#fff;flex-shrink:0}

    /* ── TV reportagem video player ── */
    .tv-video-wrapper{position:relative;border-radius:16px;overflow:hidden;margin:36px 0;background:#000a18;line-height:0}
    .tv-video-wrapper video{width:100%;display:block;line-height:0}
    .tv-facade{position:absolute;inset:0;background:rgba(0,20,48,.46);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:background .2s}
    .tv-facade:hover{background:rgba(0,20,48,.6)}
    .tv-facade.hidden{display:none}
    .tv-badge{background:var(--blue);color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px;border-radius:999px;line-height:1.4}
    .tv-play-btn{width:80px;height:80px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.55);transition:transform .2s}
    .tv-facade:hover .tv-play-btn{transform:scale(1.08)}
    .tv-video-title{color:#fff;font-size:14px;font-weight:700;text-align:center;padding:0 24px;text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.45}
    .tv-video-caption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.55}

    @media (max-width:1040px){
      .menu{display:none}
      .mobile-toggle{display:block}
      .footer-grid{grid-template-columns:1fr}
      .shock{flex-direction:column;text-align:center}
      .shock strong{padding-right:0;padding-bottom:16px;border-right:none}
      .shock span{padding-left:0;border-left:none}
    }
    @media (max-width:720px){
      .brand img{width:176px}
      .post-header{padding:108px 0 36px}
      .post-content{font-size:16.5px}
      .mid-cta{padding:22px}
      .photo-gallery{grid-template-columns:1fr 1fr}
      .photo-gallery figure:last-child{display:none}
      .comment-section{padding:18px}
      .comment-item{padding:14px 16px}
      .bottom{flex-direction:column;text-align:center;gap:8px}
      .ig-play-btn{width:60px;height:60px}
      .tv-play-btn{width:64px;height:64px}
    }

/* === Estilos de conteudo de posts legados (beach, toc, yt-embed, cave, portrait) === */
.toc{border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:32px 0}
.toc strong{display:block;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.toc ol{list-style:none;counter-reset:toc;display:grid;gap:7px}
.toc li{counter-increment:toc;font-size:15px}
.toc li a{color:var(--blue-dark);font-weight:600}
.toc li a:hover{color:var(--blue)}
.toc li a::before{content:counter(toc) ". ";color:var(--cyan);font-weight:800}
.beach-list{counter-reset:beach;display:flex;flex-direction:column;gap:0}
.beach-item{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.beach-item:last-child{border-bottom:none}
.beach-num{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:600;color:var(--cyan);line-height:1}
.beach-item h3{font-size:22px;color:var(--blue-deep);margin:0 0 6px;line-height:1.1}
.beach-item p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.beach-item strong{color:var(--blue-dark)}
.yt-embed{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin:32px 0;background:#000}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-embed__caption{font-size:13px;color:var(--muted);margin-top:-20px;margin-bottom:32px;text-align:center}
.yt-embed__caption a{color:var(--blue)}
@media (max-width:720px){ .beach-item{grid-template-columns:38px 1fr;gap:12px} .beach-num{font-size:26px} }
.yt-embed__caption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}
.cave-figure{margin:34px 0}
.cave-figure svg{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 30px 70px rgba(0,8,24,.45)}
.cave-figure figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.55}
.portrait-fig{margin:34px auto;max-width:330px}
.portrait-fig img{width:100%;height:auto;border-radius:14px;display:block}
.portrait-fig figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.55}
.cave-legend{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:16px}
.cave-legend span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:700}
.cave-legend i{width:22px;height:5px;border-radius:3px;display:block;flex-shrink:0}