/* ==========================================================================
   FeriaTecno - Modern Minimalist Override
   Paleta: #FF6B35 (naranja), #2D2D2D (gris oscuro), #F7F7F7 (gris claro), #fff
   ========================================================================== */

/* ==========================================================================
   0. VARIABLES & RESET GENERAL
   ========================================================================== */
* {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ==========================================================================
   1. BREADCRUMB (.breadcrumb.clearfix)
   Sin flechas triangulares - separador limpio
   ========================================================================== */
.breadcrumb {
  border: none !important;
  background: transparent !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.breadcrumb a {
  background: none !important;
  color: #999 !important;
  padding: 0 6px !important;
  margin: 0 !important;
  position: static !important;
  z-index: auto !important;
}

.breadcrumb a:hover {
  color: #FF6B35 !important;
}

.breadcrumb a.home {
  font-size: 14px !important;
  color: #999 !important;
  width: auto !important;
  text-align: left !important;
  padding: 0 8px 0 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  z-index: auto !important;
  height: auto !important;
  line-height: 32px !important;
}

.breadcrumb a.home:hover {
  color: #FF6B35 !important;
}

.breadcrumb a.home i {
  vertical-align: middle !important;
}

/* Quitar flechas triangulares before/after */
.breadcrumb a:after,
.breadcrumb a:before {
  display: none !important;
}

.breadcrumb .navigation-pipe {
  width: auto !important;
  text-indent: 0 !important;
  color: #ccc !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  display: inline !important;
}

/* ==========================================================================
   2. BLOCK TITLES (.block .title_block, .block h4)
   Border-left naranja en lugar de border-top pesada
   ========================================================================== */
.block .title_block,
.block h4 {
  background: transparent !important;
  border-top: none !important;
  border-left: 3px solid #FF6B35 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  color: #2D2D2D !important;
  text-transform: uppercase !important;
  padding: 8px 5px 8px 12px !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.3px;
}

.block .title_block a,
.block h4 a {
  color: #2D2D2D !important;
}

.block .title_block a:hover,
.block h4 a:hover {
  color: #FF6B35 !important;
}

/* Mobile: quitar icono toggle viejo, usar naranja */
@media (max-width: 767px) {
  .block .title_block:after,
  .block h4:after {
    color: #FF6B35 !important;
    font-size: 20px !important;
    top: 8px !important;
    right: 5px !important;
  }
}

/* ==========================================================================
   3. CATEGORIES BLOCK LEFT
   Sin borders pesados, hover sutil naranja
   ========================================================================== */
#categories_block_left .block_content > ul {
  border-top: none !important;
}

#categories_block_left li a {
  font-weight: 500 !important;
  color: #555 !important;
  border-bottom: none !important;
  line-height: 36px !important;
  padding: 0 15px 0 15px !important;
  border-left: 2px solid transparent !important;
}

#categories_block_left li a:hover,
#categories_block_left li a.selected {
  background: #FFF3ED !important;
  color: #FF6B35 !important;
  border-left: 2px solid #FF6B35 !important;
}

#categories_block_left li span.grower {
  background: transparent !important;
}

#categories_block_left li span.grower.OPEN:before,
#categories_block_left li span.grower.CLOSE:before {
  color: #FF6B35 !important;
}

#categories_block_left li span.grower.CLOSE:before {
  color: #bbb !important;
}

#categories_block_left li li a {
  font-weight: 400 !important;
  color: #888 !important;
  font-size: 12px !important;
}

#categories_block_left li li a:hover {
  color: #FF6B35 !important;
}

#categories_block_left li li a:before {
  color: #ddd !important;
}

/* ==========================================================================
   4. BUY BLOCK (Pagina de producto) - Rediseño completo moderno
   ========================================================================== */

/* --- Contenedor principal --- */
.box-info-product {
  background: #fff !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
}

.box-info-product p {
  margin-bottom: 8px !important;
}

/* --- Sombra interior vieja en product_attributes y box-cart-bottom --- */
.product_attributes,
.box-cart-bottom {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 15px 20px !important;
}

/* --- Precios --- */
.content_prices {
  padding: 20px 20px 18px !important;
  border-bottom: 1px solid #F0F0F0 !important;
  background: #FAFAFA !important;
}

.our_price_display {
  margin-bottom: 4px !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

/* Precio principal */
#our_price_display.price,
.content_prices .price {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #2D2D2D !important;
  line-height: 1.3 !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* Texto "IVA incl." al lado del precio */
.our_price_display .tax-label {
  font-size: 13px !important;
  color: #999 !important;
  font-weight: 400 !important;
  vertical-align: baseline !important;
}

/* Precio anterior (tachado) */
#old_price,
#old_price .price,
#old_price_display {
  color: #999 !important;
  font-size: 16px !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Descuento porcentual (-XX%) */
#reduction_percent:empty,
#reduction_percent_display:empty,
#reduction_percent[style*="display:none"] {
  display: none !important;
}

#reduction_percent:not(:empty):not([style*="display:none"]),
#reduction_percent_display:not(:empty) {
  display: inline-block !important;
  background: #FF6B35 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

/* Descuento por monto */
#reduction_amount,
#reduction_amount_display {
  color: #FF6B35 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Precio especial */
.price.special-price,
.price-percent-reduction {
  color: #FF6B35 !important;
  font-weight: 700 !important;
}

/* Precio eco-tasa */
.price-ecotax {
  font-size: 12px !important;
  color: #999 !important;
  font-weight: 400 !important;
}

/* Precio unitario */
.unit-price {
  font-size: 13px !important;
  color: #888 !important;
  font-weight: 400 !important;
  border-top: 1px solid #F0F0F0 !important;
  padding-top: 10px !important;
  margin-top: 8px !important;
}

#unit_price_display {
  color: #555 !important;
  font-weight: 600 !important;
}

/* Pack price */
.pack_price {
  font-size: 13px !important;
  color: #888 !important;
}

/* --- Atributos / Cantidad --- */
.product_attributes {
  background: #fff !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid #F0F0F0 !important;
}

/* Labels de atributos */
.attribute_label {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #2D2D2D !important;
  margin-bottom: 6px !important;
  display: block !important;
  text-transform: none !important;
}

.attribute_fieldset {
  border: none !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #F5F5F5 !important;
}

.attribute_fieldset:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Select de atributos */
.attribute_select {
  border: 1px solid #E0E0E0 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: #333 !important;
  background: #fff !important;
  max-width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M5 6L0 0h10z' fill='%23999'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 32px !important;
  cursor: pointer;
}

.attribute_select:focus {
  border-color: #FF6B35 !important;
  box-shadow: 0 0 0 2px rgba(255,107,53,0.12) !important;
  outline: none !important;
}

/* Color picker */
#color_to_pick_list li {
  border: 2px solid #E8E8E8 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  padding: 1px !important;
  margin: 0 4px 4px 0 !important;
  overflow: hidden !important;
}

#color_to_pick_list li:hover {
  border-color: #bbb !important;
}

#color_to_pick_list li.selected {
  border-color: #FF6B35 !important;
  box-shadow: 0 0 0 2px rgba(255,107,53,0.2) !important;
}

#color_to_pick_list li a.color_pick {
  border-radius: 50% !important;
}

/* Radio attributes */
.attribute_list ul li {
  margin-right: 12px !important;
}

.attribute_list ul li input.attribute_radio {
  margin-top: 2px !important;
  accent-color: #FF6B35 !important;
}

.attribute_list ul li span {
  font-size: 13px !important;
  color: #555 !important;
}

/* --- Cantidad --- */
#quantity_wanted_p {
  margin-bottom: 0 !important;
}

#quantity_wanted_p label {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #2D2D2D !important;
  text-transform: none !important;
  width: auto !important;
  text-align: left !important;
  margin-bottom: 10px !important;
  display: block !important;
}

/* Flex wrapper para +/-/input en una sola linea */
.qty-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
}

#quantity_wanted {
  border: 1px solid #E0E0E0 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2D2D !important;
  width: 60px !important;
  text-align: center !important;
  font-family: 'Open Sans', sans-serif !important;
  -moz-appearance: textfield !important;
  outline: none !important;
  margin: 0 !important;
  height: 40px !important;
}

#quantity_wanted::-webkit-inner-spin-button,
#quantity_wanted::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#quantity_wanted:focus {
  border-color: #E0E0E0 !important;
  box-shadow: none !important;
}

/* Botones +/- cantidad */
.qty-wrapper .button-minus,
.qty-wrapper .button-plus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F5F5F5 !important;
  border: 1px solid #E0E0E0 !important;
  color: #555 !important;
  font-size: 16px !important;
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.qty-wrapper .button-minus {
  border-radius: 6px 0 0 6px !important;
  margin-right: 0 !important;
}

.qty-wrapper .button-plus {
  border-radius: 0 6px 6px 0 !important;
  margin-left: 0 !important;
}

.qty-wrapper .button-minus span,
.qty-wrapper .button-plus span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #555 !important;
  font-size: 16px !important;
}

.qty-wrapper .button-minus:hover,
.qty-wrapper .button-plus:hover {
  background: #FF6B35 !important;
  border-color: #FF6B35 !important;
  color: #fff !important;
}

.qty-wrapper .button-minus:hover span,
.qty-wrapper .button-plus:hover span {
  color: #fff !important;
}

/* Enfocar input resalta todo el grupo */
.qty-wrapper:focus-within .button-minus,
.qty-wrapper:focus-within .button-plus {
  border-color: #FF6B35 !important;
}

/* Minimal quantity */
#minimal_quantity_wanted_p {
  font-size: 12px !important;
  color: #999 !important;
  padding-top: 8px !important;
  font-style: italic;
}

/* --- Boton Agregar al Carrito (principal) --- */
.box-cart-bottom {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.buttons_bottom_block {
  margin: 0 !important;
  padding: 0 !important;
}

#add_to_cart .exclusive,
.box-info-product .exclusive,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive {
  display: block !important;
  width: 100% !important;
  background: #FF6B35 !important;
  border: none !important;
  border-radius: 8px !important;
  text-shadow: none !important;
  box-shadow: 0 3px 12px rgba(255,107,53,0.35) !important;
  background-image: none !important;
  filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer;
}

#add_to_cart .exclusive:hover,
.box-info-product .exclusive:hover,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:hover {
  background: #FF8C5A !important;
  box-shadow: 0 5px 20px rgba(255,107,53,0.45) !important;
  background-image: none !important;
  filter: none !important;
  transform: translateY(-1px);
}

/* OCULTAR pseudo-elemento icono lateral (causa el texto apretado) */
.box-info-product .exclusive:before,
#add_to_cart .exclusive:before,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:before {
  display: none !important;
  content: none !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Quitar borde lateral viejo */
.box-info-product .exclusive:after,
#add_to_cart .exclusive:after,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:after {
  display: none !important;
  background: none !important;
  width: 0 !important;
  content: none !important;
}

#add_to_cart .exclusive span,
.box-info-product .exclusive span,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
  display: block !important;
  width: 100% !important;
  padding: 16px 20px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #fff !important;
  text-shadow: none !important;
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  text-align: center !important;
  border-radius: 0 !important;
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing: 0.3px;
  line-height: 22px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #add_to_cart .exclusive span,
  .box-info-product .exclusive span,
  #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
    padding: 18px 24px !important;
    font-size: 16px !important;
  }
}

/* Estado added */
#add_to_cart .exclusive.added,
.box-info-product .exclusive.added {
  background: #4CAF50 !important;
  box-shadow: 0 2px 8px rgba(76,175,80,0.3) !important;
  background-image: none !important;
  filter: none !important;
}

/* Estado disabled */
#add_to_cart .exclusive.disabled,
.box-info-product .exclusive.disabled {
  background: #ccc !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  background-image: none !important;
  filter: none !important;
}

/* --- PB Right Column general --- */
.pb-right-column {
  padding-top: 0 !important;
}

.pb-right-column .product-heading-h5 {
  color: #999 !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  margin: 0 0 12px 0 !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* --- Logo de pago (WebPay) --- */
#product_payment_logos {
  margin-top: 20px !important;
  padding: 0 !important;
}

#product_payment_logos .box-security {
  border: none !important;
  padding: 15px 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

#product_payment_logos .box-security h5.product-heading-h5 {
  display: none !important;
}

#product_payment_logos img.img-responsive {
  display: inline-block !important;
  max-width: 180px !important;
  height: auto !important;
  margin: 0 auto !important;
}

#product_payment_logos img {
  display: inline-block !important;
  max-width: 180px !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* ==========================================================================
   5. BLOCK MY ACCOUNT COLUMN
   Links con hover naranja
   ========================================================================== */
.myaccount-column .list-block li {
  border-top: 1px solid #F0F0F0 !important;
}

.myaccount-column .list-block li a {
  color: #555 !important;
  padding: 10px 0 10px 20px !important;
}

.myaccount-column .list-block li a:hover {
  color: #FF6B35 !important;
  background: transparent !important;
}

.myaccount-column .list-block li a:before {
  color: #FF6B35 !important;
}

.myaccount-column .logout button.exclusive {
  background: transparent !important;
  border: 1px solid #FF6B35 !important;
  color: #FF6B35 !important;
  font-size: 13px !important;
}

.myaccount-column .logout button.exclusive:hover {
  background: #FF6B35 !important;
  color: #fff !important;
}

/* ==========================================================================
   6. VIEWED PRODUCTS BLOCK LEFT
   Items limpios sin bordes pesados
   ========================================================================== */
#viewed-products_block_left .products-block li {
  border-bottom: 1px solid #F0F0F0 !important;
  padding: 12px 0 !important;
  margin-bottom: 0 !important;
}

#viewed-products_block_left .products-block-image {
  border: none !important;
  border-radius: 4px !important;
  overflow: hidden;
}

#viewed-products_block_left .product-content a {
  color: #555 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

#viewed-products_block_left .product-content a:hover {
  color: #FF6B35 !important;
}

#viewed-products_block_left .last_item {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* ==========================================================================
   7. INFORMATIONS BLOCK LEFT (block CMS)
   Lista limpia sin bullets pesados
   ========================================================================== */
.informations_block_left {
  margin-bottom: 30px;
}

.informations_block_left ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.informations_block_left ul li {
  border-top: 1px solid #F0F0F0 !important;
  padding: 0 !important;
}

.informations_block_left ul li a,
.informations_block_left .list-block li a {
  color: #555 !important;
  padding: 10px 0 10px 20px !important;
  display: block;
  font-size: 13px;
}

.informations_block_left ul li a:hover,
.informations_block_left .list-block li a:hover {
  color: #FF6B35 !important;
  background: transparent !important;
}

.informations_block_left .bullet,
.informations_block_left .list-block li a:before {
  color: #FF6B35 !important;
}

/* ==========================================================================
   8. NEW PRODUCTS BLOCK RIGHT
   Hover sutil, precio naranja
   ========================================================================== */
#new-products_block_right .products-block li {
  border-bottom: 1px solid #F0F0F0 !important;
  padding: 12px 0 !important;
  margin-bottom: 0 !important;
}

#new-products_block_right .products-block-image {
  border: none !important;
  border-radius: 4px !important;
  overflow: hidden;
}

#new-products_block_right .product-content a {
  color: #555 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

#new-products_block_right .product-content a:hover {
  color: #FF6B35 !important;
}

#new-products_block_right .price {
  color: #FF6B35 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   9. TAGS BLOCK LEFT
   Tags estilo pill redondeados
   ========================================================================== */
.tags_block .block_content a {
  border: none !important;
  background: #F7F7F7 !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #555 !important;
  margin: 0 4px 6px 0 !important;
  display: inline-block !important;
  float: none !important;
}

.tags_block .block_content a:hover {
  background: #FF6B35 !important;
  color: #fff !important;
}

/* ==========================================================================
   10. PAGE PRODUCT BOX
   Heading con solo border-bottom naranja
   ========================================================================== */
.page-product-box {
  padding-bottom: 5px !important;
}

.page-product-box .page-product-heading {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #FF6B35 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #2D2D2D !important;
  padding: 10px 0 !important;
  margin-bottom: 15px !important;
}

.page-product-box .rte {
  color: #555 !important;
  line-height: 1.7 !important;
}

/* Tabla de ficha tecnica */
.page-product-box .table-data-sheet {
  border: 1px solid #F0F0F0 !important;
}

.page-product-box .table-data-sheet td {
  border-color: #F0F0F0 !important;
  color: #555 !important;
  font-size: 13px !important;
  padding: 10px 15px !important;
}

.page-product-box .table-data-sheet td:first-child {
  font-weight: 600 !important;
  color: #2D2D2D !important;
  background: #F7F7F7 !important;
}

/* Tabla descuentos por volumen */
.page-product-box .table-product-discounts {
  border: 1px solid #F0F0F0 !important;
}

.page-product-box .table-product-discounts th {
  background: #F7F7F7 !important;
  color: #2D2D2D !important;
  font-weight: 600 !important;
  border-color: #F0F0F0 !important;
}

.page-product-box .table-product-discounts td {
  border-color: #F0F0F0 !important;
  color: #555 !important;
}

/* Top hr */
.top-hr {
  background: #F0F0F0 !important;
  height: 1px !important;
  margin: 0 0 20px 0 !important;
}

/* Box general */
.box {
  background: #fff !important;
  border: 1px solid #F0F0F0 !important;
  border-radius: 4px !important;
  padding: 18px !important;
}

/* ==========================================================================
   11. HOME PAGE TABS
   Tabs limpios con border-bottom naranja en active
   ========================================================================== */
#home-page-tabs {
  background: #fff !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #E8E8E8 !important;
}

#home-page-tabs > li {
  border-left: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#home-page-tabs > li:first-child {
  border: none !important;
}

#home-page-tabs > li a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #999 !important;
  text-transform: uppercase !important;
  border: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-bottom: 2px solid transparent !important;
  letter-spacing: 0.3px;
}

#home-page-tabs > li a:hover {
  color: #FF6B35 !important;
  background: transparent !important;
  border-bottom-color: #FF6B35 !important;
}

#home-page-tabs > li.active a {
  color: #FF6B35 !important;
  background: transparent !important;
  border-bottom: 2px solid #FF6B35 !important;
}

/* ==========================================================================
   12. CMS INFO BLOCK
   Iconos naranjas, sin altura fija
   ========================================================================== */
#cmsinfo_block {
  background: #F7F7F7 !important;
  min-height: auto !important;
  height: auto !important;
  padding: 30px 29px !important;
  border-left: none !important;
}

#cmsinfo_block em {
  background: #FF6B35 !important;
  color: #fff !important;
}

#cmsinfo_block h3 {
  color: #2D2D2D !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin: 5px 0 !important;
}

#cmsinfo_block > div + div {
  border-left: 1px solid #E8E8E8 !important;
  min-height: auto !important;
}

#cmsinfo_block ul li {
  padding-bottom: 10px !important;
}

#cmsinfo_block .type-text {
  font-size: 13px !important;
  color: #777 !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   13. ESTILOS GLOBALES ADICIONALES
   ========================================================================== */

/* Links generales */
a {
  transition: color 0.2s ease;
}

/* Block spacing */
.block {
  margin-bottom: 25px !important;
}

/* Block content list bullets naranjas */
.block .list-block li a:before {
  color: #FF6B35 !important;
}

/* Products block items generales */
.block .products-block li {
  border-bottom-color: #F0F0F0 !important;
}

.block .products-block .products-block-image {
  border: none !important;
  border-radius: 4px !important;
  overflow: hidden;
}

/* Paginacion */
.pagination > li > a,
.pagination > li > span {
  border-color: #E8E8E8 !important;
  color: #555 !important;
  border-radius: 4px !important;
  margin: 0 2px !important;
}

.pagination > .active > a,
.pagination > .active > span {
  background: #FF6B35 !important;
  border-color: #FF6B35 !important;
  color: #fff !important;
}

.pagination > li > a:hover {
  color: #FF6B35 !important;
  border-color: #FF6B35 !important;
}

/* RTE content (descripciones) */
.rte {
  color: #555 !important;
  line-height: 1.7 !important;
}

/* ==========================================================================
   14. BOTONES - Modernos y flat
   ========================================================================== */

/* --- Bootstrap .btn base --- */
.btn {
  border-radius: 4px !important;
  font-weight: 500 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

/* --- .btn-default --- */
.btn-default {
  background: #fff !important;
  color: #555 !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px !important;
  padding: 6px 16px !important;
}

.btn-default:hover,
.btn-default:focus {
  background: #F7F7F7 !important;
  color: #2D2D2D !important;
  border-color: #ddd !important;
}

/* --- .btn-primary --- */
.btn-primary {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 20px !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #FF8C5A !important;
  color: #fff !important;
}

/* --- .btn-success --- */
.btn-success {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

.btn-success:hover,
.btn-success:focus {
  background: #FF8C5A !important;
  color: #fff !important;
}

/* --- .btn-danger --- */
.btn-danger {
  background: #e74c3c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #c0392b !important;
  color: #fff !important;
}

/* --- .btn-warning --- */
.btn-warning {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background: #FF8C5A !important;
  color: #fff !important;
}

/* --- .btn-info --- */
.btn-info {
  background: #555 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

.btn-info:hover,
.btn-info:focus {
  background: #2D2D2D !important;
  color: #fff !important;
}

/* --- PrestaShop .button.button-small --- */
.button.button-small {
  background: #555 !important;
  border: none !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 500 !important;
  color: #fff !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

.button.button-small span {
  border: none !important;
  padding: 5px 12px !important;
  display: inline-block !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

.button.button-small:hover {
  background: #2D2D2D !important;
  border: none !important;
  color: #fff !important;
}

.button.button-small:hover span {
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

/* --- PrestaShop .button.button-medium (verde -> naranja) --- */
.button.button-medium {
  background: #FF6B35 !important;
  border: none !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

.button.button-medium span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
  padding: 10px 16px !important;
}

.button.button-medium:hover {
  background: #FF8C5A !important;
  border: none !important;
  color: #fff !important;
}

.button.button-medium:hover span {
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

/* --- PrestaShop .button.button-medium.exclusive --- */
.button.button-medium.exclusive {
  background: #FF6B35 !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

.button.button-medium.exclusive span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

.button.button-medium.exclusive:hover {
  background: #FF8C5A !important;
  border: none !important;
  color: #fff !important;
}

.button.button-medium.exclusive:hover span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

/* --- PrestaShop .button.exclusive-medium --- */
.button.exclusive-medium {
  background: #FF6B35 !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

.button.exclusive-medium span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
  padding: 9px 16px !important;
}

.button.exclusive-medium:hover {
  background: #FF8C5A !important;
  border: none !important;
  color: #fff !important;
}

.button.exclusive-medium:hover span {
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

/* --- PrestaShop .button.ajax_add_to_cart_button --- */
.button.ajax_add_to_cart_button {
  background: #FF6B35 !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  background-image: none !important;
  filter: none !important;
}

.button.ajax_add_to_cart_button span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
  padding: 10px 16px !important;
}

.button.ajax_add_to_cart_button:hover {
  background: #FF8C5A !important;
  border: none !important;
  color: #fff !important;
}

.button.ajax_add_to_cart_button:hover span {
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

/* --- PrestaShop .button.lnk_view --- */
.button.lnk_view {
  background: #fff !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  color: #555 !important;
  font-weight: 500 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  background-image: none !important;
  filter: none !important;
}

.button.lnk_view span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #555 !important;
  padding: 10px 16px !important;
}

.button.lnk_view:hover {
  border-color: #FF6B35 !important;
  background: #FFF3ED !important;
  color: #FF6B35 !important;
}

.button.lnk_view:hover span {
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
  color: #FF6B35 !important;
}

.button.lnk_view i.left {
  color: #999 !important;
}

.button.lnk_view:hover i.left {
  color: #FF6B35 !important;
}

/* --- Botones +/- cantidad --- */
.btn.button-plus,
.btn.button-minus {
  background: #F7F7F7 !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  color: #555 !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

.btn.button-plus span,
.btn.button-minus span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #555 !important;
  padding: 4px 8px !important;
}

.btn.button-plus:hover,
.btn.button-minus:hover {
  background: #FF6B35 !important;
  border-color: #FF6B35 !important;
  color: #fff !important;
}

.btn.button-plus:hover span,
.btn.button-minus:hover span {
  color: #fff !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
}

/* --- Botones legacy PrestaShop --- */
input.button_mini,
input.button_small,
input.button,
input.button_large,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
a.button_mini,
a.button_small,
a.button,
a.button_large,
a.exclusive_mini,
a.exclusive_small,
a.exclusive,
a.exclusive_large,
span.exclusive_mini,
span.exclusive_small,
span.exclusive,
span.exclusive_large {
  background: #FF6B35 !important;
  border: none !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  text-shadow: none !important;
  color: #fff !important;
  font-weight: 500 !important;
  background-image: none !important;
  filter: none !important;
  padding: 6px 14px !important;
}

input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
input.exclusive_mini:hover,
input.exclusive_small:hover,
input.exclusive:hover,
input.exclusive_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover,
a.exclusive_mini:hover,
a.exclusive_small:hover,
a.exclusive:hover,
a.exclusive_large:hover {
  background: #FF8C5A !important;
  color: #fff !important;
  text-decoration: none !important;
}

input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
input.exclusive_mini:active,
input.exclusive_small:active,
input.exclusive:active,
input.exclusive_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active,
a.exclusive_mini:active,
a.exclusive_small:active,
a.exclusive:active,
a.exclusive_large:active {
  background: #e55a25 !important;
  color: #fff !important;
}

/* Botones deshabilitados */
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled {
  background: #ccc !important;
  border: none !important;
  color: #999 !important;
  text-shadow: none !important;
  cursor: not-allowed !important;
  background-image: none !important;
  filter: none !important;
}

/* --- span.exclusive (logout, etc - outline) --- */
span.exclusive {
  background: transparent !important;
  border: 1px solid #E8E8E8 !important;
  color: #555 !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  border-radius: 4px !important;
}

/* --- Boton agregar al carrito en pagina producto --- */
#add_to_cart button.btn,
#add_to_cart button.exclusive,
#buy_block button.btn,
#buy_block button.exclusive,
.box-cart-bottom .btn,
.box-cart-bottom button {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  background-image: none !important;
  filter: none !important;
  padding: 12px 24px !important;
  box-shadow: none !important;
}

#add_to_cart button.btn:hover,
#add_to_cart button.exclusive:hover,
#buy_block button.btn:hover,
#buy_block button.exclusive:hover,
.box-cart-bottom .btn:hover,
.box-cart-bottom button:hover {
  background: #FF8C5A !important;
  color: #fff !important;
}

/* ==========================================================================
   14B. SELECTORES COMBINADOS - Mayor especificidad para evitar conflictos
   PrestaShop agrega .btn.btn-default a TODOS sus botones, estos selectores
   combinados ganan sobre los de Bootstrap solos.
   ========================================================================== */

/* --- Agregar al carrito (lista de productos) --- */
a.button.btn.btn-default.ajax_add_to_cart_button,
a.button.ajax_add_to_cart_button.btn,
a.button.ajax_add_to_cart_button.btn.btn-default {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

a.button.btn.btn-default.ajax_add_to_cart_button span,
a.button.ajax_add_to_cart_button.btn span,
a.button.ajax_add_to_cart_button.btn.btn-default span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

a.button.btn.btn-default.ajax_add_to_cart_button:hover,
a.button.ajax_add_to_cart_button.btn:hover,
a.button.ajax_add_to_cart_button.btn.btn-default:hover {
  background: #FF8C5A !important;
  color: #fff !important;
  border: none !important;
}

a.button.btn.btn-default.ajax_add_to_cart_button:hover span,
a.button.ajax_add_to_cart_button.btn:hover span,
a.button.ajax_add_to_cart_button.btn.btn-default:hover span {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
}

/* --- Boton ver detalles (lista de productos) --- */
a.button.btn.btn-default.lnk_view,
a.button.lnk_view.btn,
a.button.lnk_view.btn.btn-default {
  background: #fff !important;
  color: #555 !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 500 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

a.button.btn.btn-default.lnk_view span,
a.button.lnk_view.btn span,
a.button.lnk_view.btn.btn-default span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #555 !important;
}

a.button.btn.btn-default.lnk_view:hover,
a.button.lnk_view.btn:hover,
a.button.lnk_view.btn.btn-default:hover {
  background: #FFF3ED !important;
  color: #FF6B35 !important;
  border-color: #FF6B35 !important;
}

a.button.btn.btn-default.lnk_view:hover span,
a.button.lnk_view.btn:hover span,
a.button.lnk_view.btn.btn-default:hover span {
  color: #FF6B35 !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
}

a.button.btn.btn-default.lnk_view:hover i.left,
a.button.lnk_view.btn:hover i.left {
  color: #FF6B35 !important;
}

/* --- Boton agregar al carrito en pagina producto (boton grande) --- */
button.btn.btn-default.button.button-medium.exclusive,
button.btn.btn-default.button-medium,
button.btn.btn-default.exclusive {
  background: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  box-shadow: none !important;
}

button.btn.btn-default.button.button-medium.exclusive span,
button.btn.btn-default.button-medium span,
button.btn.btn-default.exclusive span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

button.btn.btn-default.button.button-medium.exclusive:hover,
button.btn.btn-default.button-medium:hover,
button.btn.btn-default.exclusive:hover {
  background: #FF8C5A !important;
  color: #fff !important;
}

button.btn.btn-default.button.button-medium.exclusive:hover span,
button.btn.btn-default.button-medium:hover span,
button.btn.btn-default.exclusive:hover span {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
}

/* --- Boton exclusive small (carrito lateral, etc) --- */
button.btn.btn-default.button.button-small,
button.btn.btn-default.button-small.exclusive,
a.button.btn.btn-default.button-small.exclusive {
  background: #555 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

button.btn.btn-default.button.button-small span,
button.btn.btn-default.button-small.exclusive span,
a.button.btn.btn-default.button-small.exclusive span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #fff !important;
}

button.btn.btn-default.button.button-small:hover,
button.btn.btn-default.button-small.exclusive:hover,
a.button.btn.btn-default.button-small.exclusive:hover {
  background: #2D2D2D !important;
  color: #fff !important;
  border: none !important;
}

button.btn.btn-default.button.button-small:hover span,
button.btn.btn-default.button-small.exclusive:hover span,
a.button.btn.btn-default.button-small.exclusive:hover span {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
}

/* --- Boton exclusive medium (outline) --- */
button.btn.btn-default.button.exclusive-medium,
a.button.btn.btn-default.exclusive-medium {
  background: #fff !important;
  color: #FF6B35 !important;
  border: 2px solid #FF6B35 !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

button.btn.btn-default.button.exclusive-medium span,
a.button.btn.btn-default.exclusive-medium span {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  color: #FF6B35 !important;
}

button.btn.btn-default.button.exclusive-medium:hover,
a.button.btn.btn-default.exclusive-medium:hover {
  background: #FF6B35 !important;
  color: #fff !important;
  border-color: #FF6B35 !important;
}

button.btn.btn-default.button.exclusive-medium:hover span,
a.button.btn.btn-default.exclusive-medium:hover span {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  filter: none !important;
}

/* --- Link button general --- */
.link-button {
  color: #FF6B35 !important;
}

.link-button:hover {
  color: #FF8C5A !important;
}

.link-button i.large {
  color: #FF6B35 !important;
}

/* --- Form control (inputs) --- */
.form-control {
  border-radius: 4px !important;
  border-color: #E8E8E8 !important;
  box-shadow: none !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 13px !important;
  color: #555 !important;
}

.form-control:focus {
  border-color: #FF6B35 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.15) !important;
}

/* --- Select dropdown --- */
select.form-control {
  border-radius: 4px !important;
  border-color: #E8E8E8 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23999'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  padding-right: 30px !important;
}

/* ==========================================================================
   15. RESPONSIVE MOBILE
   ========================================================================== */
@media (max-width: 767px) {
  /* Breadcrumb */
  .breadcrumb {
    font-size: 12px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
  }

  .breadcrumb a {
    padding: 0 3px !important;
  }

  /* Block titles */
  .block .title_block,
  .block h4 {
    font-size: 13px !important;
    padding: 7px 5px 7px 10px !important;
  }

  /* CMS Info Block */
  #cmsinfo_block {
    padding: 20px 15px !important;
  }

  #cmsinfo_block > div + div {
    border-left: none !important;
    border-top: 1px solid #E8E8E8 !important;
    padding-top: 15px !important;
    padding-left: 10px !important;
    margin-top: 15px !important;
  }

  #cmsinfo_block em {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    line-height: 40px !important;
  }

  /* Home tabs */
  #home-page-tabs {
    border-bottom: none !important;
  }

  #home-page-tabs > li {
    width: 100% !important;
    text-align: center !important;
    border-bottom: 1px solid #F0F0F0 !important;
  }

  #home-page-tabs > li a {
    padding: 10px 15px !important;
    font-size: 13px !important;
  }

  #home-page-tabs > li.active a {
    border-bottom: 2px solid #FF6B35 !important;
  }

  /* Buy block */
  #buy_block .price,
  #buy_block #our_price_display {
    font-size: 24px !important;
  }

  /* Product box mobile */
  .page-product-box .page-product-heading {
    font-size: 14px !important;
  }

  /* Categories mobile */
  #categories_block_left li a {
    font-size: 13px !important;
    line-height: 34px !important;
  }

  /* Tags mobile */
  .tags_block .block_content a {
    padding: 4px 12px !important;
    font-size: 11px !important;
  }

  /* Viewed/New products */
  #viewed-products_block_left .products-block li,
  #new-products_block_right .products-block li {
    padding: 10px 0 !important;
  }

  /* Block spacing mobile */
  .block {
    margin-bottom: 15px !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  /* Home tabs */
  #home-page-tabs > li a {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  /* CMS Info */
  #cmsinfo_block em {
    width: 45px !important;
    height: 45px !important;
    font-size: 22px !important;
    line-height: 45px !important;
  }
}

/* ==========================================================================
   Social Sharing - X (Twitter) Logo
   ========================================================================== */

.x-logo-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  vertical-align: -3px;
  display: inline-block;
  margin-right: 4px;
}

/* ==========================================================================
   Social Block (Footer) - SVG Icons
   ========================================================================== */

#social_block ul {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 0 !important;
}

#social_block ul li {
  background: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#social_block ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #E8E8E8 !important;
  color: #555 !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

#social_block ul li a:hover {
  background: #FF6B35 !important;
  color: #fff !important;
  transform: scale(1.1) !important;
}

#social_block .social-icon {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

/* ==========================================================================
   Newsletter Block
   ========================================================================== */

#newsletter_block_left h4 {
  color: #FFFFFF !important;
}

#newsletter_block_left .form-group {
  display: flex !important;
  gap: 0 !important;
  align-items: stretch !important;
}

#newsletter_block_left .newsletter-input {
  flex: 1 !important;
  border-radius: 4px 0 0 4px !important;
  border: 1px solid #E8E8E8 !important;
  border-right: none !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: #555 !important;
  height: 38px !important;
  margin: 0 !important;
}

#newsletter_block_left .btn.button-small {
  border-radius: 0 4px 4px 0 !important;
  height: 38px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #FF6B35 !important;
  border: 1px solid #FF6B35 !important;
  line-height: 38px !important;
  min-width: 50px !important;
}

#newsletter_block_left .btn.button-small:hover {
  background: #FF8C5A !important;
  border-color: #FF8C5A !important;
}

/* Social block - "Síguenos" alignment */
#social_block {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

#social_block h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #999 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}

/* Social block - corregir posicion en mobile */
@media (max-width: 767px) {
  #social_block {
    display: flex !important;
    float: none !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 15px 0 !important;
  }
}

/* ==========================================================================
   My Account Link List (mi-cuenta)
   ========================================================================== */

.myaccount-link-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

.myaccount-link-list li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #F0F0F0 !important;
}

.myaccount-link-list li:last-child {
  border-bottom: none !important;
}

.myaccount-link-list li a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  color: #444 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  background: transparent !important;
  margin: 0 !important;
  border-left: 3px solid transparent !important;
}

.myaccount-link-list li a:hover {
  background: #FFF3ED !important;
  color: #FF6B35 !important;
  border-left-color: #FF6B35 !important;
  padding-left: 24px !important;
}

.myaccount-link-list li a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  color: #999 !important;
  width: 36px !important;
  height: 36px !important;
  background: #F5F5F5 !important;
  border-radius: 50% !important;
  transition: all 0.25s ease !important;
  flex-shrink: 0 !important;
  transform: translateY(1px) !important;
}

.myaccount-link-list li a i:before {
  transform: translateY(-4px) !important;
}

.myaccount-link-list li a:hover i {
  background: #FF6B35 !important;
  color: #FFFFFF !important;
}

/* My account - page heading */
.my-account .page-heading,
#my-account h1.page-heading {
  font-size: 24px !important;
  color: #2D2D2D !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #FF6B35 !important;
  margin-bottom: 25px !important;
}

.my-account .info-account {
  color: #777 !important;
  font-size: 14px !important;
  margin-bottom: 25px !important;
}

/* My account - responsive */
@media (max-width: 767px) {
  .addresses-lists > div {
    margin-bottom: 16px !important;
  }
}