/* Biodieta - Guias 1.0.19: correcciones moviles globales (cabecera y carruseles).
   Solo actua en pantallas <= 767 px. Para revertir: quitar el enqueue o borrar este archivo. */
@media (max-width: 767px) {
  /* Cabecera compacta y de altura constante: evita el salto de ~266 px al hacer scroll */
  header.tc-header,
  .sticky-enabled .tc-header {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    height: 72px !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    overflow: visible;
  }
  header.tc-header .brand {
    float: left !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    order: 1;
    padding: 8px 12px !important;
    width: auto !important;
  }
  header.tc-header .brand .site-logo img,
  .sticky-enabled .tc-shrink-on .site-logo img {
    height: 44px !important;
    max-width: none !important;
    width: 44px !important;
  }
  header.tc-header .container.outside { display: none !important; }
  header.tc-header .navbar-wrapper {
    float: none !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0;
    order: 2;
    width: auto !important;
  }
  header.tc-header .navbar-wrapper .navbar-inner,
  .sticky-enabled .tc-header .navbar .navbar-inner {
    margin: 0 8px !important;
    min-height: 44px !important;
  }

  /* Menu desplegable legible: fondo solido para que no se transparente el contenido */
  header.tc-header .nav-collapse {
    background: #fff !important;
  }

  /* Carruseles de portada: el texto nunca sale de su recuadro */
  .carousel-caption {
    background: rgba(45, 25, 35, .62) !important;
    border-radius: 14px;
    bottom: auto !important;
    box-sizing: border-box !important;
    height: auto !important;
    left: 12px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
  }
  .carousel-caption .slide-title {
    box-sizing: border-box !important;
    font-size: clamp(17px, 5.2vw, 22px) !important;
    height: auto !important;
    hyphens: auto;
    letter-spacing: .4px !important;
    line-height: 1.25 !important;
    margin: 0 0 8px !important;
    overflow-wrap: break-word;
    padding: 8px 12px !important;
  }
  .carousel-caption .lead {
    display: block !important;
    font-size: clamp(12px, 3.6vw, 14px) !important;
    height: auto !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    max-height: none !important;
    padding: 0 !important;
  }
  .carousel-caption .btn {
    font-size: 13px !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 9px 14px !important;
    white-space: normal;
    width: auto !important;
  }

  /* Titulos de pagina con espaciado enorme entre letras */
  .entry-title,
  .bd-sport-title,
  .bd-weight-title {
    font-size: clamp(24px, 7.5vw, 32px) !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    overflow-wrap: break-word !important;
  }

  /* Carrusel: la caja crece para que el texto nunca se recorte y la foto la cubre entera */
  body:not(.home) .carousel.customizr-slide,
  body:not(.home) .carousel.customizr-slide .carousel-inner,
  body:not(.home) .carousel.customizr-slide .czr-item,
  body:not(.home) .carousel.customizr-slide .item {
    height: auto !important;
    min-height: 360px !important;
  }
  body:not(.home) .carousel.customizr-slide .czr-item .carousel-image {
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
  body:not(.home) .carousel.customizr-slide .czr-item .carousel-image img {
    height: 100% !important;
    left: 0 !important;
    max-width: none !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
  }
}