* {
      box-sizing: border-box;
      margin:0;
        padding:0;
    }
body {
      margin: 0;
      font-family: 'Montserrat', Tahoma, Geneva, Verdana, sans-serif;
      background: #e8e8e8;
      color: #000;
    }
    .header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding:25px 5%;
    }
    .header-row {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: flex-end;
    }
    .header-logo {
      display: flex;
      align-items: flex-end;
    }
    .header-logo img {
      height: 56px;
    }
    .header-logo.big img{
      height: 72px;
    }
    .header-menu {
      display: flex;
      gap: 32px;
      align-items: flex-end;
    }
    .header-menu a {
      text-decoration: none;
      color: #37893D;
      font-weight: 500;
      font-size: 1.1rem;
      transition: color 0.2s;
    }
    .header-menu a:hover {
      color: #773304;
    }

#wrap{max-width:1680px;margin:0 auto;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.1);}

#vivo{display:flex;width:100%;padding:15px 5%;background:#37893D;color:#fff;margin:0 auto 25px;text-align:center;justify-content: center;align-items:flex-start;}
#vivo a{color:#fff;font-weight: bold;}
.live-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    animation: blink 1s infinite;
    margin-right: 4px;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Modal Evento en Vivo - Asagir */
.asagir-modal-backdrop {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(34, 34, 34, 0.55);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.5s;
}
.asagir-modal {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  padding: 2.5rem 2rem 2rem 2rem;
  max-width: 95vw;
  width: 400px;
  text-align: center;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  animation: modalPop 0.5s;
}
.asagir-modal h3 {
  font-family: 'Bebas Neue', 'Montserrat', sans-serif;
  font-size: 2.1rem;
  color: #37893D;
  margin-bottom: 10px;
}
.asagir-modal .cta-btn {
  display: inline-block;
  background: #37893D;
  color: #fff;
  font-weight: bold;
  font-size: 1.15rem;
  border: none;
  border-radius: 8px;
  padding: 0.8rem 2.2rem;
  margin-top: 1.2rem;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(55,137,61,0.08);
  transition: background 0.2s, transform 0.2s;
}
.asagir-modal .cta-btn:hover {
  background: #2e6f4a;
  transform: translateY(-2px) scale(1.04);
}
.asagir-modal .close-btn {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #773304;
  cursor: pointer;
  transition: color 0.2s;
}
.asagir-modal .close-btn:hover {
  color: #37893D;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes modalPop {
  0% { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

#portada{position:relative;overflow:hidden;}
#portada img{display:block;width:100%;height:auto;}
#portada .row{padding:25px 5%;margin:25px auto 0;}
#portada h2{font-family:'Bebas Neue', sans-serif;font-size:175%;line-height:100%;text-align:center;}
.marron{color:#773304;}
.verde{color:#37893D;}

#corte-bandera{display:block;width:100%;margin:0 auto;position:relative;margin-top:-5%;}

#descripcion{background:#009FE3 url(../img/corte-girasol.jpg) no-repeat center bottom;background-size:100% auto;color:#fff;text-align:left;padding:50px 5%;}
#descripcion .row{margin:0 auto;}
#descripcion img{width:80%;height:auto;display:block;}
#descripcion h2{font:bold 300%/110% 'Montserrat';text-align:right;}
#descripcion p{font-size:135%;line-height:150%;font-weight:300;padding:0 0 5% 5%;}

#comentarios .row{margin:0 auto;padding:0 5%;}
#comentarios img{width:80%;height:auto;display:block;}
#comentarios h2{font:bold 300%/110% 'Montserrat';text-align:right;color:#009FE3;}
.comentario{padding:50px 20px;}
.comentario p{color:#37893D;font:bold 150%/125% 'Montserrat', sans-serif;margin:0 auto 15px;}
.comentario strong{display:block;text-align:right;color:#009FE3;padding-right:20px;font:bold 135%/110% 'Montserrat', sans-serif;text-transform: uppercase;}

#ejes{margin:50px auto;padding:0 10%;}
#ejes h2{font:bold 250%/110% 'Montserrat';text-align:right;color:#009FE3;margin:0 auto 50px;padding-right:75px;}
.eje{position:relative;padding:0 0 0 65px;}
.eje h3{color:#773304;font:bold 165%/110% 'Montserrat';margin:0 auto 25px;}
.eje p{color:#37893D;font-size:125%;line-height:125%;font-weight:400;padding-bottom:10%;}
.eje::before{content:attr(data-number);position:absolute;left:0;top:0;width:40px;height:100%;color:#009FE3;font:bold 400%/100% 'Montserrat';}

#sheraton{display:block;width:100%;height:auto;margin:50px auto 0;text-align:center;position: relative;}

#inscripciones{display:block;overflow:hidden;width:100%;margin:50px auto 0;text-align:center;position: relative;}
#inscripciones .img{width:100%;height:auto;display:block;position:relative;}
#inscripciones .row{position:absolute;width:50%;min-width:300px;left:50%;top:25%;transform:translate(-50%,-50%);}
#inscripciones a{display:inline-block;border-radius:10px;height:72px;width:100%;padding:15px 0;margin:25px 0;background:#773304;color:#fff;text-decoration:none;font-weight:bold;font-size:125%;line-height:105%;transition:background 0.2s;box-shadow:0 0 15px rgba(0,0,0,.65);}
#inscripciones a:hover{background:#5a2600;}
#inscripciones a small{display:block;font-size:65%;}

#empresas{padding:0 10%;}
#empresas h2{max-width:500px;font:bold 250%/110% 'Montserrat';text-align:left;color:#009FE3;margin:0 0 50px;padding-right:75px;}
#empresas .bloque{margin:0 auto 75px;}
#empresas .bloque h3{color:#37893D;font:bold 165%/110% 'Bebas Neue';text-align:center;margin:0 auto 15px;}
#empresas .bloque img{display:block;width:100%;height:auto;margin:0 auto;max-width:150px;}
#empresas .bloque.big img{max-width:250px;}

#footer{background:#773304;color:#fff;text-align:center;padding:50px 10%;font-size:85%;}
#footer img{display:block;width:auto;height:65px;margin:0 auto;}
#footer p{padding:0;margin:0;font-weight:300;}