@charset "UTF-8";

@font-face {
  font-family: "RenaultLife-Bold";
  src: url("../fuentes/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "RenaultLife";
  src: url("../fuentes/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: "Grazon-Bold";
  src: url("../fuentes/Caveat-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Grazon";
  src: url("../fuentes/Caveat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ticketing";
  src: url("../fuentes/Ticketing.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DaciaBlock-Bold";

  src:
  url("../fuentes/DaciaBlock-Bold.ttf") format("truetype"),
  url("../fuentes/DaciaBlock-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "DaciaBlock-Regular";
  src:

  url("../fuentes/DaciaBlock-Regular.ttf") format("truetype"),
  url("../fuentes/DaciaBlock-Regular.woff") format("woff");

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DaciaBlock-Light";
  src:

  url("../fuentes/DaciaBlock-Light.ttf") format("truetype"),
  url("../fuentes/DaciaBlock-Light.woff") format("woff");

  font-weight: normal;
  font-style: normal;
}



@font-face{
  font-family:'RenaultLife-Italic';
  src:url(../fuentes/NouvelR-Light.ttf);
}

@font-face{
  font-family:RenaultLife-BoldItalic;
  src:url(../fuentes/NouvelR-Light.ttf);
}

@font-face {
  font-family: Lato-Light;
  src: url(fuentes/Lato-Light.ttf)
}
@font-face {
  font-family: Lato-Heavy;
  src: url(fuentes/Lato-Heavy.ttf)
}
@font-face {
  font-family: Lato-Bold;
  src: url(fuentes/Lato-Bold.ttf)
}

@font-face {
  font-family: "DS-digital";
  src: url(fuentes/DS-DIGIB.TTF)
}

a{color:rgba(3,3,3,1.00) ;}
a:hover,
a:focus{
  text-decoration: none;
  /* color: inherit; */
}

* {
  box-sizing: border-box;
}

input, textarea {
  width: 100%;
}

input{font-size: 120%;}
body{font-family:RenaultLife-Bold;}

.lato {font-family: Lato-Heavy;}
.latoLight {font-family: Lato-Light}
.latoBold {font-family: Lato-Bold}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife;}
.rena3{font-family:'RenaultLife-Italic';}
.garzon{font-family:'Grazon-Bold';}
.garzon2{font-family:'Grazon';}
.ticketing{font-family:'Ticketing';}


.renaDacia{font-family: DaciaBlock-Bold;}
.renaDacia2{font-family: DaciaBlock-Regular;}
.renaDacia3{font-family: DaciaBlock-Light;}


.digi{font-family:DS-digital;}
.cajaAlta{text-transform: uppercase;}

.fixed{position: fixed;}
.fijo{position: fixed;top:0px;left:0px;background: rgba(251,204,0,1.00);min-height: 50px;z-index:9999998;width: 100%;}
.flexibleAll{display: flex;}
.flot{ width: 100%; float: left; clear: both;}
.flotR{float: right;}
.flotR-relative{position: relative;}
.relativo{position: relative;}
.flotA{ width: auto; float: left; clear: none;}
.superIndice{display: table-caption;}
.noWrap{white-space: nowrap;}
.breakW{word-break: break-word;}
.cursorP{cursor: pointer;}
.textRight{text-align: right;}
.textLeft{text-align: left;}

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

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

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

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

.flex-end{
  display: flex;
  justify-content: flex-end;
}

.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;
}

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

.spaceAround{
  display: flex;
  justify-content: space-around;
}

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

.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%);
}

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



.grid-column-1{
  grid-template-columns: 100%;
}

.grid-column-2{
  grid-template-columns: 50% 50%;
}

.grid-column-3{
  grid-template-columns: 33.333333% 33.333333% 33.333333%;
}

.grid-column-4{
  grid-template-columns: 25% 25% 25% 25%;
}

.grid-column-5{
  grid-template-columns: 20% 20% 20% 20% 20%;
}

.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%;
}

page {
  background: white;
  size: 7in 9.25in;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  padding: 0.5cm;
}

page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
}

page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;
}


.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;}

.linea {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 1%;
}
.lineaD {border-right: 1px dotted #ccc;}
.lineaTD {border-top: 1px dashed;}
.lineaBD {border-bottom: 1px dotted;}
.lineGris{ border: 1px solid rgba(205,205,205,1.00);}

.cajaOverflow{overflow: hidden; position: relative;}
.displayInline{display:inline-block;}
.inlineBlock{display: inline-block;}
.inlineGrid{display: inline-grid;}
.content{display: contents};
.grid{display: grid;}
.block{display: block;}
.none{display: none;}
.absolut{position: absolute;}
.absolutB{position: absolute; bottom:0px;}
.absolutBR{position: absolute; right: 5%; bottom: 13%;}
.absolutL{ position: absolute; bottom: 13%;}
.overflowOculto{position: relative; overflow: hidden;}
.positionAbs{position: absolute; bottom: 0px;}

.z-indexd1{z-index: 9;}
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}

.z-index9{z-index: 9;}

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


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

.fitContent{min-width: fit-content;}
.maxContent{min-width: max-content;}

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

.circulo {
 width: 10px;
 height: 10px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}

.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;}



.scroll{overflow: scroll;}

.scrollNone::-webkit-scrollbar {
  display: none;
}

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

.shadowNone{box-shadow: none;}
.shadow{ box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
.shadow1{box-shadow: 3px 3px 17px 0px #00000059;border: 1px solid #777;}
.shadow-lg{box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05)!important;}

.blackShadow{
  box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;
}

.textShadow{text-shadow: 0.05em 0.05em 0.05em black;}

.troquel{
  color: transparent;
  text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.text-bordeAmarillo{
 text-shadow:  -0.12rem 0.12rem 0px #fff, -0.35rem 0.35rem 0px rgb(255 206 0)
}

.borde{ border:1px solid; margin: 2%;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.border { border:1px solid;}/* eliminar da conflicto con bordeR*/
.borde1 { border:1px solid;}
.bordeB {border-bottom: 1px solid;}
.bordeB0 {border-bottom: 0PX;}
.bordeB5 {border-bottom: 5px solid;}
.bordeR {border-right:1px solid;}
.borde-R {border-right:1px solid;}
.bordeL {border-left:1px solid;}
.bordeL0 {border-left:0px;}
.bordeT{border-top: 1px solid;}

.bordesTres {
  border-top: 1px solid rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(0,0,0,0.2);
  background: rgba(251,250,250,1.00);
}

.bordeDashed{border: 2px dashed #dedede;}

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

.bRadio7x{border-radius: 7px;}
.bRadio10x{border-radius: 10px;}

.mAuto{margin:0 auto;}
.m0Icon:before {
  margin: 0px;
}
.m0{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%;}
.m11{margin-top:11%;}
.m12{margin-top:12%;}
.m13{margin-top:13%;}
.m14{margin-top:14%;}
.m15{margin-top:15%;}

.m3x{margin-top: 3px;}
.m5x{margin-top: 5px;}
.m7x{margin-top: 7px;}
.m10x{margin-top: 10px;}
.m15x{margin-top: 15px;}
.m22x{margin-top: 22px;}

.m11{margin-top:11%;}
.m22{margin-top:30%;}

.m1x{margin-top: 1px;}
.mr1x{margin-right: 1px;}

.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%;}

.mr5x{margin-right: 5px;}
.mr7x{margin-right: 7px;}
.mr15x{margin-right: 15px;}

.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%;}

.ml5x{margin-left: 5px;}
.ml7x{margin-left: 7px;}
.ml15x{margin-left: 15px;}

.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%;}

.mb30x{margin-bottom: 30px;}
.mb15x{margin-bottom: 15px;}
.mb20x{margin-bottom: 20px;}

.m5B1 {margin-top: 25%;}
.ajusteTop{margin-top: 8%;}
.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;}
.pt5x{padding-top: 5px;}
.pl5x{padding-left: 5px;}
.pr5x{padding-right: 5px;}

.p7x{padding: 7px;}
.pt7x{padding-top: 7px;}
.pt15x{padding-top: 15px;}



.pl2x{padding-left: 2px;}
.p15x{padding: 15px;}

.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.pt15x{padding-top: 15px;}
.pt7x{padding-top: 7px;}
.pt8x{padding-top: 8px;}
.pt0{padding-top: 0px;}
.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;}

.pb5x{padding-bottom: 5px;}
.pb7x{padding-bottom: 7px;}
.pb9x{padding-bottom: 9px;}
.pb15x{padding-bottom: 15px;}
.pb20x{padding-bottom: 20px;}



.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: 1%;}
.pr2{padding-right: 2%;}
.pr3{padding-right: 3%;}
.pr4{padding-right: 4%;}
.pr5{padding-right: 5%;}
.pr20{padding-right: 20px;}
.pr60x{padding-right: 60px;}

.pr15x{padding-right: 15px;}
.pr20x{padding-right: 20px;}
.pr30x{padding-right: 30px;}

.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;}
.pl20x{padding-left: 20px;}
.pl30x{padding-left: 30px;}

.pCol{padding-left: 15px; padding-right: 15px;}

.redu50{font-size:50%;}
.redu60{font-size:60%;}
.redu{font-size:70%;}
.redu80{font-size:80%;}
.redu90{font-size:90%;}
.redu2{font-size:80%;}

.gran{font-size:200%;}
.gran2{font-size: 210%;}
.aum110{font-size: 110%;}
.aum120{font-size: 120%;}
.aum150{font-size:150%;}
.aum200{font-size:200%;}
.aum250{font-size:250%;}
.icon200{font-size: 200%;}

.font13{font-size:1300%;}
.font9{font-size:900%;}
.font8{font-size:800%;}
.font7{font-size:700%;}
.font6{font-size:600%;}
.font5{font-size:500%;}
.font4{font-size:400%;}
.font3{font-size:300%;}
.font2{font-size:200%;}
.font1{font-size:100%;}

.font0{font-size:0px;}

.font1vw{font-size:calc(1em + 1vw);}
.font2vw{font-size:calc(1em + 2vw);}
.font3vw{font-size:calc(1em + 3vw);}
.font4vw{font-size:calc(1em + 4vw);}
.font5vw{font-size:calc(1em + 5vw);}


.alerta{ color:rgba(143,142,142,1.00);}
.datos{position: fixed;top:0px;left:0px;z-index: 999; width: 100%; padding: 0.5%; background: rgba(75,75,75,1.00); height: 55px;}

.rejilla1{ width: 8%; float: left; clear: none;}
.abajo{bottom: 0; height: 20%; position: absolute;}
.valing-medio{vertical-align: middle;}
.valing-top{vertical-align: top;}
.valing-super{vertical-align: super;}
.valing-textTop{vertical-align: text-top;}
.aling-center{align-items: center;}



.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%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 30%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}

.w100x{width: 100px;}

.w100{width: 100%;}

.w50x{width: 50px;}

.fullHeight {

  position: absolute;
  top: 0;
  bottom: 0;

}
.h7{height: 7px;}
.h20{height: 20px;}
.h100x{height: 100px;}
.h200{height: 200px;}

.minContent{min-width: min-content;}
.minW2{min-width: 200px;}
.minW25{min-width: 250px;}
.minW3{min-width: 300px;}

.minW600{min-width: 600px;}

.h1000{height: 1000px;}
.h100{height: 100%;}

.h50{height: 50%;}
.h15{height: 15%;}
.h85{height: 85%;}
.h30{height: 30%;}
.h70{height: 70%;}
.h100{height: 100%;}

.minH7{min-height: 7px;}

.h15x{height: 15px;}
.h40x{height: 40px;}
.h60x{height: 60px;}
.h80x{height: 80px;}
.h100x{height: 100px;}
.h120x{height: 120px;}
.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;}
.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;}
.minH180{min-height: 180px;}
.minH190{min-height: 190px;}
.minH200{min-height: 200px;}
.minH250{min-height: 250px;}
.minH300{min-height: 300px;}
.minH400{min-height: 400px;}

.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;}
.maxH190{max-height: 190px;}
.maxH190{max-height: 190px;}
.maxH200{max-height: 200px;}
.maxH300{max-height: 300px;}
.maxH400{max-height: 400px;}



.maxW50{max-width: 50px;}
.maxW70{max-width: 70px;}
.maxW120{max-width: 120px;}

.maxW200x{max-width: 200px;}
.maxW350x{max-width: 350px;}

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

.cajaMatricula{

  border: 1px solid #000;
  border-left: 15px solid rgba(14,45,167,1.00);
  padding: 3px 3px 3px 9px;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 1%;
  min-width: max-content;}

  .cajaMatricula span:before{padding-left: 15px solid rgb(2,5,99);}

  .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;
    width: max-content;

  }

  .bordeMatricula span{
   /* min-width: max-content;*/
   padding-right: 9px;
 }

 .bocadillo {
  border-radius: 5px;
}

.bocadillo:before{

  content:"";
  width: 0;
  height: 0;
  position: absolute;
  border-top: 13px solid rgba(240,240,240,1.00);
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  bottom: -9px
}


/*-----------ESTILOS input----------*/
input[type=text], input[type=password], input[type=number]  {
  /*    border-radius: 0px 0px 0px 0px;*/
  min-height: 40px;
  width: 100%;
  display: block;
}

option {
  position: absolute;
  background-color: rgba(133, 133, 133, 0.75);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color:#333;
}

.form-control{
  /*border-radius: 0px 0px 0px 0px;*/
  border: 1px solid #ccc;
  height: 40px;
}

.limpiaInput{
  background-color: #ffffff00;
  border: 0;
  box-shadow: none;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: auto !important;
  padding: 0px !important;
  /*  font-size: 14px;*/
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.limpiaInput:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*-----------ESTILOS CHECK----------*/


/** Clases de estilo para los checkbox */

check input:checked + .box { background-color: #b3ffb7;}
check input:checked + .boxNoOk { background-color: #b3ffb7;}
input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
input[type="checkbox"] { display:none; }


check input:checked + .box { background-color: #b3ffb7;}


.checkOk{
  color: #70ea41;
  display: contents;}
  .checkOk label{margin-bottom: 0px;}

  .checkcaja{display: grid;}

  .checkcaja label{margin-bottom: 0px;}

  .checkRRG{
    width: 24px;
    min-width: 24px;
    height: 24px;
    content: '';
    position: relative;
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid #dedede;
    background-color: #dedede;
    overflow: visible;
    cursor: pointer;
    margin-bottom: 0px;
  }

  .check {
    width: 24px;
    min-width: 24px;
    height: 24px;
    content: '';
    position: relative;
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid #dedede;
    background-color: #dedede;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0px;
  }

  .box {
    width: 110%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 5px rgba(0, 0, 0, 0.2);
  }

  /** Cuando esta Checked se sube el div box */
  .checkRRG input:checked + .boxRRG span {
    top: -3px;
    opacity: 1;
    font-size: 130%;
  }

  .check input:checked + .box:after {
    top: -4px;

  }

  .check input:checked + .boxNoOk:after {
    top: -4px;
  }

  .box:after {
    width: 107%;
    height: 50%;
    content: '';
    position: absolute;
    border-left: 4px solid;
    border-bottom: 4px solid;
    border-color: #4e4c4c;;
    transform: rotate(-45deg) translate3d(0, 0, 0);
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    top: 200%;
    bottom: 5%;
    margin: auto;
    z-index: 9999;
  }

  .checkOpcion{
    display: inline-flex;
    /*min-width: 120px;*/
    min-height: 40px;
    padding: 4px 1px;
  }
  .checkOpcion span {
    font-family:RenaultLife;
    padding-left: 7px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-weight: normal;
  }

  .boxNoOk {
    width: 110%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 5px rgba(0, 0, 0, 0.2);
  }

  .boxNoOk:after{
    content: 'X';
    position: absolute;
    color: #333;
    font-size: 130%;
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    top: 200%;
    bottom: 5%;
    margin: auto;
    z-index: 9999;
    left: 17%;
  }

  .boxRRG {
    width: 100%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    cursor: pointer;
  }


  .boxRRG span {
    position: absolute;
    color: #fc3;
    transition: all 0.3s;
    top: 10%;
    bottom: 29%;
    left: -8%;
    margin: auto;
    z-index: 9999;
    opacity: 0;
  }


  /** Fin de las clases de para los checkbox*/


  /** Clases de estilo para los radio */

  check input:checked + .radioBox { background-color: #b3ffb7;}
  input[type="radio"]:checked + label { background-color: #b3ffb7; }
  input[type="radio"] { display:none; }

  .radioOpcion{
    display: inline-flex;
    min-width: 120px;
    min-height: 40px;
    padding: 4px 1px;
  }
  .radioOpcion span {
    font-family:RenaultLife;
    padding-left: 3px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-weight: normal;
  }
  .radio {
    width: 27px;
    min-width: 27px;
    height: 27px;
    content: '';
    position: relative;
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 3px solid #dedede;
    background-color: #dedede;
    overflow: hidden;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .radioBox {
    width: 100%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    overflow: hidden;
    cursor: pointer;
  }



  /** Cuando esta Checked se sube el div box */
  .check input:checked + .radioBox:after {
    top: 0px;
    border-radius: 66px;

  }
  .radioBox:after {
    width: 70%;
    height: 70%;
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #fc3;
    background-color: #fc3;
    border-radius: 0px;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    top: 180%;
    bottom: 0%;
    left: 17%;
    margin: auto;
    z-index: 9999;
  }




  /*-----------FIN ESTILOS CHECK----------*/



  .cambiarFoto .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 100%;
  }

  .img-hacer-foto{
    background-image: url(../imagenes/tomarFotoOperario.png);
    opacity: 0.1;
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: contain;
    position: absolute;
    width: 200px;
    height: 200px;
  }

  .cajaFecha{
    position: relative;
  }


.formIcon{  /*<div class="cajaFecha"><input>
            <span class="icon-fecha formIcon"></span>
            </div>*/
            position: absolute;
            right: 0px;
            top: 0px;
            background-color: #dedede;
            padding: 5px;
            height: 40px;
            width: auto;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            z-index: 99;
          }

          .formIcon1 {
            position: absolute;
            right: 1px;
            top: 1px;
            background-color: #dedede;
            padding: 5px;
            height: 38px;
            max-width: 38px;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            margin-right: 15px;
            z-index: 99;
          }

          .cajaRenault {
            border: 1px solid #d9d9d9;
            height: 40px;
            overflow: hidden;
            width: 100%;
            position: relative;
          }

          .formIconR {
            position: absolute;
            right: 0px;
            top: 0px;
            color: #8c8c8c;
            padding: 0px 7px;
            width: auto;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            z-index: 99;
            border-left: 1px solid #8c8c8c;
            margin: 4px 0px;
            background-color: white;
          }

          .flechaDown{
            width: 15px;
            height: 3px;
            position: relative;
            transform: rotate(225deg);}


            .flechaDown:before{
             content: "";
             position: absolute;
             left: 0;
             width: 3px;
             height: 15px;
             background-color: inherit;
           }

           .flechaLeft{
            width: 15px;
            height: 3px;
            position: relative;
            transform: rotate(315deg);}


            .flechaLeft:before{
             content: "";
             position: absolute;
             left: 0;
             width: 3px;
             height: 15px;
             background-color: inherit;
           }

           .cajaFlecha{

            position: absolute;
            top: 4px;
            right: 0px;
            border-left: 1px solid;
            width: 40px;
            height: 30px;
            background-color: white;
            pointer-events: none;

          }

          .ContainerMatricula{min-width: max-content;}


          .mensajeServidor {
            padding: 1.5%;
            color: #e2e2e2;
            margin: 2% 0;
            text-align: center;
            FONT-SIZE: 180%;
            background-color: #00000073;
            box-shadow: 0px 3px 0px 0px #4a4747;}



            .notice {
              padding: 12px 12px 12px 63px;
              position:relative;
            }

            .notice span {
              display: block;
              text-align: center;
              top: 50%;
              left: 0px;
              transform: translate(0%, -50%);
              -webkit-transform: translate(0%, -50%);
              position: absolute;

            }

            .noticeCircle {
              margin:1em 0 0 25px;
              padding:12px 12px 12px 37px;
              border-radius:2px;
              position:relative;
            }

            .noticeCircle span {
              color:inherit;
              display:block;
              text-align:center;
              top: 50%;
              left:-25px;
              transform: translate(0%, -50%);
              -webkit-transform: translate(0%, -50%);
              width:50px;
              height:50px;
              border-radius:50%;
              line-height:2.2;
              position:absolute;

            }

            .label-text {
              background-color: #94949424;
              border: 1px solid #333;
            }

            .recuadroResultado {
              border: 1px solid #333;
              padding: 1%;
              width: 100%;
            }

            .label-text input {
              border: 1px solid #333;
              background-color: #ffffff00;
            }

            /*-----------------------------------ICONOS----------------------------------*/

            .megaIcon {
              font-size: 600%;
              height: 70px;
              overflow: hidden;
              color: #618aa340;

            }

            .icon-familia{
             box-shadow: 2px 2px 0px;
             border-radius: 50%;
             padding: 1.2% 1%;
           }
           /*-----------------------------------TITULOS----------------------------------*/


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

          .titulo {
            float: left;
            clear: both;
            font-family:RenaultLife;
            font-size: 18px;
            display: block;
            width: 100%;
            padding: 6px 1px;
            font-weight: normal;
            min-width: max-content;
          }

          .tituloSinIcono{
            padding-left:15px;
          }


          .titulo a {
            color:inherit;
            text-decoration: none;
          }

          .titulo label {
            align-items: center;
            margin-bottom: 0px;
            cursor: pointer;
            font-weight: normal;
          }

          .titulo span {
            align-items: center;
            padding-left: 7px;
            padding-right: 7PX;
            cursor: pointer;
            font-weight: normal;
            text-transform: none;
            text-decoration: inherit;
            speak: none;
          }

          .tituloMenu{
            margin-top: 10px;
            margin-bottom: 30px;
            font-size: 25px;
            text-align: center;
          }

          .titulo2{
            color: #000;
            font-size: 22px;

          }

          .titulo3{ font-size: 22px;}

          .titulo3 span{
            float: left;
            font-size: 120%;
            padding-right: 10px;
          }

          .titulo3 label{
            padding-left: 15px;
            font-size: 22px;
            border-left: 1px solid #000;

          }

          .titulo3b span{
            padding-right: 2%;
            font-size: 24px;}

            .titulo3b label{
              padding-left: 15px;
              font-size: 22px;
              border-left: 1px solid #fff;
            }

            .tituloa span {color: rgba(245,206,58,1.00);}
            .tituloa label {padding-left: 10px; color: #000;  border-left: 1px solid #000;}

            .titulob span {color: #000;}
            .titulob label {padding-left: 10px; border-left: 1px solid #000;}
            .titulobConH3 span {font-size: 140%;}

            .tituloc span {color: #fff; }
            .tituloc label {padding-left: 10px; color: #fff; border-left: 1px solid #fff;}

            .tituloAzulOsc{background:#1f2531;color:rgba(255,255,255,1.00);}
            .tituloAzulOsc span {color: rgba(255,255,255,1.00);}
            .tituloAzulOsc label {color: rgba(255,255,255,1.00);}

            .tituloG{font-size: 200%;}
            .tituloConH3 span {font-size: 140%;}

            .titulofichaVO span {
              font-size: 320%;
              display: table-caption;}

              .titulofichaVO label {padding-left: 10px;border-radius: 9px 9px 9px 9px;}


              .tituloLink {cursor:pointer;}
              .tituloLink label{ padding-left: 10px;   border-left: 1px solid #2d92ea;}
              .tituloLink span{ color:#2d92ea; }


              .franjaTitulo {
                background-color: #ffce00;
                height: 0;
                border-bottom: 2em solid transparent;
                border-left: 1.5em solid;
                border-left-color: inherit;
                line-height: 2em;
                white-space: nowrap;
              }

              /*-----------------------------------LISTADOS----------------------------------*/


              .separaLi{
                position: relative;
                display: inline-block;
                padding: 4px 16px 4px 0;
                white-space: nowrap;
              }

              .separaLi:not(:last-child):after {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               content: "";
               right: 8px;
               width: 1px;
               height: 12px;
               background-color: black;
             }

             /* Bloque estado Ficha VO */

             .blockEstadoFichas{
              border: 1px solid rgba(205,205,205,1.00);
              height: 90px;
              border-bottom: none;
            }

            .bgDegradado{
              background: rgba(255,21,0,0.61);
              background: -moz-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,21,0,0.61)), color-stop(51%, rgba(255,204,0,0.61)), color-stop(100%, rgba(85,201,8,0.61)));
              background: -webkit-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -o-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -ms-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: linear-gradient(to right, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1500', endColorstr='#55c908', GradientType=1 );

            }

            .iconPosicion{
              margin: 2px 0;
            }
            .textPosicion{
              z-index: 999;
            }
            .iconPosicion span{
              text-align: center;
              font-size: 330%;
            }

            .iconPosicionApagado span{
              color: rgba(101,101,101,0.45);
            }

            .textPosicion span{
              text-align: center;
              font-size: 120%;
            }

            .fichaVOMatricula{
              font-size: 140%;
            }

            .fichaVOMatricula label{
              padding-left: .2em;
            }


            /* My Style */

            .volteaH{
              moz-transform: scaleX(-1);
              -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
            }


            .datosListado{
              border: 1px solid rgba(67,67,67,0.86);
            }
            .datosListado p{
              text-align: center;
              padding: 1%;
            }

            .datosListado:nth-child(odd){
              background-color:rgb(122, 144, 165);
            }

            .datosListado:nth-child(even){
              background-color:rgb(152, 174, 177);
            }
            .datosListado span{
              margin: 0 auto;
              display: table;
            }

            .backgroundTARed {

              background-image: url(../imagenes/fondoInternoR3.jpg);
              background-attachment: fixed;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              min-height: 100%;
            }

            .backgroundVO {
              background: #f5f5f5;
              /* background-image: url(../imagenes/backgroundVO.jpg);*/
              background-attachment: fixed;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              min-height: 100%;

            }

            .backgroundTA {

              background-image: url(../imagenes/backgroundTA.png);
              background-attachment: fixed;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              opacity: 0.9;
              min-height: 100%;
            }


            .desconectar {
              padding-right: 0px;
            }
            .arribaIzq {
              position: absolute;
              top: 0px;
              left: 0px;
              z-index: 999;
              padding-left: 1%;
              padding-top: 1%;
            }
            .abajoDerecha {
              position: absolute;
              bottom: 0px;
              right: 0px;
            }
            .arribaDerecha {
              position: absolute;
              top: 0px;
              right: 0%;
              width: 70%;
              padding-right: 0%;
            }
            .abajoIzquierda {
              position: absolute;
              bottom: 0px;
              left: 0px;
            }
            .secciones {
              background: #D71215;
            }

            .banda {
              background: rgba(0, 0, 0, 0.70);
              position: fixed;
              top: 0px;
              left: 0px;
              width: 100%;
              min-height: 83px;
              overflow: hidden;
              z-index: 999;
            }


            .soportePantalla {
              position: fixed;
              width: 100%;
              height: 100%;
              top: 0px;
              left: 0px;
              background: rgba(246, 246, 246, 1.00);
              z-index: 99999;
            }

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

            .caja {
              border: 1px solid #d9d9d9;
              height: 40px;
              overflow: hidden;
              width: 100%;
              position: relative;
            }

            .caja input, .caja select{

              padding-right: 40px;
              width: 100%;

            }

            .caja60{
              height: 60px;
            }

            .caja60 input, .caja60 select{
              height: 60px;
              font-size: 20px;
              padding: 6px 60px 6px 12px;

            }

            .caja60 span{
              font-size: 30px;
              line-height: 50px;
              height:60px;
            }

            .caja60 input[type=date], .caja60 input[type=month] {
              padding-right: 0px;
            }
            .caja60 ::-webkit-calendar-picker-indicator { opacity: 0; padding-right: 44px;}

            .inicioApp {
              position: absolute;
              top: 0px;
              right: 0px;
              z-index: 999;
            }

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


            .seguimiento{
              height: 90px;
            }

            .iconoMenu {
              float: left;
              clear: none;
              width: 25%;
              text-align: center;
              font-size: 250%;
              /*border-right: 1px solid rgba(250,246,246,1.00);*/
            }

            .textMenu {
              float: left;
              clear: none;
              width: 75%;
              display: flex;
              justify-content: center;
              flex-direction: column;
              font-size: 120%;
            }

            /* style stock VO */


            .verdeDisponible{color: rgba(125,192,15,1.00);}

            .naranjaReserva{color: rgba(245,131,20,1.00);}

            .rojoVendido{color: rgba(245,39,43,1.00);}



            /*Bloques*/

            .fondoFicha {
              border-radius: 9px 9px 9px 9px;
              background: rgba(222, 222, 222, 0.27);
              box-shadow: 1px 1px 1px #ccc;
            }

            .cartaVehiculo2{
              display: block;
              padding: 8px;
              margin-bottom: 10px;
              line-height: 1.42857143;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
              -o-transition: border .2s ease-in-out;
              transition: border .2s ease-in-out;
            }

            .cartaVehiculoHead{
             background-blend-mode: color-burn;
           }

           .modeloLanding{
            box-shadow: 0px 1px black;
          }

          .modeloLanding label{
           font-size: 24px;
         }

         .espacioValorarVO label{ border: 1px solid;
          padding: 1%;}

          .espacioValorarVO span {margin-right: 2%}




          .cajaRedes{overflow: hidden; position: relative;}
          .iconoRedes{font-size: 5em;
            position: absolute;
            top: 0;
            right: -1%;
            bottom: -1%;}

            .opacity23 { color: rgba(255, 255, 255, 0.23);}

            .cajaWhatsapp{color: #fff; background-color: #5cb85c; padding: 0.7em;}

            .cajaMail{color:#fff; background-color: #588fd6; padding: 0.7em;}

            .cartaVehiculo{
              display: block;
              padding: 4px;
              margin-bottom: 20px;
              line-height: 1.42857143;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
              -o-transition: border .2s ease-in-out;
              transition: border .2s ease-in-out;
            }

            .fichaCliente{
              display: block;
              padding: 4px;
              margin-bottom: 20px;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
            }

            .datosDescuento p{
              border-top: 1px dashed;
              padding-top: 2%;
            }

            .datosAdicionales{
              padding-top: 2%;
            }

            .datosAdicionales h3{
              font-size: 36px;
              text-align: center;
              margin: 1% 0;
            }

            .pvp{
              margin: 2% 0;
            }

    /*        .disponible{
              background-color: #1f2531;
              margin-top: 2%;
            }
            .reservado{
              background-color:  #1f2531;
              margin-top: 2%;
            }

            .venta{
              background-color:  #1f2531;
              margin-top: 2%;
              }*/

              /*---------------------------------------------TRANSITION--------------------------------------*/

              .scale11:hover {
                transform: scale(1.1);
                transition: all 0.5s;
              }


              /*---------------------------------------------COLORES--------------------------------------*/

              .invertir {
               -webkit-filter: invert(100%);
               -o-filter: invert(100%);
               filter: invert(1);
             }

             .grayscale {
               -webkit-filter: grayscale(100%);
               -o-filter: grayscale(100%);
               filter: grayscale(1);
             }

             .colorMarca{

              color:#fc0;
            }

            .arroba{

              color:#fc0;
            }
            .eserpubli{

              color:#ff510b;
            }

            .amarillo{color:rgba(245,206,58,1.00);}
            .amarillo2022{color:rgba(239,223,0,1.00);}
            .amarillo2{color:rgba(219,193,83,1.00);}
            .blanco{color: rgba(255,255,255,1.00);}
            .negro{color: rgba(0,0,0,1.00)}
            .colorApagado{color: rgba(0,0,0,0.32);}

            .colorGris{color: rgba(240, 240, 240,1);}
            .colorGris1{color:rgb(217, 217, 217);}
            .gris{color: rgba(105,105,105,1.00);}
            .gris1{color:#111;}
            .gris2{color:#222;}
            .gris3{color:#333;}
            .gris4{color:#444;}
            .gris5{color:#555;}
            .gris6{color:#666;}
            .gris7{color:#777;}
            .gris8{color:#888;}
            .gris9{color:#999;}


            .azulA{color: rgba(80,140,243,1.00);}
            .morado{color: rgba(242, 28, 255, 1);}

            .verdeLinea{background-color:rgba(18,100,2,1.00);color:#FFF;}
            .verdeT {color: rgba(92, 184, 92, 0.75);}
            .rojo{color: rgba(225,24,27,1.00);}
            .rojoT {color: rgba(239, 72, 72, 0.75);}
            .naranja {color: rgba(255, 131, 0, 1)}
            .verde{color:rgba(69,177,18,1.00)}
            .colorVerde{color: #a9c800;}

            .colorAmarillo {color: #ffce00;}
            .colorAzul{color: #81B2B9;}
            .colorAzulClaro {color: #209de1;}
            .colorAzulOscuro {color: #0a2c42;}
            .colorRojo{color: rgba(217, 83, 79, 1);}
            .colorVerde{color: rgba(92, 184, 92, 1);}
            .colorNaranja{color: rgba(255, 147, 0, 1);}

            .colorAzulDacia{color: rgba(15,112,218,1.00);}


            .coral{color: coral;}


            .colorLink{color:#2d92ea;}


            .opa0{opacity: 0;}
            .opa10{opacity: 0.1;}
            .opa20{opacity: 0.2;}
            .opa30{opacity: 0.3;}
            .opa40{opacity: 0.4;}
            .opa50{opacity: 0.5;}
            .opa60{opacity: 0.6;}
            .opa70{opacity: 0.7;}
            .opa80{opacity: 0.8;}
            .opa90{opacity: 0.9;}
            .opa100{opacity: 1;}

            .textoGris{color: rgba(128,128,128,0.19)!important; }
            .textoGris1{color: rgba(255,255,255,0.19)!important; }

            .textoV{

              -webkit-writing-mode: vertical-rl;
              -moz-writing-mode: vertical-rl;
              -ms-writing-mode: vertical-rl;
              writing-mode: vertical-rl; /* new syntax */
              transform: rotate(180deg);}


              .colorRojoA { background-color:rgb(201, 35, 28);}
              .colorNaranjaA { background-color:rgb(202, 62, 29);}
              .colorNaranjaB { background-color:rgb(204, 99, 20);}
              .colorNaranjaC { background-color:rgb(212, 133, 31);}
              .colorNaranjaD { background-color:rgb(230, 157, 62);}

              .bgMarca{background-color: #ffce00;}

              .bgAmarilloRenault{background: rgba(254,231,31,1.00);}
              .bgDacia{background: rgba(100, 107, 82,1.00);}
              .bgAzulDacia{background: rgba(15,112,218,1.00);}

              .bgAmarillo{background-color: #ffce00;}
              .bgAmarillo2022{background-color: rgba(239, 223, 0, 1.0);}
              .bgAmarilloChillon{background-color: rgba(255,255,0,1.00);}


              .bgNegro{background-color: rgba(0,0,0,1.00);}
              .bgBlanco{background-color: #fff;}
              .bg0{background-color: transparent;}

              .bgGris{background-color:rgba(240,240,240,1.00);}
              .bgGrisT{background-color: rgba(232, 232, 232,0.6);}
              .bgGrisA{background-color:rgba(200,200,200,1.00);}
              .bgGrisAT{background-color:rgba(200,200,200,0.1);}
              .bgGris1{background-color:rgba(150,150,150,1.00);}
              .bgGris2{background-color:rgba(100,100,100,1.00);}
              .bgGris3{background-color:rgba(50,50,50,1.00);}
              .bgGris4{background-color:rgba(33,33,33,1.00);}

              .bgGrisR{background: rgba(242, 242, 241,1.00);}
              .bgGrisA{background-color:rgba(220, 220, 220,1.00);}
              .bgGrisB{background-color:rgba(197, 197, 197,1.00);}
              .bgGrisC{background-color: rgba(177, 177, 177,1.00);}
              .bgGrisD{background-color: rgba(136, 136, 136,1.00);}
              .bgGrisE{background-color: rgba(128, 128, 128,1.00);}
              .bgGrisF{background-color: rgba(68, 68, 68,1.00);}

              .grisR{color: rgba(242, 242, 241,1.00);}
              .grisA{color:rgba(220, 220, 220,1.00);}
              .grisB{color:rgba(197, 197, 197,1.00);}
              .grisC{color: rgba(177, 177, 177,1.00);}
              .grisD{color: rgba(136, 136, 136,1.00);}
              .grisE{color: rgba(128, 128, 128,1.00);}
              .grisF{color: rgba(68, 68, 68,1.00);}

              .bgOscurecer{ background-color: rgba(35,35,35,0.3);}
              .bgOscurecer1{ background-color: rgba(35,35,35,0.5);}
              .bgOscurecer2{ background-color: rgba(75,75,75,0.5);}
              .bgOscurecer3{ background-color: rgba(150,150,150,0.5);}

              .bgTrans{ background-color: rgba(255,255,255,0.3);}
              .bgTrans1{ background-color: rgba(255,255,255,0.5);}
              .bgTrans2{ background-color: rgba(255,255,255,0.7);}


              .bgRojoTrans{background-color: #ec080880;}
              .colorEnviados { background-color: rgba(255,207,0,0.60)!important; }
              .colorVistos { background-color: rgba(245,126,39,0.60)!important; }
              .colorGanados { background-color: rgba(51,151,15,0.60)!important; }


              .bgMorado{background-color: #a381b9;}
              .bgMorado1{background-color: #876d9b;}
              .bgMorado2{background-color: #7a628c;}
              .bgMorado3{background-color: #5f4d6d;}

              .bgMoradoChillon{background-color:rgba(217, 1, 246, 1.00);}

              .bgDashVerde {background-color: rgba(51,151,15,0.60);}
              .bgVerde{background-color: #99B982;}
              .bgVerde1{background-color: #80966C;}
              .bgVerde2{background-color: #617252;}
              .bgVerde3{background-color: #57684A;}
              .bgVerdeChillon {background: rgba(102,223,2,1.00);}

              .bgVerdeA{background-color: rgba(80, 243, 92,1);}

              .azul{color: rgba(15,13,30,1.00);}
              .azulA{color: rgba(80,140,243,1.00);}

              .bgAzulOsc{background-color: rgba(15,13,30,1.00);}
              .bgAzulA{background-color: rgba(80,140,243,1.00);}

              .bgAzul{background-color: #81B2B9;}
              .bgAzul1{background-color: #79A9AA;}
              .bgAzul2{background-color: #699293;}
              .bgAzul3{background-color: #567777;}

              .bgRojo{background-color: #ef4848;}
              .bgRojoA { background-color:rgb(201, 35, 28);}
              .bgRojoChillon {background-color: rgb(255, 10, 0);}
              .bgRojoMotrio{background-color:#e40102;}




              .bgNaranja1 { background-color: rgba(255, 131, 0, 1);}

              .bgNaranja { background-color: rgb(251, 174, 74);}
              .bgNaranjaA { background-color:rgb(202, 62, 29);}
              .bgNaranjaB { background-color:rgb(204, 99, 20);}
              .bgNaranjaC { background-color:rgb(212, 133, 31);}
              .bgNaranjaD { background-color:rgb(230, 157, 62);}

              .bgNaranjaChillon{background-color:rgba(255, 94, 0, 1);}


              .bgVerdeT {background-color: rgba(92, 184, 92, 0.75);}
              .bgVerdeAT {background-color: rgba(24, 142, 126, 0.75);}
              .bgAmarilloT {background-color: rgba(245, 189, 58, 0.75);}
              .bgNaranjaT { background-color: rgba(239, 119, 72, 0.75);}
              .bgRojoT { background-color: rgba(239, 72, 72, 0.75);}
              .bgAzul4T{ background-color: rgba(76, 130, 171, 0.82);}
              .bgAzulAT{ background-color: rgba(12, 59, 117, 0.75);}
              .bgAzulBT{ background-color: rgba(21, 128, 179, 0.75);}
              .bgMorado3T{background-color: rgba(95, 77, 109, 0.82);}

              .fondoGuay {
                background: rgba(255,255,255,1.00);
              }


              /*-------------COLORES TALLER ACTIVO--------------*/

              .bgAzulTA{background-color: rgba(61,110,142,1.00);}
              .bgRojoTA{background-color: rgba(176,98,85,1.00);}
              .bgAmarilloTA{background-color: rgba(201,168,73,1.00);}

              .bgMecanica{background: rgba(61,110,142,1.00);}
              .bgMinuto{background: rgba(176,98,85,1.00);}
              .bgCarroceria{background: rgba(201,168,73,1.00);}

              .colorMecanica{color:rgba(61,110,142,1.00);}
              .colorMinuto{color:rgba(176,98,85,1.00);}
              .colorCarroceria{color:rgba(201,168,73,1.00);}

              .bgClaseExplicativa{background-color:rgba(40, 149, 205,1.00);}

              .claseExplicativa{color:rgba(40, 149, 205,1.00);}
              .claseVentaAdicional{color:rgba(226, 21, 51,1.00);}
              .claseVentaFutura{color:rgba(237, 134, 21,1.00);}



              /* Color FAMILIAS TALER ACTIVO */

              .bg1 { background-color: #A07275; }
              .bg2 { background-color: #554959; }
              .bg3 { background-color: #D36688; }
              .bg4 { background-color: #95669E; }
              .bg5 { background-color: #36D8C8; }
              .bg6 { background-color: #36D699; }
              .bg7 { background-color: #EFC950; }
              .bg8 { background-color: #F4A960; }
              .bg9 { background-color: #FF6854; }
              .bg10 { background-color: #FF5582; }
              .bg11 { background-color: #82B2FF; }
              .bg12 { background-color: #82C4E8; }

              .color1 { color: #A07275; }
              .color2 { color: #554959; }
              .color3 { color: #D36688; }
              .color4 { color: #95669E; }
              .color5 { color: #36D8C8; }
              .color6 { color: #36D699; }
              .color7 { color: #EFC950; }
              .color8 { color: #F4A960; }
              .color9 { color: #FF6854; }
              .color10 { color: #FF5582; }
              .color11 { color: #82B2FF; }
              .color12 { color: #82C4E8; }

              .success{color:#5cb85c;}
              .warning{color:#f0ad4e;}
              .danger{color:#d9534f;}
              .info{color:#5bc0de;}

              /** Colores Degradados**/

            /*.clasePendiente{
              background: rgba(255,146,10,0);
              background: -moz-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,146,10,0)), color-stop(100%, rgba(255,175,75,1)));
              background: -webkit-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -o-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -ms-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: linear-gradient(to bottom, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%) !important;
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }

            .clasePerdido{
              background: rgba(255,146,10,0);
              background: -moz-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,146,10,0)), color-stop(100%, rgba(201,105,129,1)));
              background: -webkit-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -o-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -ms-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: linear-gradient(to bottom, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%) !important;
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#c96981', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;
            }

            .claseGanado{
              background: rgba(141,214,112,0);
              background: -moz-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141,214,112,0)), color-stop(2%, rgba(141,214,112,0.02)), color-stop(100%, rgba(141,214,112,1)));
              background: -webkit-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -o-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -ms-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: linear-gradient(to bottom, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd670', endColorstr='#8dd670', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }

            .claseSinEnviar{
              background: rgba(237,237,237,0);
              background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(100%, rgba(140,140,140,1)));
              background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#8c8c8c', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }
            */

              .clasePendiente{
                border-left: 12px solid rgba(245,126,39,0.9);
                color: rgba(245,126,39,0.9);
              }

              .clasePerdido{
                border-left: 12px solid rgba(191,11,14,0.8);
                color: rgba(191,11,14,0.8);
              }

              .claseGanado{
                border-left: 12px solid rgba(51,151,15,0.9);
                color: rgba(51,151,15,0.9);
              }

              .claseSinEnviar{
                border-left: 12px solid rgba(54, 59, 69, 0.8);
                color: rgba(54, 59, 69, 0.8);
              }


              /*---------------FIN COLORES-------------------*/

              /* --------------- MIS EXCEL -------------------*/

              .bgCeldaExcel{
                background: rgba(51,151,15,0.60);
                background: linear-gradient(to bottom, rgba(51,151,15,0.60) 0%, rgba(254,254,254,0) 100%);

              }


              /* --------------- PROMOCIONES Y TABLÓN -------------------*/

              .tituloPromo{
               min-height: 80px;
             }

             .altoFijo{
               min-height: 270px;
               max-height: 270px;
             }

             .card {

               box-shadow: 0px 4px 8px 0px rgba(23, 23, 23, 0.2);
               /*border-radius: 8px;*/
               position: relative;
             }

             .card-header {
              width: 100%;
              border-top-left-radius: 8px;
              border-top-right-radius: 8px;
              overflow: hidden;


            }

            .card-header:hover img {
              transform: scale(1.2);
              opacity: 0.8;
              transition: all 0.5s;
            }

            .card-content {
              position: relative;
              max-width: 100%;
              padding: 20px;}




              .card-footer {

                bottom: 0;
                left: 0;
                width: 100%;
                background-color: #f9f9f9;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;}

                .legalPromo{
                  color: rgba(0, 0, 0, 0.61);
                  background-color: #6969690d;
                  padding: 2%;
                  max-height: 67px;
                  overflow: auto;

                }

                .esquina{background-image: url("../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;
                }

                .esquina2{
                 background-image: url("../imagenes/esquina.svg");
                 background-repeat: no-repeat;
                 width: 3rem;
                 position: absolute;
                 height: 3rem;
                 right: 0px;
                 background-color: #e4e4e4;
                 top: 0px;
                 border-radius: 0px 6px 0px 0px;
                 z-index: 1;
                 cursor: pointer;
               }

               .esquina3{    background-image: url("../imagenes/esquina.svg");
                 background-repeat: no-repeat;
                 width: 1.2rem;
                 position: absolute;
                 height: 1.2rem;
                 right: 0px;
                 background-color: #e4e4e4;
                 top: 0px;
                 /*margin:3%;*/
                 cursor: pointer;}


                 .esquinaCustom{

                  position: absolute;
                  right: 0px;
                  width: 1.5rem;
                  height: 1.5rem;
                  cursor: pointer;}


                  .esquinaCustom:before {
                    content: '';
                    width: 1.5rem;
                    height: 1.5rem;
                    border-top: 1.5rem solid #cccccc70;
                    border-left: 1.5rem solid;
                    box-shadow: -1px 2px 2.7px 0px #00000059;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                  }

                  .esquinaCustom:after {
                    content: '';
                    width: 1.6rem;
                    height: 1.6rem;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    box-shadow: inset 1.5px -1.5px 3px 0px #00000011;
                    overflow: hidden;
                  }

                  /* ---------------Tablón de Anuncios------------------*/


                  .contenedor {
                    width: 95%;
                    margin: 0 auto;
                  }

                  .cajaNota {
                    margin-top: 18px;
                    position: relative;
                  }

                  .nota {
                    color: #333;
                    position: relative;
                    width: auto;
                    margin: 0 auto;
                    padding: 20px;
                    box-shadow: 0 5px 10px 2px rgba(117, 117, 117, 0.22);
                  }

                  .notaFoto{
                   min-height: 210px;
                 }

                 .notaAmarillo {
                  background: #ffa;
                }

                .notaAzul {
                  background: #ddf;
                }

                .notaVerde {
                  background: #dfd;
                }

                .imgleft {
                  float: left;
                  margin: 0 20px 20px 0;
                }

                .nota img {
                  border: 5px solid #fff;
                }

                .alfiler {
                  background-color: #aaa;
                  display: block;
                  height: 16px;
                  width: 2px;
                  position: absolute;
                  left: 50%;
                  z-index: 1;
                }

                .alfiler:after {
                  background-color: #A31;
                  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
                  border-radius: 50%;
                  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
                  inset 3px 3px 3px hsla(0,0%,100%,.2),
                  inset -3px -3px 3px hsla(0,0%,0%,.2),
                  20px 6px 3px hsla(0,0%,0%,.15);
                  content: '';
                  height: 12px;
                  left: -5px;
                  position: absolute;
                  top: -10px;
                  width: 12px;
                }

                .alfiler:before {
                  background-color: hsla(0,0%,0%,0.1);
                  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
                  content: '';

                  height: 19px;
                  width: 2px;
                  left: 0;
                  position: absolute;
                  top: -4px;

                  transform: rotate(57.5deg);
                  -moz-transform: rotate(57.5deg);
                  -webkit-transform: rotate(57.5deg);
                  -o-transform: rotate(57.5deg);
                  -ms-transform: rotate(57.5deg);

                  transform-origin: 50% 100%;
                  -moz-transform-origin: 50% 100%;
                  -webkit-transform-origin: 50% 100%;
                  -ms-transform-origin: 50% 100%;
                  -o-transform-origin: 50% 100%;
                }
                /*-------------XS---------------*/
                @media(max-width:767px){

                  .none-xs{
                    display: none;
                  }

                  .b0-xs{border: none;}

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

                  .pCol-xs{padding-left: 15px; padding-right: 15px;}

                  .redu-xs50{font-size: 50%;}
                  .redu-xs80{font-size: 80%;}

                  .grid-column-xs-none{
                    grid-template-columns: none;
                  }
                  .grid-column-xs-1{
                    grid-template-columns: 100%;
                  }

                  .grid-column-xs-2{
                    grid-template-columns: 50% 50%;
                  }

                  .grid-column-xs-3{
                    grid-template-columns: 33.333333% 33.333333% 33.333333%;
                  }

                  .grid-column-xs-4{
                    grid-template-columns: 25% 25% 25% 25%;
                  }

                  .grid-column-xs-5{
                    grid-template-columns: 20% 20% 20% 20% 20%;
                  }

                }

                /* ---------------ESCRITORIO------------------*/

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

                  .b0-sm{border: none;}

                  .p0-sm{padding: 0px;}

                  .pl1-sm{padding-left: 1%;}
                  .pr1-sm{padding-right: 1%;}

                  .w50-sm{width: 50%;}

                  .text-right-sm{text-align: right;}

                  .flexible{display: flex;}

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

                  }

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

                  .col-sm-14col{width: 7.142867%; position: relative; float:left;}
                  .col-sm-7col{width: 14.285714%; position: relative; float:left;}
                  .col-sm-7Acol{width: 28.571428%; position: relative; float:left;}
                  .col-sm-7Bcol{width: 42,857412%; position: relative; float:left;}

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

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

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

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

                  .grid-column-sm-none{
                    grid-template-columns: none;
                  }
                  .grid-column-sm-1{
                    grid-template-columns: 100%;
                  }

                  .grid-column-sm-2{
                    grid-template-columns: 50% 50%;
                  }

                  .grid-column-sm-3{
                    grid-template-columns: 33.333333% 33.333333% 33.333333%;
                  }

                  .grid-column-sm-4{
                    grid-template-columns: 25% 25% 25% 25%;
                  }

                  .grid-column-sm-5{
                    grid-template-columns: 20% 20% 20% 20% 20%;
                  }

                }

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

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

                  .pl1-md{padding-left: 1%;}
                  .pr1-md{padding-right: 1%;}


                  .w30-md{width: 30%;}
                  .w40-md{width: 40%;}

                  .redu-md50{font-size: 50%;}
                  .flexible-md{display: flex;}

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

                  }

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

                  .col-md-14col{width: 7.142867%; position: relative; float:left;}
                  .col-md-7col{width: 14.285714%; position: relative; float:left;}
                  .col-md-7Acol{width: 28.571428%; position: relative; float:left;}
                  .col-md-7Bcol{width: 42,857412%; position: relative; float:left;}

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

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

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

                  .grid-column-md-none{
                    grid-template-columns: none;
                  }
                  .grid-column-md-1{
                    grid-template-columns: 100%;
                  }

                  .grid-column-md-2{
                    grid-template-columns: 50% 50%;
                  }

                  .grid-column-md-3{
                    grid-template-columns: 33.333333% 33.333333% 33.333333%;
                  }

                  .grid-column-md-4{
                    grid-template-columns: 25% 25% 25% 25%;
                  }

                  .grid-md-column6{
                    display: grid;
                    grid-template-columns: 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667%;
                  }

                }



                /* ---------------MOVIL------------------*/

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

                  .card-body{ font-size: 90% !important;
                  }

                  .ajusteTop {
                    margin-top: 11%;
                  }

                }

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

                  .centCol{
                    padding-left: 9%;
                  }
                  .ajusteTop {
                    margin-top: 14%;
                  }
                }

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

                  .movilNone{display:none;}
                  .mM0{margin:0px;}
                  .pM0{padding: 0px;}

                  .pMCol{padding-left: 15px; padding-right: 15px;}

                  .bgMovilBlue{
                    background-color: #618aa2;
                    color: white;
                    padding: 2%;
                  }

                  .bgMovilGris{
                    background-color: #0c00007a;
                    color: white;
                  }

                  .widthMovil50{width: 50%;
                    float:left;
                    position: relative;
                    min-height: 1px;

                  }

                }

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

                  .reduiPadV100{font-size: 100% !important;}
                  .reduiPadV97{font-size: 97% !important;}
                  .reduiPadV80{font-size: 190% !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 only screen and (max-width: 992px) and (min-width: 768px) {
                  .reduiPadV40{font-size: 40% !important;}

                }


                /*---------BOTONES--------*/

                .botonBorrar{
                  padding-top: 2%;
                  padding-left: 10%;
                }
                .botonEditar{
                  padding-top: 2%;
                  padding-left: 10%;
                }
                .botonBorrar label{
                  padding-left: 18%;
                  margin-bottom: 0px;

                }
                .botonEditar label{
                  padding-left: 18%;
                  margin-bottom: 0px;

                }
                .botonIrAFicha{
                  padding: 5% 0% 0% 5%;
                }
                .btnGran {
                  min-height: 150px;
                  font-size: 100%;
                }

                .btn60{
                  height: 60px;
                }

                .btnMasCuadradoIcono {
                  float: left;
                  clear: none;
                  width: 25%;
                  text-align: center;
                  font-size: 300%;
                  margin-top: 6%;
                }

                .btnMedCuadradoIcono {
                  clear: none;
                  width: 25%;
                  text-align: center;
                  font-size: 300%;
                  margin-top: 6%;
                  margin-left: 7%;
                }
                .btnFiltrarCuadradoIcono {
                  font-size: 24px;
                  padding: 0% 38%;
                }


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


                  .ajusteTop {
                    margin-top: 18%;
                  }

                  .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;}


                  .fichaVOMatricula{font-size: 110%;}


                  .titulo3 span{
                    display: none;
                  }

                  .titulo3 label{
                    font-size:80%;
                    padding-left: 0px;
                    border-left: none;
                  }

                  .diasStock span{
                    display: block;
                    text-align: center;
                  }
                  .ubicacion span{
                    display: block;
                    text-align: center;
                  }
                }


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

                  .ajusteTop {
                    margin-top: 20%;
                  }

                  .titulobConH3 span {
                    font-size: 100%;
                  }

                  .cajamatricula {
                   padding: 3px;
                 }

                 .btnRedu label{font-size: 87%;}
                 .btnRedu span {font-size: 97%;}

               }

               @media screen and (max-width: 321px) {
                 .cajaRedes label{display:none; min-height: 50px;}
                 .cajaWhatsapp{min-height: 50px;}
                 .cajaMail{min-height: 50px;}
                 .iconoRedes{font-size: 3em;}

               }