/* GCH Insight Carousel PRO
   - Tarjeta de publicacion: carrusel cuadrado arriba.
   - Detalle/Fancybox/modal: carrusel horizontal amplio.
   - Este archivo se carga al final para neutralizar parches anteriores. */

:root{
  --gch-carousel-gold:#e2b356;
  --gch-carousel-ink:#080705;
  --gch-carousel-soft:#f3ede2;
}

/* === CARD / PUBLICACION: CUADRADO === */
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card{
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media{
  position:relative !important;
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:24px 24px 0 0 !important;
  background:var(--gch-carousel-soft) !important;
  isolation:isolate !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media::before,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media::after,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media::before,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media::after{
  display:none !important;
  content:none !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media > img,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border-radius:0 !important;
  z-index:1 !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media > span,
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media > span{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  z-index:30 !important;
  max-width:calc(100% - 28px) !important;
  border-radius:999px !important;
  padding:7px 11px !important;
  background:rgba(8,7,5,.72) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  backdrop-filter:blur(10px) !important;
  line-height:1 !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* El carrusel dentro de la tarjeta siempre ocupa todo el cuadrado. */
html body.site-public main.site-stage section.face#insights .insights-card-grid .gch-insight-card-media > .gch-insight-carousel,
html body.site-public main.site-stage section.face#insights .insights-card-grid .gch-insight-card-media > .gch-insight-carousel-pro{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  border-radius:inherit !important;
  z-index:5 !important;
}

/* Estructura base del carrusel. */
.gch-insight-carousel,
.gch-insight-carousel-pro{
  position:relative !important;
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  background:var(--gch-carousel-soft) !important;
  isolation:isolate !important;
}

.gch-insight-carousel .gch-insight-carousel-track,
.gch-insight-carousel-pro .gch-insight-carousel-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  overflow:hidden !important;
}

.gch-insight-carousel .gch-insight-carousel-slide,
.gch-insight-carousel-pro .gch-insight-carousel-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:scale(1.015) !important;
  transition:opacity .35s ease, transform .55s ease, visibility .35s ease !important;
  z-index:0 !important;
}

.gch-insight-carousel .gch-insight-carousel-slide.is-active,
.gch-insight-carousel-pro .gch-insight-carousel-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
  transform:scale(1) !important;
  z-index:2 !important;
}

.gch-insight-carousel .gch-insight-carousel-slide img,
.gch-insight-carousel-pro .gch-insight-carousel-slide img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

.gch-insight-carousel .gch-insight-carousel-btn,
.gch-insight-carousel-pro .gch-insight-carousel-btn{
  position:absolute !important;
  top:50% !important;
  z-index:40 !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.30) !important;
  background:rgba(8,7,5,.58) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:400 !important;
  cursor:pointer !important;
  transform:translateY(-50%) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(10px) !important;
  pointer-events:auto !important;
}

.gch-insight-carousel .gch-insight-carousel-btn:hover,
.gch-insight-carousel-pro .gch-insight-carousel-btn:hover{
  background:rgba(226,179,86,.94) !important;
  color:#111 !important;
}

.gch-insight-carousel .gch-insight-carousel-btn.is-prev,
.gch-insight-carousel-pro .gch-insight-carousel-btn.is-prev{left:12px !important;}
.gch-insight-carousel .gch-insight-carousel-btn.is-next,
.gch-insight-carousel-pro .gch-insight-carousel-btn.is-next{right:12px !important;}

.gch-insight-carousel .gch-insight-carousel-dots,
.gch-insight-carousel-pro .gch-insight-carousel-dots{
  position:absolute !important;
  left:50% !important;
  bottom:14px !important;
  z-index:41 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  transform:translateX(-50%) !important;
  padding:6px 8px !important;
  border-radius:999px !important;
  background:rgba(8,7,5,.46) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(10px) !important;
  pointer-events:auto !important;
}

.gch-insight-carousel .gch-insight-carousel-dots button,
.gch-insight-carousel-pro .gch-insight-carousel-dots button{
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.62) !important;
  cursor:pointer !important;
  opacity:1 !important;
}

.gch-insight-carousel .gch-insight-carousel-dots button.is-active,
.gch-insight-carousel-pro .gch-insight-carousel-dots button.is-active{
  width:19px !important;
  background:var(--gch-carousel-gold) !important;
}

/* En tarjeta no dejes controles tapados por la etiqueta. */
html body.site-public main.site-stage section.face#insights .insights-card-grid .gch-insight-card-media > .gch-insight-carousel .gch-insight-carousel-dots{
  bottom:46px !important;
}

/* Título y sumilla siempre debajo del cuadrado. */
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  flex:1 1 auto !important;
  padding:16px 17px 18px !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body h3{
  order:1 !important;
  margin:0 !important;
  font-size:18px !important;
  line-height:1.16 !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body p{
  order:2 !important;
  margin:0 !important;
  font-size:12.2px !important;
  line-height:1.48 !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body .insight-card-category{
  order:3 !important;
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  margin:2px 0 0 !important;
  color:#b77918 !important;
}

html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body .insight-author{order:4 !important;}
html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-card-body .insight-detail-button{order:5 !important;}

/* === FANCYBOX / MODAL: SE MANTIENE HORIZONTAL === */
.gch-insight-detail-view > .gch-insight-carousel,
.gch-insight-detail-view > .gch-insight-carousel-pro,
.modal-body .gch-insight-detail-view > .gch-insight-carousel,
.modal-body .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro,
.modal-body .gch-insight-carousel-fancybox,
.fancybox__content .gch-insight-carousel-fancybox,
.fancybox-content .gch-insight-carousel-fancybox{
  position:relative !important;
  width:100% !important;
  max-width:860px !important;
  height:auto !important;
  min-height:320px !important;
  aspect-ratio:16 / 9 !important;
  margin:0 auto 24px !important;
  border-radius:26px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.20) !important;
}

.gch-insight-detail-view > .gch-insight-detail-image{
  width:100% !important;
  max-width:860px !important;
  aspect-ratio:16 / 9 !important;
  min-height:320px !important;
  margin:0 auto 24px !important;
  border-radius:26px !important;
  overflow:hidden !important;
}

.gch-insight-detail-view > .gch-insight-detail-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.modal-body .gch-insight-detail-head,
.fancybox__content .gch-insight-detail-head,
.fancybox-content .gch-insight-detail-head{margin-top:0 !important;}

/* === Móvil: publicaciones cuadradas también === */
body.gchm-body .gchm-insights-list article{
  overflow:hidden !important;
}

body.gchm-body .gchm-insights-list .gch-insight-carousel,
body.gchm-body .gchm-insights-list .gch-insight-carousel-pro,
body.gchm-body .gchm-insights-list article > img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  border-radius:18px !important;
  margin:0 0 12px !important;
  overflow:hidden !important;
  object-fit:cover !important;
}

body.gchm-body .gchm-insights-list .gch-insight-carousel .gch-insight-carousel-dots,
body.gchm-body .gchm-insights-list .gch-insight-carousel-pro .gch-insight-carousel-dots{
  bottom:12px !important;
}

@media(max-width:820px){
  html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-cover.gch-insight-card-media,
  html body.site-public main.site-stage section.face#insights .insights-card-grid .insight-card.insight-db-card > .insight-db-cover.gch-insight-card-media{
    border-radius:20px 20px 0 0 !important;
  }

  .gch-insight-detail-view > .gch-insight-carousel,
  .gch-insight-detail-view > .gch-insight-carousel-pro,
  .modal-body .gch-insight-carousel,
  .modal-body .gch-insight-carousel-pro,
  .fancybox__content .gch-insight-carousel,
  .fancybox__content .gch-insight-carousel-pro,
  .fancybox-content .gch-insight-carousel,
  .fancybox-content .gch-insight-carousel-pro{
    min-height:220px !important;
    border-radius:18px !important;
  }

  .gch-insight-carousel .gch-insight-carousel-btn,
  .gch-insight-carousel-pro .gch-insight-carousel-btn{
    width:34px !important;
    height:34px !important;
    font-size:25px !important;
  }
}

/* === PATCH 2026-06-07: DETALLE / FANCYBOX CUADRADO FULL ===
   El carrusel/imagen del detalle de Insights debe verse cuadrado y tomar todo
   el ancho disponible del popup, sin quedar horizontal ni pequeño. */
body.site-public .modal.is-insight-detail .modal-card{
  width:min(1060px, 96vw) !important;
  max-height:94svh !important;
  overflow-y:auto !important;
}

body.site-public .modal.is-insight-detail .modal-body{
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  gap:22px !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-fancybox,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-fancybox,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-fancybox{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  margin:0 auto 24px !important;
  padding:0 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, #fff8eb 0%, #eee2cf 100%) !important;
  box-shadow:0 30px 90px rgba(17, 12, 5, .24) !important;
  isolation:isolate !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-track,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-track,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-track,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-track,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-track,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-track{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-slide,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-slide,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-slide,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-slide,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-slide,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel img,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro img,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel img,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro img,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel img,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-detail-image,
.fancybox__content .gch-insight-detail-view > .gch-insight-detail-image,
.fancybox-content .gch-insight-detail-view > .gch-insight-detail-image{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:1 / 1 !important;
  margin:0 auto 24px !important;
  padding:0 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, #fff8eb 0%, #eee2cf 100%) !important;
  box-shadow:0 30px 90px rgba(17, 12, 5, .24) !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-detail-image img,
.fancybox__content .gch-insight-detail-view > .gch-insight-detail-image img,
.fancybox-content .gch-insight-detail-view > .gch-insight-detail-image img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.site-public .modal.is-insight-detail .gch-insight-carousel-btn{
  width:44px !important;
  height:44px !important;
  font-size:32px !important;
  background:rgba(8,7,5,.62) !important;
}

body.site-public .modal.is-insight-detail .gch-insight-carousel-dots{
  bottom:18px !important;
}

@media(max-width:820px){
  body.site-public .modal.is-insight-detail .modal-card{
    width:96vw !important;
    max-height:94svh !important;
  }
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel,
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro,
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-detail-image,
  .fancybox__content .gch-insight-detail-view > .gch-insight-carousel,
  .fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro,
  .fancybox__content .gch-insight-detail-view > .gch-insight-detail-image,
  .fancybox-content .gch-insight-detail-view > .gch-insight-carousel,
  .fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro,
  .fancybox-content .gch-insight-detail-view > .gch-insight-detail-image{
    border-radius:20px !important;
    margin-bottom:18px !important;
  }
}

/* === PATCH FINAL 2026-06-07: DETALLE BONITO EN PANTALLA + SIN PUNTOS EN TARJETA ===
   - El detalle ya no ocupa toda la pantalla con una imagen gigante.
   - La imagen/carrusel del detalle queda cuadrado, centrado y limitado por alto de pantalla.
   - En las tarjetas iniciales se ocultan los puntitos para no tapar la imagen. */

/* Quitar puntos únicamente en tarjetas/publicaciones iniciales. */
html body.site-public main.site-stage section.face#insights .insights-card-grid .gch-insight-card-media > .gch-insight-carousel .gch-insight-carousel-dots,
html body.site-public main.site-stage section.face#insights .insights-card-grid .gch-insight-card-media > .gch-insight-carousel-pro .gch-insight-carousel-dots,
body.gchm-body .gchm-insights-list .gch-insight-carousel-card .gch-insight-carousel-dots,
body.gchm-body .gchm-insights-list .gch-insight-carousel-mobile-card .gch-insight-carousel-dots{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Modal más equilibrado: ancho profesional, scroll interno y sin imagen invasiva. */
body.site-public .modal.is-insight-detail .modal-card{
  width:min(920px, 94vw) !important;
  max-width:920px !important;
  max-height:92svh !important;
  overflow-y:auto !important;
  border-radius:28px !important;
}

body.site-public .modal.is-insight-detail .modal-body{
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-view{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  display:block !important;
}

/* Imagen/carrusel del detalle: cuadrado, centrado y con límite real por viewport. */
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-fancybox,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-fancybox,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-fancybox,
body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-detail-image,
.fancybox__content .gch-insight-detail-view > .gch-insight-detail-image,
.fancybox-content .gch-insight-detail-view > .gch-insight-detail-image{
  width:min(100%, 620px, 58svh) !important;
  max-width:min(100%, 620px, 58svh) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:1 / 1 !important;
  margin:0 auto 22px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, #fff8eb 0%, #eee2cf 100%) !important;
  box-shadow:0 18px 48px rgba(17,12,5,.18) !important;
}

/* Contenido debajo ordenado y legible. */
body.site-public .modal.is-insight-detail .gch-insight-detail-head,
.fancybox__content .gch-insight-detail-head,
.fancybox-content .gch-insight-detail-head{
  max-width:760px !important;
  margin:0 auto 18px !important;
  text-align:left !important;
}

body.site-public .modal.is-insight-detail .gch-insight-detail-content,
.fancybox__content .gch-insight-detail-content,
.fancybox-content .gch-insight-detail-content{
  max-width:760px !important;
  margin:0 auto !important;
}

/* En detalle sí se mantienen puntos y flechas, pero más discretos. */
body.site-public .modal.is-insight-detail .gch-insight-carousel-dots,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-dots,
.fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-dots,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel .gch-insight-carousel-dots,
.fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro .gch-insight-carousel-dots{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  bottom:14px !important;
  transform:translateX(-50%) scale(.88) !important;
}

body.site-public .modal.is-insight-detail .gch-insight-carousel-btn,
.fancybox__content .gch-insight-detail-view .gch-insight-carousel-btn,
.fancybox-content .gch-insight-detail-view .gch-insight-carousel-btn{
  width:38px !important;
  height:38px !important;
  font-size:28px !important;
  background:rgba(8,7,5,.54) !important;
}

@media(max-width:820px){
  body.site-public .modal.is-insight-detail .modal-card{
    width:94vw !important;
    max-height:91svh !important;
    border-radius:22px !important;
  }

  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel,
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-pro,
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-carousel-fancybox,
  body.site-public .modal.is-insight-detail .gch-insight-detail-view > .gch-insight-detail-image,
  .fancybox__content .gch-insight-detail-view > .gch-insight-carousel,
  .fancybox__content .gch-insight-detail-view > .gch-insight-carousel-pro,
  .fancybox__content .gch-insight-detail-view > .gch-insight-detail-image,
  .fancybox-content .gch-insight-detail-view > .gch-insight-carousel,
  .fancybox-content .gch-insight-detail-view > .gch-insight-carousel-pro,
  .fancybox-content .gch-insight-detail-view > .gch-insight-detail-image{
    width:min(100%, 72svh) !important;
    max-width:min(100%, 72svh) !important;
    border-radius:18px !important;
    margin-bottom:16px !important;
  }

  body.site-public .modal.is-insight-detail .gch-insight-carousel-btn,
  .fancybox__content .gch-insight-detail-view .gch-insight-carousel-btn,
  .fancybox-content .gch-insight-detail-view .gch-insight-carousel-btn{
    width:34px !important;
    height:34px !important;
    font-size:25px !important;
  }
}