/* Concepto: página editorial de una sola columna sobre marfil, con el bloque azul y los tres círculos del catálogo como portada,
   líneas de servicio con su código (01–04, 01.1…) y un cierre oscuro para el contacto. Identidad VAAL de las propuestas. */
:root {
  --marfil: #F3F1EA;
  --tarjeta: #FBFAF6;
  --tinta: #14161B;
  --texto: #262A31;
  --texto-2: #3B3F48;
  --texto-3: #4A4F59;
  --borde: #DAD5C9;
  --regla: #CFCABD;
  --azul: #2A3FD6;
  --azul-hondo: #1E2FA8;
  --etiqueta-oscura: #C9CCD6;
  --blanco: #FFFFFF;
  --f-titulo: 'Bricolage Grotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --f-cuerpo: 'Geist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --ancho: 1180px;
  --margen: clamp(16px, 4vw, 48px);
  --radio: 16px;
  --vidrio: rgba(251, 250, 246, 0.60);
  --vidrio-oscuro: rgba(20, 22, 27, 0.84);
  --brillo: linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.12) 45%, rgba(255, 255, 255, 0) 80%);
  --realce: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --borde-vidrio: rgba(255, 255, 255, 0.85);
  --sombra: 0 14px 36px rgba(40, 52, 100, 0.12);
  --desenfoque: 16px;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; background: var(--marfil); color: var(--tinta); font-family: var(--f-cuerpo); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; }
a { color: var(--tinta); text-underline-offset: 3px; }
a:hover { color: var(--azul); }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { font-family: var(--f-titulo); text-wrap: balance; margin: 0; color: var(--tinta); }
p { margin: 0; }
.envoltura { max-width: var(--ancho); margin-inline: auto; padding-inline: var(--margen); }
.mono { font-family: var(--f-mono); font-weight: 500; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--texto-3); }
.saltar { position: absolute; left: -999px; top: 8px; background: var(--tinta); color: var(--blanco); padding: 10px 14px; border-radius: 8px; z-index: 50; }
.saltar:focus { left: 16px; }

/* Encabezado */
.encabezado { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--brillo), rgba(243, 241, 234, 0.70); backdrop-filter: blur(var(--desenfoque)) saturate(160%); -webkit-backdrop-filter: blur(var(--desenfoque)) saturate(160%); border-bottom: 1px solid var(--borde-vidrio); box-shadow: 0 1px 0 rgba(20, 22, 27, 0.06); }
.encabezado .envoltura { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; }
.marca { display: flex; align-items: baseline; gap: 12px; text-decoration: none; }
.marca b { font-family: var(--f-titulo); font-weight: 800; font-size: 26px; letter-spacing: -0.03em; line-height: 1; color: var(--tinta); }
.marca span { display: none; }
.menu { display: flex; align-items: center; gap: 6px; }
.menu a { text-decoration: none; font-size: 15px; font-weight: 500; color: var(--texto); padding: 10px 12px; border-radius: 999px; }
.menu a:hover { color: var(--azul); }
.boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 20px; border-radius: 999px; font-family: var(--f-cuerpo); font-size: 15px; font-weight: 600; text-decoration: none; border: 1.5px solid var(--tinta); background: transparent; color: var(--tinta); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.boton:hover { border-color: var(--azul); color: var(--azul); }
.boton.lleno { background: var(--tinta); color: var(--blanco); }
.boton.lleno:hover { background: var(--azul); border-color: var(--azul); color: var(--blanco); }
.menu .boton { margin-left: 8px; color: var(--blanco); padding: 10px 18px; }
.menu .boton:hover { color: var(--blanco); }
.menu-movil { display: none; }
.menu-movil summary { list-style: none; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1.5px solid var(--tinta); border-radius: 999px; font-weight: 600; font-size: 15px; }
.menu-movil summary::-webkit-details-marker { display: none; }
.menu-movil nav { position: absolute; right: var(--margen); left: var(--margen); top: 64px; background: var(--tarjeta); border: 1px solid var(--borde); border-radius: var(--radio); padding: 8px; display: flex; flex-direction: column; box-shadow: 0 12px 32px rgba(20, 22, 27, 0.12); }
.menu-movil nav a { padding: 14px 16px; text-decoration: none; font-weight: 500; border-radius: 10px; }
.menu-movil nav a:hover { background: var(--marfil); }

/* Vidrio: el mismo lenguaje del portal (brillo, realce, borde claro y desenfoque sobre el fondo con efecto) */
.servicios li, .razones li, .formas li, .marcos { background: var(--brillo), var(--vidrio); -webkit-backdrop-filter: blur(var(--desenfoque)) saturate(160%); backdrop-filter: blur(var(--desenfoque)) saturate(160%); border: 1px solid var(--borde-vidrio); box-shadow: var(--sombra), var(--realce); }
.marcos { border-radius: var(--radio); padding: 20px 22px; }
.para-quien { background: linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 60%), var(--vidrio-oscuro); -webkit-backdrop-filter: blur(var(--desenfoque)) saturate(160%); backdrop-filter: blur(var(--desenfoque)) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: 0 16px 40px rgba(20, 22, 27, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14); }
.bloque-azul, .contacto .caja { box-shadow: 0 24px 60px rgba(42, 63, 214, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28); }
.bloque-azul::after, .contacto .caja::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 45%); pointer-events: none; }
.contacto .caja > * { position: relative; z-index: 1; }

/* Selector de fondo (solo en la vista previa) */
.selector { position: fixed; z-index: 30; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: calc(100% - 32px); padding: 8px; border-radius: 18px; background: var(--brillo), rgba(251, 250, 246, 0.78); -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%); border: 1px solid var(--borde-vidrio); box-shadow: 0 18px 44px rgba(20, 22, 27, 0.20), var(--realce); }
.selector span { padding: 0 6px; }
.selector button { min-height: 40px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--regla); background: transparent; color: var(--tinta); font: 600 13px var(--f-cuerpo); cursor: pointer; }
.selector button[aria-pressed="true"] { background: var(--tinta); border-color: var(--tinta); color: var(--blanco); }
.selector small { font-weight: 500; opacity: 0.75; }

/* Portada */
.portada { padding-block: clamp(20px, 3vw, 36px) clamp(48px, 7vw, 88px); display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); }
.bloque-azul { position: relative; overflow: hidden; border-radius: 28px; background: var(--azul); color: var(--blanco); padding: clamp(24px, 4vw, 44px); min-height: clamp(300px, 42vw, 500px); display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
.bloque-azul .circulos { position: absolute; right: -12%; top: -18%; width: min(68%, 620px); height: auto; pointer-events: none; }
.bloque-azul .fila { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-family: var(--f-mono); font-weight: 500; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.bloque-azul .nombre { position: relative; display: flex; flex-direction: column; gap: 12px; }
.bloque-azul .palabra { font-family: var(--f-titulo); font-weight: 800; font-size: clamp(92px, 19vw, 232px); line-height: 0.8; letter-spacing: -0.06em; }
.bloque-azul .sub { font-family: var(--f-mono); font-weight: 500; font-size: clamp(12px, 1.4vw, 15px); letter-spacing: 0.14em; text-transform: uppercase; }
.portada .tesis { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: end; }
.portada h1 { font-weight: 700; font-size: clamp(32px, 4.4vw, 54px); line-height: 1.06; letter-spacing: -0.03em; }
.portada .bajada { margin-top: 18px; font-size: 18px; line-height: 1.55; color: var(--texto); max-width: 58ch; }
.acciones { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 12px; }
.indice-lineas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
.indice-lineas a { display: flex; flex-direction: column; gap: 6px; border-top: 3px solid var(--tinta); padding-top: 12px; text-decoration: none; }
.indice-lineas a:hover { border-top-color: var(--azul); }
.indice-lineas .num { font-family: var(--f-titulo); font-weight: 700; font-size: 26px; letter-spacing: -0.03em; line-height: 1; color: var(--azul); }
.indice-lineas .tit { font-weight: 600; font-size: 16px; line-height: 1.3; color: var(--tinta); }

/* Secciones */
.seccion { padding-block: clamp(56px, 8vw, 104px); border-top: 1px solid var(--regla); }
.cabeza { display: flex; flex-direction: column; gap: 14px; max-width: 760px; margin-bottom: clamp(32px, 5vw, 56px); }
.cabeza h2 { font-weight: 800; font-size: clamp(34px, 4.8vw, 56px); line-height: 1; letter-spacing: -0.035em; }
.cabeza p { font-size: 18px; color: var(--texto); max-width: 62ch; }

/* Líneas de servicio */
.linea { padding-block: clamp(32px, 5vw, 56px); border-top: 3px solid var(--tinta); display: flex; flex-direction: column; gap: 28px; }
.linea:last-child { border-bottom: 1px solid var(--regla); }
.linea-cabeza { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px clamp(20px, 3vw, 36px); align-items: end; }
.linea-cabeza .num { font-family: var(--f-titulo); font-weight: 800; font-size: clamp(64px, 9vw, 112px); letter-spacing: -0.06em; line-height: 0.8; color: var(--azul); }
.linea-cabeza h3 { font-weight: 800; font-size: clamp(28px, 3.6vw, 42px); line-height: 1.02; letter-spacing: -0.03em; }
.linea-cabeza .proposito { grid-column: 2; font-size: 17px; color: var(--texto); max-width: 64ch; }
.aliado-tag { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--texto-2); border: 1px solid var(--regla); border-radius: 999px; padding: 4px 12px; }
.aliado-tag::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--azul); }
.cifras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.cifras div { border-top: 1px solid var(--regla); padding-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.cifras b { font-family: var(--f-titulo); font-weight: 700; font-size: 28px; letter-spacing: -0.03em; line-height: 1.05; }
.cifras span { font-size: 14px; line-height: 1.4; color: var(--texto-2); }
.servicios { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.servicios li { background: var(--tarjeta); border: 1px solid var(--borde); border-radius: var(--radio); padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.servicios .cod { font-family: var(--f-mono); font-weight: 500; font-size: 12px; color: var(--azul); }
.servicios h4 { margin: 0; font-family: var(--f-titulo); font-weight: 700; font-size: 19px; letter-spacing: -0.015em; line-height: 1.2; }
.servicios p { font-size: 14.5px; line-height: 1.5; color: var(--texto-2); }
.para-quien { border-radius: 18px; background: var(--tinta); color: var(--blanco); padding: 22px 26px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px; }
.para-quien div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.para-quien .mono { color: var(--etiqueta-oscura); }
.para-quien p { font-size: 15px; line-height: 1.5; }

/* Nosotros */
.dos-columnas { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); }
.relato { display: flex; flex-direction: column; gap: 16px; font-size: 17px; line-height: 1.6; color: var(--texto); }
.marcos { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.marcos dl { margin: 0; border-top: 1px solid var(--regla); }
.marcos dl div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--regla); font-size: 15px; }
.marcos dt { font-weight: 600; }
.marcos dd { margin: 0; color: var(--texto-3); text-align: right; }
.separador { display: flex; align-items: center; gap: 16px; margin-block: clamp(40px, 6vw, 64px) 18px; }
.separador::after { content: ""; flex-grow: 1; height: 1px; background: var(--regla); }
.razones { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.razones li { background: var(--tarjeta); border: 1px solid var(--borde); border-radius: var(--radio); padding: 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.razones h3 { font-weight: 700; font-size: 20px; letter-spacing: -0.015em; line-height: 1.15; }
.razones p { font-size: 14.5px; line-height: 1.5; color: var(--texto-2); }
.aliado { margin-top: clamp(40px, 6vw, 64px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.par { display: flex; align-items: center; gap: 14px; font-family: var(--f-titulo); font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-bottom: 16px; }
.par i { display: inline-flex; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--azul); align-items: center; justify-content: center; color: var(--azul); font-style: normal; font-size: 19px; line-height: 1; }
.aliado h3 { font-weight: 800; font-size: clamp(26px, 3.2vw, 38px); line-height: 1.05; letter-spacing: -0.03em; }
.aliado p { margin-top: 16px; font-size: 16.5px; line-height: 1.6; color: var(--texto); max-width: 62ch; }
.aliado .cifras { grid-template-columns: minmax(0, 1fr); gap: 14px; }

/* Cómo trabajamos */
.formas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.formas li { background: var(--tarjeta); border: 1px solid var(--borde); border-radius: var(--radio); padding: 22px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.formas .letra { width: 40px; height: 40px; border-radius: 50%; background: var(--tinta); color: var(--blanco); display: inline-flex; align-items: center; justify-content: center; font-family: var(--f-titulo); font-weight: 700; font-size: 18px; }
.formas h3 { font-weight: 700; font-size: 22px; letter-spacing: -0.02em; }
.formas p { font-size: 15px; line-height: 1.5; color: var(--texto-2); }
.pasos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; counter-reset: paso; }
.pasos li { border-top: 3px solid var(--tinta); padding-top: 14px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pasos .num { font-family: var(--f-titulo); font-weight: 700; font-size: 26px; letter-spacing: -0.03em; line-height: 1; color: var(--azul); }
.pasos h3 { font-weight: 700; font-size: 19px; letter-spacing: -0.015em; }
.pasos p { font-size: 15px; line-height: 1.5; color: var(--texto-2); }

/* Contacto */
.contacto { padding-block: clamp(56px, 8vw, 104px); }
.contacto .caja { position: relative; overflow: hidden; border-radius: 28px; background: var(--tinta); color: var(--blanco); padding: clamp(28px, 5vw, 64px); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: end; }
.contacto .mono { color: var(--etiqueta-oscura); }
.contacto h2 { color: var(--blanco); font-weight: 800; font-size: clamp(34px, 5vw, 60px); line-height: 1; letter-spacing: -0.035em; margin-top: 14px; }
.contacto .punto { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--azul); margin-left: 6px; vertical-align: middle; }
.ficha { display: flex; flex-direction: column; gap: 16px; }
.ficha .persona b { display: block; font-family: var(--f-titulo); font-weight: 700; font-size: 24px; letter-spacing: -0.02em; }
.ficha .persona span { color: var(--etiqueta-oscura); font-size: 15px; }
.correo { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.correo a { color: var(--blanco); font-size: clamp(18px, 2vw, 22px); font-weight: 600; word-break: break-all; }
.correo a:hover { color: var(--etiqueta-oscura); }
.copiar { min-height: 40px; padding: 8px 14px; border-radius: 999px; border: 1px solid #4A4F59; background: transparent; color: var(--blanco); font: 500 13px var(--f-cuerpo); cursor: pointer; }
.copiar:hover { border-color: var(--etiqueta-oscura); }
.ficha .lugar { color: var(--etiqueta-oscura); font-size: 15px; }
.ficha .boton { align-self: flex-start; background: var(--blanco); color: var(--tinta); border-color: var(--blanco); }
.ficha .boton:hover { background: var(--azul); border-color: var(--azul); color: var(--blanco); }

/* Pie */
.pie { border-top: 1px solid var(--regla); padding-block: 28px 40px; }
.pie .envoltura { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; font-size: 14px; color: var(--texto-3); }
.pie nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.pie a { color: var(--texto-3); }
.pie a:hover { color: var(--azul); }

/* Política de privacidad */
.legal.no-encontrada { padding-block: 120px; min-height: 50vh; }
.legal { padding-block: clamp(40px, 6vw, 72px) clamp(56px, 8vw, 96px); }
.legal .cabeza h1 { font-weight: 800; font-size: clamp(36px, 5vw, 58px); line-height: 1; letter-spacing: -0.035em; }
.legal .cuerpo { max-width: 72ch; display: flex; flex-direction: column; gap: 14px; font-size: 16.5px; line-height: 1.65; color: var(--texto); }
.legal .cuerpo h2 { font-weight: 700; font-size: 24px; letter-spacing: -0.02em; margin-top: 26px; }
.legal .cuerpo ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }
.legal .cuerpo strong { color: var(--tinta); }
.legal .nota { margin-top: 10px; padding: 16px 18px; background: var(--tarjeta); border: 1px solid var(--borde); border-radius: 12px; font-size: 15px; color: var(--texto-2); }

@media (min-width: 720px) { .marca span { display: inline; } }
@media (max-width: 960px) {
  .servicios, .formas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .razones, .pasos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portada .tesis, .dos-columnas, .aliado, .contacto .caja { grid-template-columns: minmax(0, 1fr); }
  .marca span { display: none; }
}
@media (max-width: 860px) { .menu { display: none; } .menu-movil { display: block; } }
@media (max-width: 600px) {
  .servicios, .formas, .razones, .pasos, .cifras, .para-quien { grid-template-columns: minmax(0, 1fr); }
  .linea-cabeza { grid-template-columns: minmax(0, 1fr); }
  .linea-cabeza .proposito, .aliado-tag { grid-column: 1; }
  .indice-lineas { grid-template-columns: minmax(0, 1fr); }
  .bloque-azul .circulos { right: -34%; top: 22%; width: 96%; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .boton { transition: none; } }

html body { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.85%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.07%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22%2F%3E%3C%2Fsvg%3E") 0 0 / 180px 180px repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22900%22%20viewBox%3D%220%200%201440%20900%22%20preserveAspectRatio%3D%22none%22%3E%3Cfilter%20id%3D%22b%22%20x%3D%220%22%20y%3D%22-10%25%22%20width%3D%22100%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%227%22%2F%3E%3C%2Ffilter%3E%3Cg%20filter%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M0%20900%20L0%20600%20L0%20600.3%20L40%20626.7%20L80%20648.4%20L120%20662.2%20L160%20666.4%20L200%20662.1%20L240%20651.6%20L280%20638.8%20L320%20627.1%20L360%20618.6%20L400%20613.9%20L440%20611.7%20L480%20609.4%20L520%20604.4%20L560%20594.7%20L600%20580.1%20L640%20562.3%20L680%20544.6%20L720%20531.1%20L760%20525.4%20L800%20529.7%20L840%20544.1%20L880%20566.1%20L920%20592.0%20L960%20616.9%20L1000%20636.9%20L1040%20649.1%20L1080%20653.1%20L1120%20650.4%20L1160%20643.9%20L1200%20636.9%20L1240%20632.0%20L1280%20630.2%20L1320%20630.8%20L1360%20631.4%20L1400%20629.2%20L1440%20621.6%20L1440%20900%20Z%22%20fill%3D%22%2319A7CE%22%20fill-opacity%3D%220.07%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20670%20L0%20730.0%20L40%20718.8%20L80%20702.7%20L120%20685.2%20L160%20669.5%20L200%20658.1%20L240%20651.5%20L280%20649.1%20L320%20648.7%20L360%20648.2%20L400%20645.5%20L440%20640.2%20L480%20633.0%20L520%20626.2%20L560%20622.6%20L600%20624.6%20L640%20633.7%20L680%20649.6%20L720%20670.0%20L760%20691.8%20L800%20710.9%20L840%20724.1%20L880%20729.3%20L920%20726.4%20L960%20716.9%20L1000%20703.9%20L1040%20690.4%20L1080%20679.3%20L1120%20671.8%20L1160%20667.8%20L1200%20665.8%20L1240%20663.6%20L1280%20659.0%20L1320%20651.1%20L1360%20640.2%20L1400%20628.3%20L1440%20618.1%20L1440%20900%20Z%22%20fill%3D%22%232A3FD6%22%20fill-opacity%3D%220.08%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20745%20L0%20735.0%20L40%20721.8%20L80%20713.8%20L120%20711.2%20L160%20712.8%20L200%20716.7%20L240%20720.8%20L280%20723.3%20L320%20723.7%20L360%20722.7%20L400%20722.0%20L440%20723.5%20L480%20728.9%20L520%20739.0%20L560%20752.8%20L600%20768.5%20L640%20783.2%20L680%20793.9%20L720%20798.3%20L760%20795.6%20L800%20786.3%20L840%20772.4%20L880%20756.9%20L920%20742.6%20L960%20731.8%20L1000%20725.4%20L1040%20723.1%20L1080%20723.4%20L1120%20724.2%20L1160%20723.9%20L1200%20721.4%20L1240%20717.3%20L1280%20712.9%20L1320%20710.4%20L1360%20711.8%20L1400%20718.6%20L1440%20730.9%20L1440%20900%20Z%22%20fill%3D%22%237B4DFF%22%20fill-opacity%3D%220.06%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20820%20L0%20784.9%20L40%20789.9%20L80%20796.9%20L120%20804.0%20L160%20809.6%20L200%20813.1%20L240%20814.8%20L280%20815.9%20L320%20817.9%20L360%20821.9%20L400%20828.6%20L440%20837.3%20L480%20846.7%20L520%20854.7%20L560%20859.2%20L600%20858.6%20L640%20852.6%20L680%20841.9%20L720%20828.3%20L760%20814.4%20L800%20802.5%20L840%20794.4%20L880%20790.8%20L920%20791.3%20L960%20794.6%20L1000%20798.8%20L1040%20802.4%20L1080%20804.3%20L1120%20804.7%20L1160%20804.5%20L1200%20805.1%20L1240%20808.0%20L1280%20814.2%20L1320%20823.6%20L1360%20835.1%20L1400%20846.7%20L1440%20856.1%20L1440%20900%20Z%22%20fill%3D%22%232273d2%22%20fill-opacity%3D%220.08%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 100% / 100% 100% no-repeat, radial-gradient(70% 45% at 50% 0%, rgba(123,77,255,0.08) 0%, rgba(123,77,255,0.00) 72%), radial-gradient(50% 40% at 95% 25%, rgba(25,167,206,0.07) 0%, rgba(25,167,206,0.00) 72%), var(--marfil); background-attachment: fixed; }
html .bloque-azul { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22900%22%20viewBox%3D%220%200%201440%20900%22%20preserveAspectRatio%3D%22none%22%3E%3Cfilter%20id%3D%22b%22%20x%3D%220%22%20y%3D%22-10%25%22%20width%3D%22100%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%227%22%2F%3E%3C%2Ffilter%3E%3Cg%20filter%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M0%20900%20L0%20600%20L0%20600.3%20L40%20626.7%20L80%20648.4%20L120%20662.2%20L160%20666.4%20L200%20662.1%20L240%20651.6%20L280%20638.8%20L320%20627.1%20L360%20618.6%20L400%20613.9%20L440%20611.7%20L480%20609.4%20L520%20604.4%20L560%20594.7%20L600%20580.1%20L640%20562.3%20L680%20544.6%20L720%20531.1%20L760%20525.4%20L800%20529.7%20L840%20544.1%20L880%20566.1%20L920%20592.0%20L960%20616.9%20L1000%20636.9%20L1040%20649.1%20L1080%20653.1%20L1120%20650.4%20L1160%20643.9%20L1200%20636.9%20L1240%20632.0%20L1280%20630.2%20L1320%20630.8%20L1360%20631.4%20L1400%20629.2%20L1440%20621.6%20L1440%20900%20Z%22%20fill%3D%22%2319A7CE%22%20fill-opacity%3D%220.38%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20670%20L0%20730.0%20L40%20718.8%20L80%20702.7%20L120%20685.2%20L160%20669.5%20L200%20658.1%20L240%20651.5%20L280%20649.1%20L320%20648.7%20L360%20648.2%20L400%20645.5%20L440%20640.2%20L480%20633.0%20L520%20626.2%20L560%20622.6%20L600%20624.6%20L640%20633.7%20L680%20649.6%20L720%20670.0%20L760%20691.8%20L800%20710.9%20L840%20724.1%20L880%20729.3%20L920%20726.4%20L960%20716.9%20L1000%20703.9%20L1040%20690.4%20L1080%20679.3%20L1120%20671.8%20L1160%20667.8%20L1200%20665.8%20L1240%20663.6%20L1280%20659.0%20L1320%20651.1%20L1360%20640.2%20L1400%20628.3%20L1440%20618.1%20L1440%20900%20Z%22%20fill%3D%22%232A3FD6%22%20fill-opacity%3D%220.42%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20745%20L0%20735.0%20L40%20721.8%20L80%20713.8%20L120%20711.2%20L160%20712.8%20L200%20716.7%20L240%20720.8%20L280%20723.3%20L320%20723.7%20L360%20722.7%20L400%20722.0%20L440%20723.5%20L480%20728.9%20L520%20739.0%20L560%20752.8%20L600%20768.5%20L640%20783.2%20L680%20793.9%20L720%20798.3%20L760%20795.6%20L800%20786.3%20L840%20772.4%20L880%20756.9%20L920%20742.6%20L960%20731.8%20L1000%20725.4%20L1040%20723.1%20L1080%20723.4%20L1120%20724.2%20L1160%20723.9%20L1200%20721.4%20L1240%20717.3%20L1280%20712.9%20L1320%20710.4%20L1360%20711.8%20L1400%20718.6%20L1440%20730.9%20L1440%20900%20Z%22%20fill%3D%22%237B4DFF%22%20fill-opacity%3D%220.32%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20820%20L0%20784.9%20L40%20789.9%20L80%20796.9%20L120%20804.0%20L160%20809.6%20L200%20813.1%20L240%20814.8%20L280%20815.9%20L320%20817.9%20L360%20821.9%20L400%20828.6%20L440%20837.3%20L480%20846.7%20L520%20854.7%20L560%20859.2%20L600%20858.6%20L640%20852.6%20L680%20841.9%20L720%20828.3%20L760%20814.4%20L800%20802.5%20L840%20794.4%20L880%20790.8%20L920%20791.3%20L960%20794.6%20L1000%20798.8%20L1040%20802.4%20L1080%20804.3%20L1120%20804.7%20L1160%20804.5%20L1200%20805.1%20L1240%20808.0%20L1280%20814.2%20L1320%20823.6%20L1360%20835.1%20L1400%20846.7%20L1440%20856.1%20L1440%20900%20Z%22%20fill%3D%22%232273d2%22%20fill-opacity%3D%220.45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 100% / 100% 100% no-repeat, radial-gradient(70% 60% at 80% 0%, rgba(123,77,255,0.55) 0%, rgba(123,77,255,0.00) 72%), radial-gradient(50% 50% at 100% 40%, rgba(25,167,206,0.35) 0%, rgba(25,167,206,0.00) 72%), linear-gradient(180deg, #2A3FD6 0%, #2435a7 100%); }
html .contacto .caja { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22900%22%20viewBox%3D%220%200%201440%20900%22%20preserveAspectRatio%3D%22none%22%3E%3Cfilter%20id%3D%22b%22%20x%3D%220%22%20y%3D%22-10%25%22%20width%3D%22100%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%227%22%2F%3E%3C%2Ffilter%3E%3Cg%20filter%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M0%20900%20L0%20600%20L0%20600.3%20L40%20626.7%20L80%20648.4%20L120%20662.2%20L160%20666.4%20L200%20662.1%20L240%20651.6%20L280%20638.8%20L320%20627.1%20L360%20618.6%20L400%20613.9%20L440%20611.7%20L480%20609.4%20L520%20604.4%20L560%20594.7%20L600%20580.1%20L640%20562.3%20L680%20544.6%20L720%20531.1%20L760%20525.4%20L800%20529.7%20L840%20544.1%20L880%20566.1%20L920%20592.0%20L960%20616.9%20L1000%20636.9%20L1040%20649.1%20L1080%20653.1%20L1120%20650.4%20L1160%20643.9%20L1200%20636.9%20L1240%20632.0%20L1280%20630.2%20L1320%20630.8%20L1360%20631.4%20L1400%20629.2%20L1440%20621.6%20L1440%20900%20Z%22%20fill%3D%22%2319A7CE%22%20fill-opacity%3D%220.32%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20670%20L0%20730.0%20L40%20718.8%20L80%20702.7%20L120%20685.2%20L160%20669.5%20L200%20658.1%20L240%20651.5%20L280%20649.1%20L320%20648.7%20L360%20648.2%20L400%20645.5%20L440%20640.2%20L480%20633.0%20L520%20626.2%20L560%20622.6%20L600%20624.6%20L640%20633.7%20L680%20649.6%20L720%20670.0%20L760%20691.8%20L800%20710.9%20L840%20724.1%20L880%20729.3%20L920%20726.4%20L960%20716.9%20L1000%20703.9%20L1040%20690.4%20L1080%20679.3%20L1120%20671.8%20L1160%20667.8%20L1200%20665.8%20L1240%20663.6%20L1280%20659.0%20L1320%20651.1%20L1360%20640.2%20L1400%20628.3%20L1440%20618.1%20L1440%20900%20Z%22%20fill%3D%22%232A3FD6%22%20fill-opacity%3D%220.36%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20745%20L0%20735.0%20L40%20721.8%20L80%20713.8%20L120%20711.2%20L160%20712.8%20L200%20716.7%20L240%20720.8%20L280%20723.3%20L320%20723.7%20L360%20722.7%20L400%20722.0%20L440%20723.5%20L480%20728.9%20L520%20739.0%20L560%20752.8%20L600%20768.5%20L640%20783.2%20L680%20793.9%20L720%20798.3%20L760%20795.6%20L800%20786.3%20L840%20772.4%20L880%20756.9%20L920%20742.6%20L960%20731.8%20L1000%20725.4%20L1040%20723.1%20L1080%20723.4%20L1120%20724.2%20L1160%20723.9%20L1200%20721.4%20L1240%20717.3%20L1280%20712.9%20L1320%20710.4%20L1360%20711.8%20L1400%20718.6%20L1440%20730.9%20L1440%20900%20Z%22%20fill%3D%22%237B4DFF%22%20fill-opacity%3D%220.27%22%2F%3E%3Cpath%20d%3D%22M0%20900%20L0%20820%20L0%20784.9%20L40%20789.9%20L80%20796.9%20L120%20804.0%20L160%20809.6%20L200%20813.1%20L240%20814.8%20L280%20815.9%20L320%20817.9%20L360%20821.9%20L400%20828.6%20L440%20837.3%20L480%20846.7%20L520%20854.7%20L560%20859.2%20L600%20858.6%20L640%20852.6%20L680%20841.9%20L720%20828.3%20L760%20814.4%20L800%20802.5%20L840%20794.4%20L880%20790.8%20L920%20791.3%20L960%20794.6%20L1000%20798.8%20L1040%20802.4%20L1080%20804.3%20L1120%20804.7%20L1160%20804.5%20L1200%20805.1%20L1240%20808.0%20L1280%20814.2%20L1320%20823.6%20L1360%20835.1%20L1400%20846.7%20L1440%20856.1%20L1440%20900%20Z%22%20fill%3D%22%232273d2%22%20fill-opacity%3D%220.38%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 100% / 100% 100% no-repeat, radial-gradient(70% 60% at 0% 0%, rgba(123,77,255,0.35) 0%, rgba(123,77,255,0.00) 72%), linear-gradient(180deg, #14161B 0%, #1a204a 100%); }