
.c1{
	color:#fff; /*blanco*/
}
.c2{
	color:#3f4727; /*verde*/
}
.c3{
	color:#8c734b; /*marron*/
}

.txt1{
	font-size: 1.4em;
}
.txt9{
	font-size: 2.2em;
	letter-spacing:4px;
}
.txt2{
	font-size: 1.15em;
}
.bg-cover{
	min-height:80vh;
	top:100px;
}
.bg-home{
  background-image: url('../images/bg-tsp-express-2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.brand-filter{
	position:absolute;
	left:0;
	height:100%;
}
.sello{
	position:absolute;
	right:5%;
	bottom:50px;
	max-width:150px;
}
.logo-ts{
	max-height:50px;
}
.txt3{

}

.mt-c-1{
	margin-top: 150px;
}
.mt-c-2{
	margin-top: 100px;
}
.mb-c-1{
	margin-bottom: 100px;	
}
.mb-c-2{
	margin-bottom: 50px;
}
.pt-pb-c-1{
	padding-top:30px;
	padding-bottom:30px;
}
.pt-pb-c-2{
	padding-top:90px;
	padding-bottom:90px;
}
.pt-pb-c-3{
	padding-top:90px;
	padding-bottom:160px;
}
.pt-pb-c-4{
	padding-top:50px;
	padding-bottom:90px;
}

.line-1 {
  width:100%;
  display:block;
  height:5px;
  background-repeat: repeat-x;
  background-size: 12px;
  background-position: bottom;	
  margin-bottom:5px;
}
.dot-verde{
 background-image: url('../images/dot-verde.svg');	
}
.dot-blanco{
 background-image: url('../images/dot-blanco.svg');	
}
.dot-marron{
 background-image: url('../images/dot-marron.svg');	
}
.box-featured {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.box-featured .box-featured-caption {
	flex-grow: 1;       /* Hace que todos los <p> crezcan y se igualen */
	display: flex;      /* Para permitir alineación interna si quieres */
	flex-direction: column;
	padding: 30px 30px 15px 30px;
	border:1px solid #3f4727;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-top:-40px;
	background:#fff;   
}

.list-benefits {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;               /* Sin espacio vertical */
  column-gap: 25px;         /* 🔥 Espacio horizontal entre columnas */
}

.list-benefits li {
  flex: 0 0 calc(50% - 12.5px); /* Dos columnas con compensación de gap */
  padding-left: 45px;           /* Espacio para el ícono */
  position: relative;
  display: flex;
  align-items: center;          /* Centrado vertical del texto */
  justify-content: flex-start;
  text-align: left;
  min-height: 100px;
  background-image: url('../images/dot-marron.svg');
  background-repeat: repeat-x;
  background-size: 10px 2px;
  background-position: bottom;
}

/* Bullet con SVG */
.list-benefits li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 15px;
  background-image: url('../images/doble-check.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bg-benefits{
background: 
    radial-gradient(circle at bottom right, #d9d9d9 0%, #f5f5f5 80%, #ffffff 100%);
}

.img-pack{
	max-width:350px;
	padding-top:100px;
	padding-bottom:80px;	
}
.txt4{
	font-size:2.15em;
}

.logo-ts-2{
	max-height:35px;
}
.bg-potencia{
  background-image: url('../images/bg-test2-h.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;	
}
.row-table-titles span{
    font-size: 1.1em;
    line-height: .9em !important;
    display: inline-block;
}
.row-table-content{
	border:1px solid #fff;
	
}
.row-table-content [class^="col"] {
  padding: 10px 10px;
}
.bg-1{
	background-color:rgba(255,255,255,.7);
}
.bg-2{
	background-color:#3f4727; /*verde*/
}

.border-r-1{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.border-r-2{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.border-t-l{
	border-top-left-radius: 15px;
}
.border-b-l{
	border-bottom-left-radius: 15px;
}
.row-table-content{
	margin-top:15px;
	font-size:1.05em;
	letter-spacing:.5px;
}


.scroll-hint {
  font-size: 1em;
  margin-bottom: 25px;
  opacity: 0.7;
}

.scroll-icon {
  display: inline-block;
  transform: rotate(180deg);
  animation: scrollRight 1.2s ease-in-out infinite;
  margin-left: 5px;
}

@keyframes scrollRight {
  0%   { transform: translateX(0) rotate(180deg); opacity: 0.4; }
  50%  { transform: translateX(6px) rotate(180deg); opacity: 1; }
  100% { transform: translateX(0) rotate(180deg); opacity: 0.4; }
}

.line-2{
  width:50%;
  display:block;
  height:5px;
  background-image: url('../images/dot-blanco.svg');
  background-repeat: repeat-x;
  background-size: 12px;
  background-position: bottom;	
  margin-top:50px;
  margin-bottom:50px;
}

.btn-1 {
  background-color: #3f4727;
  border:1px solid #fff;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size:.8em;
  letter-spacing:0.5px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
  text-align:center;

}

.btn-1:hover,
.btn-1:focus,
.btn-1:active {
  background-color: #8c734b;
  color: #fff;
}

.icon-stroke{
	stroke-width: 1; 
}
.txt5{
	font-size:1.1em;
	max-width:70%;
}
.bg-3{
	/*background-color:rgba(140,115,75, .3);*/
	background-color:#e7e0d8;
}
.img-logos{
	width:100%;
	max-width:450px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border:1px solid #8c734b;	
}
.txt6{
	margin-bottom:10px;
}
.box-alianzas{
	margin-top:-60px;
}
.box-icon{
	display:block;
	width:100%;
	height:100%;
}
.box-icon h4{
	font-size:1.2em;
	line-height:1.2em;
}
.box-icon .icon{
	width:10%;
	float:left;
    max-width: 50px;
}
.box-icon .box-icon-desc{
	width:90%;
	float:left;
	padding: 0 0 0 20px;
}
.box-title, .box-desc{
	padding:60px 20% 60px 10%;
}

.box-title{
	border-bottom-left-radius:30px;
	position:relative;
	z-index:1;
}
.bg-4{
	background-color:#fafafa;
}
.txt7{
    font-size: 1.1em;	
}
.box-desc{
	margin-top:-30px;
	position:relative;
	z-index:0;
}
.box-desc-item h5{
font-size: 1em;
letter-spacing:0.5px;	
}


.carousel-item {
  transition: background-image 0.6s ease-in-out;
}
/* Estilo común para cada slide */
.bg-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.carousel-indicators{
	justify-content: end;
	margin-right: 5%;
}
.carousel-indicators [data-bs-target]{
	width:22px;
	height:22px;
	border-radius:50%;
	background-color:#fff;
	opacity:1;
	margin-left: 15px;
}

.carousel-indicators .active{
	background-color:#8c734b;
}
.box-icon-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 10px;
  font-size: 1.1em;
  padding:0px 15px 30px 15px;
}

.box-icon-2 .icon-2 {
    width: 30px;
    height: 30px;
    stroke-width: 1;
    display: block;
}

.box-icon-2:hover, .box-icon-2:focus, .box-icon-2:active{
	color:#8c734b;
}
.gmap{
	border:2px solid #8c734b;
	height:160px;
}
.box-icon-2 .line-1{
	width:75%;
	margin-top:15px;
}
.btn-2 {
  background-color: #3f4727;
  border:0;
  color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: .9em;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 5rem;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;

}

.btn-2:hover,
.btn-2:focus,
.btn-2:active {
  background-color: #8c734b;
  color: #fff;
}
.bg-5{
	background-color:#8c734b;
}
.txt8{
	font-size:0.8em;
}
.sello-mob{
	max-width:150px;
	margin-top: -75px;
}
.cover-caption{
	padding: 30px 3% 90px 3%;
}
.bg-6{
	background-color:#fff;
}
.ttp{
	cursor:pointer;
}
.ttp{
	cursor:pointer;
}
.ttp-icon{
	stroke-width:1.1;
	width:20px;
}
.tooltip-inner {
	background-color:#3f4727;
	font-family: "Work Sans", sans-serif;
	font-size: 0.9em;
	line-height:1.2em;
	padding: 15px;
	
}

/* Flechitas para todas las posiciones */
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #3f4727;
}

.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #3f4727;
}

.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #3f4727;
}

.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #3f4727;
}
.img-proceso{
	max-width:1600px;
}
.img-proceso-mob{
	min-height:470px;
	width:2840px;
}
.foot-logos{
    max-width: 420px;
}
.foot-logos2{
    max-width: 650px;
}
span.icon-2.fa-whatsapp{
	font-size:30px;
}
.box-title-b{
	padding-right:10%;
}
.logo-b{
	max-width:90px;
}
.logo-b2{
	max-height:100px;
}
.box-logo-b{
position: absolute;	
right: 0;
top: 0;
z-index: 2;
background: #8c734b;
padding: 15px;
border-bottom-left-radius: 15px;
}
.logo-b-nos{
    height: 115px;
    

}

/* RESPONSIVE */
@media (max-width: 1300px) {

	.mt-c-1{
	margin-top: 124px;
	}
	.bg-cover{
	top:74px;
	}
	.container-cover-caption{
	margin-top: 74px;	
	}

}

@media (min-width: 992px) {
	.bg-slide-01{
		background-image:url('../images/slider/slider-01-v.jpg?=v1');
	}		
	.bg-slide-02{
		background-image:url('../images/slider/slider-02-v.jpg?v=2');
	}		
	.bg-slide-03{
		background-image:url('../images/slider/slider-03-v.jpg?=v1');
	}		
  #slider-planta,
  #slider-planta .carousel-inner,
  #slider-planta .carousel-item {
    height: 100%;
  }
}

@media (max-width: 991.98px) {
	.bg-slide-01{
		background-image:url('../images/slider/slider-01-c.jpg?=v1');
	}		
	.bg-slide-02{
		background-image:url('../images/slider/slider-02-c.jpg?=v1');
	}		
	.bg-slide-03{
		background-image:url('../images/slider/slider-03-c.jpg?=v1');
	}		
  #slider-planta {
    width: 100%;
  }

  #slider-planta .carousel-inner {
    position: relative;
    width: 100%;
    padding-top: 100%;
  }

  #slider-planta .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

}
@media(min-width:1401px){
	.ps-pe-custom{
		padding-left:5%;
		padding-right:5%;
	}	
}
@media(min-width:767px){
	.ps-pe-custom{
	padding-left:3%;
	padding-right:3%;
	}	
}
@media(max-width:1400px){

	.sello{
	right:3%;
	}	
	.box-icon .icon{
		width:20%;
		max-width: 50px;
	}
	.box-icon .box-icon-desc{
		width:80%;
	}	
	.txt5{
		max-width:80%;
	}
}
@media (max-width: 992px) {
	.row-table-titles span{
		font-size:1em;
	}
	.box-icon{
		display:block;
		margin-bottom:15px;
	}	
	.txt5{
		max-width:90%;
	}	
	.box-title, .box-desc{
		padding:8% 10%;
	}
	.box-title{
	 border-bottom-right-radius: 30px;
	}	
	.mt-c-2{
		margin-top:0;
		padding-top:100px;
		padding-bottom:90px;
	}
	.bg-potencia{
	  background-image: url('../images/bg-test2-v.jpg');
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: bottom;	
	}	

}

@media (max-width: 768px) {
	.list-benefits li {
	flex: 0 0 100%;
	}
	.img-pack{
	padding-top:60px;
	padding-bottom:30px;
	width:60%;
	} 
	.list-benefits{
	padding-bottom:100px;
	}
	
	.table-scroll-wrapper {
	overflow-x: auto;
	width:100%;
	padding-left:15px;
	
	}
	
	.table-scroll {
	width: 1000px;
	min-width: 1000px;
	margin-bottom:25px;
	}
	.line-2{
	width:80%;
	}
	.txt5{
		max-width:100%;
	}
	.box-title, .box-desc{
		padding:60px 25px;
	}	
	.carousel-indicators{
	justify-content: center;
	margin-right: 15%;
	}
	.bg-cover{
		min-height:60vh;
	}
	.brand-filter{
		opacity:0.4;
	}
	.mt-c-2{
		margin-top:74px;
		padding-bottom:0;
	}	
	.mt-c-1{
	margin-top: 50px;
	}
	.bg-home{
	  background-image: url('../images/bg-tsp-express-v.jpg');
	}	
	.foot-logos{
	width:90%;
    max-width: 420px;
	}	
	.foot-logos2{
	width:90%;
    max-width: 650px;
	}
 	.box-logo-b{
		position: relative;
		width: 100%;
		border-bottom-left-radius: 0;
		padding:25px;	
		text-align:center;
	}	 	
}

@media (min-width: 768px) and (max-width: 992px) {
	.box-logo-b {
		right: 14px;
	}
}
