:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 50% 0,#0d1a30 0%,#07101f 38%,#050816 75%);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.65;z-index:0;background-image:radial-gradient(circle,#ffffffe6 1px,#0000 1.5px),radial-gradient(circle,#ffffff8c 1px,#0000 1.5px),radial-gradient(circle,#aacdff80 1px,#0000 1.5px);background-position:20px 40px,120px 170px,250px 80px;background-size:260px 260px,390px 390px,520px 520px;width:100%;height:100%;animation:45s linear infinite moverEstrellas;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.45;z-index:0;background-image:radial-gradient(circle,#ffffff73 1px,#0000 1.5px),radial-gradient(circle,#ffffff4d 1px,#0000 1.5px);background-position:70px 100px,200px 30px;background-size:180px 180px,320px 320px;width:100%;height:100%;animation:80s linear infinite moverEstrellasLentas;position:fixed;inset:0}#root{z-index:1;position:relative}@keyframes moverEstrellas{0%{background-position:20px 40px,120px 170px,250px 80px}to{background-position:20px 900px,120px 1100px,250px 1300px}}@keyframes moverEstrellasLentas{0%{background-position:70px 100px,200px 30px}to{background-position:70px 750px,200px 950px}}a{color:inherit;text-decoration:none}button{font:inherit}#root{width:100%;min-height:100vh}.navbar{z-index:1000;background:0 0;width:100%;position:absolute;top:0;left:0}.navbar-contenido{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:10px 32px;display:flex}.navbar-izquierda{align-items:center;gap:12px;display:flex}.navbar-contacto{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s}.navbar-contacto:hover{opacity:.7}.presentacion{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:360px;padding:70px 20px 40px;display:flex}.presentacion-contenido{text-align:center;width:100%;max-width:900px}.presentacion-saludo{color:#b6c2d9;margin-bottom:8px;font-size:18px}.presentacion h1{color:#fff;margin:0;font-size:56px;line-height:1.1}.presentacion h2{color:#fff;margin-top:16px;margin-bottom:22px;font-size:26px;font-weight:600;line-height:1.3}.presentacion-texto{color:#b6c2d9;max-width:720px;margin:0 auto;font-size:18px;line-height:1.8}.proyectos-seccion{box-sizing:border-box;width:100%;padding:40px 20px 100px}.proyectos-seccion h2{text-align:center;color:#fff;margin-top:0;margin-bottom:36px;font-size:36px}.proyectos-grid{grid-template-columns:repeat(2,1fr);gap:34px;width:100%;max-width:1100px;margin:0 auto;display:grid}.proyecto-card{background:#fff;border-radius:22px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 18px 45px #00000059}.proyecto-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #00000073}.proyecto-imagen{background:#151b2b;flex-shrink:0;width:100%;height:330px;position:relative;overflow:hidden}.proyecto-imagen img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;transition:transform .3s;display:block}.proyecto-imagen img:hover{transform:scale(1.015)}.proyecto-sin-imagen{color:#8491a8;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:flex}.flecha-imagen{color:#fff;cursor:pointer;z-index:5;opacity:.8;background:0 0;border:none;padding:0;font-size:46px;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.flecha-izquierda{left:16px}.flecha-derecha{right:16px}.flecha-imagen:hover{opacity:1}.flecha-izquierda:hover{transform:translateY(-50%)translate(-2px)}.flecha-derecha:hover{transform:translateY(-50%)translate(2px)}.indicadores-imagenes{z-index:5;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.indicador{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:8px;height:8px;padding:0}.indicador.activo{background:#fff}.proyecto-contenido{color:#111827;background:#fff;flex-direction:column;flex:1;padding:22px 24px;display:flex}.proyecto-contenido h3{color:#111827;margin-top:0;margin-bottom:12px;font-size:27px;line-height:1.2}.proyecto-contenido p{color:#4b5563;margin:0;font-size:16px;line-height:1.65}.proyecto-tecnologias{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.proyecto-tecnologias span{color:#111827;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.proyecto-tecnologias img{flex-shrink:0;display:block}.modal-imagen{z-index:3000;background:#000000eb;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.modal-imagen img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:88vh;display:block}.cerrar-modal{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:44px;position:absolute;top:20px;right:30px}.modal-flecha{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:52px;transition:opacity .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-flecha:hover{opacity:1}.modal-flecha-izquierda{left:30px}.modal-flecha-derecha{right:30px}.modal-flecha-izquierda:hover{transform:translateY(-50%)translate(-2px)}.modal-flecha-derecha:hover{transform:translateY(-50%)translate(2px)}.contacto{background:#070b14d1;border-top:1px solid #ffffff0f;width:100%}.contacto-contenido{box-sizing:border-box;text-align:left;flex-direction:column;gap:6px;width:100%;padding:24px 32px;display:flex}.contacto-titulo{color:#b6c2d9;font-size:14px;font-weight:600}.contacto-email{color:#fff;width:fit-content;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .2s}.contacto-email:hover{opacity:.7}.navbar-izquierda{gap:22px}.navbar-enlace{color:#b6c2d9;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.navbar-enlace:hover{color:#fff}.navbar-contacto{border:1px solid #ffffff47;border-radius:999px;padding:7px 14px}.presentacion-enlaces{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.presentacion-enlace{color:#fff;border:1px solid #ffffff47;border-radius:999px;padding:11px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.presentacion-enlace:hover{background:#ffffff1a;transform:translateY(-1px)}.presentacion-enlace-principal{background:#4e73df;border-color:#4e73df}.presentacion-enlace-principal:hover{background:#3f63cf}.proyectos-seccion,.contacto{scroll-margin-top:56px}.proyecto-contenido .proyecto-estado{color:#b45309;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.4}.proyecto-enlaces{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:flex}.proyecto-boton{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.proyecto-boton:hover{background:#f3f4f6;border-color:#9ca3af}.proyecto-boton-principal{color:#fff;background:#4e73df;border-color:#4e73df}.proyecto-boton-principal:hover{background:#3f63cf;border-color:#3f63cf}.proyecto-nota-codigo{color:#6b7280;font-size:14px}@media (width<=800px){.proyectos-grid{grid-template-columns:1fr}.navbar-contenido{padding:10px 16px}.navbar-izquierda{gap:14px}.navbar-enlace,.navbar-contacto{font-size:14px}.presentacion{padding:76px 16px 28px}.presentacion h1{font-size:38px}.presentacion h2{font-size:21px}.presentacion-texto{font-size:16px}.proyectos-seccion{padding:28px 16px 70px}.proyectos-seccion h2{font-size:30px}.proyecto-imagen{height:230px}.contacto-contenido{padding:22px 16px}}@media (width>=801px){.proyectos-grid .proyecto-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 17px)}}.servicios{width:100%;padding:65px 20px 90px}.servicios-intro{text-align:center;max-width:760px;margin:0 auto 45px}.servicios-intro h2{color:#fff;margin:0 0 18px;font-size:36px}.servicios-intro p{color:#b9c5d9;margin:0;font-size:17px;line-height:1.8}.servicios-grid{grid-template-columns:repeat(6,1fr);gap:22px;width:100%;max-width:1200px;margin:0 auto;display:grid}.servicio-tarjeta{grid-column:span 2}.servicio-tarjeta:nth-child(7){grid-column:2/4}.servicio-tarjeta:nth-child(8){grid-column:4/6}.servicio-tarjeta{color:#fff;background:#11192ceb;border:1px solid #ffffff21;border-radius:20px;flex-direction:column;min-width:0;padding:30px;scroll-margin-top:100px;transition:transform .25s,border-color .25s;display:flex}.servicio-tarjeta:hover{border-color:#93c5fd8c;transform:translateY(-4px)}.servicio-encabezado{align-items:center;gap:15px;margin-bottom:18px;display:flex}.servicio-icono{font-size:32px;line-height:1}.servicio-encabezado h3{color:#fff;margin:0;font-size:23px;line-height:1.3}.servicio-descripcion{color:#b9c5d9;margin:0 0 24px;font-size:15px;line-height:1.75}.servicio-tarjeta h4{color:#fff;margin:0 0 14px;font-size:16px}.servicio-funcionalidades{color:#d5ddeb;margin:0 0 28px;padding-left:20px;font-size:15px;line-height:1.9}.servicio-funcionalidades li::marker{color:#93c5fd}.servicio-acciones{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:10px;display:flex}.boton-ejemplos,.boton-consultar{border-radius:10px;justify-content:center;align-items:center;padding:13px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.boton-ejemplos{color:#fff;background:0 0;border:1px solid #ffffff59}.boton-ejemplos:hover{background:#ffffff1a}.boton-consultar{color:#0b1525;background:#dbeafe;border:1px solid #dbeafe}.boton-consultar:hover{background:#93c5fd;border-color:#93c5fd}.servicios-personalizado{text-align:center;background:#11192ceb;border:1px solid #ffffff21;border-radius:22px;max-width:850px;margin:75px auto 0;padding:40px 30px}.servicios-personalizado h2{color:#fff;margin:0 0 20px;font-size:28px}.servicios-personalizado p{color:#b9c5d9;max-width:650px;margin:0 auto 26px;font-size:16px;line-height:1.8}.servicios-personalizado a{color:#0b1525;background:#dbeafe;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.servicios-personalizado a:hover{background:#93c5fd}@media (width<=960px){.servicios-grid{grid-template-columns:repeat(2,1fr);gap:18px}.servicio-tarjeta,.servicio-tarjeta:nth-child(7),.servicio-tarjeta:nth-child(8){grid-column:span 1}}@media (width<=768px){.servicios{padding:45px 16px 65px}.servicios-intro{margin-bottom:30px}.servicios-intro h2{font-size:29px}.servicios-intro p{font-size:15px}.servicios-grid{grid-template-columns:1fr;gap:18px}.servicio-tarjeta,.servicio-tarjeta:nth-child(7),.servicio-tarjeta:nth-child(8){grid-column:span 1}.servicio-tarjeta{padding:24px}.servicio-encabezado h3{font-size:21px}.servicios-personalizado{margin-top:50px;padding:30px 20px}.servicios-personalizado h2{font-size:24px}}@media (width<=420px){.servicio-acciones{flex-direction:column}.boton-ejemplos,.boton-consultar{width:100%}}@media (prefers-reduced-motion:reduce){.servicio-tarjeta,.boton-ejemplos,.boton-consultar,.servicios-personalizado a{transition:none}}.servicios-grid{gap:16px;max-width:1200px}.servicio-tarjeta{padding:22px}.servicio-encabezado{gap:12px;margin-bottom:10px}.servicio-icono{font-size:27px}.servicio-encabezado h3{font-size:20px}.servicio-descripcion{margin-bottom:15px;font-size:14px;line-height:1.55}.servicio-tarjeta h4{margin-bottom:8px;font-size:14px}.servicio-funcionalidades{margin-bottom:16px;font-size:14px;line-height:1.65}.servicio-acciones{padding-top:4px}.boton-ejemplos,.boton-consultar{padding:10px 15px;font-size:13px}@media (width<=768px){.servicio-tarjeta{padding:20px}}.servicios-aviso{margin-top:14px!important;font-size:15px!important}.servicios-aviso a{color:#fff;font-weight:600}.ejemplos{color:#fff;width:100%;max-width:1100px;margin:0 auto;padding:36px 20px 90px}.ejemplos-volver{color:#93c5fd;margin-bottom:26px;font-size:15px;font-weight:600;display:inline-block}.ejemplos-volver:hover{text-decoration:underline}.ejemplos-intro{align-items:center;gap:16px;display:flex}.ejemplos-intro>span{font-size:44px;line-height:1}.ejemplos-etiqueta{color:#93c5fd;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.ejemplos-intro h2{margin:2px 0 0;font-size:34px;line-height:1.2}.ejemplos-aclaracion{color:#b9c5d9;max-width:720px;margin:16px 0 28px;font-size:16px;line-height:1.7}.ejemplos-selector{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:22px;display:grid}.ejemplos-selector button{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#11192ceb;border:1px solid #ffffff21;border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .2s,transform .2s,background .2s;display:flex}.ejemplos-selector button:hover{border-color:#93c5fd8c;transform:translateY(-2px)}.ejemplos-selector button.activo{background:#3b82f629;border-color:#93c5fd}.ejemplos-selector small{color:#93c5fd;font-size:12px;font-weight:600}.ejemplos-selector b{font-size:18px}.ejemplos-selector span{color:#b9c5d9;font-size:13.5px;line-height:1.5}.marco{background:#fff;border:1px solid #ffffff2e;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000073}.marco-barra{background:#1e293b;align-items:center;gap:14px;padding:10px 14px;display:flex}.marco .puntos{gap:6px;display:flex}.marco .puntos i{background:#475569;border-radius:50%;width:11px;height:11px}.marco .puntos i:first-child{background:#f87171}.marco .puntos i:nth-child(2){background:#fbbf24}.marco .puntos i:nth-child(3){background:#4ade80}.marco-url{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;background:#0f172a;border-radius:99px;flex:1;min-width:0;padding:5px 12px;font-size:13px;overflow:hidden}.marco-demo{color:#0b1525;letter-spacing:.5px;background:#dbeafe;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:800}.marco-contenido{overflow:hidden}.ejemplos-cta{text-align:center;background:#11192ceb;border:1px solid #ffffff21;border-radius:20px;max-width:700px;margin:48px auto 0;padding:34px 26px}.ejemplos-cta h3{margin:0 0 10px;font-size:26px}.ejemplos-cta p{color:#b9c5d9;margin:0 0 22px;font-size:16px}.ejemplos .boton-consultar{color:#0b1525;background:#dbeafe;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:700;transition:background .2s;display:inline-flex}.ejemplos .boton-consultar:hover{background:#93c5fd}.ejemplos-otros{text-align:center;margin-top:44px}.ejemplos-otros h4{color:#b9c5d9;margin:0 0 14px;font-size:15px;font-weight:600}.ejemplos-otros div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ejemplos-otros a{color:#fff;border:1px solid #fff3;border-radius:99px;padding:9px 15px;font-size:14px;transition:background .2s,border-color .2s}.ejemplos-otros a:hover{background:#ffffff1a;border-color:#93c5fd}.ejemplos-vacio{text-align:center;padding:60px 0}@media (width<=640px){.ejemplos{padding:24px 12px 60px}.ejemplos-intro h2{font-size:26px}.ejemplos-intro>span{font-size:34px}.marco-barra{gap:8px;padding:8px 10px}.marco .puntos{display:none}}