fanfuso/IDE-Demo-B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mejoras

Browse Source
This commit is contained in:
fanfuso
2026-10-18 00:24:52 -03:00
parent a4d387860a
commit 9cdf5827ec
148 changed files with 111 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/index.css
+13 -13
View File
@@ -283,18 +283,18 @@
Reemplaza las URLs por tus assets reales.
Ajusta width/height aquí para controlar el tamaño.
========================================================= */
.logo-excellence { background-image: url('../assets/img/slide/ide1.png'); }
.logo-project { background-image: url('../assets/img/slide/ide2.png'); }
.logo-digital { background-image: url('../assets/img/slide/ide3.png'); }
.logo-academy { background-image: url('../assets/img/slide/ide4.png'); }
.logo-excellence { background-image: url('../assets/img/slide/ide1.webp'); }
.logo-project { background-image: url('../assets/img/slide/ide2.webp'); }
.logo-digital { background-image: url('../assets/img/slide/ide3.webp'); }
.logo-academy { background-image: url('../assets/img/slide/ide4.webp'); }
/* =========================================================
PLACEHOLDERS DE IMÁGENES DE FONDO
========================================================= */
.eco-slide--excellence .eco-slide__bg { background-image: url('../assets/img/slide/slide-excellence.png'); }
.eco-slide--project .eco-slide__bg { background-image: url('../assets/img/slide/slide-projects.png'); }
.eco-slide--digital .eco-slide__bg { background-image: url('../assets/img/slide/slide-digital.png'); }
.eco-slide--academy .eco-slide__bg { background-image: url('../assets/img/slide/slide-academy.png'); }
.eco-slide--excellence .eco-slide__bg { background-image: url('../assets/img/slide/slide-excellence.webp'); }
.eco-slide--project .eco-slide__bg { background-image: url('../assets/img/slide/slide-projects.webp'); }
.eco-slide--digital .eco-slide__bg { background-image: url('../assets/img/slide/slide-digital.webp'); }
.eco-slide--academy .eco-slide__bg { background-image: url('../assets/img/slide/slide-academy.webp'); }
/* =========================================================
ÁMBITOS DE EXPERIENCIA - TARJETAS CON HOVER REVEAL
@@ -401,11 +401,11 @@
IMÁGENES DE FONDO POR TARJETA
(Nota: Los espacios en los nombres de archivo se codifican como %20)
========================================================= */
.cardi-agro { background-image: url('../assets//img/cards/agro.png'); }
.cardi-industria { background-image: url('../assets//img/cards/indu.png'); }
.cardi-telecom { background-image: url('../assets/img/cards/teco.png'); }
.cardi-salud { background-image: url('../assets/img/cards/salud.png'); }
.cardi-educacion { background-image: url('../assets/img/cards/edu.png'); }
.cardi-agro { background-image: url('../assets//img/cards/agro.webp'); }
.cardi-industria { background-image: url('../assets//img/cards/indu.webp'); }
.cardi-telecom { background-image: url('../assets/img/cards/teco.webp'); }
.cardi-salud { background-image: url('../assets/img/cards/salud.webp'); }
.cardi-educacion { background-image: url('../assets/img/cards/edu.webp'); }
/* =========================================================
RESPONSIVE
css/styles.css
+53 -53
View File
@@ -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);