mejoras
This commit is contained in:
+53
-53
@@ -173,14 +173,14 @@ button, input, select, textarea {
|
||||
|
||||
/* --- 3. Tipografía de Marca --- */
|
||||
.font-bebas {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
letter-spacing: 0.05em;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Bebas Neue con tracking específico para nombres del ecosistema */
|
||||
.font-bebas-tracking {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
letter-spacing: 0.445em;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
@@ -199,21 +199,21 @@ h1 {
|
||||
/* Barlow Condensed Medium para Eyebrows */
|
||||
.eyebrow {
|
||||
display: inline-block;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.12em;
|
||||
letter-spacing: 0.1em;
|
||||
color: #4caf7a;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.eyebrow-a {
|
||||
display: inline-block;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.12em;
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--ide-academy);
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
@@ -352,7 +352,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/hero_003.png');
|
||||
url('../assets/hero/Hero\ inicio\ dark.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -366,7 +366,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(44,109,140, 0.2) 70%,
|
||||
rgba(44,109,140, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/hero/hablemos.png');
|
||||
url('../assets/img/hero/hablemos.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -380,7 +380,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(44,109,140, 0.2) 70%,
|
||||
rgba(44,109,140, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/hero/8.png');
|
||||
url('../assets/img/hero/8.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -394,7 +394,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(44,109,140, 0.2) 70%,
|
||||
rgba(44,109,140, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/hero/9.png');
|
||||
url('../assets/img/hero/9.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -408,7 +408,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(44,109,140, 0.2) 70%,
|
||||
rgba(44,109,140, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/hero/hablemos\ claro.png');
|
||||
url('../assets/img/hero/hablemos\ claro.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -422,7 +422,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(44,109,140, 0.2) 70%,
|
||||
rgba(44,109,140, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/hero/8_1.png');
|
||||
url('../assets/img/hero/8_1.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -436,7 +436,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/hero-desafios.png');
|
||||
url('../assets/hero/Hero-punto\ de\ partida.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -450,7 +450,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/hero-soluciones.png');
|
||||
url('../assets/hero/Hero-soluciones.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -464,7 +464,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/CTA2.png');
|
||||
url('../assets/img/hero/CTA2.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -478,7 +478,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/ecosistema/academy2.jpg');
|
||||
url('../assets/img/ecosistema/academy2.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -492,7 +492,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.15) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/hero_011.png');
|
||||
url('../assets/hero/Hero\ somos\ Ide.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -501,12 +501,12 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to right,
|
||||
rgba(30,74,94, 1) 30%,
|
||||
rgba(30,74,94, 0.7) 60%,
|
||||
rgba(30,74,94, 0.7) 10%,
|
||||
rgba(30,74,94, 0.5) 20%,
|
||||
rgba(30,74,94, 0.2) 80%,
|
||||
rgba(30,74,94, 0.05) 100%
|
||||
),
|
||||
url('../assets/img/minera.jpg');
|
||||
url('../assets/hero/Hero-trabaja\ con\ nosotros.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -520,7 +520,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
color-mix(in srgb, var(--bg-body) 20%, transparent) 80%,
|
||||
color-mix(in srgb, var(--bg-body) 5%, transparent) 100%
|
||||
),
|
||||
url('../assets/img/blur.png');
|
||||
url('../assets/img/blur.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -534,7 +534,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
rgba(0, 0, 0, 0.3) 70%,
|
||||
rgba(0, 0, 0, 0.0) 100%
|
||||
),
|
||||
url('../assets/img/hero/hero_009.png');
|
||||
url('../assets/img/hero/hero_009.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -849,7 +849,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.6rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
@@ -968,7 +968,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
border-radius: 50px; /* Estilo píldora */
|
||||
background-color: var(--ide-primary);
|
||||
color: #FFFFFF;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
text-transform: uppercase;
|
||||
@@ -1000,12 +1000,12 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
.btn-cta-outline {
|
||||
padding: 0.75rem 2rem;
|
||||
border-radius: 50px; /* Estilo píldora */
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
color: var(--ide-primary);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
letter-spacing: 0em;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
@@ -1091,7 +1091,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
/*tarjetas especiales*/
|
||||
/*Agro*/
|
||||
.card-agro {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/campo2.jpg');
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/campo2.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1106,7 +1106,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
/*Fabrica*/
|
||||
.card-fabrica {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/fabrica3.jpg');
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/fabrica3.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1143,7 +1143,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
/*Salud*/
|
||||
.card-salud {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/hospital.jpg');
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/hospital.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1180,7 +1180,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
/*Educacion*/
|
||||
.card-educacion {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/escuela.png');
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/escuela.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1216,7 +1216,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
/* tarjeta nosotros*/
|
||||
.card-somos {
|
||||
background-image: url('../assets/img/team4.jpg');
|
||||
background-image: url('../assets/img/team4.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1334,7 +1334,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
.grid-5 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 1.25rem;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
.grid-6 {
|
||||
display: grid;
|
||||
@@ -1377,7 +1377,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.hero-card-entry h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
@@ -1394,7 +1394,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
|
||||
.hero-card-entry .entry-link-text {
|
||||
margin-top: 1rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 0.85rem;
|
||||
color: var(--ide-accent);
|
||||
@@ -1429,7 +1429,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.infinito-camino-box .font-bebas-tracking {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
letter-spacing: 0.445em;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-main);
|
||||
@@ -1546,7 +1546,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
|
||||
/* ---- Estilos para títulos con iconos SVG en las tarjetas del quiz ---- */
|
||||
.quiz-option-card .opt-title {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1662,7 +1662,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.method-step-card h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.15rem;
|
||||
margin-bottom: 0.6rem;
|
||||
@@ -1671,7 +1671,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.method-num {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-size: 2.2rem;
|
||||
color: var(--ide-accent);
|
||||
line-height: 1;
|
||||
@@ -1759,7 +1759,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
display: inline-block;
|
||||
padding: 0.25rem 0.65rem;
|
||||
border-radius: var(--radius-sm);
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-size: 0.85rem;
|
||||
letter-spacing: 0.445em;
|
||||
text-transform: uppercase;
|
||||
@@ -1768,7 +1768,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.ecosystem-card h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.75rem;
|
||||
@@ -2016,7 +2016,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
}
|
||||
|
||||
.img-placeholder-label {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
@@ -2030,7 +2030,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-main);
|
||||
@@ -2128,7 +2128,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
color: var(--text-body);
|
||||
padding: 0.5rem 1.1rem;
|
||||
border-radius: var(--radius-full);
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.88rem;
|
||||
text-transform: uppercase;
|
||||
@@ -2338,7 +2338,7 @@ canvas {
|
||||
}
|
||||
|
||||
.card-incompany {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/incompany.png');
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/incompany.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -2713,7 +2713,7 @@ canvas {
|
||||
height: 100%;
|
||||
|
||||
/* Imagen de fondo */
|
||||
background-image: url('../assets/img/academia-incompany.jpg');
|
||||
background-image: url('../assets/img/academia-incompany.webp');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@@ -2733,7 +2733,7 @@ canvas {
|
||||
height: 100%;
|
||||
|
||||
/* Imagen de fondo */
|
||||
background-image: url('../assets/img/34.png');
|
||||
background-image: url('../assets/img/34.webp');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@@ -2753,7 +2753,7 @@ canvas {
|
||||
height: 100%;
|
||||
|
||||
/* Imagen de fondo */
|
||||
background-image: url('../assets/img/hero/curvas.jpg');
|
||||
background-image: url('../assets/img/hero/curvas.webp');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@@ -2773,7 +2773,7 @@ canvas {
|
||||
height: 100%;
|
||||
|
||||
/* Imagen de fondo */
|
||||
background-image: url('../assets/img/ecosistema/academia1.jpg');
|
||||
background-image: url('../assets/img/ecosistema/academia1.webp');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@@ -3166,7 +3166,7 @@ canvas {
|
||||
}
|
||||
|
||||
.incompany-banner__subtitle {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
@@ -3210,7 +3210,7 @@ canvas {
|
||||
/* Aspecto controlado: ajustá según la foto */
|
||||
aspect-ratio: 4 / 5;
|
||||
border-radius: var(--radius-md);
|
||||
background-image: url('../assets/img/academia-incompany.jpg');
|
||||
background-image: url('../assets/img/academia-incompany.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -3267,7 +3267,7 @@ canvas {
|
||||
}
|
||||
|
||||
.incompany-card__subtitle {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
@@ -3308,7 +3308,7 @@ canvas {
|
||||
/* --- Columna 3: Imagen a sangre --- */
|
||||
.incompany-card__visual {
|
||||
/* Sin padding: cubre toda la celda del grid */
|
||||
background-image: url('../assets/img/academia-incompany.jpg');
|
||||
background-image: url('../assets/img/academia-incompany.webp');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -3777,7 +3777,7 @@ canvas {
|
||||
position: absolute;
|
||||
top: -3.5rem;
|
||||
left: -1.25rem;
|
||||
font-family: 'Bebas Neue', 'Barlow Semi Condensed', Georgia, serif;
|
||||
font-family: 'Barlow Condensed', 'Barlow Semi Condensed', Georgia, serif;
|
||||
font-size: 8rem;
|
||||
line-height: 1;
|
||||
color: var(--ide-accent);
|
||||
|
||||
Reference in New Issue
Block a user