.two-column-container {
	display: flex;
    background-color: rgba(217, 217, 217, 0.49);
    padding: 5% 15%;
    gap: 1rem;
    border-radius: 2rem;
}

.column {
    flex: 1; /* Ambas columnas ocupan el mismo espacio */
    display: flex; /* Flexbox para centrar contenido */
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
}

.left-column img {
    max-width: 100%;
    height: auto;
    padding: 2rem 0 2rem 0;
}

.right-column {
    display: flex; /* Flexbox para colocar filas */
    flex-direction: column; /* Direcciona las filas en columna */
    align-items: center; /* Centra el contenido horizontalmente */
    justify-content: center; /* Centra el contenido verticalmente */
    text-align: center; /* Texto centrado */
}

.right-column h3,
.right-column p {
    margin: 0 0; /* Margen para separar elementos */
}

.right-column .no-bold {
    font-weight: normal; /* H3 sin negrita */
}

.border-button {
    border: 1px solid #1D1D1B; /* Botón con borde */
    background: none; /* Sin color de fondo */
    color: #1D1D1B; /* Color del texto */
    padding: 0.5rem 1rem; /* Espacio dentro del botón */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    margin: 0.5rem 0; /* Margen vertical */
    font-size: 1rem; /* Tamaño de fuente */
  	border-radius: 2rem;
}

.border-button:hover {
  	border: 2px solid #1D1D1B; /* Botón con borde */
    color: white; /* Color del texto al pasar el ratón por encima */
}

.right-column p {
    font-size: 1rem;
    padding-top: 0.8rem;
    width: 17rem;
    line-height: 1.4;
}

.border-button {
    color: black; /* Color normal */
    text-decoration: none; /* Sin subrayado */
}

.border-button:hover,
.border-button:focus {
    color: black; /* Color al pasar el mouse o al enfocarse */
}

.border-button:visited {
    color: black; /* Color después de hacer clic */
}