change logo and colors

This commit is contained in:
2026-09-24 17:22:46 +02:00
parent 0b2c9f271f
commit 532bc620de
13 changed files with 263 additions and 16 deletions

View File

@@ -173,7 +173,11 @@ p { margin: 0 0 1.1em; }
.ga-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ga-green-dark); flex: none; }
.ga-brand:hover { color: var(--ga-green-dark); }
.ga-brand img, .ga-brand .custom-logo, .custom-logo-link img { max-height: 58px; width: auto; }
.ga-brand__mark { width: 46px; height: 46px; flex: none; }
.ga-brand__mark { width: 54px; height: auto; flex: none; }
.ga-brand__mark svg, .ga-brand__logo svg { display: block; width: 100%; height: auto; }
.ga-brand__logo { width: 76px; display: block; }
.ga-footer .ga-brand__logo { width: 150px; }
.ga-footer .ga-logo__text { fill: var(--ga-sand); }
.ga-brand__name { display: flex; flex-direction: column; }
.ga-brand__name b { font: 800 1.08rem/1.02 var(--ga-serif); letter-spacing: -.01em; }
.ga-brand__name small { margin-top: 4px; font: 700 .66rem/1 var(--ga-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ga-muted); }
@@ -224,7 +228,8 @@ p { margin: 0 0 1.1em; }
.ga-brand__name small { display: none; }
.ga-header .ga-wrap { gap: 10px; min-height: 68px; }
.ga-brand { gap: 9px; }
.ga-brand__mark { width: 40px; height: 40px; }
.ga-brand__mark { width: 44px; }
.ga-brand__logo { width: 60px; }
.ga-brand__name b { font-size: .96rem; }
.ga-header__actions { gap: 8px; }
.ga-menu-toggle { padding: 8px 10px; }
@@ -262,7 +267,11 @@ body { overflow-x: clip; }
color-mix(in srgb, var(--ga-green) calc(var(--ga-overlay, .7) * 80%), transparent) 55%,
color-mix(in srgb, var(--ga-green) calc(var(--ga-overlay, .7) * 35%), transparent) 100%);
}
.ga-hero__paw { position: absolute; right: -40px; bottom: -60px; width: min(46vw, 540px); color: #fff; opacity: .07; transform: rotate(-16deg); z-index: 1; }
.ga-hero__paw { position: absolute; right: 2%; bottom: 0; width: min(44vw, 560px); color: #fff; opacity: .09; z-index: 1; }
.ga-hero__paw svg { display: block; width: 100%; height: auto; }
.ga-hero__paw .ga-logo__arch { fill: none; }
.ga-hero__paw .ga-logo__animals { fill: #fff; }
.has-doors .ga-hero__paw { bottom: 0; }
/* Dos columnas */
.ga-hero--split { background: var(--ga-sand); padding: clamp(56px, 8vw, 110px) 0; }
@@ -605,7 +614,7 @@ ol.is-style-ga-pasos li::before {
/* =========================================================================
Pie
========================================================================= */
.ga-footer { background: var(--ga-footer-bg); color: color-mix(in srgb, #fff 72%, var(--ga-footer-bg)); padding: 72px 0 28px; font-size: .95rem; }
.ga-footer { border-top: 1px solid rgba(255, 255, 255, .08); background: var(--ga-footer-bg); color: color-mix(in srgb, #fff 72%, var(--ga-footer-bg)); padding: 72px 0 28px; font-size: .95rem; }
.ga-footer a { color: #fff; text-decoration: none; }
.ga-footer a:hover { text-decoration: underline; color: #fff; }
.ga-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 40px; }