@import url("vars.css");
	@import url("social-media-lnks.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 ul li a { color:var(--nav-ul-li-a-txt)!important; }
	
	.navbar .nav-link.active {
		  font-weight: bold;
		  color: var(--nav-active-lnk-txt)!important;
		  background-color:var(--faq-bkg-prima);
		  border-radius:4px;
	}

	.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;
    }
    
    .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); }
    
	.accordion-button {
	    color: var(--faq-question-text);
	    background-color: var(--accordion-button--bkg);
	    box-shadow: none;
	}	
	
	.accordion-button:hover {
	    background-color: var(--faq-bkg-prima-light);
	    color: var(--bkg-prima); 
	}	
	
	.accordion-button:not(.collapsed) { color: var(--accordion-button--not-collapsed--color); background-color: var(--faq-bkg-prima); box-shadow: none; }	
	
	.accordion-button::after { filter: hue-rotate(330deg) saturate(5); }	
	
	.accordion-item { border: 1px solid var(--faq-bkg-prima-border); }	
	
	.accordion-body { background-color: var(--accordion-body--bkg); color: var(--accordion-body--color); }
	
	.accordion-button::after {
	    content: "";
	    width: 1rem;
	    height: 1rem;
	
	    background-color: var(--faq-bkg-prima);
	
	    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
	    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
	
	    -webkit-mask-repeat: no-repeat;
	    mask-repeat: no-repeat;
	
	    -webkit-mask-position: center;
	    mask-position: center;
	
	    -webkit-mask-size: contain;
	    mask-size: contain;
	
	    filter: none !important; 
	
	    transform: rotate(0deg);
	}
	
	.accordion-button:not(.collapsed)::after {
	    background-color: var(--accordion-button--not-collapsed-after--bkg);
	    transform: rotate(180deg);
	}
	
	.accordion-button:focus {
	    box-shadow: 0 0 0 0.25rem rgba(30, 58, 95, 0.25) !important;
		border-color: rgba(30, 58, 95, 0.5);
	}