.custom-list {
	list-style-type: none; /* Quitar la numeración predeterminada */
	padding-left: 0; /* Eliminar el espacio del padding */
	text-align: justify;
}
			
.custom-list li::before {
	content: ""; /* Agregar el símbolo + */
	color: black; /* Cambiar el color del símbolo si lo deseas */
	font-weight: bold; /* Opcional: hacer el símbolo más visible */
	font-size: 24px; /* Ajustar el tamaño del símbolo */
}
			
.box .col-md-10.mb-4 {
	border: 1px solid #ddd; /* Línea del borde */
	background-color: #dee6ed; /* Color de fondo interior */
	padding: 15px; /* Espaciado interno */
	width: 100%; /* Asegura que ocupe el mismo ancho */
	margin: 10px 0; /* Espaciado entre los elementos */
	border-radius: 0 !important; /* Bordes rectos */
}

/* Cuadro sin fondo ni estilos extras */
.no-style-box {
    border: none; /* Eliminar borde */
    background-color: transparent; /* Fondo transparente */
    padding: 15px; /* Mantener padding interno */
    width: 100%; /* Misma anchura */
    margin: 10px 0; /* Espaciado igual al del cuadro original */
    border-radius: 0; /* Bordes rectos */
}

.lista-triangulos {
	list-style: none; /* Elimina los estilos predeterminados de las listas */
	padding-left: 0; /* Ajusta la posición inicial */
}
				
.lista-triangulos li {
	position: relative;
	padding-left: 20px; /* Espacio para el triángulo */
	margin-bottom: 10px; /* Espaciado entre las líneas */
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}
				
.lista-triangulos li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%; /* Centrado vertical en la línea de texto */
	transform: translateY(-50%) rotate(180deg); /* Gira el triángulo 180 grados */
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #333; /* Color del triángulo apuntando hacia la derecha */
}	
.recuadro-boton-a {
            display: inline-block;
            padding: 10px 20px;
            color: black;
            background-color: rgb(168, 212, 236);
            border-radius: 5px;
            border: 1px solid black;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
            cursor: default; /* Opcional, para que no se vea como un enlace o botón interactivo */
        }
.recuadro-boton-b {
            display: inline-block;
            padding: 10px 20px;
            color: black;
            background-color: rgb(255, 220, 4);
            border-radius: 5px;
            border: 1px solid black;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
            cursor: default; /* Opcional, para que no se vea como un enlace o botón interactivo */
        }
.recuadro-boton-c {
            display: inline-block;
            padding: 10px 20px;
            color: black;
            background-color: rgb(248, 140, 44);
            border-radius: 5px;
            border: 1px solid black;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
            cursor: default; /* Opcional, para que no se vea como un enlace o botón interactivo */
        }
 .texto-explicacion {
    font-size: 1.2em; 
    font-weight: bold; 
    margin-bottom: 5px;
}