/* mp_web_qweb 18.0.1.28.0 (2026-10-26; la ficha de los ZIP del 26-10: el dueño, «Toda la ficha del paquete»): la ficha de
   METALPROTEC con las piezas de la del paquete (producto-jet-70mp.html y su producto-detail.css), con los nombres de este
   módulo. Se enlaza solo desde views/ficha_paquete_mp.xml, en el sitio de METALPROTEC. Todo cuelga de #product_detail, la
   ficha de Odoo. Los colores, los de METALPROTEC: el azul #063453 y el celeste #007da8, y el verde de WhatsApp #147849. */
#product_detail .mp-ficha-arriba { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin: 8px 0 22px; }
#product_detail .mp-ficha-volver { display: inline-flex; align-items: center; min-height: 44px; color: #063453; font-weight: 700;
  text-decoration: none; }
#product_detail .mp-ficha-volver:hover, #product_detail .mp-ficha-volver:focus-visible { text-decoration: underline; }
#product_detail .mp-ficha-migas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #586c78; font-size: 13px; }
#product_detail .mp-ficha-migas a { color: #063453; text-decoration: none; }
#product_detail .mp-ficha-migas a:hover, #product_detail .mp-ficha-migas a:focus-visible { text-decoration: underline; }

/* 18.0.1.29.0 (el dueño, 26-10): sin el rótulo de la categoría sobre la foto. */

#product_detail .mp-ficha-marca { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 4px; color: #063453;
  font-weight: 800; text-decoration: none; }
#product_detail .mp-ficha-marca img { display: block; width: 72px; height: 52px; }
#product_detail .mp-ficha-eyebrow { display: flex; align-items: center; gap: 10px; margin: 4px 0 6px; color: #007da8;
  font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
#product_detail .mp-ficha-eyebrow i { display: block; flex: 0 0 26px; height: 2px; background: currentColor; }
#product_detail .mp-ficha-resumen { margin: 10px 0 0; color: #3d5160; font-size: 15px; line-height: 1.55; }
#product_detail .mp-ficha-referencia { margin: 12px 0 0; color: #063453; font-size: 14px; font-weight: 700; }
#product_detail .mp-ficha-datos { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 12px 0 18px; }
#product_detail .mp-ficha-datos div { display: flex; gap: 8px; }
#product_detail .mp-ficha-datos dt { color: #586c78; font-size: 13px; font-weight: 400; }
#product_detail .mp-ficha-datos dd { margin: 0; color: #063453; font-size: 13px; font-weight: 700; }

/* El «Cotizar por WhatsApp», verde como el de la cabecera, y la nota de abajo. */
#product_detail #mp_cotizar_wrap .btn-primary { background: #147849; border-color: #147849; color: #fff; }
#product_detail #mp_cotizar_wrap .btn-primary:hover, #product_detail #mp_cotizar_wrap .btn-primary:focus-visible {
  background: #10643c; border-color: #10643c; }
#product_detail .mp-ficha-nota { margin: 2px 0 14px; color: #586c78; font-size: 13px; }

/* Los documentos, como el bloque «Ver ficha técnica» del paquete: cada uno, un recuadro con el ícono y la flecha. */
#product_detail #product_documents { margin: 18px 0 !important; }
#product_detail #product_documents h5 { margin-bottom: 10px; color: #063453; font-size: 15px; font-weight: 800; }
#product_detail #product_documents a { display: flex; align-items: center; gap: 12px; min-height: 52px; margin-bottom: 8px;
  padding: 10px 14px; border: 1px solid #dce4e8; border-radius: 6px; background: #f7fafb; color: #063453; font-weight: 700;
  text-decoration: none; }
#product_detail #product_documents a::after { content: "\2197"; margin-left: auto; color: #007da8; font-weight: 800; }
#product_detail #product_documents a:hover, #product_detail #product_documents a:focus-visible { border-color: #063453;
  background: #fff; }
#product_detail #product_documents a .fa { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px;
  border-radius: 50%; background: #e6f5f8; color: #007da8; }
@media (max-width: 760px) {
  #product_detail .mp-ficha-arriba { margin-bottom: 14px; }
  #product_detail .mp-ficha-resumen { font-size: 14px; }
}