/************************************************/
/*ELEMENTOS*/
/************************************************/

body {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  
  display:flex; 
  flex-direction:column;
  min-height:100vh;
}

footer {
	margin-top:auto;
}

a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }



/************************************************/
/* 100% DEL CONTAINER */
/************************************************/
.delPaddingContainer{
	padding-right:0px !important; padding-left:0px !important;
}
.delMarginRow {
	margin-right:0px !important; margin-left:0px !important;
}
.delPaddingCol {
	padding-right:0px !important; padding-left:0px !important;
}



/************************************************/
/*CLASES*/
/************************************************/

.fw-300 {
	font-weight: 300 !important;
}
.fw-700 {
	font-weight: 700 !important;
}
.firma-footer {
	font-size:0.8rem;
	line-height:0.9rem;
	color:#4d4c4c;
}
.listado {
	padding-left:5px;
	padding-right:5px;
	margin-top:-8px;
}
.btn-acciones {
	color: #fff;
	background-color: #ff0000;
	border-color: #ff0000;
	font-size:1.5rem !important;
}
.btn-patrocinador {
	color: #fdfe00;
	background-color: #212121;
	border-color: #212121;
	font-size:1rem !important;
	line-height: 1.5rem !important;
}
.color-gris {
	color: #8b8b8b;
}
.color-rojo {
	color: #ff0000;
}
.color-amarillo {
	color: #fde504;
}
.color-negro {
	color: #000000;
}
.color-gradiente-1 {
	background: linear-gradient(180deg, rgb(246 174 12) 0%, rgb(253 106 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}

.backcolor-1 {
	background-color:#000000;
}
.backcolor-2 {
	background-color:#ff0000;
}
.backcolor-3 {
	background: linear-gradient(90deg, rgb(209 143 5) 0%, rgb(242 197 3) 15%, rgb(253 230 4) 50%, rgb(242 197 3) 85%, rgb(209 143 5) 100%);
}
.backcolor-4 {
	background-color: #fe6900;
}
.mtop1{
	margin-top:15px;
}



/************************************************/
/*FOOTER*/
/************************************************/
.fa-whatsapp-square {
	/*color: #00d700;*/
	color: #000000;
}
.fa-facebook-square {
	/*color: #0866ff;*/
	color: #000000;
}
.fa-facebook-messenger {
	/*
	background: linear-gradient(28deg, rgb(5 115 246) 0%, rgb(3 189 247) 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   */
   color: #000000;
}
.fa-instagram-square {
	/*
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   */
	color: #000000;
}
.fa-tiktok {
	/*color: #ffffff;*/
	color: #000000;
}



/************************************************/
/*MODALES*/
/************************************************/
.modal-backdrop {
   opacity: 0.8 !important;
}

button.close {
	background-color:red;
	opacity: 0.9 !important;
}

.modal-header {
	background:black;
	font-size: 1.8rem;
	color: white;
}


/************************************************/
/*FORMULARIO*/
/************************************************/

.form-control {
	border:2px solid #000000;
}



/************************************************/
/*RESPONSIVE*/
/************************************************/

/* Small devices (landscape phones, 200px and up) */
@media (min-width: 200px) {
	.inHeader{ padding-top:10px; padding-bottom:5px; }
	.logo { height: 60px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:0.75rem; line-height:0.8rem; }
	.imgTop{ width:100%; }
	h1{ font-size:3.5rem; line-height:3.2rem; }
	h2{ font-size:2.7rem; line-height:2.4rem; }
	h3{ font-size:2rem; line-height:2.2rem; }
	h4{ font-size:2.4rem; line-height:2.2rem; }
	h5{ font-size:1.6rem; line-height:1.6rem; }
	h6{ font-size:1.6rem; line-height:1.6rem; }
	p{ font-size:1.1rem; line-height:1.2rem; }
}

/* Small devices (landscape phones, 360px and up) */
@media (min-width: 360px) {
	.inHeader{ padding-top:10px; padding-bottom:5px; }
	.logo { height: 70px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:0.85rem; line-height:0.8rem; }
	.imgTop{ width:100%; }
	h1{ font-size:3.5rem; line-height:3.2rem; }
	h2{ font-size:2.7rem; line-height:2.4rem; }
	h3{ font-size:2.2rem; line-height:2.4rem; }
	h4{ font-size:2.4rem; line-height:2.2rem; }
	h5{ font-size:1.6rem; line-height:1.6rem; }
	h6{ font-size:1.6rem; line-height:1.6rem; }
	p{ font-size:1.2rem; line-height:1.3rem; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.inHeader{ padding-top:12px; padding-bottom:8px; }
	.logo { height: 80px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:1.2rem; line-height:1.2rem; }
	.imgTop{ width:100%; }
	h1{ font-size:3.3rem; line-height:2.9rem; }
	h2{ font-size:2.7rem; line-height:2.4rem; }
	h3{ font-size:2.1rem; line-height:1.9rem; }
	h4{ font-size:2.4rem; line-height:2.2rem; }
	h5{ font-size:1.6rem; line-height:1.6rem; }
	h6{ font-size:1.6rem; line-height:1.6rem; }
	p{ font-size:1.4rem; line-height:1.6rem; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.inHeader{ padding-top:15px; padding-bottom:10px; }
	.logo { height: 90px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:1.4rem; line-height:1.4rem; }
	.imgTop{ width:90%; }
	h1{ font-size:3.3rem; line-height:2.9rem; }
	h2{ font-size:2.9rem; line-height:2.7rem; }
	h3{ font-size:2.5rem; line-height:2.4rem; }
	h4{ font-size:2rem; line-height:2rem; }
	h5{ font-size:1.6rem; line-height:1.6rem; }
	h6{ font-size:1.4rem; line-height:1.4rem; }
	p{ font-size:1.2rem; line-height:1.4rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.inHeader{ padding-top:15px; padding-bottom:10px; }
	.logo { height: 100px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:1.4rem; line-height:1.4rem; }
	.imgTop{ width:60%; }
	h1{ font-size:3.5rem; line-height:3.2rem; }
	h2{ font-size:3.1rem; line-height:2.9rem; }
	h3{ font-size:2.9rem; line-height:2.7rem; }
	h4{ font-size:2.5rem; line-height:2.4rem; }
	h5{ font-size:2rem; line-height:2rem; }
	h6{ font-size:1.6rem; line-height:1.6rem; }
	p{ font-size:1.2rem; line-height:1.4rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.inHeader{ padding-top:15px; padding-bottom:10px; }
	.logo { height: 110px;} /*position: relative; top: 10px; margin-top:0px;*/
	.txt-menu { font-size:1.4rem; line-height:1.4rem; }
	.imgTop{ width:50%; }
	h1{ font-size:3.5rem; line-height:3.2rem; }
	h2{ font-size:3.1rem; line-height:2.9rem; }
	h3{ font-size:2.9rem; line-height:2.7rem; }
	h4{ font-size:2.5rem; line-height:2.4rem; }
	h5{ font-size:2rem; line-height:2rem; }
	h6{ font-size:1.6rem; line-height:1.6rem; }
	p{ font-size:1.2rem; line-height:1.4rem; }

}