.elementor-6858 .elementor-element.elementor-element-6ae947e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6858 .elementor-element.elementor-element-6ae947e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6858 .elementor-element.elementor-element-9dca44b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6858 .elementor-element.elementor-element-37474be{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6858 .elementor-element.elementor-element-1befaa9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6858 .elementor-element.elementor-element-1befaa9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6858 .elementor-element.elementor-element-8034805 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6858 .elementor-element.elementor-element-8034805 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for column, class: .elementor-element-8034805 */.rombo-contenedor {
  width: 300px;
  height: 400px;
  overflow: hidden; /* ESTO elimina las esquinas sobrantes */
  transform: rotate(45deg); /* Crea el rombo */
  border-radius: 20px; /* Redondea las puntas del rombo */
  margin: 60px auto;
}

.rombo-imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Rotamos la imagen al revés para que se vea derecha */
  /* El scale(1.5) agranda la imagen para que cubra las esquinas del rombo */
  transform: rotate(-45deg) scale(1.5); 
}/* End custom CSS */