/*
Theme Name: SYSGEC Corporativo
Theme URI: https://sysgec.com
Author: SYSGEC S.A.S
Description: Tema corporativo premium alineado al Manual de Marca SYSGEC.
Version: 1.0
*/

:root{
--azul:#180F5B;
--verde:#9CBA39;
--gris:#ADADB2;
--negro:#111;
--blanco:#FFFFFF;
}

body{
margin:0;
font-family: Arial, sans-serif;
color:var(--negro);
line-height:1.7;
}

header.hero{
background:linear-gradient(rgba(24,15,91,0.85),rgba(24,15,91,0.85)),
url('https://images.unsplash.com/photo-1502920917128-1aa500764ce7') center/cover no-repeat;
color:white;
text-align:center;
padding:220px 20px 160px 20px;
}

.hero h1{
font-family:'Montserrat', sans-serif;
font-size:3rem;
letter-spacing:3px;
}

.section{
padding:100px 40px;
max-width:1200px;
margin:auto;
}

.section-title{
font-family:'Montserrat', sans-serif;
color:var(--azul);
font-size:2rem;
text-align:center;
margin-bottom:50px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:40px;
}

.card{
background:#F8F9FB;
padding:40px;
border-top:6px solid var(--verde);
}

footer{
background:#111;
color:white;
text-align:center;
padding:60px 20px;
}