@import url('./variables.css');

body {
    height: auto;
}
.tituloOrden {
    text-align: center;
}

.textData {
    width: max-content;
    padding: 20px 10px;
}

.containerData {
    flex-direction: column;
    align-items: flex-start;
}

.valor {
    color: black;
}

.btnRechazado {
    background: red;
    box-shadow: 0 10px 30px 0px rgba(184, 70, 70, 0.5);
    -moz-box-shadow: 0 10px 30px 0px rgba(184, 70, 70, 0.5);
    -webkit-box-shadow: 0 10px 30px 0px rgba(184, 70, 70, 0.5);
    -o-box-shadow: 0 10px 30px 0px rgba(184, 70, 70, 0.5);
    -ms-box-shadow: 0 10px 30px 0px rgba(184, 70, 70, 0.5);
  
}

.btnsGenerarOrden {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.documentosAdjuntos {
    width: 100%;
}

.documentosAdjuntos .wrap-input100{
    margin: auto;
} 

.imagenAdjunta {
    width: 200PX;
    margin: 10px;
    /* border: 2px solid red; */
    border-radius: 10px;
    box-shadow: 1px 2px 14px 0px #999999;

}

.containerImg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 20px;
    width: 100%;
    margin: 20px  auto;
}

.ordenContainer {
    width: 80vw;
    margin-top: 20px;
    max-width: 800px;
    height: min-content;
}

.comentarios,.grupos {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid #999999;
    margin: 20px 0;
    box-shadow: 2px 2px 14px 0px #999999;
    resize: none;
    padding: 20px;

    font-family: Poppins-Medium;
    font-size: 16px;
    color: #999999;

    white-space: pre-wrap; /* conserva saltos de línea y espacios, y permite wrap */
    word-wrap: break-word;
}
.containerEstadoOrden{
    text-align: center;
}

.orden-aprobada,.orden-rechazada,.orden-pendienteSinOP{
    font-size: 30px;
    font-weight: 700;
    margin: 0 auto;
}

.orden-aprobada {
    color: #57b846;
}

.orden-rechazada {
    color: #ff0000;
}

.orden-pendienteSinOP {
    color: #666666;
  }

.orden-pendiente{
    font-size: 25px;
    margin: 0 auto;
    padding: 10px;
    font-weight: 600;
    color: #999999;
}