/* Custom per Aplicació Executiva */
header.page-header img.logo {top: 53%;}
@media screen and (min-width: 576px) {
    header.page-header img.logo {top: 50%;}
}
body .ui-card .ui-card-body {padding:.5rem}
body .ui-card .ui-card-content {padding:0;}
.ui-selectoneradio .ui-g-12 {padding: .5rem 0;}
h3.ambit {
    border-top: 1px solid #ccc;
    padding-top: 2rem;
    margin-top: 2rem;
    color: var(--surface-700);
}
h3.ambit:first-of-type {border:0;margin-top: 0;padding-top:0}
/*.whatsapp-message-container {*/
/*    background-color: #DCF8C6;*/
/*    border-radius: 10px;*/
/*    padding: 5px;*/
/*    !*margin-bottom: 10px;*!*/
/*    display: inline-block;*/
/*    position: relative; !* Añadido para posicionar el doble check *!*/
/*}*/

/*.small-text {*/
/*    font-size: 12px; !* O el tamaño que desees para el texto más pequeño *!*/
/*    text-align: right;*/
/*    display: inline-block; !* Añadido para colocar en la misma línea *!*/
/*    vertical-align: middle; !* Ajuste opcional para alinear verticalmente *!*/
/*}*/

/*.double-check {*/
/*    color: #25D366;*/
/*    font-size: 16px;*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    right: 5px;*/
/*}*/

.whatsapp-message-send-container {
    position: relative;
    background-color: #DCF8C6;
    border-radius: 10px;
    padding: 10px;
    /*margin-bottom: 10px;*/
    display: inline-block;
}

.whatsapp-message-received-container {
    position: relative;
    background-color: #f2f3f3;
    border-radius: 10px;
    padding: 10px;
    /*margin-bottom: 10px;*/
    display: inline-block;
}

.whatsapp-message-notification-container {
    position: relative;
    background-color: #ffb9ca;
    border-radius: 10px;
    padding: 10px;
    /*margin-bottom: 10px;*/
    display: inline-block;
}

.message-line {
    display: block; /* Añadido para que cada línea ocupe el ancho completo */
}

.medium-text {
    font-size: 14px;
    text-align: right;
    display: inline-block;
    vertical-align: middle; /* Ajuste opcional para alinear verticalmente */
    color: #999999;
}

.small-text {
    font-size: 12px;
    text-align: right;
    display: inline-block;
    vertical-align: middle; /* Ajuste opcional para alinear verticalmente */
    color: #757575;
}

.double-check {
    color: #25D366;
    font-size: 16px;
    margin-left: 5px; /* Ajusta el espacio entre el segundo output text y el double-check */
    vertical-align: middle; /* Alinea verticalmente con el segundo output text */
}

.ui-datatable-scrollable-header th {
    display: none !important;
}


.command {
    font-weight: bold;
    color: #333;
    background-color: #e7e7e7;
    padding: 5px;
    border-radius: 4px;
}
.example {
    background-color: #fee;
    padding: 10px;
    border-left: 4px solid #B50027;
}

.image {
    max-width: 100%; /* Hace que la imagen sea responsiva */
    height: auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 10px;
}