/* Tipografías */
#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
}
.video-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  /*background: url("../overlays/04.png");*/
  z-index: 1;
  pointer-events: none;
}


body {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #000;
  color: #fff;
}

/* Contenido general centrado y adaptado */
.container-fluid {
  height: 100vh; /* Toda la altura de la pantalla */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Fondo transparente uniforme */
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Fondo negro con transparencia */
  z-index: 0;
}

.container-fluid > div {
  z-index: 1; /* Sobre el fondo */
}

/* Estilos del contenido */
h1.title {
  font-family: 'Bebas Neue';
  font-size: 3rem;
  color: #E9CD91; /* blanco */
  margin-bottom: 1rem;
}
hr.separator {
  width: 80%; /* Ancho proporcional */
  border: 0;
  height: 2px; /* Grosor incrementado a 4px */
  background-color: #FFFFFF; /* Blanco */
  margin: 1.5rem auto; /* Centramos la línea */
  opacity: 0.9; /* Mantengo la opacidad */
}
h2.subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem;
  color: #FFFFFF; /* Blanco */
  margin-bottom: 0.5rem;
}
/* Estilos del contenido */
p.eslogan {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem; /* Tamaño incrementado para destacar el eslogan */
  color: #E9CD91; /* Blanco */
  margin-bottom: 1.5rem;
  font-style: italic;
  
}

p.description {
  font-size: 1.2rem;
  color: #FFFFFF;
  margin-bottom: 2rem;
}

.btn-primary {
  background-color: #02A5B5; /* Teal corporativo */
  border-color: #02A5B5;
  font-family: 'Montserrat', sans-serif;
}

.btn-primary:hover {
  background-color: #E9CD91; /* Blanco */
  border-color: #E9CD91;
color: black;
}

/* Logo */
.img-logo-index {
  max-width: 200px; /* Incrementado a 180px */
  margin-bottom: 2rem;
}
h2.rental-highlight {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem; /* Tamaño destacado */
  color: #FFFFFF; /* Blanco */
  margin-bottom: 1.5rem;
  font-weight: 500; /* Resaltado pero elegante */
}
/* ============================ */
/* Selector de idiomas con emojis */
/* ============================ */
.lang-flags {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;  /* Ajusta separación bajo el eslogan */
}

.lang-flags a {
  font-family:
    'Segoe UI Emoji',      /* Windows */
    'Apple Color Emoji',   /* macOS/iOS */
    'Noto Color Emoji',    /* Android/Linux */
    sans-serif;
  font-size: 2rem;            /* Tamaño de las banderas */
  line-height: 1;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.lang-flags a:hover {
  transform: scale(1.3);
}

/* En móvil, mantiene centradas */
@media (max-width: 767px) {
  .lang-flags {
    margin-top: 1rem;
  }
}

/*ESTILOS COCKIES*/
.skip-link {
  position: absolute;
  top: -40px;
  left: 1rem;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1rem;
  z-index: 100;
  transition: top 0.3s;
}
.skip-link:focus {
  top: 1rem;
}
.cc-window {
    background-color: #031D38 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 1rem 1.5rem !important;
    border-radius: 8px !important;
  }
  .cc-message { color: #fff !important; font-size: 1rem !important; }
  .cc-btn {
    background-color: #E9CD91 !important;
    color: #000 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 0.5rem 1rem !important;
    text-transform: uppercase !important;
  }
  .cc-btn:hover { background-color: #fff !important; }
  .cc-link {
    color: #02A5B5 !important;
    text-decoration: underline !important;
    margin-left: 0.5rem !important;
  }
/*Estilos internos de accesibilidad -->*/ 
html { scroll-behavior: smooth; }
    :focus { outline: 3px solid #0066cc; outline-offset: 3px; }
    .lang-flags a:focus { outline: 2px dashed #0066cc; }
    .skip-link {
        position: absolute;
        top: -40px;
        left: 1rem;
        background: #0066cc;
        color: #fff;
        padding: 0.5rem 1rem;
        z-index: 100;
        transition: top 0.3s;
    }
.skip-link:focus {
        top: 1rem; 
    }