/*
 * Tema "Aeropuerto" — paleta tomada directo de la fachada real del Aeropuerto
 * Internacional de Chetumal: el mosaico de cuadros terracota/crema/gris de la
 * terminal, la marquesina oscura de la entrada y el letrero "Chetumal". Solo
 * redefine la paleta (variables CSS) y agrega detalles decorativos; toda la
 * estructura/layout sigue siendo la de ulytd.css, así que activar o
 * desactivar este tema nunca puede romper el formulario.
 */
.ulytd-theme-airport{
  --ulytd-border:#e6d8bf;
  --ulytd-muted:#6b5c48;
  --ulytd-dark:#1c1712;
  --ulytd-soft:#f6efe1;
  --ulytd-accent:#d97a3d;
}

/* Hero: mosaico a cuadros terracota/crema/gris de la fachada real, con la
 * marquesina oscura de la entrada como base. Overlay mucho más oscuro y
 * parejo (antes era un degradado diagonal claro-a-oscuro que dejaba la
 * mitad del mosaico muy visible y "sucio") — pedido explícito del cliente:
 * "aumenta el nivel de negro". Así el mosaico queda de fondo, apenas
 * insinuado, y el texto blanco resalta con contraste alto en toda la franja. */
.ulytd-theme-airport .ulytd-hero{
  background-color:#161210;
  background-image:
    linear-gradient(180deg, rgba(15,12,10,.95) 0%, rgba(15,12,10,.90) 100%),
    conic-gradient(#d97a3d 0deg 90deg, #f6efe1 90deg 180deg, #8a7a68 180deg 270deg, #efe3ca 270deg 360deg);
  background-size: auto, 46px 46px;
  border-radius:18px;
  padding:18px 20px;
  margin-bottom:20px;
  position:relative;
  overflow:hidden;
}
.ulytd-theme-airport .ulytd-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:8px;
  background-image:conic-gradient(#d97a3d 0deg 90deg, #f6efe1 90deg 180deg, #8a7a68 180deg 270deg, #efe3ca 270deg 360deg);
  background-size:16px 16px;
  opacity:1;
}
.ulytd-theme-airport .ulytd-title,
.ulytd-theme-airport .ulytd-subhead{color:#fff}
.ulytd-theme-airport .ulytd-title::before{
  content:"✈ ";
}
.ulytd-theme-airport .ulytd-subhead{color:#f3e9d8;opacity:.95}
.ulytd-theme-airport .ulytd-trust .ulytd-pill{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}

/* Pasos: número en terracota, acentos cálidos */
.ulytd-theme-airport .ulytd-step-num{background:var(--ulytd-accent)}
.ulytd-theme-airport .ulytd-opt{border-color:var(--ulytd-border)}
.ulytd-theme-airport .ulytd-opt:hover{border-color:var(--ulytd-accent)}
.ulytd-theme-airport .ulytd-badge{
  background:#fbe9d8;
  border-color:#d97a3d;
  color:#7a3f10;
}

/* Botón principal en terracota (como los acentos de la fachada) */
.ulytd-theme-airport #ulytd-submit{
  background:var(--ulytd-accent);
  color:#2a1608;
  box-shadow:0 10px 18px rgba(217,122,61,.35);
}
.ulytd-theme-airport #ulytd-submit[disabled]{opacity:.55;box-shadow:none}

/* Franja decorativa "a cuadros" al pie de la tarjeta, mismo mosaico del hero */
.ulytd-theme-airport .ulytd-card{position:relative}
.ulytd-theme-airport .ulytd-card::after{
  content:"";
  display:block;
  height:6px;
  margin-top:16px;
  border-radius:4px;
  background-image:conic-gradient(#d97a3d 0deg 90deg, #f6efe1 90deg 180deg, #8a7a68 180deg 270deg, #efe3ca 270deg 360deg);
  background-size:14px 14px;
  opacity:.85;
}

/* Franja "a cuadros" sutil (fachada de la terminal) en las tarjetas resumen */
.ulytd-theme-airport .ulytd-summary-card{border-top:4px solid var(--ulytd-accent)}

/* Botón "+ Agregar y cotizar otro transfer": ya es sólido en acento por
 * defecto (ulytd.css) — aquí solo se ajusta el hover para que no quede texto
 * blanco sobre fondo blanco (antes el hover general ponía background:#fff,
 * pensado para el botón "fantasma" que ya no existe). */
.ulytd-theme-airport .ulytd-btn-secondary:hover{filter:brightness(1.08)}
.ulytd-theme-airport .ulytd-cart-share-btn:hover{border-color:var(--ulytd-accent);background:#fff}
.ulytd-theme-airport .ulytd-swap-btn:hover{border-color:var(--ulytd-accent);color:var(--ulytd-accent)}