.elementor-50564 .elementor-element.elementor-element-95ee3ce{--display:flex;}.elementor-50564 .elementor-element.elementor-element-3a6f3c4{--display:flex;}.elementor-50564 .elementor-element.elementor-element-b5b739a > .elementor-widget-container{padding:14px 14px 14px 14px;}.elementor-50564 .elementor-element.elementor-element-b5b739a.elementor-element{--align-self:center;}.elementor-50564 .elementor-element.elementor-element-b5b739a{text-align:center;}.elementor-50564 .elementor-element.elementor-element-b5b739a .elementor-heading-title{font-size:34px;}.elementor-50564 .elementor-element.elementor-element-d38beac{--display:grid;--min-height:239px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:-16px;--margin-left:0px;--margin-right:0px;}.elementor-50564 .elementor-element.elementor-element-c716a85 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-50564 .elementor-element.elementor-element-63895b1{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-50564 .elementor-element.elementor-element-15d6ac2 .elementor-button:hover, .elementor-50564 .elementor-element.elementor-element-15d6ac2 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-15d6ac2 .elementor-button{text-shadow:0px 0px 0px rgba(0, 0, 0, 0.88);}.elementor-50564 .elementor-element.elementor-element-15d6ac2 .elementor-button:hover svg, .elementor-50564 .elementor-element.elementor-element-15d6ac2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-310589b .elementor-button:hover, .elementor-50564 .elementor-element.elementor-element-310589b .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-310589b .elementor-button{text-shadow:0px 0px 0px rgba(0, 0, 0, 0.88);}.elementor-50564 .elementor-element.elementor-element-310589b .elementor-button:hover svg, .elementor-50564 .elementor-element.elementor-element-310589b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-1a0d0a8 .elementor-button:hover, .elementor-50564 .elementor-element.elementor-element-1a0d0a8 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-1a0d0a8 .elementor-button{text-shadow:0px 0px 0px rgba(0, 0, 0, 0.88);}.elementor-50564 .elementor-element.elementor-element-1a0d0a8 .elementor-button:hover svg, .elementor-50564 .elementor-element.elementor-element-1a0d0a8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-0e478a4 .elementor-button:hover, .elementor-50564 .elementor-element.elementor-element-0e478a4 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-50564 .elementor-element.elementor-element-0e478a4 .elementor-button{text-shadow:0px 0px 0px rgba(0, 0, 0, 0.88);}.elementor-50564 .elementor-element.elementor-element-0e478a4 .elementor-button:hover svg, .elementor-50564 .elementor-element.elementor-element-0e478a4 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-50564 .elementor-element.elementor-element-d38beac{--grid-auto-flow:row;}.elementor-50564 .elementor-element.elementor-element-63895b1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-50564 .elementor-element.elementor-element-d38beac{--content-width:1207px;}.elementor-50564 .elementor-element.elementor-element-63895b1{--content-width:1207px;}}@media(max-width:767px){.elementor-50564 .elementor-element.elementor-element-d38beac{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-50564 .elementor-element.elementor-element-63895b1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start of your custom CSS rules for html, class: .elementor-element-124729c */ .hover-card {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.hover-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.hover-text {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.85); /* gris oscuro transparente */
  color: #ffffff; /* letras blancas */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 20px;
}

.hover-card:hover img {
  transform: scale(1.05);
}

.hover-card:hover .hover-text {
  opacity: 1;
} /* End of your custom CSS rules */
/* Start of your custom CSS rules for html, class: .elementor-element-c716a85 */ .hover-card {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.hover-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.hover-text {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.85); /* gris oscuro transparente */
  color: #ffffff; /* letras blancas */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 20px;
}

.hover-card:hover img {
  transform: scale(1.05);
}

.hover-card:hover .hover-text {
  opacity: 1;
} /* End of your custom CSS rules */
/* Start of your custom CSS rules for html, class: .elementor-element-32eb0c4 */ .hover-card {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.hover-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.hover-text {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.85); /* gris oscuro transparente */
  color: #ffffff; /* letras blancas */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 20px;
}

.hover-card:hover img {
  transform: scale(1.05);
}

.hover-card:hover .hover-text {
  opacity: 1;
} /* End of your custom CSS rules */
/* Start of your custom CSS rules for html, class: .elementor-element-61e5c18 */ .hover-card {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.hover-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.hover-text {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.85); /* gris oscuro transparente */
  color: #ffffff; /* letras blancas */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 20px;
}

.hover-card:hover img {
  transform: scale(1.05);
}

.hover-card:hover .hover-text {
  opacity: 1;
} /* End of your custom CSS rules */