/* kali-overrides.css - correcciones sobre el tema
   Creado 2026-09-20. Cargar SIEMPRE despues de main.css.
   Motivo: el tema aplica text-transform:capitalize a ~140 selectores.
   En espanol convierte el texto corrido en Title Case y se lee como error. */

/* BLOQUE A - texto corrido (obligatorio) */
.tg-blog-para,
.tg-blog-standard-item p,
.tg-blog-bottom p,
.tg-blog-blockquote p,
.tg-blog-2-item .tg-blog-text,
.tg-blog-details-video-list ul li p,
.tg-blog-details-review-form p,
.tg-hero-para,
.tg-section-su-para,
.tg-chose-2-content p,
.tg-chose-su-2-wrap .tg-chose-list-content p,
.tg-process-list .tg-chose-list p,
.tg-cta-4-content p,
.tg-tour-about-faq .accordion-body p,
.tg-tour-about-list ul li .text,
.tg-product-details-para,
.tg-product-details-description-content p,
.tg-product-details-description-content ul li,
.tg-testimonial-avatar-para,
.tg-testimonial-4-content-wrap p,
.tg-footer-widget p,
.tg-contact-content-wrap p,
.tg-checkout-para,
.tg-listing-map-list-item .tg-listing-map-list-para,
.tg-pricing-list ul li,
.tg-footer-info ul li {
  text-transform: none;
}

/* BLOQUE B - titulares */
.tg-breadcrumb-title,
.tg-blog-title,
.tg-blog-standard-title,
.tg-blog-details-video-content h3,
.tg-tour-about-title,
.tg-tour-details-video-title,
.tg-listing-card-title,
.tg-location-title,
.tg-section-subtitle,
.tg-section-su-subtitle,
.tg-shop-product-title,
.tg-product-details-title,
.tg-contact-title,
.tg-cta-title,
.tg-chose-2-title,
.tg-counter-title,
.tg-footer-widget-title {
  text-transform: none;
}

/* ---------------------------------------------------------------------------
   Proporcion de las imagenes.

   Al declarar width y height en las etiquetas <img> (22-09-2026) el navegador
   empieza a usar el alto del atributo como alto real siempre que el CSS no fije
   uno. En este tema casi ninguna imagen tenia alto en CSS, asi que quedaron
   estiradas. Esta regla devuelve el alto a automatico.

   Va con la especificidad mas baja posible (una sola etiqueta) a proposito:
   cualquier regla del tema que fije un alto de verdad -como las tarjetas del
   listado, que van a 180 px- le gana y se comporta igual que antes.
   24-09-2026
   --------------------------------------------------------------------------- */
img {
  height: auto;
}

/* ---------------------------------------------------------------------------
   Logo del panel lateral: el ancho tambien vuelve a automatico.

   El tema lo limita solo con max-height: 34px y no dice nada del ancho. Con
   width="244" en el atributo, el navegador respetaba ese ancho mientras la
   altura se recortaba a 34, y aplastaba el logo a 244x34 (el archivo es
   244x125). Con el ancho en automatico se deriva de la altura: 66x34.

   Dirigida a proposito. Un "img { width: auto }" global arreglaria esto pero
   moveria otras imagenes que hoy toman su tamano del atributo -el avatar de la
   portada pasaria de 219 a 329 px-, y eso seria cambiar el diseno.
   24-09-2026
   --------------------------------------------------------------------------- */
.offCanvas__logo img {
  width: auto;
}

/* ---------------------------------------------------------------------------
   Descripcion corta de la ficha: dejar de capitalizar cada palabra.

   El tema envuelve ese parrafo en .text-capitalize, que pone en mayuscula la
   inicial de CADA palabra: "Los Miradores Principales De Torres Del Paine En Un
   Dia". En espanol se lee como un error de redaccion.

   El texto en la base de datos ya esta bien escrito -lo verifique en el HTML
   crudo-, asi que no hay que reescribir contenido: basta con dejar de
   transformarlo al pintarlo. Afecta a las 54 fichas.
   28-09-2026
   --------------------------------------------------------------------------- */
.tg-tour-about-content .text-capitalize {
  /* !important es necesario: Bootstrap declara .text-capitalize con !important,
     asi que sin esto la regla se escribe pero no gana. Lo comprobe midiendo en
     la pagina en vivo, no suponiendo. */
  text-transform: none !important;
}