/* =========================================================
   POR QUÉ ELEGIRNOS — panel con diamantes e íconos PNG
========================================================= */
.why{background:rgba(17,21,30,0.55);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);}
.why-panel{
  background:var(--color-overlay-deep);border:1px solid rgba(244,180,0,0.35);border-radius:26px;
  padding:44px 40px;position:relative;
  box-shadow:0 30px 70px rgba(0,0,0,0.5), 0 0 40px rgba(244,180,0,0.08);
}
.why-panel .hud-corners::before, .why-panel .hud-corners::after{width:28px;height:28px;}
.why-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;align-items:start;}
@media (max-width:860px){.why-grid{grid-template-columns:1fr;gap:36px;}.why-panel{padding:32px 22px;}}

.why-list{display:flex;flex-direction:column;}
.why-item{display:flex;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--color-line);transition:transform .3s var(--ease-premium);position:relative;}
.why-item:last-child{border-bottom:none;}
.why-item:hover, .why-item:active{transform:translateX(6px);}
/* Ripple dorado que sigue al cursor: .why-item::after vive en effects.css */
.why-num{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-gold-dim);min-width:34px;transition:color .3s;position:relative;z-index:1;}
.why-item:hover .why-num{color:var(--color-gold);}

.diamond-icon{
  width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;
  position:relative;z-index:1;
  animation:iconFloat2 3.4s ease-in-out infinite;
}
.why-item:nth-child(2) .diamond-icon{animation-delay:.2s;}
.why-item:nth-child(3) .diamond-icon{animation-delay:.4s;}
.why-item:nth-child(4) .diamond-icon{animation-delay:.6s;}
.why-item:nth-child(5) .diamond-icon{animation-delay:.8s;}
.diamond-icon img{
  width:64px;height:64px;object-fit:contain;
  filter:
    sepia(0.35) saturate(2.4) hue-rotate(-8deg) brightness(1.05)
    drop-shadow(0 0 10px rgba(244,180,0,0.5)) drop-shadow(0 0 20px rgba(244,180,0,0.22));
  transition:transform .4s var(--ease-premium), filter .4s var(--ease-premium);
}
.why-item:hover .diamond-icon, .why-item:active .diamond-icon{animation-play-state:paused;}
.why-item:hover .diamond-icon img, .why-item:active .diamond-icon img{
  transform:scale(1.1);
  filter:
    sepia(0.35) saturate(2.4) hue-rotate(-8deg) brightness(1.05)
    drop-shadow(0 0 14px rgba(244,180,0,0.75)) drop-shadow(0 0 30px rgba(244,180,0,0.4));
}

.why-item p{color:var(--color-gray);font-size:1rem;position:relative;z-index:1;}
.why-item strong{color:var(--color-white);font-weight:500;}

@keyframes iconFloat2{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

@media (max-width:640px){
  .diamond-icon{width:62px;height:62px;flex-basis:62px;}
  .diamond-icon img{width:48px;height:48px;}
}