.cartas-hero{padding-top:calc(72px + var(--space-xl));padding-bottom:var(--space-xl);background:linear-gradient(160deg,var(--color-charcoal) 0%,rgba(27,79,114,.2) 50%,var(--color-charcoal) 100%);text-align:center;position:relative;overflow:hidden}.cartas-hero:before{content:"🃏";position:absolute;font-size:8rem;right:5%;top:50%;transform:translateY(-50%) rotate(15deg);opacity:.07;pointer-events:none}.cartas-hero:after{content:"🃏";position:absolute;font-size:6rem;left:5%;top:50%;transform:translateY(-50%) rotate(-10deg);opacity:.05;pointer-events:none}.cartas-controls{padding-block:var(--space-xl);background:var(--color-charcoal-mid);position:sticky;top:72px;z-index:var(--z-dropdown);border-bottom:1px solid rgba(221,183,64,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cartas-controls__inner{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.cartas-controls__count{margin-left:auto;font-size:var(--fs-sm);color:#f5edd880;white-space:nowrap}.cartas-controls__count strong{color:var(--color-gold)}.catalogo-section{padding-block:var(--space-xl) var(--space-2xl);background:var(--color-charcoal)}.catalogo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.carta-card{background:linear-gradient(145deg,#252540f2,#1a1a2e);border:1px solid rgba(46,134,193,.2);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-base);position:relative}.carta-card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:var(--shadow-lg),0 0 30px #2e86c140;border-color:#2e86c180}.carta-card__img-wrapper{position:relative;aspect-ratio:3/4;background:var(--color-charcoal);overflow:hidden}.carta-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.carta-card:hover .carta-card__img{transform:scale(1.08)}.carta-card__img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,rgba(27,79,114,.3),var(--color-charcoal));color:#2e86c14d}.carta-card__body{padding:var(--space-md)}.carta-card__name{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--color-text-light);font-weight:700;margin-bottom:4px;line-height:1.3}.carta-card__edition{font-size:11px;color:var(--color-ocean-light);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:var(--space-sm)}.carta-card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#0003}.carta-card__price{font-family:var(--font-display);font-size:var(--fs-md);color:var(--color-gold);font-weight:700}@media (max-width: 768px){.catalogo-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.cartas-controls__inner{flex-direction:column;align-items:stretch}.cartas-controls__count{margin-left:0;text-align:center}}@media (max-width: 480px){.catalogo-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}.catalogo{padding-block:var(--space-2xl)}.catalogo__header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xl)}.search-bar{width:100%;max-width:600px;position:relative;margin-bottom:var(--space-md)}.search-bar__input{width:100%;padding:1rem 1rem 1rem 3rem;background:#1a1a2ecc;border:2px solid rgba(221,183,64,.3);border-radius:var(--radius-full);color:var(--color-text-light);font-family:var(--font-body);font-size:var(--fs-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px #ddb74026}.search-bar__input::placeholder{color:#f5edd866}.search-bar__icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--color-gold);pointer-events:none}.catalogo__meta{font-size:var(--fs-sm);color:#f5edd899}.catalogo__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media (max-width:1024px){.catalogo__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.catalogo__grid{grid-template-columns:1fr}}