.elementor-3285 .elementor-element.elementor-element-cdce746:not(.elementor-motion-effects-element-type-background), .elementor-3285 .elementor-element.elementor-element-cdce746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#348FFB;background-image:url("https://i0.wp.com/tapetes.com.co/wp-content/uploads/2025/03/BANNER-PISO-PVC.webp?fit=1140%2C500&ssl=1");background-position:0px 70%;background-size:cover;}.elementor-3285 .elementor-element.elementor-element-cdce746 > .elementor-background-overlay{background-color:#031731;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3285 .elementor-element.elementor-element-cdce746 > .elementor-container{min-height:400px;}.elementor-3285 .elementor-element.elementor-element-cdce746{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3285 .elementor-element.elementor-element-c126adb > .elementor-element-populated{padding:0% 5% 0% 5%;}.elementor-3285 .elementor-element.elementor-element-e513e7d .elementor-heading-title{font-size:37px;color:#FFFFFF;}.elementor-3285 .elementor-element.elementor-element-1bc6a47{color:#FFFFFF;}.elementor-3285 .elementor-element.elementor-element-ea4cdc2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3285 .elementor-element.elementor-element-ea4cdc2{color:#FFFFFF;}.elementor-3285 .elementor-element.elementor-element-1ba66a5{--spacer-size:1rem;}.elementor-3285 .elementor-element.elementor-element-19f0601{text-align:center;}.elementor-3285 .elementor-element.elementor-element-19f0601 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:700;color:#0074BC;}.elementor-3285 .elementor-element.elementor-element-eb7ff79{--divider-border-style:solid;--divider-color:#006DB6;--divider-border-width:4px;}.elementor-3285 .elementor-element.elementor-element-eb7ff79 .elementor-divider-separator{width:40%;margin:0 auto;margin-left:0;}.elementor-3285 .elementor-element.elementor-element-eb7ff79 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-3285 .elementor-element.elementor-element-c5416a2{margin-top:0px;margin-bottom:20px;}.elementor-3285 .elementor-element.elementor-element-9a6bee8{font-size:1.5rem;color:#636363;}.elementor-3285 .elementor-element.elementor-element-60ebf5e .elementor-button{background-color:#006DB6;border-radius:28px 28px 28px 28px;}.elementor-3285 .elementor-element.elementor-element-60ebf5e > .elementor-widget-container{margin:17px 0px 0px 0px;}@media(max-width:1024px){.elementor-3285 .elementor-element.elementor-element-cdce746:not(.elementor-motion-effects-element-type-background), .elementor-3285 .elementor-element.elementor-element-cdce746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}}@media(max-width:767px){.elementor-3285 .elementor-element.elementor-element-cdce746:not(.elementor-motion-effects-element-type-background), .elementor-3285 .elementor-element.elementor-element-cdce746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-49px 0%;}.elementor-3285 .elementor-element.elementor-element-cdce746{padding:10% 0% 0% 0%;}.elementor-3285 .elementor-element.elementor-element-9a6bee8{font-size:1.3rem;}}/* Start custom CSS for heading, class: .elementor-element-19f0601 */.piso-pvc{
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d9c2e5 *//* Contenedor de la grid para las cards */
.cards-grid {
  display: grid;
  gap: 20px; /* Espacio entre las cards */
  grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas grandes */
  padding: 20px;
}

/* Estilos del card */
.card {
  display: grid;
  text-decoration: none;
  border: 1px solid #ddd;
  grid-template-columns: repeat(auto-fit,minmax(120px, 1fr)); 
  border-radius: 10px;
  gap: 1rem;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: linear-gradient(0deg, rgba(0,96,164,1) 0%, rgba(13,59,97,1) 100%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Imagen del card */
.card-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Contenido del card */
.card-content {
    margin: auto 0;
    padding: 0.5rem;
    cursor: pointer;
}

/* Título del card */
.card-title {
  font-size: 1.3em;
  margin: 0 0 10px 0;
  color: #fff;
}

/* Texto del card */
.card-text {
  font-size: 0.8em;
  color: #fff;
}

/* Adaptabilidad a móviles */
@media (max-width: 768px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas móviles */
    grid-template-rows: auto; /* Distribuye las filas automáticamente */
  }

  .card-title {
    font-size: 1.1em;
  }

  .card-text {
    font-size: 0.9em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4cc317b */.loader {
  color: rgb(124, 124, 124);
  font-family: "Poppins", sans-serif;
  font-weight: 550;
  font-size: 1.6rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 42px;
  padding: 1.4rem 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  margin: auto;
}

.words {
  overflow: hidden;
  position: relative;
}
.words::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    var(--bg-color) 10%,
    transparent 30%,
    transparent 70%,
    var(--bg-color) 90%
  );
  z-index: 20;
}

.word {
  display: block;
  height: 100%;
  padding-left: 6px;
  color: #0074bc;
  animation: spin_4991 4s infinite;
}

@keyframes spin_4991 {
  10% {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%);
  }

  25% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  35% {
    -webkit-transform: translateY(-202%);
    transform: translateY(-202%);
  }

  50% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  60% {
    -webkit-transform: translateY(-302%);
    transform: translateY(-302%);
  }

  75% {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
  }

  85% {
    -webkit-transform: translateY(-402%);
    transform: translateY(-402%);
  }

  100% {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b54434 *//* From Uiverse.io by ubaidi10 */ 
.card-social {
    margin: auto;
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 25px;
    gap: 1rem;
}

/* for all social containers*/
.socialContainer {
  width: 52px;
  height: 52px;
  background-color: #0062AF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.3s;
}
/* instagram*/
.containerOne:hover {
  background-color: #d62976;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}
/* twitter*/
.containerTwo:hover {
  background-color: #00acee;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}
/* linkdin*/
.containerThree:hover {
  background-color: #0072b1;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}
/* Whatsapp*/
.containerFour:hover {
  background-color: #25d366;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}

.socialContainer:active {
  transform: scale(0.9);
  transition-duration: 0.3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */