/** * Sección «articulos» de la página «blog», clonada de producción. * * Las clases `css-…` son los hashes que genera Emotion en el sitio viejo. * Se conservan literales para que el render sea idéntico; por eso no son * legibles. La plantilla que las usa está al lado, en el mismo directorio. * * Generado desde https://www.icasa.pe — no editar a mano salvo para corregir. */ .css-62igne{margin-top: 0; margin-bottom: 48px;} .css-16qpid4{box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px);} .css-16qpid4 > .MuiGrid-item{padding-top: 32px;} .css-16qpid4 > .MuiGrid-item{padding-left: 32px;} .css-1pmmlk2{box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;} @media (min-width: 600px){ .css-1pmmlk2{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;} } @media (min-width: 900px){ .css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;} } @media (min-width: 1200px){ .css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;} } @media (min-width: 1536px){ .css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;} } .css-1k70n1t{background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); overflow: hidden; cursor: pointer;} /* * La tarjeta es un `` y en producción era un `

` (ver la nota de * `card.php`). Un `` nace en línea y subrayado, así que hay que devolverlo * al estado del `div` original. No estaba en la hoja de Emotion porque allí no * hacía falta. * * El color no se toca: el `a{color:…}` de `base.css` es un selector de * elemento y pierde contra la clase de arriba, así que el texto se queda en el * `rgba(0, 0, 0, 0.87)` del original. Forzar `color: inherit` aquí sí ganaría, * y dejaría el texto en el gris del ``, que no es el de producción. */ a.css-1k70n1t{display: block; text-decoration: none;} .css-9y3ish{display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; object-fit: cover;} .css-15z6kje{padding: 16px; -webkit-box-flex: 1; flex-grow: 1;} .css-15z6kje:last-child{padding-bottom: 24px;} .css-10bfq8x{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66; color: rgba(0, 0, 0, 0.6);} .css-14gsg4e{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.75; font-weight: 700;} .css-1ykpitd{margin: 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; color: rgba(0, 0, 0, 0.6);}