print-a4-grid-a6:root { --color-1: rgba(184, 85, 89); --color-4: rgba(88, 89, 90); } @page { size: auto; margin: 0; } @page:first { margin: 0; } /* @page:last { margin: 0; } */ @page rotada { size: landscape; } @media print { body, html { height: 100%; } body { background: transparent; background-color: transparent; overflow-x: hidden; } body a, body abbr, body address, body area, body article, body aside, body audio, body b, body bdi, body bdo, body blockquote, body body, body br, body button, body canvas, body caption, body cite, body code, body col, body colgroup, body command, body data, body datalist, body dd, body del, body details, body dfn, body dl, body dt, body em, body embed, body fieldset, body figcaption, body figure, body footer, body form, body h1, body h2, body h3, body h4, body h5, body h6, body header, body hr, body html, body i, body iframe, body img, body input, body ins, body kbd, body keygen, body label, body legend, body li, body main, body map, body mark, body math, body menu, body meter, body nav, body object, body ol, body optgroup, body option, body output, body p, body param, body pre, body progress, body q, body rp, body rt, body ruby, body s, body samp, body section, body select, body small, body source, body span, body strong, body sub, body summary, body sup, body svg, body table, body tbody, body td, body textarea, body tfoot, body th, body thead, body time, body tr, body track, body u, body var, body video, body wbr { float: none; margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; vertical-align: baseline; background-color: inherit; /* color: inherit; */ -webkit-print-color-adjust: exact; print-color-adjust: exact; transition: none; -moz-transition: none; -webkit-transition: none; text-shadow: none !important; -ms-filter: none !important; filter: none !important; box-shadow: none !important } /* Aplica box-sizing: border-box a todo */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } } /* Estilos comunes */ @media print { body #main-container > main article .ct-share-box, body #main-container > main > .ct-container > aside, #main-container > header { display: none !important; } body #main-container > main, body #main-container > footer { width: 100% !important; max-width: 100% !important; } #main-container > main > .ct-container > article { /* background: #FFFFFF; background-color: #FFFFFF; */ } #main-container > footer { position: static; /* Salto de página antes: siempre */ page-break-before: always; /* Rompres antes de: página */ -moz-column-break-before: page; break-before: page; /* Romper en medio: evitar */ -moz-column-break-inside: avoid; break-inside: avoid; /* Para compatibilidad antigua */ page-break-inside: avoid; height: 100vh; max-height: 100vh; /* margin: 0 !important; */ /* padding: 0 !important; */ display: flex; flex-wrap: wrap;; justify-content: center; align-items: center; align-content: center; text-align: center; } #main-container > footer > div { width: 100%; } .only-screen { display: none; } /* 72 dpi = 595px * 892px */ } /* Stilos posts */ @media print { /* body.single main#main hero-section ct-container ARTICLE.post entry-content is-layout-flow ct-share-box is-width-constrained ct-hidden-sm */ /* Imagen de fondo */ #main-container #main { background-image: none; } /* Portada */ #main-container > main .hero-section { height: 100vh; padding: 4em; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; } #main-container > main .hero-section > header > .page-description, #main-container > main .hero-section > header > nav { display: none; } #main-container > main .hero-section > header > h2 { font-size: 5em; font-weight: 800; } /* @page print display */ /* #main-container > main .ct-container article, */ #main-container > main > .ct-container { display: block; margin: 0; padding: 0; width: 100%; max-width: 100%; margin: 0 auto; } } /* Stilos page catalogo article.page.type-page.status-publish.hentry entry-content is-layout-constrained wp-block-stackable-columns alignfull stk-block-columns stk-block stk-block-background PORTADA SECTION wp-block-stackable-columns alignfull stk-block-columns stk-block CATALOGADO */ @media print { /* @page print */ /* Flex null */ #main-container > main article.page > .entry-content:after { /* display: none; */ } /* Page o post con portada */ #main-container > main article.page .portada .wp-block-stackable-columns .stk-row { display: block; } #main-container > main article.page .portada .boton-imprimir { display: none; } /* Print A4 */ #main-container > main article.hentry section.catalogado > .stk-row { display: block; } #main-container > main article.hentry section.catalogado > .stk-row > div, #main-container > main article.hentry section.catalogado > .stk-row { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } #main-container > main > .ct-container article.post > .entry-content article aside > .stk-row, #main-container > main article.hentry section.catalogado article aside > .stk-row { display: block; } #main-container > main > .ct-container article.post > .entry-content .print, #main-container > main article.hentry section.catalogado .print, #main-container > main article.hentry section.catalogado > .stk-row header.header > .stk-row { display: block; } /* Página A4 print --- section.CATALOGADO > stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks --- HEADER.HEADER-A4 --- wp-block-stackable-columns stk-block-columns stk-block HEADER-A4 ... h3 wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-columns.EN-CATALOGO wp-block-stackable-columns.PRINT.HEADER-A4 wp-block-stackable-columns.EN-CATALOGO wp-block-stackable-columns.PRINT.HEADER-A4 wp-block-stackable-columns.EN-CATALOGO wp-block-stackable-columns.PRINT.HEADER-A4 wp-block-stackable-columns.EN-CATALOGO */ /* @page print display */ /* #main-container > main article.hentry section.catalogado */ #main-container > main > .ct-container-full > article.page section.catalogado, #main-container > main > .ct-container > article.post { margin: 1cm 1.5cm !important; } /* @age title */ #main-container > main > .ct-container article.post > .entry-content .print.header-a4:not(:first-of-type), #main-container > main article.hentry section.catalogado .print.header-a4 { /* Salto de página antes: siempre */ page-break-before: always; } #main-container > main > .ct-container article.post > .entry-content .page-header, #main-container > main > .ct-container article.post > .entry-content .header-a4, /* #main-container > main article.hentry section.catalogado .page-a4 .page-header, */ #main-container > main article.hentry section.catalogado .header-a4 { height: 4cm !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 1.5cm 0 0 0 !important; } #main-container > main > .ct-container article.post > .entry-content .page-header .wp-block-stackable-divider, #main-container > main > .ct-container article.post > .entry-content .header-a4 .wp-block-stackable-divider, #main-container > main article.hentry section.catalogado .header-a4 .wp-block-stackable-divider { padding-top: 0.2cm !important; } #main-container > main > .ct-container-full > article.page section.catalogado .footer-a4, #main-container > main > .ct-container article.post > .entry-content .footer-a4 { height: 1cm !important; width: 100% !important; max-width: 100% !important; padding-top: 0.5cm !important; } #main-container > main > .ct-container article.hentry > .entry-content .wp-block-stackable-columns.en-catalogo, #main-container > main article.hentry section.catalogado .wp-block-stackable-columns.en-catalogo { /* height: calc(29.7cm - 1.5cm - 4cm); max-height: calc(29.7cm - 1.5cm - 4cm); */ height: calc(29.7cm - 2cm - 4cm); max-height: calc(29.7cm - 2cm - 4cm); } /* --------------------------------------------- --- Article A4 con header incluido --- --------------------------------------------- */ #main-container > main article.hentry article.producto.page-a4 { /* padding: 0 !important; */ } #main-container > main article.hentry section.catalogado .page-a4 .page-header { height: 4cm !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 1.5cm 0 0 0 !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .wp-block-stackable-divider { padding-top: 0.2cm !important; } /* Descontar el margin y el footer */ #main-container > main article.hentry section.catalogado .wp-block-stackable-columns.en-catalogo.page-a4, #main-container > main > .ct-container article.hentry > .entry-content .wp-block-stackable-columns.page-a4 { height: calc(29.7cm - 2cm); max-height: calc(29.7cm - 2cm); } #main-container > main article.hentry article.producto.page-a4 .article-main-content .article-main-rows > .stk-row { height: calc(29.7cm - 2cm - 4cm); max-height: calc(29.7cm - 2cm - 4cm); display: flex !important; flex-direction: column !important; justify-content: space-between !important; } #main-container > main article.hentry article.producto.page-a4 .article-main-content .article-main-rows .article-main-row { padding: 0 !important; /* flex: 1 1 auto; */ flex-shrink: 1; } /* Un poco de aire en svg */ #main-container > main article.hentry section.catalogado .page-a4 .page-header .padding2px figure img, #main-container > main article.hentry > .entry-content .page-a4 .page-header .padding2px figure img { padding: 2px !important; } #main-container > main article.hentry article.producto.page-a4 .article-main-content .article-main-rows .article-main-row .column-img { width: 30%; flex: 0 0 30%; } #main-container > main article.hentry .page-a4 .article-main-content .column-img-45 { width: 45%; flex: 0 0 45%; } #main-container > main article.hentry .page-a4 .article-main-content .column-img-50 { width: 50%; flex: 0 0 50%; } #main-container > main article.hentry .page-a4 .article-main-content .column-img-100 { width: 100%; flex: 0 0 100%; } #main-container > main article.hentry .page-a4 .article-main-content .column-text aside.icon-list > .stk-row figure span { width: 1.5rem !important; line-height: 1.5rem !important; font-size: 1.5rem !important; } #main-container > main article.hentry .page-a4 .article-main-content .column-text aside.icon-list > .stk-row p { font-size: 1em !important; line-height: 1.5 !important; } /* #main-container > main article.hentry article.producto.page-a4, */ #main-container > main article.hentry .page-a4 { /* 1cm margin-top + 1cm footer */ /* height: calc(29.7cm - 1cm -1cm); max-height: calc(29.7cm - 1cm -1cm); */ /* display: flex !important; flex-direction: column !important; justify-content: space-between !important; */ /* Romper en medio: evitar */ page-break-inside: avoid; } /* ---------------------------------------------------- --- Fin de Article A4 con header incluido --- ---------------------------------------------------- */ /* --------------------------------------------- --- Article A5 con header incluido --- --------------------------------------------- */ #main-container > main article.hentry .productos.page-a4 { padding: 0 !important; } #main-container > main article.hentry > .entry-content .productos.page-a4 > .stk-row { height: calc(29.7cm - 2cm); max-height: calc(29.7cm - 2cm); display: flex !important; flex-direction: column !important; justify-content: space-between !important; } /* 2 filas de A5 */ #main-container > main article.hentry > .entry-content .productos.page-a4 > .stk-row .article-a5-container { /* height: calc((29.7cm - 2cm)/2); max-height: calc((29.7cm - 2cm)/2); */ /* flex: 1 1 auto; */ /* flex-shrink: 1; */ } #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 { /* flex: none; display: block; */ padding: 0 !important; } #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 > .stk-row { /* flex: none; */ display: block; /* padding: 0 !important; */ } #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content { /* height: calc((29.7cm - 2cm) / 2 - 4cm); */ height: auto; max-height: calc((29.7cm - 2cm) / 2 - 4cm); padding: 0 !important; } /* 2 filas dentro del A5 */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5.img-bottom .article-main-content > .stk-row .article-main-row.columnn-img-100 { background: lightyellow; height: calc(((29.7cm - 2cm)/2 - 4cm)/2); max-height: calc(((29.7cm - 2cm)/2 - 4cm)/2); /* flex: 1 1 auto; */ flex-shrink: 1; } #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5.img-bottom .article-main-content > .stk-row .article-main-row.column-img-100 .footer-images { /* padding: 0 !important; */ } #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5.img-bottom .article-main-content > .stk-row .article-main-row.column-img-100 .footer-images figure span { height: calc(((29.7cm - 2cm) / 2 - 4cm) / 2); max-height: calc(((29.7cm - 2cm) / 2 - 4cm) / 2); flex: 1 1 auto; } /* #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content > .stk-row .article-main-row */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text .wp-block-stackable-heading, /* #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text aside.icon-list, */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text .article-text .wp-block-stackable-text:not(:last-of-type) { padding-bottom: 0.5rem !important; } /* Article A5 normal */ /* Todos los p de la columna de texto */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text h4, #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text p { font-size: 1em !important; line-height: 1.5 !important; } /* Texto del aside icon-list */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text aside.icon-list > .stk-row p { font-size: 0.8em !important; line-height: 1.2 !important; } /* Icono del aside icon-list */ #main-container > main article.hentry .page-a4 article.article-a5 .column-text aside.icon-list > .stk-row figure span { width: 1rem !important; line-height: 1.2 !important; font-size: 1rem !important; } /* Article A5 little space */ /* Todos los p de la columna de texto */ #main-container > main article.hentry > .entry-content .productos.page-a4 article.producto.article-a5 .article-main-content .column-text.little-space p { font-size: 0.8em !important; line-height: 1.5 !important; } /* ---------------------------------------------------- --- Fin de Article A5 con header incluido --- ---------------------------------------------------- */ /* Página A4 print content: Title + 2 dípticos con Productos --- .wp-block-stackable-columns.EN-CATALOGO > stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-columns stk-block-columns stk-block DIPTICO wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-columns stk-block-columns stk-block DIPTICO */ #main-container > main > .ct-container article.post > .entry-content .wp-block-stackable-columns.en-catalogo > .stk-row, #main-container > main article.hentry section.catalogado .wp-block-stackable-columns.en-catalogo > .stk-row { flex: none !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; /* height: 100% !important; */ min-height: calc(29.7cm - 2cm - 4cm); /* flex-wrap: wrap !important; */ /* Romper en medio: evitar */ page-break-inside: avoid; } #main-container > main > .ct-container article.post > .entry-content .wp-block-stackable-columns.en-catalogo > .stk-row > .wp-block-stackable-column, #main-container > main article.hentry section.catalogado .wp-block-stackable-columns.en-catalogo > .stk-row > .wp-block-stackable-column { display: block; flex: none !important; width: 100%; max-width: 100%; /* flex: 1 1 0; */ height: auto !important; max-height: none !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico { padding: 0 0 2rem 0 !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.fin { padding: 0 !important; } #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo { padding: 0 !important; } #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo .folio { padding: 0 0 2rem 0 !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-50 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-50 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-50 figure img, #main-container > main > .ct-container article.post .page-header .img-50 figure span, #main-container > main > .ct-container article.post .page-header .img-50 figure img { width: 50px !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-66 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-66 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-66 figure img, #main-container > main > .ct-container article.post .page-header .img-66 figure span, #main-container > main > .ct-container article.post .page-header .img-66 figure img { width: 66px !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-75 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-75 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-75 figure img, #main-container > main > .ct-container article.post .page-header .img-75 figure span, #main-container > main > .ct-container article.post .page-header .img-75 figure img { width: 75px !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-100 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-100 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-100 figure img, #main-container > main > .ct-container article.post .page-header .img-100 figure span, #main-container > main > .ct-container article.post .page-header .img-100 figure img { width: 100px !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-120 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-120 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-120 figure img, #main-container > main > .ct-container article.post .page-header .img-120 figure span, #main-container > main > .ct-container article.post .page-header .img-120 figure img { width: 120px !important; } #main-container > main article.hentry section.catalogado .page-a4 .page-header .img-150 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-150 figure span, #main-container > main article.hentry section.catalogado .header-a4 .img-150 figure img, #main-container > main > .ct-container article.post .page-header .img-150 figure span, #main-container > main > .ct-container article.post .page-header .img-150 figure img { width: 150px !important; } /* Page Title wp-block-stackable-columns stk-block-columns stk-block PRINT HEADER-A4 */ /* 1/2 Página A4 print: 2 dípticos con Productos --- .wp-block-stackable-column.DIPTICO > stk-row stk-inner-blocks stk-block-content stk-content-align --- article.PRODUCTO.BOTELLIN ARTICLE.wp-block-stackable-column stk-block-column stk-column stk-block PRODUCTO BOTELLIN stk-column-wrapper stk-block-column__content stk-container stk--column-flex stk-block-content stk-inner-blocks wp-block-stackable-columns stk-block-columns stk-block stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block h4 wp-block-stackable-text stk-block-text stk-block p wp-block-stackable-columns stk-block-columns stk-block stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk--column-flex stk-block-content stk-inner-blocks wp-block-stackable-columns stk-block-columns stk-block FORMATOS ARTICLE.wp-block-stackable-column stk-block-column stk-column stk-block PRODUCTO BOTELLIN */ #main-container > main .wp-block-stackable-columns.en-catalogo article.folio, #main-container > main > article.hentry > .entry-content .wp-block-stackable-columns.en-catalogo > .stk-row > .wp-block-stackable-column .diptico, #main-container > main article.hentry section.catalogado .wp-block-stackable-columns.en-catalogo > .stk-row > .wp-block-stackable-column .diptico { padding: 0 !important; } #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .formatos, #main-container > main article.page section.catalogado .en-catalogo .diptico article .formatos { margin-top: 0 !important; } #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .formatos .stk-block-text, #main-container > main article.page section.catalogado .en-catalogo .diptico article .formatos .stk-block-text { margin-bottom: 0 !important; } #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .stk-block-heading, #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .stk-block-text, #main-container > main article.page section.catalogado .en-catalogo .diptico article .stk-block-heading, #main-container > main article.page section.catalogado .en-catalogo .diptico article .stk-block-text { margin-bottom: 1em !important; } /* Foto y tabla de producto --- .wp-block-stackable-columns.FORMATOS > stk-row stk-inner-blocks stk-block-content stk-content-align stk--flex --- IMG wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-image stk-block-image has-text-align-center-mobile stk-block FIGURE A SPAN.stk-img-wrapper stk-image--shape-stretch IMG --- Flex TABLE wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks ASIDE.wp-block-stackable-columns stk-block-columns stk-block stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk-block-content stk-inner-blocks wp-block-stackable-columns stk-block-columns stk-block stk-row stk-inner-blocks stk-block-content stk-content-align wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk--block-horizontal-flex stk-block-content stk-inner-blocks wp-block-stackable-image stk-block-image stk-block FIGURE wp-block-stackable-column stk-block-column stk-column stk-block stk-column-wrapper stk-block-column__content stk-container stk--block-horizontal-flex stk--column-flex stk-block-content stk-inner-blocks wp-block-stackable-text stk-block-text stk-block P wp-block-stackable-column stk-block-column stk-column stk-block ... wp-block-stackable-column stk-block-column stk-column stk-block ... */ /* #main-container > main > .ct-container article.post > .entry-content .en-catalogo .cuartilla .detalle > .stk-row, */ #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico .formatos > .stk-row, #main-container > main article.page section.catalogado .en-catalogo .diptico .formatos > .stk-row { -moz-column-gap: 8px; column-gap: 8px; /* height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; */ } /* Foto */ /* #main-container > main > .ct-container article.post > .entry-content .en-catalogo >.stk-row .cuartilla .detalle > .stk-row, */ #main-container > main > .ct-container article.post > .entry-content .en-catalogo > .stk-row .diptico article .wp-block-stackable-image.print-35mm figure img, #main-container > main article.page section.catalogado .en-catalogo > .stk-row .diptico article .wp-block-stackable-image.print-35mm figure img { width: 3.5em !important; } /* Article.folio */ #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo header .column-img, #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo .folio .column-img, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio header .column-img, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio .column-img { width: 30%; flex: 0 0 30%; } /* #main-container > main article.page section.catalogado .wp-block-stackable-columns.en-catalogo article.folio header .column-img-4, #main-container > main article.page section.catalogado .wp-block-stackable-columns.en-catalogo article.folio .column-img-4, #main-container > main > .ct-container article.post > .entry-content .wp-block-stackable-columns.en-catalogo article.folio header .column-img-4, #main-container > main > .ct-container article.post > .entry-content .wp-block-stackable-columns.en-catalogo article.folio .column-img-4 { width: 40%; flex: 0 0 40%; } */ /* Article.asimetrico */ /* Gama de envases en dípticos izq./dcha */ /* Article.asimetrico Aguas Foto/s de producto en dípticos izq./dcha */ /* 1 imagen de producto dcha / izq. */ #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header .column-img, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img { width: 2cm; flex: 0 0 2cm; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img figure img { width: 2cm !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header .column-img-a5-4cm, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-a5-4cm { width: 2.5cm; flex: 0 0 2.5cm; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-a5-4cm figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-a5-4cm figure img { width: 2.5cm !important; } /* 2 imágenes del producto dcha / izq. */ #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header .column-img-2, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-2 { width: 3cm; flex: 0 0 3cm; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-2 figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-2 figure img { width: 1.5cm !important; } /* 4 imágenes del producto dcha / izq. */ #main-container > main .wp-block-stackable-columns.en-catalogo article.article-a5 header .column-img-5cm, #main-container > main .wp-block-stackable-columns.en-catalogo article.article-a5 .column-img-5cm, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header .column-img-5cm, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-5cm { width: 5cm; flex: 0 0 5cm; } #main-container > main .wp-block-stackable-columns.en-catalogo article.article-a5 .column-img-5cm figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.article-a5 .column-img-5cm figure img, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-5cm figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-5cm figure img { width: 4cm !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header .column-img-4, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .column-img-4 { width: 6cm; flex: 0 0 6cm; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-210e1000 { flex-basis: 21% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-260e1000 { flex-basis: 26% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-320e1000 { flex-basis: 32% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-210e1000 figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-210e1000 figure img { width: calc( 6cm * 210/1000 ) !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-260e1000 figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-260e1000 figure img { width: calc( 6cm * 260/1000 ) !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-320e1000 figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico .wp-block-stackable-column.column-img-4 .wu-320e1000 figure img { width: calc( 6cm * 320/1000 ) !important; } /* Header con logo */ #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header > .stk-row, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header + .wp-block-stackable-columns > .stk-row { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } /* Tipografía */ #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo header { padding-bottom: 1rem !important; } #main-container > main article.hentry > .entry-content .page-header h3, #main-container > main article.hentry > .entry-content .header-a4 h3 { font-size: 2em !important; line-height: 1.25 !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico header h3, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside ~ .wp-block-stackable-columns h4, #main-container > main article.hentry > .entry-content article.producto h4 { font-size: 2em !important; line-height: 1.25 !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo header h3, #main-container > main article.hentry > .entry-content article.producto.print-a4-grid-a6 h4 { font-size: 1.5em !important; line-height: 1.25 !important; /* color: blue !important; */ } #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo .folio aside ~ .wp-block-stackable-columns h4, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo aside ~ .wp-block-stackable-columns h4, #main-container > main article.hentry > .entry-content article.producto .wu-h4-seo h4 { font-size: 1.25em !important; line-height: 1.25 !important; } #main-container > main > .ct-container article.post > .entry-content h5 { font-size: 1.5em !important; line-height: 1.25 !important; } /* Texto del article */ #main-container > main article.hentry section.catalogado .en-catalogo .diptico article .stk-block-text, #main-container > main article.hentry section.catalogado .en-catalogo .diptico article .stk-block-tex p, #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .stk-block-text, #main-container > main > .ct-container article.post > .entry-content .en-catalogo .diptico article .stk-block-tex p { line-height: 1.5 !important; font-size: 0.8em !important; } /* Espeficicar article aquí */ /* Line height formato envases */ #main-container > main article.hentry > .entry-content .wp-block-stackable-columns.en-catalogo article.producto aside.icon-list > .stk-row .wp-block-stackable-column, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside .envase-line-height { line-height: 1.25rem !important; min-height: 1.25rem !important; } #main-container > main > .ct-container article.post > .entry-content article aside > .stk-row figure span, #main-container > main article.hentry section.catalogado article aside > .stk-row figure span { width: 1rem !important; line-height: 1rem; font-size: 1rem; } #main-container > main .wp-block-stackable-columns.en-catalogo article.folio aside > .stk-row figure span, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside > .stk-row figure span { width: 1rem !important; line-height: 1rem; font-size: 1rem; } /* #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside .envase-line-height { line-height: 1.1rem !important; } */ /* Textos largos */ /* Tabla resumen de características */ #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo aside, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.texto-largo aside { padding-bottom: 1.5rem !important; } #main-container > main article.hentry > .entry-content article article.wp-block-stackable-columns.en-catalogo .folio .column-text aside > .stk-row > .wp-block-stackable-column, #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo .folio .column-text aside > .stk-row > .wp-block-stackable-column, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio aside > .stk-row > .wp-block-stackable-column { min-height: 1.5rem !important; } #main-container > main article.hentry > .entry-content article.en-catalogo .folio.texto-largo .column-text aside ~ .wp-block-stackable-columns .stk-block-text p { line-height: 1.5 !important; font-size: 1rem !important; } #main-container > main article.hentry > .entry-content article.wp-block-stackable-columns.en-catalogo .folio .column-img ~ aside > .stk-row > .wp-block-stackable-column .stk-block-tex p, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.texto-largo aside > .stk-row > .wp-block-stackable-column .stk-block-tex p { line-height: 1.5 !important; font-size: 0.8em !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle { padding-bottom: 0.5rem !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-text p, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle, #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico aside ~ .wp-block-stackable-columns .wp-block-stackable-text p { line-height: 1.5 !important; font-size: 1rem !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.folio.texto-muy-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle, #main-container > main .wp-block-stackable-columns.en-catalogo article.folio.folio.texto-muy-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-text p { line-height: 1.2 !important; font-size: 0.8rem !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-subtitle p { font-size: 1rem !important; } #main-container > main .wp-block-stackable-columns.en-catalogo article.asimetrico.texto-largo aside ~ .wp-block-stackable-columns .wp-block-stackable-text p { font-size: 0.8rem !important; } /* Gama de envases al footer */ #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases { width: 100%; max-width: 100%; } #main-container > main > .ct-container article.post > .entry-content .en-catalogo .footer-envases > .stk-row > .wp-block-stackable-column { /* flex-grow: 0 !important; */ } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-45e1000 { flex-basis: 4.5% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-80e1000 { flex-basis: 8% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-100e1000 { flex-basis: 10% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-170e1000 { flex-basis: 17% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-200e1000 { flex-basis: 20% !important; } #main-container > main .wp-block-stackable-columns.en-catalogo .footer-envases .wu-400e1000 { flex-basis: 40% !important; } /* --------------------------------------------------- --- Catálogo detallado --- --------------------------------------------------- */ /* #main-container > main > .ct-container article.post > .entry-content .en-catalogo >.stk-row article.cuartilla .stk-block-content > .detalle > .stk-row .wp-block-stackable-column.info .stk-block-text p, */ #main-container > main > .ct-container article.post > .entry-content article aside > .stk-row p, #main-container > main article.hentry section.catalogado article aside > .stk-row p { font-size: 0.7em !important; line-height: 1 !important; } /* #main-container > main > .ct-container article.post > .entry-content article aside > .stk-row p, */ }