@charset "utf-8";
/* ======================================================
   BRAVE / CHROMIUM FIX
   Layout clásico 600px con tablas
   Estable y compatible
   ====================================================== */

/* --- 1. Modelo de caja predecible --- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* --- 2. Contenedor principal fijo --- */
.wrapper {
  width: 600px;
  max-width: 600px;
  margin: 0 auto;
  overflow-x: hidden;
}

/* --- 3. Celdas no empujan el ancho --- */
td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  vertical-align: top;
}

/* --- 4. Video HTML5 --- */
.media-bloque {
  max-width: 390px;
  margin: 0 auto;
  overflow: hidden;
}

video {
  display: block;
  max-width: 100%;
  height: auto;
}

/* --- 5. Imágenes --- */
img {
  max-width: 100%;
  height: auto;
}

/* Excepción para iconos pequeños */
img[width][height] {
  max-width: none;
}

/* --- 6. Menú desplegable clásico --- */
#header {
  position: relative;
  z-index: 100;
}

#header ul.nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

#header ul.nav > li {
  position: relative;
}

#header ul.nav li ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}

/* --- 7. Evitar colapsos por floats antiguos --- */
.section::after {
  content: "";
  display: block;
  clear: both;
}

/* --- 8. Fuentes y zoom consistentes --- */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* --- 9. Ancho mínimo clásico --- */
body {
  min-width: 600px;
}

/* --- 10. Compatibilidad impresión / pantalla --- */
@media screen {
  .print-only-title,
  .print-video-placeholder {
    display: none;
  }
}

@media print {
  video,
  .screen-only-video {
    display: none !important;
  }
}

/* --- 11. Elementos obsoletos --- */
center {
  display: block;
  text-align: center;
}

/* ======================================================
   MENÚ SUPERIOR / INFERIOR
   Separación horizontal estable
   ====================================================== */

.menu-principal td {
  padding: 4px 8px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-wrap: normal;
}

.menu-principal td + td {
  border-left: 1px solid #555;
}

.menu-principal td + td::before {
  content: "|";
  color: #777;
  padding-right: 10px;
}

.menu-principal a {
  display: inline-block;
  text-decoration: none;
}

/* ======================================================
   COLUMNA DERECHA
   ====================================================== */

.col-der {
  text-align: center;
}

.col-der img {
  display: inline-block;
}

/* Ajustes clásicos por width HTML */
td[width="143"],
td[width="143"] table {
  text-align: center;
  margin: 0 auto;
}

td[width="200"] img {
  max-width: 180px;
  height: auto;
}

/* ======================================================
   AJUSTES EXCLUSIVOS – layout 600px
   ====================================================== */

#contenedor {
  width: 600px;
  max-width: 600px;
  margin: 0 auto;
  overflow-x: hidden;
}

/* Columna derecha blindada */
#contenedor td[width="200"] {
  width: 200px;
  max-width: 200px;
  padding-left: 6px;
  text-align: center;
}

#contenedor td[width="200"] img {
  max-width: 180px;
  height: auto;
}

#contenedor td[width="200"] table {
  width: 180px;
  margin: 0 auto;
  border-collapse: collapse;
}
@media print {
  .btn-flotante {
    display: none !important;
  }
}
/* ==============================
   TÍTULO SOLO PARA IMPRESIÓN
   ============================== */
.print-only-title {
  display: none;
}

@media print {

  .print-only-title {
    display: block;
    border: none !important;
    outline: none !important;
    background: transparent !important;

   font-size: 26pt;
   letter-spacing: 0.5px;
    font-weight: bold;
    text-align: center;
    margin: 18px 0 24px 0;
    padding: 0;
    text-transform: uppercase;
    color: #000;
    font-family: "Times New Roman", serif;
  }

  /* ocultar imagen-título decorativa */
  .contenedor-tres-estados {
    display: none !important;
  }
}