@charset "utf-8";
.carousel-caption-custom {
  position: absolute;
  left: 14%;
  right: 12%;
  color: white;
}
.carousel-caption-desktop {
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.carousel-caption-mobile {
  bottom: 40px;
  text-align: left;
}   
.carousel-caption-custom .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 20px;
}
@media (max-width: 991.98px)
{
  .carousel-caption-custom h2 {
  font-family: 'Caveat', cursive;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height:36px;
 }
 .carousel-caption-custom
 {
  left: 12%;
  right: 12%;
  }
}
@media (max-width: 768px)
{
  .carousel-caption-desktop {
	display: none;
  }
  .carousel-caption-mobile {
	display: block;
  }  
  .carousel-caption-custom h2 {
  font-family: 'Caveat', cursive;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height:25px;
 }
}
@media (min-width: 769px)
{
  .carousel-caption-mobile {
	display: none;
  }
  .carousel-caption-desktop {
	display: block;
  }
}
@media (min-width: 992px)
{
  .carousel-caption-custom h2 {
  font-family: 'Caveat', cursive;
  font-size: 92px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height:86px;
  }
}
#homecalidad h1
{
	font-size:36px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}
#homecalidad .certificados
{
	width:auto;
	height:120px;
}
#homecalidad .parrafito
{
	width:76%;
}
@media (max-width: 768px)
{
  #henry
  {
	  margin-bottom:-28px;
  }
  #homecalidad .certificados
  {
	width:auto;
	height:80px;
  }
  #homecalidad .parrafito
  {
	width:100%;
  }
  #homecalidad h1
  {
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
  }
}
#henry
{
	background-image:url(../img/home_linea_calox_desktop.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:contain;
}
#henry h2
{
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}
#henry p
{
	font-size:16px;
	font-family: "Instrument Sans", sans-serif;
	font-weight: 600;
}
.quote-box
{
	background-color: #fff;
	max-width: 550px;
	width: 100%;
}
.quote-icon
{
}
.quote-icon img
{
	width:294px;
	height:auto;
	margin-top:0px;
}
@media (max-width: 991.98px)
{
	.quote-icon img
	{
		width:145px;
		height:auto;
		margin-top:50px;
	}
	.quote-box
	{
		background-color:transparent;
		max-width: 550px;
		width: 100%;
	}
}
@media (max-width: 768px)
{
	#henry
	{
		background-image:url(../img/home_linea_calox_mobile.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.quote-icon img
	{
		width:145px;
		height:auto;
		margin-top:-34px;
	}
	.quote-box
	{
		background-color:transparent;
		max-width: auto;
		width: 100%;
	}
	#henry h2
	{
		padding-right:10%;
	}
	#henry .director
	{
		padding-right:32px;
	}
}
.imagen90
{
	float:right;
	margin-right:30px;
}
@media (max-width: 768px)
{
	.imagen90
	{
		float:right;
		margin-right:-6px;
	}
}
@media (min-width: 992px)
{
	.margenDel90
	{		
		margin-left:0px;
		padding-left:0px;
	}
}
/* Compromiso calox */
.compromiso
{
    background: #F5F2F2;
}
.compro-title {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    align-items: flex-end;
}
.compro-itemtitle
{
	width:100%;
}
p.descripcompro{
    font-size: 16px;
    text-align: left;
	font-weight:400;
	font-family: "Instrument Sans", sans-serif;
	margin-bottom:0px;
}
.cardbasess
{
	color:#ffffff;
	font-family: "Instrument Sans", sans-serif;
	font-size: 24px;
	font-weight:700;
	text-align: left;	
	background-color:#E31837;	
	line-height:28px;
	padding-left:24px;
	padding-right:24px;	
	height:115px;
	vertical-align:middle;
	align-content:center;
}
@media (max-width: 768px)
{
    .compromiso{}
    .compro-title {flex-wrap: wrap;}

	.imagencitacompromiso
	{
		padding-right:20%;
	}
	p.descripcompro{
		padding-left:5px;
		padding-right:5px;
	}
}
@media (max-width: 991.8px)
{
	.cardbasess
	{
		font-size: 16px;
		line-height:20px;
		padding:16px 16px 16px 16px;
		height:88px;
		text-align:center;
	}
}
@media (min-width: 992px)
{
	p.descripcompro{
		max-width:534px;
	}
	p.descripcompro
	{
    font-size: 16px;
    text-align: left;
	font-weight:400;
	font-family: "Instrument Sans", sans-serif;
	margin-bottom:0px;
	float:right;
   }
}
@media (max-width: 768px)
{
	.carouselmobile
	{
		touch-action: pan-y; /* permite vertical, bloquea horizontal nativa */
		cursor: grab;
	}
	#cardsCarousel
	{
    	overflow: hidden;
    	position: relative;
    }
	.carouselmobile
	{
		display: flex;
    	transition: transform 0.5s ease;
	}
	.itemsmobile
	{
		flex: 0 0 80%;           /* ancho 80% del viewport */
    	margin-right: 18px;      /* espacio para el peek */
    	box-sizing: border-box;
	}
	.itemsmobile:last-child
	{
    	margin-right: 0;
  	}
	.redondeover
	{
		height:50px;
		width:50px;
		border-radius:50%!important;
		text-align:center;
		justify-content:center;
	}
	.bullet
	{
	  width: 8px;
	  height: 8px;
	  border: none;
	  border-radius: 50%;
	  background: #c2c7c9;
	  padding: 0;
	  display: inline-block;
	  margin-left: 6px;
	}
	.bullet:first-child {
	  margin-left: 0;
	}
	.bullet.active {
	  background: #e31837;
	}
	.bullets-container {
	  display: flex;
	  justify-content: flex-end;
	  align-items: center;
	}
	.redondeover .carousel-control-prev-icon
	{
		margin-left:-6px;
	}
	.redondeover .carousel-control-next-icon
	{
		margin-left:-3px;
	}
}
/* Farmocovigilancia */
.farmacovig {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 90vh;
}
.ccard {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 70px 200px;
	text-align: center;
	max-width: 1085px;
	margin: 20px;
	font-size:14px;
	font-weight:400;
	color:#000000;
	font-family: 'Instrument Sans', sans-serif;
	background: linear-gradient(to bottom, white, #fad2d8);
}
.icon {
	font-size: 50px;
	color: #e74c3c;
	margin-bottom: 20px;
}
.title {
	font-size: 36px;
	font-weight: 800;
	margin: 20px 0;
	font-family: 'Montserrat', sans-serif;
}
.ccard a
{
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:14px;
	padding-top:12px;
	padding-bottom:12px;
}
@media only screen and (max-width: 768px)
{
    .title
	{
		font-size: 24px;
	}
}
.ccard .text {
	font-size: 14px;
	margin-bottom: 20px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
}
@media only screen and (max-width: 700px)
{
    .ccard{padding:40px; height: auto;}
}
.footersocial
{
	text-align: center;
	font-family: 'Instrument Sans', sans-serif;
}
.footersocial p
{
	margin: 5px 0;
}
.social-icons
{
	padding: 10px 0;
}
.footersocial h1
{
	font-size:24px;
	font-weight:600;
}
.footersocial p
{
	font-size:16px;
	font-weight:400;
	max-width:450px;
	line-height:20px;
}