.mi-div-con-borde-3d {
	border: 1px solid #ccc; /* Borde base */
    border-radius: 8px;    /* Esquinas redondeadas */
	background-color: #f9f9f9; /* Fondo para el efecto */
	padding: 5px;         /* Espacio interno */
	margin: 10px;          /* Margen externo */

	/* Efecto de sombra para 3D */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.05);

	/* Opcional: Para un efecto 3D más pronunciado con perspectiva */
	perspective: 1000px;
	transform-style: preserve-3d; /* Asegura que los elementos hijos se rendericen en 3D */
}

.div-a-la-derecha {
	float: right; /* Flota el div a la derecha */
	width: 80px;
}


.contenedor-boton {
    /* Estilos para el contenedor si es necesario */
	position: relative; /* Para posicionar el contenido adentro */
}

.mi-boton {
	background-color: #4CAF50; /* Fondo verde */
	color: white; /* Texto blanco */
	padding: 10px 20px; /* Espaciado interno */
	border: none; /* Sin borde */
	border-radius: 5px; /* Bordes redondeados */
	cursor: pointer; /* Cambia el cursor a una mano */
	font-size: 20px; /* Tamaño de la fuente */
	text-align: center; /* Centra el texto */
}

.mi-boton:hover {
	background-color: #45a049; /* Color más oscuro al pasar el mouse */
}

.mi-enlace {
	background-color: #007bff; /* Fondo azul */
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 20px;
	text-decoration: none; /* Elimina el subrayado del enlace */
	display: inline-block; /* Permite aplicar padding y margin */
}

.mi-enlace:hover {
	background-color: #0056b3;
}