/* Correccion final del hero: neutraliza reglas heredadas del slider antiguo. */

.buckapi-hero-slider,
.buckapi-hero-slider * {
   box-sizing: border-box;
}

.buckapi-hero-slider {
   width: 100%;
   max-width: 100%;
   padding: 0;
   /* Recorta los slides laterales sin crear un contenedor de scroll vertical. */
   overflow-x: clip;
   overflow-y: visible;
   background: var(--buckapi-hero-background, #f8f9fc);
   touch-action: pan-y pinch-zoom;
}

.buckapi-hero-slider .owl-stage-outer {
   width: 100%;
   overflow-x: clip;
   overflow-y: visible;
}

.buckapi-hero-slider .owl-stage,
.buckapi-hero-slider .owl-item {
   display: flex;
   align-items: stretch;
   height: auto;
   min-height: 0;
}

.buckapi-hero-slider .owl-item > .buckapi-hero-slide {
   width: 100%;
}

.buckapi-hero-slider .buckapi-hero-slide {
   width: 100%;
   height: auto;
   min-height: auto;
   padding: 0;
   overflow-x: clip;
   overflow-y: visible;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-wrapper {
   display: block;
   width: 100%;
   height: auto;
   min-height: auto;
   padding: 0;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-inner {
   display: block;
   width: 100%;
   height: auto;
   padding: calc(var(--buckapi-header-height, 76px) + env(safe-area-inset-top) + 24px) 0 58px;
}

.buckapi-hero-slider .buckapi-hero-slide .row {
   align-items: center;
   row-gap: 24px;
}

.buckapi-hero-slider .buckapi-hero-slide [class*="col-"] {
   min-width: 0;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-content.buckapi-hero-content {
   width: 100%;
   min-width: 0;
   max-width: 650px;
   margin-top: 0;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-content .buckapi-hero-title {
   max-width: 680px;
   color: var(--buckapi-hero-text, #1f2533) !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
   animation: none !important;
   -webkit-animation: none !important;
   overflow-wrap: normal;
   word-break: normal;
   hyphens: none;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-content .buckapi-hero-title strong {
   color: var(--buckapi-hero-primary, #1876ef) !important;
}

.buckapi-hero-slider .buckapi-hero-slide .slider-content .buckapi-hero-description {
   max-width: 600px;
   color: var(--buckapi-hero-muted, #646b79) !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
   animation: none !important;
   -webkit-animation: none !important;
   overflow-wrap: break-word;
}

.buckapi-hero-slider .buckapi-hero-eyebrow {
   max-width: 100%;
   white-space: normal;
}

.buckapi-hero-slider .buckapi-hero-actions {
   max-width: 100%;
}

.buckapi-hero-slider .buckapi-hero-btn {
   max-width: 100%;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
   animation: none !important;
   -webkit-animation: none !important;
   white-space: normal;
}

.buckapi-hero-slider .buckapi-hero-visual {
   width: 100%;
   min-width: 0;
   overflow: visible;
}

.buckapi-hero-slider .buckapi-hero-image-card {
   max-width: 100%;
}

.buckapi-hero-slider .buckapi-hero-image {
   display: block;
   width: 100% !important;
   max-width: 470px;
   height: auto;
   margin: 0 auto !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
   animation: none !important;
   -webkit-animation: none !important;
   object-fit: contain;
}

.buckapi-hero-slider .buckapi-floating-card {
   max-width: calc(100% - 28px);
}

@media (min-width: 992px) {
   .buckapi-hero-slider .buckapi-hero-slide {
      min-height: min(680px, calc(100svh - var(--buckapi-fixed-header-height, 84px)));
   }

   .buckapi-hero-slider .buckapi-hero-slide .slider-wrapper {
      min-height: min(680px, calc(100svh - var(--buckapi-fixed-header-height, 84px)));
   }

   .buckapi-hero-slider .buckapi-hero-slide .slider-inner {
      padding-top: calc(var(--buckapi-fixed-header-height, 84px) + 26px);
      padding-bottom: 48px;
   }
}

@supports not (height: 100svh) {
   @media (min-width: 992px) {
      .buckapi-hero-slider .buckapi-hero-slide,
      .buckapi-hero-slider .buckapi-hero-slide .slider-wrapper {
         min-height: min(680px, calc(100vh - var(--buckapi-fixed-header-height, 84px)));
      }
   }
}

@media (max-width: 991.98px) {
   .buckapi-hero-slider .buckapi-hero-slide .slider-inner {
      padding-top: calc(var(--buckapi-header-height, 76px) + env(safe-area-inset-top) + 22px);
      padding-bottom: 64px;
   }

   .buckapi-hero-slider .buckapi-hero-content {
      max-width: 720px;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
   }

   .buckapi-hero-slider .buckapi-hero-description,
   .buckapi-hero-slider .buckapi-hero-title {
      margin-right: auto;
      margin-left: auto;
   }

   .buckapi-hero-slider .buckapi-hero-actions {
      justify-content: center;
   }

   .buckapi-hero-slider .buckapi-hero-stats {
      margin-right: auto;
      margin-left: auto;
   }

   .buckapi-hero-slider .buckapi-hero-visual {
      min-height: 320px;
      margin-top: 6px;
      padding: 8px 18px 42px;
   }

   .buckapi-hero-slider .buckapi-hero-image-card {
      width: min(100%, 500px);
      min-height: clamp(220px, 48vw, 335px);
      padding: clamp(14px, 3vw, 20px);
   }

   .buckapi-hero-slider .buckapi-hero-image {
      max-height: clamp(190px, 44vw, 305px);
   }
}

@media (max-width: 767.98px) {
   .buckapi-hero-slider .container {
      width: 100%;
      max-width: none;
      padding-right: max(18px, env(safe-area-inset-right));
      padding-left: max(18px, env(safe-area-inset-left));
   }

   .buckapi-hero-slider .buckapi-hero-slide .slider-inner {
      padding-top: calc(var(--buckapi-header-height, 76px) + env(safe-area-inset-top) + 18px);
      padding-bottom: 58px;
   }

   .buckapi-hero-slider .buckapi-hero-slide .row {
      row-gap: 16px;
   }

   .buckapi-hero-slider .buckapi-hero-eyebrow {
      margin-bottom: 12px;
      padding: 7px 10px;
      font-size: clamp(8px, 2.25vw, 9.5px);
      line-height: 1.35;
      letter-spacing: 0.035em;
   }

   .buckapi-hero-slider .buckapi-hero-title {
      margin-bottom: 13px;
      font-size: clamp(1.82rem, 8.2vw, 2.38rem);
      line-height: 1.09;
      letter-spacing: 0;
   }

   .buckapi-hero-slider .buckapi-hero-description {
      margin-bottom: 18px;
      font-size: clamp(13px, 3.75vw, 15px);
      line-height: 1.55;
   }

   .buckapi-hero-slider .buckapi-hero-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      width: 100%;
      margin-top: 18px;
   }

   .buckapi-hero-slider .buckapi-hero-btn {
      width: 100%;
      min-height: 48px;
      padding: 12px 16px;
      font-size: 14px;
   }

   .buckapi-hero-slider .buckapi-hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      width: 100%;
      margin-top: 22px;
      padding-top: 16px;
   }

   .buckapi-hero-slider .buckapi-hero-stat {
      padding: 0 6px;
   }

   .buckapi-hero-slider .buckapi-hero-stat:first-child {
      padding-left: 0;
   }

   .buckapi-hero-slider .buckapi-hero-stat:last-child {
      padding-right: 0;
   }

   .buckapi-hero-slider .buckapi-hero-stat strong {
      font-size: clamp(17px, 5vw, 20px);
   }

   .buckapi-hero-slider .buckapi-hero-stat span {
      font-size: clamp(8.5px, 2.7vw, 10px);
      line-height: 1.3;
   }

   .buckapi-hero-slider .buckapi-hero-benefits {
      gap: 9px;
      margin-top: 18px;
      text-align: left;
   }

   .buckapi-hero-slider .buckapi-hero-benefits li {
      align-items: flex-start;
      font-size: 14px;
      line-height: 1.4;
   }

   .buckapi-hero-slider .buckapi-commerce-tags {
      justify-content: center;
      margin-top: 18px;
   }

   .buckapi-hero-slider .buckapi-hero-visual {
      min-height: 245px;
      margin-top: 0;
      padding: 2px 8px 38px;
   }

   .buckapi-hero-slider .buckapi-hero-image-card {
      min-height: clamp(188px, 56vw, 245px);
      border-radius: 20px;
   }

   .buckapi-hero-slider .buckapi-hero-image {
      max-height: clamp(160px, 50vw, 212px);
   }

   .buckapi-hero-slider .buckapi-floating-card {
      min-width: 0;
      padding: 9px 11px;
   }

   .buckapi-hero-slider .buckapi-floating-card-main {
      left: 50%;
      right: auto;
      bottom: 2px;
      transform: translateX(-50%);
      animation: none;
   }

   .buckapi-hero-slider .buckapi-floating-card-secondary {
      display: none;
   }
}

@media (max-width: 360px) {
   .buckapi-hero-slider .container {
      padding-right: max(15px, env(safe-area-inset-right));
      padding-left: max(15px, env(safe-area-inset-left));
   }

   .buckapi-hero-slider .buckapi-hero-title {
      font-size: clamp(1.7rem, 8vw, 2.05rem);
   }

   .buckapi-hero-slider .buckapi-hero-description {
      font-size: 13px;
   }

   .buckapi-hero-slider .buckapi-hero-btn {
      min-height: 46px;
      padding-right: 12px;
      padding-left: 12px;
      font-size: 13px;
   }

   .buckapi-hero-slider .buckapi-floating-card small {
      display: none;
   }
}

@media (max-height: 480px) and (orientation: landscape) {
   .buckapi-hero-slider .buckapi-hero-slide .slider-inner {
      padding-top: calc(var(--buckapi-header-height, 76px) + 14px);
      padding-bottom: 42px;
   }

   .buckapi-hero-slider .buckapi-hero-visual {
      min-height: 220px;
   }
}