/* Cartas de colección del Atlas olfativo */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:26px auto 0}
@media (max-width:540px){.cgrid{grid-template-columns:1fr 1fr;gap:12px}}
.pcard{position:relative;aspect-ratio:5/7.4;container-type:inline-size;perspective:1400px;cursor:pointer;outline:0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-variant-numeric:lining-nums;color:#f3efe6;text-align:left;
  animation:pcIn .55s calc(min(var(--i,0),12) * 45ms) cubic-bezier(.2,.7,.2,1) both}
@keyframes pcIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pc-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.pcard.flip .pc-flip{transform:rotateY(180deg)}
@media (hover:hover){.pcard:hover .pc-flip{transform:translateY(-4px)}.pcard.flip:hover .pc-flip{transform:rotateY(180deg) translateY(-4px)}}
.pcard:focus-visible .pc-cara{box-shadow:0 0 0 2px #e7d9b7,0 30px 60px -20px rgba(0,0,0,.9)}
.pc-cara{position:absolute;inset:0;border-radius:7.5cqw;padding:1.2cqw;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04)}
.pc-b{transform:rotateY(180deg)}
/* la cara que no se ve no recibe toques (Safari de iPhone a veces se los da y la carta queda trabada) */
.pc-b,.pcard.flip .pc-f{pointer-events:none}.pcard.flip .pc-b{pointer-events:auto}
.pc-cara{-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate}
.pc-foil{position:absolute;inset:0;background:conic-gradient(from 210deg,#f7ecd0,var(--a),#5a4a2a,#f2e4bd,var(--a),#3d3220,#f7ecd0)}
.pc-in{position:relative;height:100%;border-radius:6.5cqw;padding:5.6cqw 5.6cqw 6.4cqw;display:flex;flex-direction:column;overflow:hidden;
  background:radial-gradient(110% 62% at 50% 34%,color-mix(in srgb,var(--a) 72%,#fff 6%),transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--a) 34%,var(--b)),var(--b) 62%,color-mix(in srgb,var(--b) 60%,#000))}
.pc-b .pc-in{background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--a) 55%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--a) 28%,var(--b)),color-mix(in srgb,var(--b) 70%,#000))}
.pc-in::before{content:"";position:absolute;inset:3.2cqw;border:1px solid rgba(231,217,183,.32);border-radius:4.8cqw;pointer-events:none}
.pc-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:7cqw}
.pc-casa{font-size:max(7px,3.8cqw);letter-spacing:.26em;text-transform:uppercase;color:#e7d9b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:max(9px,5.6cqw);color:rgba(231,217,183,.75);white-space:nowrap}
.pc-fam{position:relative;font-size:max(6.5px,3.6cqw);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-top:1cqw;min-height:1em}
.pc-stage{position:relative;flex:1 1 0;min-height:0;margin:2.4cqw 0 1.6cqw}
.pc-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;aspect-ratio:1;max-height:100%;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--a) 70%,#fff 10%) 0%,transparent 65%);opacity:.55;filter:blur(6px)}
.pc-stage img,.pc-stage .pc-svg{position:absolute;inset:4% 9% 6%;width:82%;height:90%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.65))}
.pc-stage.plano img{inset:6% 22% 8%;width:56%;height:86%;object-fit:cover;border-radius:5cqw;background:#fff;filter:none;
  box-shadow:0 14px 26px -8px rgba(0,0,0,.8),0 0 0 1px rgba(231,217,183,.25)}
.pc-stage.plano .pc-halo{opacity:.35}
.pc-floor{position:absolute;bottom:3%;left:20%;width:60%;height:6cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}
.pc-nom{position:relative;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:max(15px,10.8cqw);line-height:1;text-align:center;text-wrap:balance;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-nom.l1{font-size:max(14px,9.2cqw)}.pc-nom.l2{font-size:max(13px,8cqw)}
.pc-tipo{position:relative;text-align:center;font-size:max(6.5px,3.6cqw);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.66);margin:2cqw 0 2.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-g{position:relative;height:max(3px,1.2cqw);margin:0 16% 3.4cqw;border-radius:9px;background:linear-gradient(90deg,#d98fb0,#9fbf98 50%,#6fa6d8)}
.pc-g i{position:absolute;top:50%;width:max(7px,3cqw);height:max(7px,3cqw);border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px rgba(0,0,0,.45)}
.pc-stats{position:relative;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:1.6cqw;padding:3.4cqw 1.6cqw;border-radius:3.6cqw;background:rgba(0,0,0,.28);border:1px solid rgba(231,217,183,.26)}
.pc-stats div{display:flex;flex-direction:column;align-items:center;gap:2cqw;min-width:0}
.pc-stats span{font-size:max(6px,3cqw);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap}
.pc-stats b{font-size:max(7px,3.9cqw);font-weight:500;color:#e7d9b7;text-align:center;line-height:1.15;white-space:nowrap}
.pc-stats b.pc-dots{flex-wrap:nowrap}
.pc-dots{display:flex;gap:1.2cqw}.pc-dots i{width:max(4px,2.8cqw);height:max(4px,2.8cqw);border-radius:50%;border:1px solid rgba(231,217,183,.55)}
.pc-dots i.on{background:#e7d9b7;border-color:#e7d9b7}
.pc-notas{position:relative;display:flex;gap:2cqw;justify-content:center;flex-wrap:wrap;margin-top:3.4cqw;max-height:9.6cqw;overflow:hidden;padding-bottom:.6cqw}
.pc-notas em{font-style:normal;font-size:max(8px,3.8cqw);line-height:1.2;padding:1.3cqw 3.2cqw;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid rgba(231,217,183,.38);color:#efe6cf;white-space:nowrap}
.pc-tag{flex:none;font-size:max(7px,3.2cqw);letter-spacing:.16em;font-weight:600;text-transform:uppercase;padding:1.2cqw 3cqw;border-radius:999px;color:#0b0905;
  background:#e7d9b7;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.pc-tag.t-quiero{background:linear-gradient(90deg,#f1e4c0,#c9a85c)}.pc-tag.t-no{background:#3a3a3a;color:#ddd}
.pcard.e-no .pc-stage img,.pcard.e-no .pc-stage .pc-svg{filter:grayscale(.75) brightness(.8) drop-shadow(0 18px 18px rgba(0,0,0,.65))}
.pcard.e-no .pc-stage.plano img{filter:grayscale(.75) brightness(.8)}
.pc-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 45%,rgba(160,220,255,.10) 50%,rgba(255,200,240,.10) 55%,transparent 70%);
  background-size:220% 100%;background-position:30% 0;mix-blend-mode:screen;pointer-events:none;transition:background-position .8s ease}
@media (hover:hover){.pcard:hover .pc-shine{background-position:80% 0}}
/* dorso */
.pc-nom2{position:relative;margin:3cqw 0 4cqw;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:max(15px,9.6cqw);line-height:1.02;text-wrap:balance;color:#fff}
.pc-nom2.l1{font-size:max(14px,8.4cqw)}.pc-nom2.l2{font-size:max(13px,7.4cqw);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
/* la pirámide se achica para que los botones y «Ver ficha» siempre entren en la carta */
.pc-pir{position:relative;display:flex;flex-direction:column;gap:3.2cqw;flex:0 1 auto;min-height:0;overflow:hidden;}
.pc-pir.corta{-webkit-mask-image:linear-gradient(#000 calc(100% - 3cqw),transparent);mask-image:linear-gradient(#000 calc(100% - 3cqw),transparent)}
.pc-pir>div{flex-shrink:0}.pc-desc{flex:0 1 auto;min-height:0}.pc-oc,.pc-acc,.pc-acc2,.pc-nom2,.pc-b .pc-top{flex-shrink:0}
.pc-pir span,.pc-oc span{display:block;font-size:max(6px,3.2cqw);letter-spacing:.22em;text-transform:uppercase;color:#c9b98a;margin-bottom:.8cqw}
.pc-pir p{margin:0;font-size:max(9px,4.6cqw);line-height:1.35;color:#efe6cf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-desc{position:relative;margin:0;font-size:max(9px,4.6cqw);line-height:1.4;color:#efe6cf;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.pc-oc{position:relative;margin-top:3cqw;font-size:max(9px,4.4cqw);color:#efe6cf}.pc-oc span{display:inline;margin-right:4px}
.pc-acc{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2cqw;margin-top:auto}
.pc-acc button{padding:1.6cqw .6cqw;min-height:max(34px,11cqw);line-height:1.12;border-radius:3.6cqw;border:1px solid rgba(231,217,183,.32);font:inherit;font-size:max(9.5px,3.4cqw);letter-spacing:.04em;text-transform:uppercase;
  color:#efe6cf;background:rgba(0,0,0,.3);cursor:pointer;white-space:normal}
.pc-acc button[aria-pressed="true"]{background:#e7d9b7;color:#0b0905;border-color:#e7d9b7;font-weight:600}
.pc-acc2{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:3.2cqw}
.pc-acc2.solo{margin-top:auto}
.pc-acc2 a,.pc-acc2 button{font:inherit;font-size:max(10px,3.8cqw);letter-spacing:.12em;text-transform:uppercase;color:#e7d9b7;text-decoration:none;background:none;border:0;padding:max(9px,2.4cqw) 1cqw;min-height:36px;cursor:pointer}
.pc-acc2 button{color:rgba(255,255,255,.5)}
@media (prefers-reduced-motion:reduce){.pcard{animation:none}.pc-flip,.pc-shine{transition:none}}