@font-face {
  font-family: 'JosefinSans';
  src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'JosefinSans';
  src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Guttery';
  src: url('../fonts/Guttery.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}




.logro-banner {
  background: #eef7fd; /* Color de fondo general */
  padding: 50px 0;
}

.logro-left {
  padding: 20px 40px;
}

.logro-img {
  max-width: 100%;
  height: auto;
}

.sub-text {
    font-family: 'josefinSans', sans-serif;
    font-style: normal;
  color: #c3005b;
  font-size: 1.8em;
  margin-top: 10px;
}

.formulario-logro {
  background: #deefff; /* Fondo celeste */
  border-radius: 20px;
  padding: 30px;
  margin: 0 20px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

.formulario-logro h3 {
    font-family: 'josefinSans', sans-serif;

  color: #a8055f;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 25px;
}

.formulario-logro .resaltado {
    font-family: 'Guttery', sans-serif;
    font-style: normal;
  color: #21629d;
  font-weight: normal;
  font-size: 1.5em;
}

.formulario-logro label {
    font-family: 'JosefinSans', sans-serif;
    font-style: normal;
  color: #a8055f;
  font-weight: normal;
}

.formulario-logro input,
.formulario-logro select {
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.btn-enviar {
  background: #c3005b;
  border: none;
  color: white;
  padding: 10px 30px;
  border-radius: 8px;
  font-weight: bold;
}