/* INICIO: animaciones sobrias y contenido exclusivo de la página principal. */
.inicio { overflow: hidden; background: #f7f9fd; color: #14243d; }
.inicio h1, .inicio h2, .inicio h3, .inicio p { margin-top: 0; }
.inicio-hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(32px, 6vw, 88px); width: min(1180px, calc(100% - 48px)); min-height: 590px; margin: 0 auto; padding: clamp(64px, 9vw, 120px) 0; }
.inicio-hero__etiqueta, .eyebrow { color: #0a58ff; font-size: .90rem; font-weight: 900; letter-spacing: .14em; }
.inicio-hero h1 { max-width: 800px; margin: 15px 0 20px; font-size: clamp(2rem, 3.45vw, 3.4rem); line-height: 1.13; text-wrap: balance; }
.inicio-hero__texto { max-width: 610px; color: #405575; font-size: 1.08rem; line-height: 1.75; }
.inicio-hero__acciones { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.boton-principal, .boton-secundario { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 10px; font-weight: 700; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease; }
.boton-principal { background: #0a58ff; color: #fff; box-shadow: 0 10px 22px rgba(10, 88, 255, .2); }
.boton-secundario { border: 1px solid #0a58ff; color: #0a58ff; }
.boton-principal:hover, .boton-secundario:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(10, 88, 255, .22); }
.inicio-hero__visual { position: relative; overflow: hidden; border: 2px solid #b7d0ff; border-radius: 24px; box-shadow: 0 24px 55px rgba(24, 58, 110, .16); }
.inicio-hero__visual::after { position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.65); border-radius: 16px; content: ''; pointer-events: none; }
.inicio-hero__visual img { display: block; width: 100%; aspect-ratio: 4 / 4.3; object-fit: cover; transition: transform .7s ease; }
.inicio-hero__visual:hover img { transform: scale(1.025); }
.hero-paso { opacity: 0; transform: translateY(22px); animation: entrada-hero .7s ease-out forwards; }
.hero-paso--1 { animation-delay: .12s; }.hero-paso--2 { animation-delay: .28s; }.hero-paso--3 { animation-delay: .45s; }.hero-paso--4 { animation-delay: .62s; }
@keyframes entrada-hero { to { opacity: 1; transform: translateY(0); } }
.inicio-clientes, .inicio-seccion { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: clamp(70px, 9vw, 116px) 0; }
.seccion-cabecera { max-width: 690px; margin-bottom: 36px; }.seccion-cabecera h2, .porque h2, .inicio-cta h2 { margin: 12px 0 0; font-size: clamp(2rem, 3.8vw, 3.25rem); line-height: 1.12; }
.seccion-cabecera__texto, .conoce-acpa p { color: #405575; line-height: 1.75; }.seccion-cabecera__texto { margin: 15px 0 0; }
.inicio-clientes .seccion-cabecera__texto { margin-top: 22px; }.inicio-clientes .porque__lista { margin: 26px 0; }.inicio-clientes .seccion-cabecera .eyebrow:last-child { margin: 30px 0 0; }
.conoce-acpa { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(34px, 7vw, 90px); }.conoce-acpa h2 { margin: 12px 0 16px; font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.16; }.conoce-acpa__imagen { overflow: hidden; border-radius: 20px; box-shadow: 0 16px 35px rgba(20,55,105,.12); }.conoce-acpa__imagen img { display: block; width: 100%; aspect-ratio: 1 / .9; object-fit: cover; transition: transform .55s ease; }.conoce-acpa__imagen:hover img { transform: scale(1.03); }.conoce-acpa .boton-secundario { margin-top: 12px; }.conoce-acpa__frase { margin-top: 22px; padding-left: 16px; border-left: 3px solid #0a58ff; color: #1d3a63 !important; font-weight: 700; font-style: italic; }
.marquesina { overflow: hidden; padding: 18px 0; border-top: 1px solid rgba(10, 88, 255, .25); border-bottom: 5px solid rgba(10, 88, 255, .28); box-shadow: 0 0 30px rgba(10, 88, 255, .18), inset 0 0 18px rgba(10, 88, 255, .18); }
.marquesina__pista { display: flex; align-items: center; width: max-content; animation: movimiento-logos 36s linear infinite; }
.marquesina__grupo { display: flex; flex: none; align-items: center; gap: 28px; padding: 18px 14px; }
.marquesina__item {overflow: hidden; --escala-central: 1; position: relative; display: grid; flex: 0 0 285px; height: 160px; margin: 0; padding:10px 12px 8px; place-items: center; border: 1px solid rgba(10, 88, 255, .32); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(23, 52, 94, .08); opacity: 1; transform: scale(var(--escala-central)); transform-origin: center center; will-change: transform; transition: transform .14s ease-out, box-shadow .24s ease, border-color .24s ease; }.marquesina__item.esta-en-centro { z-index: 2; border-color: #0a58ff; box-shadow: 0 18px 35px rgba(10, 88, 255, .24); }.marquesina__item::before { position: absolute; top: 10px; left: 0; width: 100%; color: #0a58ff; content: attr(data-nombre); font-size: .68rem; font-weight: 800; letter-spacing: .08em; opacity: 0; text-align: center; transition: opacity .2s ease; }.marquesina__item.esta-en-centro::before, .marquesina__item:hover::before, .marquesina__item:focus-within::before { opacity: 1; }.marquesina__item img { width: 100%; height: 100%; object-fit: contain;transform: scale(2);transition: transform .25s ease; }.marquesina__item:hover img { transform: scale(1.07); }
@keyframes movimiento-logos { to { transform: translateX(-50%); } }
@keyframes logo-entrada { to { opacity: 1; transform: scale(var(--escala-central)); } }
.servicios__enlace { display: flex; width: fit-content; margin: 28px auto 0; }
.tarjetas--inicio { grid-template-columns: repeat(10, minmax(0, 1fr)); }.tarjetas--inicio .tarjeta { grid-column: span 2; }.tarjetas--inicio .tarjeta:nth-child(6) { grid-column: 4 / span 2; }.tarjetas--inicio .tarjeta:nth-child(7) { grid-column: 6 / span 2; }.tarjeta-revelable { opacity: 0; transform: translateY(24px); }.seccion-visible .tarjeta-revelable { animation: revelar .6s ease-out forwards; animation-delay: var(--retraso, 0s); }.tarjeta { border: 1px solid #d8e3f5; transition: transform .25s ease, box-shadow .25s ease; }.tarjeta:hover { transform: translateY(-5px); box-shadow: 0 16px 32px rgba(20, 55, 105, .14); }.tarjeta:hover h3, .tarjeta:hover i { color: #0a58ff; }
.porque { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(34px, 7vw, 96px); }.porque__imagen { overflow: hidden; border: 2px solid #0a58ff; border-radius: 20px; }.porque__imagen img { display: block; width: 100%; aspect-ratio: 1 / 1.1; object-fit: cover; transition: transform .6s ease; }.porque__imagen:hover img { transform: scale(1.03); }.porque__lista { display: grid; gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; color: #405575; }.porque__lista li::before { margin-right: 10px; color: #0a58ff; content: '◆'; font-size: .75em; }
.testimonios { text-align: center; }.testimonios .seccion-cabecera { margin-right: auto; margin-left: auto; }.testimonios__visor { position: relative; min-height: 180px; max-width: 760px; margin: 0 auto; }.testimonio { position: absolute; inset: 0; padding: 32px; border: 1px solid #d8e3f5; border-radius: 18px; background: #fff; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .55s ease, transform .55s ease; }.testimonio.is-active { opacity: 1; pointer-events: auto; transform: translateY(0); }.testimonio p { margin-bottom: 18px; font-size: clamp(1.08rem, 2vw, 1.28rem); line-height: 1.65; }.testimonio strong { color: #0a58ff; }.testimonios__controles { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }.testimonio__control { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #bcc9df; cursor: pointer; }.testimonio__control.is-active { background: #0a58ff; }
.inicio-blog { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.entrada-blog { overflow: hidden; border: 1px solid #d8e3f5; border-radius: 16px; background: #fff; opacity: 0; transform: translateY(20px); transition: transform .28s ease, box-shadow .28s ease; }.seccion-visible .entrada-blog { animation: revelar .65s ease-out forwards; }.seccion-visible .entrada-blog:nth-child(2) { animation-delay: .12s; }.seccion-visible .entrada-blog:nth-child(3) { animation-delay: .24s; }.entrada-blog:hover { transform: translateY(-5px); box-shadow: 0 16px 30px rgba(20,55,105,.14); }.entrada-blog img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .35s ease; }.entrada-blog:hover img { transform: scale(1.03); }.entrada-blog div { padding: 22px; }.entrada-blog p { margin-bottom: 10px; color: #0a58ff; font-size: .7rem; font-weight: 800; letter-spacing: .1em; }.entrada-blog h3 { margin-bottom: 18px; font-size: 1.18rem; line-height: 1.35; }.entrada-blog a { color: #0a58ff; font-weight: 800; text-decoration: none; }
.inicio-cta { width: min(1080px, calc(100% - 48px)); margin: 0 auto clamp(72px, 10vw, 120px); padding: clamp(44px, 7vw, 76px); border-radius: 24px; background: #102642; color: #fff; text-align: center; }.inicio-cta .eyebrow { color: #8bb5ff; }.inicio-cta h2 { max-width: 700px; margin-right: auto; margin-left: auto; }.inicio-cta > p:not(.eyebrow) { max-width: 600px; margin: 18px auto 28px; color: #d5e1f4; line-height: 1.7; }
.seccion-revelable { opacity: 0; transform: translateY(26px); transition: opacity .65s ease-out, transform .65s ease-out; }.seccion-revelable.seccion-visible { opacity: 1; transform: translateY(0); } @keyframes revelar { to { opacity: 1; transform: translateY(0); } }
@media (max-width: 800px) { .inicio-hero, .porque, .conoce-acpa { grid-template-columns: 1fr; }.inicio-hero { min-height: auto; }.inicio-hero__visual { max-width: 560px; }.tarjetas--inicio, .inicio-blog { grid-template-columns: 1fr; }.inicio-clientes, .inicio-seccion { width: min(100% - 32px, 1180px); }.inicio-cta { width: min(100% - 32px, 1080px); }.marquesina__grupo { gap: 16px; }.marquesina__item { flex-basis: 195px; height: 112px; padding: 22px; }.testimonios__visor { min-height: 230px; } }
@media (min-width: 801px) and (max-width: 1100px) { .tarjetas--inicio { grid-template-columns: repeat(2, minmax(0, 1fr)); }.tarjetas--inicio .tarjeta, .tarjetas--inicio .tarjeta:nth-child(6), .tarjetas--inicio .tarjeta:nth-child(7) { grid-column: auto; }.tarjetas--inicio .tarjeta:nth-child(7) { grid-column: 1 / -1; width: min(100%, 430px); justify-self: center; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .hero-paso, .seccion-revelable, .tarjeta-revelable, .entrada-blog { opacity: 1; transform: none; } .marquesina__pista { animation: movimiento-logos 36s linear infinite !important; } .marquesina__item { opacity: 1; transform: scale(var(--escala-central)) !important; animation: none !important; } }