.elementor-219 .elementor-element.elementor-element-0d715c2{--display:flex;--min-height:0px;--overflow:auto;}.elementor-219 .elementor-element.elementor-element-0d715c2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-219 .elementor-element.elementor-element-cb84c27{width:var( --container-widget-width, 101.938% );max-width:101.938%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:101.938%;--container-widget-flex-grow:0;}.elementor-219 .elementor-element.elementor-element-cb84c27:hover{background-image:url("https://castelloia.com/wp-content/uploads/2026/02/foto-fondo.avif");}.elementor-219 .elementor-element.elementor-element-cb84c27.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}body.elementor-page-219{margin:0px 0px 0px 0px;}@media(max-width:767px){body.elementor-page-219{margin:-39px -39px -39px -39px;}}@media(min-width:768px){.elementor-219 .elementor-element.elementor-element-0d715c2{--width:500%;}}/* Start custom CSS */@media (max-width: 1024px) {
  /* Contenedor de la comparación */
  .comparison-box {
    display: flex !important;
    flex-direction: row !important;  /* horizontal */
    justify-content: center !important; /* centra todo */
    align-items: center !important;  /* alinea verticalmente */
    flex-wrap: nowrap !important;  /* evita que se apilen */
    gap: 15px !important; /* espacio entre fases y flecha */
  }

  /* Cada fase */
  .comparison-box > div {
    flex: 1 1 auto !important; /* permite que se reduzca pero no desaparezca */
    min-width: 120px !important; /* evita que se compriman demasiado */
    text-align: center !important; /* centra el texto dentro de la caja */
  }

  /* Flecha */
  .comparison-box .phase-arrow {
    flex: 0 0 auto !important; /* tamaño fijo de la flecha */
    margin: 0 10px !important; /* margen horizontal */
  }
}/* End custom CSS */