/* ===============================
   AJUSTES MODERNIZACIÓN
   =============================== */
  
  /* CSS para reducir el tamaño de las imágenes en la columna derecha y centrarlas */
    .img-columna-chica {
      max-width: 70%; /* Ajusta este valor (ej: 50% o 70%) para controlar qué tan pequeñas se ven */
      height: auto;
      }
    
    /* Contenedor Flex para centrar la imagen horizontalmente */
   	.img-contenedor-chico {
     	display: flex;
      justify-content: center; 
      }

		/* Clase para margen superior imagenes */
    .margen-alto-modernizacion {
      margin-top: 130px !important; /* Ajusta este valor  */
		  }
  /* ===============================
   MOBILE
   =============================== */      
    @media (max-width: 768px) {
      .margen-alto-modernizacion {
        margin-top: 20px !important;
      }

      .modal-body {
        padding-top: 10px;
        padding-bottom: 10px;
      }
     
    }
    
 html, body {
  background-color: red !important;
}