@charset "UTF-8";
/* CSS UBICACIÓN */
/*
====================================================
 UBICACION ISACA SUMMIT 2026
====================================================
*/
.location-section {
  padding: 100px 0;
  background:
    linear-gradient(180deg, #FFFFFF, #F3F6FA);
}
.location-label {
  color:
    var(--isaca-blue);
  font-weight: 700;
  letter-spacing: 3px;
  font-size: .85rem;
}
.location-section h2 {
  font-family:
    var(--font-title);
  font-size:
    clamp(2.2rem, 4vw, 3.5rem);
  font-weight: 800;
  color:
    var(--isaca-dark);
  margin: 20px 0;
}
.location-text {
  color: #52606D;
  font-size: 1.1rem;
  line-height: 1.8;
}
.location-card {
  display: flex;
  gap: 20px;
  padding: 25px;
  margin-top: 35px;
  background: white;
  border-radius:
    var(--radius-md);
  box-shadow:
    0 20px 40px rgba(0, 0, 0, .08);
}
.location-icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background:
    rgba(0, 164, 228, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  color:
    var(--isaca-blue);
  font-size: 1.4rem;
}
.location-card h4 {
  font-weight: 700;
  color:
    var(--isaca-dark);
}
.location-card p {
  margin: 0;
  color: #68737D;
}
.location-buttons {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  flex-wrap: wrap;
}
.map-btn {
  padding: 14px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: .3s;
}
.google {
  background:
    var(--isaca-blue);
  color: white;
}
.waze {
  background:
    #0F4D0F;
  color: white;
}
.map-btn:hover {
  transform:
    translateY(-5px);
  color: white;
}
.map-container {
  height: 480px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow:
    0 20px 45px rgba(29, 45, 92, .18);
}
.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}.venue-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 50px;
  background:
    rgba(0, 164, 228, .1);
  color:
    var(--isaca-dark);
  font-weight: 600;
}
@media(max-width:768px) {
    .ubicacion {
        padding: 50px 0;
    }

    .map-container {
        height: 300px;
    }

    .location-buttons {
        flex-direction: column;
    }

    .map-btn {
        justify-content: center;
    }
}
.ubicacion {
    padding: 70px 0;
}