/* BENEFÍCIOS */
body {
    background: linear-gradient(135deg, #0f172a, #111827);

    color: white;

    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;

}
.beneficios{
    padding: 140px 8%;

    text-align: center;
    display: flex;
    flex-direction: column;
}

.beneficios span{
    color: #06b6d4;

    letter-spacing: 2px;

    font-size: 14px;

    font-weight: 600;
}

.beneficios h2{
    font-size: 52px;

    margin: 20px 0 70px;
}

.beneficios-grid{
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 25px;
}

.beneficio-item{
    background: rgba(255,255,255,0.04);

    border: 1px solid rgba(255,255,255,0.08);

    padding: 28px;

    border-radius: 20px;

   text-align: center;
    color: #e4e4e7;

    line-height: 1.7;

    backdrop-filter: blur(10px);

    transition: 0.3s;

    position: relative;

    overflow: hidden;
     display: flex;
}

/* glow */

.beneficio-item::before{
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    background: rgba(6,182,212,0.12);

    border-radius: 50%;

    top: -80px;
    right: -80px;

    filter: blur(50px);
}

.beneficio-item:hover{
    transform: translateY(-8px);

    border-color: #06b6d4;
}

.beneficio-item h1, {
    font-size: 24px;

    margin-bottom: 20px;
}
.beneficio-item h2{
    font-size: 20px;

    margin-bottom: 20px;
}
.beneficio-item .link {
    font-size: 26px;

    color: #d1d5db;
}

.beneficio-item a {
    display: inline-block;

    margin-top: 20px;

    color: #e8f0f1;

    text-decoration: none;

  font-size: 26px;

    font-weight: 600;

    transition: color 0.3s;
}

.pezinho {
    margin-top: 80px;

    text-align: center;

    color: #a1a1aa;
    font-size: 18px;
}
.container-cards {
    display: flex;
    justify-content: center; /* centraliza os cards */
    gap: 20px; /* espaço entre eles */
    flex-wrap: wrap; /* quebra linha quando não couber */
     text-align: center;
}

.cards {

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;

}


.card {


background:rgba(113, 112, 180, 0.575);

padding:20px;

border-radius:15px;

box-shadow:0 5px 15px rgba(0,0,0,.15);

}


.card h2 {

font-size:20px;

}


.card p {

line-height:1.6;

}

.guia {
    margin-top: 40px;
    text-align: center;
    text-decoration: none;
    width: 100%;

}

.guia p {
    font-size: 20px;
    color: #d1d5db;
}

.guia a {
    color: #eff8fa;
    text-decoration: none;
    font-weight: bold;
}

+     /* Grid: widgets lado a lado com quebra automática */
+     #noticias-aegis-container.noticias-grid {
+       display: flex;
+       flex-wrap: wrap;
+       gap: 16px;
+       justify-content: center;
+       max-width: 1100px;
+       margin: 0 auto;
+     }
+     /* Cada widget ocupa metade do espaço (2 por linha) e é responsivo */
+     #noticias-aegis-container.noticias-grid article {
+       flex: 0 0 calc(50% - 16px);
+       max-width: calc(50% - 16px);
+       box-sizing: border-box;
+     }
+     /* Força imagens a ocupar o espaço do card em vez de 50% (sobrepõe estilos inline) */
+     #noticias-aegis-container.noticias-grid article img {
+       width: 100% !important;
+       height: auto !important;
+       max-height: 300px;
+       object-fit: cover !important;
+       display: block;
+     }
+     /* Quebra para telas menores: 1 por linha */
+     @media (max-width: 720px) {
+       #noticias-aegis-container.noticias-grid article {
+         flex: 0 0 100%;
+         max-width: 100%;
+       }
+     }
+     /* Impressão: evita quebrar um card no meio e permite quebra de página entre cards */
+     @media print {
+       #noticias-aegis-container.noticias-grid article {
+         page-break-inside: avoid;
+         break-inside: avoid;
+         page-break-after: always;
+       }
+     }