:root {
      --pro-blue: #064b91;
      --pro-blue-dark: #032d58;
      --pro-blue-light: #eaf4fc;
      --pro-cyan: #0b7bdc;
      --pro-text: #15324d;
      --pro-muted: #63768a;
      --pro-border: #dce6ef;
      --pro-bg: #f6f9fc;

      --pa-navy:#092943;
      --pa-navy-2:#0d3554;
      --pa-blue-2:#0b79d0;
      --pa-sky:#eef7fd;
      --pa-ink:#0a2340;
      --pa-line:#dce6ee;
      --pa-white:#fff;
      --pa-radius:12px;
    }

    html { scroll-behavior: smooth; }
    body {
      color: var(--pro-text);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #fff;
    }

    a { text-decoration: none; }
    .section-padding { padding: 88px 0; }
    .section-label {
      color: var(--pro-cyan);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: .75rem;
    }
    .section-title {
      color: var(--pro-blue-dark);
      font-weight: 800;
      letter-spacing: -.025em;
    }


    /* Utility bar */
    .utility-bar{
      background:var(--pa-navy);
      color:#dceaf4;
      font-size:.78rem;
    }
    .utility-bar a:hover{color:#fff}
    .utility-link{padding:.55rem 0;display:inline-flex;align-items:center;gap:.4rem}
    .utility-divider{opacity:.35}

    /* Header */
    .site-header {
      background: rgba(255,255,255,.97);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(9, 61, 105, .08);
      z-index: 1030;
    }
    .navbar-brand img {
      width: 205px;
      height: auto;
    }
    .navbar .nav-link {
      color: var(--pro-blue-dark);
      font-size: .9rem;
      font-weight: 650;
      padding: .75rem .65rem !important;
    }
    .navbar .nav-link:hover { color: var(--pro-cyan); }
    .btn-pro {
      background: var(--pro-blue);
      border-color: var(--pro-blue);
      color: #fff;
      font-weight: 700;
      border-radius: 999px;
      padding: .72rem 1.25rem;
    }
    .btn-pro:hover {
      background: var(--pro-blue-dark);
      border-color: var(--pro-blue-dark);
      color: #fff;
    }
    .btn-outline-pro {
      color: var(--pro-blue);
      border: 1px solid var(--pro-blue);
      background: #fff;
      font-weight: 700;
      border-radius: 999px;
      padding: .7rem 1.15rem;
    }
    .btn-outline-pro:hover {
      background: var(--pro-blue);
      color: #fff;
    }

    /* Hero */
    .hero {
      min-height: 620px;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(1,35,68,.96) 0%, rgba(3,58,103,.82) 43%, rgba(3,58,103,.18) 78%, rgba(0,0,0,.10) 100%),
        url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=85") center/cover no-repeat;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto -5% 0 -5%;
      height: 160px;
      background: radial-gradient(ellipse at center, transparent 35%, rgba(3,45,88,.22) 100%);
      pointer-events: none;
    }
    .hero-content {
      position: relative;
      z-index: 2;
      color: #fff;
      max-width: 720px;
    }
    .hero-kicker {
      font-size: .8rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      opacity: .92;
    }
    .hero h1 {
      font-size: clamp(2.8rem, 5vw, 5rem);
      line-height: .98;
      font-weight: 850;
      letter-spacing: -.045em;
      margin: 1rem 0 1.2rem;
    }
    .hero h1 span { color: #9bd3ff; }
    .hero p {
      font-size: 1.15rem;
      line-height: 1.65;
      max-width: 620px;
      color: rgba(255,255,255,.9);
    }
    .hero .btn-light {
      color: var(--pro-blue-dark);
      font-weight: 800;
      border-radius: 999px;
      padding: .8rem 1.25rem;
    }
    .hero .btn-ghost {
      color: #fff;
      border: 1px solid rgba(255,255,255,.7);
      border-radius: 999px;
      padding: .75rem 1.2rem;
      font-weight: 700;
    }
    .hero .btn-ghost:hover {
      background: rgba(255,255,255,.12);
      color: #fff;
    }

    /* Sponsor strip */
    .sponsors {
      padding: 32px 0;
      background: #fff;
      border-bottom: 1px solid var(--pro-border);
    }
    .sponsor-logo {
      height: 90px;
      max-width: 150px;
      object-fit: contain;
      filter: grayscale(100%);
      opacity: .7;
    }
    .sponsor-logo:hover { filter: grayscale(0); opacity: 1; }

    /* What we do */
    .what-we-do { background: var(--pro-blue-light); }
    .intro-lead {
      font-size: 1.75rem;
      line-height: 1.2;
      font-weight: 800;
      color: var(--pro-blue-dark);
    }
    .service-card {
      height: 100%;
      padding: 1.7rem;
      border: 1px solid rgba(6,75,145,.10);
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 8px 28px rgba(9, 61, 105, .05);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 36px rgba(9, 61, 105, .10);
    }
    .icon-box {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: var(--pro-blue);
      background: var(--pro-blue-light);
      font-size: 1.4rem;
      margin-bottom: 1.2rem;
    }
    .service-card h3 {
      font-size: 1.05rem;
      font-weight: 800;
      color: var(--pro-blue-dark);
    }
    .service-card p { color: var(--pro-muted); margin-bottom: 0; }

    /* Content cards */
    .content-card {
      height: 100%;
      overflow: hidden;
      border: 1px solid var(--pro-border);
      border-radius: 16px;
      background: #fff;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .content-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 35px rgba(15, 53, 86, .10);
    }
    .content-card img {
      width: 100%;
      height: 210px;
      object-fit: cover;
    }
    .content-card .body { padding: 1.35rem; }
    .tag {
      display: inline-block;
      color: var(--pro-cyan);
      font-size: .7rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-bottom: .6rem;
    }
    .content-card h3 {
      font-size: 1.08rem;
      line-height: 1.3;
      font-weight: 800;
      color: var(--pro-blue-dark);
    }
    .content-card p {
      color: var(--pro-muted);
      font-size: .92rem;
    }
    .date {
      color: #7c8b99;
      font-size: .78rem;
    }

    /* Initiative */
    .initiative {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(2,43,82,.78), rgba(5,75,132,.63)),
        url("images/vida-melhor-sem barulho2.png") center/cover;
        /*url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=80") center/cover;*/
      color: #fff;
    }
    .initiative::before {
      content: "";
      position: absolute;
      width: 700px;
      height: 250px;
      left: -100px;
      bottom: -80px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 50%;
      transform: rotate(-8deg);
      box-shadow: 0 0 0 25px rgba(255,255,255,.025), 0 0 0 50px rgba(255,255,255,.02);
    }
    .initiative-content { position: relative; z-index: 2; }
    .initiative .small-label {
      color: #9bd3ff;
      font-size: .78rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .1em;
    }

    /* Segments */
    .segment-item {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-height: 110px;
      padding: 1.15rem;
      border: 1px solid var(--pro-border);
      border-radius: 15px;
      background: #fff;
      color: var(--pro-blue-dark);
      transition: all .2s ease;
    }
    .segment-item:hover {
      border-color: #a8c9e6;
      background: var(--pro-blue-light);
      transform: translateY(-2px);
    }
    .segment-item i {
      font-size: 1.5rem;
      color: var(--pro-blue);
    }
    .segment-item span { font-weight: 500; }

    /* Associates/events */
    .split-panel {
      border-radius: 22px;
      overflow: hidden;
      min-height: 100%;
    }
    .associate-panel {
      color: #fff;
      background:
        linear-gradient(135deg, rgba(4,60,112,.94), rgba(4,117,196,.82)),
        url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=80") center/cover;
    }
    .associate-panel .inner { padding: 2rem; }
    .event-panel {
      background: var(--pro-bg);
      border: 1px solid var(--pro-border);
      padding: 3rem 2rem;
    }
    .event-row {
      padding: 1rem 0;
      border-bottom: 1px solid var(--pro-border);
    }
    .event-row:last-child { border-bottom: 0; }
    .event-date {
      width: 54px;
      min-width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: #fff;
      color: var(--pro-blue);
      border: 1px solid var(--pro-border);
      font-weight: 850;
      font-size: .75rem;
      text-align: center;
      line-height: 1.05;
    }

    /* Numbers */
    .numbers {
      background: var(--pro-blue-dark);
      color: #fff;
    }
    .numbers .section-title { color: #fff; }
    .stat {
      padding: 1rem;
      text-align: center;
    }
    .stat strong {
      display: block;
      font-size: clamp(2.2rem, 4vw, 3.5rem);
      line-height: 1;
      font-weight: 850;
    }
    .stat span {
      display: block;
      color: rgba(255,255,255,.72);
      margin-top: .65rem;
    }

    /* Newsletter */
    .newsletter {
      background: #eef7ff;
      border: 1px solid #d4e8f8;
      /*border-radius: 24px;*/
      padding: clamp(2rem, 5vw, 4rem);
    }
    .newsletter .form-control {
      border-radius: 999px;
      min-height: 52px;
      border-color: #cbdce9;
    }
    .newsletter .btn {
      min-height: 52px;
    }

    /* Footer */
    .site-footer {
      color: rgba(255,255,255,.72);
      background: #021f3b;
    }
    .site-footer h6 {
      color: #fff;
      font-weight: 800;
      margin-bottom: 1rem;
    }
    .site-footer a { color: rgba(255,255,255,.72); }
    .site-footer a:hover { color: #fff; }
    .footer-logo {
      width: 205px;
      background: #fff;
      padding: .75rem;
      border-radius: 8px;
    }
    .social {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 50%;
    }
    .social:hover { background: rgba(255,255,255,.1); }

    @media (max-width: 991.98px) {
      .navbar-brand img { width: 180px; }
      .hero { min-height: 580px; }
      .navbar-collapse {
        padding: 1rem 0;
        border-top: 1px solid var(--pro-border);
        margin-top: .5rem;
      }
      .navbar .nav-link { padding-left: 0 !important; }
    }

    @media (max-width: 767.98px) {
      .section-padding { padding: 64px 0; }
      .hero {
        min-height: 650px;
        background:
          linear-gradient(90deg, rgba(1,35,68,.94), rgba(3,58,103,.55)),
          url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=80") center/cover;
      }
      .hero h1 { font-size: 2.9rem; }
      .hero p { font-size: 1rem; }
      .sponsor-logo { max-width: 120px; height: 48px; }
      .event-panel, .associate-panel .inner { padding: 2rem; }
    }



    a{color:inherit;text-decoration:none}
    .text-pa-muted{color:var(--pa-muted)}
    .section-title{font-weight:750;letter-spacing:-.025em}
    .container-xl{max-width:1320px}

    

    /* Hero */
    .page-hero{
      background:
        radial-gradient(circle at 75% 30%, rgba(0,103,185,.12), transparent 30%),
        linear-gradient(90deg,#f4faff 0%,#eef7fd 55%,#f9fcfe 100%);
      overflow:hidden;
      position:relative;
    }
    .page-hero::after{
      content:"";
      position:absolute;
      right:-5%; bottom:-65px;
      width:55%; height:190px;
      opacity:.38;
      background:
        repeating-radial-gradient(ellipse at center, transparent 0 8px, rgba(0,103,185,.32) 9px 10px, transparent 11px 18px);
      transform:rotate(-4deg);
      pointer-events:none;
    }
    .breadcrumb{font-size:.82rem;margin-bottom:1.3rem}
    .breadcrumb-item+.breadcrumb-item::before{content:"›";color:#7c8fa0}
    .hero-title{
      font-size:clamp(2.25rem,4vw,4rem);
      font-weight:800;
      letter-spacing:-.045em;
      line-height:1;
    }
    .hero-copy{max-width:720px;color:#3c6b92;font-size:1.05rem}

    /* Filters */
    .filter-panel{
      background:#f3f7fa;
      border:1px solid #e8eff4;
      border-radius:var(--pa-radius);
    }
    .form-control,.form-select{
      border-color:#ccd9e3;
      min-height:44px;
      font-size:.88rem;
    }
    .form-control:focus,.form-select:focus{
      border-color:var(--pa-blue);
      box-shadow:0 0 0 .2rem rgba(0,103,185,.12);
    }
    .filter-label{font-size:.72rem;font-weight:700;margin-bottom:.35rem}

    /* Cards */
    .feature-card,.news-card,.sidebar-box{
      border:1px solid var(--pa-line);
      border-radius:var(--pa-radius);
      background:#fff;
    }
    .feature-card,.news-card{
      overflow:hidden;
      transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    }
    .feature-card:hover,.news-card:hover{
      transform:translateY(-3px);
      border-color:#c4d8e7;
      box-shadow:0 12px 30px rgba(15,49,75,.09);
    }
    .img-cover{width:100%;height:100%;object-fit:cover}
    .feature-main-img{height:340px}
    .feature-side-img{width:150px;min-height:125px;object-fit:cover;border-radius:8px}
    .news-img{height:190px;width:100%;object-fit:cover}
    .badge-type{
      display:inline-flex;
      align-items:center;
      border:1px solid currentColor;
      border-radius:4px;
      padding:.2rem .42rem;
      font-size:.64rem;
      font-weight:800;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.025em;
      background:#fff;
    }
    .type-news{color:#0c5fa8}
    .type-interview{color:#344b9b}
    .type-report{color:#a55210}
    .type-article{color:#1b5b8e}
    .type-technical{color:#31485b}
    .type-institutional{color:#4f5e68}
    .meta-date{font-size:.68rem;color:#687e90;font-weight:600;text-transform:uppercase}
    .card-title-editorial{font-weight:750;letter-spacing:-.02em;line-height:1.16}
    .card-copy{color:var(--pa-text);font-size:.87rem;line-height:1.45}
    .read-more{color:var(--pa-blue);font-size:.84rem;font-weight:750}
    .read-more:hover{color:#004f8d}

    /* Sidebar */
    .sidebar-box{background:#f7fafc;padding:1.4rem}
    .sidebar-heading{font-size:1rem;font-weight:800;margin-bottom:1rem}
    .sidebar-list{list-style:none;padding:0;margin:0}
    .sidebar-list li{border-bottom:1px solid #e1e9ef}
    .sidebar-list li:last-child{border:0}
    .sidebar-list a{
      display:flex;justify-content:space-between;gap:1rem;
      padding:.52rem 0;color:#244158;font-size:.83rem;
    }
    .sidebar-list a:hover{color:var(--pa-blue)}
    .count{color:#7690a5}
    .popular-thumb{width:58px;height:58px;object-fit:cover;border-radius:6px}
    .popular-title{font-size:.77rem;font-weight:750;line-height:1.25}
    .popular-meta{font-size:.64rem;color:#7a8d9d}

    /* Pagination */
    .pagination .page-link{
      color:var(--pa-ink);
      border-color:#dce6ee;
      margin:0 .15rem;
      border-radius:6px!important;
      min-width:38px;text-align:center;
    }
    .pagination .active>.page-link{
      background:var(--pa-blue);
      border-color:var(--pa-blue);
      color:#fff;
    }

    /* Newsletter */
    .newsletter{
      background:
        radial-gradient(circle at 95% 50%, rgba(0,103,185,.12), transparent 25%),
        linear-gradient(90deg,#eaf7ff,#f4fbff);
      border-top:1px solid #dbeaf4;
      border-bottom:1px solid #dbeaf4;
    }
    .newsletter-title{font-weight:800;color:#0c2b8b;letter-spacing:-.03em}
    .consent{font-size:.7rem;color:#668096}

    /* Association CTA */
    .association-cta{background:#fff}

    /* Footer */
    .site-footer{
      background:var(--pa-navy);
      color:#d9e6ef;
    }
    .site-footer h6{color:#fff;font-weight:750}
    .site-footer a{color:#d9e6ef;font-size:.82rem}
    .site-footer a:hover{color:#fff}
    .footer-list{list-style:none;padding:0;margin:0}
    .footer-list li{margin:.38rem 0}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.15);font-size:.72rem}
    .social-icon{
      width:32px;height:32px;border:1px solid rgba(255,255,255,.25);
      border-radius:50%;display:inline-grid;place-items:center;
    }

    /* Empty/skeleton demo helpers */
    .empty-state{
      border:1px dashed #cbd9e3;border-radius:var(--pa-radius);
      background:#f8fafc;padding:3rem;text-align:center;
    }
    .skeleton{
      background:linear-gradient(90deg,#eef2f5 25%,#f7f9fa 37%,#eef2f5 63%);
      background-size:400% 100%;animation:skeleton 1.4s ease infinite;
      border-radius:6px;
    }
    @keyframes skeleton{0%{background-position:100% 50%}100%{background-position:0 50%}}

    @media(max-width:991.98px){
      .main-header{position:relative}
      .feature-main-img{height:280px}
      .feature-side-img{width:120px}
    }
    @media(max-width:767.98px){
      .page-hero::after{width:100%;opacity:.2}
      .feature-main-img{height:230px}
      .news-img{height:220px}
      .feature-side-img{width:110px;min-height:110px}
      .desktop-filters{display:none}
    }


    :root{--pa-blue:#005b83;--pa-dark:#16313f;--pa-cyan:#00a6c7;--pa-light:#f4f8fa;--pa-border:#dce7eb;--pa-muted:#647680;--pa-text:#253840;--pa-green:#70b32f}
    html{scroll-behavior:smooth} 
    body{font-family:Arial,Helvetica,sans-serif;color:var(--pa-text);background:#fff}
    .container-wide{max-width:1240px}.reading-column{max-width:790px;margin:auto}
    .topbarXXX{font-size:.78rem;background:#f5f7f8;border-bottom:1px solid #e7ecef}
    .topbarXXX a{text-decoration:none;color:#52656f}.navbar{background:#fff}
    .navbar-brandXXX{font-size:1.5rem;font-weight:800;color:var(--pa-blue)!important;letter-spacing:-.03em}
    .navbar-brandXXX span{color:var(--pa-cyan)}.navbar .nav-link{font-size:.91rem;font-weight:600;color:#344b56}
    .btn-pa{background:var(--pa-blue);color:#fff;border-color:var(--pa-blue)}.btn-pa:hover{background:#00496a;color:#fff}
    .breadcrumb{font-size:.82rem}.breadcrumb a{color:#6a7c85;text-decoration:none}
    .article-kicker{display:inline-block;color:var(--pa-blue);background:#eaf5f8;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:.42rem .65rem;border-radius:999px}.article-title{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.03;letter-spacing:-.045em;color:var(--pa-dark);font-weight:750}.article-deck{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;color:#60727b;max-width:920px}.meta{color:#73858e;font-size:.88rem}.hero-image{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:4px}.caption{font-size:.77rem;color:#74848c}.article-body{font-family:Georgia,'Times New Roman',serif;font-size:1.13rem;line-height:1.88;color:#314047}.article-body .lead-editorial{font-size:1.35rem;line-height:1.7;color:#213944}.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;color:var(--pa-dark);font-weight:750;letter-spacing:-.025em}.article-body h2{font-size:1.85rem;margin:3.3rem 0 1.1rem}.article-body h3{font-size:1.35rem;margin:2.5rem 0 1rem}.article-body a{color:var(--pa-blue)}.toc{font-family:Arial,Helvetica,sans-serif;background:var(--pa-light);border:1px solid var(--pa-border);border-radius:10px;padding:1.25rem}.toc a{font-size:1rem;color:#49616c;text-decoration:none}.share-sticky{position:sticky;top:120px}.share-btn{width:42px;height:42px;border:1px solid var(--pa-border);border-radius:50%;display:grid;place-items:center;color:var(--pa-blue);text-decoration:none;background:#fff;margin-bottom:.55rem}.quote{font-family:Arial,Helvetica,sans-serif;border-left:5px solid var(--pa-cyan);padding:1rem 0 1rem 1.7rem;margin:3rem 0;color:var(--pa-dark)}.quote p{font-size:1.6rem;line-height:1.45;font-weight:650;letter-spacing:-.025em}.quote footer{font-size:.86rem;color:#70818a}.tech-box{font-family:Arial,Helvetica,sans-serif;background:#eef7f8;border:1px solid #cfe7eb;border-radius:10px;padding:1.5rem;margin:2.5rem 0}.tech-box .icon{font-size:1.45rem;color:var(--pa-blue)}.content-img{width:100%;border-radius:5px}.download-card{font-family:Arial,Helvetica,sans-serif;border:1px solid var(--pa-border);border-radius:10px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.download-card .file-icon{font-size:2rem;color:#c94b46}.tag-link{display:inline-block;border:1px solid #cfdde2;color:#4c6570;border-radius:999px;padding:.45rem .75rem;text-decoration:none;font-size:.82rem;margin:.2rem}.author-box{background:#f7f9fa;border-radius:12px;padding:1.5rem}.author-avatar{width:74px;height:74px;border-radius:50%;object-fit:cover}.post-nav{border-top:1px solid var(--pa-border);border-bottom:1px solid var(--pa-border)}.post-nav a{text-decoration:none;color:var(--pa-dark)}.section-title{color:var(--pa-dark);font-weight:750;letter-spacing:-.035em}.related-card{height:100%;border:0}.related-card img{aspect-ratio:16/10;object-fit:cover;border-radius:5px}.related-card .card-body{padding:1rem 0}.related-card .category{font-size:.7rem;color:var(--pa-blue);font-weight:800;letter-spacing:.06em}.related-card .card-title{font-weight:700;color:var(--pa-dark);font-size:1.05rem}

    
    .footer{background:#102934;color:#d7e0e3}.footer h6{color:#fff}.footer a{color:#b9c9cf;text-decoration:none;font-size:.88rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#9eb0b8}.mobile-share{display:none}.progress-reading{position:fixed;top:0;left:0;height:3px;background:var(--pa-cyan);z-index:2000;width:0}.hero-placeholder{background:linear-gradient(135deg,#e9f2f5,#dce9ed);min-height:360px;display:grid;place-items:center;color:#6e838d;border-radius:4px}
    .gallery-grid img{width:100%;height:100%;min-height:250px;object-fit:cover;border-radius:5px}
    @media(max-width:991.98px){.desktop-side{display:none}.mobile-share{display:flex;gap:.5rem;overflow:auto}.article-title{font-size:clamp(2rem,8vw,3.1rem)}.hero-image{aspect-ratio:16/10}.article-body{font-size:1.08rem}.article-body .lead-editorial{font-size:1.23rem}}
    @media(max-width:575.98px){.topbar .optional{display:none}.article-title{font-size:2.25rem}.article-deck{font-size:1.08rem}.article-body{font-size:1.04rem;line-height:1.78}.article-body h2{font-size:1.55rem}.quote p{font-size:1.3rem}
    
    .newsletterXXX {border-radius:0}.post-nav .next{text-align:left!important;border-top:1px solid var(--pa-border)}}


    #eventos .events-calendar { --calendar-accent: var(--bs-primary, #0d6efd); border: 1px solid var(--bs-border-color, #dee2e6); border-radius: 1rem; padding: clamp(.75rem, 3vw, 1.25rem); margin-bottom: 1.5rem; background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #212529); }
  #eventos .calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: 1rem; }
  #eventos .calendar-month { font-size: 1rem; font-weight: 700; text-transform: capitalize; margin: 0; }
  #eventos .calendar-nav { display: flex; gap: .35rem; }
  #eventos .calendar-control { border: 1px solid var(--bs-border-color, #dee2e6); border-radius: 50%; background: transparent; color: var(--calendar-accent); width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; }
  #eventos .calendar-control:hover { background: var(--bs-tertiary-bg, #f8f9fa); }
  #eventos .calendar-control:focus-visible, #eventos .calendar-day:focus-visible { outline: 3px solid var(--calendar-accent); outline-offset: 2px; }
  #eventos .calendar-weekdays, #eventos .calendar-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .25rem; text-align: center; }
  #eventos .calendar-weekdays { font-size: .75rem; font-weight: 600; color: var(--bs-secondary-color, #6c757d); margin-bottom: .5rem; }
  #eventos .calendar-day { position: relative; min-width: 0; min-height: 2.5rem; padding: .4rem .1rem .7rem; border: 1px solid transparent; border-radius: .65rem; display: flex; align-items: center; justify-content: center; font-size: .875rem; color: inherit; background: transparent; text-decoration: none; }
  #eventos .calendar-day.has-event { color: var(--calendar-accent); font-weight: 700; background: var(--bs-primary-bg-subtle, #e7f1ff); }
  #eventos .calendar-day.has-event::after, #eventos .calendar-event-dot { content: ''; width: .3rem; height: .3rem; border-radius: 50%; background: currentColor; }
  #eventos .calendar-day.has-event::after { position: absolute; bottom: .25rem; left: calc(50% - .15rem); }
  #eventos .calendar-day.is-today { background: var(--calendar-accent); color: #fff; font-weight: 700; }
  #eventos .calendar-day.has-event:hover { border-color: var(--calendar-accent); }
  #eventos .calendar-legend { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .75rem; font-size: .75rem; color: var(--bs-secondary-color, #6c757d); }
  #eventos .calendar-legend span { display: inline-flex; align-items: center; gap: .35rem; }
  #eventos .calendar-today-key { width: .65rem; height: .65rem; background: var(--calendar-accent); border-radius: .2rem; }
  #eventos .calendar-event-dot { color: var(--calendar-accent); }
  #eventos .event-row:target { outline: 2px solid var(--bs-primary, #0d6efd); outline-offset: .3rem; border-radius: .5rem; }
  #eventos .event-row { scroll-margin-top: 8rem; }
  @media (max-width: 359px) { #eventos .calendar-toolbar { flex-wrap: wrap; } #eventos .calendar-day { min-height: 2.25rem; } }