@charset "utf-8";
@media only screen and (min-width: 1200px) {
.border_buscar_input {border-top-right-radius: 0;border-bottom-left-radius: 20px;border-top-left-radius: 20px;background-color:#D0D0D7;}
.fondo_select{background-color:#D0D0D7;border-color: #D0D0D7;}
}

@media (min-width: 768px) {
  /* show 4 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {display: block; }

  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {transition: none; }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {position: relative;transform: translate3d(0, 0, 0); }

  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {position: absolute;top: 0;right: -25%;z-index: -1;display: block; visibility: visible; }



  /* left or forward direction */

  .active.carousel-item-left + .carousel-item-next.carousel-item-left,

  .carousel-item-next.carousel-item-left + .carousel-item,

  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,

  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,

  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }



  /* farthest right hidden item must be absolue position for animations */

  .carousel-inner .carousel-item-prev.carousel-item-right {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

    visibility: visible;  }



  /* right or prev direction */

  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,

  .carousel-item-prev.carousel-item-right + .carousel-item,

  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,

  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,

  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    transform: translate3d(100%, 0, 0);

    visibility: visible;

    display: block;

    visibility: visible; color: black;} 

 .carousel-inner .card {border: 0px solid rgb(245, 122, 13);}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.25rem;
}
	}



@media only screen and (max-width: 1200px) {

	



	.border_buscar_input {

  border-top-right-radius: 0;

   max-width: 100px;

  border-bottom-left-radius: 20px;

  border-top-left-radius: 20px;

	background-color:#D0D0D7;

	

}



.fondo_select{

	background-color:#D0D0D7;

	border-color: #D0D0D7;

	max-width: 100px;

}

}


.cuerpo_span{background:#d9d9d9;border-radius:1vw;float:center;margin-top:1vw;width:50%;display:flex;align-items:left;justify-content:left;flex-direction:column;padding:2vw;color: #2d303a}
.border_lupa{

	border-bottom-right-radius: 20px;

  border-top-right-radius: 20px;

}

.col_img_footer
{
	padding-left: 60px;
	margin-bottom: 10px;
	text-align:end;
}

/* CSS Document 

@font-face {

  font-family: 'Inter-Italic';

  src: url('Inter-Italic.otf') format('truetype');

  font-style: normal;

  font-weight: normal;

}*/

@font-face {
  font-family: 'Inter-Normal';
  src: url('Inter.woff2') format('truetype');
  font-style:normal;
  font-weight: bolder;
	
	
}
@font-face{
	font-family: 'Typold';
	src: url('Typold.ttf') format('truetype');
	 font-style:normal;
  font-weight: bolder;
}
.texto_aviso2025{font-family: Inter-Normal;font-size: 14px;font-weight: bold;color: black;}

.texto_detalle2025{

		font-family: Inter-Normal;

  font-size: 14px;

  font-weight: bold;

	color: black;

}

.texto_subaviso2025{

		font-family: Inter-Normal;

  font-size: 14px;

  font-weight: bold;

	color: darkgrey;

}



.titulo_prod{font-family: Inter-Normal;font-size: 14px;}
.id_prod{font-family: Inter-Normal;	font-size: 10px;}
 .btn-mas{width: 130px;display: flex;border:1px solid #d4d4d4;font-weight:bold;font-family:Arial;}



    .btn-mas>span {

        width:25px;

        text-align:center;

        padding:8px 12px;

    }



    .btn-mas>span:first-child, .btn-mas>span:last-child {

        cursor:pointer;

    }



    .btn-mas .numero {

        width:100%;

        border-left:1px solid #d4d4d4;

        border-right:1px solid #d4d4d4;

    }

.button_banner {
  font-family: Typold;
  color: #ffffff;
  font-size: 12px;
  padding: 10px;
  text-decoration: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  border: solid #ffffff 5px;
  background: #7DB32D;
}
.button_banner:hover {
  background: #F09809;
	color: #ffffff;
}





.card-img-top {

width: 100%;

max-width: var(--max);

height: calc(var(--max));

object-fit: cover;

} 

.fuente_cate{font-family: Inter-Normal; font-size: 22px;position: absolute;left: 20px;top: 30%; font-weight: 800; line-height: 44px; word-wrap: break-word;color: black; text-decoration: none;}

.fuente_cate:hover{font-family: Inter-Normal; font-size: 24px;position: absolute;left: 20px;top: 30%; font-weight: 800; line-height: 44px; word-wrap: break-word;color: white; text-decoration: none;}

.linea_blanca_cate{width: 93%; height: 104px; left: 20px; top: 18px; position: absolute; border-radius: 17px; border: 0.80px white solid;}

.cate_fondoceleste{height: 142px; background: #3FA9F5; border-radius: 24px;border-color: white;border-color: white; border: 4px white solid;}

.cate_fondoverde{width: 100%; height: 142px; background:#7DB32D; border-radius: 24px;border-color: white; border: 4px white solid;}

.cate_fondonaranja{width: 100%; height: 142px; background:#F09809; border-radius: 24px;border-color: white;border-color: white; border: 4px white solid;}

.cate_fondogris{width: 100%; height: 142px; background:#D2D5DA; border-radius: 24px;border-color: white;border-color: white; border: 4px white solid;}

.fuente_link_adm{font-family: Inter-Normal; font-size: 12px; font-weight: 800; line-height: 44px; word-wrap: break-word;color: white; text-decoration: none;}

.fuente_link_adm:hover{font-family: Inter-Normal; font-size: 12px; font-weight: 800; line-height: 44px; word-wrap: break-word;color: #7DB32D; text-decoration: none;}

.segcolfooter{

	margin: 30px;

}

.footer{

	

	margin: 10px;

	

}

.form-group {

    border: 2px solid;

    margin: 10px;

    border-radius: 15px;

    margin-top: 20px;

}

/*

.form-group>label {

    position: absolute;

    top: 6px;

    left: 40px;

    padding: 5px 10px;

    border-radius: 15px;

    background: #fff;

	color: black;

	font-family: Inter-Normal;

	font-size: 10px;

}

*/

.texto_label {

    position: absolute;

    top: 6px;

    left: 40px;

    padding: 5px 10px;

    border-radius: 15px;

    background: #fff;

	color: black;

	font-family: Inter-Normal;

	font-size: 10px;

}

.texto_label2 {

    position: absolute;

       left: 40px;

   

    border-radius: 15px;

    background: #fff;

	color: black;

	font-family: Inter-Normal;

	font-size: 10px;

}

.boton_footer

{

	border-radius: 50px;

}

.textoarea {

    position: absolute;

    top: 20px;

    left: 40px;

    padding: 8px 10px;

    border-radius: 15px;

    background: white;

	color: black;

	font-family: Inter-Normal;

	font-size: 10px;

}

.rojo_aste

{

	color: red;

	font-family: Inter-Normal;

	

}

.form-group>input {

    border: none;

    background: white;

	 border-radius: 15px;

}

.form-group>textarea {

    border: none;

    background: white;

	 border-radius: 15px;



width: 100%

}

.secc_footer{

	background-color: #6D6D6D;

	color: white;

	border-radius: 20px;

	padding-left: 60px;

	font-family: Inter-Normal;

	font-size: 13px;

}

.card-title {

  margin-bottom: .75rem;

  height: 20px;

}

.boton_cotiza

{

	font-family: Inter-Normal;

	font-size: 14px;

	background-color: #7db32d;

	color: white;

	

}

.navbar{

	background-color: #7db32d;

	padding-bottom: 0px;

  padding-top: 0px;

	font-family: Inter-Normal;

	

}

.boton1

{

	background: #f09809;

}



  .navbar-expand-md .navbar-nav .nav-link {

    padding-right: .5rem;

    padding-left: .5rem;

    color: white;

  }

.navbar-toggler {

   border: none !important;

	

	

}

.texto{

z-index: 100;

  position: absolute;

  color: black;

	font-family: Inter-Normal;

  font-size: 24px;

  font-weight: bold;

  left: 15px;

  top: 50px;

	width: 30%;

}



.texto_numero{

		font-family: Inter-Normal;

  font-size: 18px;

  font-weight: bold;

	text-decoration: none;

	color: black;

}

.texto_numero:hover{

		font-family: Inter-Normal;

  font-size: 18px;

  font-weight: bold;

	text-decoration: none;

	color: #f09809;

}



.seccion_container{

		 display: flex;

  align-items: center;

  justify-content: center;

	z-index: 12; 

}

@media only screen and (max-width: 750px) {

.texto{

z-index: 100;

  position: absolute;

  color: red;

	font-family: Inter-Normal;

  font-size: 12px;

  font-weight: bold;

  left: 15px;

  top: 10px;

	width: 30%;

}

	#id_titulo{display: none;}  

	#icono_telefono_aviso{display: none}

	

	.container_aviso{

	border: 2px solid #F09809;

    border-radius: 10px;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-left: 10px;

  margin-right: 10px;

	width: 95%;

}

}





.whatsapp-button {

  position: fixed;

  bottom: 70px; /* Ajusta la distancia desde abajo según tu preferencia */

  right: 250px; /* Ajusta la distancia desde el lado izquierdo según tu preferencia */

  z-index: 998;

  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;

  transform: translateY(0);

  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombras */

  background-color: #fafafa; /* Color de fondo */

  padding: 10px; /* Ajusta el espacio interior según tu preferencia */

  border-radius: 50%; /* Forma circular */

  display: block; /* Mostrar el botón por defecto */

}

@media (max-width: 767px) {

  .whatsapp-button {

      display: none; /* Ocultar el botón en dispositivos móviles */

  }

}

/* Estilos adicionales */

.whatsapp-button img {

  width: 80px; /* Ajusta el tamaño del icono según tu preferencia */

  height: auto;

  display: block;

  cursor: pointer;

}



.whatsapp-button .whatsapp-icon {

  background-color: white; /* Fondo blanco para el icono de WhatsApp */

  padding: 8px; /* Espacio interior del icono */

  border-radius: 50%; /* Forma circular para el icono */

  margin: 10px; /* Margen que rodea el icono */

  border: 10px solid #128c3b; /* Borde de color alrededor del icono */

}



.whatsapp-button:hover {

  background-color: #128c3b; /* Cambio de color al pasar el puntero */

  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Cambio de sombras al pasar el puntero */

}



.whatsapp-button.active {

  transform: translateY(100px); /* Distancia de desplazamiento al activar */

}