.elementor-300 .elementor-element.elementor-element-4ce5421{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-300 .elementor-element.elementor-element-5282ada{z-index:1000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-300 .elementor-element.elementor-element-94fc7b1{text-align:center;}.elementor-300 .elementor-element.elementor-element-94fc7b1 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;letter-spacing:-1.5px;color:var( --e-global-color-071f837 );}.elementor-300 .elementor-element.elementor-element-4ca1a91{text-align:center;}.elementor-300 .elementor-element.elementor-element-4ca1a91 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-071f837 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-300 .elementor-element.elementor-element-6764837 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-300 .elementor-element.elementor-element-6764837{text-align:center;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;line-height:1.3em;color:var( --e-global-color-071f837 );}/* Start custom CSS for container, class: .elementor-element-4ce5421 */.hover-card {
  position: relative;
  overflow: visible;
  border-radius: 12px;
  transition: transform 0.3s ease;
  z-index: 2;
}

/* Imagen y título */
.card-content {
  z-index: 1;
  position: relative;
}

/* Descripción flotante */
.descripcion-reveal {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: 2;
}

/* Al hacer hover aparece la descripción flotando desde abajo */
.hover-card:hover .descripcion-reveal {
  opacity: 1;
  transform: translateY(0%);
}

/* Giro de la imagen */
.card-content img {
  transition: transform 0.6s ease;
}

.hover-card:hover .card-content img {
  transform: rotate(10deg); /* Puedes cambiar el ángulo según tu gusto */
}


/* PARA MÓVILES */
@media (max-width: 767px) {
  .descripcion-reveal {
    opacity: 1 !important;
    transform: translateY(0%) !important;
    position: relative;
  }

  .hover-card {
    transform: none !important;
  }

  .hover-card:hover {
    transform: none !important;
  }

  .hover-card:hover .descripcion-reveal {
    transform: none !important;
    opacity: 1 !important;
  }

  .hover-card .card-content img {
    transform: none !important;
  }

  .hover-card:hover .card-content img {
    transform: none !important;
  }
}/* End custom CSS */