/* ==========================================================
   Melhor Plataformas
   politica-jogos.css
   Página Política de Jogos
========================================================== */



/* ==========================
   CONTAINER PRINCIPAL
========================== */


.politica-page {

    padding: 30px;

}



/* ==========================
   TÍTULO
========================== */


.pagina-titulo {

    text-align: center;

    margin-bottom: 40px;

}



.pagina-titulo h1 {

    font-size: 36px;

    margin-bottom: 12px;

    font-weight: 700;

}



.pagina-titulo p {

    font-size: 17px;

    opacity: .8;

}



/* ==========================
   GRID DOS CARDS
========================== */


.politica-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

    margin-bottom: 40px;

}





/* ==========================
   CARDS
========================== */


.politica-card {

    background: var(--card-bg, #111827);

    border-radius: 18px;

    padding: 28px;

    text-align: center;

    box-shadow:

    0 10px 30px rgba(0,0,0,.25);

    transition: .3s ease;

}



.politica-card:hover {

    transform: translateY(-6px);

}



.politica-card i {

    font-size: 38px;

    margin-bottom: 18px;

}



.politica-card h2 {

    font-size: 22px;

    margin-bottom: 15px;

}



.politica-card p {

    line-height: 1.7;

    opacity: .85;

}



/* ==========================
   TEXTO DA POLÍTICA
========================== */


.politica-texto {

    max-width: 900px;

    margin: auto;

    background: var(--card-bg, #111827);

    padding: 35px;

    border-radius: 18px;

    box-shadow:

    0 10px 30px rgba(0,0,0,.20);

}



.politica-texto h2 {

    font-size: 26px;

    margin-top: 25px;

    margin-bottom: 15px;

}



.politica-texto h2:first-child {

    margin-top:0;

}



.politica-texto p {

    font-size:16px;

    line-height:1.8;

}



.politica-texto ul {

    padding-left:25px;

}



.politica-texto li {

    margin-bottom:12px;

    line-height:1.7;

}



/* ==========================
   ALERTA IMPORTANTE
========================== */


.politica-texto strong {

    font-weight:700;

}



/* ==========================
   RESPONSIVO TABLET
========================== */


@media(max-width:1000px){


.politica-grid {

    grid-template-columns:repeat(2,1fr);

}


}





/* ==========================
   RESPONSIVO MOBILE
========================== */


@media(max-width:600px){


.politica-page {

    padding:15px;

}



.pagina-titulo h1 {

    font-size:28px;

}



.politica-grid {

    grid-template-columns:1fr;

}



.politica-card {

    padding:22px;

}



.politica-texto {

    padding:22px;

}


}