pre{
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

* {
  box-sizing: border-box;
}

/*--------------------*/

#pantalla{
    overflow: auto;
}

#espacioMenu{
    top: 0;
    right: 0;

    #menu{
        bottom:-1000px;
    }
}

#sobrePantalla1{
    background-color: #ffffff60;
    backdrop-filter: blur(3px);
    top: 0;
    width: 100%;
    height: 100%;
    right: -2000px;
    z-index:999;
}
#sobrePantalla2{
    background-color: #ffffff60;
    backdrop-filter: blur(3px);
    top: 0;
    width: 100%;
    height: 100%;
    left: -2000px;
    z-index:999;
}



#sobrePantallaDesktop{
    width: 100%;
    height: 100%;
    top: -2000px;
    z-index:9999;
}

#sobrePantallaDesktop2{

    width: 100%;
    height: 100%;
    bottom: -2000px;
    z-index:9999;
}

#cabeceroPantalla1,
#cabeceroPantalla2,
#cabeceroPantallaDesktop,
#cabeceroPantallaDesktop2{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#sobrePantallaM1{
    right:100%;
    display: none;
    backdrop-filter:blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
}


#sobrePantallaM2{
    left:100%;
    display: none;
    backdrop-filter:blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
}

#sobrePantallaD1{
    right:100%;
    display: none;
    backdrop-filter:blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
}


#sobrePantallaD2{
    left:100%;
    display: none;
    backdrop-filter:blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
}


.bgCristal{
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
}
.bgCristalBlanco{
    background-color: rgb(255 252 252 / 30%);
    backdrop-filter: blur(5px);
}





.anchoAuto{
    float: left;
    clear: none;
    width: auto;
}

.ancho50{
    float: left;
    clear: none;
    width: 50%;
}

.bordeB0-lastNone:last-child{
    border-bottom: none;
}

.bordeR0-lastNone:last-child{
    border-right: none;
}

.centrarTextoV{
    flex-direction: row-reverse;
    justify-content: center;
    display: flex;
}

/*.maxW333{max-width: 333px;}
.maxW1330{max-width: 1330px;}*/

/*--------------------*/

.fixed{position: fixed;}
.absolut{position: absolute;}
.arribaIzq {position: absolute;top: 0px;left: 0px;}
.abajoDerecha {position: absolute; bottom: 0px; right: 0px;}
.arribaDerecha {position: absolute; top: 0px; right: 0%;}
.abajoIzquierda {position: absolute; bottom: 0px; left: 0px;}
.relativo{position: relative;}

.z-index9{z-index: 9;}
.z-index99{z-index: 99;}
.z-index999{z-index: 999;}

.right{right:0px;}
.left{left:0px;}
.top{top:0px;}
.bottom{bottom:0px;}


.flexibleAll{display: flex;}

.flot{float: left; width: 100%;  clear: both;}
.flotR{float: right;}
.flotA{float: left; width: auto;  clear: none;}


.superIndice{display: table-caption;}

.inlineBlock{display:inline-block;}
.inlineGrid{display: inline-grid;}
.inlineFlex{display: inline-flex;}
.grid{display: grid;}
.block{display: block;}
.none{display: none;}

.tabla{display: table;}
.cell{display: table-cell;}
.content{display: contents;}
.celda {display: table-cell; width: 100%;}


.cajaOverflow{overflow: hidden; position: relative;}
.scroll{overflow: scroll;}


.textoV{
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}


.flexCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}

.centerColum{
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.flex-endColum{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.flex-startColum{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.betweenColum{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.grid-column50{
    display: grid;
    grid-template-columns: 50% 50%;
}

.grid-column33{
    display: grid;
    grid-template-columns: 33.333333% 33.333333% 33.333333%;
}

.grid-column25{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}


.grid-row33 {
    display: grid;
    grid-template-rows: 33.333333% 33.333333% 33.333333%;
}


.line-height5{line-height: 5px;}
.line-height10{line-height: 10px;}
.line-height20{line-height: 20px;}
.line-height30{line-height: 30px;}
.line-height40{line-height: 40px;}
.line-height50{line-height: 50px;}
.line-height60{line-height: 60px;}
.line-height80{line-height: 80px;}
.line-height90{line-height: 90px;}
.line-height100{line-height: 100px;}
.line-height1em{line-height: 1em;}
.line-heightA {line-height: 1.5em;}

.lineaD {border-right: 1px dotted;}
.lineaTD {border-top: 1px dotted;}
.lineaBD {border-bottom: 1px dotted;}

.centroV{display: table-cell; vertical-align: middle;}


.cuadrado{width:10px; height:10px; display: inline-block;}

.circulo {
 width: 1em;
 height: 1em;
 -moz-border-radius: 50em;
 -webkit-border-radius: 50em;
 border-radius: 50em;
}


.col {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}


.col-xs-1A{width: 8,333333333%; position: relative; min-height: 1px; float:left;}/*col-xs-1*/
.col-xs-2A{width: 16,666666667%; position: relative; min-height: 1px; float:left;}/*col-xs-2*/
.col-xs-20{width: 20%; position: relative; min-height: 1px; float:left;}
.col-xs-3A{width: 25%; position: relative; min-height: 1px; float:left;}/*col-xs-3*/
.col-xs-4A{width: 33.33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-4*/
.col-xs-40{width: 40%; position: relative; min-height: 1px; float:left;}
.col-xs-5A{width: 41.66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-5*/
.col-xs-6A{width: 50%; position: relative; min-height: 1px; float:left;}/*col-xs-6*/
.col-xs-60{width: 60%; position: relative; min-height: 1px; float:left;}
.col-xs-7A{width: 58,33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-7*/
.col-xs-8A{width: 66,66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-8*/
.col-xs-9A{width: 75%; position: relative; min-height: 1px; float:left;}/*col-xs-9*/
.col-xs-80{width: 80%; position: relative; min-height: 1px; float:left;}
.col-xs-10A{width: 83,33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-10*/
.col-xs-11A{width: 91,66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-11*/
.col-xs-12A{width: 100%; position: relative; min-height: 1px; float:left;}/*col-xs-12*/

.col-xs-14col{width: 7.142867%; position: relative; float:left;}
.col-xs-10col{width: 10%; position: relative; min-height: 1px; float:left;}
.col-xs-7col{width: 14.285714%; position: relative; float:left;}
.col-xs-7Acol{width: 28.571428%; position: relative; float:left;}
.col-xs-7Bcol{width: 42,857412%; position: relative; float:left;}



.borde { border:1px solid;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.bordeB {border-bottom: 1px solid;}
.bordeB0 {border-bottom: 0PX;}
.bordeB5 {border-bottom: 5px solid;}
.bordeR {border-right:1px solid;}
.bordeL {border-left:1px solid;}
.bordeL0 {border-left:0px;}
.bordeT{border-top: 1px solid;}


.b0{border: none;}
.b3{border-width: 3px;}
.b5{border-width: 5px;}
.b7{border-width: 7px;}


.bordeA2{

    border-right: 0.5px solid #919191;
    border-bottom: 0.5px solid #919191;
}


.margen5x{margin: 5px;}

.mAuto{margin:0 auto;}
.m0{margin: 0px;}
.m0Icon:before{margin: 0px;}
.m1{margin-top:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m4{margin-top:4%;}
.m5{margin-top:5%;}
.m6{margin-top:6%;}
.m7{margin-top:7%;}
.m8{margin-top:8%;}
.m9{margin-top:9%;}
.m10{margin-top:10%;}

.m5x{margin-top: 5px;}
.mr5x{margin-right: 5px;}
.ml5x{margin-left: 5px;}
.mb5x{margin-bottom: 5px;}

.m7x{margin-top: 7px;}
.mr7x{margin-right: 7px;}
.ml7x{margin-left: 7px;}
.mb7x{margin-bottom: 7px;}

.m15x{margin-top: 15px;}
.mr15x{margin-right: 15px;}
.ml15x{margin-left: 15px;}
.mb15x{margin-bottom: 15px;}

.mr1{margin-right: 1%;}
.mr2{margin-right: 2%;}
.mr3{margin-right: 3%;}
.mr4{margin-right: 4%;}
.mr5{margin-right: 5%;}
.mr6{margin-right: 6%;}
.mr7{margin-right: 7%;}
.mr8{margin-right: 8%;}
.mr9{margin-right: 9%;}
.mr10{margin-right: 10%;}

.ml1{margin-left:1%;}
.ml2{margin-left:2%;}
.ml3{margin-left:3%;}
.ml4{margin-left:4%;}
.ml5{margin-left:5%;}
.ml6{margin-left:6%;}
.ml7{margin-left:7%;}
.ml8{margin-left:8%;}
.ml9{margin-left:9%;}
.ml10{margin-left:10%;}


.mb1{margin-bottom:1%;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.mb4{margin-bottom: 4%;}
.mb5{margin-bottom: 5%;}
.mb6{margin-bottom: 6%;}
.mb7{margin-bottom: 7%;}
.mb8{margin-bottom: 8%;}
.mb9{margin-bottom: 9%;}
.mb10{margin-bottom: 10%;}


.m5B1 {margin-top: 25%;}
.ajusteTop{margin-top: 6%;}
.rowLeft{margin-left:-15px;}

.p0{padding: 0px;}.p02{padding: 0.2%;}.p05{padding: 0.5%;}
.p1{padding:1%;}
.p2{padding: 2%;}
.p3{padding: 3%;}
.p4{padding: 4%;}
.p5{padding: 5%;}
.p6{padding: 6%;}
.p7{padding: 7%;}
.p8{padding: 8%;}
.p9{padding: 9%;}

.p5x{padding: 5px;}
.p7x{padding: 7px;}
.p15x{padding: 15px;}

.pb5x{padding-bottom: 5px;}
.pt5x{padding-top: 5px;}
.pr5x{padding-right: 5px;}
.pl5x{padding-left: 5px;}

.pb7x{padding-bottom: 7px;}
.pt7x{padding-top: 7px;}
.pl7x{padding-left: 7px;}
.pr7x{padding-right: 7px;}

.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.pt15x{padding-top: 15px;}
.pt7x{padding-top: 7px;}
.pt8x{padding-top: 8px;}
.pt1{padding-top: 1%;}
.pt2{padding-top: 2%;}
.pt3{padding-top: 3%;}
.pt4{padding-top: 4%;}
.pt5{padding-top: 5%;}
.pt6{padding-top: 6%;}
.pt7{padding-top: 7%;}
.pt8{padding-top: 8%;}
.pt9{padding-top: 9%;}
.pt10{padding-top:10%;}

.pt9x{padding-top: 9px;}
.pb9x{padding-bottom: 9px;}

.pt10x{padding-top: 10px;}
.pb10x{padding-bottom: 10px;}


.pb0{padding-bottom:0%;}
.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pb3{padding-bottom:3%;}
.pb4{padding-bottom:4%;}
.pb5{padding-bottom:5%;}

.pr0{padding-right: 0px;}
.pr1{padding-right: 1px;}
.pr2{padding-right: 2%;}
.pr3{padding-right: 3%;}
.pr4{padding-right: 4%;}
.pr5{padding-right: 5%;}
.pr20{padding-right: 20px;}


.pl0{padding-left: 0%;}
.pl1{padding-left: 1%;}
.pl2{padding-left: 2%;}
.pl3{padding-left: 3%;}
.pl4{padding-left: 4%;}
.pl5{padding-left: 5%;}

.pl15x{padding-left: 15px;}
.pb15x{padding-bottom: 15px;}
.pl20x{padding-left: 20px;}


.rotate-0{transform: rotate(0deg);

}

.rotate-90{transform: rotate(90deg);

}


.valing-medio{vertical-align: middle;}
.valing-top{vertical-align: top;}
.valing-super{vertical-align: super;}
.aling-center{align-items: center;}

.centerAbsolut{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 0px;
  padding: 0px;
}

.centerAbsolutV {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  margin: 0px;
  padding: 0px;
}

.centerAbsolutT {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}


.flexCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}

.centerColum{
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.flex-endColum{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.flex-startColum{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.betweenColum{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.scroll-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    cursor: ew-resize;
}

.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}

.w30{width: 30%;}
.w70{width: 70%;}

.w35x{width: 35px;}
.w40x{width: 40px;}
.w50x{width: 50px;}
.w60x{width: 60px;}
.w70x{width: 70px;}
.w80x{width: 80px;}
.w90x{width: 90px;}
.w100x{width: 100px;}
.w110x{width: 110px;}
.w120x{width: 120px;}
.w150x{width: 150px;}
.w200x{width: 200px;}
.w250x{width: 250px;}
.w300x{width: 300px;}
.w350x{width: 350px;}
.w400x{width: 400px;}
.w450x{width: 450px;}
.w500x{width: 500px;}

.w30vw{width: 30vw;}

.w100{width: 100%;}

.fullHeight {position: absolute; top: 0; bottom: 0;}

.h1{ height:1%; }
.h2{ height:2%; }
.h3{ height:3%; }
.h4{ height:4%; }
.h5{ height:5%; }
.h6{ height:6%; }
.h7{ height:7%; }
.h8{ height:8%; }
.h9{ height:9%; }
.h10{ height:10%; }
.h11{ height:11%; }
.h12{ height:12%; }
.h13{ height:13%; }
.h14{ height:14%; }
.h15{ height:15%; }
.h16{ height:16%; }
.h17{ height:17%; }
.h18{ height:18%; }
.h19{ height:19%; }
.h20{ height:20%; }
.h21{ height:21%; }
.h22{ height:22%; }
.h23{ height:23%; }
.h24{ height:24%; }
.h25{ height:25%; }
.h26{ height:26%; }
.h27{ height:27%; }
.h28{ height:28%; }
.h29{ height:29%; }
.h30{ height:30%; }
.h31{ height:31%; }
.h32{ height:32%; }
.h33{ height:33%; }
.h34{ height:34%; }
.h35{ height:35%; }
.h36{ height:36%; }
.h37{ height:37%; }
.h38{ height:38%; }
.h39{ height:39%; }
.h40{ height:40%; }
.h41{ height:41%; }
.h42{ height:42%; }
.h43{ height:43%; }
.h44{ height:44%; }
.h45{ height:45%; }
.h46{ height:46%; }
.h47{ height:47%; }
.h48{ height:48%; }
.h49{ height:49%; }
.h50{ height:50%; }
.h51{ height:51%; }
.h52{ height:52%; }
.h53{ height:53%; }
.h54{ height:54%; }
.h55{ height:55%; }
.h56{ height:56%; }
.h57{ height:57%; }
.h58{ height:58%; }
.h59{ height:59%; }
.h60{ height:60%; }
.h61{ height:61%; }
.h62{ height:62%; }
.h63{ height:63%; }
.h64{ height:64%; }
.h65{ height:65%; }
.h66{ height:66%; }
.h67{ height:67%; }
.h68{ height:68%; }
.h69{ height:69%; }
.h70{ height:70%; }
.h71{ height:71%; }
.h72{ height:72%; }
.h73{ height:73%; }
.h74{ height:74%; }
.h75{ height:75%; }
.h76{ height:76%; }
.h77{ height:77%; }
.h78{ height:78%; }
.h79{ height:79%; }
.h80{ height:80%; }
.h81{ height:81%; }
.h82{ height:82%; }
.h83{ height:83%; }
.h84{ height:84%; }
.h85{ height:85%; }
.h86{ height:86%; }
.h87{ height:87%; }
.h88{ height:88%; }
.h89{ height:89%; }
.h90{ height:90%; }
.h91{ height:91%; }
.h92{ height:92%; }
.h93{ height:93%; }
.h94{ height:94%; }
.h95{ height:95%; }
.h96{ height:96%; }
.h97{ height:97%; }
.h98{ height:98%; }
.h99{ height:99%; }
.h100{ height:100%; }


.h1x{ height:1px; }
.h2x{ height:2px; }
.h3x{ height:3px; }
.h4x{ height:4px; }
.h5x{ height:5px; }
.h6x{ height:6px; }
.h7x{ height:7px; }
.h8x{ height:8px; }
.h9x{ height:9px; }
.h10x{ height:10px; }
.h11x{ height:11px; }
.h12x{ height:12px; }
.h13x{ height:13px; }
.h14x{ height:14px; }
.h15x{ height:15px; }
.h16x{ height:16px; }
.h17x{ height:17px; }
.h18x{ height:18px; }
.h19x{ height:19px; }
.h20x{ height:20px; }
.h21x{ height:21px; }
.h22x{ height:22px; }
.h23x{ height:23px; }
.h24x{ height:24px; }
.h25x{ height:25px; }
.h26x{ height:26px; }
.h27x{ height:27px; }
.h28x{ height:28px; }
.h29x{ height:29px; }
.h30x{ height:30px; }
.h31x{ height:31px; }
.h32x{ height:32px; }
.h33x{ height:33px; }
.h34x{ height:34px; }
.h35x{ height:35px; }
.h36x{ height:36px; }
.h37x{ height:37px; }
.h38x{ height:38px; }
.h39x{ height:39px; }
.h40x{ height:40px; }
.h41x{ height:41px; }
.h42x{ height:42px; }
.h43x{ height:43px; }
.h44x{ height:44px; }
.h45x{ height:45px; }
.h46x{ height:46px; }
.h47x{ height:47px; }
.h48x{ height:48px; }
.h49x{ height:49px; }
.h50x{ height:50px; }
.h51x{ height:51px; }
.h52x{ height:52px; }
.h53x{ height:53px; }
.h54x{ height:54px; }
.h55x{ height:55px; }
.h56x{ height:56px; }
.h57x{ height:57px; }
.h58x{ height:58px; }
.h59x{ height:59px; }
.h60x{ height:60px; }
.h61x{ height:61px; }
.h62x{ height:62px; }
.h63x{ height:63px; }
.h64x{ height:64px; }
.h65x{ height:65px; }
.h66x{ height:66px; }
.h67x{ height:67px; }
.h68x{ height:68px; }
.h69x{ height:69px; }
.h70x{ height:70px; }
.h71x{ height:71px; }
.h72x{ height:72px; }
.h73x{ height:73px; }
.h74x{ height:74px; }
.h75x{ height:75px; }
.h76x{ height:76px; }
.h77x{ height:77px; }
.h78x{ height:78px; }
.h79x{ height:79px; }
.h80x{ height:80px; }
.h81x{ height:81px; }
.h82x{ height:82px; }
.h83x{ height:83px; }
.h84x{ height:84px; }
.h85x{ height:85px; }
.h86x{ height:86px; }
.h87x{ height:87px; }
.h88x{ height:88px; }
.h89x{ height:89px; }
.h90x{ height:90px; }
.h91x{ height:91px; }
.h92x{ height:92px; }
.h93x{ height:93px; }
.h94x{ height:94px; }
.h95x{ height:95px; }
.h96x{ height:96px; }
.h97x{ height:97px; }
.h98x{ height:98px; }
.h99x{ height:99px; }
.h100x{ height:100px; }
.h200x{ height:200px; }
.h300x{height: 300px;}
.h350x{height: 350px;}
.h400x{height: 400px;}
.h450x{height: 450px;}
.h500x{height: 500px;}


.minContent{min-width: min-content;}
.fill-available{min-width:-webkit-fill-available;}

.minW50x{min-width: 50px;}
.minW100x{min-width: 100px;}
.minW200x{min-width: 200px;}
.minW250x{min-width: 250px;}
.minW300x{min-width: 300px;}

.minW1500x{min-width: 1500px;}

.minW100{min-width: 100%;}


.h1000{height: 1000px;}

.h100{height: 100%;}
.h99{height: 99%;}
.h50{height: 50%;}

.minH7{min-height: 7px;}

.h15x{height: 15px;}
.h200x{height: 200px;}


.minH1{min-height: 100px;}
.minH12{min-height: 120px;}
.minH13{min-height: 130px;}
.minH14{min-height: 140px;}
.minH19{min-height: 190px;}

.minH20{min-height: 20px;}
.minH25{min-height: 25px;}
.minH30{min-height: 30px;}
.minH40{min-height: 40px;}
.minH50{min-height: 50px;}
.minH60{min-height: 60px;}
.minH70{min-height: 70px;}
.minH80{min-height: 80px;}
.minH90{min-height: 90px;}
.minH100{min-height: 100px;}
.minH110{min-height: 110px;}
.minH120{min-height: 120px;}
.minH130{min-height: 130px;}
.minH140{min-height: 140px;}
.minH150{min-height: 150px;}
.minH190{min-height: 190px;}
.minH190{min-height: 190px;}
.minH200{min-height: 200px;}
.minH250{min-height: 250px;}
.minH300{min-height: 300px;}
.minH350{min-height: 350px;}
.minH375{min-height: 375px;}
.minH400{min-height: 400px;}
.minH450{min-height: 450px;}
.minH500{min-height: 500px;}


.maxH20{max-height: 20px;}
.maxH25{max-height: 25px;}
.maxH30{max-height: 30px;}
.maxH40{max-height: 40px;}
.maxH50{max-height: 50px;}
.maxH60{max-height: 60px;}
.maxH80{max-height: 80px;}
.maxH100{max-height: 100px;}
.maxH120{max-height: 120px;}
.maxH130{max-height: 130px;}
.maxH140{max-height: 140px;}
.maxH150{max-height: 150px;}
.maxH190{max-height: 190px;}
.maxH190{max-height: 190px;}
.maxH200{max-height: 200px;}
.maxH300{max-height: 300px;}
.maxH400{max-height: 400px;}



.maxW110{max-width: 110px;}
.maxW70{max-width: 70px;}
.maxW50{max-width: 50px;}
.maxW200{max-width: 200px;}
.maxW250{max-width: 250px;}
.maxW300{max-width: 300px;}

.maxW900{max-width: 900px;}
.maxW1000{max-width: 1000px;}
.maxW1200{max-width: 1200px;}


.none{ display:none; }


.bordeMatricula{
    border-left: 15px solid;
    border-image: linear-gradient(to top, rgba(80,140,243,1.00) 0%, rgba(80,140,243,1.00) 100%) 1;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    padding: 0px;
    min-width: max-content;

}


#crumbs {

    float: left;

}


#crumbs ul {
    list-style: none;
    margin:0px;
    padding: 0 30px 0 0;
}



#crumbs span {
    display: block;
    float: left;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 2px 18px;
    margin: 0 4px 0 0;
}
#crumbs span:after {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid rgba(245, 245, 245,1.00);
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 1;

}

.crumbsBordeColor:after{
    border-left: 12px solid rgba(68, 68, 68,1.00) !important;
}

#crumbs span:before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
}


#crumbs ul li:first-child span {
    border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#crumbs ul li:first-child span:before {
    display: none;
}

#crumbs ul li:last-child span {
    padding-right: 20px;
    border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#crumbs ul li:last-child span:after {
    display: none;
}


/*-----------------------------------TITULOS----------------------------------*/


.separaTitulo:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    bottom: -9px;
    width: 50px;
    height: 2px;
    background-color: #000;
}


.banda {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 80px;
    overflow: hidden;
    z-index: 999;
}


.soportePantalla {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

.cerrar {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}


.pantalla {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}



.esquina{background-image: url("https://working2.net/lineaGrafica/imagenes/esquina.svg");
    background-repeat: no-repeat;
    width: 2rem;
    position: absolute;
    height: 2rem;
    right: 0px;
    background-color: #e4e4e4;
    top:0px;
    cursor: pointer;
}

.esquina:before {
    content: '';
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid transparent;
    box-shadow: -1px 2px 2.7px 0px #adadad7a;
    position: absolute;
    right: 2px;
    top: 2px;
}



/*-------------XS---------------*/

@media(max-width:767px){

    .none-xs{display: none;}

    .b0-xs{border: none;}

    .bordeB-xs{border-bottom: 1px solid;}

    .row-xs-none{margin-right: 0px;margin-left: 0px;}

    .p0-xs{padding: 0px;}
}


/* ---------------SM------------------*/

@media screen and (min-width: 768px){

    .b0-sm{border: none;}

    .flexible{display: flex;}

    .row-sm{margin-right: -15px;margin-left: -15px;}

}


/* ---------------MD------------------*/

@media only screen and (min-width: 992px) {

    .bordeR-md{border-right: 1px solid;}

    .redu-md50{font-size: 50%;}

    .flexible-md{display: flex;}


}



@media screen and (max-width: 769px) {

    .reduiPadV100{font-size: 100% !important;}
    .reduiPadV97{font-size: 97% !important;}
    .reduiPadV80{font-size: 80% !important;}
    .reduiPadV60{font-size: 60% !important;}
    .reduiPadV50{font-size: 50% !important;}

    .fontiPadV200{font-size:200% !important;}
    .fontiPadV250{font-size:250% !important;}
    .fontiPadV150{font-size:150% !important;}

}



@media screen and (max-width: 596px) {


    .reduMovil50{font-size:50% !important;}
    .reduMovil{font-size:70% !important;}
    .reduMovil82{font-size:82% !important;}
    .reduMovil97{font-size:97% !important;}

    .reduMovil100{font-size:100% !important;}

    .pM0{padding: 0px;}
    .mM0{margin:0px;}

}


/*-------------LG---------------*/
@media (min-width: 1200px){

}

@media screen and (max-width: 1500px){
   .ajusteTop {
    margin-top: 7%;
}
}

@media screen and (max-width: 1200px){
   .ajusteTop {
    margin-top: 9%;
}
}

@media screen and (max-width: 894px){

    .ajusteTop {
        margin-top: 11%;
    }

}

@media screen and (max-width: 640px) {

    .ajusteTop {
        margin-top: 14%;
    }
}

@media screen and (max-width: 596px) {

    .ajusteTop {
        margin-top: 16%;
    }
}

@media screen and (max-width: 321px) {

    .ajusteTop {
        margin-top: 20%;
    }
}

.temblar{
    animation: temblar 0.5s;
    animation-iteration-count: infinite;
}
@keyframes temblar {
    0% { transform: rotate(-1deg);animation-timing-function: ease-in; }
    50% { transform: rotate(1.5deg); animation-timing-function: ease-out;}
}

#espacioPatron{
    display: grid;
    grid-template-columns: repeat(3, 70px);
    grid-template-rows: repeat(3, 70px);
    grid-gap: 50px 50px;
}