.form-campo {
    width: 350px;
    padding: 10px;
    font-size: 15px;
    border-radius: 10px;
    border: 2px solid #8f8f8f;
    margin-top: 5px;
}
h1{
    font-size: 2.5em;
    }
    h2{
    font-size: 1.8em;
    }
    h3{
    font-size: 1em;
    }
    .container{
        display: flex;
        flex-direction: column;
        background-color: rgb(255, 255, 255);
        color:#4472C4;
    }
    .barra {
        background-color: rgb(255, 255, 255);
        color:#4472C4;
    }
    .info-usuario {
        background-color: rgb(255, 255, 255);
        color:rgb(0, 0, 0);
        align-items: center;
        margin-top:10px ;
        margin-bottom:10px ;
        display: flex;
        align-items: center;
        flex-direction:column;
    
    }
    .data-usuario {
        background-color: rgb(255, 255, 255);
        color:rgb(22, 108, 206);
        align-items: center;
        margin-top:10px ;
        margin-bottom:10px ;
        display: flex;
        align-items: center;
        flex-direction: column;
        max-width: 80px;
        font-size:0.7em;
    }
    .data-usuario-temporal {
        background-color: rgb(255, 255, 255);
        color:rgb(190, 56, 56);
        align-items: center;
        margin-top:5px ;
        margin-bottom:5px ;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius:10px;
        border-color: rgb(190, 56, 56);;
        padding: 5px;
        border-style: solid;
        border-width: 2px;
    }
    .data-usuario-validar {
        background-color:rgb(52, 157, 83);
        color: rgb(255, 255, 255);
        align-items: center;
        margin-top:5px ;
        margin-bottom:5px ;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius:4px;
        border-color:rgb(52, 157, 83);
        border-style: none;
        border-width: 2px;
        font-size: 0.8em;
        padding-left:4px;
        padding-right:4px;
    }

    
    .icono-coco {
        background-color: rgb(255, 255, 255);
        color:rgb(0, 0, 0);
        align-items: center;
        margin-top:10px ;
        margin-bottom:10px ;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-right: 10px;
    
    }
        .titulo-coco{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;        
        border-width: 4px;
        border-top: none;
        border-bottom: none;
        text-align: center;
        flex-direction: row;
        padding: 15px;
        align-items: center;
    }
    .titulo-comunidad-2{
        background-color: #ffffff;
        color:#177438;
        border-style: none;
        border-color: #177438;
        text-align: left;
        flex-direction: column;
        font-size: 1.5em;
        padding: 15px;
        margin: 10px;
        border-radius:15px;
    }
    .cuerpo{
        background-color: rgb(255, 255, 255);
        color:#4472C4;
    }
    .titulo-consulta{
        background-color: #4472C4;
        color:white;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        text-align: center;
        margin-left:0px;
    }
    .item-consulta{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:0px;
        margin:10px;
        text-align: center;
    }
    .texto-consulta{
        background-color: #f9fffa;
        color:#4172c8;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px 9px 0px 0px;
    }
    .ver-consulta-texto-consulta{
        background-color: #f9fffa;
        color:#4172c8;
        font-size: 1.4em;
        margin:0px;
        padding:10px;
        text-align: center;
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px 9px 0px 0px;
    }
    .footer-consulta{
        background-color: #70c172;
        color:#4172c8;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding:0px;
        margin:0px;
        text-align: center;
    }
    .ver-consulta{
        background-color: #ffffff;
        color:#4472C4;
        padding:10px;
        margin:10px;
        text-align: center;
        font-size: 0.8em;
    }
    .titulo-consenso{
        background-color: #4472C4;
        color:white;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        text-align: center;
        margin-left: 0px;
    }
    .item-consenso{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:0px;
        margin:10px;
    }
    .texto-consenso{
        background-color: #fffaf3;
        color:#4172c8;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px 9px 0px 0px;
    }
    .footer-consenso{
        background-color:#f5ba6e;
        color:#4172c8;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding:0px;
        margin:0px;
        text-align: center;
    }
    .ver-consenso{
        background-color: #ffffff;
        color:#4472C4;
        padding:10px;
        margin:10px;
        text-align: center;
        font-size: 0.8em;
    }
    
    .titulo-comunidad{
        background-color: #4472C4;
        color:white;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        text-align: center;
        margin-left: 0px;
    }                    
    
        .item-comunidad{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:0px;
        margin:10px;
    }
    .texto-comunidad{
        background-color: #f9f9f9;
        color:#4172c8;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        min-height: 00px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px 9px 0px 0px;
    }
    .footer-comunidad{
        background-color:#aaaaaa;
        color:#4172c8;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding:0px;
        margin:0px;
        text-align: center;
    }
    .ver-comunidad{
        background-color: #ffffff;
        color:#4472C4;
        padding:10px;
        margin:10px;
        text-align: center;
        font-size: 0.8em;
    }
    .descripcion-comunidad{
        background-color: #ffffff;
        color:#4472C4;
        border-style: none;
        border-color:#225446;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        font-size: 1em;
    }
    .descripcion-consulta{
        background-color: #ffffff;
        color:#225446;
        font-size: 0.9em;
        padding:10px;
        margin:10px;
    }
    .btn-volver{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color:#4472C4;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        font-size: 16px;
        width:150px;
        text-align: center;
        
    }
    .btn-volver:hover {
        background-color: #4472C4;
        color:white;
    }
    
    .btn-comenzar-consulta{
        background-color: #ffffff;
        color:#177438;
        border-style: solid;
        border-color:#177438;
        border-radius: 12px;
        padding:10px;
        margin:10px;
        font-size: 16px;
        width:150px;
        text-align: center;
        
    }
    .btn-comenzar-consulta:hover {
        background-color: #177438;
        color:white;
    }

    .ver-consulta-accion-usuario{
        background-color: #70c172;
        color:#ffffff;
        border-style: none;
        border-color: #4472C4;
        border-radius: 0 0 8px 8px;
        padding:10px;
        margin:0px;
        text-align: left;
        font-size: 1em;
    }
    .item-consulta-vercons{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:0px;
        margin:10px;
        text-align: center;
    }
    .texto-consulta-vercons{
        background-color: #f9fffa;
        color:#4172c8;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        height: 140px;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius: 9px 9px 0px 0px;
        justify-content: space-evenly;
    }
    .footer-consulta-vercons{
        background-color: #70c172;
        color:#ffffff;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding:0px;
        margin:0px;
        text-align: center;
    }
    .ver-consulta-vercons{
        background-color: #ffffff;
        color:#4472C4;
        padding:10px;
        margin:10px;
        text-align: center;
        font-size: 0.8em;
    }
    .item-consenso-vercons{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:10px;
        margin:10px;
    }
    .texto-consenso-vercons{
        background-color: #fffaf3;
        color:#4172c8;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        height: 140px;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius: 9px 9px 0px 0px;
        justify-content: space-evenly;
    }
    .footer-consenso-vercons{
        background-color:#f5ba6e;
        color:#ffffff;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding:0px;
        margin:0px;
        text-align: center;
    }

    .item-aporte-vercons{
        background-color: #ffffff;
        color:#4472C4;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 12px;
        padding:0px;
        margin:10px;
    }
    .texto-aporte-vercons{
        background-color: #ffffff;
        color:#626262;
        margin:0px;
        padding:10px;
        text-align: center;
        font-size: large;
        max-height: 140px;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius: 9px 9px 0px 0px;
        justify-content: space-evenly;
        font-size: 1.2em;
        font-style: italic;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .footer-aporte-vercons{
        background-color:#3e3e3e;
        color:#ffffff;
        border-style:none;
        border-color: #4472C4;
        border-radius: 0px 0px 9px 9px;
        padding-left:10px;
        margin:0px;
        text-align: left;
        font-size: 0.9em;
    }
