/* .rrss {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    min-height: 12rem;
    color: #7B8DA6;
    text-decoration: none;
    font-size: xx-large;
} */
/* a:visited {color: #7B8DA6;} */

.headerNoticias{
    min-height: 25rem;
    width: 100%;
    background-image: url('../img/img.noticias/bienvenida\ padel');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



/* Grid */

.grid-container {
    /* border: 2px green solid; */
    align-items: start;
    color: #081526;
    width: 100%;
    display: grid; 
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    /* padding-bottom: 3rem; */
    /* padding-top: 3rem; */
}
.grid-container img {
    width: 75%;               
    height: auto;  
    border-radius: 1rem;
    padding-left: 10%;
    padding-right: 10%;
    /* border: 2px solid red; */
    /* background-color: yellowgreen; */
    
}


#noticia1 {
    width: 100%;
    /* border: red solid 2px; */
    background-image: url(../img/img.noticias/imagenpadel1);
    background-size: cover;
    min-height: 25rem;
    border-radius: 1rem;
    place-self: center;
    background-position: center;
}
#noticia2 {
    width: 100%;
    /* border: red solid 2px; */
    background-image: url(../img/img.noticias/imagenpadel2);
    background-size: cover;
    min-height: 25rem;
    border-radius: 1rem;
    place-self: center;
    background-position: center;
}
#noticia3 {
    width: 100%;
    /* border: red solid 2px; */
    background-image: url(../img/img.noticias/imagenpadel3);
    background-size: cover;
    min-height: 25rem;
    border-radius: 1rem;
    place-self: center;
    background-position: center;
}
#noticia4 {
    width: 100%;
    /* border: red solid 2px; */
    background-image: url(../img/img.noticias/imgnoticias4);
    background-size: cover;
    min-height: 25rem;
    border-radius: 1rem;
    place-self: center;
    background-position: center;
}
h4 a {
    font-family: PadelBold;
    font-size: 1.8rem;
    color: #081526;
    text-align: left;
    transition: 0.3s;
}
h4 a:hover {
    color: #B3D92B;
}

.fechaNoticia {
    font-size: 1rem;
    color: #B3D92B;
}

#textoNoticia1 {
    width: 100%;
    /* border: green 2px solid; */
}

.grid-container p {
    /* border: yellow 2px solid; */
    margin-top: 1rem;
}
article {
    margin-top: 2%;
    margin-bottom: 2%;
    padding-top: 2.5%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    background-color: white;
    border-radius: 1rem;
    box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
}

.botonNoticias {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 3rem;
    color: white;
    font-family: PadelBold;
    font-size: 1.2rem;
    background-color: white;
    border: #B3D92B solid 0.2rem;
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    color: #B3D92B;
    transition: 0.3s;
}
.botonNoticias:hover {
    background-color: #B3D92B;
    border: #B3D92B solid 1rem;
    color: white;
    transition: 0.3s;
}


.botonNoticias a {
    color: #B3D92B;
    font-family: PadelBold;
}
.botonNoticias a:hover {
    color: white;
    font-family: PadelBold;
}
/* 
    .divLogo {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        min-height: 4rem;
    }
    .divNavegacion {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        align-items: center;
        min-height: 5rem;
        padding-bottom: 0.4rem;
    }
    .lanSeleccion {
        font-size: 0.8rem;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: end;
    }
    .navPaginas {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    */
    
    .seccionInicio {
        /* border: #B3D92B solid 5px; */
        display: flex;
        justify-content: space-evenly;
        flex-wrap: nowrap;
    }
    .imgInicio {
        /* border: red solid 3px; */
        width: 50%;
    
    }
    .divInicio {
        /* border: yellow solid 3px; */
        width: 80%;
        min-height: 15rem;
    }

        /******************* MEDIA QUERIES ******************/
  
    /*    Codigo pagina en tablet       */
    @media (max-width: 960px) {
        .texto {width: 100%;}
        /* .rrss {
            width: 30%;  
            font-size: large;  
        } */
    
        .headerNoticias {
            min-height: 10rem;  
        }
    
        .grid-container {
            grid-template-columns: repeat(2, 1fr); 
            gap: 2rem; 
            place-content: center;
            /* padding: 2rem; */
        }
    
        .grid-container img {
            width: 80%; 
            padding-left: 0;
            padding-right: 0;
        }

    
    }


    /* Codigo pagina en smartphone  */
    @media (max-width: 768px) { 
        .texto {width: 100%;} 
        /* .rrss {
            width: 50%; 
            font-size: medium;  
        } */
    
        .headerNoticias {
            min-height: 10rem; 
            background-size: cover;  
        }
    
        .grid-container {
            grid-template-columns: 1fr; 
            gap: 1rem;
            /* padding: 1rem; */

        }
        article {
            /* border: red 2px solid; */
            margin-top: 2%;
            margin-bottom: 2%;
            padding-top: 2.5%;
            padding-left: 3%;
            padding-right: 3%;
            padding-bottom: 3%;
            background-color: white;
            border-radius: 1rem;
            box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
        
        }
    
        .grid-container img {
            /* height: auto;
            width: 25%; */
            padding-right: 0;
            padding-left: 0;
        
        }

        #noticia1, #noticia2, #noticia3, #noticia4 {
            min-height: 15rem;
        }

        

        section {width: 100%;}
        section div {width: 100%;
        padding-right: 0;
        padding-left: 0;}
        article {border-radius: 0;
        /* box-shadow: none;} */
    }
    }