/* Secciones de la portada de sismac.net: nuevo SisMAC web + IA ("Muy pronto") y owKPi ("Ya disponible").
   Paleta del doc 03: azul #0898D8, azul de acción #2091F9, noche #001A49, acento #F89808, lavanda #E5E5F7.
   No toca los estilos existentes: todas las clases empiezan con "pronto". */
.pronto { position: relative; overflow: hidden; font-family: 'Poppins', sans-serif; color: #001A49; }
.pronto__contenedor { position: relative; z-index: 1; width: min(1120px, 100% - 40px); margin: 0 auto; }
.pronto__etiqueta { display: inline-block; border: 1.5px solid #F89808; color: #c76f00; border-radius: 40px; padding: 4px 16px; font-weight: 600; font-size: 13px; letter-spacing: 1.6px; text-transform: uppercase; background: rgba(248,152,8,.08); }
.pronto__etiqueta--ok { border-color: #0898D8; color: #0679ad; background: rgba(8,152,216,.1); }
.pronto__titulo { margin: 16px 0 14px; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; font-weight: 700; letter-spacing: -.6px; color: #001A49; text-align: left; }
.pronto__parrafo { margin: 0 0 12px; font-size: 17px; line-height: 1.6; color: #44506a; text-align: left; }
.pronto__lista { list-style: none; margin: 14px 0 22px; padding: 0; text-align: left; }
.pronto__lista li { position: relative; padding: 0 0 10px 30px; font-size: 16px; line-height: 1.5; color: #33405a; }
.pronto__lista li::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #0898D8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat; }
.pronto .cta { display: inline-block; margin-top: 8px; }

/* nuevo SisMAC web + IA: texto a la izquierda e imagen centrada en la mitad derecha, dentro del contenido */
.pronto--web { background: #fff; padding: 72px 0; }
.pronto__contenedor--web { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.pronto--web .pronto__texto { max-width: 500px; }
.pronto__imagen { margin: 0; display: flex; justify-content: center; }
.pronto__imagen img { width: min(540px, 100%); height: auto; -webkit-mask-image: radial-gradient(ellipse at center, #000 58%, transparent 98%); mask-image: radial-gradient(ellipse at center, #000 58%, transparent 98%); }

/* owKPi */
.pronto--kpi { background: linear-gradient(135deg, #E5E5F7 0%, #f4f6fd 100%); padding: 80px 0; }
.pronto__contenedor--doble { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.pronto__logo { margin: 0; display: flex; justify-content: center; }
.pronto__logo img { width: min(440px, 100%); height: auto; }

@media (max-width: 860px) {
  .pronto--web { padding: 56px 0; }
  .pronto__contenedor--web { grid-template-columns: 1fr; gap: 24px; }
  .pronto__imagen img { width: min(420px, 100%); }
  .pronto--kpi { padding: 56px 0; }
  .pronto__contenedor--doble { grid-template-columns: 1fr; gap: 28px; }
  .pronto__logo img { width: min(300px, 80%); }
}