/* Los Diaz · forma.css — bordes redondeados del sitio.
   Rediseño 2026-10-14 (pedido del cliente: bordes más redondeados y algo más lácteo).
   Las secciones van con borde recto: el cliente descartó las olas y las gotas.

   - Radios: salen de las Design Variables de Divi (gvid-cc-radio 8px, gvid-cc-radio-grande
     8px, gvid-cc-radio-boton 4px). Cambiar un radio = cambiarlo en Divi, no aquí.
   - El banner "Del sur de Chile" deja de ir a sangre: queda como una tarjeta redondeada.
   Va después del CSS de cada vista (mismo selector, gana por orden). */

:root {
	/* Un solo criterio, el de la tarjeta de producto: 8px en contenedores y fotos, 4px en
	   botones, chips y fotos dentro de una tarjeta. Solo lo diminuto va redondo (contador
	   del carrito, avatares, flechas). */
	--cc-radio: var(--gvid-cc-radio, 8px);
	--cc-radio-grande: var(--gvid-cc-radio-grande, 8px);
	--cc-radio-boton: var(--gvid-cc-radio-boton, 4px);
	--cc-radio-interno: var(--gvid-cc-radio-boton, 4px);
}

/* ---- Banner: tarjeta redondeada en vez de franja a sangre ---- */

#page-container #et-boc .cc-banner {
	width: min(100% - 2 * var(--gvid-cc-margen-lateral), var(--gvid-cc-ancho-contenido));
	margin-inline: auto;
	overflow: hidden;
	border-radius: var(--cc-radio);
}

/* ---- Píldoras: botones, chips, etiquetas e insignias ---- */

#page-container #et-boc a.cc-chip,
#page-container #et-boc .cc-variante,
#page-container #et-boc .cc-blog-grilla .post-meta a,
#page-container #et-boc .cc-hero-slider .et_pb_button {
	border-radius: var(--cc-radio-boton);
}

/* ---- Fotos y bloques ---- */

#page-container #et-boc .cc-nosotros-foto,
#page-container #et-boc .cc-nosotros-foto .et_pb_image_wrap,
#page-container #et-boc .cc-nosotros-foto img,
#page-container #et-boc .cc-contenido-pagina img,
#page-container #et-boc .cc-ficha-imagenes .woocommerce-product-gallery__image img,
.cc-entrada-imagen,
.cc-entrada-foto {
	border-radius: var(--cc-radio-grande);
}

#page-container #et-boc .cc-blog-grilla .entry-featured-image-url {
	overflow: hidden;
	border-radius: var(--cc-radio-grande);
}

#page-container #et-boc .cc-ficha-imagenes .flex-control-thumbs img {
	border-radius: var(--cc-radio);
}

.cc-entrada-imagen,
.cc-entrada-foto {
	overflow: hidden;
}

#page-container #et-boc .cc-nosotros-leyenda {
	border-radius: var(--cc-radio);
}

/* Quesos sugeridos de la 404: grilla de WooCommerce sin la tarjeta del catálogo. */
.cc-404-quesos ul.products li.product img {
	border-radius: var(--cc-radio-grande);
}