.acg-widget {
  position: relative;
  overflow: visible;
  width: 100%;
  --acg-height: 620px;
  --acg-radius: 24px;
  --acg-image-radius: 20px;
  --acg-column-gap: 24px;
  --acg-inner-gap: 12px;
  --acg-mobile-main-height: 380px;
  --acg-mobile-thumb-height: 84px;
  --acg-mobile-thumb-gap: 10px;
  --acg-arrow-size: 44px;
  --acg-arrow-color: #ffffff;
  --acg-arrow-bg: #f26a6a;
  --acg-arrow-color-hover: #ffffff;
  --acg-arrow-bg-hover: #ea557a;
}

.acg-widget *,
.acg-widget *::before,
.acg-widget *::after {
  box-sizing: border-box;
}

.acg-desktop,
.acg-mobile {
  width: 100%;
}

.acg-widget.is-mobile .acg-desktop,
.acg-widget:not(.is-mobile) .acg-mobile {
  display: none;
}

.acg-widget.is-mobile .acg-mobile,
.acg-widget:not(.is-mobile) .acg-desktop {
  display: block;
}

.acg-carousel {
  position: relative;
  width: 100%;
  height: var(--acg-height);
}

.acg-viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--acg-radius);
}

.acg-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--acg-column-gap);
  width: 100%;
  min-width: 100%;
  height: 100%;
  will-change: transform;
  transition: transform 0.42s ease;
}

.acg-track.is-single .acg-column {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.acg-column {
  flex: 0 0 calc((100% - var(--acg-column-gap)) / 2);
  width: calc((100% - var(--acg-column-gap)) / 2);
  max-width: calc((100% - var(--acg-column-gap)) / 2);
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  gap: var(--acg-inner-gap);
  overflow: hidden;
}

.acg-layout-one_full {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.acg-layout-two_vertical {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.acg-layout-two_horizontal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 1fr;
}

.acg-layout-three_big_left {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.acg-layout-three_big_left > .acg-cell:nth-child(1) {
  grid-row: 1 / span 2;
}

.acg-layout-three_big_top {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.acg-layout-three_big_top > .acg-cell:nth-child(1) {
  grid-column: 1 / span 2;
}

.acg-layout-four_grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.acg-layout-four_mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
  grid-template-rows: 1fr;
}

.acg-mosaic-left,
.acg-mosaic-right {
  min-width: 0;
  min-height: 0;
}

.acg-mosaic-left {
  height: 100%;
}

.acg-mosaic-right {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: var(--acg-inner-gap);
  height: 100%;
}

.acg-cell {
  min-width: 0;
  min-height: 0;
}

.acg-cell,
.acg-cell .acg-image-btn,
.acg-cell .acg-image-frame,
.acg-cell .acg-image,
.acg-mosaic-left .acg-image-btn,
.acg-mosaic-left .acg-image-frame,
.acg-mosaic-left .acg-image,
.acg-mosaic-right .acg-image-btn,
.acg-mosaic-right .acg-image-frame,
.acg-mosaic-right .acg-image {
  width: 100%;
  height: 100%;
}

.acg-image-btn {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  display: block;
  min-width: 0;
  min-height: 0;
  transform: none !important;
  transition: none !important;
}

.acg-image-frame {
  display: block;
  overflow: hidden;
  border-radius: var(--acg-image-radius);
  background: rgba(0, 0, 0, 0.04);
}

.acg-image {
  display: block;
  object-fit: cover;
  object-position: var(--acg-object-position, center center);
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
  filter: none !important;
}

.acg-image-btn:hover,
.acg-image-btn:focus-visible,
.acg-image-btn:hover .acg-image,
.acg-image-btn:focus-visible .acg-image,
.acg-mobile-thumb:hover,
.acg-mobile-thumb:focus-visible,
.acg-mobile-thumb:hover img,
.acg-mobile-thumb:focus-visible img,
.acg-mobile-main:hover,
.acg-mobile-main:focus-visible,
.acg-mobile-main:hover img,
.acg-mobile-main:focus-visible img {
  transform: none !important;
  scale: 1 !important;
  filter: none !important;
}

.acg-nav {
  position: absolute;
  z-index: 3;
  width: var(--acg-arrow-size);
  height: var(--acg-arrow-size);
  border: 0;
  border-radius: 999px;
  background: var(--acg-arrow-bg);
  color: var(--acg-arrow-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.acg-nav:hover {
  background: var(--acg-arrow-bg-hover);
  color: var(--acg-arrow-color-hover);
}

.acg-nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.acg-nav-img {
  width: 58%;
  height: 58%;
  object-fit: contain;
  display: block;
}

.acg-nav svg {
  width: 58%;
  height: 58%;
  display: block;
}

.acg-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.acg-mobile {
  width: 100%;
}

.acg-mobile-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--acg-mobile-thumb-gap);
}

.acg-mobile-main {
  width: 100%;
  height: var(--acg-mobile-main-height);
  border: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  border-radius: var(--acg-image-radius);
  cursor: pointer;
  transform: none !important;
}

.acg-mobile-main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: none !important;
  transition: none !important;
}

.acg-mobile-thumbs {
  display: flex;
  gap: var(--acg-mobile-thumb-gap);
  overflow-x: auto;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
}

.acg-mobile-thumb {
  flex: 0 0 auto;
  width: clamp(72px, 18vw, 106px);
  height: var(--acg-mobile-thumb-height);
  border: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;
  opacity: 0.88;
  transform: none !important;
}

.acg-mobile-thumb.is-active {
  opacity: 1;
  outline: 2px solid rgba(242, 106, 106, 0.55);
  outline-offset: 2px;
}

.acg-mobile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: none !important;
  transition: none !important;
}

.acg-hide-arrows-mobile.is-mobile .acg-nav {
  display: none;
}

.acg-empty-state {
  padding: 18px;
  border: 1px dashed rgba(0, 0, 0, 0.18);
  border-radius: 12px;
  color: #666;
  background: rgba(0, 0, 0, 0.02);
}

/* Lightbox */
body.acg-lightbox-open {
  overflow: hidden;
}

.acg-lightbox[hidden] {
  display: none !important;
}

.acg-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
}

.acg-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.78);
}

.acg-lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100vw - 32px));
  height: min(92vh, 980px);
  margin: 4vh auto 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 58px;
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 14px;
}

.acg-lightbox-stage {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 18px;
}

.acg-lightbox-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  transform-origin: center center;
  touch-action: none;
  user-select: none;
}

.acg-lightbox-image.is-dragging {
  cursor: grabbing;
}

.acg-lightbox-close,
.acg-lightbox-nav,
.acg-lightbox-zoom {
  border: 0;
  cursor: pointer;
}

.acg-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 28px;
  line-height: 1;
}

.acg-lightbox-nav {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  line-height: 1;
}

.acg-lightbox-prev {
  grid-column: 1;
  grid-row: 1;
}

.acg-lightbox-next {
  grid-column: 3;
  grid-row: 1;
}

.acg-lightbox-zoom-controls {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-bottom: 8px;
}

.acg-lightbox-zoom {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

.acg-lightbox-zoom:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.acg-lightbox-thumbs {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 0 0;
  justify-content: center;
}

.acg-lightbox-thumb {
  flex: 0 0 auto;
  width: 82px;
  height: 58px;
  border: 2px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  background: transparent;
  opacity: 0.82;
}

.acg-lightbox-thumb.is-active {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.9);
}

.acg-lightbox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .acg-widget {
    --acg-radius: 20px;
    --acg-image-radius: 20px;
  }

  .acg-lightbox-dialog {
    width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    margin: 10px auto 0;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  .acg-lightbox-nav {
    width: 44px;
    height: 44px;
    font-size: 30px;
  }

  .acg-lightbox-close {
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
  }

  .acg-lightbox-thumb {
    width: 68px;
    height: 48px;
  }
  /* Solo imágenes / thumbs del plugin */
.acg-widget .acg-image-frame,
.acg-widget .acg-mobile-main,
.acg-widget .acg-mobile-thumb,
.acg-widget .acg-mobile-thumb img,
.acg-widget .acg-image,
.acg-widget .acg-mobile-main-image{
    border-radius:20px !important;
    overflow:hidden;
    
}
/* MOBILE: sin hover ni escala */
@media (max-width: 767px){

  .acg-widget .acg-mobile-main,
  .acg-widget .acg-mobile-thumb,
  .acg-widget .acg-mobile-main img,
  .acg-widget .acg-mobile-thumb img,
  .acg-widget .acg-image-btn,
  .acg-widget .acg-image {
      transform: none !important;
      scale: 1 !important;
      transition: none !important;
      animation: none !important;
      filter: none !important;
      box-shadow: none !important;
  }

  .acg-widget .acg-mobile-main:hover,
  .acg-widget .acg-mobile-main:active,
  .acg-widget .acg-mobile-main:focus,
  .acg-widget .acg-mobile-thumb:hover,
  .acg-widget .acg-mobile-thumb:active,
  .acg-widget .acg-mobile-thumb:focus,
  .acg-widget .acg-mobile-thumb:hover img,
  .acg-widget .acg-mobile-thumb:active img,
  .acg-widget .acg-mobile-main:hover img,
  .acg-widget .acg-mobile-main:active img{
      transform: none !important;
      scale: 1 !important;
      filter: none !important;
  }
.acg-lightbox-image{
   cursor: grab;
   will-change: transform;
}

.acg-lightbox-image.is-dragging{
   cursor: grabbing;
}
.acg-lightbox-stage {
  overflow: hidden;
  touch-action: none;
}

.acg-lightbox-image {
  cursor: grab;
  -webkit-user-drag: none;
  user-select: none;
  will-change: transform;
}

.acg-lightbox-image.is-dragging {
  cursor: grabbing;
}

}