:root{
  --verde: #97d700;
  --dorado: #FFC629;
  --blanco: #ffffff;
  --text-dark: #222;
  --soft-gray: #f8f9fa;
  --finance-gray: #f1f1f1;
}

*{box-sizing:border-box}
body{
  font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--text-dark);
  background: #fff;
  line-height:1.4;
}

/* HERO */
.hero-section{
  background-image: url('../img/01--Animación-digital-Landing-Pauta.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 520px;
  position: relative;
}

/* overlay dark for left side readability */
.hero-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}

.hero-left{
  position: relative;
  z-index: 2;
  padding: 6rem 3rem;
}

.hero-left h1{
  color: #fff;
  font-weight:700;
  margin-top: 180px;
}

.hero-left p.lead{
  color: #f3f3f3;
  font-size:1.05rem;
  max-width: 640px;
}

.landingPauta-Software-nombreCarrera {
  white-space: nowrap;
  background: #97d700;
  padding: 2px 8px 2px 8px;
}

/* form wrapper */
.form-wrapper{
  min-height: 520px;
  display: flex;
  align-items: center;
  z-index: 3;
  transform: scale(0.8);
  border-radius: 40px;
}

/* buttons / colors */
.btn-ulatina{
  background: var(--verde);
  color: #fff;
  border: none;
  padding: 0.6rem 1rem;
  border-radius: 30px;
  font-weight:600;
}

.btn-ulatina:hover{ filter: brightness(0.95); }

/* icon box small */
.icon-box{
  padding: 10px 8px;
}
.icon-circle{
  width:72px;
  height:72px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #fff;
  border-radius:50%;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* icon box vertical (center icon, text below) */
.icon-box-vertical .icon-circle-md{
  width:96px;
  height:96px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}

/* left icon list */
.icon-left img{ width:48px; height:48px; }

/* testimonial carousel image sizing */
#testimonialsCarousel .carousel-item img{
  object-fit: cover;
}

.bloqueTestimonios{
  margin-top: -25px;
}

/* por que estudiar carrera*/
.landingPauta-tituloPorQueEstudiarCarrera{
  color: #828282;
  font-weight: bold;
  margin-bottom: 40px;
}
.landingPauta-SedeDuracion{
  background: #eee;
  margin: 79px 0px 0px 0px;
  padding: 15px 9px 27px 20px;
}

/* Tarjetas */

.why-us-section {
  background: url('../img/01-Landing-Mckensey-fondo03.png') no-repeat center center;
  background-size: cover;
  position: relative;
  color: #fff;
}

.icon-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.icon-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.card.icon-card.h-100.text-center.p-4 img {
  width: 52%;
}

/* Íconos */
.icon-img {
  width: 60px;
  height: auto;
}

/* Texto */
.icon-card h5 {
  color: #333;
}

.icon-card p {
  color: #555;
  font-size: 0.95rem;
}

/* background soft blocks */
.bg-soft{ background: var(--soft-gray); }
.bg-finance{ background: #4d4d4f85; }

.icon-card {
  background-color: #f8f8f8;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.icon-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.icon-img {
  width: 55%;
  height: auto;
}

/*botonera*/
.botonera_texto.botonera_texto_4 {
  position: relative;
  bottom: 12px;
}

.botonera{
  height: 100%;
  margin: -60px 0px 0px 0px;
  z-index: 100;
}

#botonera-pc-movil{
  display: none;
}

.botonera_texto{
  font-weight: bold;
  font-size: 17px;
}

.botonera_texto_4{
  margin-top: 24px;
}

/* ===== TOPBAR FIJA ===== */
.topbar {
  background-color: #97d700;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030; /* superior al hero */
}

.logo-topbar {
  max-height: 46px;
}

.btn-telefono {
  background-color: #fff;
  color: #111;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.4rem 1.2rem;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.btn-telefono:hover {
  background-color: #f7f7f7;
  transform: translateY(-1px);
}

/* estadisticas*/
#landingPauta-texto-iconos-beforeFooter{
  color: black !important;
}
#landingPauta-bloqueEstadisticas{
  position: relative;
  left: 99px;
}
  
#estadisticas-box-ultimaCaja-movil{
  display: none;
}
  
.partners-databricks{
  width: 72%;
  position: relative;
  left: 15px;
  bottom: 10px;
}

/* Espaciador para evitar que el contenido se oculte debajo */
.topbar-spacer {
  height: 70px; /* Ajustá si tu barra es más alta */
}

.custom-accordion .accordion-item {
  border: none;
  margin-bottom: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.custom-accordion .accordion-button {
  background-color: #fff;
  color: #333;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
}

.custom-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235a8f00' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.accordion-icon {
  width: 32px;
  height: auto;
}
  
.titulo-Financiamientos{
  position: relative;
  top: 20px;
}

.landingPauta-tituloPartners {
  color: #828282;
  font-weight: bold;
  margin-bottom: 40px;
}

.error{
  color: red;
  font-size: 12px;
  position: relative;
  left: 4px;
  margin-top: 2px;
}

.error_footer{
  color: white;
}

/* Responsivo */
@media (max-width: 768px) {
  .hero-section{
      background-image: url('../img/Enfermeria-Landing-Jupiter-movil.png') !important;
  }
  .landingPauta-Software-nombreCarrera {
    padding: 4px 0px 4px 0px !important;
    margin-top: 7px !important;
    display: block;
  }
  .form-wrapper {
    margin-top: -105px !important;
    margin-bottom: -25px !important;
  }
  .hero-left h1 {
    font-size: 1.8rem;
    margin-top: 15px;
  }
  .estadisticas-ultimoIcono{
    width: 32% !important;
  }
  #botonera-pc-movil img{
    width: 35%;
  }

  #botonera-pc-ipad{
    display: none;
  }
  .icono-patners-3, .icono-patners-4{
    width: 35% !important;
  }
  .icono-patners-1{
    width: 35% !important;
  }

  .landingPauta-Footer-img-aneca{
    width: 36% !important;
    position: relative !important;
    margin-top: -10px;
    margin-bottom: 67px;
    right: 0px !important;
  }
  .logo-topbar {
    max-height: 40px;
  }
  .btn-telefono {
    font-size: 0.9rem;
    padding: 0.3rem 1rem;
    position: relative;
    right: 7px;
  }
  #botonera-pc-movil{
    display: block;
  }
  #bloquePorQueCarrera, #bloquePorQueEstudiarEnUlatina, #bloquePartners, #bloqueFinanciamiento-heading, #bloqueFinanciamiento-logos{
    display: none;
  }
  .py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  #landingPauta-bloqueEstadisticas {
    position: relative;
    left: 0px;
  }
  .btn-green {
    margin: -19px 120px 12px 120px !important;
  }
  .landingPauta-Footer-img-ulatina {
    width: 70% !important;
    margin-top: 41px !max(0, 0);
    position: relative !important;
    left: 0px !important;
  }
  #estadisticas-box-ultimaCaja-movil{
    display: block;
  }
  #estadisticas-box-ultimaCaja-pc{
    display: none;
  } 
}

/* statistic boxes */
.stat-box .stat-icon img{ width: 60%; }
.stat-box h3{ color: var(--verde); font-size:1.4rem; margin-top:4px; }

/* footer */

.footer-section {
  background-color: #5a8f00; /* Verde institucional */
  color: #fff;
}

.footer-bottom {
  background-color: #666; /* Gris inferior */
}

.btn-green {
  background-color: #97d700;
  color: #fff;
  border: none;
  margin: 0px 230px 0px 230px;
}

.btn-green:hover {
  background-color: #4d7a00;
}

.social-icons img {
  width: 5%;
  margin: 0px 0px 0px 6px;
}

.landingPauta-Footer-img-ulatina{
    width: 51%;
    margin-top: 92px;
    position: relative;
    left: 155px;
  }
.landingPauta-Footer-img-aneca{
  width: 25%;
  position: relative;
  top: 51px;
  right: 316px;
}


/* responsive tweaks */
@media (max-width: 991px){
  .hero-left{ padding: 3rem 1.25rem; text-align: center; }
  .hero-left h1{ font-size: 1.8rem; }
  .form-wrapper{ padding: 2rem 1rem; }
  .hero-section::before{ background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); }
}