.elementor-1117 .elementor-element.elementor-element-339098f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-1117 .elementor-element.elementor-element-339098f:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-339098f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stratekindustries.com/wp-content/uploads/2025/08/bffabtab.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1117 .elementor-element.elementor-element-339098f::before, .elementor-1117 .elementor-element.elementor-element-339098f > .elementor-background-video-container::before, .elementor-1117 .elementor-element.elementor-element-339098f > .e-con-inner > .elementor-background-video-container::before, .elementor-1117 .elementor-element.elementor-element-339098f > .elementor-background-slideshow::before, .elementor-1117 .elementor-element.elementor-element-339098f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1117 .elementor-element.elementor-element-339098f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-1117 .elementor-element.elementor-element-1f49b04{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1117 .elementor-element.elementor-element-b3e06b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-b3e06b3{text-align:center;}.elementor-1117 .elementor-element.elementor-element-b3e06b3 .elementor-heading-title{color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-eb80588{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1117 .elementor-element.elementor-element-eb80588:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-eb80588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-1117 .elementor-element.elementor-element-4be14ed > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-4be14ed{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-1117 .elementor-element.elementor-element-f11c48c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1117 .elementor-element.elementor-element-f11c48c:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-f11c48c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-1117 .elementor-element.elementor-element-4fe558f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1117 .elementor-element.elementor-element-4fe558f:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-4fe558f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1117 .elementor-element.elementor-element-339098f{--content-width:950px;}}@media(min-width:1025px){.elementor-1117 .elementor-element.elementor-element-339098f:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-339098f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1117 .elementor-element.elementor-element-339098f{--padding-top:200px;--padding-bottom:175px;--padding-left:25px;--padding-right:25px;}.elementor-1117 .elementor-element.elementor-element-1f49b04{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1117 .elementor-element.elementor-element-b3e06b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1117 .elementor-element.elementor-element-339098f{--padding-top:150px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1117 .elementor-element.elementor-element-1f49b04{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1117 .elementor-element.elementor-element-b3e06b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-4be14ed > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-4be14ed{font-size:15px;}}/* Start custom CSS for html, class: .elementor-element-cb8774d *//* Sección Tableros */
.tableros {
  padding: 50px 20px;
  background: #fff;
  text-align: center;
  font-family: Arial, sans-serif;
}

.tableros h2 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #4B5D7C;
}

.tableros p {
  max-width: 800px;
  margin: 0 auto 40px auto;
  color: #4b5d7c;
  font-size: 1.1rem;
}

/* GRID con 4 columnas fijas en desktop */
.grid-tableros {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-items: center;
}

/* TARJETAS */
.card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.3s ease;
  position: relative;
}

/* Imagen dentro de la tarjeta */
.card img {
  width: 100%;
  height: 400px;
  object-fit: contain;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

/* CUADRO DE INFORMACIÓN */
.card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  background: rgba(255,255,255,0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family:'Poppins', sans-serif;
}

.card-info h3 {
  font-size: 1.4rem;
  color: #4B5D7C;
  margin: 0 0 5px 0;
}

.card-info .detalle {
  font-size: 0.85rem;
  color: #4b5d7c;
  margin: 0;
  line-height: 1.2rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* HOVER: mostrar detalle y desplazar imagen */
.card:hover img {
  transform: translateY(-50px);
}

.card:hover .card-info .detalle {
  max-height: 200px;
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .grid-tableros {
    grid-template-columns: repeat(2, 1fr);
  }
  .card {
    height: 380px;
  }
}

@media (max-width: 600px) {
  .grid-tableros {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ddf1f0 *//* Sección Gabinetes */
.gabinetes {
  padding: 50px 20px;
  background: #fff;
  text-align: center;
  font-family: Arial, sans-serif;
}

.gabinetes h2 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #4B5D7C;
}

.gabinetes p {
  max-width: 800px;
  margin: 0 auto 40px auto;
  color: #4b5d7c;
  font-size: 1.1rem;
}

/* GRID con 2 columnas fijas en desktop */
.grid-gabinetes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-items: center;
}

/* TARJETAS */
.gabinetes .card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.3s ease;
  position: relative;
}

/* Imagen dentro de la tarjeta */
.gabinetes .card img {
  width: 100%;
  height: 400px;
  object-fit: contain;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

/* CUADRO DE INFORMACIÓN */
.gabinetes .card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  background: rgba(255,255,255,0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family:'Poppins', sans-serif;
}

.gabinetes .card-info h3 {
  font-size: 1.4rem;
  color: #4B5D7C;
  margin: 0 0 5px 0;
}

.gabinetes .card-info .detalle {
  font-size: 0.85rem;
  color: #4b5d7c;
  margin: 0;
  line-height: 1.2rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* HOVER: mostrar detalle y desplazar imagen */
.gabinetes .card:hover img {
  transform: translateY(-50px);
}

.gabinetes .card:hover .card-info .detalle {
  max-height: 200px;
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .grid-gabinetes {
    grid-template-columns: 1fr;
  }
  .gabinetes .card {
    height: 380px;
  }
}

@media (max-width: 600px) {
  .grid-gabinetes {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */