/* Arena PAD & VJ · orden A (30-sep-2026): sin segundo banner, PAD → VJ → ToolBox, luz de fondo verde,
   precio + "Añadir al carrito" + "Ver qué hace" por producto, botones Package-07 con el nombre DEBAJO (R4). */
body.arenaCatalogPage .arenaCatalogFrame{filter:drop-shadow(0 0 18px rgba(50,209,125,.30))!important}
body.arenaCatalogPage .arenaCatalogContent{box-shadow:0 0 0 1px #0f3a24,0 0 34px rgba(50,209,125,.20) inset}
body.arenaCatalogPage .arenaGroup{box-shadow:inset 0 0 40px rgba(50,209,125,.10)}
body.arenaCatalogPage .arenaGroupHead{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 10px;border-bottom:1px solid #1d4a31}
body.arenaCatalogPage .arenaGroupHead b{font-size:22px;color:#6fe3a2!important;text-shadow:0 0 8px rgba(50,209,125,.55)}
body.arenaCatalogPage .arenaGroupHead span{color:var(--p440-label-color,#C9BBA6)!important;font:var(--p440-label-font,800 11px/1.15 "Arial Narrow",Arial,sans-serif);letter-spacing:var(--p440-label-track,.06em)}
body.arenaCatalogPage .arenaList article.arenaProduct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px!important;scroll-margin-top:60px}
body.arenaCatalogPage .arenaProduct h2{margin:0;font-size:clamp(16px,1.9vw,22px)}
body.arenaCatalogPage .arenaProduct p{margin:5px 0 0;font-size:12px;line-height:1.3;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.arenaCatalogPage .arenaProduct.is-open p{display:block;-webkit-line-clamp:unset}
body.arenaCatalogPage .arenaProduct .arenaTutorialNote{color:#6fe3a2!important;font-size:11px;opacity:1}
body.arenaCatalogPage .arenaProduct.is-target{box-shadow:inset 0 0 0 1px #32d17d,inset 0 0 22px rgba(50,209,125,.18)}
body.arenaCatalogPage .arenaBuy{display:flex;align-items:center;gap:14px}
body.arenaCatalogPage .arenaPrice{min-width:150px;text-align:right;color:#C9BBA6;font:800 13px/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.03em}
body.arenaCatalogPage .arenaPrice.pending{color:#e5b85b;opacity:.9}
body.arenaCatalogPage .arenaBtns{display:flex;gap:8px}
body.arenaCatalogPage .arenaBtn,body.arenaCatalogPage .arenaToolBoxOpen{display:flex;flex-direction:column;align-items:center;gap:4px;width:74px;padding:0;border:0;background:transparent;cursor:pointer;
  color:var(--p440-label-color,#C9BBA6)!important;font:var(--p440-label-font,800 11px/1.15 "Arial Narrow",Arial,sans-serif);letter-spacing:var(--p440-label-track,.06em);text-transform:uppercase;text-align:center;text-decoration:none}
body.arenaCatalogPage .arenaBtn i,body.arenaCatalogPage .arenaToolBoxOpen i{display:block;width:34px;aspect-ratio:1;background:url("/assets/ui-controls/v2/pkg07-gray.webp") center top/100% 200% no-repeat;filter:drop-shadow(0 2px 2px #000b)}
body.arenaCatalogPage .arenaBtn.cart i{background-image:url("/assets/ui-controls/v2/pkg07-green.webp")}
body.arenaCatalogPage .arenaBtn.is-on i{background-position:center bottom}
body.arenaCatalogPage .arenaBtn:active i,body.arenaCatalogPage .arenaToolBoxOpen:active i{transform:translateY(1px)}
body.arenaCatalogPage .arenaBtn:disabled{opacity:.45;cursor:default}
/* Bloque ToolBox: centrado, con márgenes, botón en proporción y nombre debajo */
body.arenaCatalogPage .arenaToolBox{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;aspect-ratio:1086/184;margin:0!important;padding:2% 12%!important}
body.arenaCatalogPage .arenaToolBox h2{margin:2px 0;font-size:clamp(18px,2.4vw,28px)}
body.arenaCatalogPage .arenaToolBox p{margin:0;font-size:12px;opacity:.85}
body.arenaCatalogPage .arenaToolBox a.arenaToolBoxOpen{padding:0!important;width:auto}
body.arenaCatalogPage .arenaToolBox a.arenaToolBoxOpen::before{display:none!important;content:none!important}
body.arenaCatalogPage .arenaToolBox a.arenaToolBoxOpen i{width:40px}
@media(max-width:700px){
  body.arenaCatalogPage .arenaList article.arenaProduct{grid-template-columns:1fr;gap:8px}
  body.arenaCatalogPage .arenaBuy{justify-content:space-between}
  body.arenaCatalogPage .arenaPrice{min-width:0;text-align:left}
  body.arenaCatalogPage .arenaToolBox{aspect-ratio:auto;padding:22px 8%!important}
}
body.arenaCatalogPage .arenaProduct .arenaTutorialNote[hidden]{display:none!important}
@media(max-width:700px){body.arenaCatalogPage .arenaGroupHead{gap:12px}body.arenaCatalogPage .arenaGroupHead span{text-align:right;font-size:9px}}
