/* COMBOS TERMINACION */   

.comb-terminacion{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap;
    align-items:flex-start;
}

.terminacion-item{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:50px;
    margin-right:15px;
    margin-bottom:15px;
    cursor:pointer;
}

.terminacion-titulo{
    min-width:180px;
    font-size:28px;
    margin-top:20px;
}


div.col-form-label {
  color: #000;
  text-transform: uppercase;
  font-size: 0.7em;
}



.terminacion-item input{
    display:none;
}

/* seleccionado */
.terminacion-item input:checked + .circle-wrapper .color-circle{
    transform:scale(1.08);
    border:3px solid #000;
}

.color-circle{
    width:35px;
    height:35px;
    border-radius:50%;
   /* margin:auto; */
    border:1px solid #999;
    transition:all .2s;
}

/* estado seleccionado */
.terminacion-item input:checked + .circle-wrapper .color-circle{
    transform:scale(1.08);
    border:3px solid #000;
}

/* hover opcional suave */
.terminacion-item:hover .color-circle{
    transform:scale(1.05);
}

.codigo{
    font-weight:bold;
    margin-top:8px;
    line-height:1;
}

.nombre{
    line-height:1.1;
    text-align:center;
}

.circle-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
}

/*  FORMAS */



.formato-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;

    flex:0 0 110px;

    margin-right:15px;
    margin-bottom:15px;

    text-align:center;
    cursor:pointer;
}

.formato-item input{
    display:none;
}

.forma{
    background:#bdbdbd;
    border:1px solid #888;
    transition:all .2s;
}

/* seleccion */
.formato-item input:checked + .forma-wrapper .forma{
    border:3px solid #000;
    transform:scale(1.05);
}

/* CONICA */
.forma-conica{
    width:55px;
    height:40px;
    clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}

/* CILINDRICA */
.forma-cilindrica{
    width:45px;
    height:50px;
    border-radius:12px;
}

/* TRAPECIO */
.forma-trapecio{
    width:55px;
    height:40px;
    clip-path:polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%);
}

/* CUADRADA */
.forma-cuadrada{
    width:45px;
    height:45px;
}

/* RECTANGULAR */
.forma-rectangular{
    width:60px;
    height:40px;
}

/* SIN */
.forma-sin{
    width:50px;
    height:3px;
    margin-top:20px;
}

.forma-codigo{
    margin-top:8px;
    font-weight:bold;
    line-height:1;
}

.forma-nombre{
    line-height:1.1;
}

.forma-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
}