.hero { position:relative;padding:8rem 0 4rem;} @media (min-width:768px) { .hero { padding:12rem 0 6rem;} } .hero__distribucion { display:flex;flex-direction:column;gap:3rem;align-items:center;} @media (min-width:1024px) { .hero__distribucion { flex-direction:row;} } .hero__contenido { flex:1;display:flex;flex-direction:column;gap:1.5rem;text-align:left;} @media (min-width:1024px) { .hero__contenido { gap:2rem;} } .hero__insignia { display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:9999px;background-color:#eff6ff;border:1px solid #dbeafe;width:fit-content;} .pagina.tema-oscuro .hero__insignia { background-color:rgb(30 58 138 / 0.3);border-color:#1e40af;} .hero__insignia-icono { font-size:0.875rem;color:var(--color-primary);} .hero__insignia-texto { font-size:0.75rem;font-weight:700;color:var(--color-primary);letter-spacing:0.025em;text-transform:uppercase;} .hero__titulo { font-size:2.25rem;font-weight:900;line-height:1.1;letter-spacing:-0.025em;color:var(--color-text-main);} .hero__titulo-resaltado { color:var(--color-primary);} @media (min-width:768px) { .hero__titulo { font-size:3rem;} } @media (min-width:1024px) { .hero__titulo { font-size:3.75rem;} } .pagina.tema-oscuro .hero__titulo { color:#ffffff;} .hero__descripcion { font-size:1.125rem;color:var(--color-text-secondary);max-width:36rem;line-height:1.625;} .pagina.tema-oscuro .hero__descripcion { color:#9ca3af;} .hero__acciones { display:flex;flex-wrap:wrap;gap:1rem;padding-top:0.5rem;} .hero__prueba-social { display:flex;align-items:center;gap:1rem;font-size:0.875rem;color:var(--color-text-secondary);padding-top:1rem;} .pagina.tema-oscuro .hero__prueba-social { color:#6b7280;} .lista-avatares { display:flex;} .lista-avatares__item { width:2rem;height:2rem;border-radius:9999px;background-color:#e5e7eb;border:2px solid #ffffff;overflow:hidden;} .pagina.tema-oscuro .lista-avatares__item { border-color:#111827;} .lista-avatares__item + .lista-avatares__item { margin-left:-0.5rem;} .lista-avatares__item img { width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;} .hero__media { flex:1;width:100%;} .hero__imagen-marco { position:relative;width:100%;aspect-ratio:4 / 3;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgb(30 58 138 / 0.1);} .hero__imagen-capa { position:absolute;inset:0;background-image:linear-gradient(to top right,rgb(30 58 138 / 0.2),transparent);z-index:10;} .hero__imagen-fondo { width:100%;height:100%;} .hero__imagen-fondo img { width:100%;height:100%;object-fit:cover;display:block;} .hero__indicador { position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;z-index:20;background-color:rgb(255 255 255 / 0.95);border:1px solid #f3f4f6;border-radius:0.75rem;padding:1rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;gap:1rem;} .pagina.tema-oscuro .hero__indicador { background-color:rgb(31 41 55 / 0.95);border-color:#374151;} .hero__indicador-icono { background-color:rgb(23 84 207 / 0.1);padding:0.5rem;border-radius:0.5rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center;} .hero__indicador-texto { display:flex;flex-direction:column;gap:0.25rem;} .hero__indicador-etiqueta { font-size:0.75rem;color:var(--color-text-secondary);font-weight:500;} .hero__indicador-valor { font-size:0.875rem;font-weight:700;color:var(--color-text-main);} .pagina.tema-oscuro .hero__indicador-etiqueta { color:#9ca3af;} .pagina.tema-oscuro .hero__indicador-valor { color:#ffffff;} .confianza { padding:2.5rem 0;border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3;background-color:#ffffff;} .pagina.tema-oscuro .confianza { background-color:rgb(17 22 33 / 0.5);border-color:#1f2937;} .confianza__titulo { text-align:center;font-size:0.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:2rem;text-transform:uppercase;letter-spacing:0.1em;} .pagina.tema-oscuro .confianza__titulo { color:#6b7280;} .confianza__marcas { display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;opacity:0.5;filter:grayscale(100%);} .confianza__marcas:hover { filter:grayscale(0%);} @media (min-width:768px) { .confianza__marcas { gap:4rem;} } .confianza__marca { font-size:1.25rem;font-weight:700;color:#1f2937;} .pagina.tema-oscuro .confianza__marca { color:#d1d5db;} .servicios { padding:5rem 0;background-color:var(--color-background-light);} @media (min-width:768px) { .servicios { padding:8rem 0;} } .pagina.tema-oscuro .servicios { background-color:var(--color-background-dark);} .servicios__intro { margin-bottom:4rem;max-width:42rem;} .servicios__titulo { font-size:1.875rem;font-weight:900;color:var(--color-text-main);margin-bottom:1.5rem;} @media (min-width:768px) { .servicios__titulo { font-size:2.25rem;} } .pagina.tema-oscuro .servicios__titulo { color:#ffffff;} .servicios__descripcion { font-size:1.125rem;color:var(--color-text-secondary);} .pagina.tema-oscuro .servicios__descripcion { color:#9ca3af;} .servicios__grid { display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;} @media (min-width:768px) { .servicios__grid { grid-template-columns:repeat(3,minmax(0,1fr));} } .tarjeta-servicio { position:relative;overflow:hidden;background-color:#ffffff;border:1px solid #e7ebf3;border-radius:1rem;padding:2rem;} .pagina.tema-oscuro .tarjeta-servicio { background-color:#1f2937;border-color:#374151;} .tarjeta-servicio:hover { border-color:rgb(23 84 207 / 0.5);box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);} .tarjeta-servicio__adorno { position:absolute;top:0;right:0;width:8rem;height:8rem;margin-right:-2rem;margin-top:-2rem;background-color:rgb(23 84 207 / 0.05);border-bottom-left-radius:9999px;transition:transform 300ms;} .tarjeta-servicio:hover .tarjeta-servicio__adorno { transform:scale(1.1);} .tarjeta-servicio__icono { width:3rem;height:3rem;border-radius:0.5rem;background-color:#eff6ff;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1.5rem;} .pagina.tema-oscuro .tarjeta-servicio__icono { background-color:rgb(30 58 138 / 0.2);} .tarjeta-servicio__icono .material-symbols-outlined { font-size:1.5rem;} .tarjeta-servicio__titulo { font-size:1.25rem;font-weight:700;color:var(--color-text-main);margin-bottom:0.75rem;} .pagina.tema-oscuro .tarjeta-servicio__titulo { color:#ffffff;} .tarjeta-servicio__texto { color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.625;} .pagina.tema-oscuro .tarjeta-servicio__texto { color:#9ca3af;} .tarjeta-servicio__enlace { display:inline-flex;align-items:center;font-size:0.875rem;font-weight:700;color:var(--color-primary);} .tarjeta-servicio__enlace:hover { color:#1d4ed8;} .tarjeta-servicio__enlace .material-symbols-outlined { font-size:0.875rem;margin-left:0.25rem;} .transparencia { padding:5rem 0;background-color:#ffffff;border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3;} .pagina.tema-oscuro .transparencia { background-color:#0d111a;border-color:#1f2937;} .transparencia__encabezado { text-align:center;margin-bottom:4rem;} .transparencia__etiqueta { display:block;color:var(--color-primary);font-weight:700;font-size:0.875rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.5rem;} .transparencia__titulo { font-size:1.875rem;font-weight:900;color:var(--color-text-main);} .pagina.tema-oscuro .transparencia__titulo { color:#ffffff;} .transparencia__grid { display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;} @media (min-width:768px) { .transparencia__grid { gap:3rem;} } @media (min-width:1024px) { .transparencia__grid { grid-template-columns:repeat(2,minmax(0,1fr));} } .criterio { padding:2rem;border-radius:1rem;border:1px solid transparent;} @media (min-width:768px) { .criterio { padding:2.5rem;} } .criterio--si { background-color:rgb(239 246 255 / 0.5);border-color:#dbeafe;} .pagina.tema-oscuro .criterio--si { background-color:rgb(30 58 138 / 0.1);border-color:rgb(30 58 138 / 0.3);} .criterio--no { background-color:#f9fafb;border-color:#e5e7eb;} .pagina.tema-oscuro .criterio--no { background-color:rgb(31 41 55 / 0.3);border-color:#1f2937;} .criterio__encabezado { display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;} .criterio__icono { font-size:1.875rem;color:var(--color-primary);} .criterio__titulo { font-size:1.5rem;font-weight:700;color:var(--color-text-main);} .pagina.tema-oscuro .criterio__titulo { color:#ffffff;} .criterio__lista { display:flex;flex-direction:column;gap:1rem;} .criterio__item { display:flex;gap:0.75rem;color:var(--color-text-secondary);} .criterio__item-icono { color:var(--color-primary);flex-shrink:0;} .pagina.tema-oscuro .criterio__item { color:#d1d5db;} .criterio--no .criterio__icono { color:#9ca3af;} .criterio--no .criterio__titulo { color:#6b7280;} .pagina.tema-oscuro .criterio--no .criterio__titulo { color:#9ca3af;} .criterio--no .criterio__item { color:#6b7280;} .pagina.tema-oscuro .criterio--no .criterio__item { color:#6b7280;} .criterio--no .criterio__item-icono { color:#6b7280;} .portafolio { padding:5rem 0;background-color:var(--color-background-light);} @media (min-width:768px) { .portafolio { padding:8rem 0;} } .pagina.tema-oscuro .portafolio { background-color:var(--color-background-dark);} .portafolio__encabezado { display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;} @media (min-width:768px) { .portafolio__encabezado { flex-direction:row;} } .portafolio__titulo { font-size:1.875rem;font-weight:900;color:var(--color-text-main);margin-bottom:1rem;} @media (min-width:768px) { .portafolio__titulo { font-size:2.25rem;} } .pagina.tema-oscuro .portafolio__titulo { color:#ffffff;} .portafolio__descripcion { color:var(--color-text-secondary);max-width:32rem;} .pagina.tema-oscuro .portafolio__descripcion { color:#9ca3af;} .portafolio__link-desktop { display:none;} @media (min-width:768px) { .portafolio__link-desktop { display:flex;} } .portafolio__link-movil { margin-top:2rem;text-align:center;} @media (min-width:768px) { .portafolio__link-movil { display:none;} } .portafolio__link { display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-primary);font-weight:700;transition:transform 200ms;} .portafolio__link:hover { transform:translateX(0.2rem);} .portafolio__grid { display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;} @media (min-width:768px) { .portafolio__grid { grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1024px) { .portafolio__grid { grid-template-columns:repeat(3,minmax(0,1fr));} } .tarjeta-proyecto { position:relative;cursor:pointer;} .tarjeta-proyecto__media { aspect-ratio:4 / 3;border-radius:0.75rem;overflow:hidden;background-color:#e5e7eb;} .tarjeta-proyecto__imagen { width:100%;height:100%;transition:transform 700ms;object-fit:cover;display:block;} .tarjeta-proyecto__info { margin-top:1rem;} .tarjeta-proyecto__categoria { font-size:0.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem;} .tarjeta-proyecto__titulo { font-size:1.125rem;font-weight:700;color:var(--color-text-main);} .pagina.tema-oscuro .tarjeta-proyecto__titulo { color:#ffffff;} .tarjeta-proyecto:hover .tarjeta-proyecto__imagen { transform:scale(1.05);} .tarjeta-proyecto:hover .tarjeta-proyecto__titulo { color:var(--color-primary);} .testimonios { padding:5rem 0;background-color:#ffffff;} .pagina.tema-oscuro .testimonios { background-color:#0d111a;} .testimonios__titulo { text-align:center;font-size:1.875rem;font-weight:900;color:var(--color-text-main);margin-bottom:4rem;} .pagina.tema-oscuro .testimonios__titulo { color:#ffffff;} .testimonios__grid { display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;max-width:64rem;margin:0 auto;} @media (min-width:768px) { .testimonios__grid { grid-template-columns:repeat(2,minmax(0,1fr));} } .tarjeta-testimonio { position:relative;padding:2rem;border-radius:1rem;background-color:var(--color-background-light);} .pagina.tema-oscuro .tarjeta-testimonio { background-color:#1f2937;} .tarjeta-testimonio__icono { position:absolute;top:1.5rem;left:1.5rem;font-size:2.25rem;color:#bfdbfe;} .pagina.tema-oscuro .tarjeta-testimonio__icono { color:#1e3a8a;} .tarjeta-testimonio__texto { position:relative;z-index:10;color:var(--color-text-secondary);font-style:italic;margin-bottom:1.5rem;padding-top:1.5rem;} .pagina.tema-oscuro .tarjeta-testimonio__texto { color:#d1d5db;} .tarjeta-testimonio__autor { display:flex;align-items:center;gap:1rem;} .tarjeta-testimonio__avatar { width:3rem;height:3rem;border-radius:9999px;background-color:#d1d5db;overflow:hidden;} .tarjeta-testimonio__avatar img { width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;} .tarjeta-testimonio__nombre { font-weight:700;color:var(--color-text-main);font-size:0.875rem;} .pagina.tema-oscuro .tarjeta-testimonio__nombre { color:#ffffff;} .tarjeta-testimonio__cargo { font-size:0.75rem;color:var(--color-text-secondary);} .pagina.tema-oscuro .tarjeta-testimonio__cargo { color:#9ca3af;} .vacantes { padding:5rem 0;background-color:#111827;color:#ffffff;} .pagina.tema-oscuro .vacantes { background-color:#000000;} .vacantes__contenedor { max-width:56rem;margin:0 auto;padding:0 1rem;text-align:center;} .vacantes__titulo { font-size:1.875rem;font-weight:900;margin-bottom:1rem;letter-spacing:-0.025em;} .vacantes__texto { color:#d1d5db;font-size:1.125rem;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.625;} .cta-principal { position:relative;overflow:hidden;padding:6rem 0;background-color:var(--color-primary);color:#ffffff;} .cta-principal__brillo { position:absolute;border-radius:9999px;filter:blur(64px);} .cta-principal__brillo--superior { top:0;right:0;width:24rem;height:24rem;background-color:rgb(255 255 255 / 0.1);margin-right:-5rem;margin-top:-5rem;} .cta-principal__brillo--inferior { bottom:0;left:0;width:16rem;height:16rem;background-color:rgb(0 0 0 / 0.1);margin-left:-2.5rem;margin-bottom:-2.5rem;filter:blur(40px);} .cta-principal__contenedor { max-width:56rem;margin:0 auto;padding:0 1rem;text-align:center;position:relative;z-index:10;} .cta-principal__titulo { font-size:1.875rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-0.025em;} @media (min-width:768px) { .cta-principal__titulo { font-size:3rem;} } .cta-principal__texto { color:#dbeafe;font-size:1.125rem;margin-bottom:2.5rem;max-width:42rem;margin-left:auto;margin-right:auto;} @media (min-width:768px) { .cta-principal__texto { font-size:1.25rem;} } .cta-principal__acciones { display:flex;flex-direction:column;justify-content:center;gap:1rem;} @media (min-width:640px) { .cta-principal__acciones { flex-direction:row;} }