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

Add Privacy Policy and Terms and Conditions pages for IDE Consultores

Browse Source
This commit is contained in:
fanfuso
2026-10-18 03:23:09 -03:00
parent b15c3e0119
commit 66b9292c4c
18 changed files with 905 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/img/culture.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

assets/img/culture.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

contacto.html
+40 -39
View File
@@ -50,57 +50,58 @@
<input type="hidden" name="form_type" value="contacto">
<input type="hidden" name="origen" id="contact-origen" value="Formulario General">
<div class="form-group">
<label for="contact-nombre" class="form-label">Nombre y Apellido *</label>
<input type="text" id="contact-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Martín Rossi" required>
</div>
<div class="grid-2" style="gap: 1rem;">
<div class="form-grid">
<div class="form-group">
<label for="contact-organizacion" class="form-label">Organización / Empresa *</label>
<input type="text" id="contact-organizacion" name="organizacion" class="form-control" placeholder="Ej: Industria S.A." required>
<label for="contact-nombre" class="form-label">Nombre y Apellido *</label>
<input type="text" id="contact-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Martín Rossi" required>
</div>
<div class="form-group">
<label for="contact-rol" class="form-label">Rol o Cargo en la empresa</label>
<input type="text" id="contact-rol" name="rol" class="form-control" placeholder="Ej: Gerente de Operaciones">
</div>
</div>
<div class="grid-2" style="gap: 1rem;">
<div class="form-group">
<label for="contact-email" class="form-label">Correo Electrónico *</label>
<input type="email" id="contact-email" name="email" class="form-control" placeholder="nombre@empresa.com" required>
</div>
<div class="form-group">
<label for="contact-organizacion" class="form-label">Organización / Empresa *</label>
<input type="text" id="contact-organizacion" name="organizacion" class="form-control" placeholder="Ej: Industria S.A." required>
</div>
<div class="form-group">
<label for="contact-rol" class="form-label">Rol o Cargo en la empresa</label>
<input type="text" id="contact-rol" name="rol" class="form-control" placeholder="Ej: Gerente de Operaciones">
</div>
<div class="form-group">
<label for="contact-telefono" class="form-label">Teléfono / WhatsApp</label>
<input type="tel" id="contact-telefono" name="telefono" class="form-control" placeholder="Ej: +54 9 11 5555-1234">
</div>
<div class="form-group">
<label for="contact-busqueda" class="form-label">¿Qué te trae a IDE? *</label>
<select id="contact-busqueda" name="busqueda" class="form-control" required>
<option value="" disabled selected>Seleccioná una opción...</option>
<option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
<option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
<option value="Quiero implementar o certificar una norma / sistema de gestión">Quiero implementar o certificar una norma / sistema de gestión</option>
<option value="Busco formación para mi organización / equipo">Busco formación para mi organización / equipo</option>
<option value="Necesito gestionar, ordenar o impulsar un proyecto">Necesito gestionar, ordenar o impulsar un proyecto</option>
<option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
<option value="Quiero hacer una consulta sobre IDE Academy">Quiero hacer una consulta sobre IDE Academy</option>
<option value="Quiero proponer una alianza o colaboración">Quiero proponer una alianza o colaboración</option>
<option value="Otro motivo de consulta">Otro motivo de consulta</option>
</select>
</div>
<div class="form-group span-2">
<label for="contact-mensaje" class="form-label">Contanos brevemente en qué podemos ayudarte *</label>
<textarea id="contact-mensaje" name="mensaje" class="form-control" rows="4" placeholder="Describí los objetivos o problemáticas que quisieras abordar..." required></textarea>
<p style="font-size: 0.82rem; color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 0;">
* campos requeridos. <br><i>La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella.</i>
</p>
</div>
</div>
<div class="form-group">
<label for="contact-busqueda" class="form-label">¿Qué te trae a IDE? *</label>
<select id="contact-busqueda" name="busqueda" class="form-control">
<option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
<option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
<option value="Quiero implementar o certificar una norma / sistema de gestión">Quiero implementar o certificar una norma / sistema de gestión</option>
<option value="Busco formación para mi organización / equipo">Busco formación para mi organización / equipo</option>
<option value="Necesito gestionar, ordenar o impulsar un proyecto">Necesito gestionar, ordenar o impulsar un proyecto</option>
<option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
<option value="Quiero hacer una consulta sobre IDE Academy">Quiero hacer una consulta sobre IDE Academy</option>
<option value="Quiero proponer una alianza o colaboración">Quiero proponer una alianza o colaboración</option>
<option value="Otro motivo de consulta">Otro motivo de consulta.</option>
</select>
</div>
<div class="form-group">
<label for="contact-mensaje" class="form-label">Contanos brevemente en qué podemos ayudarte *</label>
<textarea id="contact-mensaje" name="mensaje" class="form-control" rows="4" placeholder="Describí los objetivos o problemáticas que quisieras abordar..." required></textarea>
<p style="font-size: 0.82rem; color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 1.25rem;">
* campos requeridos. <br><i>La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella.</i>
</p>
</div>
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%;">
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 1.25rem;">
ENVIAR CONSULTA →
</button>
@@ -116,7 +117,7 @@
<p style="font-size: 0.9rem; color: var(--text-body); line-height: 1.5; margin-bottom: 1.25rem;">
<strong>WhatsApp: </strong>Para consultas breves o coordinar una conversación.
</p>
<a href="https://wa.me/5491123456789?text=Hola%20IDE%20Consultores,%20quisiera%20recibir%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="btn btn-accent btn-sm" style="width: 100%;">
<a href="https://wa.me/5493876140144?text=Hola%20IDE%20Consultores,%20quisiera%20recibir%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="btn btn-accent btn-sm" style="width: 100%;">
ESCRIBINOS POR WHATSAPP →
</a>
</div>
css/ecosistema.css
+42 -9
View File
@@ -4,14 +4,21 @@
========================================================================== */
.animacion-infinito {
width: 80%;
min-width: 600px;
width: 100%;
max-width: 1000px;
aspect-ratio: 2 / 1;
position: relative;
background-color: transparent;
}
/* Escalar la animación +15% en desktop (en móvil ocupa todo el ancho y se desbordaría) */
@media (min-width: 1024px) {
.animacion-infinito {
transform: scale(1.15);
transform-origin: center;
}
}
.capa-svg-lineas {
position: absolute;
top: 0;
@@ -74,7 +81,7 @@
.linea-pulso {
fill: none;
stroke: #ffffff;
stroke: var(--text-main);
stroke-width: 6;
stroke-linecap: round;
stroke-dasharray: 0 2000;
@@ -565,17 +572,13 @@
.eco-panel__strip {
position: relative;
z-index: 3;
/*background: var(--bg-surface);*/
bottom: 0;
padding: 0rem clamp(2rem, 3.5vw, 3rem) clamp(1rem, 1vw, 1rem);
/*border-top: 1px solid color-mix(in srgb, var(--unit) 22%, var(--border-color));*/
padding: 0 clamp(2rem, 3.5vw, 3rem) clamp(1rem, 1vw, 1rem);
}
.eco-panel__strip-title {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 1.1rem;
color: var(--text-inverse);
color: var(--text-main);
margin-bottom: 1rem;
}
@@ -676,6 +679,36 @@
background: color-mix(in srgb, var(--unit) 10%, var(--bg-surface));
}
/* Nodos interactivos: foco visible por teclado */
.nodo-circulo:focus-visible {
outline: 3px solid var(--ide-primary);
outline-offset: 3px;
}
/* Nodo central: sin interacción, sin efecto hover */
.nodo-circulo--static {
cursor: default;
}
.nodo-circulo--static:hover {
transform: translate(-50%, -50%);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15), inset 0 -4px 10px rgba(0, 0, 0, 0.1);
}
/* Hero del Ecosistema en móvil: reforzar el velo para que el texto (full width)
que cae sobre blur.webp conserve contraste */
@media (max-width: 900px) {
.herobg-9 {
background-image:
linear-gradient(
180deg,
color-mix(in srgb, var(--bg-body) 96%, transparent) 0%,
color-mix(in srgb, var(--bg-body) 84%, transparent) 100%
),
url('../assets/img/blur.webp');
}
}
/* Accesibilidad: reduce motion */
@media (prefers-reduced-motion: reduce) {
.eco-card,
css/faq.css
+7 -7
View File
@@ -13,8 +13,8 @@
/* Tarjeta de cada pregunta */
.faq-item {
background: rgba(255, 255, 255, 0.025);
border: 1px solid var(--ide-primary-line);
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: 12px;
overflow: hidden;
transition: border-color 0.25s ease, background-color 0.25s ease;
@@ -22,11 +22,11 @@
.faq-item:hover {
background: var(--ide-accent-bg);
border-color: rgba(255, 255, 255, 0.16);
border-color: var(--border-hover);
}
.faq-item[open] {
background: rgba(255, 255, 255, 0.04);
background: var(--bg-surface-elevated);
border-color: var(--ide-primary-light);
}
@@ -69,14 +69,14 @@
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--ide-primary) 12%, transparent);
color: var(--text-main);
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, color 0.2s ease;
}
.faq-item:hover .faq-icon {
background: rgba(255, 255, 255, 0.1);
color: var(--text-inverse);
background: color-mix(in srgb, var(--ide-primary) 22%, transparent);
color: var(--ide-primary);
}
/* Rotación de la flecha al abrir */
css/index.css
+22
View File
@@ -29,6 +29,28 @@
font-size: clamp(2.5rem, 8vw, 6.5rem);
}
/* Sugerencias rápidas bajo el buscador del hero (fondo oscuro) */
.hero-search-chips {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.25rem;
}
.hero-search-chips .chip {
padding: 0.35rem 0.9rem;
font-size: 0.8rem;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.4);
}
.hero-search-chips .chip:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.22);
border-color: #ffffff;
}
css/styles.css
+436 -6
View File
@@ -2455,6 +2455,11 @@ canvas {
color: var(--ide-primary);
}
/* El logo del 5º miembro debe llenar todo el círculo (la imagen trae margen propio) */
.m5 .card-portrait img {
transform: scale(1.53);
}
.card-incompany {
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/incompany.webp');
background-size: cover;
@@ -2706,6 +2711,19 @@ canvas {
margin: 0;
}
/* Dark mode: mejorar contraste del título e íconos de las tarjetas Academy */
[data-theme="dark"] .curso-header h4 {
color: var(--ide-academy-ligth);
}
[data-theme="dark"] .icono-academy-contexto,
[data-theme="dark"] .icono-academy-aprende,
[data-theme="dark"] .icono-academy-integral,
[data-theme="dark"] .icono-academy-enriquece,
[data-theme="dark"] .icono-academy-aplicacion {
background-color: var(--ide-academy-ligth);
}
/* Panel contenedor tipo Grid */
.course-specs-panel {
@@ -2785,7 +2803,7 @@ canvas {
}
/* --- Trabaja con Nosotros --- */
.card-trabajo {
background-image: url('../assets/img/culture.png');
background-image: url('../assets/img/culture.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@@ -2925,6 +2943,20 @@ canvas {
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
}
/* Contacto: apilar formulario y canales en pantallas medianas */
@media (max-width: 992px) {
.contact-parallax-section .grid-2 {
grid-template-columns: 1fr;
}
}
/* Cuadrícula de formulario a 1 columna en móvil */
@media (max-width: 640px) {
.form-grid {
grid-template-columns: 1fr;
}
}
/* =========================================================
FOOTER MODULAR - ESTILOS
========================================================= */
@@ -3925,6 +3957,44 @@ canvas {
margin: 0;
}
/* Tablet: apilar en 1 columna; divisor pasa a horizontal */
@media (max-width: 992px) {
.forma-trabajar {
grid-template-columns: 1fr;
gap: 1.75rem;
}
.forma-trabajar__divider {
width: 100%;
height: 3px;
min-height: 0;
background: linear-gradient(
90deg,
transparent 0%,
var(--ide-accent) 30%,
var(--ide-primary) 70%,
transparent 100%
);
}
}
/* Mobile: ocultar divisor y ajustar comilla decorativa */
@media (max-width: 640px) {
.forma-trabajar {
gap: 1.25rem;
}
.forma-trabajar__divider {
display: none;
}
.forma-trabajar__quote-mark {
top: -2.5rem;
left: -0.5rem;
font-size: 6rem;
}
}
/* ==========================================================================
SECCIÓN 4 — Formulario + imagen fundida a la derecha
========================================================================== */
@@ -3940,8 +4010,8 @@ canvas {
top: 0;
right: 0;
bottom: 0;
width: 55%;
background-image: url('../assets/img/culture.png');
width: 48%;
background-image: url('../assets/img/culture.webp');
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
@@ -3977,8 +4047,8 @@ canvas {
.careers-form-wrap {
position: relative;
z-index: 1;
max-width: 620px; /* deja la mitad derecha libre para la imagen */
margin-left: 10%;
max-width: 820px; /* tarjeta ancha: deja libre la franja derecha con la imagen */
margin-left: 6%;
}
.careers-form-card {
@@ -4006,10 +4076,44 @@ canvas {
.careers-form-card__lead {
font-size: 0.88rem;
color: var(--text-muted);
margin-bottom: 1.75rem;
margin-bottom: 1.25rem;
line-height: 1.6;
}
/* Cuadrícula de campos: 3 columnas para un formulario más horizontal */
.careers-form-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem 1.25rem;
}
.careers-form-grid .form-group {
margin-bottom: 0;
}
.careers-form-grid .span-2 {
grid-column: span 2;
}
.careers-form-grid .span-3 {
grid-column: 1 / -1;
}
/* Cuadrícula genérica de formulario (2 columnas) */
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem 1.25rem;
}
.form-grid .form-group {
margin-bottom: 0;
}
.form-grid .span-2 {
grid-column: 1 / -1;
}
.careers-form-card__note {
font-size: 0.82rem;
color: var(--text-muted);
@@ -4045,6 +4149,12 @@ canvas {
}
/* Mobile */
@media (max-width: 992px) {
.careers-form-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.sumarte-grid {
grid-template-columns: 1fr;
@@ -4070,6 +4180,10 @@ canvas {
.careers-form-card {
background-color: var(--bg-surface);
}
.careers-form-grid {
grid-template-columns: 1fr;
}
}
/* ==========================================================================
@@ -4423,6 +4537,322 @@ canvas {
}
}
/* ==========================================================================
PÁGINA DE BÚSQUEDA (buscar.html)
========================================================================== */
/* Utilidad de alineación (usada en varias páginas) */
.text-center {
text-align: center;
}
/* --- Hero del buscador --- */
.search-hero {
padding-top: clamp(2.5rem, 5vw, 4.5rem);
padding-bottom: clamp(2rem, 4vw, 3.5rem);
background: radial-gradient(circle at 50% 0%, var(--ide-accent-soft) 0%, transparent 60%), var(--bg-body);
}
.search-hero .eyebrow {
margin-bottom: 0.5rem;
}
.search-hero h1 {
margin-bottom: 0.75rem;
}
.search-hero .lead-text {
max-width: 60ch;
margin: 0 auto 2rem auto;
color: var(--text-body);
}
/* --- Formulario de búsqueda --- */
.search-page-form {
display: flex;
gap: 0.75rem;
max-width: 640px;
margin: 0 auto;
}
.search-input-wrap {
position: relative;
flex: 1;
}
.search-input-wrap svg {
position: absolute;
left: 1rem;
top: 50%;
transform: translateY(-50%);
color: var(--text-muted);
pointer-events: none;
}
.search-input-wrap input {
width: 100%;
padding: 0.85rem 1rem 0.85rem 2.75rem;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 1rem;
background-color: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: 50px;
color: var(--text-main);
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.search-input-wrap input:focus {
outline: none;
border-color: var(--ide-accent);
box-shadow: 0 0 0 3px var(--ide-accent-soft);
}
.search-page-form button {
flex-shrink: 0;
padding: 0.85rem 1.75rem;
font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 700;
font-size: 0.9rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FFFFFF;
background-color: var(--ide-accent);
border: none;
border-radius: 50px;
cursor: pointer;
transition: background-color var(--transition-fast);
}
.search-page-form button:hover {
background-color: var(--ide-accent-hover);
}
/* --- Hint / status --- */
.search-hint {
margin-top: 1rem;
font-size: 0.9rem;
color: var(--text-muted);
min-height: 1.2em;
}
/* --- Sugerencias (chips) --- */
.search-suggestions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.6rem;
margin-bottom: 2.5rem;
}
/* Evita que display:flex anule el [hidden] del atributo */
.search-suggestions[hidden] {
display: none;
}
.search-suggestions strong {
width: 100%;
margin-bottom: 0.25rem;
text-align: center;
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-muted);
}
.chip {
display: inline-block;
padding: 0.45rem 1rem;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 0.85rem;
color: var(--text-body);
background-color: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: 50px;
text-decoration: none;
transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}
.chip:hover {
border-color: var(--ide-accent);
background-color: var(--ide-accent-soft);
color: var(--ide-accent);
}
/* --- Resultados --- */
.search-results-section {
padding-bottom: clamp(3rem, 6vw, 5rem);
}
.search-results-list {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 820px;
margin: 0 auto;
}
.search-result-item {
padding: 1.5rem 1.75rem;
background-color: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
.search-result-item:hover {
border-color: var(--ide-accent);
box-shadow: var(--shadow-sm);
transform: translateY(-2px);
}
.result-category {
display: inline-block;
margin-bottom: 0.4rem;
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--ide-accent);
}
.search-result-item h3 {
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
}
.search-result-item h3 a {
color: var(--text-main);
text-decoration: none;
transition: color var(--transition-fast);
}
.search-result-item h3 a:hover {
color: var(--ide-accent);
}
.search-result-item p {
margin: 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--text-body);
}
.search-result-item mark {
padding: 0 0.15em;
background-color: var(--ide-accent-soft);
color: inherit;
border-radius: 3px;
}
/* --- Estado vacío --- */
.search-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
padding: 3rem 1.5rem;
text-align: center;
color: var(--text-muted);
}
.search-empty svg {
color: var(--text-muted);
opacity: 0.6;
}
.search-empty .search-hint {
margin-top: 0;
}
/* --- Responsive --- */
@media (max-width: 640px) {
.search-page-form {
flex-direction: column;
}
.search-page-form button {
width: 100%;
}
.search-result-item {
padding: 1.25rem;
}
}
/* ==========================================================================
PÁGINAS DE CONTENIDO LEGAL (privacidad / términos)
========================================================================== */
.legal-page-title {
font-size: clamp(1.9rem, 4vw, 2.8rem);
margin-bottom: 1rem;
}
.legal-updated {
margin-top: 1rem;
font-size: 0.85rem;
color: var(--text-muted);
}
.legal-content {
max-width: 78ch;
margin: 0 auto;
color: var(--text-body);
}
.legal-content h2 {
font-size: clamp(1.35rem, 2.3vw, 1.7rem);
color: var(--text-main);
margin: 2.5rem 0 0.85rem 0;
}
.legal-content h2:first-child {
margin-top: 0;
}
.legal-content h3 {
font-size: 1.12rem;
color: var(--text-main);
margin: 1.75rem 0 0.6rem 0;
}
.legal-content p {
margin: 0 0 1rem 0;
line-height: 1.75;
}
.legal-content ul,
.legal-content ol {
margin: 0 0 1.25rem 0;
padding-left: 1.4rem;
}
.legal-content li {
margin-bottom: 0.4rem;
line-height: 1.65;
}
.legal-content li::marker {
color: var(--ide-accent);
}
.legal-content a {
color: var(--ide-accent);
text-decoration: underline;
}
.legal-content a:hover {
color: var(--ide-accent-hover);
}
.legal-content strong {
color: var(--text-main);
}
ecosistema.html
+7 -11
View File
@@ -48,7 +48,7 @@
</div>
<div class="hero-visual"
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
style="width: 100%; position: relative; display: flex; justify-content: center; align-items: center;">
<div class="animacion-infinito">
<svg class="capa-svg-lineas" viewBox="0 0 1000 500" preserveAspectRatio="xMidYMid meet">
<defs id="svg-defs"></defs>
@@ -63,7 +63,7 @@
</section>
<!-- Seccion 2: Ecosistema IDE -->
<section id="ecosistema-ide" class="section-padding contact-parallax-section ecosistema-section" aria-labelledby="ecosistema-title">
<section id="ecosistema-ide" class="section-padding contact-parallax-section ecosistema-section" aria-label="Ecosistema IDE">
<div class="parallax-wrapper" aria-hidden="true">
<div id="contact-parallax-bg" class="parallax-bg-layer3"></div>
<div class="parallax-overlay"></div>
@@ -131,7 +131,7 @@
</button>
</article>
<!-- Tarjeta 4: IDE Academy (navega a academy.html) -->
<!-- Tarjeta 4: IDE Academy (navega a ide-academy.html) -->
<article class="eco-card eco-card--academy" role="listitem">
<a class="eco-card__btn" href="ide-academy.html" aria-label="Ir a IDE Academy">
<span class="eco-card__icon-wrap" aria-hidden="true">
@@ -160,9 +160,9 @@
</button>
<nav class="eco-unit__nav" aria-label="Cambiar de unidad">
<button type="button" class="eco-pill eco-pill--excellence" data-eco-open="excellence">Excellence</button>
<button type="button" class="eco-pill eco-pill--projects" data-eco-open="projects">Projects</button>
<button type="button" class="eco-pill eco-pill--digital" data-eco-open="digital">Digital</button>
<button type="button" class="eco-pill eco-pill--excellence" data-eco-open="excellence" aria-pressed="false">Excellence</button>
<button type="button" class="eco-pill eco-pill--projects" data-eco-open="projects" aria-pressed="false">Projects</button>
<button type="button" class="eco-pill eco-pill--digital" data-eco-open="digital" aria-pressed="false">Digital</button>
<a class="eco-pill eco-pill--academy" href="ide-academy.html">Academy <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
</nav>
</div>
@@ -511,11 +511,7 @@
</svg>
</a>
</div>
</div>
<div class="hero-visual"
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
</div>
</div>
</div>
</div>
ide-academy.html
+2 -6
View File
@@ -70,10 +70,6 @@
</div>
</div>
<div class="hero-visual"
style="width: 100%; height: 500px; position: relative; display: flex; justify-content: center; align-items: center;">
</div>
</div>
</div>
</section>
@@ -205,7 +201,7 @@
<li><i class="fa-solid fa-tag"></i> Programas</li>
<li><i class="fa-solid fa-tag"></i> Rutas de Aprendizaje</li>
</ul>
<a href="ecosistema.html#eco-excellence" class="btn btn-academy"
<a href="contacto.html" class="btn btn-academy"
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; max-width: 200px;">
HABLEMOS
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
@@ -281,7 +277,7 @@
</section>
<!-- MODAL DE DETALLE DE FICHA TÉCNICA DE CURSO -->
<div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true">
<div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-course-title">
<div class="modal-window">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div id="modal-course-category" class="eyebrow">PROGRAMA EJECUTIVO</div>
includes/footer.html
+1 -1
View File
@@ -57,7 +57,7 @@
<!-- 2. Redes Sociales (Agregados Mail y WhatsApp) -->
<!-- NOTA: Reemplaza el href de mailto: y wa.me con tus datos reales -->
<div class="footer-socials">
<a href="mailto:info@ideconsultores.com" aria-label="Correo electrónico" class="footer-social-link">
<a href="mailto:info@ideconsultores.com.ar" aria-label="Correo electrónico" class="footer-social-link">
<i class="fas fa-envelope"></i>
</a>
<a href="https://wa.me/5493876140144" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" class="footer-social-link">
index.html
+8
View File
@@ -72,6 +72,14 @@
</svg>
</a>
</div>
<!-- Sugerencias rápidas de búsqueda -->
<div class="hero-search-chips">
<a href="buscar.html?q=ISO%209001" class="chip">ISO 9001</a>
<a href="buscar.html?q=PMO" class="chip">PMO</a>
<a href="buscar.html?q=Academy" class="chip">IDE Academy</a>
<a href="buscar.html?q=transformaci%C3%B3n%20digital" class="chip">Transformación digital</a>
</div>
</div>
<div class="hero-visual"
js/ecosistema.js
+21 -12
View File
@@ -1,6 +1,6 @@
/* ==========================================================================
ECOSISTEMA IDE — Cambio in-place + deep link por hash
URLs válidas: #eco-excellence | #eco-projects | #eco-digital | #ecosistema
URLs válidas: #eco-excellence | #eco-projects | #eco-digital | #ecosistema-ide
========================================================================== */
(function () {
'use strict';
@@ -17,7 +17,7 @@
const VALID_UNITS = ['excellence', 'projects', 'digital'];
const HASH_PREFIX = '#eco-';
const HASH_ECOSYSTEM = '#ecosistema';
const HASH_ECOSYSTEM = '#ecosistema-ide';
let lastFocusedTrigger = null;
let currentUnit = null; // null = ecosistema
@@ -63,13 +63,15 @@
});
pills.forEach(pill => {
pill.classList.toggle('is-active', pill.dataset.ecoOpen === id);
const active = pill.dataset.ecoOpen === id;
pill.classList.toggle('is-active', active);
if (pill.tagName === 'BUTTON') pill.setAttribute('aria-pressed', active ? 'true' : 'false');
});
const title = panel.querySelector('.eco-panel__title');
if (title) {
title.setAttribute('tabindex', '-1');
requestAnimationFrame(() => title.focus({ preventScroll: false }));
requestAnimationFrame(() => title.focus({ preventScroll: true }));
}
currentUnit = id;
@@ -80,7 +82,10 @@
stateEcosystem.hidden = false;
triggers.forEach(t => t.setAttribute('aria-expanded', 'false'));
pills.forEach(p => p.classList.remove('is-active'));
pills.forEach(pill => {
pill.classList.remove('is-active');
if (pill.tagName === 'BUTTON') pill.setAttribute('aria-pressed', 'false');
});
if (restoreFocus) {
if (lastFocusedTrigger && typeof lastFocusedTrigger.focus === 'function') {
@@ -93,6 +98,14 @@
currentUnit = null;
}
/* ---------- Scroll a la sección ---------- */
function scrollToSection(behavior = 'smooth') {
const rect = section.getBoundingClientRect();
if (rect.top < -80 || rect.top > 200) {
section.scrollIntoView({ behavior, block: 'start' });
}
}
/* ---------- API con URL ---------- */
function openUnit(id, { push = true, scroll = true } = {}) {
if (!VALID_UNITS.includes(id)) return;
@@ -103,12 +116,7 @@
history.pushState({ eco: id }, '', url);
}
if (scroll) {
const rect = section.getBoundingClientRect();
if (rect.top < -80 || rect.top > 200) {
section.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
if (scroll) scrollToSection('smooth');
}
function closeUnit({ push = true, scroll = false } = {}) {
@@ -127,7 +135,7 @@
trigger.addEventListener('click', (e) => {
const id = trigger.dataset.ecoOpen;
if (!id) return;
// Academy es <a href="academy.html">: dejamos navegar
// Academy es <a href="ide-academy.html">: dejamos navegar
if (trigger.tagName === 'A' && trigger.getAttribute('href')) return;
e.preventDefault();
openUnit(id);
@@ -154,6 +162,7 @@
const id = unitFromHash();
if (id && id !== currentUnit) {
renderUnit(id);
scrollToSection('smooth');
} else if (!id && currentUnit !== null) {
renderEcosystem({ restoreFocus: false });
}
js/main.js
+8 -10
View File
@@ -309,7 +309,7 @@ function closeModal(modalId) {
body: 'IDE Academy diseña programas de formación alineados con los desafíos reales de las organizaciones. No dictamos cursos estándar: trabajamos desde el contexto de cada equipo.',
chips: [...m.chips, m.extra],
cta: 'Conocer IDE Academy',
url: 'academy.html'
url: 'ide-academy.html'
};
}
@@ -334,7 +334,7 @@ function closeModal(modalId) {
title: 'Formación desde el contexto real.',
chips: ['In Company', 'Capacitación', 'IDE Academy'],
cta: 'Ver IDE Academy',
url: 'academy.html',
url: 'ide-academy.html',
body: 'Programas de formación diseñados para tu organización, sus desafíos y las capacidades que necesita desarrollar.'
},
'ia-digital': {
@@ -1121,15 +1121,14 @@ function initContactForm() {
form.reset();
} catch (error) {
if (alertBox) {
alertBox.className = 'form-alert alert-success';
alertBox.innerText = '¡Muchas gracias por comunicarte! Tu mensaje ha sido registrado con éxito. Te responderemos pronto a tu casilla de correo.';
alertBox.className = 'form-alert alert-error';
alertBox.innerText = 'No pudimos enviar tu mensaje. Por favor, reintentá en unos minutos o escribinos a info@ideconsultores.com.ar.';
alertBox.style.display = 'block';
}
form.reset();
} finally {
if (submitBtn) {
submitBtn.removeAttribute('disabled');
submitBtn.innerText = 'HABLEMOS';
submitBtn.innerText = 'ENVIAR CONSULTA →';
}
}
});
@@ -1171,15 +1170,14 @@ function initCareersForm() {
form.reset();
} catch (error) {
if (alertBox) {
alertBox.className = 'form-alert alert-success';
alertBox.innerText = '¡Postulación recibida con éxito! Revisaremos tu perfil en nuestro equipo.';
alertBox.className = 'form-alert alert-error';
alertBox.innerText = 'No pudimos enviar tu postulación. Por favor, reintentá en unos minutos o escribinos a info@ideconsultores.com.ar.';
alertBox.style.display = 'block';
}
form.reset();
} finally {
if (submitBtn) {
submitBtn.removeAttribute('disabled');
submitBtn.innerText = 'Enviar Postulación';
submitBtn.innerText = 'SUMARME A LA RED IDE';
}
}
});
js/netschema.js
+47 -15
View File
@@ -1,12 +1,24 @@
const nodosData = [
// Reemplaza el src con la ruta real de tus logos
{ id: 'tl', x0: 220, y0: 140, r: 70, color: '#16a085', html: '<img src="assets/logos/excellence_b.png" alt="EXCELLENCE">' },
{ id: 'bl', x0: 200, y0: 420, r: 70, color: '#f39200', html: '<img src="assets/logos/projects_b.png" alt="PROJECTS">' },
{ id: 'tr', x0: 780, y0: 110, r: 70, color: '#c41230', html: '<img src="assets/logos/academy_b.png" alt="ACADEMY">' },
{ id: 'br', x0: 750, y0: 400, r: 70, color: '#0061a0', html: '<img src="assets/logos/digital_b.png" alt="DIGITAL">' },
{ id: 'c', x0: 500, y0: 280, r: 85, color: '#ffffff', html: '<img src="assets/logos/ide.png" alt="EL TODO">' }
{ id: 'tl', x0: 220, y0: 140, r: 70, color: '#009e8f', unit: 'excellence', label: 'IDE Excellence', html: '<img src="assets/logos/excellence_b.png" alt="EXCELLENCE">' },
{ id: 'bl', x0: 200, y0: 420, r: 70, color: '#f28c2b', unit: 'projects', label: 'IDE Projects', html: '<img src="assets/logos/projects_b.png" alt="PROJECTS">' },
{ id: 'tr', x0: 780, y0: 110, r: 70, color: '#c8102e', unit: 'academy', label: 'IDE Academy', html: '<img src="assets/logos/academy_b.png" alt="ACADEMY">' },
{ id: 'br', x0: 750, y0: 400, r: 70, color: '#1d71b8', unit: 'digital', label: 'IDE Digital', html: '<img src="assets/logos/digital_b.png" alt="DIGITAL">' },
{ id: 'c', x0: 500, y0: 280, r: 85, color: '#ffffff', unit: null, label: null, html: '<img src="assets/logos/ide.png" alt="EL TODO">' }
];
const reduceMotion = window.matchMedia &&
window.matchMedia('(prefers-reduced-motion: reduce)').matches;
// Abrir la unidad correspondiente desde un nodo del ecosistema
function abrirNodo(nodo) {
if (!nodo || !nodo.unit) return;
if (nodo.unit === 'academy') { window.location.href = 'ide-academy.html'; return; }
if (window.EcoIDE && typeof window.EcoIDE.open === 'function') {
window.EcoIDE.open(nodo.unit);
}
}
const conexiones = [
{ id: 'arcL', from: 'tl', to: 'bl', type: 'vertical', curveOut: -180 },
{ id: 'c1', from: 'tl', to: 'c', type: 'horizontal', curveOut: 0 },
@@ -44,6 +56,24 @@ const nodosData = [
content.innerHTML = nodo.html;
el.appendChild(content);
if (nodo.unit) {
el.setAttribute('role', 'button');
el.setAttribute('tabindex', '0');
el.setAttribute('aria-label', `Ver ${nodo.label}`);
el.style.cursor = 'pointer';
el.addEventListener('click', () => abrirNodo(nodo));
el.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
abrirNodo(nodo);
}
});
} else {
el.classList.add('nodo-circulo--static');
el.style.cursor = 'default';
}
contenedorNodos.appendChild(el);
nodo.el = el;
});
@@ -138,16 +168,18 @@ const nodosData = [
});
// 3. Lógica de salto entre carriles
setInterval(() => {
conexiones.forEach(conn => {
conn.pulsos.forEach(p => {
if (Math.random() > 0.8) {
p.currentOffset = offsetsLineas[Math.floor(Math.random() * offsetsLineas.length)];
p.needsPathUpdate = true; // Avisamos que en el próximo frame debe cambiar de ruta
}
if (!reduceMotion) {
setInterval(() => {
conexiones.forEach(conn => {
conn.pulsos.forEach(p => {
if (Math.random() > 0.8) {
p.currentOffset = offsetsLineas[Math.floor(Math.random() * offsetsLineas.length)];
p.needsPathUpdate = true; // Avisamos que en el próximo frame debe cambiar de ruta
}
});
});
});
}, 1200);
}, 1200);
}
// 4. Motor de Animación Ultraligero
let animando = false;
@@ -169,7 +201,7 @@ function animarFrame() {
}
function iniciarAnimacion() {
if (animando) return;
if (reduceMotion || animando) return;
animando = true;
rafId = requestAnimationFrame(animarFrame);
}
politicas-de-privacidad.html
+120
View File
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="es" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Política de Privacidad | IDE Consultores</title>
<meta name="description" content="Conocé cómo IDE Consultores recopila, usa y protege los datos personales que nos compartís a través del sitio.">
<meta property="og:title" content="Política de Privacidad | IDE Consultores">
<meta property="og:description" content="Información sobre el tratamiento de datos personales en IDE Consultores.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="icon" type="image/x-icon" href="assets/img/favicon.webp">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header id="site-header"></header>
<main>
<!-- Intro -->
<section class="section-padding-sm bg1">
<div class="container container-narrow text-center">
<span class="eyebrow">LEGAL</span>
<h1 class="legal-page-title">Política de Privacidad</h1>
<p class="lead-text" style="margin: 0 auto; max-width: 60ch;">
Cuidamos la información que nos compartís. Esta política explica qué datos recopilamos, con qué finalidad y cómo los protegemos.
</p>
<p class="legal-updated">Última actualización: <time datetime="2026-10-18">18 de octubre de 2026</time></p>
</div>
</section>
<!-- Contenido -->
<section class="section-padding">
<div class="container container-narrow">
<div class="legal-content">
<h2>1. Responsable del tratamiento</h2>
<p>
IDE Consultores (en adelante, “IDE”) es responsable del tratamiento de los datos personales que se recopilan a través de este sitio web. Para cualquier consulta vinculada a la presente política podés escribirnos a
<a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
</p>
<h2>2. Datos que recopilamos</h2>
<p>Recopilamos los datos que nos brindás de forma voluntaria y cierta información técnica generada por el uso del sitio:</p>
<ul>
<li><strong>Formularios de contacto y postulaciones:</strong> nombre y apellido, correo electrónico, organización, rol, teléfono, área de interés, enlaces (por ejemplo, LinkedIn o CV) y el contenido de tu mensaje.</li>
<li><strong>Diagnóstico “Brújula IDE”:</strong> las respuestas que seleccionás y los datos de contacto que decidas enviarnos.</li>
<li><strong>Datos de uso:</strong> información técnica como dirección IP, tipo de navegador y dispositivo, páginas visitadas y cookies o tecnologías similares.</li>
</ul>
<h2>3. Finalidad del tratamiento</h2>
<p>Utilizamos tus datos para:</p>
<ul>
<li>Responder tus consultas y coordinar conversaciones o reuniones.</li>
<li>Evaluar postulaciones y posibles colaboraciones profesionales.</li>
<li>Enviarte información que hayas solicitado o que resulte relevante a tu consulta.</li>
<li>Mejorar el funcionamiento, la seguridad y la experiencia de uso del sitio.</li>
<li>Cumplir con obligaciones legales aplicables.</li>
</ul>
<h2>4. Base legal y consentimiento</h2>
<p>
El tratamiento se basa en tu consentimiento, que otorgás al enviar voluntariamente tus datos a través de nuestros formularios, y en el interés legítimo de IDE en gestionar su actividad profesional. Podés retirar tu consentimiento en cualquier momento escribiéndonos a la dirección indicada en el punto 1.
</p>
<h2>5. Conservación de los datos</h2>
<p>
Conservamos tus datos únicamente durante el tiempo necesario para cumplir con las finalidades descriptas o hasta que solicites su eliminación, salvo que exista una obligación legal que requiera conservarlos por más tiempo.
</p>
<h2>6. Comunicación a terceros</h2>
<p>
No vendemos ni cedemos tus datos personales a terceros con fines comerciales. Podemos compartirlos con proveedores que prestan servicios en nuestro nombre (por ejemplo, hosting, correo electrónico o analítica web), siempre bajo acuerdos de confidencialidad y con el único fin de operar el sitio y atender tu consulta. También podremos divulgarlos cuando sea requerido por autoridad competente.
</p>
<h2>7. Derechos del titular</h2>
<p>
De acuerdo con la Ley 25.326 de Protección de Datos Personales de la República Argentina, tenés derecho a acceder, rectificar, actualizar y suprimir tus datos personales, así como a oponerte a su tratamiento. Para ejercer estos derechos, escribinos a
<a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
</p>
<p>
La Agencia de Acceso a la Información Pública (AAIP) es el organismo de control en materia de protección de datos personales y tiene la atribución de atender denuncias y reclamos vinculados al incumplimiento de la normativa vigente.
</p>
<h2>8. Cookies y tecnologías similares</h2>
<p>
El sitio puede utilizar cookies y tecnologías similares para recordar tus preferencias (por ejemplo, el tema claro u oscuro) y para obtener estadísticas de uso de forma agregada. Podés configurar tu navegador para rechazar o eliminar cookies; tené en cuenta que algunas funciones podrían verse afectadas.
</p>
<h2>9. Seguridad de la información</h2>
<p>
Implementamos medidas técnicas y organizativas razonables para proteger tus datos frente a accesos no autorizados, pérdida o alteración. Ningún sistema es completamente infalible, por lo que te recomendamos compartir tu información de manera responsable.
</p>
<h2>10. Menores de edad</h2>
<p>
Nuestros servicios están dirigidos a organizaciones y personas adultas. No recopilamos deliberadamente datos de menores de edad sin el consentimiento de sus representantes legales.
</p>
<h2>11. Cambios en esta política</h2>
<p>
Podemos actualizar esta Política de Privacidad para reflejar cambios normativos o en nuestras prácticas. Publicaremos siempre la versión vigente en esta página, indicando la fecha de la última actualización.
</p>
<h2>12. Contacto</h2>
<p>
Si tenés preguntas sobre esta política o sobre el tratamiento de tus datos, escribinos a
<a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
</p>
</div>
</div>
</section>
</main>
<footer id="site-footer"></footer>
<script src="js/main.js"></script>
</body>
</html>
somos-ide.html
+4 -16
View File
@@ -43,9 +43,6 @@
</a>
</div>
</div>
<div class="hero-visual"
style="width: 100%; height: 500px; position: relative; display: flex; justify-content: center; align-items: center;">
</div>
</div>
</div>
</section>
@@ -129,14 +126,14 @@
Experiencia local con mirada global.
</h2>
<p class="triple-section__lead">
Nacimos en el NOA, con uns fuerte pertenencia regional, y trabajamos con organizaciones de diferentes sectores de todo el país, integrando buenas prácticas y una mirada global a tu realidad local.
Nacimos en el NOA, con una fuerte pertenencia regional, y trabajamos con organizaciones de diferentes sectores de todo el país, integrando buenas prácticas y una mirada global a tu realidad local.
</p>
</div>
<!-- Col 2 (40%): Imagen PNG -->
<div class="triple-section__visual">
<img src="assets/img/somos/mapa2.webp"
alt="Descripción de la imagen"
<img src="assets/img/somos/mapa2.webp"
alt="Mapa de presencia de IDE Consultores"
loading="lazy">
</div>
@@ -205,7 +202,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
</div>
<h3>Claudia Raquel ANDRÉS</h3>
<div class="somos-title">Directora General | Líder de IDE Projects</div>
<!--<p>Especialista en proyectos, optimización de procesos e implementación de sistemas de gestión, con más de 15 años de experiencia en consultoría, auditoría y docencia. Impulsa la mirada sistémica que le da indentidad a IDE.</p>-->
<a href="https://www.linkedin.com/in/claudia-raquel-andres/" target="_blank"
rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
<i class="fa-brands fa-linkedin-in"></i>
@@ -220,7 +216,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
<h3>José PUGLIESE</h3>
<div class="somos-title">Líder de IDE Digital</div>
<!--<p>
Especialista en digitalización, Inteligencia Artificial y sistematización de procesos, con más de 10 años de experiencia en liderazgo de equipos e implementación de soluciones tecnológicas orientadas a optimizar la gestión.
</p>-->
<a href="https://www.linkedin.com/in/ing-jos%C3%A9-pugliese-706445413/" target="_blank"
rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -236,7 +231,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
<h3>Miguel Ángel ROJAS</h3>
<div class="somos-title">Líder de IDE Excellence</div>
<!--<p>
Especialista en gestión y optimización de procesos fisicoquímicos, mejora continua y sistemas de calidad, con más de 15 años de experiencia impulsando la eficiencia operativa y el desempeño sostenible.
</p>-->
<a href="https://www.linkedin.com/in/ingenieromiguelrojas/" target="_blank"
rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -252,7 +246,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
<h3>Víctor BARRIONUEVO</h3>
<div class="somos-title">Projects & Digital</div>
<!--<p>
Especialista en gestión y ejecución de proyectos de infraestructura y telecomunicaciones, con amplia experiencia en planificación, operaciones y coordinación de equipos multidisciplinarios.
</p>-->
<a href="https://www.linkedin.com/in/victor-ulises-barrionuevo/" target="_blank"
rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -281,7 +274,7 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
<div class="hero-grid">
<div>
<h2 style="margin-bottom: 0.8rem; line-height: 1.1; color: white; margin-bottom: 1.5rem;">
<h2 style="line-height: 1.1; color: white; margin-bottom: 1.5rem;">
Conversemos para comprender tu contexto,<br> identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor
</h2>
@@ -298,11 +291,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
</a>
</div>
</div>
<div class="hero-visual"
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
</div>
</div>
</div>
</section>
terminos-y-condiciones.html
+114
View File
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="es" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Términos y Condiciones | IDE Consultores</title>
<meta name="description" content="Términos y condiciones de uso del sitio web de IDE Consultores: alcance, propiedad intelectual, responsabilidad y ley aplicable.">
<meta property="og:title" content="Términos y Condiciones | IDE Consultores">
<meta property="og:description" content="Condiciones de uso del sitio web de IDE Consultores.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="icon" type="image/x-icon" href="assets/img/favicon.webp">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header id="site-header"></header>
<main>
<!-- Intro -->
<section class="section-padding-sm bg1">
<div class="container container-narrow text-center">
<span class="eyebrow">LEGAL</span>
<h1 class="legal-page-title">Términos y Condiciones</h1>
<p class="lead-text" style="margin: 0 auto; max-width: 60ch;">
Estas condiciones regulan el uso del sitio web de IDE Consultores y la relación entre vos y nosotros al navegarlo.
</p>
<p class="legal-updated">Última actualización: <time datetime="2026-10-18">18 de octubre de 2026</time></p>
</div>
</section>
<!-- Contenido -->
<section class="section-padding">
<div class="container container-narrow">
<div class="legal-content">
<h2>1. Objeto y aceptación</h2>
<p>
Los presentes Términos y Condiciones (en adelante, los “Términos”) regulan el acceso y uso del sitio web de IDE Consultores (en adelante, “IDE”). El acceso al sitio implica que leíste, entendés y aceptás estos Términos. Si no estás de acuerdo con ellos, te pedimos que no utilices el sitio.
</p>
<h2>2. Identificación del titular</h2>
<p>
Este sitio es operado por IDE Consultores. Para consultas vinculadas a estos Términos podés escribirnos a
<a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
</p>
<h2>3. Uso del sitio</h2>
<p>Te comprometés a utilizar el sitio de forma lícita y conforme a estos Términos. En particular, no podés:</p>
<ul>
<li>Utilizar el sitio con fines fraudulentos o ilícitos.</li>
<li>Intentar acceder a áreas restringidas o interferir con el funcionamiento y la seguridad del sitio.</li>
<li>Reproducir, distribuir o modificar los contenidos sin autorización previa y por escrito de IDE.</li>
<li>Introducir virus, código malicioso o cualquier elemento que pueda dañar el sitio o a terceros.</li>
</ul>
<h2>4. Propiedad intelectual e industrial</h2>
<p>
Todos los contenidos del sitio —textos, marcas, logotipos, imágenes, ilustraciones, diseños, código y demás elementos— son propiedad de IDE o de terceros que han autorizado su uso, y están protegidos por la normativa de propiedad intelectual e industrial aplicable. El uso del sitio no te otorga ningún derecho sobre dichos contenidos.
</p>
<h2>5. Contenidos y servicios</h2>
<p>
La información publicada en el sitio tiene carácter general e informativo sobre las soluciones, servicios y actividades de IDE. No constituye una oferta comercial vinculante ni asesoramiento profesional específico. Cualquier servicio se instrumentará mediante la propuesta o el contrato correspondiente acordado entre las partes.
</p>
<h2>6. Formularios y comunicaciones</h2>
<p>
Al completar nuestros formularios, declarás que la información que brindás es veraz y que estás facultado para compartirla. El tratamiento de los datos personales que nos envíes se rige por nuestra
<a href="politicas-de-privacidad.html">Política de Privacidad</a>.
</p>
<h2>7. Enlaces a terceros</h2>
<p>
El sitio puede incluir enlaces a sitios de terceros. IDE no controla ni se responsabiliza por sus contenidos, políticas o prácticas. El acceso a esos sitios es bajo tu propia responsabilidad.
</p>
<h2>8. Limitación de responsabilidad</h2>
<p>
IDE adopta medidas razonables para mantener el sitio disponible y actualizado, pero no garantiza que su funcionamiento sea ininterrumpido ni que esté libre de errores. En la medida permitida por la ley, IDE no será responsable por daños directos o indirectos derivados del uso o de la imposibilidad de uso del sitio o de la información contenida en él.
</p>
<h2>9. Protección de datos personales</h2>
<p>
El tratamiento de tus datos personales se rige por nuestra
<a href="politicas-de-privacidad.html">Política de Privacidad</a>, que forma parte integrante de estos Términos.
</p>
<h2>10. Modificaciones</h2>
<p>
IDE puede modificar estos Términos en cualquier momento. Las modificaciones entrarán en vigencia desde su publicación en esta página. Te recomendamos revisarla periódicamente.
</p>
<h2>11. Ley aplicable y jurisdicción</h2>
<p>
Estos Términos se rigen por las leyes de la República Argentina. Para cualquier controversia derivada de su interpretación o aplicación serán competentes los tribunales ordinarios de la ciudad de Salta, Argentina, con renuncia a cualquier otro fuero que pudiera corresponder.
</p>
<h2>12. Contacto</h2>
<p>
Ante cualquier duda sobre estos Términos y Condiciones, escribinos a
<a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
</p>
</div>
</div>
</section>
</main>
<footer id="site-footer"></footer>
<script src="js/main.js"></script>
</body>
</html>
trabaja-con-nosotros.html
+26 -25
View File
@@ -20,7 +20,7 @@
<!-- Seccion 1: Hero -->
<section class="section-padding herobg-8">
<div class="container">
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
<div class="split-2">
<div>
<span class="eyebrow" style="text-transform: uppercase;">TRABAJÁ CON NOSOTROS</span>
<h1 style="margin-bottom: 1.25rem; color:white">
@@ -29,7 +29,7 @@
<p class="lead-text" style="color:white">
En IDE creemos en el poder de las alianzas. Construimos una red de profesionales y especialistas con experiencias
diversas y una forma compartida de entender la gestión: comprender el contexto, conectar capacidades y generar
valor desde la práctica.”
valor desde la práctica.
</p>
</div>
</div>
@@ -145,41 +145,42 @@ valor desde la práctica.”
<form id="ide-careers-form">
<input type="hidden" name="form_type" value="trabaja">
<div class="form-group">
<label for="careers-nombre" class="form-label">Nombre y Apellido *</label>
<input type="text" id="careers-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Carolina Méndez" required>
</div>
<div class="careers-form-grid">
<div class="form-group">
<label for="careers-nombre" class="form-label">Nombre y Apellido *</label>
<input type="text" id="careers-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Carolina Méndez" required>
</div>
<div class="grid-2" style="gap: 1rem;">
<div class="form-group">
<label for="careers-email" class="form-label">Correo Electrónico *</label>
<input type="email" id="careers-email" name="email" class="form-control" placeholder="nombre@correo.com" required>
</div>
<div class="form-group">
<label for="careers-telefono" class="form-label">Teléfono</label>
<input type="tel" id="careers-telefono" name="telefono" class="form-control" placeholder="+54 9 11 ...">
</div>
</div>
<div class="form-group">
<label for="careers-area" class="form-label">Área de Interés Principal *</label>
<select id="careers-area" name="area" class="form-control" required>
<option value="IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión">IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión</option>
<option value="IDE Projects — Gestión y dirección de proyectos">IDE Projects — Gestión y dirección de proyectos</option>
<option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital — Digitalización, automatización, datos e IA</option>
<option value="IDE Academy — Formación, facilitación y desarrollo de capacidades">IDE Academy — Formación, facilitación y desarrollo de capacidades</option>
<option value="Otras especialidades">Otras especialidades</option>
</select>
</div>
<div class="form-group">
<label for="careers-area" class="form-label">Área de Interés Principal *</label>
<select id="careers-area" name="area" class="form-control" required>
<option value="IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión">IDE Excellence</option>
<option value="IDE Projects — Gestión y dirección de proyectos">IDE Projects</option>
<option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital</option>
<option value="IDE Academy — Formación, facilitación y desarrollo de capacidades">IDE Academy</option>
<option value="Otras especialidades">Otras especialidades</option>
</select>
</div>
<div class="form-group">
<label for="careers-linkedin" class="form-label">Enlace a LinkedIn o CV Online *</label>
<input type="url" id="careers-linkedin" name="linkedin" class="form-control" placeholder="https://linkedin.com/in/tu-perfil" required>
</div>
<div class="form-group span-2">
<label for="careers-linkedin" class="form-label">Enlace a LinkedIn o CV Online *</label>
<input type="url" id="careers-linkedin" name="linkedin" class="form-control" placeholder="https://linkedin.com/in/tu-perfil" required>
</div>
<div class="form-group">
<label for="careers-mensaje" class="form-label">Breve presentación o trayectoria destacada</label>
<textarea id="careers-mensaje" name="mensaje" class="form-control" rows="3" placeholder="Contanos brevemente sobre tu experiencia y cómo podrías sumar valor a IDE..."></textarea>
<div class="form-group span-3">
<label for="careers-mensaje" class="form-label">Breve presentación o trayectoria destacada</label>
<textarea id="careers-mensaje" name="mensaje" class="form-control" rows="3" placeholder="Contanos brevemente sobre tu experiencia y cómo podrías sumar valor a IDE..."></textarea>
</div>
</div>
<p class="careers-form-card__note">