/* ==========================================================
   TTÓPERA TRAVEL
   AJUSTE GLOBAL DE LEGIBILIDAD Y ACCESIBILIDAD

   Pegar completo en:
   Diseño > Avanzado > Hoja de estilo en cascada (CSS)
   ========================================================== */


/* ==========================================================
   1. CONTENEDORES PRINCIPALES DE TRAVEL
   ========================================================== */

#viajes,
#tipos-de-viaje,
#viajes-destacados,
#como-reservar,
#por-que-ttopera-travel,
#cotizar-viaje,
#cierre-travel,
#viajes-internacionales,
#europa-esencial,
#cotizar-europa,
#explorar-viajes,
#disena-tu-viaje,
#asesoria-internacional,
#viajes-disponibles,
#experiencia,
#itinerario,
#incluye,
#galeria {
  font-size: 16px !important;
  line-height: 1.55 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* ==========================================================
   2. PÁRRAFOS Y TEXTOS DESCRIPTIVOS
   ========================================================== */

#viajes p,
#tipos-de-viaje p,
#viajes-destacados p,
#como-reservar p,
#por-que-ttopera-travel p,
#cotizar-viaje p,
#cierre-travel p,
#viajes-internacionales p,
#europa-esencial p,
#cotizar-europa p,
#explorar-viajes p,
#disena-tu-viaje p,
#asesoria-internacional p,
#viajes-disponibles p,
#experiencia p,
#itinerario p,
#incluye p,
#galeria p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}


/* ==========================================================
   3. TEXTOS INFORMATIVOS DEMASIADO PEQUEÑOS

   Corrige elementos creados con tamaños inline de:
   8px, 9px, 10px y 11px.
   ========================================================== */

#viajes [style*="font-size:8px"],
#tipos-de-viaje [style*="font-size:8px"],
#viajes-destacados [style*="font-size:8px"],
#como-reservar [style*="font-size:8px"],
#por-que-ttopera-travel [style*="font-size:8px"],
#cotizar-viaje [style*="font-size:8px"],
#cierre-travel [style*="font-size:8px"],
#viajes-internacionales [style*="font-size:8px"],
#europa-esencial [style*="font-size:8px"] {
  font-size: 13px !important;
  line-height: 1.45 !important;
}


#viajes [style*="font-size:9px"],
#tipos-de-viaje [style*="font-size:9px"],
#viajes-destacados [style*="font-size:9px"],
#como-reservar [style*="font-size:9px"],
#por-que-ttopera-travel [style*="font-size:9px"],
#cotizar-viaje [style*="font-size:9px"],
#cierre-travel [style*="font-size:9px"],
#viajes-internacionales [style*="font-size:9px"],
#europa-esencial [style*="font-size:9px"] {
  font-size: 13px !important;
  line-height: 1.45 !important;
}


#viajes [style*="font-size:10px"],
#tipos-de-viaje [style*="font-size:10px"],
#viajes-destacados [style*="font-size:10px"],
#como-reservar [style*="font-size:10px"],
#por-que-ttopera-travel [style*="font-size:10px"],
#cotizar-viaje [style*="font-size:10px"],
#cierre-travel [style*="font-size:10px"],
#viajes-internacionales [style*="font-size:10px"],
#europa-esencial [style*="font-size:10px"] {
  font-size: 14px !important;
  line-height: 1.5 !important;
}


#viajes [style*="font-size:11px"],
#tipos-de-viaje [style*="font-size:11px"],
#viajes-destacados [style*="font-size:11px"],
#como-reservar [style*="font-size:11px"],
#por-que-ttopera-travel [style*="font-size:11px"],
#cotizar-viaje [style*="font-size:11px"],
#cierre-travel [style*="font-size:11px"],
#viajes-internacionales [style*="font-size:11px"],
#europa-esencial [style*="font-size:11px"] {
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/* ==========================================================
   4. TEXTOS SECUNDARIOS DE 12 Y 13 PX
   ========================================================== */

#viajes [style*="font-size:12px"],
#tipos-de-viaje [style*="font-size:12px"],
#viajes-destacados [style*="font-size:12px"],
#como-reservar [style*="font-size:12px"],
#por-que-ttopera-travel [style*="font-size:12px"],
#cotizar-viaje [style*="font-size:12px"],
#cierre-travel [style*="font-size:12px"],
#viajes-internacionales [style*="font-size:12px"],
#europa-esencial [style*="font-size:12px"] {
  font-size: 15px !important;
  line-height: 1.55 !important;
}


#viajes [style*="font-size:13px"],
#tipos-de-viaje [style*="font-size:13px"],
#viajes-destacados [style*="font-size:13px"],
#como-reservar [style*="font-size:13px"],
#por-que-ttopera-travel [style*="font-size:13px"],
#cotizar-viaje [style*="font-size:13px"],
#cierre-travel [style*="font-size:13px"],
#viajes-internacionales [style*="font-size:13px"],
#europa-esencial [style*="font-size:13px"] {
  font-size: 15px !important;
  line-height: 1.55 !important;
}


/* ==========================================================
   5. BOTONES Y ENLACES DE ACCIÓN
   ========================================================== */

#viajes a,
#tipos-de-viaje a,
#viajes-destacados a,
#como-reservar a,
#por-que-ttopera-travel a,
#cotizar-viaje a,
#cierre-travel a,
#viajes-internacionales a,
#europa-esencial a,
#cotizar-viaje button {
  font-size: 15px !important;
  line-height: 1.35 !important;
}


/* Mantiene suficientemente grandes los botones principales */

#viajes a[style*="min-height"],
#tipos-de-viaje a[style*="min-height"],
#viajes-destacados a[style*="min-height"],
#como-reservar a[style*="min-height"],
#por-que-ttopera-travel a[style*="min-height"],
#cotizar-viaje a[style*="min-height"],
#cierre-travel a[style*="min-height"],
#viajes-internacionales a[style*="min-height"],
#europa-esencial a[style*="min-height"],
#cotizar-viaje button {
  min-height: 54px !important;
}


/* ==========================================================
   6. FORMULARIO DE VIAJES
   ========================================================== */

#cotizar-viaje label {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}


#cotizar-viaje input,
#cotizar-viaje select,
#cotizar-viaje textarea {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #102b3a !important;
}


#cotizar-viaje input,
#cotizar-viaje select {
  min-height: 56px !important;
}


#cotizar-viaje textarea {
  min-height: 140px !important;
}


#cotizar-viaje input::placeholder,
#cotizar-viaje textarea::placeholder {
  color: #7b898f !important;
  opacity: 1 !important;
}


#cotizar-viaje button {
  min-height: 60px !important;
  font-size: 16px !important;
}


/* ==========================================================
   7. TÍTULOS DE TARJETAS
   ========================================================== */

#viajes h3,
#tipos-de-viaje h3,
#viajes-destacados h3,
#como-reservar h3,
#por-que-ttopera-travel h3,
#cotizar-viaje h3,
#cierre-travel h3,
#viajes-internacionales h3,
#europa-esencial h3 {
  line-height: 1.12 !important;
}


/* ==========================================================
   8. DETALLES E ITINERARIOS
   ========================================================== */

#europa-esencial summary,
#itinerario summary {
  font-size: 16px !important;
  line-height: 1.45 !important;
}


#europa-esencial details div,
#itinerario details div {
  font-size: 16px !important;
  line-height: 1.65 !important;
}


/* ==========================================================
   9. CONTRASTE DE TEXTOS GRISES

   Mejora la lectura sin modificar los textos blancos
   colocados sobre fotografías o fondos oscuros.
   ========================================================== */

#viajes p,
#tipos-de-viaje p,
#viajes-destacados p,
#como-reservar p,
#por-que-ttopera-travel p,
#cotizar-viaje p,
#viajes-internacionales p,
#europa-esencial p {
  color: #536871;
}


/* Conserva blanco en bloques oscuros */

#cierre-travel,
#cierre-travel p,
#cierre-travel h1,
#cierre-travel h2,
#cierre-travel h3 {
  color: #ffffff !important;
}


/* ==========================================================
   10. TABLET Y LAPTOP
   ========================================================== */

@media (max-width: 1200px) {

  #viajes p,
  #tipos-de-viaje p,
  #viajes-destacados p,
  #como-reservar p,
  #por-que-ttopera-travel p,
  #cotizar-viaje p,
  #cierre-travel p,
  #viajes-internacionales p,
  #europa-esencial p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }


  #viajes a,
  #tipos-de-viaje a,
  #viajes-destacados a,
  #como-reservar a,
  #por-que-ttopera-travel a,
  #cotizar-viaje a,
  #cierre-travel a,
  #viajes-internacionales a,
  #europa-esencial a,
  #cotizar-viaje button {
    font-size: 15px !important;
  }

}


/* ==========================================================
   11. MÓVIL
   ========================================================== */

@media (max-width: 767px) {

  #viajes,
  #tipos-de-viaje,
  #viajes-destacados,
  #como-reservar,
  #por-que-ttopera-travel,
  #cotizar-viaje,
  #cierre-travel,
  #viajes-internacionales,
  #europa-esencial {
    font-size: 17px !important;
  }


  #viajes p,
  #tipos-de-viaje p,
  #viajes-destacados p,
  #como-reservar p,
  #por-que-ttopera-travel p,
  #cotizar-viaje p,
  #cierre-travel p,
  #viajes-internacionales p,
  #europa-esencial p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }


  #viajes a,
  #tipos-de-viaje a,
  #viajes-destacados a,
  #como-reservar a,
  #por-que-ttopera-travel a,
  #cotizar-viaje a,
  #cierre-travel a,
  #viajes-internacionales a,
  #europa-esencial a,
  #cotizar-viaje button {
    font-size: 16px !important;
  }


  #cotizar-viaje label {
    font-size: 16px !important;
  }


  #cotizar-viaje input,
  #cotizar-viaje select,
  #cotizar-viaje textarea {
    font-size: 16px !important;
  }


  #europa-esencial summary,
  #itinerario summary {
    font-size: 17px !important;
  }

}