@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
/* RYGSA | Solapa de Consulta de Vuelos | v1.0.2
   Componente independiente: no afecta el widget Travelpayouts ni el menu. */
.rygsa-vuelos-solapa {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 10000;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 28px);
  font-family: "Open Sans", Arial, sans-serif;
}
.rygsa-vuelos-solapa__enlace,
.rygsa-vuelos-solapa__enlace:visited,
.rygsa-vuelos-solapa__enlace:focus {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px 12px 0 0;
  background: #f3b544;
  color: #242424 !important;
  box-shadow: 0 -3px 15px rgba(0,0,0,.14);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.25;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.rygsa-vuelos-solapa__enlace:hover {
  color: #191919 !important;
  background: #ffcb30;
  transform: translateY(-5px);
  box-shadow: 0 -5px 17px rgba(0,0,0,.18);
}
/* Al elevarse en hover, el prolongador ocupa los 5 px inferiores.
   Hereda el fondo del enlace incluso durante la transición de color. */
.rygsa-vuelos-solapa__enlace::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 6px;
  background: inherit;
  pointer-events: none;
}
.rygsa-vuelos-solapa__enlace:focus-visible {
  outline: 3px solid #222;
  outline-offset: -4px;
}
.rygsa-vuelos-solapa__icono { font-size: 19px; width: 19px; flex: 0 0 19px; display: inline-block; text-align: center; line-height: 1; }
.rygsa-vuelos-solapa__flecha { font-size: 18px; line-height: 1; }
@media (max-width: 767px) {
  .rygsa-vuelos-solapa__enlace,
  .rygsa-vuelos-solapa__enlace:visited {
    min-height: 43px;
    padding: 10px 15px;
    gap: 8px;
    font-size: 12px;
    border-radius: 10px 10px 0 0;
  }
  .rygsa-vuelos-solapa__icono { font-size: 17px; width: 17px; flex-basis: 17px; }
  .rygsa-vuelos-solapa__flecha { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .rygsa-vuelos-solapa__enlace { transition: none; }
}