/*
Theme Name: Norte Vanguardia
Theme URI: https://nortevanguardia.pe
Description: Tema hijo de Astra para Norte Vanguardia. Aquí vive el código propio del sitio: el catálogo de vídeos y la ficha individual. Astra se puede actualizar sin perder nada de lo que haya en esta carpeta.
Author: Norte Vanguardia
Template: astra
Version: 1.0.0
Text Domain: nv-child
*/

/* ------------------------------------------------------------------
   Variables de marca

   Se definen una sola vez aquí y se usan en todo el código propio.
   Si algún día cambia el dorado, se cambia en esta línea y cambia
   en todas partes. No sustituye a los ajustes de Astra: es para las
   piezas que montamos nosotros (catálogo y ficha de vídeo).
------------------------------------------------------------------ */

:root {
	--nv-azul:          #1B3A6B;
	--nv-azul-oscuro:   #12294D;
	--nv-dorado:        #E8B04B;
	--nv-dorado-oscuro: #C08A2E;
	--nv-crema:         #F5F1E8;
	--nv-texto:         #2C3E50;
	--nv-texto-suave:   #5A6B7D;
	--nv-claro:         #E8ECF4;
	--nv-linea:         #D9D2C4;
	--nv-radio:         8px;
	--nv-ancho:         1200px;
}

/* ------------------------------------------------------------------
   Los estilos propios del proyecto van debajo de esta línea.
------------------------------------------------------------------ */
/* ------------------------------------------------------------------
   Velo del encabezado
   Oscurece la parte izquierda del fondo, donde va el texto, y se
   desvanece hacia la derecha para no tapar la figura. No es un
   recuadro: no tiene bordes visibles.
------------------------------------------------------------------ */

#inicio {
	position: relative;
}

#inicio::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(90deg,
		rgba(6, 23, 53, .78) 0%,
		rgba(6, 23, 53, .62) 28%,
		rgba(6, 23, 53, .20) 50%,
		rgba(6, 23, 53, 0) 66%);
}

/* Botón flotante de WhatsApp */
.nv-whatsapp {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9999;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #25D366;
	color: #FFFFFF;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
	transition: transform .18s;
}

.nv-whatsapp:hover,
.nv-whatsapp:focus-visible {
	background: #1EBE5A;
	color: #FFFFFF;
	transform: scale(1.06);
}