.balinot-fancybox-gallery {
  display: grid;
  gap: 1rem;
}

.balinot-fancybox-gallery__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.balinot-fancybox-gallery__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  border: 0;
  border-radius: 999px;
  background: var(--color-primary, #111111);
  color: var(--color-secondary, #ffffff);
  padding: 0.85rem 1.35rem;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.balinot-fancybox-gallery__trigger:hover {
  opacity: 0.92;
}

.balinot-fancybox-gallery__grid {
  display: grid;
  gap: 0.9rem;
}

.balinot-fancybox-gallery__grid.is-hidden {
  display: none;
}

.balinot-fancybox-gallery--cols-1 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.balinot-fancybox-gallery--cols-2 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.balinot-fancybox-gallery--cols-3 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.balinot-fancybox-gallery--cols-4 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.balinot-fancybox-gallery--cols-5 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.balinot-fancybox-gallery--cols-6 .balinot-fancybox-gallery__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.balinot-fancybox-gallery__item {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 1rem;
  background: #f7f7f6;
  text-decoration: none;
  aspect-ratio: 1 / 1;
}

.balinot-fancybox-gallery__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fancybox__container {
  --fancybox-bg: rgba(17, 17, 17, 0.88);
  --fancybox-color: #ffffff;
  --f-html-bg: transparent;
  --f-html-padding: 0;
}

.fancybox__container .f-html {
  background: transparent;
}

/* Inline Kokoro (testimonios, equipo): sin scroll horizontal ni recorte del cierre */
.fancybox__slide.has-html.kokoro-testimonios-fancybox,
.fancybox__slide.kokoro-testimonios-fancybox,
.fancybox__slide.has-html.kokoro-equipo-fancybox,
.fancybox__slide.kokoro-equipo-fancybox {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem;
}

.fancybox__slide.has-html.kokoro-testimonios-fancybox .is-close-button,
.fancybox__slide.kokoro-testimonios-fancybox .is-close-button,
.fancybox__slide.has-html.kokoro-equipo-fancybox .is-close-button,
.fancybox__slide.kokoro-equipo-fancybox .is-close-button,
.fancybox__slide.has-html.kokoro-servicio-form-fancybox .is-close-button,
.fancybox__slide.kokoro-servicio-form-fancybox .is-close-button {
  display: none;
}

.fancybox__slide.has-html.kokoro-testimonios-fancybox > .f-html,
.fancybox__slide.kokoro-testimonios-fancybox > .f-html,
.fancybox__slide.has-html.kokoro-equipo-fancybox > .f-html,
.fancybox__slide.kokoro-equipo-fancybox > .f-html {
  width: 100%;
  max-width: calc(100vw - 2rem);
  margin-inline: auto;
  box-sizing: border-box;
  padding: 0;
  overflow-x: hidden;
  background: transparent;
}

.fancybox__slide.has-html.kokoro-equipo-fancybox > .f-html,
.fancybox__slide.kokoro-equipo-fancybox > .f-html {
  max-width: min(52.5rem, calc(100vw - 2rem));
}

.fancybox__slide.has-html.kokoro-testimonios-fancybox > .f-html,
.fancybox__slide.kokoro-testimonios-fancybox > .f-html {
  max-width: min(36rem, calc(100vw - 2rem));
}

.fancybox__toolbar .f-button,
.fancybox__nav .f-button {
  --f-button-bg: rgba(255, 255, 255, 0.14);
  --f-button-hover-bg: rgba(255, 255, 255, 0.22);
  --f-button-active-bg: rgba(255, 255, 255, 0.28);
  --f-button-color: #ffffff;
  --f-button-svg-stroke-width: 1.6;
}

.fancybox__caption {
  font-size: 0.92rem;
  line-height: 1.55;
}

.kokoro-testimonios__lightbox-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: min(36rem, 100%);
  margin-inline: auto;
  max-height: calc(100dvh - 5rem);
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  padding: 2rem 1.5rem;
  border-radius: 0.75rem;
  background: var(--color-corporativo-02, #f6f2e9);
  color: var(--color-corporativo-05, #2f2a26);
}

.kokoro-testimonios__lightbox-author {
  margin: 0 0 0.35rem;
  font-family: var(--font-body, inherit);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-corporativo-04, #7a7268);
}

.kokoro-testimonios__lightbox-date {
  margin: 0 0 1.25rem;
  font-family: var(--font-body, inherit);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-corporativo-04, #7a7268);
}

.kokoro-testimonios__lightbox-quote {
  margin: 0;
  font-family: var(--font-body, inherit);
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-corporativo-05, #2f2a26);
}

.kokoro-testimonios__lightbox-quote p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.kokoro-equipo-lightbox {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

/* Modal CF7 — solicitud de servicio (single servicio) */
.fancybox__slide.has-html.kokoro-servicio-form-fancybox,
.fancybox__slide.kokoro-servicio-form-fancybox {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem;
}

.fancybox__slide.has-html.kokoro-servicio-form-fancybox > .f-html,
.fancybox__slide.kokoro-servicio-form-fancybox > .f-html {
  width: 100%;
  max-width: min(36rem, calc(100vw - 2rem));
  margin-inline: auto;
  box-sizing: border-box;
  padding: 0;
  overflow-x: hidden;
  background: transparent;
}

.kokoro-servicio-form-modal:has(.wpcf7-form.sent) .kokoro-servicio-form-modal__intro {
  display: none;
}

.kokoro-servicio-form-modal:has(.wpcf7-form.sent) .kokoro-contacto-cf7 .wpcf7-form > *:not(.wpcf7-response-output) {
  display: none;
}

.kokoro-servicio-form-modal .wpcf7-form.sent .wpcf7-response-output {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 14rem;
  margin: 0 !important;
  padding: 2rem 1.5rem !important;
  border: 0 !important;
  text-align: center;
  font-family: var(--font-body, inherit);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-corporativo-05, #2f2a26);
}

.kokoro-servicio-form-modal .wpcf7-form.sent .wpcf7-response-output::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background: var(--color-corporativo-05, #2f2a26);
  color: var(--color-corporativo-02, #f6f2e9);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}

@media (min-width: 768px) {
  .kokoro-testimonios__lightbox-shell {
    padding: 2.5rem 2rem;
  }
}

@media (max-width: 767px) {
  .balinot-fancybox-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}