:root {
        --violeta: #8600ef;
        --violeta-dark: #6b00bf;
        --violeta-light: #a64cff;
    }
    .btn {
        display: inline-block;
        padding: 12px 24px;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        border-radius: 10px;
        background: linear-gradient(180deg, var(--violeta-light), var(--violeta));
        box-shadow: 0 6px 14px rgba(134, 0, 239, .25);
        border: 1px solid var(--violeta-dark);
        transition: transform .06s ease, box-shadow .06s ease, filter .06s ease;
    }

    .btn:hover {
        filter: brightness(1.05);
    }

    .btn:active {
        transform: translateY(1px);
        box-shadow: 0 4px 10px rgba(134, 0, 239, .28);
    }
/* ===== Reset ligero y medios fluidos ===== */
*,
*::before,
*::after { box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; border: 0; display: inline-block; }
table { border-collapse: collapse; width: 100%; }

/* ===== Contenedor central de 970px ===== */
table[width="970"] {
  width: 100% !important;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Franjas azules de página (full-width) ===== */
/* Barra superior del header (espaciador de 43px) */
.header_bg { background-color: #8600ef; }
.header_bg table { background: transparent; }
.header_bg img[src*="transparente.png"] { display:block; }

/* Línea azul bajo el banner (la fila con bgcolor #007DC3) */
tr > td[bgcolor="#007DC3"] {
  background-color: #8600ef !important;
  height: 14px !important;
}

/* Footer: franja superior azul completa */
td[style*="background-color: rgba(0,82,155,1);"],
td[style*="background-color:rgba(0,82,155,1)"] {
  background-color: #8600ef !important;
}

/* ===== Tipografías y colores base ===== */
body { font-family: Arial, Helvetica, sans-serif; color: #2b2b2b; line-height: 1.45; }
.minitest_txt02 { color: #8600ef; font-weight: 700; font-size: 56px; letter-spacing: .5px; }
.general_txt09 p { color: #6b6b6b; font-size: 16px; margin: 0 0 12px; }
.general_txt11 { color: #8600ef; font-weight: 700; }
.general_txt01 { color: #3a3a3a; }

/* ===== Cabecera: título + logo ===== */
.header_bg td.minitest_txt02 { padding-left: 30px !important; }
img[name="logo_BT"] { max-width: 189px; height: auto !important; }

/* ===== Menú superior (subfranja) ===== */
.header_bg font.menu_top_link_textSelected,
.header_bg font.menu_top_link_text {
  font-size: 16px;
  color: #8600ef;
  background: #e7f3fb;
  padding: 6px 10px;
  border-radius: 4px;
}
.header_bg font.menu_top_link_textSelected { font-weight: 700; color: #4e007d; }
.header_bg td[align="center"] font { background: #ffffff00; }         /* “pastillas” blancas encima */
.header_bg td[align="center"] { padding: 6px 0 !important; }

/* ===== Banner principal ===== */
a[href*="dialogAvisoConfirma"] img { width: 100% !important; height: auto !important; max-width: 970px; }

/* ===== Aviso de privacidad (enlace centrado) ===== */
.general_aviso_privacidad_grande { color: #8600ef; font-weight: 700; text-decoration: underline; }

/* ===== Footer ===== */
.footer_txt { color: #6b6b6b; font-size: 13px; line-height: 1.6; text-align: center; }

/* ===== Ajustes de paddings heredados por inline styles ===== */
td[style*="padding-left:30px"] { padding-left: 24px !important; }
td[style*="padding-left:90px"] { padding-left: 24px !important; }

/* ================== Breakpoints ================== */

/* <= 1024px: baja tamaños, mantiene franjas */
@media (max-width: 1024px) {
  .minitest_txt02 { font-size: 44px; }
  img[name="logo_BT"] { max-width: 160px; }
  .general_txt09 p { font-size: 15px; }
}

/* <= 768px: apila header, menú en 2 líneas, franjas intactas */
@media (max-width: 768px) {
  /* Header: título arriba, logo abajo */
  .header_bg table tr:nth-child(2) td { display: block; width: 100% !important; text-align: center !important; padding: 6px 0 !important; }
  .header_bg td.minitest_txt02 { padding-left: 0 !important; }
  .minitest_txt02 { font-size: 36px; }

  /* Subfranja del menú: permite wraps y centra */
  .header_bg td[align="center"] { padding: 8px 6px !important; }
  .header_bg font.menu_top_link_textSelected,
  .header_bg font.menu_top_link_text {
    display: inline-block;
    margin: 4px 6px;
    font-size: 15px;
    color:#fff;
  }
    body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(5),
    body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(3),
    body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(4) > td > span:nth-child(7)
    {
      display: none;
    }
  /* Texto del cuerpo con márgenes cómodos */
  table[width="970"] td { padding-left: 12px; padding-right: 12px; }
}

/* <= 600px: una columna, tipografías cómodas, franjas full-width */
@media (max-width: 600px) {
  .minitest_txt02 { font-size: 28px; letter-spacing: 0; }
  img[name="logo_BT"] { max-width: 140px; margin: 6px auto; display: block; }

  /* Menú en bloque centrado */
  .header_bg font.menu_top_link_textSelected,
  .header_bg font.menu_top_link_text { color:#FFF; display: block; margin: 0; max-width: 90%; text-align: center; }

  .general_txt09 p { font-size: 15px; line-height: 1.6; }
  .footer_txt { font-size: 12px; }
  body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(4) > td > span,
  body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(3),
  body > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(5)
  {
    display: none;
  }
}

/* <= 400px: micro-ajuste */
@media (max-width: 400px) {
  .minitest_txt02 { font-size: 24px; }
}
.general_aviso_privacidad{
color: var(--violeta);
}

    /* Cambiar barra de título */
.ui-dialog .ui-dialog-titlebar {
  background: #8600ef;       /* color sólido o linear-gradient */
  color: #fff;
  border: none;
  border-radius: 0;
}

/* Cambiar el texto del título */
.ui-dialog .ui-dialog-title {
  color: #fff;
  font-weight: bold;
}

/* Botón de cerrar */
/*.ui-dialog .ui-dialog-titlebar-close {
  background: transparent;   /* quita sprite 
  border: none;
}*/
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > button{
  display: block !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  text-indent: 0;
  color: #fff;
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close::after {
  content: "✕";              /* caracter X */
  font-size: 14px;
  color: #fff;
}

/* Cambiar borde general del cuadro */
.ui-dialog {
  border: 2px solid #8600ef;
  border-radius: 6px;
}
/* Botón normal */
.ui-dialog .ui-dialog-buttonpane button {
  background: #8600ef;                   /* color sólido */
  background: linear-gradient(#a64cff, #8600ef); /* degradado opcional */
  border: 1px solid #5c00a8;
  color: #fff;
  font-weight: bold;
  padding: .4em 1.2em;
  border-radius: 4px;
  cursor: pointer;
}

/* Hover */
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: #a64cff;
  border-color: #8600ef;
}

/* Activo (al dar clic) */
.ui-dialog .ui-dialog-buttonpane button:active {
  background: #5c00a8;
  border-color: #4b008a;
}

/* Para quitar sprites viejos de jQuery UI */
.ui-dialog .ui-dialog-buttonpane button .ui-icon {
  background-image: none;
}