@charset "utf-8";
/* CSS Document */
/* ==========================================================
   FISICA.NET NEWS
   Design: Scientific Magazine
   ========================================================== */

:root{

    --news-primary:#0b3d91;
    --news-secondary:#0056b3;
    --news-accent:#d63384;

    --news-bg:#f4f6f9;
    --news-paper:#ffffff;

    --news-border:#d9dee7;

    --news-text:#222;
    --news-light:#666;

    --news-radius:12px;

    --news-shadow:
        0 3px 10px rgba(0,0,0,.08);

    --news-shadow-hover:
        0 10px 25px rgba(0,0,0,.15);

}


/* ==========================================================
   Página
   ========================================================== */

.news-page{

    max-width:1400px;
    margin:auto;
    padding:30px 20px;
    background:var(--news-bg);

}


/* ==========================================================
   Cabeçalho
   ========================================================== */

.news-header{

    margin-bottom:40px;
    border-bottom:3px solid var(--news-primary);
    padding-bottom:15px;

}

.news-header h1{

    font-size:2.5rem;
    color:var(--news-primary);
    margin:0;

}

.news-header p{

    color:#666;
    margin-top:10px;
    font-size:1.05rem;

}


/* ==========================================================
   Layout principal
   ========================================================== */

.news-grid{

    display:grid;

    grid-template-columns:
        2fr
        1fr;

    gap:30px;

}


/* ==========================================================
   Notícia Principal
   ========================================================== */

.news-feature{

    background:white;

    border-radius:var(--news-radius);

    overflow:hidden;

    box-shadow:var(--news-shadow);

    transition:.3s;

}

.news-feature:hover{

    transform:translateY(-5px);

    box-shadow:var(--news-shadow-hover);

}

.news-feature img{

    width:100%;

    display:block;

}

.news-feature-content{

    padding:25px;

}

.news-category{

    display:inline-block;

    background:var(--news-primary);

    color:white;

    padding:5px 14px;

    border-radius:50px;

    font-size:.8rem;

    letter-spacing:.08em;

    text-transform:uppercase;

    margin-bottom:15px;

}

.news-feature h2{

    margin:0 0 15px;

    font-size:2rem;

    color:#111;

    line-height:1.25;

}

.news-feature p{

    color:#444;

    font-size:1.08rem;

    line-height:1.7;

}

.news-meta{

    display:flex;

    gap:20px;

    margin-top:25px;

    color:#777;

    font-size:.9rem;

}


/* ==========================================================
   Coluna lateral
   ========================================================== */

.news-sidebar{

    display:flex;

    flex-direction:column;

    gap:20px;

}


/* ==========================================================
   Cards
   ========================================================== */

.news-card{

    background:white;

    border-radius:12px;

    overflow:hidden;

    box-shadow:var(--news-shadow);

    transition:.25s;

}

.news-card:hover{

    transform:translateY(-4px);

    box-shadow:var(--news-shadow-hover);

}

.news-card img{

    width:100%;

    display:block;

}

.news-card-body{

    padding:18px;

}

.news-card h3{

    margin:0;

    font-size:1.2rem;

    line-height:1.35;

}

.news-card p{

    margin-top:10px;

    color:#555;

    line-height:1.6;

    font-size:.96rem;

}

.news-card a{

    color:inherit;

    text-decoration:none;

}

.news-card a:hover{

    color:var(--news-primary);

}


/* ==========================================================
   Lista
   ========================================================== */

.news-list{

    display:grid;

    grid-template-columns:

        repeat(auto-fit,minmax(320px,1fr));

    gap:25px;

    margin-top:40px;

}


/* ==========================================================
   Rodapé
   ========================================================== */

.news-footer{

    margin-top:50px;

    text-align:center;

    color:#777;

    border-top:1px solid #ddd;

    padding-top:20px;

}


/* ==========================================================
   Responsivo
   ========================================================== */

@media(max-width:900px){

.news-grid{

grid-template-columns:1fr;

}

.news-feature h2{

font-size:1.7rem;

}

.news-header h1{

font-size:2rem;

}

}

@media(max-width:600px){

.news-page{

padding:15px;

}

.news-feature-content{

padding:18px;

}

.news-card-body{

padding:15px;

}

.news-feature h2{

font-size:1.4rem;

}

.news-list{

grid-template-columns:1fr;

}

}

/* =======================================================
   HOME FISICANET — CSS REESTRUTURADO E APRIMORADO
   Mantém a identidade visual e adiciona refinamentos modernos
======================================================= */

/* =======================================================
   ESTILIZAÇÃO DA SEÇÃO DE NOTÍCIAS — FISICA.NET (AJUSTADO)
   ======================================================= */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap');

/* Margens laterais seguras para celulares (evita encostar nas bordas) */
.container-noticia-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Caixa com fundo preto e borda azul para o logotipo REAL NEWS */
.fnc-img-titulo {
    display: inline-block;
    padding: 6px 10px;
    margin: 8px 0;
    border-radius: 8px;
    background-color: #000000;
    border: 2px solid #004080;
    line-height: 0;
    max-width: 100%;
}

.fnc-img-titulo svg {
    width: 100%;
    height: auto;
    max-width: 422px;
}

.fnc-img-titulo:hover {
    background-color: #004080;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.real-news-text {
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    font-size: 36px;
    fill: #FFC107;
    letter-spacing: 2px;
}

/* Título da Notícia transformado em retângulo com leves cantos arredondados e largura controlada */
.titulo-da-noticia {
    display: block;
    width: 100%;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    background-color: #10439f;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 8px; /* Cantos levemente arredondados */
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(16, 67, 159, 0.25);
    word-break: break-word;
}

@media (min-width: 768px) {
    .titulo-da-noticia {
        font-size: 1.35rem;
        padding: 16px 28px;
    }
}

/* Conteúdo/texto da página justificado */
.conteudo-texto-pagina {
    text-align: justify;
    text-justify: inter-word;
    font-size: 1rem;
    line-height: 1.7;
    color: #334155;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.conteudo-texto-pagina p {
    margin-bottom: 1.2rem;
}

/* Atualização do card de listagem com a cor de fundo #395898 e texto branco */
.card-header.bg-primary {
    background-color: #395898 !important;
    color: #ffffff !important;
}

.card-header.bg-primary h5,
.card-header.bg-primary a {
    color: #ffffff !important;
}