/* ------------------------------------------------
   Konk · ajustes propios sobre la plantilla (07/11/2026)
   Se carga después de main.css. main.css queda sin tocar.
   ------------------------------------------------ */

/* 1. Franja negra detrás del menú y el logo.
      Aparece cuando la página ya bajó (clase konk-bajo, la pone app.js),
      así los títulos no se mezclan con el menú. En la portada no se ve. */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 92px;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(to bottom, #000 0, #000 56px, rgba(0, 0, 0, .8) 72px, rgba(0, 0, 0, 0) 92px);
  opacity: 0;
  transition: opacity .3s ease;
}
.konk-bajo body::before {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  body::before {
    height: 104px;
    background: linear-gradient(to bottom, #000 0, #000 66px, rgba(0, 0, 0, .8) 84px, rgba(0, 0, 0, 0) 104px);
  }
}
@media only screen and (min-width: 1200px) {
  /* menú arriba al centro: la franja cubre también los 50 px del menú */
  body::before {
    height: 136px;
    background: linear-gradient(to bottom, #000 0, #000 90px, rgba(0, 0, 0, .8) 110px, rgba(0, 0, 0, 0) 136px);
  }
  .header {
    z-index: 11;
  }
}

/* 2. Celular y tablet: la barra de abajo y el botón «subir» con fondo oscuro,
      para que los íconos no queden encima del texto. */
@media only screen and (max-width: 1199px) {
  .header,
  #to-top {
    background-color: rgba(12, 12, 14, .78);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

/* 3. Celular: las flechas del carrusel de casos medían 23 px.
      Se agranda la zona que se puede tocar sin mover el dibujo. */
@media only screen and (max-width: 767px) {
  .testimonials-slider .swiper-button-prev a.btn,
  .testimonials-slider .swiper-button-next a.btn {
    padding: 11px;
    margin: -11px;
  }
}

/* 4. Listas de «Otros servicios» (antes sueltas, sin <ul>) */
.konk-lista {
  margin: 1.4rem 0 0;
  padding-left: 1.2em;
  list-style: disc outside;
  color: var(--t-bright);
  font-size: 1.6rem;
  line-height: 1.6;
}
.konk-lista li + li {
  margin-top: .4rem;
}
@media only screen and (min-width: 1200px) {
  .konk-lista {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .konk-lista {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1600px) {
  .konk-lista {
    font-size: 2.2rem;
  }
}

/* 5. «Producciones audiovisuales»: link a la postulación de casting, al lado de «Agendá una produ» */
.konk-enlace-casting {
  margin-left: 2.4rem;
}