*{ 
    padding: 0;
    margin: 0;
}

a { 
    text-decoration: none;
}

header { 
    background-color: #fbbc02;
    padding: 20px 80px 40px 80px;
}

.contenerdor-de-logo  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px 0 ;
}

.contenerdor-de-logo a { 
    align-items: center;
    display: inline-flex;
    align-items: center;
}

.icon {  
    width:150px;
    height:70px;
    padding: 20px 0 0  0;
}

.contenedor-info { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.logo-date a { 
    display: inline-flex;
    align-items: center;
    padding:  0 5px 0  0;
}


.img-banner { 
    width: 100%;
}

.title { 
    text-align: center;
}

.productos { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    gap: 15px;
}

.articulos { 
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 40px;
}

.productos img { 
    height: 350px;
    width: 250px;
}

h2 { 
    font-size: 1.3em;
}

.btn { 
    padding: .375rem .75rem;
  border-radius: .25rem;
  background-color: #007bff;
  color: #fff;
  transition: background-color .15s ease-in-out;
}

.btn-bootstrap:hover, .btn-bootstrap:focus {
  background-color: #0069d9;
}

.btn-bootstrap:active {
  background-color: #0062cc;
}

.hola { 
    text-align: center;
}

.productos-destacados { 
    display: flex;
    justify-content: space-around;
   flex-wrap: wrap;
   align-items: center;
   padding: 0 100px;
   gap: 15px;
}
.productos-destacados img { 
    height: 500px;
    width: 400px;
}

.articulos-destacados { 
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 80px;
    position: relative;
    display: inline-block;
    text-align: center;
}


.texto-encima { position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide { 
    margin: 15px 0  0 0;
}

/* .redes { 
    align-items: center;
} */


@media (max-width:820px) { 
    .productos { 
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
}

@media (max-width:750px) { 
    .productos-destacados img { 
        width: 300px;
        height: 320px;
    }
}

@media (max-width:520px) { 
    .productos-destacados img { 
        width: 150px;
        height: 320px;
    }
}

@media (max-width:420px) { 
    .productos img { 
        height: 150px;
        width: 120px;
    }
}