<style>
        /* Estilos generales para el cuerpo de la página */
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f0f0f0; /* Un gris muy claro de fondo de página */
        }

        /* Contenedor principal que usa Flexbox para las columnas */
        .contenedor {
            display: flex; /* Habilita Flexbox */
            justify-content: space-between; /* Espacia las columnas uniformemente */
            gap: 20px; /* Espacio entre las columnas */
        }

        /* Estilos para cada columna individual */
        .columna {
            flex: 1; /* Permite que las columnas ocupen el mismo espacio disponible */
            background-color: #808080; /* Color de fondo gris */
            color: #ffffff; /* Color del texto blanco */
            padding: 10px; /* Espacio interno para el texto */
            border-radius: 5px; /* Bordes redondeados opcionales */
        }
		
		
		
		
		
		
		
		
		
		/* Estilos CSS para el formulario y sus elementos */
        .form-container {
            margin-top: 1px;
            text-align: center;
        }

        /* Cambiar el tamaño del texto del campo de entrada */
        .search-input {
            font-size: 14px; /* Tamaño del texto del input (ajustable) */
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 14px;
            width: 60%;
        }

        /* Cambiar el tamaño del texto del botón */
        .search-button {
            font-size: 16px; /* Tamaño del texto del botón (ajustable) */
            padding: 10px 15px;
            background-color: #FFFF00;
            color: black;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-left: 5px;
        }

        .search-button:hover {
            background-color: #0056b3;
        }

        .results-container {
            margin-top: 5px;
           
            border: 1px solid #808080;
         			
			 background-color: #000000;
        }
		
		
		.imagen-izquierda {
            float: left; /* Alinea la imagen a la izquierda */
            margin-left: 10px; /* Añade un pequeño margen a la izquierda del texto */
            width: 120px; /* Ajusta el tamaño de la imagen */
            height: auto;
        }
		

		.imagen-centro {
            float: center; /* Alinea la imagen a la izquierda */
            margin-left: 5px; /* Añade un pequeño margen a la izquierda del texto */
            width: 100%; /* Ajusta el tamaño de la imagen */
            height: auto;
        }
		
		
		
    </style>