@import url('styleFuentes.css');

body{
    background-image: url("../img/patron8M.png");
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}

.backgroundAzul{

    background-image: url("../img/slpheader.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 80vh;
    
}




.cursorActivo{
    cursor: pointer;
}

    
    
.modalbackgrounModal{

    background: rgb(71,0,103);
    background: -moz-linear-gradient(41deg, rgba(71,0,103,0.4990371148459384) 10%, rgba(233,105,177,0.5046393557422969) 96%);
    background: -webkit-linear-gradient(41deg, rgba(71,0,103,0.4990371148459384) 10%, rgba(233,105,177,0.5046393557422969) 96%);
    background: linear-gradient(41deg, rgba(71,0,103,0.4990371148459384) 10%, rgba(233,105,177,0.5046393557422969) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#470067",endColorstr="#e969b1",GradientType=1);
}


.modalContenidoBackground{
    background: rgb(7,150,194);
    background-image: url("../img/patronPuntos.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: repeat;
}

.btnIngresar{
    background: #E969B1;

    width: 100%;
    color: #FFFFFF;
    font-family: 'CarmenSans-SemiBold';
    border-radius: 7px;
    border: 0px ;

    height: 45px;

}

.btnIngresar:hover{
    background: #470067;

    width: 100%;
    color: #FFFFFF;
    font-family: 'CarmenSans-Heavy';
    border-radius: 7px;
    border: 0px ;

    height: 45px;

}
 

input[readonly] {
    background-color: #e9ecef;
}

select[readonly] {
    background-color: #e9ecef;
}


.mostrar{
    display: block;
}
.ocultar{
    display: none;
}

.colorBlanco{
    color: #FFFFFF;
}

.colorNegro{
    color: #000000;
}

.colorVerde{
    color: #E16DA7;
}

.colorRojo{
    color: #DF0915;
}

.labelInput{
    font-family: 'CarmenSans-Bold';
    color: #3d3d3d;
    font-size: 16px;
}

.valueInput{
    font-family: 'CarmenSans-Regular';
    color: #0C2676;
    font-size: 16px;
}

.form-control {
    border-color: #0000007a !important;
}

.form-select{
    border-color: #0000007a !important;
}

.form-control:focus {
 border-color: #b2871e !important;
 box-shadow: 0 0 0 0.25rem #fead2269 !important;
}

.form-select:focus {
    border-color: #b2871e !important;
   }

.colorAzul{
    color: #0C2676
}


.colorAmarillo{
    color: #FEAE22
}

.colorAzulClaro{
    color: #0796C2
}

.cintilloBicolor{
    
    background: rgb(254,174,34);
    background: -moz-linear-gradient(270deg, rgba(254,174,34,1) 50%, rgba(12,38,118,1) 50%);
    background: -webkit-linear-gradient(270deg, rgba(254,174,34,1) 50%, rgba(12,38,118,1) 50%);
    background: linear-gradient(270deg, rgba(254,174,34,1) 50%, rgba(12,38,118,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feae22",endColorstr="#0c2676",GradientType=1);
    min-height: 55px;
    position: relative;
}

.textoCintilloImg{
    position: absolute;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
.textoContilloP{
    color: #FFFFFF;
    font-size: 35px;
    font-family: 'CarmenSans-Bold';
    text-align: end;
    padding-right: 75px;
}

.textoContilloPIndex{
    color: #FFFFFF;
    font-size: 45px;
    font-family: 'CarmenSans-Bold';
    text-align: end;
    padding-right: 75px;
}

.cardShadow{
    -webkit-box-shadow: 2px 2px 14px -1px rgba(0,0,0,1);
    -moz-box-shadow: 2px 2px 14px -1px rgba(0,0,0,1);
    box-shadow: 2px 2px 14px -1px rgba(0,0,0,1);
}



.limitante1 {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* <integer> values */
    -webkit-line-clamp: 1;
} 
.limitante2 {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* <integer> values */
    -webkit-line-clamp: 2;
}



.limitante3 {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* <integer> values */
    -webkit-line-clamp: 3;
}

.backColorAmarillo{
    background-color: #FEAE22;
}

.backColorAzul{
    background-color: #0C2676;
}

.backColorCielo{
    background-color: #0796C2;
}

.colorRosaFuerte8M{
    color : #E969B1
}

.colorRosaClaro8M{
    color : #FFD9FC
}

.colorMorado8M{
    color : #470067
}
.colorMoradoClaro8M{
    color : #521D54
}


.bgRosaFuerte8M{
    background-color : #E969B1
}

.bgRosaClaro8M{
    background-color : #FFD9FC
}

.bgMorado8M{
    background-color : #470067
}
.bgMoradoClaro8M{
    background-color : #521D54
}