.product-section {
  position: relative;
  overflow: hidden;
}
.product-section1 {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1920px) {

  .product-section {
    overflow: visible;
  }}
  .product-main {
 /* background-color: var(--color--grey-1);*/
 background-color: #484747;
  position: relative;
  overflow: hidden;
}
.products-counter-main {
  z-index: 1;
  grid-column-gap: var(--gap--gap-12);
  grid-row-gap: var(--gap--gap-12);
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}
 .products-counter-main {
    grid-column-gap: var(--gap--gap-11);
    grid-row-gap: var(--gap--gap-11);
  }

  @media screen and (max-width: 991px) {
 

  .products-counter-main {
    grid-column-gap: var(--gap--gap-11);
    grid-row-gap: var(--gap--gap-11);
  }}
  .products-counter-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 767px) {


  .products-counter-wrap {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }}
  .products-counter-inner.product-two-counter {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  transform: translate(0, -277px)rotate(-450deg);
}


.products-counter-description {
  color: var(--color--gray-3);
  width: 430px;
  margin-bottom: 0;
}

.products-counter-description.two {
  text-align: left;
}



.product-info-image {
  width: 100%;
  height: 100%;
  display: block;
}

.product-info-wrap {
  z-index: 1;
  margin-bottom: 6.25rem;
  padding-top: 12.5rem;
  position: relative;
}
.product-info-wrap1 {
  z-index: 1;
  margin-bottom: 6.25rem;
  padding-top: 2.5rem;
  position: relative;
}

.grid-products {
  grid-column-gap: var(--gap--gap-5);
  grid-row-gap: var(--gap--gap-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  overflow: hidden;
}

.product-info-main {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--dark);
  border: 1px solid #ffffff1a;
  padding: 1.875rem 1.25rem;
}

.product-info-main.bg-change {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #1515154d;
}

.product-name {
  color: var(--color--white);
  font-size: var(--_typography---h6--h6);
  margin-bottom: 1.25rem;
}

.product-image {
  border-radius: var(--border-radius--sm);
  width: 100%;
  height: 100%;
  display: block;
}
.product-description {
  color: var(--color--gray-3);
  margin-bottom: 1.875rem;
}

.product-list-item {
  grid-column-gap: var(--gap--gap-4);
  grid-row-gap: var(--gap--gap-4);
  border-bottom: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .938rem;
  padding-bottom: .938rem;
  display: flex;
}

.product-list-item.last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-list-item.two {
  flex-flow: row;
  justify-content: space-between;
}

.product-info {
  color: var(--color--gray-3);
  font-size: var(--_typography---body--body-xs);
}

.product-info-text {
  color: var(--color--gray-5);
  font-size: var(--_typography---body--body-xs);
}

.product-info-text._02 {
  text-align: right;
}

.product-inner-info {
  z-index: 1;
  grid-column-gap: var(--gap--gap-8);
  grid-row-gap: var(--gap--gap-8);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
  position: relative;
}

.product-info-title {
  color: #151515;
  margin-bottom: 0;
}

.product-info-button-wrap {
  grid-column-gap: var(--gap--gap-8);
  grid-row-gap: var(--gap--gap-8);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}



@media screen and (min-width: 1920px) {


  .products-counter-inner.product-two-counter {
    transform: translate(-150px, -277px)rotate(-450deg);
  }

  .grid-products {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
  }

  .product-list-item {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product-info-text {
    text-align: right;
  }

  .product-inner-info {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
  }}

  @media screen and (min-width: 1920px) {
  .grid-footer-menu {
    grid-column-gap: var(--gap--gap-12);
    grid-row-gap: var(--gap--gap-12);
    grid-template-columns: .8fr .8fr 1.2fr 1fr;
  }

  .grid-footer {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
  }

  .subscribe-wrap {
    width: 420px;
  }

  .grid-blog {
    grid-template-columns: .5fr 1fr;
  }

  .line-wrapper {
    grid-column-gap: 322px;
    grid-row-gap: 322px;
  }

  .footer-logo-info {
    margin-bottom: -7.5rem;
  }

  .grid-hero {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
    grid-template-columns: 3fr 1fr;
    align-items: center;
  }

  .hero-left-inner {
    padding-right: 35rem;
  }

  .hero-background-video {
    height: 1100px;
  }

  .hero-quote-wrap {
    background-color: #1515154d;
  }



  .avatar-image.one {
    width: 40px;
    height: 40px;
  }

  .about-info-inner {
    flex-flow: wrap;
    display: flex;
  }

  .about-info-box {
    width: 450px;
    height: 450px;
    padding-top: 7.5rem;
  }

  .about-info-box.box-bg-dark {
    grid-column-gap: var(--gap--gap-4);
    grid-row-gap: var(--gap--gap-4);
  }

  .about-content {
    margin-bottom: 1.875rem;
  }

  .about-content-description {
    width: 300px;
  }

  .about-box-vector {
    height: 145px;
  }

  .about-image-box {
    width: 450px;
    height: 450px;
  }

  .about-box-logo {
    height: 30px;
  }

  .about-info-text, .about-info-description {
    width: 300px;
  }

  .service-section {
    padding-bottom: 3.125rem;
  }

  .section-title-wrap {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
    grid-template-columns: 1fr 1.2fr;
  }

  .service-details-main {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .cta-text {
    font-size: var(--font-size--2-125rem\<deleted\|variable-76401e84-c0c5-8355-64d0-16402f07f279\>);
  }


  .product-section1 {
    overflow: visible;
  }
  .section-title-center {
    padding-left: 13.5rem;
    padding-right: 13.5rem;
  }

  .section-title-center._01 {
    padding-left: 32rem;
    padding-right: 32rem;
  }

  .section-title-center._02 {
    width: 1400px;
  }

  .industry-tabs-menu {
    height: 100%;
  }

  .industry-tabs-pane {
    height: auto;
  }

  .industry-image {
    width: 100%;
    height: 100%;
  }

  .industry-image-bg.two {
    top: 31%;
  }

 

  .grid-testimonial {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
    grid-template-columns: .9fr 1fr;
  }

  .testimonial-tabs-menu {
    margin-right: 1.875rem;
  }

  .testimonial-tabs-pane {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .testimonial-more-info {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
    grid-template-columns: 1fr .8fr;
  }

  .testimonial-inner {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
  }

  .testimonial-counter-wrapper {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .support-info-wrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .service-two-main {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
  }

  .grid-contact {
    grid-column-gap: var(--gap--gap-13);
    grid-row-gap: var(--gap--gap-13);
    grid-template-columns: 1fr .8fr;
  }

  .contact-main-info {
    width: 610px;
  }

  .grid-industry {
    grid-column-gap: var(--gap--gap-6);
    grid-row-gap: var(--gap--gap-6);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .industry-content-two {
    width: auto;
  }

  .grid-case-study {
    grid-template-columns: .7fr 1fr;
  }

  .case-study-score-text {
    width: 190px;
  }

  .product-title-wrap {
    width: 1090px;
  }

  .counter-line-image {
    width: 1300px;
  }

  .counter-content.one {
    top: -.5%;
    left: -.3%;
  }

  .counter-content.two {
    top: 57%;
    left: 24.8%;
  }

  .counter-content.three {
    top: 86.5%;
    right: 35.1%;
  }

  .counter-content.four {
    top: 96%;
    right: 10.1%;
  }

  .service-image-link {
    width: 500px;
    height: 500px;
  }

  .hero-two-section {
    background-color: var(--color--dark);
  }

  .team-image {
    left: 18%;
  }

  .cta-marquee {
    transform: translate(-60px, -140px)rotate(25deg);
  }

  .cta-marquee-image {
    height: 160px;
  }

  .grid-hero-two {
    grid-template-columns: 1fr .47fr;
  }

  .grid-hero-two.two {
    grid-template-columns: .9fr auto .55fr;
  }

  .hero-content-inner {
    grid-template-columns: 1.275fr .9fr;
  }

  .hero-client-info-main {
    width: 100%;
  }

  .hero-two-title {
    font-size: var(--_typography---h2--h2);
    width: 600px;
  }

  .box-shadow-one {
    width: 100%;
  }

  .hero-client-info-inner {
    height: 600px;
  }

  .empty-state {
    padding-bottom: 1.25rem;
  }

  .grid-service-item {
    flex-flow: row;
    grid-template-columns: minmax(200px, .5fr) 1fr minmax(200px, .6fr);
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .logo-big {
    height: 45vh;
  }

  .inner-number.about-counter {
    font-size: var(--font-size--3-5rem\<deleted\|variable-dc5042fb-d160-4c54-5dc0-c035d95bd531\>);
    margin-bottom: .625rem;
  }

  .like-score {
    font-size: var(--_typography---h2--h2);
  }

  .bg {
    background-image: linear-gradient(180deg, var(--color--dark) 25%, var(--color--primary-3));
    filter: blur(40px);
  }

  .bg-vector {
    filter: blur(30px);
    height: 700px;
  }

  .bg-shadow {
    height: 700px;
  }

  .about-image-wrap {
    margin-bottom: 1.25rem;
  }

  .about-image-small {
    height: 70px;
  }
}

@media screen and (max-width: 991px) {


  
  .grid-nav {
    grid-template-columns: 1fr auto;
    place-items: center;
  }
}
w--current {
  color: var(--color--primary-1);
}




@media screen and (max-width: 479px) {
 .products-counter-main {
    grid-column-gap: var(--gap--gap-8);
    grid-row-gap: var(--gap--gap-8);
  }}



@media screen and (max-width: 479px) {
   .products-counter-wrap {
    flex-flow: column;
    display: flex;
  }}


@media screen and (max-width: 767px) {
  .products-counter-description {
    width: auto;
  }}


@media screen and (min-width: 1920px) {
 .product-section1 {
    overflow: visible;
  }
}

.product-main1 {
 /* background-color: var(--color--grey-1);*/
 background-color: #ececec;
  position: relative;
  overflow: hidden;
}


.section-spacing1 {
  padding-top: 1 rem;
  padding-bottom:1rem;
}


@media screen and (max-width: 991px) {
.product-info-wrap1 {
    margin-bottom: 4rem;
    padding-top: 6.25rem;
  }}
@media screen and (max-width: 767px) {
   .product-info-wrap1 {
    margin-bottom: 3.125rem;
    padding-top: 5rem;
  }}

  .grid-products1 {
  grid-column-gap: var(--gap--gap-5);
  grid-row-gap: var(--gap--gap-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  overflow: hidden;
}

.product-info-main1 {
  border-radius: var(--border-radius--sm);
  background-color: #383838;
  border: 1px solid #ffffff1a;
  padding: 1.875rem 1.25rem;
}

.product-name1 {
  color: var(--color--white);
  font-size: var(--_typography---h6--h6);
  margin-bottom: 1.25rem;
}
.product-image-wrapper1 {
  border-radius: var(--border-radius--sm);
  margin-bottom: 1.875rem;
  position: relative;
  overflow: hidden;
}

.product-image1 {
  border-radius: var(--border-radius--sm);
  width: 100%;
  height: 100%;
  display: block;
}


/* =========================================================
   FIX: PRODUCT SECTION 1 - 4 EN UNA LÍNEA (DESKTOP)
   PÉGALO AL FINAL DEL CSS
   ========================================================= */

/* arregla el "1 rem" (con espacio) */
.section-spacing1{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* asegúrate que el contenedor no limite */
.container-full1{
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

/* AQUÍ está la clave: activar GRID */
.grid-products1{
  display: grid !important; /* <-- te faltaba */
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  align-items: start !important;
  overflow: visible !important;
}

/* Tarjeta */
.product-info-main1{
  overflow: hidden !important;
}

/* Control del tamaño de imagen para que no se vea gigante */
.product-image-wrapper1{
  width: 100% !important;
}

/* aplica tanto a .product-image1 como por si hay alguna .product-image */
.product-image-wrapper1 img,
.product-image1,
.product-image{
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Tablet: 2 columnas */
@media (max-width: 991px){
  .grid-products1{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Móvil: 1 columna */
@media (max-width: 640px){
  .grid-products1{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   PRODUCT INNER INFO - MEJOR EN CELULAR
   (título + links/botón)
   ========================================================= */

@media (max-width: 767px){
  .product-inner-info{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
  }

  .product-info-title{
    font-size: clamp(1.8rem, 7vw, 2.4rem) !important;
    line-height: 1.05 !important;
    margin-bottom: .5rem !important;
  }

  .product-info-button-wrap{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .75rem !important;
  }

  /* Ambos links a 100% */
  .product-info-button-wrap .download-link,
  .product-info-button-wrap .primary-button{
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-info-button-wrap .download-link{
    text-align: center !important;
  }

  /* Botón principal: texto a la izquierda, flecha a la derecha */
  .product-info-button-wrap .primary-button .button-primary-inner{
    width: 100% !important;
    justify-content: space-between !important;
  }
}

/* EXTRA: celulares muy chicos */
@media (max-width: 479px){
  .product-info-title{
    font-size: clamp(1.6rem, 8vw, 2.1rem) !important;
  }
}