Sindbad~EG File Manager

.elementor-15 .elementor-element.elementor-element-c3e6894{--display:flex;--position:absolute;--min-height:911px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;top:0px;--z-index:1000;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-c3e6894{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-c3e6894{right:0px;}.elementor-15 .elementor-element.elementor-element-edc1868{--spacer-size:53px;}.elementor-15 .elementor-element.elementor-element-7776beb{--spacer-size:270px;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15 .elementor-element.elementor-element-a72b587 .elementor-button{background-color:#7E193D;}.elementor-15 .elementor-element.elementor-element-a72b587{margin:110px 110px calc(var(--kit-widget-spacing, 0px) + 110px) 110px;}.elementor-15 .elementor-element.elementor-element-a72b587 .elementor-field-group{margin-bottom:21px;}.elementor-15 .elementor-element.elementor-element-a72b587 .elementor-form-fields-wrapper{margin-bottom:-21px;}.elementor-15 .elementor-element.elementor-element-a72b587 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-a72b587 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-4a2edd3{--spacer-size:84px;}.elementor-15 .elementor-element.elementor-element-23b3f66{--display:flex;--min-height:911px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-15 .elementor-element.elementor-element-601b023{width:100%;max-width:100%;}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-c3e6894{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:-93px;}.elementor-15 .elementor-element.elementor-element-c3e6894.e-con{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-c3e6894{left:-10px;}body.rtl .elementor-15 .elementor-element.elementor-element-c3e6894{right:-10px;}.elementor-15 .elementor-element.elementor-element-7776beb{--spacer-size:431px;}.elementor-15 .elementor-element.elementor-element-a72b587{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 42px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-23b3f66{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-601b023{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-c3e6894 *//* Oculta el video móvil por defecto */
#video-mobile {
  display: none;
}

/* Estilos móviles */
@media (max-width: 767px) {

  /* Oculta video de fondo original */
  .fondo-video-login .elementor-background-video-container {
    display: none !important;
  }

  /* Video de fondo móvil */
  #video-mobile {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
  }

  /* Quita scroll y margen general */
  html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  /* Centrado total del contenido */
  .fondo-video-login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    background: transparent !important;
  }

  /* FORMULARIO: ancho adecuado + padding + estética */
  .fondo-video-login .elementor-form {
    width: 100%;
    max-width: 380px !important;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  }

  /* Campos blancos */
  .fondo-video-login input,
  .fondo-video-login select,
  .fondo-video-login textarea {
    background-color: white !important;
    color: black !important;
    z-index: 11;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Placeholder gris */
  .fondo-video-login input::placeholder {
    color: #888 !important;
  }

  /* Margen entre campos */
  .fondo-video-login .elementor-field-group {
    margin-bottom: 16px;
  }

  /* Botón rojo bonito */
  .fondo-video-login button,
  .fondo-video-login .elementor-button {
    background-color: #c62828 !important;
    color: white !important;
    border: none !important;
    padding: 14px;
    font-weight: bold;
    border-radius: 6px;
    width: 100%;
    transition: background 0.3s;
    cursor: pointer;
  }

  .fondo-video-login button:hover,
  .fondo-video-login .elementor-button:hover {
    background-color: #a40000 !important;
  }

  /* Contenedor sin márgenes laterales extra */
  .fondo-video-login .elementor-widget-container {
    width: 100%;
  }

  /* Elimina márgenes laterales de la sección */
  .elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}/* End custom CSS */