#video-container { margin: 48px auto; position: relative; width: 100%; height: 50vh; overflow: hidden; } #video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #video-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; /* El video no intercepta clics */ } #bg-video { width: 100vw; height: 100vh; min-width: 100%; min-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; } .pasos .textoSombra{ width: 100%; } h2{ font-size: 2em; font-family: 'Open Sans Condensed',Verdana, Geneva, sans-serif; color: #08121B !important; line-height: 1.2; } ol.lista .titulo{ color: #fff; font-size: 1.4em; display: block; line-height: 1; margin:0; font-weight: 400; } .pasos .texto{ padding: 0 20px; } ol { display: flex; flex-direction: column; width: 100%; margin: 10px 0px; padding: 0; gap: 40px; } ol li{ display: flex; flex-direction: row; gap: 8px; width: 100%; align-items: center; } .listaTitulo { display: flex; align-items: center; background: #000; color: #fff; gap: 8px; padding: 10px 20px; width: 400px; } .listaTitulo .fa{ display: inline-table; } ol li .btn{ display: flex; justify-content: flex-start; width: 400px; padding: 10px 20px; color: #fff; background: green; } .info-label{ color: #A3081D; } h2, h3, h4{ color: #A3081D; }