/* ============================================================
   Echando Raíces — páginas "de fábrica" con la marca (2026-11-13)
   Páginas que seguían con el diseño claro por defecto de PrestaShop:
   contenido (CMS), contacto, búsqueda, marcas, mapa del sitio, 404,
   inicio de sesión, registro, contraseña, seguimiento de invitado,
   área de cliente y sus subpáginas, pedido confirmado y listas de
   deseos. Se aplica a todas las páginas MENOS las que ya tienen diseño propio
   (portada, categoría, producto, carrito y checkout). Mismos tokens
   que el resto de la web. Se carga al final de head.tpl.
   ============================================================ */
:root {
  --hr-color-acento: #581f7c;
  --hr-color-acento-claro: #c79ce2;
  --hr-color-fondo-oscuro: #221200;
  --hr-color-texto-claro: #e6dacc;
  --hr-color-texto-oscuro: #221200;
  --hr-color-borde-oscuro: rgba(230, 218, 204, 0.25);
  --hr-color-texto-suave: rgba(230, 218, 204, 0.7);
  --hr-color-superficie-oscura: rgba(230, 218, 204, 0.04);
  --hr-verde-ok: #7fbf7f;
  --hr-color-error: #e57468;
  --hr-radius-accion: 8px;
  --hr-radius-card: 10px;
}

/* ---------- 1. Fondo y texto base ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper {
  background: var(--hr-color-fondo-oscuro) !important;
  color: var(--hr-color-texto-claro);
}

html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout)
  #wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, li, dt, dd, td, th,
  label, legend, address, span, strong, em, small, .form-control-label, .card-title,
  .page-subheading, .page-header, .text-muted, .form-text, .form-control-comment):not(.btn):not(.btn *):not(.label):not(.badge):not(.product-flag):not(.hr-error-msg) {
  color: var(--hr-color-texto-claro);
}

html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.text-muted, .form-text, .form-control-comment, small) {
  color: var(--hr-color-texto-suave) !important;
}

/* Títulos: mayúscula solo inicial y misma escala que el resto de la web */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .card-title, .page-subheading, .link-item, .btn) {
  text-transform: none !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper #main > .page-header h1,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper #main .page-header h1,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper #content-wrapper > section > h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 20px;
}

/* ---------- 2. Tarjetas y bloques blancos → superficie oscura ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout)
  #wrapper :is(.page-content, .card, .card-block, .block-category, #content.page-content,
  .contact-form, .contact-rich, #search_filters, .address, .order-message-form,
  .page-content.page-cms, .wishlist-container, .wishlist-list-container, .wishlist-products-container,
  .box, .sitemap, #order-items, #order-details, #content-hook_payment_return, #content-hook_order_confirmation,
  #registration-form, .register-form, .login-form, .forgotten-password, .send-renew-password-link,
  .renew-password, .alert-info-container, .no-products) {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
  box-shadow: none !important;
  color: var(--hr-color-texto-claro);
}
/* Los formularios dentro de una tarjeta no llevan una segunda caja */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-content :is(.login-form, .register-form, .forgotten-password, .send-renew-password-link, .renew-password, #registration-form) {
  background: transparent !important;
  border: 0 !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-content {
  padding: 24px !important;
}
@media (max-width: 767px) {
  html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-content { padding: 18px !important; }
}

/* ---------- 3. Enlaces ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper a:not(.btn):not(.product-thumbnail):not(.thumbnail) {
  color: var(--hr-color-acento-claro);
  text-decoration: none;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper a:not(.btn):not(.product-thumbnail):not(.thumbnail):hover {
  color: var(--hr-color-texto-claro);
  text-decoration: underline;
}

/* Migas de pan: mismo patrón que la ficha de producto */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb { background: transparent !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb li a,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb li a span { color: var(--hr-color-acento-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb li:last-child,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb li:last-child span { color: rgba(230, 218, 204, 0.45) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .breadcrumb li::after { color: rgba(230, 218, 204, 0.45) !important; }

/* ---------- 4. Campos de formulario (igual que el checkout) ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.form-control, .custom-select, select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"]) {
  background: rgba(230, 218, 204, 0.05) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-accion) !important;
  color: var(--hr-color-texto-claro) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.form-control, select, textarea)::placeholder { color: rgba(230, 218, 204, 0.35) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.form-control, select, textarea):focus {
  border-color: var(--hr-color-acento-claro) !important;
  background: rgba(230, 218, 204, 0.08) !important;
  outline: none !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper select option { background: var(--hr-color-fondo-oscuro); color: var(--hr-color-texto-claro); }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-control:-webkit-autofill,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-control:-webkit-autofill:hover,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--hr-color-texto-claro) !important;
  -webkit-box-shadow: 0 0 0 1000px #2c1c0b inset !important;
  caret-color: var(--hr-color-texto-claro);
}
/* Botón "Mostrar" de las contraseñas de fábrica (input-group) */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .input-group-btn .btn,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .input-group .btn[data-action="show-password"] {
  background: rgba(230, 218, 204, 0.08) !important;
  color: var(--hr-color-acento-claro) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-left: 0 !important;
  border-radius: 0 var(--hr-radius-accion) var(--hr-radius-accion) 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .input-group .form-control { border-radius: var(--hr-radius-accion) 0 0 var(--hr-radius-accion) !important; }

/* Casillas y radios de fábrica */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .custom-checkbox input[type="checkbox"] + span,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .custom-radio {
  background: transparent !important;
  border: 1px solid var(--hr-color-acento-claro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .custom-checkbox input[type="checkbox"] + span .checkbox-checked { color: var(--hr-color-acento-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .custom-radio input[type="radio"]:checked + span { background: var(--hr-color-acento-claro) !important; }

/* Separación de 16 px entre el campo y el botón (página de contraseña) */
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .form-fields .form-group,
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .send-renew-password-link .form-group { margin-bottom: 16px; }
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .form-footer,
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .form-fields + footer { margin-top: 16px; }

/* ---------- 5. Botones secundarios / de fábrica ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-secondary,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-tertiary,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-outline-primary {
  background: transparent !important;
  color: var(--hr-color-acento-claro) !important;
  border: 1px solid var(--hr-color-acento-claro) !important;
  border-radius: var(--hr-radius-accion) !important;
  box-shadow: none !important;
  text-transform: none !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-secondary:hover,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-tertiary:hover,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-outline-primary:hover {
  background: var(--hr-color-acento) !important;
  border-color: var(--hr-color-acento) !important;
  color: var(--hr-color-texto-claro) !important;
}

/* ---------- 6. Avisos (verde/azul/amarillo/rojo de fábrica) ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #notifications .alert {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-left-width: 4px !important;
  border-radius: var(--hr-radius-accion) !important;
  color: var(--hr-color-texto-claro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert * { color: var(--hr-color-texto-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert a { color: var(--hr-color-acento-claro) !important; text-decoration: underline; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert-success { border-left-color: var(--hr-verde-ok) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert-info { border-left-color: var(--hr-color-acento-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert-warning { border-left-color: #d98a3d !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert-danger { border-left-color: var(--hr-color-error) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .alert .close { opacity: .7; text-shadow: none; }

/* ---------- 7. Tablas (historial de pedidos, facturas, descuentos…) ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .table,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper table { color: var(--hr-color-texto-claro); background: transparent !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .table :is(th, td) {
  border-color: var(--hr-color-borde-oscuro) !important;
  background: transparent !important;
  color: var(--hr-color-texto-claro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .table thead th,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .thead-default th {
  background: rgba(230, 218, 204, 0.06) !important;
  font-weight: 600;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .table-striped tbody tr:nth-of-type(odd) { background: rgba(230, 218, 204, 0.03) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .table-striped tbody tr:nth-of-type(even) { background: transparent !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .label,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .label-pill {
  border-radius: 999px;
  color: var(--hr-color-texto-oscuro) !important;
  font-weight: 600;
}

/* ---------- 8. Área de cliente ("Tu cuenta") ---------- */
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links a {
  text-transform: none !important;
}
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links a .link-item {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
  box-shadow: none !important;
  color: var(--hr-color-texto-claro) !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: none !important;
  transition: border-color .2s ease, background .2s ease;
}
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links a .link-item i,
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links a .link-item .material-icons {
  color: var(--hr-color-acento-claro) !important;
}
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links a:hover .link-item {
  border-color: var(--hr-color-acento-claro) !important;
  background: rgba(230, 218, 204, 0.08) !important;
  color: var(--hr-color-texto-claro) !important;
}
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-content {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
/* Pie del área de cliente: "Volver a tu cuenta" / "Inicio" / "Cerrar sesión" */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-footer a,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .account-link { color: var(--hr-color-acento-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-footer .text-xs-center a { font-weight: 600; }

/* Direcciones guardadas */
html body#addresses:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .address,
html body#addresses:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .addresses-footer {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
}
html body#addresses:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .address .address-footer { border-top: 1px solid var(--hr-color-borde-oscuro) !important; }
html body#addresses:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .addresses-footer a span { color: var(--hr-color-acento-claro) !important; }

/* Cabecera: "Cerrar sesión" sin partirse en dos líneas */
html body #header .user-info a,
html body #header .user-info .logout,
html body #header .user-info .account { white-space: nowrap; }

/* ---------- 9. Pedido confirmado ---------- */
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_order_confirmation .card-title,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_order_confirmation h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--hr-color-texto-claro) !important;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_order_confirmation .material-icons.rtl-no-flip,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_order_confirmation .done {
  color: var(--hr-verde-ok) !important;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items .order-line,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items hr,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items table td { border-color: var(--hr-color-borde-oscuro) !important; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items .order-confirmation-table { background: transparent !important; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-details ul li,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-details li strong { color: var(--hr-color-texto-claro) !important; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #registration-form h4 { font-size: 20px; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .definition-list dl dt,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .definition-list dl dd {
  background: rgba(230, 218, 204, 0.05) !important;
  color: var(--hr-color-texto-claro) !important;
}

/* ---------- 10. Página 404 y búsqueda sin resultados ---------- */
html body#pagenotfound:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .page-content,
html body#search:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .page-not-found,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-not-found {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
  box-shadow: none !important;
  color: var(--hr-color-texto-claro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-not-found h4 { color: var(--hr-color-texto-claro) !important; font-size: 18px; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-not-found .search-widget input[type="text"] {
  background: rgba(230, 218, 204, 0.05) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
  border-radius: var(--hr-radius-accion) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-not-found .search-widget button .material-icons,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .page-not-found .search-widget .material-icons { color: var(--hr-color-acento-claro) !important; }

/* ---------- 11. Marcas, mapa del sitio y contacto ---------- */
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .brand {
  background: var(--hr-color-superficie-oscura) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
}
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .brand .brand-img img { border-radius: var(--hr-radius-imagen, 8px); background: #fff; }
html body#sitemap:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .sitemap h2 { font-size: 20px; font-weight: 700; border-bottom: 1px solid var(--hr-color-borde-oscuro); }
html body#sitemap:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .sitemap a { color: var(--hr-color-acento-claro) !important; }
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .contact-rich .block .icon .material-icons { color: var(--hr-color-acento-claro) !important; }
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .contact-rich hr { border-color: var(--hr-color-borde-oscuro) !important; }
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .contact-form .bootstrap-filestyle .btn,
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .contact-form .group-span-filestyle .btn {
  background: transparent !important;
  color: var(--hr-color-acento-claro) !important;
  border: 1px solid var(--hr-color-acento-claro) !important;
}

/* ---------- 12. Páginas de contenido (envío, legales, formas de pago) ---------- */
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms { line-height: 1.65; font-size: 16px; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms :is(h2, h3) { margin-top: 24px; margin-bottom: 10px; font-weight: 700; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms h2 { font-size: 22px; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms h3 { font-size: 18px; color: var(--hr-color-acento-claro) !important; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms :is(p, li) { color: var(--hr-color-texto-claro) !important; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms ul { padding-left: 20px; list-style: disc; }
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms ol { padding-left: 20px; }

/* ---------- 13. Listas de deseos ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-list-item,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-list-item-link,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-container .wishlist-list {
  background: transparent !important;
  border-color: var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-list-item-title,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-container-header h1 { color: var(--hr-color-texto-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-add-to-new,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) .wishlist-add-to-new i { color: var(--hr-color-acento-claro) !important; }

/* Ventanas de la lista de deseos (en toda la web: ficha, cards, cuenta) */
html body .wishlist-modal .modal-content {
  background: var(--hr-color-fondo-oscuro) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  border-radius: var(--hr-radius-card) !important;
  color: var(--hr-color-texto-claro) !important;
}
html body .wishlist-modal :is(.modal-header, .modal-footer) { border-color: var(--hr-color-borde-oscuro) !important; }
html body .wishlist-modal :is(.modal-title, .modal-body, .modal-body p, label, .wishlist-list-item-title) { color: var(--hr-color-texto-claro) !important; }
html body .wishlist-modal .close { color: var(--hr-color-texto-claro) !important; opacity: .8; text-shadow: none; }
html body .wishlist-modal .wishlist-list-item:hover,
html body .wishlist-modal .wishlist-chooselist .wishlist-list-item:hover { background: rgba(230, 218, 204, 0.08) !important; }
html body .wishlist-modal .form-control {
  background: rgba(230, 218, 204, 0.05) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
  border-radius: var(--hr-radius-accion) !important;
}
html body .wishlist-modal .modal-footer .btn-primary,
html body .wishlist-modal .btn-primary {
  background: var(--hr-color-acento-claro) !important;
  border: 0 !important;
  color: var(--hr-color-texto-oscuro) !important;
  border-radius: var(--hr-radius-accion) !important;
  text-transform: none !important;
}
html body .wishlist-modal .btn-primary:hover { background: var(--hr-color-acento) !important; color: var(--hr-color-texto-claro) !important; }
html body .wishlist-modal .modal-cancel,
html body .wishlist-modal .btn-secondary {
  background: transparent !important;
  color: var(--hr-color-acento-claro) !important;
  border: 1px solid var(--hr-color-acento-claro) !important;
  border-radius: var(--hr-radius-accion) !important;
  text-transform: none !important;
}
html body .wishlist-toast {
  background: var(--hr-color-fondo-oscuro) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
}
html body .wishlist-toast .wishlist-toast-text { color: var(--hr-color-texto-claro) !important; }

/* ---------- 14. Paginación y ordenación en listados de fábrica ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .pagination a { color: var(--hr-color-acento-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .pagination .current a { color: var(--hr-color-texto-claro) !important; font-weight: 700; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .products-sort-order .select-title {
  background: rgba(230, 218, 204, 0.05) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
  border-radius: var(--hr-radius-accion) !important;
  box-shadow: none !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .products-sort-order .dropdown-menu {
  background: var(--hr-color-fondo-oscuro) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .products-sort-order .dropdown-menu a { color: var(--hr-color-texto-claro) !important; }
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .products-sort-order .dropdown-menu a:hover { background: var(--hr-color-acento) !important; }

/* ---------- 15. Pie: "Preferencias de cookies" al mismo tamaño que el resto ---------- */
html body #footer :is(a, button)[class*="cookie"],
html body #footer .hr-cookie-prefs-link,
html body #footer button.hr-cookie-settings {
  font-size: inherit !important;
}

/* ---------- 16. Botón principal (mismo esquema que home y cards) ---------- */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-primary {
  background: var(--hr-color-acento-claro) !important;
  border: 0 !important;
  color: var(--hr-color-texto-oscuro) !important;
  border-radius: var(--hr-radius-accion) !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 700;
  padding: 12px 22px;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-primary:hover,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .btn-primary:focus-visible {
  background: var(--hr-color-acento) !important;
  color: var(--hr-color-texto-claro) !important;
}

/* ---------- 17. Formularios de cuenta: etiqueta arriba, campo a lo ancho ---------- */
html body:is(#authentication, #registration, #password, #identity, #address, #guest-tracking, #order-detail, #order-follow, #contact):not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.form-group.row, .form-group) {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 560px;
  margin-bottom: 18px;
}
html body:is(#authentication, #registration, #password, #identity, #address, #guest-tracking, #order-detail, #order-follow):not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-group > :is(.col-md-3, .col-md-5, .col-md-6, .col-md-9, .col-sm-12, [class*="col-"]) {
  width: 100%;
  max-width: 100%;
  flex: none;
  padding-left: 0;
  padding-right: 0;
  text-align: left !important;
}
html body:is(#authentication, #registration, #password, #identity, #address, #guest-tracking, #order-detail, #order-follow):not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-group > .form-control-label {
  font-size: 13px;
  font-weight: 600;
  padding-top: 0;
  margin-bottom: 6px;
}
html body:is(#authentication, #registration, #password, #identity, #address, #guest-tracking, #order-detail, #order-follow):not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .form-group > .col-md-3.form-control-comment:empty { display: none; }
html body:is(#authentication, #registration, #password, #identity, #address, #guest-tracking):not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper :is(.form-footer, footer.form-footer) {
  text-align: left !important;
  max-width: 560px;
  margin-top: 8px;
}
/* Contraseña olvidada: campo y botón uno debajo del otro, 16 px de separación */
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .center-email-fields { display: flex; flex-direction: column; align-items: stretch; }
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .center-email-fields .email { width: 100%; max-width: 100%; padding: 0; }
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .center-email-fields .form-control-submit { margin: 16px 0 0 0 !important; width: auto; align-self: flex-start; }
html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .send-renew-password-link { margin-bottom: 18px; }
@media (max-width: 767px) {
  html body#password:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .center-email-fields .form-control-submit { width: 100%; }
}
/* "¿Has olvidado tu contraseña?" y "¿No tienes cuenta?" del inicio de sesión */
html body#authentication:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .forgot-password { text-align: left; margin: 4px 0 20px; }
html body#authentication:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .no-account { text-align: left; margin-top: 8px; }
html body#authentication:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper hr,
html body#registration:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper hr { border-color: var(--hr-color-borde-oscuro) !important; }

/* ---------- 18. Ajustes tras revisar en vivo ---------- */
/* Textos de las páginas de contenido alineados a la izquierda (el
   justificado del tema dejaba huecos enormes en móvil) */
html body#cms:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content.page-cms :is(p, li) { text-align: left !important; }
/* Bloque "Información de la tienda" de Contacto */
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .contact-rich,
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .contact-rich * { color: var(--hr-color-texto-claro) !important; }
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .contact-rich a { color: var(--hr-color-acento-claro) !important; }
html body#contact:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .contact-rich .block { margin-bottom: 14px; }
/* Mensajes de error de los formularios (custom-checkout-shell.js) */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .hr-error-msg {
  color: var(--hr-color-error) !important;
  font-size: 13px;
  margin: 6px 0 0;
}
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .hr-invalid { border-color: var(--hr-color-error) !important; }

/* ---------- 19. Marcas: lista de nombres (sin la imagen "no disponible") ---------- */
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main ul:has(> li.brand) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main li.brand {
  display: block;
  width: auto;
  margin: 0;
  padding: 12px 18px !important;
  text-align: left;
}
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main li.brand:has(img[src*="default"]) .brand-img { display: none; }
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main li.brand .brand-infos p { margin: 0; font-weight: 700; font-size: 16px; }
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main li.brand .brand-products { display: none; }
html body#manufacturer:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main li.brand:hover { border-color: var(--hr-color-acento-claro) !important; }

/* ---------- 20. 404: sin el "No hay productos disponibles" (confunde) ---------- */
html body#pagenotfound:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .page-not-found > h4,
html body#pagenotfound:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .page-not-found > p { display: none; }
html body#pagenotfound:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #main .page-not-found::before {
  content: "¿Buscabas algo en concreto? Prueba aquí:";
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--hr-color-texto-claro);
}

/* ---------- 21. Tu cuenta: tarjetas que no aplican a esta tienda ---------- */
/* "Facturas por abono" y "Mis alertas" no se usan; se ocultan (si algún día
   hacen falta, basta con borrar estas dos líneas). */
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links #order-slips-link,
html body#my-account:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content .links #emailsalerts { display: none !important; }

/* ---------- 22. Pedido confirmado: total y datos de pago ---------- */
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items .total-value,
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items .total-value td {
  background: rgba(230, 218, 204, 0.08) !important;
  color: var(--hr-color-texto-claro) !important;
  text-transform: none !important;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items :is(h3, .card-title, td, th) { text-transform: none !important; font-style: normal; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl {
  display: grid;
  grid-template-columns: minmax(110px, 40%) 1fr;
  gap: 0;
  border: 1px solid var(--hr-color-borde-oscuro);
  border-radius: var(--hr-radius-accion);
  overflow: hidden;
  margin: 12px 0 16px;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl :is(dt, dd) {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid var(--hr-color-borde-oscuro);
  background: transparent !important;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dt { font-weight: 600; color: var(--hr-color-texto-suave) !important; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dd { font-weight: 600; }
/* "Nombre del banco" va vacío (ya no se usa) */
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dt:nth-of-type(4),
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dd:nth-of-type(4) { display: none; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dt:nth-of-type(3),
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return dl dd:nth-of-type(3) { border-bottom: 0; }

/* ---------- 23. Estado del pedido (la etiqueta de color de PrestaShop) ---------- */
/* PrestaShop pinta el estado con el color del panel (azul, verde…) y texto
   oscuro: no se leía. Se unifica: borde y punto con el color del estado. */
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .label-pill,
html body:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #wrapper .label.label-pill {
  background: rgba(230, 218, 204, 0.08) !important;
  border: 1px solid var(--hr-color-borde-oscuro) !important;
  color: var(--hr-color-texto-claro) !important;
  font-weight: 600;
  padding: 4px 10px;
  display: inline-block;
  white-space: normal;
  line-height: 1.35;
}
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #order-items .total-value * { text-transform: none !important; }
html body#order-confirmation:not(#index):not(#category):not(#product):not(#cart):not(#checkout) #content-hook_payment_return .card-block { padding: 18px !important; }

/* ============================================================
   BLOQUE M — mejoras de diseño en móvil (2026-11-13)
   Cards de producto y ficha de producto. Reglas globales (no
   dependen del tipo de página).
   ============================================================ */

/* ---------- M1. Cards de producto en móvil: foto a la izquierda ---------- */
@media (max-width: 575px) {
  html body .product-miniature.hr-card .thumbnail-container { flex-direction: row !important; height: auto !important; min-height: 0 !important; align-items: stretch !important; border-radius: 10px !important; }
  html body .product-miniature.hr-card .thumbnail-top { width: 40% !important; flex: 0 0 40% !important; height: auto !important; align-self: stretch; }
  html body .product-miniature.hr-card .thumbnail-top .product-thumbnail,
  html body .product-miniature.hr-card .thumbnail-top img { width: 100% !important; height: 100% !important; min-height: 150px; object-fit: cover !important; display: block; }
  html body .product-miniature.hr-card .product-description { width: auto !important; flex: 1 1 auto !important; height: auto !important; min-height: 0 !important; padding: 12px 14px !important; display: flex !important; flex-direction: column !important; gap: 2px; }
  html body .product-miniature.hr-card .hr-nombre,
  html body .product-miniature.hr-card .hr-nombre a { font-size: 18px !important; line-height: 1.25 !important; }
  html body .product-miniature.hr-card .price { font-size: 18px !important; }
  html body .product-miniature.hr-card .hr-cat { font-size: 13px !important; }
  html body .product-miniature.hr-card .hr-btn-slot { margin-top: auto !important; padding-top: 12px !important; }
  html body .product-miniature.hr-card .hr-btn-slot .btn,
  html body .product-miniature.hr-card .hr-btn-slot button { width: 100% !important; font-size: 13px !important; padding: 9px 8px !important; }
  html body .product-miniature.hr-card .highlighted-informations { display: none !important; }
}

/* ---------- M2. Ficha de producto: título, valoración, precio y botón ---------- */
@media (max-width: 767px) {
  html body#product h1 { margin-bottom: 6px !important; }
  html body#product .hr-product-rating { display: flex !important; align-items: center; gap: 10px; flex-wrap: nowrap; margin: 2px 0 14px !important; font-size: 13px; }
  html body#product .hr-product-rating .hr-rating-text { display: none !important; }
  html body#product .product-prices { margin: 0 0 14px !important; }
  html body#product .product-prices .current-price-value { font-size: 26px !important; }
  html body#product .tax-shipping-delivery-label { font-size: 12px !important; opacity: .7; margin-top: 0 !important; }
  html body#product .product-actions { margin-top: 0 !important; }
}

/* ---------- M3. Compartir: iconos más pequeños y discretos ---------- */
html body#product .social-sharing { display: flex; align-items: center; gap: 10px; margin: 18px 0 !important; }
html body#product .social-sharing > span { font-size: 13px; opacity: .8; }
html body#product .social-sharing ul { display: flex; gap: 8px; margin: 0; padding: 0; }
html body#product .social-sharing li { width: 30px !important; height: 30px !important; margin: 0 !important; background-size: 18px !important; background-position: center !important; border-radius: 50% !important; opacity: .75; transition: opacity .2s ease; }
html body#product .social-sharing li:hover { opacity: 1; }

/* ---------- M4. Botón "Escribe tu valoración" con la marca ---------- */
html body#product :is(.btn-comment, .btn-comment-big, .post-product-comment) { background: transparent !important; color: #c79ce2 !important; border: 1px solid #c79ce2 !important; border-radius: 8px !important; text-transform: none !important; box-shadow: none !important; font-weight: 600; }
html body#product :is(.btn-comment, .post-product-comment):hover { background: #581f7c !important; border-color: #581f7c !important; color: #e6dacc !important; }
html body#product .btn-comment .material-icons { color: inherit !important; }

/* ---------- M5. Bloque de confianza: mismos iconos que el checkout ---------- */
html body#product .blockreassurance_product { margin-top: 18px; display: grid; gap: 12px; }
html body#product .blockreassurance_product > div:not(.clearfix) { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; align-items: start; margin: 0 !important; }
html body#product .blockreassurance_product .item-product { grid-row: 1 / span 2; width: 28px !important; height: 24px; display: block; margin: 0 !important; font-size: 0; }
html body#product .blockreassurance_product .item-product :is(svg, img) { display: none !important; }
html body#product .blockreassurance_product .item-product::before { font-family: 'Material Icons'; font-size: 22px; line-height: 24px; color: #c79ce2; font-feature-settings: 'liga'; }
html body#product .blockreassurance_product > div:nth-of-type(1) .item-product::before { content: 'lock'; }
html body#product .blockreassurance_product > div:nth-of-type(2) .item-product::before { content: 'local_shipping'; }
html body#product .blockreassurance_product > div:nth-of-type(3) .item-product::before { content: 'replay'; }
html body#product .blockreassurance_product .block-title { color: #e6dacc !important; font-weight: 600; font-size: 14px; padding: 0 !important; }
html body#product .blockreassurance_product p { grid-column: 2; color: rgba(230, 218, 204, 0.7) !important; font-size: 13px; margin: 2px 0 0 !important; padding: 0 !important; }

/* ---------- M6. Foto de la ficha: se amplía al pulsarla también en móvil ---------- */
@media (max-width: 767px) {
  html body#product .product-cover { position: relative; }
  html body#product .product-cover .layer.hidden-sm-down { display: flex !important; position: absolute; inset: 0; background: transparent !important; opacity: 1 !important; justify-content: flex-end; align-items: flex-end; padding: 10px; cursor: zoom-in; }
  html body#product .product-cover .layer .zoom-in { font-size: 20px !important; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: rgba(34, 18, 0, 0.75); color: #e6dacc !important; }
  html body #product-modal .modal-dialog { margin: 72px auto 20px !important; max-width: 94vw !important; }
}
html body #product-modal .modal-content { background: #221200 !important; border: 1px solid rgba(230, 218, 204, .25) !important; border-radius: 10px !important; }
html body #product-modal .modal-content .modal-body { background: transparent !important; }
html body #product-modal :is(.image-caption, .product-images) { background: transparent !important; color: #e6dacc !important; border: 0 !important; }
html body #product-modal .product-images img { border-radius: 8px; border: 2px solid transparent; }
html body #product-modal .product-images img:is(.selected, :hover) { border-color: #c79ce2 !important; }
html body #product-modal .close { color: #e6dacc !important; opacity: .85; text-shadow: none; }

/* ---------- M7. Botón de favoritos (corazón) a juego ---------- */
html body .wishlist-button-add { background: transparent !important; border: 1px solid rgba(230, 218, 204, .35) !important; box-shadow: none !important; }
html body .wishlist-button-add :is(i, .material-icons) { color: #c79ce2 !important; }
html body .wishlist-button-add:hover { border-color: #c79ce2 !important; }

/* ---------- M8. Categorías en móvil: subcategorías de dos en dos y filtros ---------- */
@media (max-width: 767px) {
  html body#category .block-categories { padding: 14px !important; }
  html body#category .block-categories .category-top-menu > li:first-child { display: none; }
  html body#category .block-categories .category-sub-menu { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 !important; padding: 0 !important; }
  html body#category .block-categories .category-sub-menu > li { margin: 0 !important; padding: 0 !important; }
  html body#category .block-categories .category-sub-menu > li > a { display: flex; align-items: center; min-height: 48px; height: 100%; padding: 10px 12px !important; border: 1px solid rgba(230, 218, 204, .25); border-radius: 8px; font-size: 14px !important; font-weight: 600; line-height: 1.25; color: #e6dacc !important; }
  html body#category .block-categories .category-sub-menu > li > a:hover { border-color: #c79ce2; color: #c79ce2 !important; }
  html body#category .block-categories .category-sub-menu :is(.collapse-icons, .navbar-toggler) { display: none !important; }
  /* Las tarjetas de subcategoría de abajo repetían lo mismo que este bloque */
  html body#category #subcategories { display: none !important; }
  /* Panel "Filtrar" */
  html body#category #search_filters { border: 1px solid rgba(230, 218, 204, .25) !important; border-radius: 10px !important; overflow: hidden; padding: 0 !important; background: transparent !important; }
  html body#category #search_filters .facet { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(230, 218, 204, .25) !important; background: transparent !important; box-shadow: none !important; }
  html body#category #search_filters .facet:last-child { border-bottom: 0 !important; }
  html body#category #search_filters .facet .title { padding: 14px 16px !important; margin: 0 !important; }
  html body#category #search_filters .facet .title .facet-title { margin: 0 !important; font-size: 15px !important; }
  html body#category #search_filters .facet ul.collapse { padding: 0 16px 12px !important; margin: 0 !important; }
  html body#category #search_filters .facet ul li { border: 0 !important; padding: 6px 0 !important; margin: 0 !important; }
  html body#category #search_filter_controls { display: flex !important; justify-content: center; gap: 10px; margin: 0 0 14px !important; text-align: center; }
  html body#category #search_filter_controls .ok { background: #c79ce2 !important; color: #221200 !important; border: 0 !important; border-radius: 8px !important; text-transform: none !important; font-weight: 700; padding: 10px 22px !important; box-shadow: none !important; }
  html body#category #search_filter_controls .ok i { color: inherit !important; }
}
/* Bloque "Marcas" (lista de TODAS las marcas, salga o no en la categoría):
   se quita de las categorías. Para filtrar por marca está el filtro "Marca"
   de la búsqueda por facetas, que solo enseña las marcas que hay en esa
   categoría (con el número de productos). */
html body#category #search_filters_brands { display: none !important; }

/* ---------- M9. Pie en móvil: flechas a la derecha y desplegables que cierran ---------- */
@media (max-width: 767px) {
  html body footer .title.hidden-md-up.clearfix::before,
  html body footer .title.hidden-md-up.clearfix::after { display: none !important; }
  html body footer .title.hidden-md-up .float-xs-right { margin-left: auto !important; }
  html body footer .wrapper ul.collapse:not(.in) { display: none !important; }
  html body footer .wrapper ul.collapse.in { display: block !important; }
  html body footer .hr-cookie-footer-link { font-size: 14px !important; }
}

/* ---------- M10. Checkout en móvil ---------- */
@media (max-width: 767px) {
  /* Envío: solo título y precio; la descripción aparece al elegir la opción */
  html body#checkout .hr-method-option:not(.hr-selected) .hr-method-desc { display: none !important; }
  html body#checkout .hr-method-option input[type="radio"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none; }
  html body#checkout .hr-method-option { grid-template-columns: 1fr !important; padding-left: 16px !important; }
  html body#checkout .hr-method-option.hr-selected { border-color: #c79ce2 !important; box-shadow: inset 0 0 0 1px #c79ce2 !important; }
}
/* Asterisco de obligatorio en Nombre y Apellidos (paso 1), como en la fecha */
html body#checkout #customer-form label[for="field-firstname"]::after,
html body#checkout #customer-form label[for="field-lastname"]::after { content: " *"; }

/* Botón "Volver arriba" de los listados en móvil */
html body .up .btn-secondary { background: transparent !important; color: #c79ce2 !important; border: 1px solid #c79ce2 !important; border-radius: 8px !important; box-shadow: none !important; text-transform: none !important; }
html body .up .btn-secondary i { color: inherit !important; }