/* Cambiar el color y la fuente de los botones de siguiente y anterior */
.omniscript-btn-next .slds-button {
    background-color: #FEC82F !important;
    border-color: #FEC82F !important;
    font-family: 'Roboto', sans-serif !important;
    color: #000000 !important; /* Cambia el color de la fuente a negro */
}

.omniscript-btn-previous .slds-button {
    border-color: #FEC82F !important;
    color: #000000 !important; /* Cambia el color de la fuente a negro */
    font-family: 'Roboto', sans-serif !important;
}

/*Cambiar la fuente y el color de cualquier texto específico en OmniScript*/
label {
    font-family: 'Roboto', sans-serif !important;
    color: #0097AE !important;
}

/* Cambiar la fuente y el color de los Text Blocks en OmniScript */
.omniscript-text-block {
    font-family: 'Roboto', sans-serif !important;
    color: #0097AE !important;
}

.omniscript-text-block p {
    font-family: 'Roboto', sans-serif !important;
    color: #0097AE !important;
}

.omniscript-block .os-step-label, 
.omniscript-block .slds-text-heading_medium,
.omniscript-block .slds-truncate,
.omniscript-text-block h1, 
.omniscript-text-block h2, 
.omniscript-text-block h3, 
.omniscript-text-block h4, 
.omniscript-text-block h5, 
.omniscript-text-block h6 {
    font-family: 'Roboto', sans-serif !important;
    color: #0097AE !important;
}

/* Cambiar la fuente, color y estilo del título del Step */
.os-step-label {
    font-family: 'Roboto', sans-serif !important; /* Cambiar la fuente */
    color: #0097AE !important; /* Cambiar el color del texto */
    /*font-size: 1.5rem !important; /* Cambiar el tamaño del texto
    font-weight: bold !important; /* Cambiar el peso de la fuente 
    text-transform: uppercase; /* Opcional: transformar el texto a mayúsculas
    text-align: center; /* Opcional: centrar el texto */
}

/* Cambiar color del borde y subrayado al hacer hover en las secciones de cargue de documentos */
.slds-button.slds-button_reset.slds-accordion__summary-action {
    border: 2px solid transparent; /* Bordes transparentes por defecto */
    position: relative;
    transition: all 0.3s ease; /* Transición suave */
}

.slds-button.slds-button_reset.slds-accordion__summary-action:hover {
    border-color: #0097AE; /* Cambiar color del borde al pasar el mouse */
    color: #0097AE; /* Cambiar color del texto al pasar el mouse */
}

.slds-button.slds-button_reset.slds-accordion__summary-action:hover::after {
    content: ""; /* Agregar una línea decorativa */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; /* Subrayado completo */
    height: 2px; /* Grosor del subrayado */
    background-color: #0097AE; /* Color del subrayado */
}

.slds-icon.slds-button__icon.slds-icon-text-default.slds-icon_x-small.slds-icon_left svg {
    fill: #0097AE; /* Cambia el color del ícono */
}

.slds-icon.slds-button__icon.slds-icon-text-default.slds-icon_x-small.slds-icon_left svg:hover {
    fill: #FEC82F; /* Cambiar el color al hover */
}