/* Home Paez440Pro — orden A del owner (30-sep-2026, 16:00)
   R1: igual al rack de VideoTools440Pro (ancho 1086 = orejas del banner y del pie, scroll normal de página).
   R2: el cuerpo llega a las orejas, sin franjas negras. Pestañas deck-cassette pegadas al banner.
   PhaseTools440Pro con las mismas láminas y el mismo ancho del cuerpo. La base al final (no tapa la última lámina). */
:root{
  --home-w:var(--p440-rack-width,min(1086px,100vw));
  --home-text:#C9BBA6;
}
*{box-sizing:border-box}
html{background:#05080a}
body.homeRackPage{margin:0;min-height:100dvh;overflow-x:hidden;background:#05080a;color:var(--home-text);font-family:"Arial Narrow",Arial,sans-serif}
body.homeRackPage>.wrap{width:var(--home-w);margin:0 auto;position:relative}
body.homeRackPage .p440-official-site-banner{position:relative!important;top:auto;left:auto;transform:none!important;width:var(--home-w)!important;max-width:var(--home-w)!important;margin:0 auto!important;z-index:20}
body.homeRackPage .p440-official-site-banner[data-home="true"] [data-p440-action="back"]{display:none!important}

/* Pestañas deck-cassette: pegadas al banner y fijas arriba al hacer scroll (ahí irá el carrito) */
.homeTabs{
  container-type:inline-size;position:sticky;top:0;z-index:30;width:var(--home-w);height:40px;margin:0 auto;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding:0 4.1%;
  background:linear-gradient(#0c3957,#082a41);border-top:1px solid #04121b;border-bottom:3px solid #04111a;
  box-shadow:inset 0 1px 0 #ffffff18,0 4px 8px #000a;
}
.homeTab{
  min-width:0;border:0;border-right:1px solid #051a28;border-radius:0 0 3px 3px;
  background:linear-gradient(#2a6a93 0,#174d70 42%,#0b3049 100%);color:var(--home-text);
  font:800 clamp(6px,.95cqw,11px)/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.02em;text-transform:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:0 3px;
  box-shadow:inset 0 1px 0 #ffffff30,inset 0 -3px 0 #06131d,0 2px 0 #020a10;transform:translateY(-1px);
}
.homeTab:last-child{border-right:0}
.homeTab:hover{filter:brightness(1.12)}
.homeTab[aria-current="true"]{transform:translateY(2px);background:linear-gradient(#061b2a,#0a293f);color:#fff;box-shadow:inset 0 5px 9px #000d,inset 0 0 0 1px #061018}

/* Cuerpo: mismas láminas 2U a todo el ancho (hasta las orejas) */
.homeBody{container-type:inline-size;position:relative;width:var(--home-w);margin:0 auto;padding:0;background:var(--p440-rack-joint,#071018)}
.homeRackUnit{position:relative;isolation:isolate;width:100%;display:flex;align-items:center;margin:0;padding:0;overflow:hidden;
  background-position:center;background-repeat:no-repeat;background-size:100% 100%;aspect-ratio:1086/184;scroll-margin-top:44px}
.homeRackUnit.unit3u,.homeRackUnit.unit2u{aspect-ratio:1086/184}
.homeRackUnit.unit3u{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-06.png")}
.homeRackUnit[data-plate="1"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-01.png")}
.homeRackUnit[data-plate="2"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-02.png")}
.homeRackUnit[data-plate="3"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-03.png")}
.homeRackUnit[data-plate="4"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-04.png")}
.homeRackUnit[data-plate="5"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-05.png")}
.homeRackUnit[data-plate="6"]{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-06.png")}
.homeUnitContent{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.2cqw;padding:2% 8%;min-width:0}
.unit3u .homeUnitContent{padding:2% 8%}
.homeCopy{min-width:0}
.homeKicker{display:block;color:var(--home-text);font-size:clamp(6px,.9cqw,10px);letter-spacing:.1em;font-weight:800;margin-bottom:.4cqw;opacity:.82}
.homeUnitContent h2{margin:0;color:var(--home-text);font-size:clamp(14px,2.6cqw,30px);line-height:.98;letter-spacing:-.01em;text-shadow:0 2px 4px #000;opacity:.92}
.homeUnitContent p{margin:.55cqw 0 0;max-width:90%;color:var(--home-text);font-size:clamp(7px,1.05cqw,12px);line-height:1.2;opacity:.8}
.homeFeature,.homeAlignVisual{display:none!important}
/* ABRIR: botón gris Package 07 con el nombre DEBAJO (R4) */
.homeOpen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:6.2cqw;min-width:40px;padding:0;border:0;
  background:transparent!important;box-shadow:none!important;color:var(--p440-label-color,var(--home-text))!important;text-decoration:none;
  font:800 clamp(6px,.85cqw,10px)/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.homeOpen::before{content:"";display:block;width:4.4cqw;min-width:30px;aspect-ratio:1;background:url("/assets/official/controls/button-package-07-gray-state-001.png") center/contain no-repeat;
  filter:drop-shadow(0 .2cqw .18cqw #000b);margin-bottom:.35cqw}
.homeOpen:active::before{transform:translateY(1px)}
.homeOpenDisabled{opacity:.5;cursor:default;pointer-events:none}
.homeLine-blue{filter:drop-shadow(0 0 6px rgba(42,164,255,.16))}
.homeLine-green{filter:drop-shadow(0 0 6px rgba(50,209,125,.16))}
.homeLine-magenta{filter:drop-shadow(0 0 6px rgba(227,0,152,.18))}
.homeLine-amber{filter:drop-shadow(0 0 6px rgba(229,184,91,.17))}
/* Base al final del documento: el scroll llega a la última lámina (antes quedaba tapada) */
body.homeRackPage .p440-site-footer-v2{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:var(--home-w)!important;max-width:var(--home-w)!important;margin:0 auto!important;z-index:1}
@media(max-width:640px) and (orientation:portrait){
  .homeTabs{height:56px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,1fr);padding:0}
  .homeTab{font-size:clamp(6px,1.9cqw,9px);padding:0 1px}
  .homeUnitContent{padding:2% 7%;gap:1.4cqw}
  .homeUnitContent h2{font-size:clamp(12px,4.1cqw,19px)}
  .homeUnitContent p{font-size:clamp(6px,2cqw,9px);line-height:1.08;max-height:2.2em;overflow:hidden}
  .homeOpen{width:10cqw}.homeOpen::before{width:7cqw}
}