@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap);*{box-sizing:border-box}body{margin:0;background-color:var(--bg-main-color);background-repeat:no-repeat}header{display:flex;width:100%;justify-content:flex-start;background-color:#fff}.productos_per{width:60%;margin-left:20%;display:inline-block;text-align:center;justify-content:center;padding:3%}.productos_per>h1{font-size:35px;font-family:'PT Sans Narrow';font-weight:200}.productos_per>p{font-size:15px;font-family:'PT Sans Narrow'}.div_grande{width:90%;display:flex;flex-wrap:wrap;justify-content:space-around;margin-left:5%;margin-bottom:100px}.div_foto{width:24%;display:flex;flex-wrap:wrap;position:relative;margin-bottom:1%}.div_foto_img{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover}.div_foto_descripcion,.div_foto_titulo{width:100%;z-index:100;text-align:center;color:#fff}.div_foto_img_hover{opacity:.2}.div_foto_titulo{font-size:35px;padding-top:30%}.div_foto_descripcion{padding:10%;font-size:25px}.div_foto:hover>.div_foto_descripcion,.div_foto:hover>.div_foto_titulo{color:#000}.div_foto:hover>img{opacity:.4}.efecto-zoom{-webkit-transform:scale(1.3);transform:scale(1.3);transition:1s ease-in-out;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out}@media screen and (max-width:1500px){.div_foto{width:32.5%;transition:.2s ease-in-out}}@media screen and (max-width:1100px){.div_foto{width:49%;transition:.2s ease-in-out}}@media screen and (max-width:700px){.div_foto{width:65%;transition:.2s ease-in-out}}@media screen and (max-width:600px){.div_foto{width:80%;transition:.2s ease-in-out}}@media screen and (max-width:400px){.div_foto{width:95%;transition:.2s ease-in-out}}