/* Las portadas se abren como un pequeño mazo de cartas. */
#catalogo .product-gateways{gap:32px;padding:14px 8px 10px}
#catalogo .gateway-stack{position:relative;isolation:isolate;min-width:0;display:flex}
#catalogo .gateway-stack::before,#catalogo .gateway-stack::after{
 content:"";position:absolute;inset:0;z-index:0;border:1px solid rgba(248,158,88,.5);border-radius:24px;background:linear-gradient(145deg,#58351f,#2a211b);pointer-events:none;
 transform:translate(0,0) rotate(0);transition:transform .35s ease,box-shadow .35s ease;
}
#catalogo .gateway-stack::before{background:linear-gradient(145deg,#744324,#33261c)}
#catalogo .gateway-stack>.gateway{width:100%;z-index:1}
#catalogo .gateway-stack:focus-within::before{transform:translate(-7px,-6px) rotate(-2deg)}
#catalogo .gateway-stack:focus-within::after{transform:translate(7px,-3px) rotate(2deg)}
#catalogo .gateway[href="#catalogo-cajas"] .gateway-photo img{transform:scale(1.35);object-fit:contain;object-position:center;transition:transform .4s ease}
#catalogo .gateway[href="#catalogo-cajas"]:hover .gateway-photo img{transform:scale(1.4)}
/* La misma paleta y profundidad en las fichas interiores. */
#catalogo-cajas{background:radial-gradient(ellipse at 15% 15%,rgba(238,120,36,.10),transparent 52%),#191714;border-top-color:rgba(238,120,36,.3)}
#catalogo-cajas .eyebrow{color:#f8a158}
#catalogo-enteros .whole-card,#catalogo-medias .media-copy,#catalogo-cajas .cut-detail,#catalogo-cajas .cut{
 border:1px solid rgba(242,142,67,.46);border-radius:24px;
 background:radial-gradient(ellipse at 0% 100%,rgba(232,112,29,.18),transparent 65%),linear-gradient(145deg,#30241d,#211d19 62%,#35251b);
 box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 20px rgba(239,124,38,.08),inset 0 0 22px rgba(244,138,53,.04);
 transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#catalogo-cajas .cut{border-radius:16px}
#catalogo-cajas .cut-grid{gap:12px}
#catalogo-cajas .cut[aria-pressed="true"]{border-color:#ffb273;background:linear-gradient(125deg,#79421f,#3a281b);box-shadow:0 0 18px rgba(239,124,38,.18)}
#catalogo-cajas .cut:focus-visible,#catalogo-enteros .whole-card:focus-within{border-color:#ffb273;box-shadow:0 0 22px rgba(239,124,38,.18)}
#catalogo-cajas #cut-number{display:none}
#catalogo-enteros .whole-copy>p:not(.eyebrow),#catalogo-medias .media-copy>p,#catalogo-cajas .cut-detail>p:not(.eyebrow){color:#e0d0be}
#catalogo-enteros .whole-copy h3,#catalogo-medias .media-copy h3,#catalogo-cajas .cut-detail h3{color:#fff2df}
#catalogo-enteros .whole-copy>.text-link,#catalogo-medias .media-copy>.button,#catalogo-cajas .consult{
 display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid rgba(255,181,116,.6);border-radius:999px;padding:12px 18px;
 background:linear-gradient(110deg,#ef963f,#e07829);color:#20150c;font-size:14px;font-weight:600;
}
#catalogo-enteros .whole-copy>.text-link:hover,#catalogo-medias .media-copy>.button:hover,#catalogo-cajas .consult:hover{background:linear-gradient(110deg,#ffae5b,#ee8b37)}
#catalogo-medias .media-photos .photo-zoom{border-radius:24px;overflow:hidden;border:1px solid rgba(242,142,67,.46);box-shadow:0 0 20px rgba(239,124,38,.08)}
#catalogo-cajas .mobile-cut-picker select{border-radius:16px;border-color:rgba(242,142,67,.46);background:#30241d;color:#fff2df}
@media(hover:hover) and (pointer:fine){
 #catalogo .gateway-stack:hover::before{transform:translate(-7px,-6px) rotate(-2deg);box-shadow:0 0 22px rgba(239,124,38,.10)}
 #catalogo .gateway-stack:hover::after{transform:translate(7px,-3px) rotate(2deg)}
 #catalogo-enteros .whole-card:hover,#catalogo-cajas .cut:hover{transform:translateY(-3px);border-color:#f6a15d;box-shadow:0 16px 30px rgba(0,0,0,.25),0 0 24px rgba(239,124,38,.15)}
}
@media(max-width:800px){#catalogo .product-gateways{gap:28px;padding:8px 4px}#catalogo .gateway-stack::before{transform:translate(-3px,-3px) rotate(-.6deg)}#catalogo .gateway-stack::after{transform:translate(3px,-1px) rotate(.6deg)}}
@media(prefers-reduced-motion:reduce){#catalogo .gateway-stack::before,#catalogo .gateway-stack::after,#catalogo .gateway[href="#catalogo-cajas"] .gateway-photo img,#catalogo-enteros .whole-card,#catalogo-cajas .cut{transition:none}#catalogo .gateway-stack:hover::before,#catalogo .gateway-stack:hover::after,#catalogo .gateway-stack:focus-within::before,#catalogo .gateway-stack:focus-within::after,#catalogo-enteros .whole-card:hover,#catalogo-cajas .cut:hover{transform:none}#catalogo .gateway[href="#catalogo-cajas"]:hover .gateway-photo img{transform:scale(1.35)}}