.elementor-6709 .elementor-element.elementor-element-e046646{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6709 .elementor-element.elementor-element-3003f54{--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;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-6709 .elementor-element.elementor-element-3003f54:not(.elementor-motion-effects-element-type-background), .elementor-6709 .elementor-element.elementor-element-3003f54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lonfil.es/wp-content/uploads/6065.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6709 .elementor-element.elementor-element-fe4a83e > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-6709 .elementor-element.elementor-element-fe4a83e{text-align:center;--ep-advanced-heading-pos-x:0px;--ep-advanced-heading-pos-y:0px;--ep-advanced-heading-rotate:0deg;}.elementor-6709 .elementor-element.elementor-element-fe4a83e .bdt-ep-advanced-heading-main-title-inner{color:var( --e-global-color-text );-webkit-text-stroke-color:var( --e-global-color-text );text-transform:uppercase;}.elementor-6709 .elementor-element.elementor-element-fe4a83e .bdt-ep-advanced-heading-content > div{color:#FFFFFF61;-webkit-text-stroke-color:#FFFFFF61;}.elementor-6709 .elementor-element.elementor-element-5a0dcfb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-6709 .elementor-element.elementor-element-fe4a83e{--ep-advanced-heading-pos-x:0px;--ep-advanced-heading-pos-y:0px;--ep-advanced-heading-rotate:0deg;}}@media(max-width:767px){.elementor-6709 .elementor-element.elementor-element-fe4a83e{--ep-advanced-heading-pos-x:0px;--ep-advanced-heading-pos-y:0px;--ep-advanced-heading-rotate:0deg;}.elementor-6709 .elementor-element.elementor-element-5a0dcfb{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-23ab966 */.grid-etiquetas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  margin: 40px auto;
  max-width: 1200px;
}

.etiqueta-card {
  background-color: #0e2956;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  text-align: center;
  height: 250px;
  padding: 30px 20px;
  border-radius: 0;
  font-family: 'Jost', sans-serif;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* Efecto zoom out al hacer hover */
.etiqueta-card:hover {
  transform: scale(0.97);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.etiqueta-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(14, 41, 86, 0.6); /* overlay azul oscuro */
  z-index: 1;
}

.etiqueta-card h3,
.etiqueta-card .ver-mas {
  position: relative;
  z-index: 2;
}

.etiqueta-card h3 {
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
}

.etiqueta-card .ver-mas {
  width: 50%;
  margin: 20px auto 0 auto;
  padding: 6px 12px;
  background-color: #001f4e;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-align: center;
}

.etiqueta-card .ver-mas:hover {
  background-color: #2360C6;
  transform: scale(1.05);
  color: white;
}

/* Ejemplos de imágenes por etiqueta */
.etiqueta-card.paraguas {
  background-image: url('https://lonfil.es/wp-content/uploads/paraguas.jpg');
}

.etiqueta-card.cubiertas-barco {
  background-image: url('https://lonfil.es/wp-content/uploads/cubiertas.jpg');
}

.etiqueta-card.toldos {
  background-image: url('https://lonfil.es/wp-content/uploads/toldos.jpg');
}
.etiqueta-card.agricultura {
  background-image: url('https://lonfil.es/wp-content/uploads/agricultura.jpg');
}
.etiqueta-card.almacenes {
  background-image: url('https://lonfil.es/wp-content/uploads/almacenes.jpg');
}
.etiqueta-card.avances {
  background-image: url('https://lonfil.es/wp-content/uploads/avances.jpeg');
}
.etiqueta-card.bolsas {
  background-image: url('https://lonfil.es/wp-content/uploads/bolsas.jpg');
}
/* Puedes seguir añadiendo más clases específicas *//* End custom CSS */