/* ==========================================================================
   Aula Culinària — estilos del tema hijo
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tokens del rediseño (paleta "Rojo y negro" + tipografía)
   Se definen aquí para usarlos en el CSS propio. De momento NO sustituyen
   a los colores globales de Avada (--awb-color1…8): la web actual no cambia.
   -------------------------------------------------------------------------- */
:root {
	/* Colores */
	--ac-red:        #D6221A;
	--ac-red-dark:   #A8170F;
	--ac-black:      #141414;
	--ac-white:      #FFFFFF;
	--ac-paper:      #FAFAFA;
	--ac-grey:       #6B6B6B;
	--ac-line:       #E5E5E5;

	/* Tipografía (las fuentes se activan en functions.php) */
	--ac-font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;
	--ac-font-body:    "Work Sans", "Helvetica Neue", Arial, sans-serif;
	--ac-font-mono:    "IBM Plex Mono", ui-monospace, Menlo, monospace;

	/* Espaciado y forma */
	--ac-radius:  4px;
	--ac-gap:     24px;
}

/* --------------------------------------------------------------------------
   2. Ajustes globales
   Acota siempre con .ac-site para no depender del orden de carga de Avada.
   -------------------------------------------------------------------------- */

/* Ejemplo (desactivado):
.ac-site .fusion-button {
	border-radius: var(--ac-radius);
}
*/

/* --------------------------------------------------------------------------
   3. Página de Curso (single de evento — The Events Calendar)
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   4. WooCommerce (carrito / checkout)
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   5. Móvil
   Breakpoints de Avada: 1000px (grid) y 800px (cabecera/contenido).
   -------------------------------------------------------------------------- */
@media (max-width: 800px) {
}