/*@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

body {
  font-family: 'Oxygen', sans-serif !important;
}

/* fondo del cuerpo central de las páginas */
#page-wrapper {
	background-image:url(images/propias/logotrans.jpg);
 	background-color:;
}

.titulo-empresa {
	background: linear-gradient(to bottom, #CCC, #FFF);
}

/* .navbar-default afecta a la linea de botones Principal/Busqueda y Nuestros Productos / Usuarios, también al menu lateral y Visitantes */
/*.navbar-default {
	background-color:#FF80C0;
}*/

/* .sidebar-nav afecta al menu lateral y Visitantes */
/*.sidebar-nav {
	background-color:#F8F8F8;
}*/

/* afecta a la linea de botones Principal/Busqueda y Nuestros Productos / Usuarios */
/*.fondo-barra-menu {
	background-color:#FF80C0; 
	background: -prefix-linear-gradient(top, #FF80C0, #D900D9);
	background: linear-gradient(to bottom, #FF80C0, #D900D9);
}*/

.menu_lateral {
	text-transform: capitalize;
	font-size:16px; 
}	

.cuadro_articulos {
 	background-color: #FAFAFA;
	border-color: #CCC;
	border-radius: 10px;
}

h1 {
	margin-top:8px;
	margin-bottom:4px;
	font-size:14px;
}

@media (max-width: 768px) {
	h1 {
		font-size: 11px;
	}
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 16px;
	}
	h4 {
		font-size: 14px;
	}
}

#img_mercadopago {
	background-image:url(https://imgmp.mlstatic.com/org-img/banners/ar/medios/125X125.jpg);
	width:125px;
	height:125px;
}

@media (min-width: 768px) {
	#img_mercadopago {
		background-image:url(https://imgmp.mlstatic.com/org-img/banners/ar/medios/575X40.jpg);
		width:575px;
		height:40px;
	}
}

.margen_busqueda {
	margin-left:14px;
	margin-top:8px;
}
	
@media (min-width: 768px) {
	.margen_busqueda {
		margin-left:30px;
		margin-top:8px;
	}
}

.centrar-imagen {
	height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.blinky {  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.resplandorgaleria{   
	border-style:solid;
	border-width:thin;
	border-color: #666;
	-moz-box-shadow: 0px 0px 30px #666; 
	-webkit-box-shadow: 0px 0px 30px #666; 
	box-shadow: 0px 0px 30px #666;
}

.resplandornovedades{   
	border-style:solid;
	border-width:thin;
	border-color:#666;
	-moz-box-shadow: 0px 0px 20px #666; 
	-webkit-box-shadow: 0px 0px 20px #666; 
	box-shadow: 0px 0px 20px #666;
	margin: 20px;
}

.resplandorarticulos{   
	border-style:solid;
	border-width:thin;
	border-color: #666;
	-moz-box-shadow: 0px 0px 20px #666; 
	-webkit-box-shadow: 0px 0px 20px #666; 
	box-shadow: 0px 0px 20px #666;
}

.resplandorarticulos:hover{   
	border-style:solid;
	border-width:thin;
	border-color: #00F;
	-moz-box-shadow: 0px 0px 30px #00F; 
	-webkit-box-shadow: 0px 0px 30px #00F; 
	box-shadow: 0px 0px 30px #00F;
}

.indicadores-ficha li {
  border: 1px solid #333;
  border-radius: 10px;
}

.indicadores-ficha .active {
  background-color: #C00;
}

@media (max-width: 992px) {
	.indicadores-ficha {
  		visibility:hidden;
	}
}

.img-destacados {
/*	max-width: 250px; 
	max-height: 250px; */
	object-fit: scale-down;
	height: 50vh !important;
	width: 100%;	
/*	margin-top: 10px; 
	margin-bottom: 10px; */
}

.img-novedades {
	object-fit: scale-down;
	height: 25vh !important;
	width: 100%;
}

.margen_sup_destacados {
	margin-top: 65px;	
}
@media (max-width: 992px) {
	.margen_sup_destacados {
		margin-top: 10px;	
	}
}

@media (max-width: 768px) {
	.ajustealto768 {
		min-height: 300px !important;
		padding-bottom: 30px;
	}
}

a.link-de-textos {
	text-decoration:none;
}

a.link-de-textos:hover {
	font-weight: bolder;
}

.color-y-sombras {
	color:#00F;
	text-shadow: 2px 2px 2px #999;
}

.color-y-sombras-1 {
	color:#009;
	text-shadow: 2px 2px 2px #999;
}

.oferta-rubro {
	font-weight:bold;
	color:#0000FF;
/*	text-transform:uppercase; */
	animation-name: parpadeo;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 20;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 20;
}

.strikediag {
position: relative;
}
.strikediag:before {
position: absolute;
content: "";
left: 0;
top: 45%;
right: 0;
border-top: 2px solid;
border-color: red;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
transform: rotate(-18deg);
}
/* === Tema Pirelli Codex === */
:root {
  --pirelli-black: #111111;
  --pirelli-black-2: #1c1c1c;
  --pirelli-graphite: #2b2b2b;
  --pirelli-graphite-2: #3a3a3a;
  --pirelli-yellow: #ffd100;
  --pirelli-yellow-soft: #d8b500;
  --pirelli-red: #d5001c;
  --pirelli-text: #ffffff;
  --pirelli-muted: #cfcfcf;
  --panel-light: #f4f4f0;
}

html,
body {
  background: var(--pirelli-black) !important;
  color: var(--pirelli-text);
}

body {
  font-family: 'Oxygen', Arial, sans-serif !important;
  letter-spacing: 0;
}

a {
  color: #f2c400;
}

a:hover,
a:focus {
  color: var(--pirelli-yellow);
  text-decoration: none;
}

#wrapper,
.navbar-static-top,
.sidebar,
.sidebar-nav,
.navbar-default.sidebar {
  background: var(--pirelli-black) !important;
}

#page-wrapper {
  background-color: #202020 !important;
  background-image:
    linear-gradient(180deg, rgba(255, 209, 0, 0.07) 0, rgba(32, 32, 32, 0) 115px),
    url(images/propias/logotrans.jpg) !important;
  background-repeat: no-repeat, repeat !important;
  border-left: 1px solid rgba(255, 209, 0, 0.28);
  min-height: 100vh;
  padding-bottom: 18px;
}

.titulo-empresa {
  background: linear-gradient(180deg, #222 0%, #151515 100%) !important;
  border-top: 1px solid rgba(255, 209, 0, 0.65);
  border-bottom: 1px solid rgba(255, 209, 0, 0.65);
  color: var(--pirelli-text) !important;
  padding: 22px 10px 18px;
  text-shadow: none !important;
}

.titulo-empresa h1,
.titulo-empresa h2,
.titulo-empresa h3,
.titulo-empresa p,
.titulo-empresa .color-y-sombras,
.titulo-empresa .color-y-sombras-1 {
  color: var(--pirelli-text) !important;
  text-shadow: 0 1px 0 #000 !important;
}

.titulo-empresa h1,
.titulo-empresa h2 {
  letter-spacing: 0;
  font-weight: 600;
}

.fondo-barra-menu,
.navbar-default {
  background: linear-gradient(180deg, #252525 0%, #161616 100%) !important;
  border-color: rgba(255, 209, 0, 0.45) !important;
  border-width: 0 0 1px 0;
  box-shadow: none;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-top-links > li > a,
.navbar-top-links > li > a {
  color: var(--pirelli-muted) !important;
  font-weight: 400 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-top-links > li > a:hover,
.navbar-top-links > li > a:hover,
.navbar-top-links > li.open > a {
  background: #000 !important;
  color: var(--pirelli-yellow) !important;
}

.btn {
  border-radius: 4px;
  border-width: 1px;
  box-shadow: none;
  font-weight: 400;
}

.btn-primary {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow-soft) !important;
  color: #101010 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #e6bc00 !important;
  border-color: var(--pirelli-yellow) !important;
  color: #000 !important;
}

.btn-warning,
.btn-info {
  background: var(--pirelli-red) !important;
  border-color: #b80018 !important;
  color: #fff !important;
}

.btn-warning:hover,
.btn-info:hover,
.btn-warning:focus,
.btn-info:focus {
  background: #a90016 !important;
  border-color: var(--pirelli-yellow) !important;
  color: #fff !important;
}

.sidebar,
.sidebar-nav,
#side-menu,
.sidebar .nav,
.sidebar ul li {
  background: var(--pirelli-black) !important;
}

.sidebar {
  border-right: 1px solid rgba(255, 209, 0, 0.32) !important;
}

.sidebar .sidebar-search {
  border-bottom: 1px solid rgba(255, 209, 0, 0.26) !important;
  color: var(--pirelli-muted);
}

#side-menu > li > a,
#side-menu .nav-second-level > li > a {
  color: #dddddd !important;
  border-bottom: 1px solid rgba(255, 209, 0, 0.18);
  font-weight: 400;
}

#side-menu > li > a:hover,
#side-menu > li > a:focus,
#side-menu .nav-second-level > li > a:hover,
#side-menu .nav-second-level > li > a:focus {
  background: #050505 !important;
  color: var(--pirelli-yellow) !important;
  border-left: 2px solid var(--pirelli-yellow);
}

.menu_lateral {
  text-transform: capitalize;
  font-size: 15px;
}

#side-menu .fa,
#side-menu .glyphicon {
  color: var(--pirelli-yellow-soft);
}

.badge {
  background: var(--pirelli-graphite-2);
  border: 1px solid rgba(255, 209, 0, 0.45);
  color: var(--pirelli-yellow);
}

#page-wrapper h1,
#page-wrapper h2,
#page-wrapper h3,
#page-wrapper .page-header {
  color: var(--pirelli-yellow) !important;
  text-shadow: none !important;
}

#page-wrapper .page-header {
  border-bottom: 1px solid rgba(255, 209, 0, 0.48);
}

.text-primary,
.text-primary a,
h5 .text-primary {
  color: #ffd100 !important;
}

.cuadro_articulos,
.thumbnail.cuadro_articulos {
  background: var(--panel-light) !important;
  border: 1px solid rgba(255, 209, 0, 0.55) !important;
  border-top: 2px solid var(--pirelli-yellow) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  color: #191919;
  overflow: hidden;
}

.cuadro_articulos h4,
.cuadro_articulos h5,
.cuadro_articulos p {
  color: #191919 !important;
  text-shadow: none !important;
}

.cuadro_articulos h4:first-child,
.cuadro_articulos h4:first-child p {
  font-size: 15px;
  line-height: 1.28;
  margin-bottom: 2px;
}

.cuadro_articulos h5,
.cuadro_articulos h5 p {
  color: #555 !important;
  margin-top: 0;
}

.cuadro_articulos .row {
  border-top: 1px solid rgba(17, 17, 17, 0.14);
  margin-top: 8px;
  padding-top: 8px;
}

.resplandorarticulos,
.resplandorgaleria,
.resplandornovedades {
  border: 1px solid rgba(255, 209, 0, 0.48) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42) !important;
}

.resplandorarticulos:hover,
.resplandorgaleria:hover,
.resplandornovedades:hover {
  border-color: var(--pirelli-yellow) !important;
  box-shadow: 0 0 0 1px rgba(255, 209, 0, 0.45), 0 12px 30px rgba(0, 0, 0, 0.55) !important;
}

.centrar-imagen {
  background: #fbfbf8;
  border-top: 1px solid rgba(255, 209, 0, 0.25);
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}

.dropdown-menu {
  background: #161616;
  border: 1px solid rgba(255, 209, 0, 0.38);
  border-radius: 4px;
  box-shadow: 0 12px 24px rgba(0,0,0,.45);
}

.dropdown-menu > li > a {
  color: #e5e5e5;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #000;
  color: var(--pirelli-yellow);
}

.dropdown-menu .divider {
  background-color: rgba(255, 209, 0, 0.22);
}

.pie-slideshow,
.pie-recuadro {
  background: #111 !important;
  margin-left: 0;
  margin-right: 0;
}

.pie-slideshow .col-lg-12,
.pie-responsive .col-lg-12,
.pie-plataforma .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

.pie-slideshow img {
  border-top: 1px solid rgba(255, 209, 0, 0.55);
  border-bottom: 1px solid rgba(255, 209, 0, 0.55);
  display: block;
}

.pie-recuadro {
  border: 0 !important;
  border-top: 1px solid rgba(255, 209, 0, 0.38) !important;
  border-radius: 0 !important;
  color: var(--pirelli-muted);
  margin-bottom: 0 !important;
  padding: 10px 12px;
}

.pie-rubros,
.pie-responsive,
.pie-plataforma {
  background: linear-gradient(180deg, #202020 0%, #151515 100%) !important;
}

.pie-rubros a,
.pie-plataforma a {
  color: var(--pirelli-yellow);
}

.pie-plataforma {
  color: #bdbdbd;
  font-size: 12px;
  padding-bottom: 14px;
}

.color-y-sombras,
.color-y-sombras-1,
.oferta-rubro {
  color: var(--pirelli-yellow) !important;
  text-shadow: none !important;
}

.indicadores-ficha li {
  border: 1px solid rgba(255, 209, 0, 0.65);
}

.indicadores-ficha .active {
  background-color: var(--pirelli-red);
}

@media (max-width: 768px) {
  #page-wrapper {
    border-left: 0;
  }

  .menu_lateral {
    font-size: 14px;
  }

  .titulo-empresa {
    padding: 16px 8px 14px;
  }
}
/* === Fin Tema Pirelli Codex === */
/* Ajuste Codex: area central mas premium */
#page-wrapper {
  background: #202020 !important;
  background-image: none !important;
}

#page-wrapper > .container-fluid {
  background: transparent !important;
}

#page-wrapper h2.page-header {
  margin-top: 20px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255, 209, 0, 0.5) !important;
}

#page-wrapper h2.page-header .text-primary {
  color: var(--pirelli-yellow) !important;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 8px;
}

#page-wrapper .col-lg-3 > div > h5 .text-primary,
#page-wrapper .col-md-4 > div > h5 .text-primary,
#page-wrapper .col-sm-6 > div > h5 .text-primary {
  color: #f2f2f2 !important;
  font-size: 13px;
  letter-spacing: 0;
}

#page-wrapper .col-lg-3 > div > a > img.resplandorarticulos,
#page-wrapper .col-md-4 > div > a > img.resplandorarticulos,
#page-wrapper .col-sm-6 > div > a > img.resplandorarticulos {
  background: #0f0f0f;
  border: 1px solid rgba(255, 209, 0, 0.7) !important;
  border-radius: 2px;
}
/* Ajuste Codex: evitar desplazamiento horizontal visual */
html, body {
  overflow-x: hidden;
}

/* Ajuste Codex: encabezado fino responsivo */
.enca-fino h1 {
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1.25;
  margin: 8px 0 5px;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .enca-fino h1 {
    font-size: 11px;
    padding: 0 14px;
  }
}
@media (max-width: 768px) {
  .enca-fino,
  .enca-fino .col-lg-12 {
    max-width: 100vw;
    overflow: visible;
  }

  .enca-fino h1 {
    display: block;
    max-width: calc(100vw - 28px);
    word-break: normal;
    overflow-wrap: break-word;
    text-align: left;
  }
}
/* Ajuste Codex: quitar bordes claros no deseados */
.titulo-empresa,
.titulo-empresa.well,
.well.titulo-empresa {
  border: 0 !important;
  border-top: 1px solid rgba(255, 209, 0, 0.45) !important;
  border-bottom: 1px solid rgba(255, 209, 0, 0.45) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sidebar ul li,
.sidebar .nav > li,
#side-menu > li,
#side-menu .nav-second-level > li {
  border-bottom: 1px solid rgba(255, 209, 0, 0.28) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.sidebar,
.sidebar-nav,
.navbar-default.sidebar,
#side-menu {
  border-color: rgba(255, 209, 0, 0.28) !important;
}
/* Ajuste Codex: quitar borde completo del panel del titulo */
.panel-titulo-empresa,
.panel-titulo-empresa.panel-default {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

.panel-titulo-empresa > .titulo-empresa,
.panel-titulo-empresa > .panel-heading.titulo-empresa {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
/* Ajuste Codex: resultados y menu activo */
.sidebar ul li a.active,
.sidebar .active > a,
.sidebar .active > a:hover,
.sidebar .active > a:focus,
#side-menu li.active > a,
#side-menu a.active {
  background: linear-gradient(90deg, rgba(255, 209, 0, 0.22), rgba(213, 0, 28, 0.18)) !important;
  color: #ffffff !important;
  border-left: 3px solid var(--pirelli-yellow) !important;
  border-bottom-color: rgba(255, 209, 0, 0.45) !important;
  font-weight: 400 !important;
}

#side-menu li.active > a .fa,
#side-menu a.active .fa {
  color: var(--pirelli-yellow) !important;
}

#page-wrapper .panel-default {
  background: #181818 !important;
  border: 1px solid rgba(255, 209, 0, 0.32) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #e7e7e7;
}

#page-wrapper .panel-default > .panel-heading {
  background: linear-gradient(180deg, #252525 0%, #171717 100%) !important;
  border-color: rgba(255, 209, 0, 0.28) !important;
  color: #e7e7e7 !important;
  border-radius: 4px 4px 0 0 !important;
}

#page-wrapper .panel-default .panel-body {
  background: #1d1d1d !important;
  color: #e7e7e7;
}

#page-wrapper .panel-group .panel {
  margin-bottom: 14px;
}

#page-wrapper .label-info {
  background: #242424 !important;
  border: 1px solid rgba(255, 209, 0, 0.55);
  color: var(--pirelli-yellow) !important;
  font-weight: 400;
}

#page-wrapper .label-default {
  background: #303030 !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #f2f2f2 !important;
  font-weight: 400;
}

#page-wrapper .label-danger {
  background: var(--pirelli-red) !important;
  border: 1px solid rgba(255, 209, 0, 0.45);
  color: #fff !important;
}

#page-wrapper .bg-info {
  background: #121212 !important;
  border: 1px solid rgba(255, 209, 0, 0.3);
  border-radius: 4px;
  color: #e7e7e7;
  padding: 9px 12px;
}

#page-wrapper .form-control {
  background: #f7f7f2;
  border: 1px solid rgba(255, 209, 0, 0.5);
  border-radius: 4px;
  box-shadow: none;
  color: #151515;
}

#page-wrapper .form-control:focus {
  border-color: var(--pirelli-yellow);
  box-shadow: 0 0 0 2px rgba(255, 209, 0, 0.18);
}

#page-wrapper .pagination > li > a,
#page-wrapper .pagination > li > span {
  background: #171717;
  border-color: rgba(255, 209, 0, 0.35);
  color: var(--pirelli-yellow);
}

#page-wrapper .pagination > .active > a,
#page-wrapper .pagination > .active > span,
#page-wrapper .pagination > li > a:hover {
  background: var(--pirelli-yellow);
  border-color: var(--pirelli-yellow);
  color: #111;
}

#page-wrapper .thumbnail.cuadro_articulos {
  margin-bottom: 28px;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-info,
#page-wrapper .thumbnail.cuadro_articulos .btn-default {
  border-radius: 4px;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-default {
  background: #1b1b1b !important;
  border-color: var(--pirelli-yellow-soft) !important;
  color: var(--pirelli-yellow) !important;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-default:hover,
#page-wrapper .thumbnail.cuadro_articulos .btn-default:focus {
  background: var(--pirelli-yellow) !important;
  color: #111 !important;
}
/* Ajuste Codex: blindaje contra fondo blanco en foco/abierto del menu */
.sidebar .nav > li > a:focus,
.sidebar .nav > li > a:active,
.sidebar .nav .open > a,
.sidebar .nav .open > a:hover,
.sidebar .nav .open > a:focus,
.nav > li > a:focus,
.nav > li > a:active {
  background-color: #050505 !important;
  color: var(--pirelli-yellow) !important;
}

.sidebar .nav-second-level > li > a:focus,
.sidebar .nav-second-level > li > a:active {
  background-color: #101010 !important;
  color: #ffffff !important;
  border-left: 3px solid var(--pirelli-yellow) !important;
}
/* Ajuste Codex: filtro desplegado en resultados */
#collapse1.panel-collapse,
#collapse1 .panel-body,
#collapse1 .panel-footer {
  background: #151515 !important;
  color: #eeeeee !important;
}

#collapse1 .panel-body {
  border-top: 1px solid rgba(255, 209, 0, 0.28) !important;
  padding: 16px 18px 18px;
}

#collapse1 .panel-footer {
  border-top: 1px solid rgba(255, 209, 0, 0.28) !important;
  border-radius: 0 0 4px 4px !important;
  padding: 12px 18px;
}

#collapse1 .bg-info {
  background: #202020 !important;
  border: 1px solid rgba(255, 209, 0, 0.36) !important;
  color: #f2f2f2 !important;
  margin-bottom: 14px;
}

#collapse1 .form-control {
  background: #0f0f0f !important;
  border: 1px solid rgba(255, 209, 0, 0.45) !important;
  color: #ffffff !important;
  height: 36px;
}

#collapse1 .form-control::placeholder {
  color: #b9b9b9;
  opacity: 1;
}

#collapse1 .form-control:focus {
  background: #111111 !important;
  border-color: var(--pirelli-yellow) !important;
  box-shadow: 0 0 0 2px rgba(255, 209, 0, 0.18) !important;
  color: #ffffff !important;
}

#collapse1 .btn-primary.btn-xs {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow-soft) !important;
  color: #111111 !important;
  padding: 5px 12px;
}

#collapse1 .btn-primary.btn-xs:hover,
#collapse1 .btn-primary.btn-xs:focus {
  background: var(--pirelli-red) !important;
  border-color: var(--pirelli-red) !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  #collapse1 .col-xs-6 {
    margin-bottom: 10px;
  }
}
/* Ajuste Codex: tarjetas de articulos en resultados */
#page-wrapper .thumbnail.cuadro_articulos {
  background: linear-gradient(180deg, #f7f7f2 0%, #ecece6 100%) !important;
  border: 1px solid rgba(255, 209, 0, 0.72) !important;
  border-top: 3px solid var(--pirelli-yellow) !important;
  border-radius: 6px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42) !important;
  padding: 0 !important;
  overflow: hidden;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child {
  background: linear-gradient(180deg, #ffffff 0%, #f1f1eb 100%);
  border-bottom: 1px solid rgba(255, 209, 0, 0.45);
  padding: 12px 10px 9px;
}

#page-wrapper .thumbnail.cuadro_articulos h4,
#page-wrapper .thumbnail.cuadro_articulos h5 {
  margin: 0;
}

#page-wrapper .thumbnail.cuadro_articulos h4 p {
  color: #111111 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 3px;
  text-transform: uppercase;
}

#page-wrapper .thumbnail.cuadro_articulos h5 p {
  color: #4b4b4b !important;
  font-size: 13px;
  margin: 0;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen {
  background:
    linear-gradient(90deg, rgba(255, 209, 0, 0.18), rgba(255,255,255,0), rgba(255, 209, 0, 0.18)),
    #fbfbf8 !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.14) !important;
  min-height: 205px;
  padding: 8px 10px;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen img.resplandorarticulos {
  background: #ffffff;
  border: 1px solid rgba(255, 209, 0, 0.58) !important;
  border-radius: 3px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
  max-width: 100%;
}

#page-wrapper .thumbnail.cuadro_articulos > div:nth-child(3) {
  background: #181818;
  border-bottom: 1px solid rgba(255, 209, 0, 0.38);
  padding: 10px 8px 9px;
}

#page-wrapper .thumbnail.cuadro_articulos > div:nth-child(3) h4 {
  margin: 0;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-info.btn-sm {
  background: var(--pirelli-red) !important;
  border: 1px solid var(--pirelli-red) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 600;
  min-width: 96px;
  padding: 6px 14px;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-info.btn-sm:hover,
#page-wrapper .thumbnail.cuadro_articulos .btn-info.btn-sm:focus {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow) !important;
  color: #111111 !important;
}

#page-wrapper .thumbnail.cuadro_articulos > .row {
  background: #202020;
  border-top: 0 !important;
  margin: 0 !important;
  padding: 10px 10px 8px !important;
}

#page-wrapper .thumbnail.cuadro_articulos > .row + .row {
  background: #171717;
  border-top: 1px solid rgba(255, 209, 0, 0.22) !important;
  min-height: 10px;
  padding: 6px 10px !important;
}

#page-wrapper .thumbnail.cuadro_articulos img[src*='recomendar'] {
  filter: grayscale(100%) brightness(1.35);
  opacity: 0.9;
}

#page-wrapper .thumbnail.cuadro_articulos img[src*='recomendar']:hover {
  filter: none;
  opacity: 1;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group {
  margin-bottom: 0;
}

#page-wrapper .thumbnail.cuadro_articulos input.form-control[name='cantidad'] {
  background: #f7f7f2 !important;
  border-color: rgba(255, 209, 0, 0.65) !important;
  color: #111111 !important;
  height: 32px;
  text-align: center;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn {
  height: 32px;
  padding: 5px 10px;
}

#page-wrapper .thumbnail.cuadro_articulos:hover {
  border-color: var(--pirelli-yellow) !important;
  box-shadow: 0 0 0 1px rgba(255, 209, 0, 0.28), 0 18px 36px rgba(0, 0, 0, 0.54) !important;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  #page-wrapper .thumbnail.cuadro_articulos h4 p {
    font-size: 14px;
  }

  #page-wrapper .thumbnail.cuadro_articulos .centrar-imagen {
    min-height: 190px;
  }
}
/* Ajuste Codex: entorno de imagen sin tonos rosados */
#page-wrapper .thumbnail.cuadro_articulos {
  background: linear-gradient(180deg, #f3f3ee 0%, #d9d9d2 100%) !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child {
  background: linear-gradient(180deg, #f6f6f1 0%, #e6e6df 100%) !important;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen {
  background:
    linear-gradient(180deg, #242424 0%, #171717 100%) !important;
  border-top: 1px solid rgba(255, 209, 0, 0.36) !important;
  border-bottom: 1px solid rgba(255, 209, 0, 0.36) !important;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen a {
  background: #f8f8f4;
  border: 1px solid rgba(255, 209, 0, 0.5);
  border-radius: 3px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36);
  display: inline-block;
  padding: 0;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen img.resplandorarticulos {
  border: 0 !important;
  box-shadow: none !important;
  display: block;
}

#page-wrapper .thumbnail.cuadro_articulos > div:nth-child(3) {
  background: linear-gradient(180deg, #1c1c1c 0%, #111111 100%) !important;
}
/* Ajuste Codex: cabecera sutil para descripcion/codigo de articulo */
#page-wrapper .thumbnail.cuadro_articulos > div:first-child {
  background:
    linear-gradient(180deg, #eeeeea 0%, #ddddd6 100%) !important;
  border-bottom: 1px solid rgba(255, 209, 0, 0.62) !important;
  box-shadow: inset 0 -1px 0 rgba(17, 17, 17, 0.08);
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child h4 p {
  color: #161616 !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child h5 p {
  color: #3f3f3f !important;
}
/* Ajuste Codex: tarjetas menos recuadradas y mas premium */
#page-wrapper .thumbnail.cuadro_articulos {
  background: linear-gradient(180deg, #f4f4ef 0%, #e8e8e0 100%) !important;
  border: 1px solid rgba(255, 209, 0, 0.42) !important;
  border-top: 2px solid rgba(255, 209, 0, 0.88) !important;
  border-radius: 7px !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child {
  background: linear-gradient(180deg, #f7f7f3 0%, #ededE7 100%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 14px 12px 10px !important;
  position: relative;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child:after {
  background: linear-gradient(90deg, transparent, rgba(255, 209, 0, 0.55), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  left: 18%;
  position: absolute;
  right: 18%;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen {
  background: radial-gradient(circle at center, #2e2e2e 0%, #191919 58%, #121212 100%) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  min-height: 210px;
  padding: 12px 12px 10px !important;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen a {
  background: #fafaf6;
  border: 1px solid rgba(255, 209, 0, 0.34);
  border-radius: 4px;
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.36);
  overflow: hidden;
}

#page-wrapper .thumbnail.cuadro_articulos > div:nth-child(3) {
  background: linear-gradient(180deg, #181818 0%, #131313 100%) !important;
  border-bottom: 0 !important;
  padding: 10px 8px 11px !important;
}

#page-wrapper .thumbnail.cuadro_articulos > .row {
  background: linear-gradient(180deg, #181818 0%, #111111 100%) !important;
  border-top: 0 !important;
  margin: 0 !important;
  padding: 9px 10px 8px !important;
}

#page-wrapper .thumbnail.cuadro_articulos > .row + .row {
  background: #111111 !important;
  border-top: 0 !important;
  min-height: 8px;
  padding: 4px 10px 8px !important;
}

#page-wrapper .thumbnail.cuadro_articulos .btn-info.btn-sm {
  box-shadow: 0 6px 16px rgba(213, 0, 28, 0.22);
}

#page-wrapper .thumbnail.cuadro_articulos input.form-control[name='cantidad'] {
  border-color: rgba(255, 209, 0, 0.42) !important;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn {
  border-color: rgba(255, 209, 0, 0.55) !important;
}
/* Ajuste Codex: icono recomendar original e input cantidad integrado */
#page-wrapper .thumbnail.cuadro_articulos img[src*='recomendar'] {
  filter: none !important;
  opacity: 1 !important;
}

#page-wrapper .thumbnail.cuadro_articulos .form-group.input-group {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28);
}

#page-wrapper .thumbnail.cuadro_articulos input.form-control[name='cantidad'] {
  background: #151515 !important;
  border: 1px solid rgba(255, 209, 0, 0.72) !important;
  color: var(--pirelli-yellow) !important;
  font-weight: 600;
  height: 32px;
  text-align: center;
}

#page-wrapper .thumbnail.cuadro_articulos input.form-control[name='cantidad']:focus {
  background: #0d0d0d !important;
  border-color: var(--pirelli-yellow) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 209, 0, 0.22) !important;
  color: #ffffff !important;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn-default {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow) !important;
  color: #111111 !important;
  height: 32px;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn-default:hover,
#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn-default:focus {
  background: var(--pirelli-red) !important;
  border-color: var(--pirelli-red) !important;
  color: #ffffff !important;
}
/* Ajuste Codex: cabecera de articulo oscura/invertida */
#page-wrapper .thumbnail.cuadro_articulos > div:first-child {
  background: linear-gradient(180deg, #242424 0%, #151515 100%) !important;
  color: #ffffff !important;
  padding: 14px 12px 11px !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child:after {
  background: linear-gradient(90deg, transparent, rgba(255, 209, 0, 0.7), transparent) !important;
  left: 20%;
  right: 20%;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child h4 p {
  color: #ffffff !important;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child h5 p {
  color: #cfcfcf !important;
  font-weight: 400;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child h5 p:before {
  color: var(--pirelli-yellow);
}
/* Ajuste Codex: formularios e ingreso de datos estilo Pirelli */
#page-wrapper form .panel,
#page-wrapper .panel.panel-primary,
#page-wrapper .panel.panel-success,
#page-wrapper .panel.panel-info,
#page-wrapper .panel.panel-warning {
  background: linear-gradient(180deg, #1f1f1f 0%, #151515 100%) !important;
  border: 1px solid rgba(255, 209, 0, 0.42) !important;
  border-top: 2px solid rgba(255, 209, 0, 0.88) !important;
  border-radius: 7px !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42) !important;
  color: #eeeeee !important;
  overflow: hidden;
}

#page-wrapper form .panel-heading,
#page-wrapper .panel-primary > .panel-heading,
#page-wrapper .panel-success > .panel-heading,
#page-wrapper .panel-info > .panel-heading,
#page-wrapper .panel-warning > .panel-heading {
  background: linear-gradient(180deg, #282828 0%, #181818 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 209, 0, 0.32) !important;
  color: var(--pirelli-yellow) !important;
  padding: 13px 16px !important;
}

#page-wrapper form .panel-title,
#page-wrapper form .panel-heading h1,
#page-wrapper form .panel-heading h2,
#page-wrapper form .panel-heading h3,
#page-wrapper form .panel-heading h4 {
  color: var(--pirelli-yellow) !important;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

#page-wrapper form .panel-body {
  background: #181818 !important;
  color: #eeeeee !important;
  padding: 18px 16px !important;
}

#page-wrapper form .panel-footer {
  background: linear-gradient(180deg, #151515 0%, #101010 100%) !important;
  border-top: 1px solid rgba(255, 209, 0, 0.28) !important;
  padding: 12px 16px !important;
}

#page-wrapper form label,
#page-wrapper form .control-label,
#page-wrapper form .help-block {
  color: #e8e8e8 !important;
  font-weight: 400;
}

#page-wrapper form .input-group-addon {
  background: #101010 !important;
  border: 1px solid rgba(255, 209, 0, 0.58) !important;
  color: var(--pirelli-yellow) !important;
  min-width: 42px;
}

#page-wrapper form input.form-control,
#page-wrapper form select.form-control,
#page-wrapper form textarea.form-control {
  background: #0f0f0f !important;
  border: 1px solid rgba(255, 209, 0, 0.58) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.55) !important;
}

#page-wrapper form input.form-control::placeholder,
#page-wrapper form textarea.form-control::placeholder {
  color: #b8b8b8 !important;
  opacity: 1;
}

#page-wrapper form input.form-control:focus,
#page-wrapper form select.form-control:focus,
#page-wrapper form textarea.form-control:focus {
  background: #111111 !important;
  border-color: var(--pirelli-yellow) !important;
  box-shadow: 0 0 0 2px rgba(255, 209, 0, 0.18), inset 0 1px 2px rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
}

#page-wrapper form textarea.form-control {
  min-height: 110px;
  resize: vertical;
}

#page-wrapper form .checkbox,
#page-wrapper form .radio,
#page-wrapper form .checkbox label,
#page-wrapper form .radio label {
  color: #eeeeee !important;
}

#page-wrapper form input[type='checkbox'],
#page-wrapper form input[type='radio'] {
  accent-color: var(--pirelli-yellow);
}

#page-wrapper form .btn-success,
#page-wrapper form .btn-primary,
#page-wrapper form input[type='submit'].btn-success,
#page-wrapper form input[type='submit'].btn-primary {
  background: var(--pirelli-yellow) !important;
  border: 1px solid var(--pirelli-yellow-soft) !important;
  color: #111111 !important;
  font-weight: 600;
}

#page-wrapper form .btn-success:hover,
#page-wrapper form .btn-primary:hover,
#page-wrapper form input[type='submit'].btn-success:hover,
#page-wrapper form input[type='submit'].btn-primary:hover,
#page-wrapper form .btn-success:focus,
#page-wrapper form .btn-primary:focus {
  background: var(--pirelli-red) !important;
  border-color: var(--pirelli-red) !important;
  color: #ffffff !important;
}

#page-wrapper form .btn-default {
  background: #1a1a1a !important;
  border-color: rgba(255, 209, 0, 0.5) !important;
  color: var(--pirelli-yellow) !important;
}

#page-wrapper form .btn-default:hover,
#page-wrapper form .btn-default:focus {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow) !important;
  color: #111111 !important;
}

#page-wrapper form .btn-danger,
#page-wrapper form input[type='submit'].btn-danger {
  background: var(--pirelli-red) !important;
  border-color: var(--pirelli-red) !important;
  color: #ffffff !important;
}

#page-wrapper form .alert,
#page-wrapper .alert {
  background: #181818 !important;
  border: 1px solid rgba(255, 209, 0, 0.38) !important;
  color: #eeeeee !important;
  border-radius: 5px;
}

#page-wrapper .text-muted {
  color: #bdbdbd !important;
}

#page-wrapper .text-muted strong,
#page-wrapper form strong {
  color: #ffffff;
}

#page-wrapper h5 a,
#page-wrapper p a {
  color: var(--pirelli-yellow) !important;
  font-weight: 600;
}

#page-wrapper h5 a:hover,
#page-wrapper p a:hover {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  #page-wrapper form .panel,
  #page-wrapper .panel.panel-primary,
  #page-wrapper .panel.panel-success,
  #page-wrapper .panel.panel-info,
  #page-wrapper .panel.panel-warning {
    margin-top: 18px !important;
  }
}
/* Ajuste Codex: recuadros informativos en paginas con formularios */
#page-wrapper .well,
#page-wrapper .bg-warning,
#page-wrapper .bg-danger,
#page-wrapper .bg-success,
#page-wrapper .bg-primary {
  background: linear-gradient(180deg, #222222 0%, #171717 100%) !important;
  border: 1px solid rgba(255, 209, 0, 0.36) !important;
  border-radius: 6px !important;
  color: #dddddd !important;
  box-shadow: none !important;
}

#page-wrapper .well p,
#page-wrapper .well div,
#page-wrapper .well span,
#page-wrapper .bg-warning,
#page-wrapper .bg-warning p,
#page-wrapper .bg-danger,
#page-wrapper .bg-danger p,
#page-wrapper .bg-success,
#page-wrapper .bg-success p,
#page-wrapper .bg-primary,
#page-wrapper .bg-primary p {
  color: #dddddd !important;
}

#page-wrapper .well strong,
#page-wrapper .bg-warning strong,
#page-wrapper .bg-danger strong,
#page-wrapper .bg-success strong,
#page-wrapper .bg-primary strong {
  color: #ffffff !important;
}

#page-wrapper .well a,
#page-wrapper .bg-warning a,
#page-wrapper .bg-danger a,
#page-wrapper .bg-success a,
#page-wrapper .bg-primary a {
  color: var(--pirelli-yellow) !important;
  font-weight: 600;
}

#page-wrapper .text-danger,
#page-wrapper .has-error .help-block,
#page-wrapper .has-error .control-label {
  color: #ff6b76 !important;
}

#page-wrapper .text-success,
#page-wrapper .has-success .help-block,
#page-wrapper .has-success .control-label {
  color: #ffd100 !important;
}
/* Ajuste Codex: tabla de contenidos / indice */
#toc {
  color: #eeeeee;
}

#toc > .row:nth-child(2) .text-muted {
  background: linear-gradient(180deg, #222222 0%, #161616 100%);
  border: 1px solid rgba(255, 209, 0, 0.28);
  border-radius: 6px;
  color: #d7d7d7 !important;
  display: inline-block;
  margin: 0 auto 18px;
  padding: 10px 18px;
}

#ul-lista-toc,
#ul-lista-toc ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#ul-lista-toc {
  background: linear-gradient(180deg, #1d1d1d 0%, #151515 100%);
  border: 1px solid rgba(255, 209, 0, 0.32);
  border-radius: 7px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  margin-bottom: 26px;
  padding: 14px 16px 18px;
}

#ul-lista-toc li {
  border-bottom: 1px solid rgba(255, 209, 0, 0.12);
  color: #dddddd;
  line-height: 1.35;
  padding: 4px 0;
}

#ul-lista-toc > li {
  border-bottom: 1px solid rgba(255, 209, 0, 0.42);
  margin-bottom: 14px;
  padding: 0 0 10px;
}

#ul-lista-toc > li > a {
  background: linear-gradient(90deg, rgba(255, 209, 0, 0.18), rgba(255, 209, 0, 0.03));
  border-left: 3px solid var(--pirelli-yellow);
  border-radius: 4px;
  color: var(--pirelli-yellow) !important;
  display: block;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 8px;
  padding: 8px 12px;
  text-transform: capitalize;
}

#ul-lista-toc > li > ul {
  padding-left: 18px;
}

#ul-lista-toc > li > ul > li {
  border-bottom: 0;
  margin: 8px 0 10px;
  padding: 0;
}

#ul-lista-toc > li > ul > li > a {
  color: #ff5a5f !important;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 0;
  text-transform: capitalize;
}

#ul-lista-toc > li > ul > li > a:before {
  color: var(--pirelli-yellow);
  content: "› ";
  font-weight: 700;
}

#ul-lista-toc > li > ul > li > ul {
  border-left: 1px solid rgba(255, 209, 0, 0.24);
  margin: 4px 0 8px 8px;
  padding-left: 18px;
}

#ul-lista-toc > li > ul > li > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 5px 0;
}

#ul-lista-toc > li > ul > li > ul > li:before {
  color: rgba(255, 209, 0, 0.72);
  content: "•";
  display: inline-block;
  margin-right: 8px;
}

#ul-lista-toc a {
  color: #e7e7e7 !important;
  text-decoration: none !important;
}

#ul-lista-toc a:hover,
#ul-lista-toc a:focus {
  color: var(--pirelli-yellow) !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  #ul-lista-toc {
    padding: 10px 12px 14px;
  }

  #ul-lista-toc > li > a {
    font-size: 17px;
  }

  #ul-lista-toc > li > ul,
  #ul-lista-toc > li > ul > li > ul {
    padding-left: 12px;
  }
}
/* Ajuste Codex: bordes de tarjetas mas finos */
#page-wrapper .thumbnail.cuadro_articulos {
  border: 1px solid rgba(255, 209, 0, 0.26) !important;
  border-top: 1px solid rgba(255, 209, 0, 0.62) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.44) !important;
}

#page-wrapper .thumbnail.cuadro_articulos:hover {
  border-color: rgba(255, 209, 0, 0.52) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.56) !important;
}

#page-wrapper .thumbnail.cuadro_articulos > div:first-child:after {
  background: linear-gradient(90deg, transparent, rgba(255, 209, 0, 0.42), transparent) !important;
  height: 1px;
  left: 28%;
  right: 28%;
}

#page-wrapper .thumbnail.cuadro_articulos .centrar-imagen a {
  border: 1px solid rgba(255, 209, 0, 0.22) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}

#page-wrapper .thumbnail.cuadro_articulos input.form-control[name='cantidad'] {
  border-color: rgba(255, 209, 0, 0.46) !important;
}

#page-wrapper .thumbnail.cuadro_articulos .input-group-btn .btn-default {
  border-color: rgba(255, 209, 0, 0.72) !important;
}
/* Ajuste Codex: ficha de articulo */
#ficha_articulo .label-primary,
#ficha_articulo .label-info,
#ficha_articulo .label-default,
#ficha_articulo .badge {
  background: #171717 !important;
  border: 1px solid rgba(255, 209, 0, 0.5) !important;
  color: var(--pirelli-yellow) !important;
  font-weight: 600;
  text-shadow: none !important;
}

#ficha_articulo .label-danger {
  background: var(--pirelli-red) !important;
  border: 1px solid rgba(255, 209, 0, 0.38) !important;
  color: #ffffff !important;
}

#ficha_articulo .badge {
  border-radius: 12px;
  display: inline-block;
  padding: 4px 8px;
}

#ficha_articulo h1,
#ficha_articulo h2,
#ficha_articulo h3,
#ficha_articulo h4,
#ficha_articulo h5,
#ficha_articulo p,
#ficha_articulo div {
  text-shadow: none !important;
}

#ficha_articulo .text-primary,
#ficha_articulo .color-y-sombras,
#ficha_articulo .color-y-sombras-1 {
  color: #e8e8e8 !important;
  text-shadow: none !important;
}

#ficha_articulo a {
  color: var(--pirelli-yellow) !important;
}

#ficha_articulo img.resplandorarticulos,
#ficha_articulo img.resplandorgaleria {
  border: 1px solid rgba(255, 209, 0, 0.28) !important;
  border-radius: 5px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42) !important;
}

#ficha_articulo .panel,
#ficha_articulo .panel-default,
#ficha_articulo .well {
  background: linear-gradient(180deg, #1f1f1f 0%, #151515 100%) !important;
  border: 1px solid rgba(255, 209, 0, 0.32) !important;
  border-radius: 6px !important;
  color: #eeeeee !important;
}

#ficha_articulo .btn-info,
#ficha_articulo .btn-primary {
  background: var(--pirelli-yellow) !important;
  border-color: var(--pirelli-yellow-soft) !important;
  color: #111111 !important;
}

#ficha_articulo .btn-info:hover,
#ficha_articulo .btn-primary:hover,
#ficha_articulo .btn-info:focus,
#ficha_articulo .btn-primary:focus {
  background: var(--pirelli-red) !important;
  border-color: var(--pirelli-red) !important;
  color: #ffffff !important;
}
/* Ajuste Codex: anular labels Bootstrap azules dentro del area central */
#page-wrapper span.label.label-primary,
#page-wrapper span.label.label-info,
#page-wrapper span.label.label-default,
#page-wrapper .label-primary,
#page-wrapper .label-info,
#page-wrapper .label-default {
  background-color: #171717 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 209, 0, 0.5) !important;
  color: var(--pirelli-yellow) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

#page-wrapper .text-info {
  color: #d8d8d8 !important;
}

#page-wrapper .text-info span.label,
#page-wrapper p.text-info span.label {
  display: inline-block;
  margin-right: 4px;
  padding: 5px 7px;
}

#page-wrapper .text-info .badge,
#page-wrapper p.text-info .badge {
  background-color: #242424 !important;
  border: 1px solid rgba(255, 209, 0, 0.55) !important;
  color: var(--pirelli-yellow) !important;
}