/* --- SOCIAL GENIAL --- */

	/* --- CUERPO --- */

	/* Color Fondo */
	body {
	background: white;
	}

	/* --- ENLACE --- */

	/* Color del Enlace */
	.enlace {
	color: blue; /* Color del Enlace */
	text-decoration: none; /* Subrayado Nulo */
	}

	/* Enlace Cambia de Color con el Cursor Encima */
	.enlace:hover {
	color: red; /* Color del Enlace con el Cursor Encima */    
	}

	/* --- SEPARADOR --- */
	.separator {
	height: 5px; /* Alto */
	width: 100%; /* Ancho Ajustado */
	border-radius: 50px; /* Radio del Borde */
	border: 3px solid black; /* Borde y Color */
	}

	/* --- ESPACIO --- */
	.space {
	margin-left: 5%; /* Margen Izquierda */
	margin-right: 5%; /* Margen Derecha */
	}

	/* --- IMAGEN --- */
	.img {
	width:500px; /* Ancho */
	height:500px; /* Alto */
	border:solid black 3px;
	border-radius:30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	box-shadow:transparent;
	}

	/* --- TEXTO --- */
	h {
	font: trebuchet ms; /* Fuente */
	font-size: 2em; /* Tamaño */
	line-height: 1.2; /* Espacio Entre Líneas */    
	}

	/* --- LÍNEA DE TEXTO --- */
	.p {
	line-height: 1.2; /* Ajusta según el tamaño de la fuente */
	}

	/* --- BOTON --- */

	/* CONTENEDOR */
	.button-container {
	text-align: center; /* Centrado */
	margin-top: 20px; /* Margen Arriba */
	}

	/* BOTON AZUL */
	button.azul {
	background: white; /* Blanco */
	color: blue; /* Azul */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;
	}

	/* AZUL CURSOR ENCIMA */
	button.azul:hover {
	background: blue; /* Azul */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}

	/* BOTON VERDE */
	button.verde {
	background: white; /* Blanco */
	color: green; /* Verde */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;
	}

	/* VERDE CURSOR ENCIMA */
	button.verde:hover {
	background: green; /* Verde */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}

	/* BOTON ROJO */
	button.rojo {
	background: white; /* Blanco */
	color: red; /* Rojo */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* ROJO CURSOR ENCIMA */
	button.rojo:hover {
	background: red; /* Rojo */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}	

	/* BOTON MARRON */
	button.marron {
	background: white; /* Blanco */
	color: brown; /* Marron */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* MARRON CURSOR ENCIMA */
	button.marron:hover {
	background: brown; /* Marron */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}

	/* BOTON UVA */
	button.uva {
	background: white; /* Blanco */
	color: purple; /* Uva */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* UVA CURSOR ENCIMA */
	button.uva:hover {
	background: purple; /* Uva */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}

	/* BOTON NARANJA */
	button.naranja {
	background: white; /* Blanco */
	color: orange; /* Naranja */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* NARANJA CURSOR ENCIMA */
	button.naranja:hover {
	background: orange; /* Naranja */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}	

	/* BOTON GRIS */
	button.gris {
	background: white; /* Blanco */
	color: gray; /* Gris */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* GRIS CURSOR ENCIMA */
	button.gris:hover {
	background: gray; /* Gris */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}	

	/* BOTON NEGRO */
	button.negro {
	background: white; /* Blanco */
	color: Black; /* Negro */
	padding: 20px; /* Relleno */
	margin-left: 0; /* Margen */
	cursor: pointer; /* Mostrar Cursor Encima */
	width: 99%; /* Ajustar */
	border-radius: 50%;
    border: dashed 2px black;
    font-size: 25px;
    font-family: trebuchet;

	}

	/* NEGRO CURSOR ENCIMA */
	button.negro:hover {
	background: Black; /* Negro */
	color: white; /* Blanco */
	opacity: 1; /* Opacidad */
	transition: 1s; /* Transición */
	}