*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root{
    --var-azul : #1D52A3;
    --var-amarillo: #FDBD01;
    --var-verde: #04984C;
    --var-negro-plomo:#666666;
    --var-azul-acero: #0D233A;
    --var-azul-claro:#143558;
}
ul{
    list-style: none;
}

header{
    width: 100%;
    height: 40vh;
    background-image: linear-gradient(rgba(2, 12, 24, 0.815), rgba(2, 12, 24, 0.795)), url('../images/politicas.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.migajas{
    width: 100%;
    height: 100%;
    padding: 0 10%;
    position: relative;
    
}
.cajon-miga{
    position: absolute;
    bottom: 80px;
}
.cajon-miga h1{
    color: var(--var-amarillo);
    font-size: 40px;
    font-weight: 600;
}
.pan{
    display: flex;
    align-items: center;

}
.pan a{
    color: white;
    font-weight: 400;
    
    text-decoration: none;
}
.pan span{
    margin:  0 10px;
    color: white;
}
.text-po{
 width: 100%;
 padding: 2% 10%;
}
.text-po h5{
    font-size: 18px;
    margin-top: 5px;
}
.text-po p{
    font-size: 15px;
    margin: 10px 0;
    text-align: justify;
}

@media (min-width: 768px) and (max-width: 1023px){
    .content-normas{
        width: 100%;
        padding: 5% 10%;
        display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 40px;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    .content-normas{
        width: 100%;
        padding: 0;
        display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 5px;
    }.text-po{
        width: 100%;
        padding: 1% 8%;
       }
       .text-po h5{
           font-size: 15px;
           text-align: center;
       }
       .text-po p{
           font-size: 13px;
       }
 
        .contenedor-redes-sociales{
            display: none;
        }
        header{
            width: 100%;
            height: 350px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0;
            padding: 0;
            overflow: hidden;
            position: relative;
        }
    
        .migajas{
            width: 100%;
            height: auto;
            padding: 0 10%;
            position: relative;
            
        }
        .cajon-miga{
            position: relative;
            bottom: -150px;
            text-align: center;
        }
        
        .pan{
            width: 100%;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
        
        }
        .cajon-miga h1{
            font-size: 20px;
        }
        .content-info{
            flex-direction: column;
            padding: 5%;
        }
}