/* Los Diaz · layout.css — base tipográfica y de página.
   Prefijo cc-. Sin selectores autogenerados de Divi. Sin !important.
   Los valores salen de las Design Variables de Divi (--gvid-cc-*) y de los tokens de
   color de base.css (--cc-*). Cambiar un valor = cambiarlo en Divi o en base.css, no aquí. */

/* El sitio es solo claro por diseño: evita que el modo oscuro automático de Chrome
   lo invierta (se veía con textos claros sobre fondos oscuros y fotos intactas). */
:root {
	color-scheme: only light;
}

body {
	background-color: var(--cc-fondo);
	color: var(--cc-texto-suave);
	-webkit-font-smoothing: antialiased;
}

#page-container,
#main-content {
	background-color: var(--cc-fondo);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--cc-texto);
	letter-spacing: -0.01em;
	line-height: 1.2;
}

h1 { font-size: var(--gvid-cc-texto-h1); }
h2 { font-size: var(--gvid-cc-texto-h2); }
h3 { font-size: var(--gvid-cc-texto-h3); }

a {
	color: var(--cc-texto);
	transition: color var(--cc-duracion) var(--cc-curva);
}

a:hover {
	color: var(--cc-acento-texto);
}

/* Contenedor del ancho del prototipo (1480px) con margen lateral fluido. */
.cc-container {
	width: min(100% - 2 * var(--gvid-cc-margen-lateral), var(--gvid-cc-ancho-contenido));
	margin-inline: auto;
}

/* Etiqueta pequeña sobre títulos ("eyebrow" del prototipo). */
.cc-etiqueta {
	font-size: var(--gvid-cc-texto-etiqueta);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--cc-acento-texto);
}

/* Divi pinta blanca toda sección sin color propio; el fondo del sitio es
   crema. Especificidad (0,2,0): las secciones con color puesto en el builder (anuncio,
   footer, nosotros) lo mantienen porque Divi imprime ese color con más especificidad. */
.et-l .et_pb_section {
	background-color: var(--cc-fondo);
}

/* Filas de Divi que el child convierte en grilla o flex: el clearfix de Divi
   (.et_pb_row::after, content "") pasa a ser una celda más y agrega una fila vacía
   + el gap (el header medía 98px en vez de 86 y el contenido quedaba arriba). */
#page-container #et-boc :is(.cc-header-fila, .cc-anuncio-fila, .cc-footer-fila, .cc-nosotros-fila, .cc-ficha-fila)::after {
	display: none;
}