/* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-botao-do-catalogo-da-categoria-de-produto - início */ /* ----------------------------------------- */ .btn_catalogo{ background-color:#2B3D6B; color:#ffffff; } /* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-botao-do-catalogo-da-categoria-de-produto - fim */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-listagem-de-categorias-para-listagem-de-produtos - início */ /* ----------------------------------------- */ .categorias .categoria a{ color:#000000; font-size:20px; margin-bottom:10px; } /* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-listagem-de-categorias-para-listagem-de-produtos - fim */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-listagem-de-produtos - início */ /* ----------------------------------------- */ .produtos{ display:grid; grid-column-gap:15px; grid-row-gap:15px; justify-items:space-between; grid-template-columns: repeat( 3, minmax(270px, 1fr) ); } .produtos h3{ grid-column:1 / span 3; } .produtos .produto{ display:grid; border-radius:5px; border:solid 2px #2B3D6B; transition:all .3s; padding:20px; justify-content:center; align-items:end; } .produtos .produto:hover{ background-color:#2B3D6B; } .produtos .produto img{ width:100%; height:auto; } .produtos .produto .titulo{ color:#2B3D6B; text-align:center; transition:all .3s; font-weight:bold; margin-top:15px; } .produtos .produto:hover .titulo{ color:#ffffff; } .produtos .produto .titulo a{ color:inherit; } @media (max-width: 768px) { .produtos{ grid-template-columns: repeat( 1, minmax(270px, 1fr) ); } .produtos h3{ grid-column:1 / span 1; } } /* ----------------------------------------- */ /* Modelo de conteúdo: loop-item-in-listagem-de-produtos - fim */ /* ----------------------------------------- */