/*----------- Estilos de secciones -----------*/


/*Paleta de colores*/
:root{
    --azul-50: #f1f7fe;
    --azul-100: #e3edfb;
    --azul-200: #c0dbf7;
    --azul-300: #89bef0;
    --azul-400: #4a9ce6;
    --azul-500: #2380d4;
    --azul-600: #1565b7;
    --azul-700: #125092;
    --azul-800: #134479;
    --azul-900: #153b65;
    --azul-950: #0e2543;
}


.secciones {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .image-container {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0px;
  }

  .image {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    transition: 0.2s ease-in-out;
  }

  .image:hover {
    transform: scale(1.08);
    cursor: pointer;
  }

  @media (max-width: 768px) {
    .image-container {
      flex-direction: column;
      align-items: center;
      width: 80%;
    }

    .image {
      width: 100%;
      margin-bottom: 20px;
    }
  }