/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root{
	--cnvs-color-yellow:#F7A40A;


	--cnvs-themecolor-2-rgb: 169, 232, 224;

}

.text-bg-primary{
	background-color: #3E4492	!important;
}

.h-bg-color{
	background-color: #F7A40A;
	border: 2px white solid;
}

.color-azul{
	color:#3E4492;
	font-weight: bold;
}

.color-naranja{
	color:#F7A40A;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
	.esconder {
	  display: none;
	}
	.box-img {
		width: 100%;
		max-height: 400px;
	}
  }

  .bg-instagram{
	background-image: linear-gradient(45deg, #8a3ab9, #fd7e14) !important;
  }


  .shadow-blue{
	
	background-color: white; /* Color de fondo de la tarjeta */
	border-radius: 10px; /* Redondear esquinas */
	box-shadow: 0 4px 8px 0 rgb(34, 72, 161); /* Sombra azul utilizando el color RGB */
	/* La sombra es un tono de azul con los valores de intensidad de rojo, verde y azul */
	/* Los valores en la propiedad box-shadow representan: offsetX, offsetY, blurRadius, spreadRadius, color */
  }


  #demo-interior-tab.nav-tabs {
	--bs-nav-tabs-border-width: 0px;
	--bs-nav-link-color: #111;
	--bs-nav-link-hover-color: var(--cnvs-themecolor);
}

#demo-interior-tab.nav-tabs .nav-item .nav-link.active {
	top: 0;
  }

  #demo-interior-tab.nav-tabs .nav-item .nav-link {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	padding: 0 0 20px;
  }

  #demo-interior-tab.nav-tabs .nav-item .nav-link.active i {
	color: var(--bs-nav-link-hover-color);
  }
  #demo-interior-tab.nav-tabs .nav-item .nav-link i {
	display: block;
	font-size: 38px;
	margin: 0 0 10px;
	color: var(--bs-nav-link-hover-color);
  }

  #demo-interior-tab.nav-tabs .nav-item .nav-link.active::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-radius: 50%;
	background: var(--bs-nav-link-hover-color);
  }

  .color-yellow, .h-color-yellow:hover {
	color: var(--cnvs-color-yellow) !important;
  }

  .widget-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 80%;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-color: var(--cnvs-themecolor);
	border-radius: 12px;
  }

  .bg-color-2[class*="bg-opacity-"], .h-bg-color-2[class*="bg-opacity-"]:hover {
	background-color: rgba(var(--cnvs-themecolor-2-rgb),var(--bs-bg-opacity,1)) !important;
  }

  .justify-text{
	text-align: justify !important;
  }


  .colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
  }
  
  .colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
  }
  
  .colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
  }
  
  .colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
  }
  
  .colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
  }
  
  .colored-toast .swal2-title {
	color: white;
  }
  
  .colored-toast .swal2-close {
	color: white;
  }
  
  .colored-toast .swal2-html-container {
	color: white;
  }