.elementor-3132 .elementor-element.elementor-element-7e518a4{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:4.688rem;--padding-right:4.688rem;}.elementor-3132 .elementor-element.elementor-element-7e518a4:not(.elementor-motion-effects-element-type-background), .elementor-3132 .elementor-element.elementor-element-7e518a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-3132 .elementor-element.elementor-element-ca829d3{--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;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-3132 .elementor-element.elementor-element-0da3c38 .elementor-heading-title{font-size:2.5rem;font-weight:600;color:var( --e-global-color-3b6ebc1 );}.elementor-3132 .elementor-element.elementor-element-41b85f5{--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-3132 .elementor-element.elementor-element-d4a0acc .gallery-item .gallery-caption{display:none;}.elementor-3132 .elementor-element.elementor-element-d4a0acc .gallery-item{padding:0 15px 15px 0;}.elementor-3132 .elementor-element.elementor-element-d4a0acc .gallery{margin:0 -15px -15px 0;}.elementor-3132 .elementor-element.elementor-element-d4a0acc .gallery-item img{border-radius:16px 16px 16px 16px;}#elementor-popup-modal-3132 .dialog-widget-content{animation-duration:0s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3132{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-3132 .dialog-message{width:940px;height:100vh;align-items:flex-start;}#elementor-popup-modal-3132 .dialog-close-button{display:flex;font-size:20px;}#elementor-popup-modal-3132 .dialog-close-button i{color:#F21313;}#elementor-popup-modal-3132 .dialog-close-button svg{fill:#F21313;}@media(min-width:768px){.elementor-3132 .elementor-element.elementor-element-ca829d3{--width:100%;}}@media(max-width:1024px){.elementor-3132 .elementor-element.elementor-element-7e518a4{--padding-top:4rem;--padding-bottom:4rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3132 .elementor-element.elementor-element-0da3c38 .elementor-heading-title{font-size:2.2rem;}#elementor-popup-modal-3132 .dialog-message{width:620px;}}@media(max-width:767px){.elementor-3132 .elementor-element.elementor-element-7e518a4{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3132 .elementor-element.elementor-element-0da3c38{text-align:center;}.elementor-3132 .elementor-element.elementor-element-0da3c38 .elementor-heading-title{font-size:1.8rem;}.elementor-3132 .elementor-element.elementor-element-41b85f5{--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-popup-modal-3132 .dialog-message{width:360px;height:100vh;padding:0px 0px 0px 0px;}#elementor-popup-modal-3132{align-items:flex-start;}}/* Start custom CSS for container, class: .elementor-element-7e518a4 *//* Estilos Base de la Tarjeta */
.project-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 16/11;
  cursor: pointer;
  transition: all 0.4s ease;
}

.project-card .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.project-card .project-content {
  position: absolute;
  bottom: 0; left: 0; width: 100%; height: 100%;
  padding: 2rem;
  background: linear-gradient(to top, rgba(7, 119, 217, 0.95) 0%, rgba(7, 119, 217, 0.6) 50%, transparent 100%);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.4s ease;
  pointer-events: none;
}

/* Efectos Hover (Desktop) y Clase Active (Móvil) */
.project-card:hover .project-img img,
.project-card.active .project-img img {
  transform: scale(1.08);
}

.project-card:hover .project-content,
.project-card.active .project-content {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* Optimización Responsive */
@media (max-width: 1024px) {
  .grid-projects {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .project-content h3 {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 768px) {
  .grid-projects {
    grid-template-columns: 1fr !important;
  }
  .project-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
    background: linear-gradient(to top, rgba(10, 38, 71, 0.95) 0%, rgba(10, 38, 71, 0.4) 100%) !important;
    padding: 1rem !important;
  }
}/* End custom CSS */