/* Tarjetas de productos: calidez y profundidad con el naranja de ALP. */
#catalogo.product-overview,
.product-panel {
  background: radial-gradient(ellipse at 12% 15%,rgba(238,120,36,.10),transparent 52%),radial-gradient(ellipse at 90% 85%,rgba(238,120,36,.06),transparent 48%),#191714;
  border-top-color:rgba(238,120,36,.3);
}
#catalogo .eyebrow,.product-panel .eyebrow{color:#f8a158}
#catalogo .product-gateways{gap:28px}
#catalogo .gateway{
  position:relative;
  border:1px solid rgba(242,142,67,.46);
  border-radius:24px;
  overflow:hidden;
  background:radial-gradient(ellipse at 0% 100%,rgba(232,112,29,.20),transparent 65%),linear-gradient(145deg,#30241d,#211d19 62%,#35251b);
  box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 22px rgba(239,124,38,.09),inset 0 0 22px rgba(244,138,53,.05);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#catalogo .gateway:nth-child(2){background:radial-gradient(ellipse at 100% 100%,rgba(232,112,29,.20),transparent 65%),linear-gradient(145deg,#30251d,#211d19 62%,#38251b)}
#catalogo .gateway:nth-child(3){background:radial-gradient(ellipse at 50% 100%,rgba(232,112,29,.22),transparent 65%),linear-gradient(145deg,#30241d,#211d19 62%,#35251b)}
#catalogo .gateway:hover,#catalogo .gateway:focus-visible{
  transform:translateY(-6px);
  border-color:#f6a15d;
  box-shadow:0 22px 38px rgba(0,0,0,.3),0 0 30px rgba(239,124,38,.18);
}
#catalogo .gateway:focus-visible{outline:2px solid #ffb36f;outline-offset:5px}
#catalogo .gateway-photo{border:0;background:#dedbd5}
#catalogo .gateway[href="#catalogo-cajas"] .gateway-photo{background:linear-gradient(135deg,#383025,#201d18)}
#catalogo .gateway-photo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -16px 22px -22px #ed8b45}
#catalogo .gateway-copy{padding:28px}
#catalogo .gateway h3{color:#fff2df}
#catalogo .gateway p{color:#e0d0be}
#catalogo .gateway-link{
  border:1px solid rgba(255,181,116,.6);
  border-radius:999px;
  padding:12px 18px;
  background:linear-gradient(110deg,#ef963f,#e07829);
  color:#20150c;
  font-weight:600;
  box-shadow:0 4px 14px rgba(231,123,41,.12);
}
#catalogo .gateway:hover .gateway-link{background:linear-gradient(110deg,#ffae5b,#ee8b37)}
.product-panel .whole-card,.product-panel .media-copy{border-radius:20px;background:linear-gradient(145deg,rgba(239,137,53,.10),rgba(239,137,53,.025));border:1px solid rgba(242,142,67,.22)}
.product-panel .media-copy{padding:28px}
@media(max-width:800px){#catalogo .product-gateways{gap:22px}#catalogo .gateway{display:flex}#catalogo .gateway-photo{aspect-ratio:4/3;min-height:0}#catalogo .gateway-copy{padding:26px}#catalogo .gateway h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){#catalogo .gateway{transition:none}#catalogo .gateway:hover,#catalogo .gateway:focus-visible{transform:none}}
