/* comprarseguridad.es - ajustes de diseno 2026 (cs-diseno-ps16). Fichero propio: no editar global.css. */
/* Version 1 - 11/11/2026. Correcciones de la auditoria estetica BF (n.os 1, 2, 3, 6, 8, 9, 10, 11, 12).
   Se carga despues de global.css y ANTES de product.css, product_list.css y los CSS de modulos:
   por eso las reglas van con id (body#..., #columns, #footer) para ganar en especificidad.
   Para deshacer: volver a subir la version de 107 bytes (solo el comentario de la linea 1). */

/* ---- 1 (aud. n.o 1). Banner grande de Black Friday solo en la portada ---- */
body:not(#index) .s39-campaign-hero { display: none; }

/* ---- 2 (aud. n.o 2). Ficha en movil: precio y boton de compra justo debajo del nombre ----
   La columna central se "disuelve" (display: contents) para que sus hijos y la columna de compra
   se ordenen juntos: imagen, aviso online, nombre, bloque de compra, y despues el resto.
   No afecta a la vista rapida (body.content_only). */
@media (max-width: 767px) {
  body#product:not(.content_only) #center_column .primary_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  body#product:not(.content_only) #center_column .primary_block:before,
  body#product:not(.content_only) #center_column .primary_block:after { display: none; }
  body#product:not(.content_only) #center_column .primary_block > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: none; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column { display: contents; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  body#product:not(.content_only) #center_column .primary_block > .container { -ms-flex-order: 0; order: 0; }
  body#product:not(.content_only) #center_column .primary_block > .pb-left-column { -ms-flex-order: 1; order: 1; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > .online_only { -ms-flex-order: 2; order: 2; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > h1 { -ms-flex-order: 3; order: 3; }
  body#product:not(.content_only) #center_column .primary_block > .pb-right-column { -ms-flex-order: 4; order: 4; margin-bottom: 20px; }
}

/* ---- 3 (aud. n.o 3). Portada, bloque "Autoproteccion y seguridad personal" (modulo showcase) ----
   La caja de texto tenia altura fija (422/300/105 px): el texto se cortaba o se montaba.
   Ahora crece con su contenido y, en escritorio, se estira a la altura de los productos. */
body#index #showcase #scText { height: auto; overflow: visible; }
body#index #showcase #scText h1 { margin: 0 0 10px; color: #fff; font-size: 28px; line-height: 1.15; font-weight: 700; }
body#index #showcase #scText h2 { margin: 0 0 12px; color: #fff; font-size: 19px; line-height: 1.3; font-weight: 600; }
body#index #showcase #scText p { line-height: 1.45; }
@media (min-width: 768px) {
  body#index #showcase { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  body#index #showcase > #scText,
  body#index #showcase > #scCombo { float: none; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  body#index #showcase > .clear { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  body#index #showcase #scText h1 { font-size: 22px; }
  body#index #showcase #scText h2 { font-size: 16px; }
  body#index #showcase #scText p { font-size: 13px; line-height: 1.4; }
}
@media (max-width: 767px) {
  body#index #showcase #scText { height: auto; overflow: visible; padding: 16px 15px; }
  body#index #showcase #scText h1 { font-size: 22px; }
  body#index #showcase #scText h2 { font-size: 16px; }
  body#index #showcase #scCombo { clear: both; padding-top: 6px; }
}

/* ---- 4 (aud. n.o 6). Tarjetas de los listados con altura uniforme por fila ----
   Cada fila es flex; la tarjeta ocupa toda la altura y los botones quedan abajo.
   Las pestanas ocultas de la portada (.tab-pane sin .active) siguen ocultas. */
@media (min-width: 480px) {
  #columns ul.product_list.grid:not(.tab-pane),
  #columns .tab-content > ul.product_list.grid.tab-pane.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #columns ul.product_list.grid:before,
  #columns ul.product_list.grid:after { display: none; }
  #columns ul.product_list.grid > li.ajax_block_product { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; }
  #columns ul.product_list.grid > li.ajax_block_product > .product-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }
  #columns ul.product_list.grid > li.ajax_block_product > .product-container > .right-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  #columns ul.product_list.grid > li.ajax_block_product > .product-container > .right-block > .button-container { margin-top: auto; padding-top: 4px; }
}
/* En escritorio grande el tema mostraba botones y precio solo al pasar el raton, lo que cambiaba la
   altura de la tarjeta. Ahora los botones de compra se ven siempre y lo demas se reserva sin saltos. */
@media (min-width: 1200px) {
  #columns ul.product_list.grid > li .product-container .right-block .button-container { display: block; }
  #columns ul.product_list.grid > li .product-container .functional-buttons { display: block; visibility: hidden; }
  #columns ul.product_list.grid > li.hovered .product-container .functional-buttons { visibility: visible; }
  #columns ul.product_list.grid > li.hovered .product-container .right-block .content_price { display: block; visibility: hidden; }
}

/* ---- 5 (aud. n.o 8). Boton "Anadir al carrito" de la ficha en el rojo de la tienda ---- */
body#product #add_to_cart button.exclusive { background: #a51f26; background-image: none; border: 1px solid #87171d; filter: none; }
body#product #add_to_cart button.exclusive span { border: 0; text-shadow: none; color: #fff; }
body#product #add_to_cart button.exclusive:before { border-color: transparent; text-shadow: none; }
body#product #add_to_cart button.exclusive:hover,
body#product #add_to_cart button.exclusive:focus { background: #7d151b; background-image: none; border-color: #7d151b; }
body#product #add_to_cart button.exclusive:focus { outline: 3px solid #b97216; outline-offset: 2px; }

/* ---- 6 (aud. n.os 9 y 10). Pie ---- */
/* Movil: el bloque de newsletter tenia min-width 420 px y flotaba a la derecha; el rotulo salia cortado. */
@media (max-width: 767px) {
  body #footer #newsletter_block_left .newsletter_block_right { float: none; min-width: 0; }
  body #footer #newsletter_block_left h4 { float: none; padding-right: 0; }
}
/* Hueco blanco antes del pie: el contenedor del banner inferior tenia min-height 344 px aunque la
   imagen ocupe mucho menos en pantallas estrechas. No se toca el banner, solo el hueco vacio. */
@media (max-width: 991px) {
  body .prefooter-container .autobContainer { min-height: 0; }
  body #columns { padding-bottom: 25px; }
}
/* Escritorio: cuatro columnas iguales (categorias, informacion, mi cuenta, tienda) en vez de 2-2-4-4. */
@media (min-width: 992px) {
  body .footer-container #footer .row > .footer-block { width: 25%; }
  body .footer-container .container { padding-bottom: 30px; }
}

/* ---- 7 (aud. n.os 11 y 12). Ruta de navegacion, Google+ y "Notificarme" ---- */
/* La flecha del enlace siguiente se dibujaba sobre la ultima letra ("SPRAY S"): mas aire a la derecha. */
#columns .breadcrumb a:not(.home) { padding-right: 24px; letter-spacing: normal; word-spacing: normal; }
/* Google+ cerro en 2019. */
body#product .socialsharing_product .btn-google-plus { display: none; }
/* El modulo productupdate fuerza el boton al 21 % de ancho en movil y corta el texto. */
@media (max-width: 767px) {
  body#product #product_update_block #submit_alert_product { width: 100% !important; margin: 8px 0 !important; float: none; }
  body#product #product_update_block #submit_alert_product .save_subscribe { width: auto !important; min-width: 50%; height: auto !important; padding: 8px 14px; font-size: 13px !important; white-space: nowrap; float: right !important; }
}

/* ===== BLOQUE 8 (12/11/2026): fondo oscuro de campana, cabecera, pie y bloque destacado sin la moto. Para quitarlo, borrar los bloques 8 y 9. ===== */
html, body, #page, .header-container, #header, .columns-container { background-color:#101216 !important; }
#header .nav { background:#0a0b0e !important; border-bottom:1px solid #26292f; }
/* sustituye la textura de hormigon (/img/fondo-pared-030.jpg) por un degradado: no pesa y se adapta a cualquier ancho */
#header > div:nth-child(3) { background-image: radial-gradient(900px 260px at 18% 0%, rgba(165,31,38,.38), rgba(165,31,38,0) 70%), linear-gradient(180deg,#191c21 0%,#101216 100%) !important; }
/* el logotipo tiene letras negras: necesita una placa clara para leerse sobre oscuro */
#header_logo img { background:#f3f3f4; padding:8px 14px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,.45); }
#search_block_top #search_query_top { background:#fff; border-color:#3a3e46; }
.sf-menu { background:#1b1e23 !important; border-bottom:3px solid #a51f26 !important; border-radius:6px 6px 0 0; }
.s39-campaign-hero { box-shadow:0 0 0 1px #2b2f36, 0 18px 40px rgba(0,0,0,.55); border-radius:8px; overflow:hidden; }
/* el contenido (listados, ficha, carrito) sigue sobre blanco, en un panel */
.columns-container { padding:26px 0 34px; }
#columns { background:#fff; border-radius:10px; padding:22px 18px 26px; box-shadow:0 14px 40px rgba(0,0,0,.5); }
.footer-container { background:#0a0b0e !important; background-image:none !important; border-top:3px solid #a51f26; }
#footer, #footer a, #footer h4, #footer h4 a { color:#e9e9ea; }
/* Bloque destacado de portada (modulo showcase): quitar la foto de la moto (/modules/showcase/img/fondo020.jpg)
   y la trama del recuadro rojo (bg-red010.png). No son del tema: las pone el modulo. Pedido por el propietario el 11/11/2026. */
#showcase { background-image:none !important; background-color:#1b1e23 !important; border-radius:8px; }
#showcase #scText { background-image:none !important; background-color:#9a1b20 !important; }

/* Bloque destacado proporcionado: al quitar la moto quedaba una franja vacia a la derecha (los productos iban
   en 2 columnas de ancho fijo). Ahora: texto 34 % + rejilla de 3 columnas que llena el resto; 2 columnas en movil.
   Probado en vista previa a 1366 px; falta revisar tableta y movil antes de publicar. */
#showcase { align-items:stretch; padding:10px; gap:10px; border:0 !important; box-sizing:border-box; overflow:hidden; }
#showcase #scText { flex:0 0 34%; max-width:34%; height:auto !important; box-sizing:border-box; border-radius:6px; }
#showcase #scCombo { flex:0 0 calc(66% - 30px); max-width:calc(66% - 30px); min-width:0 !important; box-sizing:border-box; width:auto !important; height:auto !important; display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
#showcase #scCombo .scProduct { position:relative; float:none !important; width:auto !important; height:auto !important; margin:0 !important; background:#fff; border-radius:6px; overflow:hidden; display:flex; flex-direction:column; }
#showcase #scCombo .scProduct > a { flex:1 1 auto; display:flex !important; align-items:center; justify-content:center; width:auto !important; height:auto !important; padding:14px 10px 8px; }
#showcase #scCombo .scProduct > a img { height:auto !important; width:auto; max-width:72%; max-height:150px; }
#showcase #scCombo .scProduct .product_name { position:static !important; width:auto !important; height:auto !important; min-height:40px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
#showcase #scCombo .scProduct .product_price { position:absolute; top:0 !important; left:0 !important; bottom:auto !important; }
@media (max-width: 991px) { #showcase { display:block !important; } #showcase #scText { max-width:none; width:auto !important; margin-bottom:10px; } #showcase #scCombo { max-width:none; width:auto !important; } #showcase #scCombo .scProduct .product_name, #showcase #scCombo .scProduct .product_name h5, #showcase #scCombo .scProduct .product_name a { font-size:11px !important; line-height:1.25 !important; } #showcase #scCombo .scProduct .product_price { font-size:13px !important; } }
@media (max-width: 600px) { #showcase #scCombo { grid-template-columns:repeat(2, minmax(0,1fr)); } }


/* ===== BLOQUE 9 (12/11/2026): contenido oscuro (variante B2) solo en portada, listados, fichas, busqueda, contacto y paginas de texto.
   Carrito, pedido, acceso y cuenta de cliente conservan el panel claro: no se pudieron probar los pasos de direccion, envio y pago. ===== */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #columns { background:#1a1d22 !important; box-shadow:none !important; border:1px solid #2e333b; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores),
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #columns,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column { color:#e2e4e7 !important; }

/* texto de contenido: se fuerza un gris muy claro tambien donde el producto trae color escrito dentro del texto */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column p,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column li,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column td,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column th,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column strong,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column b,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column em,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.rte,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte *,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-product-box *,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #short_description_content,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #short_description_content * { color:#e2e4e7 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column h1,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column h2,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column h3,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column h4,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column h5,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte h1,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte h2,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte h3,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-product-box h1,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-product-box h2,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-product-box h3,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .page-heading,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #right_column h4,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #right_column .title_block,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #right_column .title_block a { color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column a,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte a { color:#ffb454 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte strong,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte b,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #short_description_content strong { color:#ffffff !important; }

/* paneles: grafito, un punto mas claros que el fondo para que se distingan */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) ul.product_list li .product-container,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .primary_block,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .box-info-product,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .box-cart-bottom,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .page-product-box,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #product_comments_block_extra,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .content_scene_cat,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .top-pagination-content,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .bottom-pagination-content,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .content_sortPagiBar .sortPagiBar,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .box,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column form.std,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .table,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .cart_navigation { background:#23272e !important; border-color:#363c45 !important; box-shadow:none !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .page-product-box h3.page-product-heading { background:#2b3038 !important; color:#ffffff !important; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) ul.product_list .product-name,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) ul.product_list h5 a { color:#ffffff !important; }

/* las fotos de producto tienen fondo blanco: se dejan sobre una placa blanca redondeada, a proposito */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) ul.product_list .product-image-container,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #image-block,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #thumbs_list li a { background:#ffffff !important; border-radius:6px; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .price,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .price.product-price,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #our_price_display,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .our_price_display { color:#ff6b70 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .old-price,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #old_price_display,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #old_price_display * { color:#aab0b8 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #home-page-tabs { background:transparent !important; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #home-page-tabs > li a { color:#e2e4e7 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .breadcrumb,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .breadcrumb a,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .breadcrumb a:before,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) .breadcrumb a:after { background:#23272e !important; color:#e2e4e7 !important; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column input[type=text],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column input[type=email],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column select,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column textarea { background:#ffffff !important; color:#1a1d22 !important; border-color:#565d68 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .button.lnk_view span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .btn.btn-default { background:#2f343c !important; color:#ffffff !important; border-color:#4a515c !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #add_to_cart button,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #add_to_cart button span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .ajax_add_to_cart_button,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .ajax_add_to_cart_button span { color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #add_to_cart button,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .ajax_add_to_cart_button { background:#a51f26 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #availability_value,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .available-now,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .label-success,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .availability span { background:#1f8a4c !important; color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column table.table-data-sheet tr,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column table.table-data-sheet td { border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .socialsharing_product .btn,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #usefull_link_block li,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #mailalert_link { color:#e2e4e7 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .rte *,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-product-box .rte *,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #short_description_content * { background-color:transparent !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #reduction_percent,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #reduction_percent span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .price-percent-reduction { background:#d7262d !important; color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .sale-label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .new-label { background:#d7262d !important; color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .productupdate,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #productupdate,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column [id*=productupdate],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column [class*=productupdate] { background:#23272e !important; border-color:#363c45 !important; }

/* ventana de producto anadido: tambien oscura, con todo el texto claro */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart { background:#1a1d22 !important; border:1px solid #363c45; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_product,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_cart { background:#1a1d22 !important; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart strong,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart div,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart h2,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .title,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_product_info *,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_row * { color:#e2e4e7 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_product h2,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .layer_cart_product h2 i { color:#4cd07d !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .ajax_block_cart_total,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .ajax_cart_shipping_cost,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .ajax_block_products_total,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart #layer_cart_product_price,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart #layer_cart_product_quantity { color:#ffffff !important; font-weight:bold; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .product-image-container { background:#ffffff; border-radius:6px; border-color:#363c45 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .cross { color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #layer_cart .button-container .continue span { background:#2f343c !important; color:#ffffff !important; border-color:#4a515c !important; }

/* formularios (contacto) */
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .contact-form-box,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column form.box,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .box,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .form_content,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column fieldset { background:#23272e !important; background-image:none !important; border-color:#363c45 !important; box-shadow:none !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .contact-form-box label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column form label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .form-group label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-subheading,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .required,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .form_info,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .checkbox label,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .radio label { color:#e2e4e7 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .page-subheading { border-color:#363c45 !important; color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column input[type=password],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column input[type=tel],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column input[type=number],
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .form-control,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.selector,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.selector span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.uploader,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.uploader span.filename { background:#ffffff !important; color:#1a1d22 !important; border-color:#565d68 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column div.uploader span.action { background:#2f343c !important; color:#ffffff !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .button.button-medium,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column button.button-medium,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #submitMessage { background:#a51f26 !important; border-color:#7d151b !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .button.button-medium span,
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column #submitMessage span { background:transparent !important; color:#ffffff !important; border-color:transparent !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .alert { color:#1a1d22 !important; }
body:is(#index,#category,#product,#search,#cms,#contact,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier,#sitemap,#pagenotfound,#stores) #center_column .alert * { color:inherit !important; }


/* ===== BLOQUE 10 (12/11/2026): ficha de producto recompuesta y arreglos de la auditoria de diseno. Para quitarlo, borrar este bloque. ===== */
/* ===== BLOQUE 10 (BORRADOR 12/11/2026, cs-diseno-ps16): ficha de producto recompuesta y remates del estilo oscuro.
   NO MONTADO NI SUBIDO. Informe: docs/comprarseguridad/informes/2026-11-12-diseno-auditoria-completa.md

   REQUISITO PREVIO (sin el, este bloque puede perder): en themes/comprarBlackFriday/css/autoload/ hay dos copias
   que PrestaShop carga DESPUES de zz-cs-2026.css (orden alfabetico): zz-cs-2026.pre-20261111-2241.css y
   zz-cs-2026.pre-20261112-0020.css (esta ultima = bloques 1-7). Hay que sacarlas de autoload/ (o renombrarlas a
   *.css.bak) antes de subir este bloque, y corregir s39-put.sh para que las copias de css/autoload/ no acaben en .css.

   Todas las reglas van acotadas por id de body. La vista rapida (body.content_only) no se toca.
   !important solo donde hay estilo en linea del modulo (productupdate) o donde el bloque 9 ya usa !important. ===== */


/* ---- 10.1 Ficha: quitar la barra gris de 5 px sobre la foto (.top-hr de product.tpl, #c4c4c4) ---- */
body#product:not(.content_only) #center_column .primary_block > .container { display: none; }


/* ---- 10.2 Ficha >= 768 px: rejilla de 12 columnas en vez de 3 columnas Bootstrap (5/4/3) ----
   Antes (1366): foto 332 px | columna central 261 px y ~900 px de alto | compra 186 px. Huecos vacios de
   ~385 px bajo la foto y ~430 px bajo la compra.
   Despues: foto 6/12 (~388 px de imagen) | 6/12: nombre, referencia, estado, descripcion corta, disponibilidad
   y DEBAJO el bloque de compra. Compartir, resena, enviar, notificar e imprimir bajan a una franja de dos
   lineas bajo la foto y la informacion, a todo el ancho.
   Tecnica: la columna central se "disuelve" (display: contents, igual que el bloque 2 hace en movil) y sus
   hijos se colocan en la rejilla. La foto ocupa las filas 1-40 (filas vacias miden 0); las acciones van en
   las filas 41 y 42. Si la foto es mas alta que la informacion, la diferencia se reparte entre 40 filas
   (1-2 px por fila: inapreciable). */
@media (min-width: 768px) {
  body#product:not(.content_only) #center_column .primary_block {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 0;
    align-items: start; margin: 0 0 22px; padding: 20px; border-radius: 8px; }
  body#product:not(.content_only) #center_column .primary_block:before,
  body#product:not(.content_only) #center_column .primary_block:after { content: none; display: none; }

  body#product:not(.content_only) #center_column .primary_block > .pb-left-column {
    grid-column: 1 / span 6; grid-row: 1 / span 40; width: auto; float: none; padding: 0; min-width: 0; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column { display: contents; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > * { grid-column: 7 / span 6; min-width: 0; }
  body#product:not(.content_only) #center_column .primary_block > .pb-right-column {
    grid-column: 7 / span 6; order: 1; width: auto; float: none; padding: 0; margin: 8px 0 4px; min-width: 0; }

  /* acciones secundarias: fila 41 (compartir | resena) y fila 42 (enviar, notificar, imprimir) */
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > .socialsharing_product {
    grid-row: 41; grid-column: 1 / span 6; order: 2; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid #363c45; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > #product_comments_block_extra {
    grid-row: 41; grid-column: 7 / span 6; order: 2; }
  body#product:not(.content_only) #center_column .primary_block > .pb-center-column > #usefull_link_block {
    grid-row: 42; grid-column: 1 / -1; order: 2; }

  /* textos de la columna de informacion */
  body#product:not(.content_only) #center_column .pb-center-column h1 { font-size: 24px; line-height: 1.25; padding: 0; margin: 2px 0 12px; }
  body#product:not(.content_only) #center_column .pb-center-column #product_reference,
  body#product:not(.content_only) #center_column .pb-center-column #product_condition { margin: 0 0 4px; font-size: 12px; }
  body#product:not(.content_only) #center_column .pb-center-column #short_description_block { margin-top: 8px; }
  body#product:not(.content_only) #center_column .pb-center-column #short_description_block #short_description_content { padding-bottom: 8px; }

  /* miniaturas: la lista medía 392 px fijos en una columna de 334 y la cuarta se montaba sobre el texto */
  body#product:not(.content_only) #center_column .pb-left-column #views_block {
    display: flex; align-items: center; margin-top: 12px; }
  body#product:not(.content_only) #center_column .pb-left-column #views_block .view_scroll_spacer {
    float: none; width: 24px; padding: 0; margin: 0; flex: 0 0 24px; }
  body#product:not(.content_only) #center_column .pb-left-column #view_scroll_left,
  body#product:not(.content_only) #center_column .pb-left-column #view_scroll_right { float: none; margin: 0; flex: 0 0 24px; }
  body#product:not(.content_only) #center_column .pb-left-column #thumbs_list { float: none; width: auto; flex: 1 1 auto; min-width: 0; }
  body#product:not(.content_only) #center_column .pb-left-column #image-block { padding: 8px; }
  /* seguro: la foto nunca mas ancha que su columna (en la prueba sin CSS del tema se salia y tapaba el texto) */
  body#product:not(.content_only) #center_column .pb-left-column #bigpic { max-width: 100%; height: auto; }
}


/* ---- 10.3 Ficha: bloque de compra (todas las anchuras) ----
   Precio, descuento y precio anterior en una linea; boton y lista de deseos en otra; logos de pago en una
   placa blanca pequena en vez de la franja blanca de todo el ancho. */
body#product:not(.content_only) #center_column .pb-right-column .box-info-product { border-radius: 8px; padding: 14px 16px; }
body#product:not(.content_only) #center_column .pb-right-column .content_prices { padding: 0 0 8px; }
body#product:not(.content_only) #center_column .pb-right-column .content_prices .price {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
body#product:not(.content_only) #center_column .pb-right-column .content_prices .price > p { margin: 0; padding: 0; }
body#product:not(.content_only) #center_column .pb-right-column .box-info-product p { padding: 0; }
body#product:not(.content_only) #center_column .pb-right-column .product_attributes { padding: 4px 0 8px; box-shadow: none; }
body#product:not(.content_only) #center_column .pb-right-column #quantity_wanted_p input { width: 56px; }
body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 6px 0 0; box-shadow: none; }
body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom > div:first-child { flex: 0 0 auto; }
body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom > div.unvisible { display: none; }
body#product:not(.content_only) #center_column .pb-right-column #add_to_cart { padding: 0; margin: 0; }
body#product:not(.content_only) #center_column .pb-right-column #add_to_cart button.exclusive { min-width: 220px; border-radius: 6px; }
body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom > p.buttons_bottom_block { flex: 1 1 auto; padding: 0; margin: 0; }
body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom > strong:empty { display: none; }
body#product:not(.content_only) #center_column .pb-right-column #product_payment_logos { flex: 1 1 100%; }
body#product:not(.content_only) #center_column .pb-right-column #product_payment_logos .box-security {
  display: inline-block; padding: 6px 10px; border: 0; border-radius: 6px; background: #fff; background-image: none; }
body#product:not(.content_only) #center_column .pb-right-column #product_payment_logos .product-heading-h5:empty { display: none; }
body#product:not(.content_only) #center_column .pb-right-column #product_payment_logos img { max-height: 34px; width: auto; }
@media (max-width: 767px) {
  /* movil: boton de compra a todo el ancho */
  body#product:not(.content_only) #center_column .pb-right-column .box-cart-bottom > div:first-child { flex: 1 1 100%; }
  body#product:not(.content_only) #center_column .pb-right-column #add_to_cart button.exclusive { width: 100%; }
}


/* ---- 10.4 Ficha: acciones secundarias compactas (todas las anchuras) ---- */
body#product:not(.content_only) #center_column #product_comments_block_extra {
  margin: 18px 0 0; padding: 14px 0 0; border: 0; border-top: 1px solid #363c45; border-radius: 0; background: transparent; }
body#product:not(.content_only) #center_column #product_comments_block_extra .comments_note { display: inline-block; margin: 0 14px 4px 0; }
body#product:not(.content_only) #center_column #product_comments_block_extra .comments_advices { display: inline-block; clear: none; margin: 0; padding: 0; }
body#product:not(.content_only) #center_column #product_comments_block_extra .comments_advices li { display: inline-block; margin: 0 14px 0 0; border: 0; padding: 0; }
body#product:not(.content_only) #center_column #usefull_link_block {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid #363c45; }
body#product:not(.content_only) #center_column #usefull_link_block > li { margin: 0; float: none; }
body#product:not(.content_only) #center_column #usefull_link_block > li.print { order: 2; }
body#product:not(.content_only) #center_column #usefull_link_block > #product_update_block { order: 3; flex: 1 1 100%; width: auto !important; }


/* ---- 10.5 "Notificarme de actualizaciones" (modulo productupdate): de caja gris clara a franja oscura en una linea ----
   El modulo pone fondo #f6f6f6 y textos #676161 con estilo en linea, y el bloque 9 no lo alcanza
   (busca "productupdate" y el id es "product_update_block"). Por eso aqui hace falta !important. */
body#product #center_column #product_update_block #pal_title_row_stock,
body#product #center_column #product_update_block #pal_title_row_price {
  background: #23272e !important; border: 1px solid #363c45 !important; border-radius: 6px; padding: 10px 12px; margin: 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; width: 100% !important; box-sizing: border-box; }
body#product #center_column #product_update_block .pal_l_heading { float: none; margin: 0; padding: 0; font-size: 13px; color: #e2e4e7 !important; }
body#product #center_column #product_update_block #pal_title_row_stock > .clear { display: none; }
body#product #center_column #product_update_block #subscribe_form { flex: 1 1 280px; margin: 0; }
body#product #center_column #product_update_block #email_data { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 !important; }
body#product #center_column #product_update_block #email_data .pal_email_label { width: auto !important; color: #e2e4e7 !important; font-size: 13px; }
body#product #center_column #product_update_block #email_data #notify_email { width: auto !important; flex: 1 1 auto; max-width: 280px; }
body#product #center_column #product_update_block #email_data #submit_alert_product { width: auto !important; margin: 0 !important; float: none; flex: 0 0 auto; }
body#product #center_column #product_update_block .save_subscribe {
  width: auto !important; height: auto !important; margin: 0 !important; float: none !important; padding: 6px 14px;
  background: #2f343c; border: 1px solid #4a515c; color: #fff; border-radius: 4px; font-size: 13px !important; }
body#product #center_column #product_update_block .save_subscribe:hover,
body#product #center_column #product_update_block .save_subscribe:focus { background: #a51f26; border-color: #7d151b; }


/* ---- 10.6 Ficha sin stock ----
   El bloque 9 pinta de VERDE cualquier #availability_value, tambien "Este producto ya no esta disponible".
   El aviso de MailAlerts ("Notificarme cuando este disponible") era texto plano: pasa a boton. */
body#product #center_column #availability_statut #availability_value.warning_inline {
  background: #b25a00 !important; border-color: #8a4600 !important; color: #fff !important; text-shadow: none; }
body#product #center_column #oosHook { margin: 8px 0 4px; }
body#product #center_column #oosHook .form-group { margin: 0 0 6px; max-width: 280px; }
body#product #center_column #oosHook #mailalert_link {
  display: inline-block; padding: 6px 14px; border-radius: 4px; background: #a51f26; color: #fff !important; font-weight: 700; text-decoration: none; }
/* OPCIONAL (decision del coordinador): sin stock salen DOS formularios de aviso (MailAlerts y productupdate).
   Esto deja solo el de MailAlerts cuando el producto esta agotado:
body#product #center_column #oosHook:not([style*="none"]) ~ #usefull_link_block #product_update_block { display: none; }
*/


/* ---- 10.7 Ficha: secciones "Mas", "Ficha tecnica", "Resenas" con menos aire y descripcion legible ----
   Las descripciones usan encabezados como texto: <h4> dentro de cada celda de tabla (ES, filas de ~47 px)
   y <h2> como parrafo (EN, texto a ~28 px). Se normalizan los tamanos solo dentro de la descripcion. */
body#product #center_column .page-product-box { margin: 0 0 16px; padding: 0 0 12px; border-radius: 8px; }
body#product #center_column .page-product-box h3.page-product-heading { padding: 10px 16px; margin: 0 0 12px; font-size: 16px; }
body#product #center_column .page-product-box > .rte,
body#product #center_column .page-product-box > #quantityDiscount,
body#product #center_column .page-product-box > .table-data-sheet { margin-left: 16px; margin-right: 16px; }
body#product #center_column .page-product-box .rte p { margin: 0 0 8px; line-height: 1.5; }
body#product #center_column .page-product-box .rte h1,
body#product #center_column .page-product-box .rte h2 { font-size: 16px; line-height: 1.4; margin: 0 0 10px; font-weight: 600; }
body#product #center_column .page-product-box .rte h3,
body#product #center_column .page-product-box .rte h4 { font-size: 14px; line-height: 1.4; margin: 0 0 8px; }
body#product #center_column .page-product-box .rte table { max-width: 100%; border-collapse: collapse; margin: 6px 0 14px; }
body#product #center_column .page-product-box .rte td { padding: 6px 14px 6px 0; vertical-align: top; border-bottom: 1px solid #363c45; }
body#product #center_column .page-product-box .rte td h1,
body#product #center_column .page-product-box .rte td h2,
body#product #center_column .page-product-box .rte td h3,
body#product #center_column .page-product-box .rte td h4,
body#product #center_column .page-product-box .rte td p { margin: 0; font-size: 13px; line-height: 1.35; }
@media (max-width: 767px) {
  body#product #center_column .page-product-box .rte table { display: block; overflow-x: auto; }
}


/* ---- 10.8 Ficha en tableta (768-991): la columna "Ofertas" baja debajo y la ficha usa todo el ancho ----
   Hoy la ficha tiene 3/4 del ancho y dentro tres columnas de un tercio: foto de ~145 px.
   Con esto la foto pasa a ~325 px. Los cuatro banners laterales quedan en una fila de cuatro (no se tocan). */
@media (min-width: 768px) and (max-width: 991px) {
  body#product #columns #center_column.col-sm-9 { width: 100%; }
  body#product #columns #right_column.col-sm-3 { width: 100%; }
  body#product #right_column .ofertasBlock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
  body#product #right_column .ofertasBlock .ofertaRow { margin: 0; }
  body#product #right_column .ofertasBlock img { width: 100%; height: auto; }
}
/* OPCION B (DECISION DEL PROPIETARIO, desactivada): en escritorio quitar la columna "Ofertas" de la ficha.
   La ficha pasaria de 873 a 1164 px y la foto de ~388 a ~540 px. Retira de la ficha los banners de descuento.
@media (min-width: 992px) {
  body#product #columns #right_column { display: none; }
  body#product #columns #center_column.col-sm-9 { width: 100%; }
}
*/


/* ---- 10.9 Ficha en movil (<= 767): remates sobre el bloque 2 ---- */
@media (max-width: 767px) {
  body#product:not(.content_only) #center_column .pb-left-column #image-block { width: auto; max-width: 340px; }
  body#product:not(.content_only) #center_column .pb-left-column #views_block { width: auto; max-width: 340px; }
  /* la franja naranja de "ultimos articulos" sobresalia del margen */
  body#product:not(.content_only) #center_column #last_quantities { margin-left: 0; }
}


/* ---- 10.10 Listados: nombre del producto en blanco (el bloque 9 lo pedia, pero gana su regla de enlaces ambar) ---- */
body:is(#index,#category,#search,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier) #center_column ul.product_list .product-name { color: #ffffff !important; }
body:is(#index,#category,#search,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier) #center_column ul.product_list .product-name:hover { color: #ffb454 !important; }
/* boton "Anadir al carrito" desactivado (agotado): gris, no azul apagado */
body:is(#index,#category,#search,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier) #center_column .ajax_add_to_cart_button.disabled,
body:is(#index,#category,#search,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier) #center_column .ajax_add_to_cart_button.disabled span {
  background: #3a3f47 !important; border-color: #4a515c !important; color: #9aa0a8 !important; opacity: 1; cursor: not-allowed; }


/* ---- 10.11 Categoria: el texto de la cabecera se escribia sobre la foto (texto blanco encima de las porras) ---- */
body#category #center_column .content_scene_cat_bg .cat_desc {
  max-width: 60%; padding: 10px 14px; border-radius: 6px; background: rgba(16, 18, 22, 0.78); }
@media (max-width: 767px) {
  body#category #center_column .content_scene_cat_bg .cat_desc { max-width: none; }
}


/* ---- 10.12 Pie en tableta: el rotulo NEWSLETTER se cortaba ("LETTER") tambien entre 768 y 991 px (el bloque 6 solo cubre movil) ---- */
@media (min-width: 768px) and (max-width: 991px) {
  body #footer #newsletter_block_left .newsletter_block_right { float: none; min-width: 0; }
  body #footer #newsletter_block_left h4 { float: none; padding-right: 0; }
}

/* ===== BLOQUE 11 (12/11/2026): tarjetas sin salto al pasar el raton e iconos de compra de la ficha. Para quitarlo, borrar este bloque. ===== */

/* ---- Listados: sin salto al pasar el raton ---- */
ul.product_list.grid > li.ajax_block_product, ul.product_list.grid > li.ajax_block_product.hovered { height:auto !important; margin-bottom:0 !important; }
ul.product_list.grid > li .product-container { transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
ul.product_list.grid > li.hovered .product-container { border-color:#a51f26 !important; box-shadow:0 10px 24px rgba(0,0,0,.5) !important; transform:translateY(-3px); }
/* franja de precio que el tema pinta sobre la foto al pasar el raton */
ul.product_list.grid > li .left-block .content_price { display:none !important; }
/* el precio sigue en su sitio */
ul.product_list.grid > li.hovered .right-block .content_price, ul.product_list.grid > li .product-container:hover .right-block .content_price { display:block !important; visibility:visible !important; }
/* «lista de deseos» y «comparar» del listado: solo salian al pasar el raton y dejaban una franja vacia de 59 px.
   Se retiran del listado (siguen en la ficha). Decision reversible: borrar esta linea. */
ul.product_list.grid > li .functional-buttons { display:none !important; }
/* «Vista rapida» como etiqueta discreta centrada en la foto */
ul.product_list.grid > li .quick-view { background:rgba(16,18,22,.88) !important; border:1px solid #a51f26 !important; border-radius:22px !important; box-shadow:none !important; font-size:12px !important; text-transform:uppercase; letter-spacing:.04em; padding:9px 16px !important; width:auto !important; left:50% !important; top:50% !important; margin:0 !important; transform:translate(-50%,-50%); white-space:nowrap; }
ul.product_list.grid > li .quick-view, ul.product_list.grid > li .quick-view span { color:#ffffff !important; }

/* ---- Ficha: controles e iconos de compra ---- */
/* cantidad: campo y botones - / + de tamano normal, en una fila */
body#product #quantity_wanted_p { display:flex; align-items:center; flex-wrap:wrap; gap:8px; height:auto; }
body#product #quantity_wanted_p label { flex:0 0 100%; margin:0 0 2px; }
body#product #quantity_wanted_p .clearfix { display:none; }
body#product #quantity_wanted { float:none !important; width:64px !important; height:42px !important; font-size:16px; font-weight:bold; text-align:center; border-radius:6px; }
body#product #quantity_wanted_p a.btn { float:none !important; width:42px !important; height:42px !important; margin:0 !important; padding:0 !important; border-radius:6px; background:#2f343c !important; border:1px solid #4a515c !important; display:flex; align-items:center; justify-content:center; }
body#product #quantity_wanted_p a.btn span { border:0 !important; padding:0 !important; width:auto !important; height:auto !important; background:transparent !important; display:flex; align-items:center; }
body#product #quantity_wanted_p a.btn span i { font-size:16px !important; color:#ffffff !important; }
body#product #quantity_wanted_p a.btn:hover { background:#a51f26 !important; border-color:#a51f26 !important; }
/* boton de compra: carrito y texto en una linea */
body#product #add_to_cart button { display:flex !important; align-items:center; justify-content:center; gap:12px; width:100% !important; max-width:360px; height:auto !important; min-height:54px; padding:0 20px !important; border-radius:8px !important; box-shadow:0 6px 16px rgba(165,31,38,.35); }
body#product #add_to_cart button:before { position:static !important; width:auto !important; height:auto !important; font-size:22px !important; line-height:1 !important; padding:0 !important; border:0 !important; }
body#product #add_to_cart button span { display:inline !important; padding:0 !important; border:0 !important; width:auto !important; height:auto !important; font-size:17px !important; font-weight:bold; letter-spacing:.02em; text-shadow:none !important; }
body#product #add_to_cart button:hover { background:#7d151b !important; }
/* lista de deseos y resenas: iconos con la paleta, no circulos grises */
body#product #wishlist_button:before, body#product .comments_advices a:before { background:transparent !important; border:1px solid #a51f26 !important; color:#ff6b70 !important; width:32px !important; height:32px !important; line-height:30px !important; }
/* enviar a un amigo e imprimir: iconos visibles sobre oscuro */
body#product #usefull_link_block li a:before, body#product #usefull_link_block li:before, body#product #usefull_link_block li a i { color:#ffb454 !important; }
/* compartir */
body#product .socialsharing_product button { border-radius:18px !important; padding:6px 14px !important; background:#23272e !important; border:1px solid #4a515c !important; }
body#product .socialsharing_product button:hover { border-color:#a51f26 !important; }

/* ===== BLOQUE 12 (12/11/2026, cs-diseno-ps16): legibilidad del contenido de la ficha.
   Motivo: en la ficha 190 (y en todas las fichas con "Descuentos por volumen" o "Ficha tecnica") las tablas
   quedaban con fondo blanco del tema base y texto claro del bloque 9 (contraste 1,23-1,27:1, ilegible), y la
   ficha tecnica se salia 16 px por la derecha. Las descripciones pegadas con estilos en linea (color, tamano,
   fuente, h4/h5 usados como parrafo, todo en negrita) quedaban en 13 px, negrita blanca y tamanos desiguales.
   Alcance: solo body#product (incluida la vista rapida). No toca carrito, pedido, cuenta ni listados.
   Contrastado con los selectores reales de la plantilla product.tpl del tema y del HTML publico de las fichas
   190, 96, 197, 355, 159, 165, 134, 371 y 351 (12/11/2026):
     #short_description_content.rte.align_justify, section.page-product-box > div.rte,
     #quantityDiscount table.std.table-product-discounts, table.table-data-sheet tr.odd/.even td.
   !important solo donde hace falta vencer estilos en linea del contenido o reglas del bloque 9 que ya lo usan.
   Para quitarlo, borrar este bloque. ===== */

/* ---- 12.1 Descripcion corta y larga: misma letra, tamano e interlineado, vengan como vengan pegadas ---- */
body#product #center_column #short_description_content,
body#product #center_column .page-product-box > .rte {
  font-family: Arial, Helvetica, sans-serif !important;
  color: #e2e4e7 !important;
  text-align: left !important;
}
body#product #center_column .page-product-box > .rte { max-width: 760px; }
body#product #center_column #short_description_content *,
body#product #center_column .page-product-box > .rte * {
  font-family: inherit !important;
  letter-spacing: normal !important;
  background-color: transparent !important;
}
/* El texto en linea hereda el tamano de su bloque (anula font-size:large, 12px, 11.8px y <font size>) */
body#product #center_column #short_description_content :is(span, font, strong, b, em, i, u, a, small, big),
body#product #center_column .page-product-box > .rte :is(span, font, strong, b, em, i, u, a, small, big) {
  font-size: inherit !important;
  line-height: inherit !important;
}
body#product #center_column #short_description_content :is(p, div, li, h1, h2, h3, h4, h5, h6, pre) {
  font-size: 14px !important; line-height: 1.55 !important; margin: 0 0 6px !important; font-weight: 400 !important;
  text-transform: none !important; white-space: normal !important;
}
body#product #center_column .page-product-box > .rte :is(p, div, li, pre) {
  font-size: 15px !important; line-height: 1.65 !important; font-weight: 400 !important;
  text-align: left !important; white-space: normal !important;
}
body#product #center_column .page-product-box > .rte p { margin: 0 0 10px !important; }
body#product #center_column .page-product-box > .rte p:empty { display: none; }
/* Negrita: blanca y algo mas ligera, para que un texto entero en negrita no "grite" */
body#product #center_column #short_description_content :is(strong, b),
body#product #center_column .page-product-box > .rte :is(strong, b) { font-weight: 600 !important; color: #ffffff !important; }
/* Cursiva pegada en parrafos enteros: se lee mejor recta (el bloque 9 ya la deja normal; se fija aqui) */
body#product #center_column #short_description_content :is(em, i),
body#product #center_column .page-product-box > .rte :is(em, i) { font-style: normal !important; }

/* ---- 12.2 Encabezados dentro de la descripcion: jerarquia fija. h4-h6 se usan como parrafo en muchas fichas ---- */
body#product #center_column .page-product-box > .rte :is(h1, h2) {
  font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #ffffff !important;
  margin: 18px 0 8px !important; text-transform: none !important;
}
body#product #center_column .page-product-box > .rte h3 {
  font-size: 16px !important; line-height: 1.4 !important; font-weight: 600 !important; color: #ffffff !important;
  margin: 16px 0 6px !important; text-transform: none !important;
}
body#product #center_column .page-product-box > .rte :is(h4, h5, h6) {
  font-size: 15px !important; line-height: 1.65 !important; font-weight: 400 !important; color: #e2e4e7 !important;
  margin: 0 0 10px !important; text-transform: none !important; padding: 0 !important; border: 0 !important;
}
body#product #center_column .page-product-box > .rte > :is(h1, h2, h3):first-child { margin-top: 4px !important; }

/* ---- 12.3 Listas ---- */
body#product #center_column .page-product-box > .rte :is(ul, ol) { margin: 0 0 12px !important; padding-left: 22px !important; }
body#product #center_column .page-product-box > .rte ul { list-style: disc outside !important; }
body#product #center_column .page-product-box > .rte ol { list-style: decimal outside !important; }
body#product #center_column .page-product-box > .rte li { margin: 0 0 4px !important; }
body#product #center_column .page-product-box > .rte li::marker { color: #ffb454; }

/* ---- 12.4 Enlaces e imagenes incrustadas ---- */
body#product #center_column .page-product-box > .rte a { text-decoration: underline !important; text-underline-offset: 2px; }
body#product #center_column .page-product-box > .rte img { max-width: 100% !important; height: auto !important; }

/* ---- 12.5 Tablas pegadas en la descripcion: oscuras, con filas legibles ---- */
body#product #center_column .page-product-box > .rte :is(table, tbody, thead, tr) { background: transparent !important; border-color: #363c45 !important; }
body#product #center_column .page-product-box > .rte :is(td, th) {
  font-size: 14px !important; line-height: 1.45 !important; color: #e2e4e7 !important;
  padding: 6px 12px 6px 0 !important; border: 0 !important; border-bottom: 1px solid #363c45 !important;
}
body#product #center_column .page-product-box > .rte td :is(p, h1, h2, h3, h4, h5, h6) { font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; }

/* ---- 12.6 "Descuentos por volumen" y "Ficha tecnica": venian en blanco con texto claro (contraste 1,2:1) ---- */
body#product #center_column .page-product-box table.table-product-discounts,
body#product #center_column .page-product-box table.table-data-sheet {
  background: #1d2127 !important; border: 1px solid #363c45 !important; border-collapse: collapse;
}
body#product #center_column .page-product-box table.table-data-sheet { width: calc(100% - 32px) !important; }
body#product #center_column .page-product-box table.table-product-discounts :is(tr, thead, tbody),
body#product #center_column .page-product-box table.table-data-sheet tr { background: transparent !important; }
body#product #center_column .page-product-box table.table-product-discounts th {
  background: #2b3038 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important;
  text-transform: none !important; padding: 8px 12px !important; border: 0 !important; border-bottom: 1px solid #363c45 !important;
}
body#product #center_column .page-product-box table.table-product-discounts td,
body#product #center_column .page-product-box table.table-data-sheet td {
  background: transparent !important; color: #e2e4e7 !important; font-size: 14px !important; font-weight: 400 !important;
  padding: 8px 12px !important; border: 0 !important; border-bottom: 1px solid #363c45 !important;
}
body#product #center_column .page-product-box table.table-data-sheet tr.even td { background: #23272e !important; }
body#product #center_column .page-product-box table.table-data-sheet td:first-child {
  color: #c5cad1 !important; font-weight: 600 !important; width: 40%; border-right: 1px solid #363c45 !important;
}
/* ---- 12.7 Avisos de existencias de la ficha: "Ultimos articulos" era texto claro sobre naranja (1,77:1) y
   la etiqueta verde de disponibilidad quedaba en 4,38:1 con letra de 13 px ---- */
body#product #center_column #last_quantities { color: #1d2127 !important; }
/* Solo el verde: el ambar de "sin stock" (.warning_inline, bloque 10.6) no se toca */
body#product #center_column #availability_statut #availability_value:not(.warning_inline):not(.label-warning):not(.label-danger) {
  background-color: #17703d !important; border-color: #17703d !important; }

@media (max-width: 767px) {
  body#product #center_column .page-product-box table.table-product-discounts { width: calc(100% - 32px) !important; }
  body#product #center_column .page-product-box > .rte :is(p, div, li, pre, h4, h5, h6) { font-size: 15px !important; }
}
/* ===== FIN BLOQUE 12 ===== */