/* ================== VARIABLES & BASE ================== */
:root{
  --gold:#d1a73b; --bg:#111; --card:#1a1a1a; --text:#f5f5f5; --muted:#b7b7b7;
  --danger:#9b2c2c; --ok:#16a34a; --pend:#f59e0b; --disabled:#3a3a3a;
}


*,
*::before,
*::after {
  box-sizing: border-box;
}




body{ background:#000; }

/* Contenedor */
.tglewl-wrap{
  max-width: 1260px;
  width: 100%;
  margin: 24px auto;
  padding: 18px 16px;
  background: var(--card);
  color: var(--text);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
  overflow: hidden;
}

.tglewl-header{ text-align:center; margin-bottom:10px; }
.tglewl-logo{ height:56px; margin-bottom:10px; filter: invert(1) brightness(2); }
.tglewl-wrap header h1{ font-size:32px; margin:0 0 8px; color:var(--text); text-align:center; }
.tglewl-wrap header p{ margin:0 0 24px; color:var(--muted); }

.tglewl-form .row{ display:flex; flex-direction:column; margin-bottom:12px; }
.tglewl-form label{ margin-bottom:6px; color:var(--muted); }
.tglewl-form input,.tglewl-form select{
  background:#0f0f0f; border:1px solid #2a2a2a; color:var(--text);
  padding:10px 12px; border-radius:12px;
}
.row-captcha{ margin-top:18px; }
.g-recaptcha{ display:flex; justify-content:center; }

/* Botones */
.tglewl-btn{ border:0; border-radius:999px; padding:10px 18px; cursor:pointer; transition:.2s; line-height:1; }
.tglewl-btn:hover:not(:disabled){ transform:translateY(-1px); }
.tglewl-primary{ background:var(--gold); color:#111; font-weight:600; }
.tglewl-success{ background:var(--ok); color:#111; font-weight:600; }
.tglewl-danger{ background:var(--danger); color:#fff; }
.tglewl-btn:disabled{ background:var(--disabled)!important; color:#888!important; cursor:not-allowed; transform:none; filter:grayscale(.2); }

/* Tabla (común) */
.tglewl-table{ width:100%; border-collapse:separate; border-spacing:0 8px; table-layout:fixed; }
.tglewl-table th, .tglewl-table td{ background:#0f0f0f; padding:10px; border-top:1px solid #2a2a2a; }
.tglewl-table th{ color:var(--muted); text-align:center; white-space:nowrap; }
.tglewl-table td{ border-bottom:1px solid #2a2a2a; vertical-align:middle; }
.tglewl-table td:not(:last-child){ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Toast */
.tglewl-toast{ display:none; margin-top:8px; background:#0f0f0f; border-left:4px solid var(--gold); padding:10px; border-radius:8px; }
.tglewl-toast.ok{ border-color:#22c55e; }
.tglewl-toast.err{ border-color:#ef4444; }
.tglewl-pass{ display:flex; gap:10px; align-items:center; }

/* Badges */
.badge{ display:inline-block; padding:.25rem .5rem; border-radius:999px; font-size:.75rem; text-transform:capitalize; }
.badge-pending{ background:var(--pend); color:#111; }
.badge-checked_in{ background:var(--ok); color:#111; }
.badge-cancelled{ background:var(--danger); color:#fff; }

/* Filtros */
.tglewl-filters{ display:flex; align-items:center; gap:10px; margin:8px 0 12px; }
.tglewl-filters select{ background:#0f0f0f; border:1px solid #2a2a2a; color:#fff; padding:8px 10px; border-radius:10px; }

/* ===== Board container limpio para cards ===== */
.tglewl-wrap.tglewl-board{
  width: min(1400px, calc(100% - 32px));
  max-width: 1400px;
  margin: 24px auto;
  padding: 18px 16px;
  border-radius: 16px;
  box-sizing: border-box;
  overflow: hidden;
}

.tglewl-board{
  overflow: visible;
  padding-bottom: 10px;
  box-sizing: border-box;
}


.tglewl-board::-webkit-scrollbar{ height:8px; }
.tglewl-board::-webkit-scrollbar-track{ background:#1a1a1a; }
.tglewl-board::-webkit-scrollbar-thumb{ background:var(--gold); border-radius:4px; }

.tglewl-table thead th:last-child,
.tglewl-table tbody td:last-child{ width: 180px !important; }

.tglewl-table tbody td:last-child{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px !important;
  white-space: nowrap;
  overflow: hidden;
}
.tglewl-table tbody td:last-child .tglewl-btn{
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px 14px;
  height: auto;
  line-height: 1.4;
  font-size: 13px;
  border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Responsive fino */
@media (max-width: 1400px){
  .tglewl-board .tglewl-table{ min-width: 1200px; }
  .tglewl-table thead th:last-child,
  .tglewl-table tbody td:last-child{ width: 160px !important; }
  .tglewl-table tbody td:last-child .tglewl-btn{ font-size:11px; padding:0 8px; }
}
@media (min-width: 1280px){
  .tglewl-board .tglewl-table{ min-width: 1600px; }
}






/* ================== TGLE FORM — THEME NOIR + GOLD (ESTILO PROMOS) ================== */

/* Contenedor del formulario (NO board) */
.tglewl-wrap:not(.tglewl-board){
  max-width: 480px;
  width: 100%;
  margin: 32px auto;
  padding: 24px 18px;

  background:
    radial-gradient(circle at top, #1f2937 0, #05060a 55%);
  color: #eaeef6;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(0,0,0,.65);
}

/* Header con logo y textos */
.tglewl-wrap:not(.tglewl-board) .tglewl-header{
  position: relative;
  text-align: center;
  margin-bottom: 18px;
  padding-top: 56px; /* espacio para el selector de idioma */
}

.tglewl-wrap:not(.tglewl-board) .tglewl-logo{
  height: 160px;
  margin-top: 59px;   /* aire con el selector */
  margin-bottom: 22px;
  filter: none;       /* MUY IMPORTANTE: sin invertir colores, logo dorado limpio */
}

.tglewl-wrap:not(.tglewl-board) header h1{
  color:#f5c76a;
  letter-spacing:.04em;
  font-size: 26px;
  margin: 0 0 6px;
}

.tglewl-wrap:not(.tglewl-board) header p{
  color:#d4d4d8;
  font-size: 15px;
  margin: 0;
}

/* Selector ES / EN, arriba a la derecha */
.tglewl-wrap:not(.tglewl-board) .tglewl-lang{
  position:absolute;
  top: 12px;
  right: 12px;
  display:flex;
  gap:4px;
  padding:2px;
  border-radius:999px;
  background: rgba(15,23,42,0.95);
  border:1px solid rgba(148,163,184,0.4);
}

.tglewl-wrap:not(.tglewl-board) .lang-pill{
  background: transparent;
  color:#eaeef6;
  border-radius:999px;
  padding:4px 12px;
  font-weight:600;
  font-size:12px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:.15s;
}

.tglewl-wrap:not(.tglewl-board) .lang-pill.active{
  background:#f5c76a;
  color:#111827;
}

/* Filas del formulario */
.tglewl-wrap:not(.tglewl-board) .tglewl-form .row{
  display:flex;
  flex-direction:column;
  margin-bottom:14px;
}

.tglewl-wrap:not(.tglewl-board) .tglewl-form label{
  color:#f5c76a;
  font-weight:500;
  letter-spacing:.02em;
  margin-bottom:6px;
  font-size:14px;	
}

/* Inputs y selects */
.tglewl-wrap:not(.tglewl-board) .tglewl-form input,
.tglewl-wrap:not(.tglewl-board) .tglewl-form select{
  background:#05060a;
  border:1px solid rgba(245,199,106,0.22);
  color:#f9fafb;
  padding:10px 12px;
  border-radius:14px;
  font-size:14px;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.tglewl-wrap:not(.tglewl-board) .tglewl-form input::placeholder,
.tglewl-wrap:not(.tglewl-board) .tglewl-form select::placeholder{
  color:#6b7280;
}

.tglewl-wrap:not(.tglewl-board) .tglewl-form input:hover,
.tglewl-wrap:not(.tglewl-board) .tglewl-form select:hover{
  border-color:#e5c27a;
}

.tglewl-wrap:not(.tglewl-board) .tglewl-form input:focus,
.tglewl-wrap:not(.tglewl-board) .tglewl-form select:focus{
  border-color:#f5c76a;
  box-shadow: 0 0 0 1px #f5c76a;
  background:#020617;
}

/* Captcha y submit */
.tglewl-wrap:not(.tglewl-board) .row-captcha{
  margin-top:20px;
  margin-bottom:18px;
}

.tglewl-wrap:not(.tglewl-board) .row-submit{
  display:flex;
  justify-content:center;
  margin-top: 10px;
}

/* Botón primario: mismo estilo dorado que promociones */
.tglewl-wrap:not(.tglewl-board) .tglewl-btn.tglewl-primary{
  background:#f5c76a;
  color:#111827;
  font-weight:700;
  letter-spacing:.03em;
  border-radius:999px;
  padding:12px 32px;
  border: none;
  cursor:pointer;
  transition:.15s;
  box-shadow: 0 10px 25px rgba(245,199,106,0.35);
}

.tglewl-wrap:not(.tglewl-board) .tglewl-btn.tglewl-primary:hover:not(:disabled){
  background:#eab308;
  transform: translateY(-1px);
}

.tglewl-wrap:not(.tglewl-board) .tglewl-btn.tglewl-primary:active{
  transform: translateY(1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.6);
}

.tglewl-wrap:not(.tglewl-board) .tglewl-btn.tglewl-primary:disabled{
  background:#3a3f4a !important;
  color:#c7cbd6 !important;
  box-shadow:none;
}

/* Toast dentro del formulario */
.tglewl-wrap:not(.tglewl-board) .tglewl-toast{
  background:#10151c;
  border-left-color:#f5c76a;
  color:#eaeef6;
}






/* ==== ICONO BASE ==== */
.tglewl-airline-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 8px;
  /* el avión siempre blanco */
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;

  /* contorno negro sutil */
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}

/* Avión estilo aeropuerto */
.tglewl-airline-icon::before {
  content: "✈︎";
  color: #ffffff !important;   /* fuerza blanco SIEMPRE */
}



/* AEROMEXICO */
.tglewl-airline-aeromexico {
  background: linear-gradient(to right, #002c5f 0%, #002c5f 50%, #d22630 50%, #d22630 100%);
}

/* AIR CANADA */
.tglewl-airline-aircanada {
  background: linear-gradient(to right, #d52b1e 0%, #d52b1e 50%, #000000 50%, #000000 100%);
}

/* AIR FRANCE */
.tglewl-airline-airfrance {
  background: linear-gradient(to right, #0055a4 0%, #0055a4 50%, #ef4135 50%, #ef4135 100%);
}

/* AMERICAN AIRLINES */
.tglewl-airline-american {
  background: linear-gradient(to right, #aa1428 0%, #aa1428 50%, #00529b 50%, #00529b 100%);
}

/* ANA */
.tglewl-airline-ana {
  background: linear-gradient(to right, #003f9a 0%, #003f9a 50%, #ffffff 50%, #ffffff 100%);
  color: #003f9a;
}

/* AVIANCA */
.tglewl-airline-avianca {
  background: linear-gradient(to right, #d81e05 0%, #d81e05 50%, #ffffff 50%, #ffffff 100%);
  color: #d81e05;
}

/* BRITISH AIRWAYS */
.tglewl-airline-british {
  background: linear-gradient(to right, #075aaa 0%, #075aaa 50%, #e41e2b 50%, #e41e2b 100%);
}

/* CHINA SOUTHERN AIRLINES */
.tglewl-airline-chinasouthern {
  background: linear-gradient(to right, #0083c3 0%, #0083c3 50%, #e60012 50%, #e60012 100%);
}

/* COPA AIRLINES */
.tglewl-airline-copa {
  background: linear-gradient(to right, #004b8d 0%, #004b8d 50%, #00a3e0 50%, #00a3e0 100%);
}

/* DELTA */
.tglewl-airline-delta {
  background: linear-gradient(to right, #c8102e 0%, #c8102e 50%, #003366 50%, #003366 100%);
}

/* EMIRATES */
.tglewl-airline-emirates {
  background: linear-gradient(to right, #d71921 0%, #d71921 50%, #c0933b 50%, #c0933b 100%);
}

/* HAINAN AIRLINE */
.tglewl-airline-hainan {
  background: linear-gradient(to right, #e4002b 0%, #e4002b 50%, #ffc20e 50%, #ffc20e 100%);
}

/* IBERIA */
.tglewl-airline-iberia {
  background: linear-gradient(to right, #c8102e 0%, #c8102e 50%, #ffc400 50%, #ffc400 100%);
}

/* KLM */
.tglewl-airline-klm {
  background: linear-gradient(to right, #00a1de 0%, #00a1de 50%, #ffffff 50%, #ffffff 100%);
  color: #00a1de;
}

/* LATAM */
.tglewl-airline-latam {
  background: linear-gradient(to right, #6d2077 0%, #6d2077 50%, #c41e3a 50%, #c41e3a 100%);
}

/* LUFTHANSA */
.tglewl-airline-lufthansa {
  background: linear-gradient(to right, #05164d 0%, #05164d 50%, #ffca00 50%, #ffca00 100%);
}

/* MAGNICHARTERS */
.tglewl-airline-magnicharters {
  background: linear-gradient(to right, #003a70 0%, #003a70 50%, #f2a900 50%, #f2a900 100%);
}

/* TURKISH AIRLINES */
.tglewl-airline-turkish {
  background: linear-gradient(to right, #c8102e 0%, #c8102e 50%, #ffffff 50%, #ffffff 100%);
  color: #c8102e;
}

/* UNITED */
.tglewl-airline-united {
  background: linear-gradient(to right, #005daa 0%, #005daa 50%, #ffffff 50%, #ffffff 100%);
  color: #005daa;
}

/* VIVA AEROBUS */
.tglewl-airline-vivaaerobus {
  background: linear-gradient(to right, #00a64f 0%, #00a64f 50%, #e30613 50%, #e30613 100%);
}

/* VOLARIS */
.tglewl-airline-volaris {
  background: linear-gradient(to right, #000000 0%, #000000 50%, #7f00ff 50%, #7f00ff 100%);
}

/* Fallback genérico */
.tglewl-airline-other {
  background: linear-gradient(to right, #444 0%, #444 50%, #777 50%, #777 100%);
}

/* ===== Export CSV ===== */

.tglewl-export {
  margin: 16px 0 24px;
}

.tglewl-export-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.tglewl-export-field {
  display: flex;
  flex-direction: column;
}

.tglewl-export-field label {
  font-size: 12px;
  color: #ccc;
  margin-bottom: 4px; /* espacio entre título y campo */
}

.tglewl-export-field input[type="date"] {
  background: #111;
  border: 1px solid #555;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  min-width: 150px;
}

.tglewl-export #tglewl-export-btn {
  margin-top: 18px; /* alinear visualmente con los campos */
}

.tglewl-export-help {
  margin-top: 6px;
  font-size: 12px;
  color: #aaa;
}

/* Icono del calendario en inputs de fecha (modo oscuro) */
.tglewl-export-field input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* lo vuelve blanco sobre fondo oscuro */
}

/* ===== Board cards only ===== */

.tglewl-table-wrap {
  display: none !important;
}

.tglewl-cards {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 32px;
  width: 100%;
  box-sizing: border-box;
  align-items: stretch;
}

.tglewl-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.20);
  box-sizing: border-box;
  width: 100%;

  display: flex;
  flex-direction: column;
  height: 100%;
}

.tglewl-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.tglewl-card-folio {
  font-size: 13px;
  font-weight: 700;
  color: #d1a73b;
  word-break: break-word;
}

.tglewl-card-name {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.tglewl-card-meta-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 14px;
}

.tglewl-card-meta-line .sep {
  opacity: .5;
}

.tglewl-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 16px;
}

.tglewl-card-grid div {
  word-break: break-word;
}

.tglewl-card-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 12px;
}

.tglewl-card-actions .tglewl-btn {
  flex: 1 1 160px;
  min-height: 46px;
  font-size: 16px;
}

/* 2 columnas en tablet */
@media (min-width: 768px) {
  .tglewl-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 3 columnas en desktop */
@media (min-width: 1200px) {
  .tglewl-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 4 columnas solo si cabe bien */
@media (min-width: 1600px) {
  .tglewl-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Filtros / export adaptados */
@media (max-width: 767px) {
  .tglewl-export-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .tglewl-export-field {
    width: 100%;
  }

  .tglewl-export-field input {
    width: 100%;
  }

  .tglewl-export .tglewl-btn {
    width: 100%;
  }

  .tglewl-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .tglewl-filters select {
    width: 100%;
  }
}

/* ===== Header del board ===== */

.tglewl-board-header{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  margin-bottom:24px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(245,199,106,0.12);
}

.tglewl-board-header .tglewl-board-logo{
  display:block;
  width:auto;
  height:82px;
  max-width:100%;
  object-fit:contain;
  margin:0 auto;
}

.tglewl-board-header h1{
  margin:0;
  text-align:center;
  color:#f5c76a;
  font-size:32px;
  font-weight:700;
  letter-spacing:.02em;
}
/* Tablet */

@media (max-width: 1024px){
  .tglewl-board-header .tglewl-board-logo{
    height: 90px;
  }

  .tglewl-board-header h1{
    font-size: 28px;
  }
}

/* Celular */
@media (max-width: 767px){
  .tglewl-board-header .tglewl-board-logo{
    height: 80px;
  }

  .tglewl-board-header h1{
    font-size: 26px;
  }
}
.tglewl-search{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0 12px;
}

.tglewl-search label{
  font-size:16px;
  color:#fff;
  margin:0;
  min-width:auto;
}

.tglewl-search input{
  flex:1;
  background:#0f0f0f;
  border:1px solid #2a2a2a;
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
}
@media (max-width: 767px){
  .tglewl-search{
    flex-direction:column;
    align-items:stretch;
  }

  .tglewl-search label{
    min-width:auto;
    font-size:14px;
  }
}

/* ===== Secciones superiores del board ===== */

.tglewl-section{
  margin-bottom: 20px;
}

.tglewl-section-title{
  font-size: 15px;
  font-weight: 700;
  color: #f5c76a;
  margin: 0 0 8px 6px;
  letter-spacing: .02em;
}

.tglewl-section-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.14);
}

/* Ajuste interno para que no se encimen márgenes */
.tglewl-section-card .tglewl-filters,
.tglewl-section-card .tglewl-search,
.tglewl-section-card .tglewl-export{
  margin-top: 0;
  margin-bottom: 0;
}

/* Separación bonita entre filtros internos */
.tglewl-section-card .tglewl-search{
  margin-top: 12px;
}

/* Reporte más respirable */
.tglewl-section-card .tglewl-export-help{
  margin-top: 10px;
}

@media (max-width: 767px){
  .tglewl-section-card{
    padding: 14px;
  }

  .tglewl-section-title{
    font-size: 14px;
    margin-left: 4px;
  }
}

@media (max-width: 768px){

  .tglewl-board-header{
    grid-template-columns:1fr;
    text-align:center;
  }

  .tglewl-board-header .tglewl-board-logo{
    margin:0 auto 10px;
  }

}

.tglewl-board-header{
  border-bottom:1px solid rgba(245,199,106,0.15);
  padding-bottom:16px;
}

/* ===== KPI Dashboard ===== */

.tglewl-kpi{
  display:flex;
  justify-content:center;
  gap:18px;
  margin:10px 0 0;
  flex-wrap:wrap;
}

.tglewl-kpi-card{
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:14px 22px;

  min-width:120px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  box-shadow:0 6px 18px rgba(0,0,0,0.25);

  transition:all .15s ease;
}

.tglewl-kpi-card:hover{
  transform:translateY(-2px);
}

.kpi-value{
  font-size:26px;
  font-weight:700;
  line-height:1;
}

.kpi-label{
  font-size:13px;
  margin-top:4px;
  opacity:.8;
}

.kpi-pending .kpi-value{
  color:#f59e0b;
}

.kpi-checked .kpi-value{
  color:#22c55e;
}

.kpi-cancel .kpi-value{
  color:#ef4444;
}

.kpi-queue .kpi-value{
  color:#38bdf8;
}

/* ===== FIX FINAL LOGO FORMULARIO ===== */

.tglewl-wrap:not(.tglewl-board) .tglewl-header{
  text-align: center !important;
}

.tglewl-wrap:not(.tglewl-board) .tglewl-logo{
  display: block !important;
  width: auto !important;
  height: 160px !important;
  max-width: 100% !important;
  margin: 0 auto 22px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Tablet */
@media (max-width: 1024px){
  .tglewl-wrap:not(.tglewl-board) .tglewl-header{
    padding-top: 54px;
  }

  .tglewl-wrap:not(.tglewl-board) .tglewl-logo{
    height: 140px !important;
  }
}
/* Celular */
@media (max-width: 767px){
  .tglewl-wrap:not(.tglewl-board) .tglewl-header{
    padding-top: 52px;
  }

  .tglewl-wrap:not(.tglewl-board) .tglewl-logo{
    height: 120px !important;
  }
}



/* pagina de agradecimiento */

/* ===== Página de Gracias / Registro exitoso ===== */

#tglewl-thanks{
  max-width: 760px;
  margin: 40px auto;
  padding: 32px 24px;
  text-align: center;
  color: #f5f5f5;
}

#tglewl-thanks img{
  max-width: 140px;
  height: auto;
  display: block;
  margin: 0 auto 22px;
}

#tglewl-title{
  color: #f5c76a !important;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 18px;
}

#tglewl-msg{
  color: #f3f4f6 !important;
  font-size: 20px;
  line-height: 1.7;
  margin: 0 0 22px;
}

#tglewl-sub{
  color: #d1d5db !important;
  font-size: 16px;
  line-height: 1.7;
  font-style: italic;
  margin: 0 0 20px;
}

#tglewl-wa{
  display: inline-block;
  background: #243247;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

#tglewl-wa:hover{
  transform: translateY(-1px);
}

#tglewl-thanks .tglewl-thanks-footer,
#tglewl-thanks .tglewl-footer,
#tglewl-thanks small,
#tglewl-thanks p{
  color: #d1d5db;
}

/* Responsive */
@media (max-width: 767px){
  #tglewl-thanks{
    padding: 24px 18px;
  }

  #tglewl-title{
    font-size: 36px;
  }

  #tglewl-msg{
    font-size: 18px;
  }

  #tglewl-sub{
    font-size: 15px;
  }

  #tglewl-wa{
    font-size: 15px;
    padding: 11px 20px;
  }
}
/* ===== Modal cancelación ===== */

.tglewl-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.tglewl-modal-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
}

.tglewl-modal-dialog{
  position: relative;
  z-index: 2;
  width: min(92vw, 520px);
  margin: 10vh auto 0;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  color: #fff;
}

.tglewl-modal-dialog h3{
  margin: 0 0 16px;
  color: #f5c76a;
  font-size: 22px;
}

.tglewl-modal-row{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

.tglewl-modal-row label{
  font-size: 14px;
  color: #ddd;
}

.tglewl-modal-row select,
.tglewl-modal-row textarea{
  background: #0f0f0f;
  border: 1px solid #2a2a2a;
  color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
}

.tglewl-modal-row textarea{
  resize: vertical;
}

.tglewl-modal-help{
  text-align: right;
  font-size: 12px;
  color: #aaa;
}

.tglewl-modal-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}

.tglewl-secondary{
  background: #2b3442;
  color: #fff;
}