@charset "UTF-8";
/* CSS BENEFICIOS */
@charset "UTF-8";
/*==================================================
        BENEFICIOS 2.0
==================================================*/
.why-attend {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  background:

    radial-gradient(
        circle at 80% 20%,
        rgba(0,164,228,.18),
        transparent 35%
    ),

    linear-gradient(
        135deg,
        #1D2D5C,
        #000000
    );
}

.why-attend .section-header h2{

    color:#FFFFFF;

    font-weight:800;

}
.why-attend .section-header p{

    color:rgba(255,255,255,.82);

}
/* FONDO TECNOLÓGICO */
/*===================================
FONDO
===================================*/
.benefits-network {
  position: absolute;
  inset: 0;
  opacity: .18;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(0, 164, 228, .55) 2px, transparent 2px), linear-gradient(90deg, transparent 49%, rgba(0, 164, 228, .08) 50%, transparent 51%), linear-gradient(transparent 49%, rgba(101, 88, 177, .08) 50%, transparent 51%);
  background-size:
    45px 45px, 90px 90px, 90px 90px;
}
.benefits-glow{

    position:absolute;

    width:550px;

    height:550px;

    background:#00A4E4;

    filter:blur(170px);

    opacity:.20;

    left:-180px;

    top:-100px;

}
/* ENCABEZADO */
.section-header {
  max-width: 900px;
  margin: auto;
  margin-bottom: 70px;
}
.section-tag {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 50px;
  background:
    rgba(0, 164, 228, .12);
  border:
    1px solid rgba(0, 164, 228, .35);
  color:
    var(--isaca-blue);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.section-header h2 {
  margin-top: 25px;
  color: white;
  font-size:
    clamp(2.3rem, 5vw, 3.8rem);
  font-weight: 800;
}
.lead-benefits {
  margin-top: 25px;
  color:
    rgba(255, 255, 255, .78);
  font-size: 1.08rem;
  line-height: 1.9;
}
/* CARRUSEL */
.benefitsSwiper {
  padding:
    20px 5px 70px;
}
/* TARJETAS */
.benefit-card {
  position: relative;
  height: 100%;
  min-height: 390px;
  padding: 45px 38px;
  border-radius: 28px;
  background:
    rgba(17, 29, 58, .72);
  backdrop-filter: blur(18px);
  border:
    1px solid rgba(255, 255, 255, .08);
  overflow: hidden;
  transition: .45s;
}
/* GLOW SUPERIOR */
.benefit-card::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 3px;
  background:
    linear-gradient(90deg, transparent, var(--isaca-blue), var(--isaca-purple), transparent);
  transition: .8s;
}
/* HOVER */
.benefit-card:hover::before {
  left: 100%;
}
.benefit-card:hover {
  transform:
    translateY(-10px);
  border-color:
    rgba(0, 164, 228, .45);
  box-shadow:
    0 25px 60px rgba(0, 164, 228, .18);
}
/* ICONOS */
.benefit-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  background:
    linear-gradient(135deg, rgba(0, 164, 228, .20), rgba(101, 88, 177, .25));
  border:
    1px solid rgba(0, 164, 228, .35);
  box-shadow:
    0 0 35px rgba(0, 164, 228, .25);
}
.benefit-icon i {
  color: white;
  font-size: 2.3rem;
}
.btn-register-summit i{

    font-size:1.1rem;

    transition:.3s;

}
.btn-register-summit:hover i{

    transform:translateX(5px);

}
/* NÚMEROS */
.benefit-number {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 4.5rem;
  font-weight: 900;
  color: rgba(255, 255, 255, .05);
  letter-spacing: -3px;
  pointer-events: none;
}
/* TITULOS */
.benefit-card h3 {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
}
/* TEXTO */
.benefit-card p {
  color:
    rgba(255, 255, 255, .72);
  line-height: 1.9;
}
/* TARJETA ACTIVA */
.card-active {
  transform: translateY(-12px);
  border: 1px solid rgba(0, 164, 228, .45);
  box-shadow:
    0 25px 60px rgba(0, 164, 228, .18), 0 0 25px rgba(0, 164, 228, .12);
}
.card-active::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 45%);
}
.card-active .benefit-icon {
  animation: floatIcon 3s ease-in-out infinite, pulseGlow 3s infinite;
  ;
}
/*====================================
    EFECTO 3D
====================================*/
.swiper {
  overflow: visible;
}
.swiper-slide {
  opacity: .35;
  transform:
    scale(.88) rotateY(10deg);
  transition:
    transform .6s ease, opacity .6s ease;
  transform-origin: center center;
}
/* Tarjeta anterior */
.swiper-slide-prev {
  transform:
    perspective(1200px) rotateY(18deg) scale(.90);
}
/* Tarjeta siguiente */
.swiper-slide-next {
  transform:
    perspective(1200px) rotateY(-18deg) scale(.90);
}
/* Tarjeta activa */
.swiper-slide-active {
  opacity: 1;
  transform:
    perspective(1200px) rotateY(0deg) scale(1);
  z-index: 5;
}
/* CONTROLES */
.benefits-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 45px;
}
.swiper-button-next, .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background:
    rgba(255, 255, 255, .08);
  backdrop-filter: blur(10px);
  border:
    1px solid rgba(255, 255, 255, .10);
  transition: .35s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background:
    var(--isaca-blue);
  transform: scale(1.08);
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
}
.swiper-pagination {
  position: relative;
  width: auto;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: white;
  opacity: .35;
}
.swiper-pagination-bullet-active {
  background: var(--isaca-blue);
  opacity: 1;
}
/* BOTON */
.why-button {
  margin-top:60px;

    display:flex;

    justify-content:center;

    align-items:center;
}
.btn-register-summit{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 42px;

    background:linear-gradient(
        135deg,
        #E31837,
        #ff3b5b
    );

    color:#FFFFFF;

    text-decoration:none;

    font-weight:700;

    font-size:1.05rem;

    border-radius:60px;

    letter-spacing:.5px;

    box-shadow:
        0 15px 35px rgba(227,24,55,.35);

    transition:all .35s ease;

}
.btn-register-summit:hover{

    color:#FFFFFF;

    transform:
        translateY(-5px)
        scale(1.03);

    box-shadow:
        0 20px 45px rgba(227,24,55,.50);

}
/* RESPONSIVE */
@media(max-width:992px) {
  .benefit-card {
    min-height: 340px;
  }
}
@keyframes floatIcon {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes pulseGlow {
  0% {
    box-shadow:
      0 0 15px rgba(0, 164, 228, .25);
  }
  50% {
    box-shadow:
      0 0 35px rgba(0, 164, 228, .55);
  }
  100% {
    box-shadow:
      0 0 15px rgba(0, 164, 228, .25);
  }
}