body {
    /* background-color: white; */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.header {
    height: 100%;
    max-height: 20%;
    display: flex;
    flex-direction: column;
}

.mainThis {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #dbf8ea;
}

/* ------- area de secciones de rectangulos de colores -------- */

/* ------- Div section 1 --------- */
.divPedidoProceso {
    width: 100%;
    height: 20%;
    background-color: #f3f3e8; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.divCentroProceso {
    width: 50%;
    height: 70%;
    /* background-color: #5993b9; */
    /* border: 2px solid #000; <-- Borde negro de 2px */
    /* border-radius: 20px; <-- Opcional: esquinas redondeadas */
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); <-- Opcional: sombrita */
}

.divCentroProcesoTitle {
    width: 100%;
    height: 30%;
    background-color: #accff4; 
    text-align: center;
    border: 2px solid #000; /* Borde negro de 2px */
    border-radius: 20px; /* Opcional: esquinas redondeadas */
}

.titleFolioActual {
    font-size: 20px;
    /* border-color: black;
    /* border: 2px solid black;  */
}

.divCentroProcesoShow {
    width: 100%;
    height: 70%;
    background-color: #88bada;
    text-align: center;
    display: flex; /* Agregado: 'display: flex' para que funcione align-items y justify-content */
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 20px;
}

.pFolioActual {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5%;
}

/* ------- Div section 2 formulario de mi pedido --------- */
.divFormMiPedido {
    width: 100%;
    height: 80%;
	
    background-color: #c0c0f7;
	
    display: flex;
    justify-content: center;
    align-items: center;
}

.divAreaForm {
    width: 50%;
    height: 60%;
    padding-top: 10%;
	padding-bottom: 10%;
	background-color: white;
	display: flex;
	justify-content: center;
   /*
   align-items: center;
   */

}

.formFolio{
	background-color:white;
	width: 80%;
	height: 50%;
}
/* ------- Div section 3 --------- */

/* --- division de medidas para carrosel */

/* ------- Div section muestra --------- */

/* Se realiza las condiciones del footer */
footer{
	/* position:relative; */
	
	/*
	max-height:200px;
	*/
	}