/* Ajustes pedidos por el equipo de marca (nov-2026). Se carga al final de global-styling para ganar a las reglas anteriores. */

/* 1.1 Banner: el header (nav.navbar) es fixed y tapaba la parte de arriba del banner en escritorio. --header-h lo calcula js/header-offset.js con el alto real del header (cambia segun el ancho). */
@media (min-width: 992px) { .paragraph--type--banner-slider { margin-top: var(--header-h, 145px); } }

/* 1.2 Feed de Recetas y Tips del home: titulo max 2 lineas y descripcion max 3, con altura reservada, para que el boton quede alineado aunque los titulos sean largos. */
.vista-teaser-noticias-teaser h2.title-article-teaser { padding-top: 15px; margin-bottom: 8px; }
.vista-teaser-noticias-teaser h2.title-article-teaser a { padding-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 68px; }
.vista-teaser-noticias-teaser .content-body-teaser-article .field--name-body { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 72px; }
.vista-teaser-noticias-teaser .content-readMore-refisal { padding-top: 24px; }

/* 1.3 Internas de producto, carrusel Nuestros empaques: desde 769px la fila mide 300px fijos y el slide tiene overflow hidden; la imagen (258x322) se recortaba por abajo. */
@media (min-width: 769px) { .row.hover-bg-empaques img.img-diapositivas-empaques { max-height: 258px; width: auto; max-width: 100%; object-fit: contain; } }