/* Título principal */
.ttlo {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 2.2em;
    font-weight: 600;
    color: #2C3E50;
    margin-bottom: 0.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Subtítulo */
.subtitle {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.15rem; /* Aproximadamente 20px */
    font-weight: 600; /* Semi-bold para destacar sin exagerar */
    color: #2c3e50; /* Azul oscuro elegante */
    background-color: #98d1f7;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    border-left: 4px solid #3498db; /* Línea decorativa sutil */
    padding-left: 0.75rem;
    letter-spacing: 0.5px;
    border-radius: 8px;
    height: 25px;
    text-align: center;
}

/* Mensaje de advertencia */
.warning-message {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.95rem;
    color: #d35400; /* Naranja fuerte para advertencia */
    background-color: #fef0e6; /* Fondo suave para contraste */
    border: 1px solid #e67e22;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}