/*
Theme Name:   SeguridadPlus
Theme URI:    https://seguridadplus.ar
Description:  Child theme de GeneratePress para SeguridadPlus, consultora de Seguridad e Higiene Laboral (Salto, Buenos Aires).
Author:       SeguridadPlus
Author URI:   https://seguridadplus.ar
Template:     generatepress
Version:      1.0.0
Text Domain:  seguridadplus
*/

/* ==========================================================================
   Design tokens (extraídos de Figma — "SeguridadPlus - Home Redesign")
   Reusar estas variables en toda plantilla nueva; no repetir valores sueltos.
   ========================================================================== */
:root {
	/* Tipografía */
	--font-primary: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-extrabold: 800;

	/* Escala global del texto de cuerpo (párrafos, descripciones, listas).
	   Todo tamaño de texto de cuerpo se define como calc(Npx * var(--fs-scale))
	   en vez de un px suelto, así que para agrandar o achicar el texto de
	   cuerpo en todo el sitio de una sola vez, cambiá SOLO este número.
	   1 = tamaño de diseño original (Figma). 1.1 = 10% más grande. */
	--fs-scale: 1.1;

	/* Color de marca */
	--color-primary: #f62415;
	--color-text: #1a1a1a;
	--color-text-secondary: #6b6b6b;
	--color-text-muted: #a6a6a6;
	--color-text-muted-dark: #8c8c8c;

	/* Fondos */
	--color-bg: #ffffff;
	--color-bg-alt: #fafafa;
	--color-footer-bg: #121212;

	/* Layout de referencia (desktop, Figma) */
	--design-width: 1440px;

	/* Ancho de caja del sitio: mismo padding lateral en header, footer y
	   todo el contenido de página — no usar valores sueltos, reusar esta
	   variable (o la clase .container) en cada plantilla nueva. */
	--container-padding-inline: 15%;

	/* Radios y sombras genéricos, reusar en tarjetas/botones */
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.service-card__icon {
	border-radius: 0 !important;
}

.site-header__logo-full {
	width: 250px;
	height: auto;
	display: block;
}

.site-header{
	position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}

/* Compensar altura */
body {
  padding-top: 80px;
}


/* Mismo breakpoint que activa el menú hamburguesa en el header */
@media (max-width: 1280px) {
	:root {
		--container-padding-inline: 24px;
	}
}

body {
	font-family: var(--font-primary);
	color: var(--color-text);
}

.container {
	width: 100%;
	padding-inline: var(--container-padding-inline);
}