/* SECTORES PRIORITARIOS - BANKPRO 2025 */

    .bankpro-sectores {
      background: radial-gradient(circle at center, #23405b 0%, #01070b 100%);
      color: white;
    }
    .bankpro-sectores h2 {
      color: white;
      font-size: 2rem;
    }

    .hex-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0.5rem;
      justify-items: center;
      align-items: center;
    }
    .hex-front,
    .hex-back,
    .hex-icon {
      background: #296997;
      color: white;
    }
    .hex-icon {
      width: 6rem;
      aspect-ratio: 1 / 1;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      margin-bottom: -1rem;
      z-index: 2;
      position: relative;
    }
    .hex-card {
      width: 100%;
      aspect-ratio: 1 / 1;
      max-width: 14rem;
      perspective: 1000px;
      cursor: pointer;
      position: relative;
      z-index: 1;
    }
    .hex-inner {
      width: 100%;
      height: 100%;
      position: relative;
      transform-style: preserve-3d;
      transition: transform .6s;
    }

    .hex-card:hover .hex-inner,
    .hex-card.show-back .hex-inner {
      transform: rotateY(180deg);
    }
    .hex-front{
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 1.4rem;
    }
    .hex-front,
    .hex-back {
      position: absolute;
      width: 100%;
      height: 87%;
      padding: 2rem;
      background: #296997;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
      backface-visibility: hidden;
      border-radius: 0.5rem;
    }

    .hex-back {
      background: #184e7c;
      transform: rotateY(180deg);
      font-size: 0.9rem;
      line-height: 1.3;
    }
    .hex-group {
    animation: fadeUp 0.8s ease forwards;
    opacity: 0;
    }

    .hex-group:nth-child(1) { animation-delay: 0.1s; }
    .hex-group:nth-child(2) { animation-delay: 0.2s; }
    .hex-group:nth-child(3) { animation-delay: 0.3s; }
    .hex-group:nth-child(4) { animation-delay: 0.4s; }
    .hex-group:nth-child(5) { animation-delay: 0.5s; }


    .hex-card:hover .hex-inner {
    transition: transform .6s, box-shadow .3s;
    }
    @keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(1rem) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    }

    @keyframes pulseHex {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }
    }
    @media (max-width: 768px) {
    .hex-front{
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding: 4rem;
     }       
    .hex-back{
        padding: 2rem;
    }
      .hex-grid {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
      }
      .hex-icon{
        margin-bottom: 0.2rem !important;
      }
      .hex-card{
        max-width: 17rem !important;
        }      
    }
    
    .powerbi-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* relación 16:9 */
  height: 0;
  overflow: hidden;
  margin-bottom:3rem;
}

.powerbi-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}