/*	
	-- !!!!!!!!!! --
	-- IMPORTANTE INICIO--
		ESTILOS DE MATIAS BERRUTTI:
			El código CSS que finalizó aquí es propiedad personal de Matias Berrutti.
			No utilizar sin autorización.
			Marca y propiedad registrada.
			De uso exclusivo bajo los términos y condiciones de su creador.
		ESTILOS DE MATIAS BERRUTTI.
	-- IMPORTANTE INICIO--
	-- !!!!!!!!!! --
*/

/*ESTILOS BASE*/
html, body{margin: 0; padding: 0; position: relative;}
/* body {background-color: #111;} */
*{transition: .2s;}

html {
	height: 100%;
	width: 100%;
	/* min-height: 100vh;
	min-width: 100vw; */
}

body {
	/* min-height: 100vh;
	min-width: 100vw; */
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* TEXTOS NO SELECCIONABLES */
span, h1, h2, h3, h4, h5, h6, p, i {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

body::-webkit-scrollbar {
	/* margin-top: 50px; */
	width: 15px;
}

body::-webkit-scrollbar-thumb {
	/* border-radius: 8px; */
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,1) 0% 98%, transparent 98%); */
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,1) 0% 98%, transparent 98%);
	/* background-color: white; */
}

body::-webkit-scrollbar-track {
	/* border-radius: 8px; */
	background-color: #ddd;
	/* background-color: black; */
	border: 1px solid transparent;
}

/*ESTILOS BASE DE GRÁFICAS*/
text {font-family: "Lato",sans-serif !important;letter-spacing: -0.4px !important;}

/*ESTILOS SCROLLBAR*/
/* width */
/* ::-webkit-scrollbar {
	width: 15px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
  } */
  
  /* Track */
  /* ::-webkit-scrollbar-track {
	box-shadow: inset 0px 0px 0px 1px #f5a3a5;
	-webkit-border-radius: 10px;
    border-radius: 10px;
  } */
   
  /* Handle */
  /* ::-webkit-scrollbar-thumb {
	background-color: white;
	-webkit-border-radius: 10px;
    border-radius: 10px;
  } */
  
  /* Handle on hover */
  /* ::-webkit-scrollbar-thumb:hover {
	background-color: #f5a3a5;
	-webkit-border-radius: 10px;
    border-radius: 10px;
  } */

.noActionsOnTouchMove {
	touch-action: none;
}

.maxHeightUnset{
	max-height: unset !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left;}
.col-1p5, .col-2p5, .col-3p5, .col-4p5, .col-5p5, .col-6p5, .col-7p5, .col-8p5, .col-9p5, .col-10p5, .col-11p5, .col-12p5 {float:left;}
.col-0p5 {width: 4.1666%;}
.col-1 {width: 8.3333%;}
.col-1p5 {width: 12.5%;}
.col-2 {width: 16.6666%;}
.col-2p2 {width: 18.3333%;}
.col-2p4 {width: 20%;}
.col-2p5 {width: 20.8333%;}
.col-3 {width: 25%;}
.col-3p5 {width: 29.1666%;}
.col-3p8 {width: 31.6665%;}
.col-4 {width: 33.3333%;}
.col-4p5 {width: 37.5%;}
.col-4p75{width: 39.5833%;}
.col-5 {width: 41.6666%;}
.col-5p5 {width: 45.8333%;}
.col-6 {width: 50%;}
.col-6p5 {width: 54.1666%;}
.col-7 {width: 58.3333%;}
.col-7p5 {width: 62.5%;}
.col-8 {width: 66.6666%;}
.col-8p5 {width: 70.8333%;}
.col-9 {width: 75%;}
.col-9p5 {width: 79.1666%;}
.col-10 {width: 83.3333%;}
.col-10p5 {width: 87.5%;}
.col-11 {width: 91.6666%;}
.col-11p5 {width: 95.8333%;}
.col-12 {width: 100%;}

.col-0p5-important {width: 4.1666% !important;}
.col-1-important {width: 8.3333% !important;}
.col-1p5-important {width: 12.5% !important;}
.col-2-important {width: 16.6666% !important;}
.col-2p2-important {width: 18.3333% !important;}
.col-2p4-important {width: 20% !important;}
.col-2p5-important {width: 20.8333% !important;}
.col-3-important {width: 25% !important;}
.col-3p5-important {width: 29.1666% !important;}
.col-3p8-important {width: 31.6665% !important;}
.col-4-important {width: 33.3333% !important;}
.col-4p5-important {width: 37.5% !important;}
.col-4p75-important{width: 39.5833% !important;}
.col-5-important {width: 41.6666% !important;}
.col-5p5-important {width: 45.8333% !important;}
.col-6-important {width: 50% !important;}
.col-6p5-important {width: 54.1666% !important;}
.col-7-important {width: 58.3333% !important;}
.col-7p5-important {width: 62.5% !important;}
.col-8-important {width: 66.6666% !important;}
.col-8p5-important {width: 70.8333% !important;}
.col-9-important {width: 75% !important;}
.col-9p5-important {width: 79.1666% !important;}
.col-10-important {width: 83.3333% !important;}
.col-10p5-important {width: 87.5% !important;}
.col-11-important {width: 91.6666% !important;}
.col-11p5-important {width: 95.8333% !important;}
.col-12-important {width: 100% !important;}

.fl{float: left !important;}
.fr{float: right !important;}

.bg-naranjaclaro {
	background-color: #FEE3CD !important;
}

.bg-naranja2 {
	background-color: #FD8F35 !important;
}

.bg-naranja {
	background-color: #FD7E14 !important;
}

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

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

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

.centerallspacebetween {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.centerallspacebetweentop {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.centerallspacebetweenbot {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.centerallspacearound {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.centerallspacearoundtop {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.centerallspacearoundbot {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
}

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

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

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

.centerallRighttop {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.centerallLefttop {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.centerallRightcolumn {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
}

.centerallRightcolumntop {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: column;
}

.centerallLeftcolumn {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.centerallLeftcolumn {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.centerallcolumn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.centerallcolumntop {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.centerallcolumnbot {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}

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

.centerraro {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.relative {position: relative;}

.absolute {position: absolute;}

.sticky {position: sticky !important;}

/* .sticky {position: sticky;position: -webkit-sticky;} */
/* .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
} */

.fixed {position: fixed;}

.ab {position: absolute; bottom: 0;}
.at {position: absolute; top: 0;}
.al {position: absolute; left: 0;}
.ar {position: absolute; right: 0;}

.fixb {position: fixed; bottom: 0;}
.fixt {position: fixed; top: 0;}
.fixl {position: fixed; left: 0;}
.fixr {position: fixed; right: 0;}

.z-front{z-index: 999;}
.z-back{z-index: 0;}

/*BASE MARGIN*/
.m {margin:5px;}
.m1 {margin:10px;}
.m2 {margin:20px;}
.m3 {margin:30px;}
.m4 {margin:40px;}
.m5 {margin:50px;}
.mt {margin-top:5px;}
.mt1 {margin-top:10px;}
.mt2 {margin-top:20px;}
.mt3 {margin-top:30px;}
.mt4 {margin-top:40px;}
.mt5 {margin-top:50px;}
.mb {margin-bottom:5px;}
.mb1 {margin-bottom:10px;}
.mb2 {margin-bottom:20px;}
.mb3 {margin-bottom:30px;}
.mb4 {margin-bottom:40px;}
.mb5 {margin-bottom:50px;}
.ml {margin-left:5px;}
.ml1 {margin-left:10px;}
.ml2 {margin-left:20px;}
.ml3 {margin-left:30px;}
.ml4 {margin-left:40px;}
.ml5 {margin-left:50px;}
.mr {margin-right:5px;}
.mr1 {margin-right:10px;}
.mr2 {margin-right:20px;}
.mr3 {margin-right:30px;}
.mr4 {margin-right:40px;}
.mr5 {margin-right:50px;}

.m100 {margin:100px;}
.m200 {margin:200px;}
.m300 {margin:300px;}
.m400 {margin:400px;}
.m500 {margin:500px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}
.mt300 {margin-top:300px;}
.mt400 {margin-top:400px;}
.mt500 {margin-top:500px;}
.mb100 {margin-bottom:100px;}
.mb200 {margin-bottom:200px;}
.mb300 {margin-bottom:300px;}
.mb400 {margin-bottom:400px;}
.mb500 {margin-bottom:500px;}
.ml100 {margin-left:100px;}
.ml200 {margin-left:200px;}
.ml300 {margin-left:300px;}
.ml400 {margin-left:400px;}
.ml500 {margin-left:500px;}
.mr100 {margin-right:100px;}
.mr150 {margin-right:150px;}
.mr200 {margin-right:200px;}
.mr300 {margin-right:300px;}
.mr400 {margin-right:400px;}
.mr500 {margin-right:500px;}

.nomargin {margin: 0px;}

/*BASE PADDING*/
.p {padding:5px;}
.p1 {padding:10px;}
.p2 {padding:20px;}
.p3 {padding:30px;}
.p4 {padding:40px;}
.p5 {padding:50px;}

.bptb {padding:5px 0px;}
.bptb1 {padding:10px 0px;}
.bptb2 {padding:20px 0px;}
.bptb3 {padding:30px 0px;}
.bptb4 {padding:40px 0px;}
.bptb5 {padding:50px 0px;}

.bplr {padding:0px 5px;}
.bplr1 {padding:0px 10px;}
.bplr2 {padding:0px 20px;}
.bplr3 {padding:0px 30px;}
.bplr4 {padding:0px 40px;}
.bplr5 {padding:0px 50px;}

/*BASE HEIGHT simples*/
.h100p {height: 100%;}
.h {height:5px;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}

/*BASE HEIGHT grandes*/
.h100 {height:100px;}
.h125 {height:125px;}
.h150 {height:150px;}
.h175 {height:175px;}
.h200 {height:200px;}
.h225 {height:225px;}
.h250 {height:250px;}
.h275 {height:275px;}
.h300 {height:300px;}
.h325 {height:325px;}
.h350 {height:350px;}
.h375 {height:375px;}
.h400 {height:400px;}
.h425 {height:425px;}
.h450 {height:450px;}
.h475 {height:475px;}
.h500 {height:500px;}
.h520 {height:525px;}
.h550 {height:550px;}
.h570 {height:575px;}
.h600 {height:600px;}
.h625 {height:625px;}
.h650 {height:650px;}
.h675 {height:675px;}
.h700 {height:700px;}
.h725 {height:725px;}
.h750 {height:750px;}
.h775 {height:775px;}
.h800 {height:800px;}
.h825 {height:825px;}
.h850 {height:850px;}
.h875 {height:875px;}
.h900 {height:900px;}
.h925 {height:925px;}
.h950 {height:950px;}
.h975 {height:975px;}
.h1000 {height:1000px;}

/*BASE MIN-HEIGHT grandes*/
.mh100 {min-height:100px;}
.mh125 {min-height:125px;}
.mh150 {min-height:150px;}
.mh175 {min-height:175px;}
.mh200 {min-height:200px;}
.mh225 {min-height:225px;}
.mh250 {min-height:250px;}
.mh275 {min-height:275px;}
.mh300 {min-height:300px;}
.mh325 {min-height:325px;}
.mh350 {min-height:350px;}
.mh375 {min-height:375px;}
.mh400 {min-height:400px;}
.mh425 {min-height:425px;}
.mh450 {min-height:450px;}
.mh475 {min-height:475px;}
.mh500 {min-height:500px;}
.mh520 {min-height:525px;}
.mh550 {min-height:550px;}
.mh570 {min-height:575px;}
.mh600 {min-height:600px;}
.mh625 {min-height:625px;}
.mh650 {min-height:650px;}
.mh675 {min-height:675px;}
.mh700 {min-height:700px;}
.mh725 {min-height:725px;}
.mh750 {min-height:750px;}
.mh775 {min-height:775px;}
.mh800 {min-height:800px;}
.mh825 {min-height:825px;}
.mh850 {min-height:850px;}
.mh875 {min-height:875px;}
.mh900 {min-height:900px;}
.mh925 {min-height:925px;}
.mh950 {min-height:950px;}
.mh975 {min-height:975px;}
.mh1000 {min-height:1000px;}

/*BASE HEIGHT vh*/
.bh0p1 {height:1vh;}
.bh0p2 {height:2vh;}
.bh0p3 {height:3vh;}
.bh0p4 {height:4vh;}
.bh0p5 {height:5vh;}
.bh0p6 {height:6vh;}
.bh0p7 {height:7vh;}
.bh0p8 {height:8vh;}
.bh0p9 {height:9vh;}
.bh1 {height:10vh;}
.bh1p1 {height:11vh;}
.bh1p2 {height:12vh;}
.bh1p3 {height:13vh;}
.bh1p4 {height:14vh;}
.bh1p5 {height:15vh;}
.bh1p6 {height:16vh;}
.bh1p7 {height:17vh;}
.bh1p8 {height:18vh;}
.bh1p9 {height:19vh;}
.bh2 {height:20vh;}
.bh2p1 {height:21vh;}
.bh2p2 {height:22vh;}
.bh2p3 {height:23vh;}
.bh2p4 {height:24vh;}
.bh2p5 {height:25vh;}
.bh2p6 {height:26vh;}
.bh2p7 {height:27vh;}
.bh2p8 {height:28vh;}
.bh2p9 {height:29vh;}
.bh3 {height:30vh;}
.bh3p1 {height:31vh;}
.bh3p2 {height:32vh;}
.bh3p3 {height:33vh;}
.bh3p4 {height:34vh;}
.bh3p5 {height:35vh;}
.bh3p6 {height:36vh;}
.bh3p7 {height:37vh;}
.bh3p8 {height:38vh;}
.bh3p9 {height:39vh;}
.bh4 {height:40vh;}
.bh4p1 {height:41vh;}
.bh4p2 {height:42vh;}
.bh4p3 {height:43vh;}
.bh4p4 {height:44vh;}
.bh4p5 {height:45vh;}
.bh5 {height:50vh;}
.bh5p5 {height:55vh;}
.bh6 {height:60vh;}
.bh6p5 {height:65vh;}
.bh7 {height:70vh;}
.bh7p5 {height:75vh;}
.bh8 {height:80vh;}
.bh8p5 {height:85vh;}
.bh9 {height:90vh;}
.bh9p5 {height:95vh;}
.bh {height:100vh;}

.bh100{height: 100vh;}
.bh110{height: 110vh;}
.bh120{height: 120vh;}
.bh130{height: 130vh;}
.bh140{height: 140vh;}
.bh150{height: 150vh;}
.bh160{height: 160vh;}
.bh170{height: 170vh;}
.bh180{height: 180vh;}
.bh190{height: 190vh;}
.bh200{height: 200vh;}

/*BASE MIN-HEIGHT vh*/
.mbh0p5 {min-height:5vh;}
.mbh1   {min-height:10vh;}
.mbh1p5 {min-height:15vh;}
.mbh2   {min-height:20vh;}
.mbh2p5 {min-height:25vh;}
.mbh3   {min-height:30vh;}
.mbh3p5 {min-height:35vh;}
.mbh4   {min-height:40vh;}
.mbh4p5 {min-height:45vh;}
.mbh5   {min-height:50vh;}
.mbh5p5 {min-height:55vh;}
.mbh6   {min-height:60vh;}
.mbh6p5 {min-height:65vh;}
.mbh7   {min-height:70vh;}
.mbh7p5 {min-height:75vh;}
.mbh8   {min-height:80vh;}
.mbh8p5 {min-height:85vh;}
.mbh9   {min-height:90vh;}
.mbh9p5 {min-height:95vh;}
.mbh    {min-height:100vh;}

.mbh100{min-height: 100vh;}
.mbh110{min-height: 110vh;}
.mbh120{min-height: 120vh;}
.mbh130{min-height: 130vh;}
.mbh140{min-height: 140vh;}
.mbh150{min-height: 150vh;}
.mbh160{min-height: 160vh;}
.mbh170{min-height: 170vh;}
.mbh180{min-height: 180vh;}
.mbh190{min-height: 190vh;}
.mbh200{min-height: 200vh;}

/*BASE WIDTH simples*/
.bw {width: 100%;}
.w {width:5px;}
.w1 {width:10px;}
.w2 {width:20px;}
.w3 {width:30px;}
.w4 {width:40px;}
.w5 {width:50px;}
.w6 {width:60px;}
.w7 {width:70px;}
.w8 {width:80px;}
.w9 {width:90px;}

/*BASE WIDTH grandes*/
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w900 {width:900px;}
.w1000 {width:1000px;}

/*ESTILOS BORDES Y MARCOS*/
.br10{border-radius: 10px;}
.br50{border-radius: 50px;}
.br100{border-radius: 100px;}
.br150{border-radius: 150px;}

.br-tr10{border-top-right-radius: 10px;}
.br-tl10{border-top-left-radius: 10px;}
.br-br10{border-bottom-right-radius: 10px;}
.br-bl10{border-bottom-left-radius: 10px;}
.br-tr50{border-top-right-radius: 50px;}
.br-tl50{border-top-left-radius: 50px;}
.br-tr75{border-top-right-radius: 75px;}
.br-tl75{border-top-left-radius: 75px;}
.br-tr100{border-top-right-radius: 100px;}
.br-tl100{border-top-left-radius: 100px;}

.br-trtl10{border-top-right-radius: 10px;border-top-left-radius: 10px;}
.br-trtl50{border-top-right-radius: 50px;border-top-left-radius: 50px;}
.br-trtl100{border-top-right-radius: 100px;border-top-left-radius: 100px;}
.br-trtl150{border-top-right-radius: 150px;border-top-left-radius: 150px;}

.basicScroll::-webkit-scrollbar {
	/* margin-top: 50px; */
	width: 10px;
}

.basicScroll::-webkit-scrollbar-thumb {
	/* border-radius: 8px; */
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 95%, transparent 95%); */
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 95%, transparent 95%);
	/* background-color: white; */
}

.basicScroll::-webkit-scrollbar-track {
	/* border-radius: 8px; */
	background-color: transparent;
	border: 1px solid transparent;
}

.overflowx {
	overflow-x: scroll;
}

.overflowy {
	overflow-y: scroll;
}

.overflowXhidden {
	overflow-x: hidden !important;
}

.overflowYhidden {
	overflow-y: hidden !important;
}

.minmarco-white{
	box-shadow: inset 0px 0px 0px 1px white;
}
.minmarco-black{
	box-shadow: inset 0px 0px 0px 1px black;
}
.minmarco-red{
	box-shadow: inset 0px 0px 0px 1px #ec1c23;
}
.marco-white{
	box-shadow: inset 0px 0px 0px 4px white;
}
.marco-white2{
	box-shadow: inset 0px 0px 0px 2px white;
}
.marco-yellow{
	box-shadow: inset 0px 0px 0px 4px #ecec41;
}

/*COLORES TEXTOS*/
/* .c-orange{color: #FD7E14;}
.c-verde {color: #3cdd3c;}
.c-rojo {color: #dd3c3c;} */
.c-white {color: white !important;}
.c-black {color: black !important;}
.c-red {color: red !important;}
.c-yellow {color: yellow !important;}
.c-blackyazaki{color: #231e20;}
.c-redyazaki{color: #ec1c23;}
.c-blueyazaki{color: #1d1ded;}
.c-greenyazaki{color: #1ded51;}

.c-naranja {color: #ee6f44}
.c-naranjalight {color: #ee9944}
.c-naranjaSlight {color: #eec344}
.c-amarillo {color: #eeee44}
.c-verdeamarillo {color: #c3ee44}
.c-verdemanzana {color: #99ee44}
.c-casiverde {color: #6fee44}
.c-verde {color: #44ee44}
.c-verdecasiturquesa {color: #44ee6f}
.c-verdeturquesa {color: #44ee99}
.c-turquesa {color: #44eec3}
.c-turquesaagua {color: #44eeee}
.c-turquesaceleste {color: #44c3ee}
.c-celeste {color: #4499ee}
.c-azulceleste {color: #446fee}
.c-azul {color: #4444ee}
.c-violetaazul {color: #6f44ee}
.c-violeta {color: #9944ee}
.c-violetarosa {color: #c344ee}
.c-rosa {color: #ee44ee}
.c-rosarojo {color: #ee44c3}
.c-rosacasirojo {color: #ee4499}
.c-rojorosa {color: #ee446f}
.c-rojo {color: #ee4444}

/*COLORES BACKGROUNDS*/
/* .bgc-orange {background-color: #FD7E14;}
.bgc-turquesa{background-color: #3cdd8c;}
.bgc-verde{background-color: #3cdd3c;}
.bgc-celeste{background-color: #3c8cdd;}
.bgc-azul{background-color: #3c3cdd;}
.bgc-rojo{background-color: #dd3c3c;} */
.bgc-white {background-color: white;}
.bgc-white2 {background-color: #ddd;}
.bgc-black {background-color: black;}
.bgc-111{background-color: #111;}
.bgc-coral{background-color: coral;}
.bgc-skyblue{background-color: skyblue;}
.bgc-red{background-color: red;}

.bgc-bataraOld{ background-image: url("../../inc/img/fondo.jpg"); background-position: center; background-size: cover; }
.bgc-bataraOldtop{ background-image: url("../../inc/img/fondo.jpg"); background-position: top; background-size: cover; }
.bgc-batara{ background-image: url("../../inc/img/fondoEspejo.jpg"); background-position: center; background-size: contain; }
.bgc-bataratop{ background-image: url("../../inc/img/fondoEspejo.jpg"); background-position: top; background-size: contain; }
.bgc-bataraOp6{ background-image: url("../../inc/img/fondoEspejoOp6.jpg"); background-position: center; background-size: cover; }
.bgc-bataraOp6top{ background-image: url("../../inc/img/fondoEspejoOp6.jpg"); background-position: top; background-size: cover; }
.bgc-bataraOp7{ background-image: url("../../inc/img/fondoEspejoOp7.jpg"); background-position: center; background-size: cover; }
.bgc-bataraOp7top{ background-image: url("../../inc/img/fondoEspejoOp7.jpg"); background-position: top; background-size: cover; }
.bgc-bataraOpWhite{ background-image: url("../../inc/img/fondoEspejoOpWhite.jpg"); background-position: center; background-size: cover; }
.bgc-bataraOpWhitetop{ background-image: url("../../inc/img/fondoEspejoOpWhite.jpg"); background-position: top; background-size: cover; }
.bgc-bataraOpBlack{ background-image: url("../../inc/img/fondoEspejoOpBlack.jpg"); background-position: center; background-size: cover; }
.bgc-bataraOpBlacktop{ background-image: url("../../inc/img/fondoEspejoOpBlack.jpg"); background-position: top; background-size: cover; }
.bgc-batara2{ background-image: url("../../inc/img/fondo.jpg"); background-position: center; background-size: cover; }
.bgc-batara3{ background-image: url("../../inc/img/fondoEspejo.jpg"); background-position: center; background-size: cover; }
.bgc-bataratop3{ background-image: url("../../inc/img/fondoEspejo.jpg"); background-position: top; background-size: cover; }

.bgc-op1{ background-color: rgba(0, 0, 0, 0.1); }
.bgc-op2{ background-color: rgba(0, 0, 0, 0.2); }
.bgc-op3{ background-color: rgba(0, 0, 0, 0.3); }
.bgc-op4{ background-color: rgba(0, 0, 0, 0.4); }
.bgc-op5{ background-color: rgba(0, 0, 0, 0.5); }
.bgc-op6{ background-color: rgba(0, 0, 0, 0.6); }
.bgc-op7{ background-color: rgba(0, 0, 0, 0.7); }
.bgc-op8{ background-color: rgba(0, 0, 0, 0.8); }
.bgc-op9{ background-color: rgba(0, 0, 0, 0.9); }
.bgc-op10{ background-color: rgba(0, 0, 0, 1); }

/*PALETA 1 rancia capaz*/
/* .bgc-naranja {background-color: #ee6f44}
.bgc-naranjalight {background-color: #ee9944}
.bgc-naranjaSlight {background-color: #eec344}
.bgc-amarillo {background-color: #eeee44}
.bgc-verdeamarillo {background-color: #c3ee44}
.bgc-verdemanzana {background-color: #99ee44}
.bgc-casiverde {background-color: #6fee44}
.bgc-verde {background-color: #44ee44}
.bgc-verdecasiturquesa {background-color: #44ee6f}
.bgc-verdeturquesa {background-color: #44ee99}
.bgc-turquesa {background-color: #44eec3}
.bgc-turquesaagua {background-color: #44eeee}
.bgc-turquesaceleste {background-color: #44c3ee}
.bgc-celeste {background-color: #4499ee}
.bgc-azulceleste {background-color: #446fee}
.bgc-azul {background-color: #4a47ff}
.bgc-violetaazul {background-color: #6f44ee}
.bgc-violeta {background-color: #9944ee}
.bgc-violetarosa {background-color: #c344ee}
.bgc-rosa {background-color: #ee44ee}
.bgc-rosarojo {background-color: #ee44c3}
.bgc-rosacasirojo {background-color: #ee4499}
.bgc-rojorosa {background-color: #ee446f}
.bgc-rojo {background-color: #ee4444} */

/*PALETA 2 menos rancia*/
/* .bgc-naranja {background-color: #ff7547;}
.bgc-naranjalight {background-color: #ffa347;}
.bgc-naranjaSlight {background-color: #ffd147;}
.bgc-amarillo {background-color: #ffff47;}
.bgc-verdeamarillo {background-color: #d1ff47;}
.bgc-verdemanzana {background-color: #a3ff47;}
.bgc-casiverde {background-color: #75ff47;}
.bgc-verde {background-color: #47ff47;}
.bgc-verdecasiturquesa {background-color: #47ff75;}
.bgc-verdeturquesa {background-color: #47ffa3;}
.bgc-turquesa {background-color: #47ffd1;}
.bgc-turquesaagua {background-color: #47ffff;}
.bgc-turquesaceleste {background-color: #47d1ff;}
.bgc-celeste {background-color: #47a3ff;}
.bgc-azulceleste {background-color: #4775ff;}
.bgc-azul {background-color: #4747ff;}
.bgc-violetaazul {background-color: #4a47ff;}
.bgc-violeta {background-color: #7547ff;}
.bgc-violetarosa {background-color: #a347ff;}
.bgc-rosa {background-color: #d147ff;}
.bgc-rosarojo {background-color: #ff47ff;}
.bgc-rosacasirojo {background-color: #ff47d1;}
.bgc-rojorosa {background-color: #ff47a3;}
.bgc-rojo {background-color: #ff4775;} */

/*PALETA 3 medios pasteles*/
/* .bgc-naranja {background-color: #ff9875;}
.bgc-naranjalight {background-color: #ffba75;}
.bgc-naranjaSlight {background-color: #ffdd75;}
.bgc-amarillo {background-color: #ffff75;}
.bgc-verdeamarillo {background-color: #ddff75;}
.bgc-verdemanzana {background-color: #baff75;}
.bgc-casiverde {background-color: #98ff75;}
.bgc-verde {background-color: #75ff75;}
.bgc-verdecasiturquesa {background-color: #75ff98;}
.bgc-verdeturquesa {background-color: #75ffba;}
.bgc-turquesa {background-color: #75ffdd;}
.bgc-turquesaagua {background-color: #75ffff;}
.bgc-turquesaceleste {background-color: #75ddff;}
.bgc-celeste {background-color: #75baff;}
.bgc-azulceleste {background-color: #7598ff;}
.bgc-azul {background-color: #7575ff;}
.bgc-violetaazul {background-color: #7875ff;}
.bgc-violeta {background-color: #9875ff;}
.bgc-violetarosa {background-color: #ba75ff;}
.bgc-rosa {background-color: #dd75ff;}
.bgc-rosarojo {background-color: #ff75ff;}
.bgc-rosacasirojo {background-color: #ff75dd;}
.bgc-rojorosa {background-color: #ff75ba;}
.bgc-rojo {background-color: #ff7598;} */

/*PALETA 4 QUIBI*/
/* .bgc-naranja {background-color: #fb5d28;}
.bgc-naranjalight {background-color: #fb9128;}
.bgc-naranjaSlight {background-color: #fbc628;}
.bgc-amarillo {background-color: #fbfb28;}
.bgc-verdeamarillo {background-color: #c6fb28;}
.bgc-verdemanzana {background-color: #91fb28;}
.bgc-casiverde {background-color: #5dfb28;}
.bgc-verde {background-color: #28fb28;}
.bgc-verdecasiturquesa {background-color: #28fb5d;}
.bgc-verdeturquesa {background-color: #28fb91;}
.bgc-turquesa {background-color: #28fbc6;}
.bgc-turquesaagua {background-color: #28fbfb;}
.bgc-turquesaceleste {background-color: #28c6fb;}
.bgc-celeste {background-color: #2891fb;}
.bgc-azulceleste {background-color: #285dfb;}
.bgc-azul {background-color: #2828fb;}
.bgc-violetaazul {background-color: #5d28fb;}
.bgc-violeta {background-color: #9128fb;}
.bgc-violetarosa {background-color: #c628fb;}
.bgc-rosa {background-color: #fb28fb;}
.bgc-rosarojo {background-color: #fb28c6;}
.bgc-rosacasirojo {background-color: #fb2891;}
.bgc-rojorosa {background-color: #fb285d;}
.bgc-rojo {background-color: #fb2828;} */

/*PALETA 4 QUIBI-light*/
/* .bgclight-naranja {background-color: #fbeae4;}
.bgclight-naranjalight {background-color: #fbf0e4;}
.bgclight-naranjaSlight {background-color: #fbf6e4;}
.bgclight-amarillo {background-color: #fbfbe4;}
.bgclight-verdeamarillo {background-color: #f6fbe4;}
.bgclight-verdemanzana {background-color: #f0fbe4;}
.bgclight-casiverde {background-color: #eafbe4;}
.bgclight-verde {background-color: #e4fbe4;}
.bgclight-verdecasiturquesa {background-color: #e4fbea;}
.bgclight-verdeturquesa {background-color: #e4fbf0;}
.bgclight-turquesa {background-color: #e4fbf6;}
.bgclight-turquesaagua {background-color: #e4fbfb;}
.bgclight-turquesaceleste {background-color: #e4f6fb;}
.bgclight-celeste {background-color: #e4f0fb;}
.bgclight-azulceleste {background-color: #e4eafb;}
.bgclight-azul {background-color: #e4e4fb;}
.bgclight-violetaazul {background-color: #eae4fb;}
.bgclight-violeta {background-color: #f0e4fb;}
.bgclight-violetarosa {background-color: #f6e4fb;}
.bgclight-rosa {background-color: #fbe4fb;}
.bgclight-rosarojo {background-color: #fbe4f6;}
.bgclight-rosacasirojo {background-color: #fbe4f0;}
.bgclight-rojorosa {background-color: #fbe4ea;}
.bgclight-rojo {background-color: #fbe4e4;} */


/*PALETA 4 QUIBI-light rancia*/
/* .bgclight-naranja {background-color: #fbc4b1;}
.bgclight-naranjalight {background-color: #fbd6b1;}
.bgclight-naranjaSlight {background-color: #fbe9b1;}
.bgclight-amarillo {background-color: #fbfbb1;}
.bgclight-verdeamarillo {background-color: #e9fbb1;}
.bgclight-verdemanzana {background-color: #d6fbb1;}
.bgclight-casiverde {background-color: #c4fbb1;}
.bgclight-verde {background-color: #b1fbb1;}
.bgclight-verdecasiturquesa {background-color: #b1fbc4;}
.bgclight-verdeturquesa {background-color: #b1fbd6;}
.bgclight-turquesa {background-color: #b1fbe9;}
.bgclight-turquesaagua {background-color: #b1fbfb;}
.bgclight-turquesaceleste {background-color: #b1e9fb;}
.bgclight-celeste {background-color: #b1d6fb;}
.bgclight-azulceleste {background-color: #b1c4fb;}
.bgclight-azul {background-color: #b1b1fb;}
.bgclight-violetaazul {background-color: #c4b1fb;}
.bgclight-violeta {background-color: #d6b1fb;}
.bgclight-violetarosa {background-color: #e9b1fb;}
.bgclight-rosa {background-color: #fbb1fb;}
.bgclight-rosarojo {background-color: #fbb1e9;}
.bgclight-rosacasirojo {background-color: #fbb1d6;}
.bgclight-rojorosa {background-color: #fbb1c4;}
.bgclight-rojorosa {background-color: #fbb1b1;} */

/* PALETA 5 PEDIDOS YA*/
.bgc-naranja {background-color: #ec6c41;}
.bgc-naranjalight {background-color: #ec9641;}
.bgc-naranjaSlight {background-color: #ecc141;}
.bgc-amarillo {background-color: #ecec41;}
.bgc-verdeamarillo {background-color: #c1ec41;}
.bgc-verdemanzana {background-color: #96ec41;}
.bgc-casiverde {background-color: #6cec41;}
.bgc-verde {background-color: #41ec41;}
.bgc-verdecasiturquesa {background-color: #41ec6c;}
.bgc-verdeturquesa {background-color: #41ec96;}
.bgc-turquesa {background-color: #41ecc1;}
.bgc-turquesaagua {background-color: #41ecec;}
.bgc-turquesaceleste {background-color: #41c1ec;}
.bgc-celeste {background-color: #4196ec;}
.bgc-azulceleste {background-color: #416cec;}
.bgc-azul {background-color: #4141ec;}
.bgc-violetaazul {background-color: #6c41ec;}
.bgc-violeta {background-color: #9641ec;}
.bgc-violetarosa {background-color: #c141ec;}
.bgc-rosa {background-color: #ec41ec;}
.bgc-rosarojo {background-color: #ec41c1;}
.bgc-rosacasirojo {background-color: #ec4196;}
.bgc-rojorosa {background-color: #ec416c;}
.bgc-rojo {background-color: #ec4348;}

/* PALETA 5 AVINVER*/
.bgc-avinver-naranja {background-color: #e03800;}
.bgc-avinver-naranjalight {background-color: #e07000;}
.bgc-avinver-naranjaSlight {background-color: #e0a800;}
.bgc-avinver-amarillo {background-color: #e0e000;}
.bgc-avinver-verdeamarillo {background-color: #a8e000;}
.bgc-avinver-verdemanzana {background-color: #70e000;}
.bgc-avinver-casiverde {background-color: #38e000;}
.bgc-avinver-verde {background-color: #00e000;}
.bgc-avinver-verdecasiturquesa {background-color: #00e038;}
.bgc-avinver-verdeturquesa {background-color: #00e070;}
.bgc-avinver-turquesa {background-color: #00e0a8;}
.bgc-avinver-turquesaagua {background-color: #00e0e0;}
.bgc-avinver-turquesaceleste {background-color: #00a9e2;}
.bgc-avinver-celeste {background-color: #0070e0;}
.bgc-avinver-azulceleste {background-color: #0038e0;}
.bgc-avinver-azul {background-color: #0000e0;}
.bgc-avinver-violetaazul {background-color: #3800e0;}
.bgc-avinver-violeta {background-color: #7000e0;}
.bgc-avinver-violetarosa {background-color: #a800e0;}
.bgc-avinver-rosa {background-color: #e000e0;}
.bgc-avinver-rosarojo {background-color: #e000a8;}
.bgc-avinver-rosacasirojo {background-color: #e00070;}
.bgc-avinver-rojorosa {background-color: #e00038;}
.bgc-avinver-rojo {background-color: #e00000;}
.bgc-avinver-azuloscuro {background-color: #282850;}

/* PALETA 5 PEDIDOS YA-light*/
.bgclight-naranja {background-color: #f5b8a3;}
.bgclight-naranjalight {background-color: #f5cca3;}
.bgclight-naranjaSlight {background-color: #f5e0a3;}
.bgclight-amarillo {background-color: #f5f5a3;}
.bgclight-verdeamarillo {background-color: #e0f5a3;}
.bgclight-verdemanzana {background-color: #ccf5a3;}
.bgclight-casiverde {background-color: #b8f5a3;}
.bgclight-verde {background-color: #a3f5a3;}
.bgclight-verdecasiturquesa {background-color: #a3f5b8;}
.bgclight-verdeturquesa {background-color: #a3f5cc;}
.bgclight-turquesa {background-color: #a3f5e0;}
.bgclight-turquesaagua {background-color: #a3f5f5;}
.bgclight-turquesaceleste {background-color: #a3e0f5;}
.bgclight-celeste {background-color: #a3ccf5;}
.bgclight-azulceleste {background-color: #a3b8f5;}
.bgclight-azul {background-color: #a3a3f5;}
.bgclight-violetaazul {background-color: #b8a3f5;}
.bgclight-violeta {background-color: #cca3f5;}
.bgclight-violetarosa {background-color: #e0a3f5;}
.bgclight-rosa {background-color: #f5a3f5;}
.bgclight-rosarojo {background-color: #f5a3e0;}
.bgclight-rosacasirojo {background-color: #f5a3cc;}
.bgclight-rojorosa {background-color: #f5a3b8;}
.bgclight-rojo {background-color: #f5a3a5;}

/*PALETA 5 PEDIDOS YA-whiting*/
.bgcwhite-naranja {background-color: #fcede8;}
.bgcwhite-naranjalight {background-color: #fcf2e8;}
.bgcwhite-naranjaSlight {background-color: #fcf7e8;}
.bgcwhite-amarillo {background-color: #fcfce8;}
.bgcwhite-verdeamarillo {background-color: #f7fce8;}
.bgcwhite-verdemanzana {background-color: #f2fce8;}
.bgcwhite-casiverde {background-color: #edfce8;}
.bgcwhite-verde {background-color: #e8fce8;}
.bgcwhite-verdecasiturquesa {background-color: #e8fced;}
.bgcwhite-verdeturquesa {background-color: #e8fcf2;}
.bgcwhite-turquesa {background-color: #e8fcf7;}
.bgcwhite-turquesaagua {background-color: #e8fcfc;}
.bgcwhite-turquesaceleste {background-color: #e8f7fc;}
.bgcwhite-celeste {background-color: #e8f2fc;}
.bgcwhite-azulceleste {background-color: #e8edfc;}
.bgcwhite-azul {background-color: #e8e8fc;}
.bgcwhite-violetaazul {background-color: #ede8fc;}
.bgcwhite-violeta {background-color: #f2e8fc;}
.bgcwhite-violetarosa {background-color: #f7e8fc;}
.bgcwhite-rosa {background-color: #fce8fc;}
.bgcwhite-rosarojo {background-color: #fce8f7;}
.bgcwhite-rosacasirojo {background-color: #fce8f2;}
.bgcwhite-rojorosa {background-color: #fce8ed;}
.bgcwhite-rojo {background-color: #fce8e8;}

/*PALETA 5 YAZAKI*/
.yazaki-red{background-color: #ec1c23;}
.yazaki-black{background-color: #231e20;}
.yazaki-white{background-color: #ffffff;}
.yazaki-azul{background-color: #1d1ded;}
.yazaki-verde{background-color: #1ded51;}

.yazaki-blackred{background: linear-gradient(to top, #ec1c23 0%, #231e20 100%);}
.yazaki-redblack{background: linear-gradient(to bottom, #ec1c23 0%, #231e20 100%);}
.yazaki-whitered{background: linear-gradient(to top, #ec1c23 0%, #ffffff 150%);}
.yazaki-redlowred{background: linear-gradient(to bottom, #ec1c23 0%, #fbd0d1 100%);}
.yazaki-redred{background: linear-gradient(to bottom, #ec1c23 0%, #f04248 100%);}

/*COLORES BACKGROUNDS GRADIENT*/
.bgc-gradient {background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));}
.bgc-blackredtoleft {background: linear-gradient(to left, #dd3c3c 0%, #3cdd3c 100%);}
/* .bgc-blackredtoleft {background: linear-gradient(to left, white 0%, #dd3c3c 100%);} */
.bgc-blackredtoright {background: linear-gradient(to right, #dd3c3c 0%, #3cdd3c 100%);}
.bgc-azulred {background: linear-gradient(to right, #4141ec 0%, #231e20 100%);}
.bgc-naranjared {background: linear-gradient(to right, #ec6c41 0%, #231e20 100%);}

/*BORDES*/
.border-black1{border:1px solid black;}
.border-black2{border:2px solid black;}
.border-white1{border:1px solid white;}
.border-white2{border:2px solid white;}
.borderin-black1{outline:1px solid black;outline-offset: -1px;}
.borderin-black2{outline:2px solid black;outline-offset: -2px;}
.borderin-black10{outline:10px solid black;outline-offset: -10px;}
.borderin-white1{outline:1px solid white;outline-offset: -1px;}
.borderin-white2{outline:2px solid white;outline-offset: -2px;}
.borderin-white10{outline:10px solid white;outline-offset: -10px;}

.borderin-rojo1{outline:1px solid #ec4348;outline-offset: -1px;}
.borderin-rojo2{outline:2px solid #ec4348;outline-offset: -2px;}
.borderin-rojo10{outline:10px solid #ec4348;outline-offset: -10px;}
.borderin-naranja1{outline:1px solid #ec6c41;outline-offset: -1px;}
.borderin-naranja2{outline:2px solid #ec6c41;outline-offset: -2px;}
.borderin-naranja10{outline:10px solid #ec6c41;outline-offset: -10px;}
.borderin-violeta1{outline:1px solid #9641ec;outline-offset: -1px;}
.borderin-violeta2{outline:2px solid #9641ec;outline-offset: -2px;}
.borderin-violeta10{outline:10px solid #9641ec;outline-offset: -10px;}

/*MOSTRAR-OCULTAR*/
.hidden{visibility: hidden;}
.hidetranqui {display: none;}
.showtranqui {display: flex;}
.hide {display: none !important;}
.show {display: flex !important;}
.hideop {opacity: 0; z-index: -999;}
.showop {opacity: 1; z-index: 1;}
.zm1{z-index: -1;}
.z{z-index: 2;}
.z10{z-index: 10;}
.z9{z-index: 9 !important;}
.z99{z-index: 99 !important;}
.z999{z-index: 999 !important;}
.z9999{z-index: 9999 !important;}
.z99999{z-index: 99999 !important;}
.zop0{z-index:-1; opacity: 0;}
.zop9{z-index: 9 !important; opacity: 1;}
.zop99{z-index: 99 !important; opacity: 1;}
.zop999{z-index: 999 !important; opacity: 1;}
.zop9999{z-index: 9999 !important; opacity: 1;}
.zop99999{z-index: 99999 !important; opacity: 1;}

/*SHADOWS*/
/* .bshadow{box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1); border-top: 4px solid #FD7E14; border-radius: 10px;} */
.bshadowtop-blue{box-shadow: 0px 0px 50px 5px #4141ec;}
.bshadowtop-black{box-shadow: 0px 0px 50px 5px black;}
.bshadowtop-black1{box-shadow: 0px 0px 5px 1px black;}
.bshadowtop-white{box-shadow: 0px 0px 50px 5px white;}
.bshadowtop-white1{box-shadow: 0px 0px 5px 1px white;}

.shadowMenu {
	box-shadow: 0px 0px 10px 2px black;
}
.shadowImg {
	box-shadow: 0px 0px 5px 0px black;
}

/*BASE OPACITY*/
.op-09 {opacity: .9;z-index: 2;}
.op-08 {opacity: .8;z-index: 2;}
.op-07 {opacity: .7;z-index: 2;}
.op-06 {opacity: .6;z-index: 2;}
.op-05 {opacity: .5;z-index: 2;}
.op-04 {opacity: .4;z-index: 2;}
.op-03 {opacity: .3;z-index: 2;}
.op-02 {opacity: .2;z-index: 2;}
.op-01 {opacity: .1;z-index: 2;}

.op-09:active, .op-08:active, .op-07:active, .op-06:active, .op-05:active, .op-04:active, .op-03:active, .op-02:active, .op-01:active  {opacity: .0;}

.op10 {opacity: 1;}
.op9 {opacity: .9;}
.op8 {opacity: .8;}
.op7 {opacity: .7;}
.op6 {opacity: .6;}
.op5 {opacity: .5;}
.op4 {opacity: .4;}
.op3 {opacity: .3;}
.op2 {opacity: .2;}
.op1 {opacity: .1;}
.op0 {opacity: 0;}

/*BASE BACKGROUND-COLOR*/
.bgc-w {background-color: white;}
.bgc-b {background-color: black;}

/*BASE BACKGROUND-IMAGE center*/
.bg-img1 {background-image: url("img/background/img1.jpg");background-repeat: no-repeat;background-attachment: fixed;background-position: center;}
.bg-img2 {background-image: url("img/background/img2.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img3 {background-image: url("img/background/img3.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img4 {background-image: url("img/background/img4.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img5 {background-image: url("img/background/img5.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img6 {background-image: url("img/background/img6.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img7 {background-image: url("img/background/img7.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img8 {background-image: url("img/background/img8.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img9 {background-image: url("img/background/img9.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img10 {background-image: url("img/background/img10.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img11 {background-image: url("img/background/img11.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img12 {background-image: url("img/background/img12.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img13 {background-image: url("img/background/img13.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img14 {background-image: url("img/background/img14.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img15 {background-image: url("img/background/img15.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img16 {background-image: url("img/background/img16.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img17 {background-image: url("img/background/img17.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img18 {background-image: url("img/background/img18.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img19 {background-image: url("img/background/img19.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.bg-img20 {background-image: url("img/background/img20.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}

/*BASE BACKGROUND-IMAGE COVER SIZE*/
.bg-sc-img1 {background-image: url("img/background/img1.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img2 {background-image: url("img/background/img2.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img3 {background-image: url("img/background/img3.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img4 {background-image: url("img/background/img4.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img5 {background-image: url("img/background/img5.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img6 {background-image: url("img/background/img6.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img7 {background-image: url("img/background/img7.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img8 {background-image: url("img/background/img8.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img9 {background-image: url("img/background/img9.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img10 {background-image: url("img/background/img10.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img11 {background-image: url("img/background/img11.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img12 {background-image: url("img/background/img12.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img13 {background-image: url("img/background/img13.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img14 {background-image: url("img/background/img14.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img15 {background-image: url("img/background/img15.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img16 {background-image: url("img/background/img16.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img17 {background-image: url("img/background/img17.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img18 {background-image: url("img/background/img18.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img19 {background-image: url("img/background/img19.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}
.bg-sc-img20 {background-image: url("img/background/img20.jpg");background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;background-size: cover;}

.parallax {
	background-attachment: fixed;
}

/*TRANSITION AND KEYFRAMES*/

.bt {transition: .2s;}
.transition02{transition: .1s visibility !important;}
.notransition{transition: none;}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

.kf-slidebot{
	top: 50%;
	transition: .5s;
}
.kf-slidetop{
	bottom: 50%;
	transition: .5s;
}
.kf-slideleft{
	right: 50%;
	transition: .5s;
}
.kf-slideright{
	left: 50%;
	transition: .5s;
}

/* TRANSFORMS */

.rotateY180{
	transform:rotateY(180deg)
}

/*FONT BASES*/
.bfonttitles {font-family: "Protest Guerrilla", sans-serif;font-weight: 400;font-style: normal;text-align:center;}
/* .bfonttitles {font-family: "LatoBold",sans-serif;text-align:center;} */
.bfont {font-family: "Bungee", sans-serif;font-weight: 400;font-style: normal;}
/* .bfont {font-family: "Lato",sans-serif;} */
.bfontsmall {font-family: "LatoLight",sans-serif;}
.bfonttitles2 {font-family: "SpaceGroteskBold",sans-serif;text-align:center;}
.bfont2 {font-family: "SpaceGrotesk",sans-serif;}
.bfontsmall2 {font-family: "SpaceGroteskLight",sans-serif;}
.bfonttitles3 {font-family: "DosisBold",sans-serif;text-align:center;}
.bfont3 {font-family: "Dosis",sans-serif;}
.bfontsmall3 {font-family: "DosisLight",sans-serif;}
.bfonttitles4 {font-family: "ZillaSlabBold",sans-serif;text-align:center;}
.bfont4 {font-family: "ZillaSlab",sans-serif;}
.bfontsmall4 {font-family: "ZillaSlabLight",sans-serif;}
.bfonttitles5 {font-family: "RudaExtraBold",sans-serif;text-align:center;}
.bfont5 {font-family: "RudaBold",sans-serif;}
.bfontsmall5 {font-family: "Ruda",sans-serif;}
.text-center{text-align: center;}
.text-rigth{text-align: right;}
.text-left{text-align: left;}
.fs10{font-size: 10px !important;}.fs12{font-size: 12px !important;}.fs14{font-size: 14px !important;}.fs16{font-size: 16px !important;}.fs18{font-size: 18px !important;}.fs20{font-size: 20px !important;}.fs22{font-size:22px !important;}.fs24{font-size: 24px !important;}.fs26{font-size: 26px !important;}.fs28{font-size: 28px !important;}.fs30{font-size: 30px !important;}.fs32{font-size:32px !important;}.fs34{font-size: 34px !important;}.fs36{font-size: 36px !important;}.fs38{font-size: 38px !important;}.fs40{font-size: 40px !important;}.fs42{font-size:42px !important;}.fs44{font-size: 44px !important;}.fs46{font-size: 46px !important;}.fs48{font-size: 48px !important;}.fs50{font-size: 50px !important;}.fs52{font-size:52px !important;}.fs54{font-size: 54px !important;}.fs56{font-size: 56px !important;}.fs58{font-size: 58px !important;}.fs60{font-size: 60px !important;}.fs62{font-size: 62px !important;}.fs64{font-size: 64px !important;}.fs66{font-size: 66px !important;}.fs68{font-size: 68px !important;}.fs70{font-size: 70px !important;}.fs72{font-size: 72px !important;}.fs74{font-size: 74px !important;}.fs76{font-size: 76px !important;}.fs78{font-size: 78px !important;}.fs80{font-size: 80px !important;}.fs82{font-size: 82px !important;}.fs84{font-size: 84px !important;}.fs86{font-size: 86px !important;}.fs88{font-size: 88px !important;}.fs90{font-size: 90px !important;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}

.bungee-regular {
    font-family: "Bungee", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .pacifico-regular {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
  }
  .anton-regular {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }.protest-strike-regular {
    font-family: "Protest Strike", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .protest-riot-regular {
    font-family: "Protest Riot", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
              

/*FORMAS*/
.triangulotopleft {
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-right: 100px solid transparent;
  }
.triangulotopright {
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
  }
.triangulobotleft {
	width: 0;
	height: 0;
	border-bottom: 100px solid red;
	border-right: 100px solid transparent;
  }
.triangulobotright {
	width: 0;
	height: 0;
	border-bottom: 100px solid red;
	border-left: 100px solid transparent;
  }

/*ESTILOS BASE fin*/

#cuerpo {
    overflow-y: scroll;
    overflow-x: hidden;
}

#cuerpo::-webkit-scrollbar {
    display: none;
  }

#promociones {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap !important;
    position: relative !important;
}

#promociones::-webkit-scrollbar {
    display: none;
  }

#promociones div {
    display: inline-block !important;
    float: none !important;
}

.calculadora h1 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 36px;
	margin: 10px 0;

}

.calculadora h2 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 26px;
	margin: 7px 0;

}

.calculadora h3 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 18px;
	margin: 5px 0;

}

/* .calculadora span {
	position: relative;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	width: 80%;
	border: 1px solid black;
	padding: 10px 20px;
	margin: 5px 0px;
} */

.calculadora select {
	background-color: #eee;
	position: relative;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	width: 80%;
	border: 2px solid black;
	padding: 10px 20px;
	margin: 5px 0px;
}

/* .calculadora select:hover {
	border: solid 2px #41ec41;
} */

.calculadora input[type=radio] {
	position: absolute;
	right: 0;
	pointer-events: none;
}

.calculadora input[type=radio]:checked {
	background-color: black;
}

.calculadora input[type=text], .calculadora input[type=number] {
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 80%;
	padding: 10px 20px;
	margin: 5px 0px;
	border: solid 2px black;
}

.calculadora input[tipo=pequeño] {
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 80%;
	padding: 5px 10px;
	margin: 5px 0px;
	border: solid 2px black;
}

.calculadora input[type=text]:hover, .calculadora input[type=text]:active  {
	border: solid 2px #41ec41;
}

.checkeable {
	position: relative;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	width: 80%;
	padding: 10px 20px;
	margin: 5px 0px;
	border: solid 2px black;
}

.checkeable:hover, .checkeable:active{
	border: solid 2px #41ec41;
	cursor: pointer;
}

.checked {
	border: solid 2px #41ec41 !important;
}

.displaycalculadora h1 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 36px;
	margin: 10px 0;

}

.displaycalculadora h2 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 26px;
	margin: 7px 0;

}

.next {
	padding: 10px 20px;
	background-color: #00a9e2;
	border: 1px solid #00a9e2;
	border-radius: 10px;
	color: white;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
	max-width: 100px;
}

.next:hover, .next:active {
	color: black;
	border: 1px solid black;
	cursor: pointer;
}

.back {
	padding: 10px 20px;
	background-color: #ec4348;
	border: 1px solid #ec4348;
	border-radius: 10px;
	color: white;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
	max-width: 100px;
}

.back:hover, .back:active {
	color: black;
	border: 1px solid black;
	cursor: pointer;
}

/* NUEVOS PARA BATARA */

/* @media only screen and (orientation: portrait){
	body{
		min-height: 720px;
		min-width: 1444px;
	}
}

@media screen and (max-width: 1650px){
	body{
		min-height: 720px;
		min-width: 1650px;
	}
} */

h1 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: 40px;
}

h2 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 30px;
}

h3 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 25px;
}

.header {
	position: absolute;
	top: 0;
	height: 100px;
	/* background-color: rgba(0, 0, 0, 0.1); */
	z-index: 99;
}

.headerResponsive {
	position: relative;
	top: 0;
	height: 100px;
	/* background-color: rgba(0, 0, 0, 0.1); */
	z-index: 99;
    /* background-size: contain; */
}

.header2 {
	position: relative;
	top: 0;
	height: 100px;
	/* background-color: rgba(0, 0, 0, 0.1); */
	z-index: 99;
	background-image: url("../../inc/img/fondo.jpg");
    background-position: center;
    background-size: cover;
}

.footer {
	position: relative;
	bottom: 0;
	height: 100px;
	/* background-color: rgba(0, 0, 0, 0.1); */
	z-index: 99;
	background-image: url("../../inc/img/fondo.jpg");
    background-position: center;
    background-size: cover;
}

.menu{
	position: relative;
	/* background-color: rgba(255, 255, 255, 0.1); */
	height: 100%;
	color: white;
	/* font-family: "Roboto", sans-serif; */
	font-family: "Intervogue", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
}

.menu::after{
	z-index: -1;
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 90%, transparent 90%); */
	opacity: 0;
	transition: all .2s;
}

.menu:hover{
	cursor: pointer;
}

.menu:hover::after{
	cursor: pointer;
	color: black;
	opacity: 1;
}

.menu:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

.menuActive{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

/* .menu:hover{
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	color: black;
} */

.menu a {
	text-decoration: none;
	font-family: "Intervogue", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
	color: white;
	user-select: none;
}

.menu a:hover, .menu a:active{
	text-decoration: none;
	cursor: pointer;
	color: black;
}

.menu2{
	position: relative;
	/* background-color: rgba(255, 255, 255, 0.1); */
	height: 100%;
	color: white;
	/* font-family: "Roboto", sans-serif; */
	font-family: "Intervogue", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
}

.menu2::after{
	z-index: -1;
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.2) 0% 90%, transparent 90%); */
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
	opacity: 0;
	transition: all .2s;
}

.menu2:hover, .menu2:active{
	cursor: pointer;
}

.menu2:hover::after{
	cursor: pointer;
	color: black;
	opacity: 1;
}

.menu2:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
}

/* .menu2:hover{
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	color: black;
} */

.menu2 a {
	text-decoration: none;
	font-family: "Intervogue", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
	color: white;
	user-select: none;
}

.menu2 a:hover, .menu2 a:active{
	text-decoration: none;
	cursor: pointer;
	color: black;
}

.home_logo{
	height: 100%;
	position: absolute;
	background-image: url("../img/logo.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.home_logo:hover, .home_logo:active{
	cursor: pointer;
	background-image: url("../img/logo2.png");
}

.cabecera {
    /* transition: background .7s .5s ease-out; */
    position: relative;
	/* height: 100vh; */
    /* height: 800px; */
    background-image: url("../img/fondo.jpg");
    background-position: center;
    /* background-repeat: no-repeat; */
    background-size: contain;
    /* background-attachment: fixed; */
}

/* #cabeceras0 {
	background-image: url("../img/logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
} */

#cabeceras1 {
	min-height: 400px !important;
}

#cabeceras2{
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
}

#cabeceras2 h3 {
	margin-top: 50px;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(25px, 4vw, 35px);
	text-align: center;
	color: white;
}

.cabeceraResponsive {
    /* transition: background .7s .5s ease-out; */
    position: relative;
	/* height: 100vh; */
    /* height: 800px; */
    /* background-image: url("../img/fondo.jpg"); */
    background-image: url("../img/fondoEspejo.jpg");
    background-position: top;
    background-repeat: repeat;
    background-size: contain;
    /* background-attachment: fixed; */
}

.cabecera_contenido{
	position: relative;
	/* margin-top: 100px; */
	/* padding-top: 100px; */
    /* height: 700px; */
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
}

/* .cajas{ */
	/* position: relative; */
	/* height: 200px; */
	/* margin-top: -100px; */
/* } */

.caja {
	position: relative;
	height: 100%;
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%); */
	/* background-color: white; */
	/* box-shadow: black 0px 0px 1px 1px; */
	/* border-radius: 50%; */
}

.caja::after{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%);
	opacity: 0;
	transition: all .2s;
}

.caja:hover::after {
	cursor: pointer;
	color: black;
	opacity: 1;
}

.caja:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%);
}

.caja_icono{
	height: 60%;
}

.caja_icono img{
	/* width: 20%; */
	height: 75%;
}

.caja_titulo{
	height: 40%;
}

.cajaResponsive {
	position: relative;
	/* height: 100%; */
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%); */
	/* background-color: white; */
	/* box-shadow: black 0px 0px 1px 1px; */
	/* border-radius: 50%; */
}

.cajaResponsive::after{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%);
	opacity: 0;
	transition: all .2s;
}

.cajaResponsive:hover::after {
	cursor: pointer;
	color: black;
	opacity: 1;
}

.cajaResponsive:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%);
}

.cajaResponsiveActive {
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 85%, transparent 85%);
}

.caja_iconoResponsive{
	height: unset;
}

.caja_iconoResponsive img{
	height: clamp(150px, 1vh, 300px);
	/* width: 20%; */
	/* height: 75%; */
}

.caja_tituloResponsive{
	height: 100px;
}

.caja_titulo h1 {
	/* margin-top: 0px; */
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: 25px;
	color: white;
	text-transform: uppercase;
}

.caja_titulo h2 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 20px;
	color: white;
}

.caja_titulo h3 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: white;
}

.caja_tituloResponsive h1 {
	/* margin-top: 0px; */
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: 25px;
	color: white;
	text-transform: uppercase;
}

.caja_tituloResponsive h2 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 20px;
	color: white;
}

.caja_tituloResponsive h3 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: white;
}

.filtro_iconoResponsive{
	height: unset;
}

.filtro_iconoResponsive img{
	height: clamp(75px, 1vh, 300px);
	/* width: 20%; */
	/* height: 75%; */
}

.filtro_tituloResponsive{
	height: 100px;
}

.filtro_titulo h1 {
	/* margin-top: 0px; */
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: 25px;
	color: white;
	text-transform: uppercase;
}

.filtro_titulo h2 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 20px;
	color: white;
}

.filtro_titulo h3 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: white;
}

.filtro_tituloResponsive h1 {
	/* margin-top: 0px; */
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: clamp(15px, 3vw, 20px);
	color: white;
	text-transform: uppercase;
}

.filtro_tituloResponsive h2 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 3vw, 20px);
	color: white;
}

.filtro_tituloResponsive h3 {
	margin: 0;
	/* font-family: "Intervogue", sans-serif; */
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 3vw, 20px);
	color: white;
}

.test {
	filter: brightness(1.1);
	mix-blend-mode: multiply;
}

.boxProductos{
	max-height: 600px;
	position: relative;
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%); */
	background-color: white;
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,1) 0% 90%, transparent 90%); */
	/* border: solid 1px black; */
	/* box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); */
}

.boxProductos:hover, .boxProductos:active{
	cursor: pointer;
	color: white;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.8);
}

.boxProductos::after {
	content: '';
	position: absolute;
	/* top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px; */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background-color: rgb(0,0,0,0.1); */
	background-color: rgb(255,255,255,0.1);
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%); */
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,1) 0% 90%, transparent 90%); */
	opacity: 0;
	transition: all .2s;
}

.boxProductos::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url("../../inc/img/fondoEspejoOp6.jpg");
	background-position: top;
    background-size: cover;
	/* background-image: url("../../inc/img/fondo.jpg"); */
	/* background-position: center;
    background-size: cover; */
}

/* .boxProductos::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: black 0px 0px 2px;
} */

.boxProductos:hover::after{
	cursor: pointer;
	opacity: 1;
}

.boxProductos:active{
	background-color: rgb(255,255,255,0.1);
}

.boxProductosResponsive{
	width: 100%;
	/* display: flex;
	justify-content: center;
	align-items: center; */

}

.cuerpoTienda{
	background-color: unset; 
	/* background-image: url("../../inc/img/fondoEspejo.jpg");
    background-position: center;
    background-size: contain; */
	/* background: linear-gradient(#ddd,#eee);  */
	/* background-image: url("../img/fondo.jpg");
    background-position: center;
    background-size: contain; */
}

.producto-titulo {
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.8) 0% 90%, transparent 90%);
	position: relative;
	height: 25px;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: black;
}

.producto-titulo h1 {
	margin: 0;
	font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 15px;
	color: white;
	text-align: center;
}

.producto-img {
	position: relative;
	height: 25px;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: black;
}

.producto-img img{
	max-width: 50%;
}

.producto-descripcion {
	position: relative;
	height: 25px;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 1vw, 25px);
	color: black;
}

.producto-descripcion p{
	margin: 0;
	font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(10px, 0.75vw, 20px);
	color: white;
}

.producto-precio {
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.8) 0% 80%, transparent 80%);
	position: relative;
	height: 25px;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;
	color: black;
}

.producto-precio h1 {
	margin: 0;
	font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 1vw, 25px);
	color: white;
}

#infoBatara0 h1{
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-family: "Heebo", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(30px, 4vw, 45px);
	text-align: center;
	color: white;
}

#infoBatara0 h2{
	text-transform: uppercase;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(20px, 3vw, 30px);
	text-align: left;
	color: white;
}

#infoBatara0 h3{
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: left;
	color: white;
}

#infoBatara0 .h3 {
	margin: unset;
	text-transform: unset;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: left;
	color: white;
}

#infoBatara0 .h1 {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-family: "Heebo", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(30px, 4vw, 45px);
	text-align: center;
	color: white;
}

#infoBatara0 .h3 a {
	text-decoration: underline;
	margin: unset;
	text-transform: unset;
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: left;
	color: white;
}

#infoBatara0 .h3 a:hover {
	cursor: pointer;
	text-shadow: 0px 0px 2px white;
}

#infoBatara1 h1{
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-family: "Heebo", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(30px, 4vw, 45px);
	text-align: center;
	color: white;
}

#infoBatara1 h3{
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: center;
	color: white;
}

.localBatara{
	width: 100%;
}

.addCart{
	position: relative;
	height: 70px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

.addCart::after{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
	opacity: 0;
	transition: all .2s;
}

.addCart:hover::after {
	cursor: pointer;
	color: black;
	opacity: 1;
}

.addCart:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
}

.addCart h1{
	font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(25px, 3vw, 30px);
	text-align: center;
	color: white;
}

.addCart h3{
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: center;
	color: white;
}

.cuerpoCarrito {
	overflow-y: auto;
	overflow-x: hidden;
}

.cuerpoCarrito h1, h2, h3, h4, h5, h6 {
	color: white;
	text-align: center;
}

.cuerpoCarrito h3 {
	font-size: clamp(10px, 1.5vw, 20px);
	text-transform: uppercase;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    color: white;
}

#carrito-titular h1, h2, h3, h4, h5, h6 {
	color: white;
	text-align: center;
}

#carrito-footer h3{
	font-size: clamp(15px, 1.25vw, 30px);
	text-transform: uppercase;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    color: white;
}

.itemCarrito{
	background-color: rgba(0,0,0,0.4);
}

.carritoBotonContainer{
	position: relative;
	z-index: 99999;	
	height: 100px;
}

.carritoBoton{
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,1) 0% 90%, transparent 90%);
	position: absolute;
	right: 0;
	height: 100px;
	width: 100px;
	/* color: white; */
}

#carrito-titular i {
	position: absolute;
	left: 50px;
	color: white;
	font-size: clamp(25px, 3vw, 30px);
}

#carrito-titular i:hover, #carrito-titular i:active {
	cursor: pointer;
	color: black;
}

.itemsMenu {
	position: relative;
}

.itemsMenu i{
	font-size: clamp(15px, 2vw, 20px);
	color: white;
}

.itemsMenu::after{
	z-index: -1;
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 90%, transparent 90%); */
	opacity: 0;
	transition: all .2s;
}

.itemsMenu:hover, .itemsMenu:active{
	cursor: pointer;
}

.itemsMenu:hover::after{
	cursor: pointer;
	color: black;
	opacity: 1;
}

.itemsMenu:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

.itemsI i{
	font-size: clamp(15px, 2vw, 20px);
	color: white;
}

.itemsI::after{
	z-index: -1;
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
	/* background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.2) 0% 90%, transparent 90%); */
	opacity: 0;
	transition: all .2s;
}

.itemsI:hover, .itemsI:active{
	cursor: pointer;
}

.itemsI:hover::after{
	cursor: pointer;
	color: black;
	opacity: 1;
}

.itemsI:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

.removeItem:hover, .removeItem:active{
	cursor: pointer;
	color: rgb(200,0,50);
}

.modifyItem{
	font-size: clamp(15px, 1vw, 30px);
    text-transform: uppercase;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    color: white;
}

.modifyItem:hover, .modifyItem:active{
	cursor: pointer;
	color: rgb(0,200,50);
}

.countCarrito {
	margin: 0 0 30px 30px;
    position: absolute;
    /* top: 0; */
    /* right: 0; */
    border-radius: 100%;
    height: 20px;
    width: 20px;
    background-color: rgb(200, 0, 50);
    color: white;
    text-align: center;
	font-family: "Heebo", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 15px;
}

#buscar {
	width: 100%;
	/* text-transform: uppercase; */
	font-family: "Heebo", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: left;
	color: black;
	appearance: none;
	border: none;
	outline: none;
	border: 2px solid white;
	border-radius: .25rem;
}

#buscar:focus {
	border: 2px solid black;
	border-radius: .25rem;
}

#sectionTienda1 {
	max-height: 100vh;
	overflow-y: scroll;
}

#sectionTienda1::-webkit-scrollbar {
	/* margin-top: 50px; */
	width: 10px;
}

#sectionTienda1::-webkit-scrollbar-thumb {
	/* border-radius: 8px; */
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 95%, transparent 95%); */
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 95%, transparent 95%);
	/* background-color: white; */
}

#sectionTienda1::-webkit-scrollbar-track {
	/* border-radius: 8px; */
	background-color: transparent;
	border: 1px solid transparent;
}

#carrito{
	overflow-y: auto;
}

.cuerpoCarrito::-webkit-scrollbar {
	/* margin-top: 50px; */
	width: 10px;
}

.cuerpoCarrito::-webkit-scrollbar-thumb {
	/* border-radius: 8px; */
	/* background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 95%, transparent 95%); */
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 95%, transparent 95%);
	/* background-color: white; */
}

.cuerpoCarrito::-webkit-scrollbar-track {
	/* border-radius: 8px; */
	background-color: transparent;
	border: 1px solid transparent;
}

.payCart{
	position: relative;
	height: 70px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,255,0,0.4) 0% 90%, transparent 90%);
}

.payCart::after{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
	opacity: 0;
	transition: all .2s;
}

.payCart:hover::after {
	cursor: pointer;
	color: black;
	opacity: 1;
}

.payCart:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
}

.payCart h1{
	font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: clamp(25px, 3vw, 30px);
	text-align: center;
	color: white;
}

.payCart h3{
	font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(15px, 2vw, 20px);
	text-align: center;
	color: white;
}

.mensajeGeneral {
	border: 2px solid black;
	border-radius: .25rem;
}

.alertify {
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.8) 0% 90%, transparent 90%);
}

.alertify h1{
	color: white;
	font-size: clamp(15px, 1vw, 30px);
    font-family: "Heebo", sans-serif;
    font-weight: 400;
    font-style: normal;
	text-align: center;
}

.noProducts {
	color: white;
    position: absolute;
    top: 100px;
	margin: 0;
    /* font-family: "Intervogue", sans-serif; */
    font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(30px, 2vw, 40px);
	text-align: center;
}

#soloProducto-img{
	width: 100%;
}

#soloProducto-titulo{
	margin: 0 0 25px 0;
    font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: clamp(30px, 2vw, 40px);
	color: white;
	text-align: left;
}

#soloProducto-descripcion{
	margin: 0 0 25px 0;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: clamp(25px, 2vw, 30px);
	color: white;
	text-align: left;
}

#soloProducto-carrito{
	margin: 0 0 25px 0;
}

.resetSoloProducto i {
	color: white;
	font-size: clamp(25px, 3vw, 30px);
}

.resetSoloProducto i:hover, .resetSoloProducto i:active {
	cursor: pointer;
	color: black;
}

.resetSoloProducto{
	position: relative;
	height: 70px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
}

.resetSoloProducto::after{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
	opacity: 0;
	transition: all .2s;
}

.resetSoloProducto:hover::after {
	cursor: pointer;
	color: black;
	opacity: 1;
}

.resetSoloProducto:active{
	color: black;
	background: linear-gradient(135deg, transparent 0%, rgb(255,255,255,0.4) 0% 90%, transparent 90%);
}

/* .mensajeGeneral::after{
	z-index: -1;
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	background: linear-gradient(135deg, transparent 0%, rgb(0,0,0,0.4) 0% 90%, transparent 90%);
	opacity: 0;
	transition: all .2s;
} */

/*RESPONSIVE STYLES*/

/*.item3 { grid-column: span 2; }*/

.responsiveProductos {
	display: grid;
	gap: 1rem;
	/* grid-auto-rows: 22rem; */
	/* grid-auto-flow: dense; */
	/* grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); */
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	/* grid-gap: 10px; */
	/* background-color: #2196F3; */
	/* padding: 10px; */
}

.responsiveFiltros {
display: grid;
gap: 2rem;
/* grid-auto-rows: 22rem; */
/* grid-auto-flow: dense; */
/* grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); */
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
/* grid-gap: 10px; */
/* background-color: #2196F3; */
/* padding: 10px; */
}

.responsiveCajas {
	display: grid;
	gap: 3rem;
	/* grid-auto-rows: 22rem; */
	/* grid-auto-flow: dense; */
	/* grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); */
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	/* grid-gap: 10px; */
	/* background-color: #2196F3; */
	/* padding: 10px; */
  }

.responsiveCarrito {
	display: grid;
	justify-items: end;
    /* gap: 1rem; */
    /* grid-auto-rows: 22rem; */
    /* grid-auto-flow: dense; */
    /* grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); */
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 700px), 1fr));
    /* grid-gap: 10px; */
    /* background-color: #2196F3; */
    /* padding: 10px;*/
}

.responsiveCuerpoCarrito {
	display: grid;
	/* justify-items: end; */
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 700px), 1fr));
}

.responsiveMensaje {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 700px), 1fr));
}


@media screen and (min-width: 850px){
	#cabeceras1 .responsiveCajas {
		display: contents;
	}
}

/*


/*NUEVOS PARA PLUBES*/

/*
h1 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 40px;
	margin: 10px 0;

}

h2 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 30px;
	margin: 10px 0;

}

h3 {
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
	margin: 0 5px;

}

h4{
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 15px;
	margin: 5px;

}

input {
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 50px;
	padding: 5px;
	margin: 5px 5px;
	border: solid 1px black;
    text-align: center;
	font-size: 30px;
}

input[type=text]{
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 400px;
	padding: 5px;
	margin: 5px 5px;
	border: solid 1px black;
    text-align: center;
	font-size: 20px;
}

select{
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 400px;
	padding: 5px;
	margin: 5px 5px;
	border: solid 1px black;
    text-align: center;
	font-size: 20px;
}

button {
	padding: 10px 5px;
}

.closed{
    transform: translateX(-295px);
}

.config {
    height: 400px;
    width: 300px;
    padding: 10px;
}

.pointer:hover{
    cursor: pointer;
}

.pointer-cwhite:hover{
    cursor: pointer;
	color: white;
}

.pointer-cred:hover{
    cursor: pointer;
	color: red;
}

.table-dark {
	color: #fff;
    background-color: #212529;
}

.tablita {
	padding: 0 50px;
	width: 80%;
	border-collapse: collapse;
	display: table;
    box-sizing: content-box;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	text-align: center;
	max-height: 200px;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tabloide {
	overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
}

thead {
	display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

thead tr {
	position: sticky;
	top: 0;
}

tr {
	display: table-row;
    vertical-align: middle;
	background-color: #ec4348;
}

tr:nth-child(even) {background-color: #f2f2f2;}

th{
	border: 1px solid white;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

td{
	border: 1px solid white;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

tr:hover{
	background-color: black;
	color: white;
}

tbody{
	display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
*/

/*	
	-- !!!!!!!!!! --
	-- IMPORTANTE FIN--
		ESTILOS DE MATIAS BERRUTTI:
			El código CSS que finalizó aquí es propiedad personal de Matias Berrutti.
			No utilizar sin autorización.
			Marca y propiedad registrada.
			De uso exclusivo bajo los términos y condiciones de su creador.
		ESTILOS DE MATIAS BERRUTTI.
	-- IMPORTANTE FIN--
	-- !!!!!!!!!! --
*/