.access-video { position: relative; width: 100%; min-height: clamp(520px,72vh,760px); overflow: hidden; display: grid; align-items: end; color: #fff; background: #0a1f1a; }
.access-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.access-video-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,25,20,.78) 0%,rgba(4,25,20,.4) 45%,rgba(4,25,20,.08) 75%),linear-gradient(0deg,rgba(4,25,20,.62),transparent 60%); pointer-events: none; }
.access-video-content { position: relative; z-index: 1; width: min(1120px,100%); margin: 0 auto; padding: clamp(2.5rem,6vw,5.5rem) clamp(1.25rem,5vw,4rem); }
.access-video-content > span { color: #77ead7; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.access-video-content h2 { max-width: 760px; margin: .65rem 0 .8rem; color: #fff; font-size: clamp(2.5rem,6vw,5rem); line-height: 1; letter-spacing: -.045em; }
.access-video-content p { max-width: 650px; margin: 0; color: rgba(255,255,255,.82); font-size: clamp(1rem,2vw,1.18rem); line-height: 1.65; }
.access-video-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.4rem; }
.access-video-actions a,.access-video-actions button { padding: .8rem 1.1rem; border: 1px solid rgba(255,255,255,.65); border-radius: 10px; color: #fff; background: rgba(5,40,32,.42); font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; backdrop-filter: blur(8px); }
.access-video-actions a { color: #073d32; background: #70dccb; border-color: #70dccb; }
@media (max-width:700px) { .access-video { min-height: 70svh; } .access-video-shade { background: linear-gradient(0deg,rgba(4,25,20,.88) 0%,rgba(4,25,20,.18) 75%); } }
@media (prefers-reduced-motion:reduce) { .access-video video { display:none; } .access-video { background: #123b33 url('media/gocontrol-control-acceso-barrera-vehicular.webp') center/cover no-repeat; } }