/* ==========================================================================
   VIEWS · TERCEROS REGISTRO
   Migrado automáticamente desde C:/Users/nesto/Documents/VOTE360-FULL/vote360/src/Template/Terceros/registro.ctp.
   Refactorizado conservadoramente: hex de paleta canónica → tokens.
   ========================================================================== */

.notification {
        background-color: #FFEB9C;
        /* Color de fondo amarillo claro */
        border-radius: 10px;
        /* Bordes redondeados */
        padding: var(--spacing-lg);
        /* Espacio interior */
        max-width: 500px;
        /* Ancho máximo del mensaje */
        margin: 50px auto;
        /* Centrar en pantalla con margen superior e inferior */
        text-align: center;
        /* Texto centrado */
        font-family: Arial, sans-serif;
        /* Fuente del texto */
        font-size: 16px;
        /* Tamaño de la fuente */
        color: #333366;
        /* Color del texto azul oscuro */
    }

    /* estilo para la clase logoInterno con el fin de controlar que tenga máximo el 25% de la pantalla en caso de ser pantalla grande, en caso de ser mediana máximo el 50% y en caso de ser pequeña máximo el 65% */
    .logoInterno {
        max-width: 320px;
        width: 80%;
        max-height: 28%;
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        color: #555555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 3px;
    }