#contenedor-proveedores-productos-servicios{ display: flex; column-gap: 35px; margin-top: 40px; margin-bottom: 60px; } nav.menu_anclado{ width: 20% !important; } nav.menu_anclado + .contenido_anclado{ width: 80%; } .contenido_anclado{ width: 100% !important; } .content-editor p{ text-align: justify; font-size: 12pt; } @media (max-width: 850px) { .contenedor-proveedores-productos-servicios{ display: block; column-gap: 35px; margin-top: 40px; } nav.menu_anclado{ display: none !important; } nav.menu_anclado + .contenido_anclado{ width: 100% !important; } .contenido_anclado{ width: 100% !important; } } header{ border-bottom: 10px solid #b7e39e; } .title-cont-img-container img{ margin-bottom: 20px !important; width: 100%; } .title-cont-img-container p, .title-cont-container p{ text-align: justify !important; } body.single-proveedor .miromina .productos-por-etiqueta h2{ display: none; } .img-leyenda-gallery{ display: grid; gap: 20px; flex-wrap: wrap; justify-content: center; margin-top: 10px; margin-bottom: 25px; } .img-leyenda-gallery img{ width: 100%; } .img-leyenda-gallery.columns-2{ grid-template-columns: repeat(2, 1fr); } .img-leyenda-gallery.columns-3{ grid-template-columns: repeat(3, 1fr); } .img-leyenda-gallery.columns-4{ grid-template-columns: repeat(4, 1fr); } .img-leyenda-gallery .img-leyenda-item{ border: 2px solid lightgray; border-radius: 10px; padding: 10px 10px 5px 10px; } .img-leyenda-gallery .img-leyenda-item img{ border-radius: 10px; } p.img-leyenda-caption{ margin: 0px; font-size: 9pt; font-weight: 600; line-height: 1; text-align: center; } .img-leyenda-gallery.columns-2 .img-leyenda-item:nth-last-child(1):nth-child(2n+1) { grid-column: span 2; } .img-leyenda-gallery.columns-3 .img-leyenda-item:nth-last-child(1):nth-child(3n+1) { grid-column: span 3; } .img-leyenda-gallery.columns-3 .img-leyenda-item:nth-last-child(2):nth-child(3n+1), .img-leyenda-gallery.columns-3 .img-leyenda-item:nth-last-child(1):nth-child(3n+2) { justify-self: end; } .img-leyenda-gallery.columns-3 .img-leyenda-item:nth-last-child(1):nth-child(3n+2) { justify-self: start; } .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(3):nth-child(4n+1), .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(2):nth-child(4n+2), .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(1):nth-child(4n+3) { grid-column: span 1; } .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(2):nth-child(4n+1), .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(1):nth-child(4n+2) { grid-column: span 2; } .img-leyenda-gallery.columns-4 .img-leyenda-item:nth-last-child(1):nth-child(4n+1) { grid-column: span 4; } @media (max-width: 850px) { .contenido_anclado .productos-por-etiqueta ul.productos-lista, .contenido_anclado .woocommerce ul.products{ grid-template-columns: 1fr 1fr 1fr !important; } } @media (max-width: 550px) { .contenido_anclado .productos-por-etiqueta ul.productos-lista, .contenido_anclado .woocommerce ul.products{ grid-template-columns: 1fr 1fr !important; } } @media (max-width: 400px) { .contenido_anclado .productos-por-etiqueta ul.productos-lista, .contenido_anclado .woocommerce ul.products{ grid-template-columns: 1fr !important; } } .contenido_anclado h1, .contenido_anclado h2, .contenido_anclado h3{ color: #67C432; width: 100%; font-weight: 600; text-transform: uppercase; scroll-margin-top: 80px !important; } .contenido_anclado h1, .contenido_anclado h2{ font-size: 20pt; } .productos-por-etiqueta > h2:after, .contenido_anclado [class^="title-cont-"] > h2:after, .contenido_anclado > h1:after{ content: ""; background: lightgray; box-shadow: inset -25px 0px #67C432; width: 50px; height: 4px; display: block; margin-top: 4px; margin-bottom: 20px !important; position: relative; left: 0px; } .contenido_anclado > [class^="title-cont-"] > h3, .contenido_anclado > .productos-por-etiqueta > h3, .contenido_anclado > h3{ font-size: 16pt !important; margin-bottom: 10px; } .lista-columnas-vinetas{ columns: 2; margin: 0px 0px 20px 20px; column-gap: 80px; } .lista-columnas-vinetas li{ break-inside: avoid; margin-bottom: 10px; } @media (max-width: 600px){ .lista-columnas-vinetas{ columns: 1 !important; text-align: justify; } } #contenedor-proveedores-productos-servicios nav.menu_anclado{ width: 100%; position: sticky; height: fit-content; top: 100px; padding-bottom: 40px; } #contenedor-proveedores-productos-servicios nav > *{ width: 100% !important; line-height: 1.3; font-size: 11pt; margin: 0px; } #contenedor-proveedores-productos-servicios nav > * > li, [class^="abrirform-prov-"]{ border: 1px solid #67C432; border-radius: 3px; text-align: left; list-style: none; line-height: 1; margin: 8px 0px; width: 100% !important; padding: 5px; width: 100%; font-weight: 600; } #contenedor-proveedores-productos-servicios a{width: 100% !important;} #contenedor-proveedores-productos-servicios nav li a{ color: #67C432; display: block; } #contenedor-proveedores-productos-servicios nav > ul:nth-child(1) > li{ background: gray; } #contenedor-proveedores-productos-servicios nav > ul:nth-child(1) > li a{ color: white; } [class^="abrirform-prov-"]{ background: #67C432; padding: 8px 4px; } #img-main{ border: 1px solid #67c432; border-radius: 10px; padding: 20px; position: relative; margin-bottom: 20px; height: 500px; } #img-main > img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } #img-logo{ position: absolute; top: 20px; right: 20px; width: 200px; } #img-logo img{ outline: 7px solid white; } #contacto{ width: 100%; display: grid; grid-template-columns: 1fr 3fr; padding: 5px; column-gap: 40px; font-size: 10pt; } #contacto ul{ display: flex; flex-wrap: wrap; column-gap: 20px; list-style: none; margin: 10px 0px; font-size: 10pt !important; align-content: flex-start; justify-content: flex-end; } #contacto ul#principal{ justify-content: flex-start !important; } #contacto ul#principal li{ background: darkorange; font-size: 12pt; color: white; list-style: none; font-weight: 600; justify-content: flex-start !important; } #contacto ul li{ margin-bottom: 5px; background: #f1f1f1; width: fit-content; padding: 0px 3px; height: fit-content; } #contacto ul li img{ position: relative; top: 5px; } .contenido_anclado .productos-por-etiqueta, .contenido_anclado .woocommerce{ margin-top: 0px; } .contenido_anclado .productos-por-etiqueta ul.productos-lista, .contenido_anclado .woocommerce ul.products{ margin: 0px 0px 50px 0px; list-style: none; display: grid; gap: 20px; } .contenido_anclado .productos-por-etiqueta ul.productos-lista { grid-template-columns: 1fr 1fr 1fr 1fr; } .contenido_anclado .woocommerce ul.products{ grid-template-columns: 1fr 1fr 1fr 1fr; } .contenido_anclado .productos-por-etiqueta ul.productos-lista li, .contenido_anclado .woocommerce ul.products li{ width: 100%; font-size: 11pt !important; line-height: 1.1; font-weight: 600; text-align: center; } .contenido_anclado .productos-por-etiqueta ul.productos-lista li img, .contenido_anclado .woocommerce ul.products li img{ border: 2px solid lightgray; border-radius: 10px; padding: 10px; width: 100%; } .contenido_anclado .productos-por-etiqueta ul.productos-lista li h3, .contenido_anclado .woocommerce ul.products li h3, .contenido_anclado .productos-por-etiqueta ul.productos-lista li h4, .contenido_anclado .woocommerce ul.products li h4{ font-size: 12pt; text-transform: uppercase; font-weight: 600; color: black !important; }