TGP Solutions CR

:root {
–forest-green: #1F3D2B;
–charcoal: #2B2B2B;
–off-white: #F5F4F0;
–muted-gold: #B8A24A;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: “Helvetica Neue”, Arial, sans-serif;
}

body {
background-color: var(–off-white);
color: var(–charcoal);
}

/* HEADER */
header {
background: #000;
padding: 25px 60px;
}

header img {
max-width: 420px;
height: auto;
}

/* HERO SECTION */
.hero {
position: relative;
background: url(“CATARATA AZUL.jpg”) center/cover no-repeat;
min-height: 85vh;
display: flex;
align-items: center;
}

.hero::before {
content: “”;
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
}

.hero-content {
position: relative;
max-width: 900px;
margin-left: 60px;
color: #fff;
}

.hero-content h1 {
font-size: 3rem;
font-weight: 600;
margin-bottom: 25px;
line-height: 1.2;
}

.gold-line {
width: 90px;
height: 4px;
background: var(–muted-gold);
margin-bottom: 25px;
}

.hero-content p {
font-size: 1.2rem;
max-width: 750px;
line-height: 1.6;
color: #EAEAEA;
}

/* RESPONSIVE */
@media (max-width: 768px) {
header {
padding: 20px;
text-align: center;
}

.hero-content {
margin: 0 20px;
text-align: center;
}

.hero-content h1 {
font-size: 2.2rem;
}

.gold-line {
margin: 0 auto 25px auto;
}
}