/* VERTIX · Home — solo lo propio de esta página; el resto vive en base.css */

.hero-center{text-align:center}
.hero-center .h1{max-width:13em;margin:0 auto}
.hero-center .lead{margin-left:auto;margin-right:auto}
.hero-center .actions{justify-content:center}

/* Palabra rotativa del título: línea propia, cada palabra apilada en el mismo
   sitio. Espera abajo, entra con rebote y sale hacia arriba (ver index.html). */
.rotator{display:block;position:relative;overflow:hidden;padding:.02em 0 .14em;margin-bottom:-.14em}
.rotator::before{content:"x";visibility:hidden}
.rotator em{position:absolute;left:0;right:0;top:.02em;opacity:0;transform:translateY(100%);
  transition:transform .9s cubic-bezier(.34,1.45,.64,1),opacity .45s var(--ease)}
.rotator em.is-on{opacity:1;transform:none}
.rotator em.is-out{opacity:0;transform:translateY(-100%)}

/* Trabajo: capturas reales de sitios entregados */
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}
.work-item{display:block}
.work-item .shot{border-radius:var(--r-lg);padding:8px;overflow:hidden}
.work-item .shot img{border-radius:calc(var(--r-lg) - 7px);aspect-ratio:16/10;width:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.work-item:hover .shot img{transform:scale(1.03)}
.work-cap{display:flex;justify-content:space-between;gap:16px;padding:14px 6px 0;font-size:15.5px}
.work-cap b{font-weight:600}
.work-cap span{color:var(--mute)}

/* Nosotros */
.who{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,88px);align-items:center}
.who .lead{margin-top:28px}
.who-sign{margin-top:32px;display:flex;flex-direction:column;gap:2px}
.who-sign b{font:600 17px/1.3 var(--f-ui)}
.who-sign span{color:var(--mute);font-size:15px}
.who-media img{aspect-ratio:4/5}

@media (max-width:960px){
  .who{grid-template-columns:1fr}
  .who-media{max-width:460px}
}
@media (max-width:640px){
  .work-grid{grid-template-columns:1fr}
  .work-cap{flex-direction:column;gap:2px}
}