@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;} */
	.site-title { font-size:2rem; background-color: var(--faq-question-bkg); color:var(--faq-bkg-prima); 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.png); background-size:contain; }
	
	.header-nav ul li a { color:var(--nav-ul-li-a-txt)!important; }
	
	body { background-color:#111; overflow:hidden; }
	.x-body { overflow:auto!important; }
	
	.page-content-c		{ max-height:calc(100vh - 47.64px); overflow-y:auto; scrollbar-width: none; -ms-overflow-style: none; }					
	.page-content-c-2	{ min-height:calc(100vh - 80px - 60px - 40px); max-height:calc(100vh - 80px - 60px - 40px );  }
	
	.page-content-c::-webkit-scrollbar { display:none; }
	
	.page-content-c--bkg--001 {	background-size:cover; 		background-image:url(../images/backgrounds/bkg-81WfC9MkrgL.jpg); }
	.page-content-c--bkg--002 {	background-size:cover; 		background-image:url(../images/backgrounds/RH-Clayton-and-sons-Case-IH-Puma-240-feat-c-Dan-Clayton.jpg); }
	.page-content-c--bkg--003 {	background-size:contain;	background-image:url(../images/backgrounds/pexels-photo-1136466-bkg--1080h.png); }
	.page-content-c--bkg--004 {	background-size:contain; 	background-image:url(../images/backgrounds/golden-sun-rising-behind-a-hay-bale-in-a-ripe-field-at-golden-hour-free-photo--bkg-v2.jpg); }
	.page-content-c--bkg--005 {	background-size:auto 100%; 	background-image:url(../images/backgrounds/sugar-cane-v1080.jpg); }

	.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: rgba(0,0,0,0.7); color:#EAEAEA; padding-bottom:10px; }
	
	.navbar .nav-link { background-color:#000; border-radius:4px; } 
	.navbar-nav .nav-link:hover { background-color:var(--faq-bkg-prima); color:#000!important; font-weight:bold; } 
	
	.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-important-pcid { background-color: var(--btn-important-button-bkg); color: var(--btn-important-button-txt); border-color: var(--btn-important-button-bkg-hover); }
	.btn-important-pcid:hover { background-color: var(--btn-important-button-bkg-hover); color: var(--btn-important-button-txt); }
	 
	.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;
	}
	
	
	.btn-warning-2 {
	  background-color: var(--faq-question-bkg)!important;
	  border-color: var(--faq-bkg-prima)important;
	  color: var(--btn-txt-light)!important;
	}

	.btn-warning-2:hover {
	  background-color: var(--faq-question-bkg)!important;
	  border-color: var(--bkg-prima)!important;
	  color: var(--bkg-prima)!important;
	}
	
	.btn-warning-2:focus,
	.btn-warning-2:active,
	.btn-warning-2.active,
	.show > .btn-warning-2.dropdown-toggle {
	  background-color: var(--faq-question-bkg)!important;
	  border-color: var(--bkg-prima)!important;
	  color: var(--bkg-prima)!important;
	  font-weight:bold;
	}
	
							
	.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; }
	
	
		
	.carousel-control-prev-icon, .carousel-control-next-icon { filter: invert(0); }
	
	.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:none;			  
			}
			
	.card-header { color:var(--card-title-color); 
					background-color:var(--card-title-bkgcolor);  
					border:1px solid var(--card-title-bkgcolor);
					box-shadow: 0 0 0 2px var(--card-title-bkgcolor);
					font-weight:600;
					text-align:center;
				} 
	
	.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); }
    
    
    .products-carousel .carousel-indicators [data-bs-target] {
	  background-color: #f7dc6f; /* amarillo mostaza */
	}
	
	.products-carousel .carousel-indicators .active {
	  background-color: #ffeb3b; /* amarillo brillante */
	}
	
	/* ------------------------------------------------------------------ */
	.products-carousel,
	.products-carousel .carousel-inner,
	.products-carousel .carousel-item {
	  height: 100%; 
	  max-height:400px;
	}
	
	.products-carousel .carousel-item img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
	.products-carousel .carousel-item img:hover { cursor:zoom-in; }
	
	.fullscreen-overlay {
						  position: fixed;
						  top: 0; left: 0;
						  width: 100vw;
						  height: 100vh;
						  max-height: 100vh;
						  background: rgba(0,0,0,0.9);
						  z-index: 999100;
						  display: flex;
						  justify-content: center;
						  align-items: center;
						}
						
	.fullscreen-overlay .carousel,
	.fullscreen-overlay .carousel-inner,
	.fullscreen-overlay .carousel-item {
						  height: 100%!important;
						  max-height: 100vh;
						}
						
	.fullscreen-overlay .carousel-item img {
						  width: 100%;
						  height: 100%;
						  object-fit: contain; /* o cover */
						}
	.fullscreen-overlay .carousel-item img:hover{ cursor:zoom-out; }
	
	.fullscreen-overlay .carousel-control-prev-icon,
	.fullscreen-overlay .carousel-control-next-icon {
	  width: 3rem;
	  height: 3rem;	  
	  background-size: 50% 50%;
	  background-color: #E1B607;
	  
	  background-position: center;
	}				
		
	.fullscreen-overlay .carousel-control-prev-icon {
	  background-color: #E1B607!important;
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M11 1L3 8l8 7'/%3E%3C/svg%3E");
	  border-radius: 4px; 
	  padding: 10px;      
	  filter:invert(0);
	}
	
	.fullscreen-overlay .carousel-control-next-icon {
	  background-color: #E1B607;
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M5 1l8 7-8 7'/%3E%3C/svg%3E");
	  border-radius: 4px; 
	  padding: 10px;      
	  filter:invert(0);
	}
	
	/* ----------------------------------------------------------------------- */
		
	
	    
	.h4-info h4 { 	background-color:var(--mybs-dark-rgb)!important;
	/* background-color:var(--btn-important-button-bkg)!important; */					
					color:var(--faq-bkg-prima-hover);
					padding:4px;
					/* background-color:#FF0000!important; */ 
	}	
	
	.h4-info h5  { font-size:1.2rem; }
	
	.product-ref { background-color:var(--mybs-dark-rgb)!important;
					color:var(--mybs-dark-txt-rgb); 
					padding:4px 0px 4px 8px;
					}
	.product-name { background-color:var(--faq-bkg-prima); color:#000!important; font-weight:bold;
					padding:4px 0px 4px 8px;
					min-height:104px; 
					}
					
					
	.location-info-c a { color:var(--bkg-prima); text-decoration:none; padding:4px; }
	.location-info-c a:hover { background-color:var(--bkg-prima);  color:#000; font-weight:bold; }	
	
	.product-classification-links-c a { color:var(--bkg-prima); text-decoration:none; padding:4px; }
	.product-classification-links-c a:hover { background-color:var(--bkg-prima);  color:#000; font-weight:bold; }
	
	
	@media (max-width: 1366px) {
	  .smart-nav-container {
	    max-width: 1400px!important;
	    margin: 0 auto;
	  }
	}
	
	
	
	.products-list {
	  overflow-y: auto; /* asegura que aparezca scroll si hace falta */
	}
	
	/* Chrome, Edge, Safari */
	.products-list::-webkit-scrollbar {
	  width: 8px;              /* grosor de la barra */
	}
	.products-list::-webkit-scrollbar-track {
	  background: transparent; /* fondo del canal */
	}
	.products-list::-webkit-scrollbar-thumb {
	  background-color: var(--navigator-a-bkg); /* color del "pulgar" */
	  border-radius: 4px;                       /* esquinas redondeadas */
	  border: 2px solid transparent;            /* espacio alrededor */
	}
	
	/* Firefox */
	.products-list {
	  scrollbar-width: thin;                    /* barra delgada */
	  scrollbar-color: var(--navigator-a-bkg) transparent;
	}
	
	
	.page-top-space { width:100%; height:80px; display:block; }
	@media screen and (max-width: 768px) and (orientation: portrait) {
		  .page-top-space { height: 127px; }	
		}	
	
	.may-be-hide { display:block; }
	@media screen and (max-width: 768px)  {
		 
		  .may-be-hide { display:none!important; }
		}