:root{--fuente-titulos: "Sora", sans-serif;--fuente-cuerpo: "Manrope", sans-serif;--radio-panel: 28px;--radio-pildora: 999px;--sombra-panel: 0 30px 80px rgba(15, 23, 42, .16);--desenfoque-panel: 22px;--color-fondo: #f3ede4;--color-fondo-secundario: #dce9e2;--color-texto: #132a26;--color-texto-suave: #56706a;--color-primario: #0f766e;--color-primario-intenso: #0b4f49;--color-secundario: #ef8354;--color-acento: #f6bd60;--color-panel: rgba(255, 255, 255, .68);--color-panel-fuerte: rgba(255, 255, 255, .82);--color-borde: rgba(255, 255, 255, .52);--color-resplandor: rgba(15, 118, 110, .22)}*{box-sizing:border-box}html,body,#aplicacion{min-height:100%}body{margin:0;font-family:var(--fuente-cuerpo);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-acento) 24%,transparent) 0,transparent 32%),radial-gradient(circle at top right,color-mix(in srgb,var(--color-secundario) 22%,transparent) 0,transparent 28%),linear-gradient(135deg,var(--color-fondo) 0%,var(--color-fondo-secundario) 100%);color:var(--color-texto)}a{color:inherit;text-decoration:none}button,select{font:inherit}.escena{position:relative;overflow:hidden;min-height:100vh}.fondo-orb{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orb{position:absolute;border-radius:999px;filter:blur(36px);opacity:.55}.orb-uno{top:-8rem;left:-5rem;width:18rem;height:18rem;background:color-mix(in srgb,var(--color-primario) 36%,white 20%)}.orb-dos{right:-4rem;top:20%;width:22rem;height:22rem;background:color-mix(in srgb,var(--color-secundario) 38%,transparent)}.orb-tres{bottom:-5rem;left:28%;width:20rem;height:20rem;background:color-mix(in srgb,var(--color-acento) 40%,transparent)}.contenedor-principal{position:relative;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 3rem}.barra-principal,.tarjeta-vidrio,.indicador-vidrio{background:linear-gradient(180deg,var(--color-panel-fuerte),var(--color-panel));border:1px solid var(--color-borde);box-shadow:var(--sombra-panel);backdrop-filter:blur(var(--desenfoque-panel));-webkit-backdrop-filter:blur(var(--desenfoque-panel))}.barra-principal{position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:calc(var(--radio-panel) + 2px)}.marca{display:flex;flex-direction:column;gap:.15rem}.marca-nombre{font-family:var(--fuente-titulos);font-size:1.08rem;font-weight:700;letter-spacing:-.03em}.marca-subtitulo{font-size:.88rem;color:var(--color-texto-suave)}.navegacion-enlaces{display:flex;flex-wrap:wrap;gap:.5rem}.enlace-nav{padding:.72rem 1rem;border-radius:var(--radio-pildora);color:var(--color-texto-suave);transition:.18s ease}.enlace-nav:hover,.enlace-nav.activo{background:color-mix(in srgb,var(--color-primario) 12%,transparent);color:var(--color-texto)}.controles-superiores{display:flex;align-items:center;gap:.75rem}.selector-tema,.boton-modo{border:1px solid color-mix(in srgb,var(--color-primario) 18%,var(--color-borde));background:color-mix(in srgb,var(--color-panel-fuerte) 84%,transparent);color:var(--color-texto);border-radius:var(--radio-pildora);padding:.78rem 1rem}.boton-modo{cursor:pointer}.pagina-contenido{display:grid;gap:1.1rem;margin-top:1.5rem}.hero{display:grid;grid-template-columns:1.35fr .95fr;gap:1rem;align-items:stretch}.hero-texto{padding:1.4rem .4rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radio-pildora);background:color-mix(in srgb,var(--color-primario) 12%,transparent);color:var(--color-primario-intenso);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.titulo-principal{margin:1rem 0 .65rem;font-family:var(--fuente-titulos);font-size:clamp(2.3rem,5vw,4.9rem);line-height:.95;letter-spacing:-.05em}.subtitulo-principal{max-width:56rem;color:var(--color-texto-suave);font-size:1.02rem;line-height:1.65}.grupo-botones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.boton-primario,.boton-secundario{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radio-pildora);padding:.95rem 1.25rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.boton-primario{background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));color:#fff;box-shadow:0 16px 32px color-mix(in srgb,var(--color-resplandor) 75%,transparent)}.boton-secundario{border:1px solid color-mix(in srgb,var(--color-primario) 20%,var(--color-borde));background:color-mix(in srgb,var(--color-panel-fuerte) 82%,transparent)}.boton-primario:hover,.boton-secundario:hover,.boton-modo:hover{transform:translateY(-1px)}.tarjeta-vidrio,.indicador-vidrio{border-radius:var(--radio-panel);padding:1.25rem}.tarjeta-encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.tarjeta-titulo{margin:0;font-family:var(--fuente-titulos);font-size:1.05rem;letter-spacing:-.03em}.tarjeta-subtitulo{margin:.2rem 0 0;color:var(--color-texto-suave);font-size:.92rem}.tarjeta-accion{font-size:.9rem;color:var(--color-primario-intenso);font-weight:700}.rejilla-indicadores,.rejilla-dos,.rejilla-tres{display:grid;gap:1rem}.rejilla-indicadores{grid-template-columns:repeat(4,minmax(0,1fr))}.rejilla-dos{grid-template-columns:repeat(2,minmax(0,1fr))}.rejilla-tres{grid-template-columns:repeat(3,minmax(0,1fr))}.indicador-etiqueta{color:var(--color-texto-suave);font-size:.88rem}.indicador-valor{margin-top:.55rem;font-family:var(--fuente-titulos);font-size:2rem;letter-spacing:-.05em}.indicador-detalle{margin-top:.5rem;color:var(--color-texto-suave);font-size:.92rem;line-height:1.5}.lista-apilada{display:grid;gap:.85rem}.lista-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1rem;border-radius:20px;background:color-mix(in srgb,var(--color-panel-fuerte) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-borde) 84%,transparent)}.lista-item-titulo{margin:0;font-weight:700}.lista-item-subtitulo{margin:.2rem 0 0;color:var(--color-texto-suave);font-size:.9rem}.estado-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .75rem;border-radius:var(--radio-pildora);background:color-mix(in srgb,var(--color-primario) 12%,transparent);color:var(--color-primario-intenso);font-size:.78rem;font-weight:700;white-space:nowrap}.estado-pill.pendiente{background:color-mix(in srgb,var(--color-acento) 24%,transparent);color:#7b4b03}.estado-pill.completo,.estado-pill.confirmada,.estado-pill.lista,.estado-pill.pagada,.estado-pill.base_lista,.estado-pill.conectado_a_infra_existente{background:color-mix(in srgb,var(--color-primario) 14%,transparent);color:var(--color-primario-intenso)}.estado-pill.grabada,.estado-pill.activo{background:color-mix(in srgb,var(--color-secundario) 16%,transparent);color:#8c421d}.hero-resumen{display:grid;gap:1rem}.estadistica-lineal{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.estadistica-lineal strong{font-family:var(--fuente-titulos);font-size:2rem}.texto-sutil{color:var(--color-texto-suave)}.linea-tiempo{display:grid;gap:.8rem}.hito{display:grid;grid-template-columns:70px 1fr auto;gap:.8rem;align-items:center;padding:.9rem 1rem;border-radius:20px;background:color-mix(in srgb,var(--color-panel-fuerte) 70%,transparent)}.hito.activo{border:1px solid color-mix(in srgb,var(--color-primario) 22%,transparent)}.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.galeria-tarjeta{padding:1rem;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-fuerte) 82%,transparent),color-mix(in srgb,var(--color-panel) 92%,transparent));border:1px solid color-mix(in srgb,var(--color-borde) 88%,transparent)}.seccion-titulo{margin:0 0 .35rem;font-family:var(--fuente-titulos);font-size:1.35rem;letter-spacing:-.04em}.seccion-texto{margin:0;color:var(--color-texto-suave);line-height:1.6}.pie-pagina{padding:.5rem 0 1.5rem;color:var(--color-texto-suave);font-size:.9rem;text-align:center}@media (max-width: 980px){.barra-principal,.hero,.rejilla-indicadores,.rejilla-dos,.rejilla-tres{grid-template-columns:1fr}.barra-principal{position:static;flex-direction:column;align-items:stretch}.controles-superiores{flex-wrap:wrap}.hero-texto{padding:.4rem 0}}@media (max-width: 640px){.contenedor-principal{width:min(100% - 1rem,1180px)}.titulo-principal{font-size:2.3rem}.tarjeta-vidrio,.indicador-vidrio{padding:1rem}.hito{grid-template-columns:1fr}}