/* Carrusel del hero */
.hero-slides { display: grid; width: 100%; min-height: inherit; }
.hero-slide { grid-area: 1 / 1; position: relative; display: flex; align-items: center; min-height: inherit; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility .9s; }
.hero-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.hero-slide.is-active .hero-img { animation: heroZoom 6s ease-out both; }
.hero-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 2.5rem; height: 2.5rem; border-radius: 999px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.35); color: #fff; display: grid; place-items: center; backdrop-filter: blur(8px); transition: .2s; }
.hero-arrow:hover { background: var(--brand); border-color: var(--brand); }
.hero-dot { height: .45rem; width: .45rem; border-radius: 999px; background: rgba(255,255,255,.55); transition: .3s; }
.hero-dot.on { width: 1.6rem; background: #fff; }