@charset "utf-8";
#producto
{
	font-family: "Instrument Sans", sans-serif;
}
#producto h1
{
	font-size:36px;
	font-weight: 700;
	color:#000000;
	line-height:auto;
}
@media (min-width: 0px) AND (max-width: 1919.8px)
{
	#producto .container
	{
		max-width:960px;
	}
}
@media (min-width: 1920px) 
{
	#producto .container
	{
		max-width:1100px;
	}
}
/* =========================================================
   BREADSCRUMB
========================================================= */
.breadcrumb-item+.breadcrumb-item
{
    padding-left: 0.35rem!important;
}
.breadcrumb-item+.breadcrumb-item::before
{
    padding-right: 0.30rem!important;
}
ol.breadcrumb
{
	font-family: "Instrument Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
ol.breadcrumb a
{
	text-decoration:none;
	color:#000000;
	transition: all 0.75s ease;
}
ol.breadcrumb a:hover
{
	text-decoration:none;
	color:#E31837;
}
/* PRODUCTO */
/* espacio para que no se recorte la línea */
.thumb-wrap {
  position: relative;
  display: inline-block;
  padding-bottom: 14px; /* 12px + 2px de margen de seguridad */
  cursor: pointer;
}
/* oscurecer un poco al hover */
.thumb-wrap:hover img.imagenthumb {
  filter: brightness(0.85);
  transition: filter 0.5s ease-in-out;
}
/* liea centrada, 12px por debajo de la imagen */
.thumb-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;               /* se apoya en el padding-bottom del wrap */
  width: 36px;
  height: 1.5px;
  background: #ababab;
  transform: translateX(-50%) scaleX(0.03); /* arranca en 1px aprox */
  transform-origin: center;
  opacity: 0;
}
/* estado activo: muestra y anima la línea */
.thumb-wrap.active::after
{
  opacity: 1;
  animation: thumb-underline-grow 0.35s ease-out forwards;
}
@keyframes thumb-underline-grow
{
  from { transform: translateX(-50%) scaleX(0.03); }
  to   { transform: translateX(-50%) scaleX(1); }
}
/* opcional: transición suave al cambiar la principal */
.imagenprincipal
{
  transition: opacity 0.5s ease-in-out;
}

.portadaproductos
{
	width:100%;
	margin-left:0px;
}
@media (min-width: 992px) 
{
	.portadaproductos
	{
		max-width:405px;
		margin-left:72px;
	}
}
.marca-lts
{
	color: #000;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}
.nombre
{
	color: #000;
	font-family: "Instrument Sans";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-top:4px;
	padding-bottom:8px;
}
.componentes
{
	color: #727272;
	font-family: "Instrument Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.descripcion
{
	color: #000;
	font-family: "Instrument Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top:24px;
	padding-bottom:24px;
}
.potencialabel,.paiseslabel
{
	color: #000;
	font-family: "Instrument Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.paiseslistado
{
	color: #000;
	font-family: "Instrument Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.potenciasBotones
{
	font-family: "Instrument Sans";	
	font-style: normal;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: normal;
}
@media (min-width: 368px) AND (max-width: 394px) 
{
	.potenciasBotones
	{
		font-size: 14px;
	}
}
@media (min-width: 0px) AND (max-width: 367.8px) 
{
	.potenciasBotones
	{
		font-size: 12.5px;
	}
}
.btn-potencia
{	
	margin-top:8px;
	border:none;
	background-color:transparent;
	padding-top:7px;
	padding-bottom:7px;
	transition: all 0.5s ease;
	color:#000000;
}
.btn-potencia:hover
{
	color:#000000;
    padding: 6px 12px 6px 16px;
    border-radius: 24px;
    border: 1px solid rgba(227, 24, 55, 0.50);
    background: linear-gradient(0deg, rgba(227, 24, 55, 0.05) 0%, rgba(227, 24, 55, 0.05) 100%), #FFF;
}
.btn-potencia.is-active
{
	color:#000000;
    padding: 6px 12px 6px 16px;
    border-radius: 24px;
    border: 1px solid rgba(227, 24, 55, 0.50);
    background: linear-gradient(0deg, rgba(227, 24, 55, 0.05) 0%, rgba(227, 24, 55, 0.05) 100%), #FFF;
}
.btnenlinea
{
	opacity: 0;
	display: flex;
	height: 49px;
	padding: 16px 30px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 10px;
	background: #F5F2F2;
	border: none; 
  	-webkit-appearance: none;
 	appearance: none;
	box-shadow: -2px -2px 4px 0 #FFF, 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
	color: #535353;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	transition: opacity 0.7s ease, box-shadow 0.5s ease, color 0.5s ease;
}
.btnenlinea:focus,
.btnenlinea:active,
.btnenlinea:focus-visible{
  outline: none;
  background: #F5F2F2 !important;
  color: #535353 !important;
  box-shadow: -2px -2px 4px #FFF, 2px 2px 4px rgba(0,0,0,.25) !important;
  border: none !important;
}
.btnenlinea:hover
{
	box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.25)!important;
}
.btnenlinea.showing
{
  opacity: 1;
}
@media (max-width: 430px) 
{
	.btnenlinea
	{
		display: block;
		width:100%;
	}
}
.cerrarrr
{
	width:24px; 
	height:24px; 
	background-color:transparent; 
	border:none; 
	top:0px; 
	margin-top:8px;
	transition: all 0.5s ease;
}
.cerrarrr:hover
{
	opacity:0.5;
}
.modal-header
{
	padding:0px 0 0 0!important;
	align-items:flex-start;
	border-bottom:none!important;
}
.modal-content
{
	background-color:#F5F2F2!important;
	padding: 30px 40px;
	border-radius: 20px;
	gap: 3px;
}
@media (min-width: 576px)
{
    .modal-dialog
	{
        max-width: 570px!important;
    }
}
.modal-lg
{
	max-width: 820px!important;
}
h1.modal-title
{
	display: flex;
	
	flex-direction: column;
	justify-content: center;
	flex: 1 0 0;
	color: #000;
	text-align: center;
	font-family: "Instrument Sans";
	font-size: 24px!important;
	font-style: normal;
	font-weight: 600!important;
	line-height: normal!important;
	padding-left:10px;
	padding-right:10px;
}
/* fila con posible separador superior */
.row-block { }
/* agrega una línea de 1px entre filas */
.row-block + .row-block
{
  border-top: 1px solid #CCC;
  margin-top: 31px;   /*separa visualmente la lnea*/
  padding-top: 31px;  /*respira debajo de la lnea*/
}
@media (max-width: 768px)
{
	.cerrarrr
	{
		margin-top:0px;
	}
	h1.modal-title
	{
		padding-left:20px;
		padding-right:20px;
	}
   .row-block + .row-block
   {
  	    border-top:none;
  	    margin-top: 0px;
  	    padding-top: 0px; 
   }
   .modal-content
   {
		padding: 30px 20px;
   }
}
/* columna (col-12 col-md-6)*/
.col-item
{
  padding: 8px 12px; /*opcional*/
  text-align:center;  
  display:block;
}
/* separador vertical entre columnas (solo en md) Aplica una línea a la 2da columna de cada fila */
@media (min-width: 768px)
{
  .row-block .col-item:nth-child(2)
  {
    border-left: 1px solid #CCC;
  }
}
.mensajepaisimpar
{
  width: 239px;
  height:100%;
  color: #000;
  text-align: center;
  font-family: "Instrument Sans";
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto;
}
.mensajepaisimpar span
{
}
.paislinked
{
	display: block;
	height: 33px;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 0;
	color: #000;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.link_a
{
	display: flex;
	padding: 4px 24px;
	justify-content:flex-start;
	align-items:center;
	border-radius: 10px;
	background: #FFF;
	box-shadow: -2px -2px 4px 0 #FFF, 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
	margin-top:13px;
	margin-bottom:13px;
	margin-left:31px;
	margin-right:31px;
	transition: all 0.5s ease;
}
.link_a:hover
{
	box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.25)!important;
}
.modal-backdrop.show
{
   background-color: #000 !important;
   opacity: 0.3 !important;
}
/* ACORDION DETALLES */
#accordionDetalles
{
	margin-top:84px;
	margin-bottom:84px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ABABAB;
}
.accordion
{
	background-color:transparent!important;
}
.accordion-item
 {
    color: #727272 !important;
    background-color:transparent!important;
}
.accordion-button
{
    border-radius: 0 !important;
    font-weight: 600 !important;
    color: #727272 !important;
    border: none !important;
	border-top: 1px solid #ABABAB !important;
	border-bottom:none!important;
	font-family: "Instrument Sans";
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	padding-top:18px!important;
	padding-bottom:18px!important;
	box-shadow: none !important;
}
.accordion-body
{
	padding-top:18px!important;
	padding-bottom:30px!important;
	font-size:24px!important;
	font-family: "Instrument Sans";
	font-style: normal;
	font-weight: 400;
	line-height: normal!important;
	color: #535353!important;
}
.accordion-body h5
{
	font-size:28px!important;
}
.accordion-body ul
{
	margin-bottom:0px!important;
}
.accordion-body ul
{
  list-style: none;
  padding-left: 15px;
}
.accordion-body ul li
{
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
}
.accordion-body ul li::before
{
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 4px;
  height: 4px;
  background-color: #535353;
  border-radius: 50%;
}
@media (max-width: 991.2px)
{
    #accordionDetalles
	{
		margin-top:36px;
		margin-bottom:36px;
	}
	.accordion-button
	{
		font-size: 16px;
	}
	.accordion-body
	{
		padding-top:1px!important;
		padding-bottom:20px!important;
		font-size:14px!important;
	}
	.accordion-body h5
	{
		font-size:18px!important;
	}
	.accordion-body ul
	{
	  padding-left: 9px;
	}
	.accordion-body ul li::before
	{
    	width: 3px;
   	 	height: 3px;
   }
   .accordion-body ul li
   {
        padding-left: 10px;
		margin-bottom: 2px;
   }
}
.accordion-button::after
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M3.725 7.17584C3.34516 6.77496 2.71283 6.75794 2.31192 7.13775C1.91103 7.51759 1.89401 8.14992 2.27383 8.55084L10.9106 17.668C11.5022 18.2924 12.4967 18.2924 13.0883 17.668L21.725 8.55084L21.7924 8.47369C22.1021 8.07242 22.0628 7.49385 21.687 7.13775C21.3111 6.78164 20.7311 6.77363 20.3471 7.10455L20.2739 7.17584L11.9995 15.9083L3.725 7.17584Z' fill='%23727272'/%3E%3C/svg%3E");
  background-size: 25px 24px;
  width: 25px;
  height: 24px;
}
.accordion-button:not(.collapsed)::after
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M3.725 7.17584C3.34516 6.77496 2.71283 6.75794 2.31192 7.13775C1.91103 7.51759 1.89401 8.14992 2.27383 8.55084L10.9106 17.668C11.5022 18.2924 12.4967 18.2924 13.0883 17.668L21.725 8.55084L21.7924 8.47369C22.1021 8.07242 22.0628 7.49385 21.687 7.13775C21.3111 6.78164 20.7311 6.77363 20.3471 7.10455L20.2739 7.17584L11.9995 15.9083L3.725 7.17584Z' fill='%23727272'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed)
{
    border-bottom: none !important;
	box-shadow: none !important;
	color: #535353 !important;
}
/* BANNERS INFORMATIVOS */
.bannerinformativo
{
	margin-bottom:42px;
}
.bannerinformativo:last-of-type
{
    margin-bottom: 64px !important;
}
@media (max-width: 991.2px)
{
	.bannerinformativo
	{
		margin-bottom:16px;
	}
	.bannerinformativo:last-of-type
	{
		margin-bottom: 32px !important;
	}
}