@import url("vars.css");
	@import url("social-media-lnks.css");
	@import url("style-faq-accordion.css");
	
	.site-title { font-size:2rem; background-color: var(--faq-bkg-prima); color:var(--txt-white); padding:8px;}
	.fullmosh { width:100%; height:100%; display: block; }	
	header p { text-align:justify; }
	.header-nav { background-color:var(--bkg-light)!important; }	
	.header-nav { background-image:url(../images/site/bkg-tools-002.fw.png); background-size:contain; }
	.header-nav ul li a { color:var(--nav-ul-li-a-txt)!important; }
	
	body { background-color:#111; overflow:hidden; }
	.page-content-c {	max-height:calc(100vh - 47.64px);
						overflow-y:auto; 
						background-image:url(../images/backgrounds/bkg-81WfC9MkrgL.jpg);
						background-size:cover;
						}
	/* nav .container { background-color:transparent!important; border:none; } */
	.nav-bar--container {
	  --bs-gutter-x: 1.5rem;
	  --bs-gutter-y: 0;
	  width: 100%;
	  padding-right: calc(var(--bs-gutter-x) * .5);
	  padding-left: calc(var(--bs-gutter-x) * .5);
	  margin-right: auto;
	  margin-left: auto;
	}
									
	.container { background-color:#ccc; }
	/* .navbar .container{ border:4px solid red; } */
	
	.navbar .nav-link { background-color:#000; } 
	
	.navbar .nav-link.active {
		  font-weight: bold;
		  color: var(--nav-active-lnk-txt)!important;
		  background-color:var(--faq-bkg-prima);
		  border-radius:4px;
	}
	
	.navbar .container {
  border: none !important;
  box-shadow: none !important;
}
	.fixed-top {
  box-shadow: none !important;
  border: none !important;
}
	.navbar-dark.bg-dark {
  border-bottom: none !important;
  box-shadow: none !important;
}
	
	

	.btn-warning {
	  background-color: var(--faq-bkg-prima)!important;
	  border-color: var(--faq-bkg-prima)important;
	  color: var(--btn-txt-light)!important;
	}

	.btn-warning:hover {
	  background-color: var(--bkg-prima-hover)!important;
	  border-color: var(--bkg-prima-hover)!important;
	  color: var(--btn-txt-light)!important;
	}
	
	.btn-warning:focus,
	.btn-warning:active,
	.btn-warning.active,
	.show > .btn-warning.dropdown-toggle {
	  background-color: var(--bkg-prima-focus)!important;
	  border-color: var(--bkg-prima-focus)!important;
	  color: var(--btn-txt-light)!important;
	}

							
	.hero		{
						min-height: 100vh;
						background: url('../images/site/main-bkg2.png') center center / cover no-repeat;
						display: flex;
						align-items: center;
						position: relative;
						color: var(--hero-color);
				}
	
	.hero::before {
					  content: "";
					  position: absolute;
					  inset: 0;
					  background:var(--hero-bkg-before);
					  
					}
	
	.hero-content {
						position: relative;
						z-index: 2;
					}
	
	
	footer 			{ background-color: var(--bs-body-bg); border-top: 1px solid var(--bs-border-color); }
	
	.footer-dark 	{ background-color:var(--footer-dark-bkg); color: var(--footer-dark--txt); }
	
	.footer-dark a	{ color: var(--footer-dark--a); text-decoration: none; }
	
	.footer-dark a:hover { color: var(--footer-dark--a-hover); }
					
	
	[data-bs-theme="light"] .form-control {
	  border: 1px solid var(--theme-light--form-control--border);
	  background-color: var(--theme-light--form-control--bkg);
	  color: var(--theme-light--form-control--color);
	}
	
	.hn-text-light { color:var(--hn-text-light--color); }
	
	section { scroll-margin-top: 80px; }
	
	.map-c { width:100%; min-height:300px; display:block; }
	
	.page-top-space { width:100%; height:80px; display:block; }
	
	.carousel-control-prev-icon, .carousel-control-next-icon { filter: invert(1); }
	
	.carousel-indicators [data-bs-target] { background-color: var(--carousel-indicators--bkg); }
	
	@media (max-width: 768px) {
	  .carousel-indicators {
	    bottom: -2rem; /* los empuja más abajo */
	  }
	}
	
	.slider-item-c {	width:100%; 
    					height:33vh; 
    					background-size:cover; 
    					background-position:center; 
    					background-color:var(--slider-item-c--bkg)!important; 
    					background-repeat:no-repeat;
    				}
    				
	footer {
			font-size:0.7rem;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: var(--footer-bkg);
			color: --footer-color;  
			padding: 0.75rem;
			text-align: center;
			z-index: 1050;
	}

	
	
	footer a {
	  color: var(--footer-a-color);       
	  text-decoration: none;
	  margin: 0 0.5rem;
	  width:100%; height:100%; display:block;
	  padding:2px;
	}
	
	footer a:hover {
	  background-color: var(--blue-dark);    
	  text-decoration: none;
	  
	  margin: 0 0.5rem;
	}
		
	.card-img-c {
    							width:100%; height:200px; display:block;
    							background-size:contain;
    							background-repeat:no-repeat;
    							background-position:center;
    							text-align:center;
    							font-size:5rem;
    }
    .card-img-c i { padding-top:30px;}
    
    .card {
			  border-radius: 0.5rem;
			  overflow: hidden; 
			  border-color:var(--card--border-color);
			}
			
	.card-text-cc { color:var(--card-text-cc-color); margin-top:10px; padding:4px; border-radius: 0.5rem;}
    
    .card-text-s { font-size:0.8rem; }
    
    .navbar-toggler { background-color:var(--bkg-prima); }