/*
 * Estilos propios de la landing de Envasados.
 * Colores de marca (--oz-brand-primary / --oz-brand-accent) ya definidos
 * en style.css del child — se reutilizan aquí, no se redefinen.
 */

/* CTA de WhatsApp de la landing (shortcode oz_envasados_whatsapp_cta) */
.oz-envasados-wsp-cta {
	display: inline-block;
	background: #25D366;
	color: #ffffff;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.15s ease;
}
.oz-envasados-wsp-cta:hover {
	background: #1ebe5a;
	color: #ffffff;
}

/* Fichas de marca (Supremo / Al Toque): imagen + card apilados con espacio,
   preparadas para que el logo real se agregue después sin tocar código. */
.oz-pb-card__text--2 {
	color: var(--oz-brand-primary);
	margin-top: 8px;
}
.oz-pb-card__text--3 {
	color: #5c5548;
}

/*
 * Slot de imagen reservado (usado en Marcas/Catálogo/Proceso). El
 * aspect-ratio/max-width se fija inline por bloque; aquí solo va la
 * apariencia cuando está vacío, para que el espacio se sienta diseñado
 * (no roto ni "pendiente") mientras se sustituye por la foto real desde
 * WordPress. Con <img> dentro, el fondo/borde quedan detrás y no se ven.
 */
.oz-envasados-img-slot {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(135deg, #eef1e8 0%, #e4ebda 100%);
	border: 1px solid #dde3d2;
}
.oz-envasados-img-slot--product {
	border-radius: 8px;
}
.oz-envasados-img-slot img {
	display: block;
}