/* Página de inicio */

/* Portada con video */
.portada-video{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;color:#fff;background:#111;overflow:hidden;margin-top:-77px}
.fondo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.velo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,16,.82) 0%,rgba(10,12,16,.55) 45%,rgba(10,12,16,.15) 100%),linear-gradient(0deg,rgba(10,12,16,.5),transparent 40%)}
.texto-portada{position:relative;width:100%;padding-top:180px;padding-bottom:88px}
.texto-portada h1{margin:0;font-weight:300}
.marca-portada{display:block;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a9bde6;margin-bottom:18px}
.lema{display:block;font-size:clamp(44px,7vw,96px);line-height:1;letter-spacing:-.02em}
.sublema{display:block;font-size:clamp(20px,2.2vw,30px);font-weight:300;color:#d8dbe0;margin-top:18px;letter-spacing:.01em}
.texto-portada .bajada{color:#d8dbe0;font-size:clamp(18px,1.6vw,21px);max-width:46ch;margin-top:22px}
.texto-portada .acciones{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.pausa-video{position:absolute;right:28px;bottom:88px;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;border-radius:var(--radio);cursor:pointer;display:grid;place-items:center}
.pausa-video:hover{background:rgba(255,255,255,.12)}
@media (max-width:600px){.pausa-video{right:18px;bottom:24px}.texto-portada{padding-bottom:84px}}

/* Encabezado transparente sobre el video; se vuelve blanco al bajar */
.encabezado.sobre{background:transparent;border-bottom-color:transparent;transition:background .25s ease,border-color .25s ease}
.encabezado.sobre .logo-normal{display:none}
.encabezado.sobre:not(.solida) .menu > a:not(.boton){color:#fff}
.encabezado.sobre:not(.solida) .idioma span,.encabezado.sobre:not(.solida) .idioma a{color:rgba(255,255,255,.75)}
.encabezado.sobre:not(.solida) .idioma [aria-current="true"]{color:#fff}
.encabezado.sobre:not(.solida) .abrir-menu{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.encabezado.sobre.solida{background:#fff;border-bottom-color:var(--borde)}
.encabezado.sobre.solida .logo-sobre{display:none}
.encabezado.sobre.solida .logo-normal{display:block}


/* Recorrido de extremo a extremo: misma barra de pasos que Bend Engineer */
.recorrido{padding-top:28px;padding-bottom:36px}
.recorrido ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.recorrido li{position:relative;text-align:center}
.recorrido li::before{content:"";position:absolute;top:24px;left:calc(-50% + 32px);right:calc(50% + 32px);border-top:1px solid #bdbdbd}
.recorrido li:first-child::before{display:none}
.recorrido a{display:inline-flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;font-size:15px;color:var(--texto)}
.recorrido .caja{width:48px;height:48px;border:1px solid var(--borde-fuerte);background:#fff;display:grid;place-items:center;border-radius:var(--radio)}
.recorrido a:hover .caja{background:var(--azul);border-color:var(--azul);color:#fff}
.recorrido a:hover span{color:var(--azul)}
.recorrido p{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2)}
@media (max-width:760px){
  .recorrido ol{grid-template-columns:repeat(3,1fr);row-gap:22px}
  .recorrido li:nth-child(4)::before{display:none}
}

/* Software propio */
.software{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:center}
.software .captura{border:1px solid var(--borde);box-shadow:0 18px 50px rgba(0,0,0,.12);background:#fff}
.descriptor{font-size:15px;color:var(--texto-2);margin:6px 0 0}
.apps{list-style:none;padding:0;margin:28px 0 30px;border-top:1px solid #d3dae8}
.apps li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid #d3dae8}
.apps strong{font-weight:600}
.apps span{font-size:15px;color:var(--texto-2)}
.estado{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.estado.listo{color:var(--ok)}
.estado.pronto{color:var(--texto-2)}
@media (max-width:900px){.software{grid-template-columns:1fr;gap:32px}}


.texto-portada .bajada{color:#d8dbe0}
.bloque-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:48px}
.bloque-intro .bajada{margin:0}
@media (max-width:900px){.bloque-intro{grid-template-columns:1fr;gap:18px}}

.cifras{background:var(--azul);color:#fff}
.cifras ul{list-style:none;margin:0;padding:52px 0;display:grid;grid-template-columns:repeat(3,1fr)}
.cifras li{padding:0 28px;border-left:1px solid rgba(255,255,255,.28)}
.cifras li:first-child{border-left:0;padding-left:0}
.cifras strong{display:block;font-size:52px;font-weight:300;line-height:1}
.cifras span{display:block;margin-top:12px;font-size:15px;line-height:1.4;color:rgba(255,255,255,.82);max-width:24ch}
@media (max-width:900px){.cifras ul{grid-template-columns:1fr;row-gap:28px}.cifras li{border-left:0;padding-left:0}}
@media (max-width:520px){.cifras ul{grid-template-columns:1fr}.cifras li{border-left:0;padding-left:0}}