/* DotFive en el kit Glassy (pie, banner de cookies y página legal): su fuente, sus colores y sus márgenes.
   Y, abajo, el ritmo de los hovers del tema de DotFive (07/10).
   Lo común está en glassy.css (se copia de _comun/glassy con aplicar.mjs); esto es solo de DotFive. */
:root {
	/* Pie (fase C, 04/10): fondo y texto, los del body de la landing; logos en un tono apagado de su color. */
	--gl-fondo: #000000;
	--gl-texto: #ffffff;
	--gl-texto-hover: #ffffff;
	--gl-logo: #555555;
	--gl-logo-base: #1e1e1e;
	--gl-logo-mezcla: 38%;
	--gl-form-texto: rgba(255, 255, 255, 0.7);
	--gl-fuente: "modern gothic", "Helvetica Neue", Arial, sans-serif;
	--gl-fuente-titulo: "financier", Georgia, serif;   /* los titulares de DotFive */
	--gl-peso-titulo: 400;
	--gl-espaciado-titulo: 0;
	--gl-margen: 60px;                   /* el margen de la cabecera y las secciones de DotFive (--paddings) */
	--gl-legal-fondo: #000000;
	--gl-legal-texto: rgba(255, 255, 255, 0.78);
	--gl-legal-titulo: #ffffff;
	--gl-legal-suave: rgba(255, 255, 255, 0.6);
	--gl-legal-linea: rgba(255, 255, 255, 0.2);
	--gl-legal-logo: 26px;
}
@media (max-width: 767px) { :root { --gl-margen: 24px; } }

/* ---------- Hovers del tema de DotFive (07/10) ----------
   Rubén, 07/10: todos los fundidos de hover iguales. Lo que cambia al pasar el ratón va con --gl-hover (glassy.css:
   0,5 s, la curva de glassyfilms.com, igual al entrar y al salir, sin retraso; 0 s con movimiento reducido), propiedad
   por propiedad. El CSS del tema (wp-content/litespeed/css/3173c976...css, minificado) no se toca: aquí se pisa su
   «transition: all 0.2s ease-in-out» (este archivo se carga el último). Lo que no es hover (la cabecera al bajar,
   el menú que se abre, las apariciones al hacer scroll) sigue a su ritmo. */

/* Rayas de «Contact us», «Let's talk!», «How can we help you?» y «glassyfilms.com»: se recogen al pasar el ratón.
   El color de la raya cambia al bajar (cabecera blanca): eso no es hover y sigue a 0,2 s. */
.sline::before { transition: width var(--gl-hover), border-color 0.2s ease-in-out; }
.slinehover:focus-visible::before { width: 0; }

/* Flechas del carrusel de trabajos: aparecen al pasar por la sección. Antes tardaban 0,5 s en empezar a irse
   (transition-delay); ahora entran y salen igual. Hasta 1000 px se ven siempre (estil-responsive.css). */
.ccontrol { transition: opacity var(--gl-hover); }

/* Botón Send: fondo y texto a la vez. Con el teclado, el mismo cambio (el tema quita el contorno de foco a los input). */
.cta { transition: background-color var(--gl-hover), color var(--gl-hover); }
.cta:focus-visible { background-color: var(--gray); color: #fff; }

/* Opciones de los desplegables City y Type: el gris claro de fondo. */
.jqdropdownvalue { transition: background-color var(--gl-hover); }

/* Menú a pantalla completa (hasta 1000 px): el color de cada opción (enlaces desde la tanda del 07/10; el color del
   hover, en estatico/dotfive.css). */
.csupermenuinner1 a { transition: color var(--gl-hover); }

/* Correos del texto de contacto: el subrayado se quitaba de golpe; ahora se funde (la raya se queda, transparente),
   como «Back to the home page» de la página legal. */
.ctextform a { transition: text-decoration-color var(--gl-hover); }
.ctextform a:hover, .ctextform a:focus-visible { text-decoration-line: underline; text-decoration-color: transparent; }