.grid1 {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 10px 10px; 
    grid-template-areas: 
      "div1 div2 div4"
      "div3 div3 div4"; 
  }
  .grid1 .div1 { grid-area: div1; }
  .grid1 .div2 { grid-area: div2; }
  .grid1 .div3 { grid-area: div3; }
  .grid1 .div4 { grid-area: div4; }


  .grid2 {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 10px 10px; 
    grid-template-areas: 
      "div1 div2 div3"
      "div4 div5 div3"; 
  }
  .grid2 .div1 { grid-area: div1; }
  .grid2 .div2 { grid-area: div2; }
  .grid2 .div3 { grid-area: div3; }
  .grid2 .div4 { grid-area: div4; }
  .grid2 .div5 { grid-area: div5; }


  .grid3 {  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas:
      "div1 div2 div3"
      "div1 div4 div4";
  }
  
  .grid3 .div1 { grid-area: div1; }  
  .grid3 .div2 { grid-area: div2; }
  .grid3 .div3 { grid-area: div3; }
  .grid3 .div4 { grid-area: div4; }
  




.galeria .image-container {
    position: relative;
    overflow: hidden;
}
.galeria img {
    width: 100%;
    height: 100%!important;    
    object-fit: cover;
    margin-bottom: -5px;
}

.galeria img.cuadrado, .galeria img.horizontal{
    max-height: 365px;
}
.galeria img.vertical {
    max-height: 741px;   
}


/**servicios disponibles **/
.servicios-disponibles .elementor-widget-icon-box{
  padding-left: 20px;
  min-width: 200px!important;
}

/** mega menu **/
.e-n-menu-content {
  margin-top: 75px!important;
}

@media screen and (min-width:480px){

  .servicios-disponibles .elementor-widget-icon-box:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%; /* Posiciona el pseudo-elemento verticalmente en el centro */
    transform: translateY(-50%); /* Ajusta el pseudo-elemento para que quede centrado */
    height: 50%; /* Define la altura de la línea (ajústala según prefieras) */
    width: 1px; /* Ancho del borde */
    background-color: gray; /* Color del borde */
  }
}

@media screen and (max-width:480px){

  /** mega menu **/
  .e-n-menu-wrapper {
    margin-top: 75px!important;
  }
  
}