@charset "utf-8";
/* CSS Document */

main h1 {
	display: flex !important;
	display: block;                 /* Ocupa todo el ancho disponible */
	display: flex;                   /* Activa Flexbox */
	align-items: center;             /* Centra verticalmente */
	justify-content: center;         /* Centra horizontalmente */	
	width: 100%;                     /* 100% del contenedor */
	height: 100px;
	padding: 15px 20px;             /* Espaciado interno */
	border-radius: 12px;             /* Bordes redondeados */
	background-color: #D4EDDA;			/* color café */
	color: #226130;                   /* Color del texto */
	font-size: 2rem;                  /* Tamaño del texto */
	font-weight: bold;
	margin-bottom: 20px;              /* Separación del contenido debajo */
	text-align: center;               /* Centrar el texto horizontalmente */
	box-sizing: border-box;           /* Incluye padding dentro del ancho */
}	
.titulo1 {
	display: flex !important;
	width: 100%;                     /* 100% del contenedor */
	height: 100px;
	padding: 15px 20px;             /* Espaciado interno */
	border-radius: 12px;             /* Bordes redondeados */
	background-color: #D4EDDA;			/* color café */
	color: #226130;                   /* Color del texto */
	font-size: 2rem;                  /* Tamaño del texto */
	font-weight: bold;
	margin-bottom: 20px;              /* Separación del contenido debajo */
	text-align: center;               /* Centrar el texto horizontalmente */
	box-sizing: border-box;           /* Incluye padding dentro del ancho */				
}



/* Estilo relacionado para H2 dentro de main */
main h2 {
	display: flex !important;
	display: block;                 /* Ocupa todo el ancho disponible */
	display: flex;                  /* Activa Flexbox */
	align-items: center;            /* Centra verticalmente */
	justify-content: center;        /* Centra horizontalmente */
	width: 100%;
	min-height: 64px;               /* Más bajo que el H1 */
	padding: 10px 16px;             /* Espaciado interno */
	border-radius: 10px;            /* Bordes redondeados */
	background-color: #EAF5EE;      /* Tono más claro, relacionado con H1 */
	color: #226130;                 /* Color del texto */
	font-size: 1.5rem;              /* Menor tamaño que H1 */
	font-weight: 600;
	margin: 15px 0 20px 0;          /* Separación del contenido */
	text-align: center;             /* Centrar el texto */
	box-sizing: border-box;         /* Incluye padding dentro del ancho */
	border: 1px solid #CFE8D6;      /* Borde sutil en la misma gama */
}