/* ==========================================================================
   descubre.css — Descubre qué hacemos: cartas de póker con volteo
   ========================================================================== */
.hacemos-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:22px;margin:44px auto 0;max-width:900px;
}
.poker-card{
  perspective:1200px;cursor:pointer;-webkit-tap-highlight-color:transparent;
  animation:pc-float 3.6s ease-in-out infinite;
  animation-delay:var(--d,0s);
}
@keyframes pc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.poker-card:hover,.poker-card.flipped{animation-play-state:paused}
.poker-card-inner{
  position:relative;width:100%;aspect-ratio:1/1;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
  transform-style:preserve-3d;
  border-radius:18px;
  box-shadow:0 14px 30px -12px rgba(19,69,178,.5);
}
.poker-card:hover .poker-card-inner{transform:translateY(-8px) scale(1.045) rotateY(0deg);box-shadow:0 26px 46px -14px rgba(19,69,178,.7)}
.poker-card.flipped .poker-card-inner{transform:rotateY(180deg)}
.poker-card.flipped:hover .poker-card-inner{transform:rotateY(180deg) translateY(-8px) scale(1.045)}
.poker-card-back,.poker-card-front{
  position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.2);
}
.poker-card-back{
  background:linear-gradient(155deg,var(--blue-soft) 0%,var(--blue) 45%,var(--blue-deep) 100%);
  background-size:220% 220%;
  display:flex;align-items:center;justify-content:center;
  animation:pc-shine 4.5s ease-in-out infinite;
}
@keyframes pc-shine{0%,100%{background-position:0% 30%;filter:brightness(1) saturate(1)}50%{background-position:100% 70%;filter:brightness(1.12) saturate(1.25)}}
.poker-card-back::before{content:'';position:absolute;inset:9px;border:1.5px solid rgba(255,255,255,.4);border-radius:12px;pointer-events:none}
.poker-card-back::after{
  content:'';position:absolute;top:-60%;left:-20%;width:60%;height:220%;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);
  animation:pc-sweep 3.2s ease-in-out infinite;animation-delay:var(--d,0s);pointer-events:none;
}
@keyframes pc-sweep{0%{transform:translateX(-40%)}55%,100%{transform:translateX(220%)}}
.pc-mark{position:relative;z-index:2;width:44%;opacity:.97;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}
.pc-corner{position:absolute;z-index:2;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;color:#fff;opacity:.9}
.pc-corner-tl{top:10px;left:12px}
.pc-corner-br{bottom:10px;right:12px;transform:rotate(180deg)}
.poker-card-front{transform:rotateY(180deg);background:#08090c}
.poker-card-front img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.hacemos-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  .hacemos-grid{grid-template-columns:repeat(2,1fr);gap:11px}
  .pc-corner{font-size:11px}
  .pc-mark{width:40%}
}
@media (prefers-reduced-motion:reduce){.poker-card-inner{transition:none}.poker-card{animation:none}}