@import url('./main-layout.css');

:root {
    --lumo-primary-color: #BC955B;
    --lumo-primary-text-color: #BC955B;
    --lumo-border-radius: 15px;
    --lumo-font-family: 'Montserrat';
}

/* Estilos para el encabezado */
.header-content {
    height: 64px;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Estilo para el boton de cerrar sesion */
.logout-button {
    margin-right: 30px;
}

/* Estilos para el drawer */
.drawer-logo {
    width: 300px;
}

vaadin-grid::part(selected-row-cell) {
    background-color: #a02142;
    color: white;
}
/* ------------------ FIN -------------------------------------- */
/*
/*
 */


/*!--------------------- Estilos para MantenimientosView.java ------------------- */
/* Estilo para el fondo del header */
.plan-anual-header {
    background-color: #a02142;
    padding: 0;
}

/* Estilo para el titulo */
.plan-anual-titulo {
    text-align: center;
    font-size: 24px;
    color: #ddc9a3;
}

/* Estilo para el subtitulo */
.plan-anual-titulo1 {
    text-align: center;
    font-size: 18px;
    color: #ddc9a3;
}
/* ------------------------ FIN -------------------------- */
/*
/*
*/
/* --------------- Estilos para la vista de ActDiaria.java -------------- */
/* Estilo para el header */
.act-diaria-header {
    background-color: #3E8BEA;
    padding: 10px;
}

/* Estilo para el titulo */
.act-diaria-titulo {
    color: white;
    font-size: 24px;
    text-align: center;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos específicos para el Upload */
vaadin-upload > vaadin-button {
    color: #691b31;
}

/* Estilos para el theme personalizado 'subir-archivo' */
vaadin-button[theme~="subir-archivo"] {
    background-color: #691b31;
    color: #ffffff;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilo especificos para el login form */
vaadin-login-form.special, vaadin-login-form.special::part(container) {
    background-color: rgba(105, 27, 49, 0.8);
    border-radius: 30px;
}

vaadin-login-form-wrapper {
    background-color: rgba(221, 201, 163, 1);
    border-radius: 30px;
}

/*letras de los label*/
vaadin-login-form-wrapper ::part(label) {
    color: #6f7271;
    /*transform: scale(1.2);*/
}


vaadin-login-form vaadin-button[theme~="submit"] {
    background-color: #691b31;
}

vaadin-login-form-wrapper::part(form-title) {
    color: #691b31;
}

vaadin-login-form-wrapper::part(error-message) {
    color: #a02142;
}

vaadin-popover-overlay::part(overlay) {
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.dashboard-widget-content {
    padding: 1.5rem;
}

.pregunta-widget-container {
    border-top: 3px solid #a02142;
}

.pregunta-widget-container span {
    line-height: 1.2;
}



@media (max-width: 900px) {
    .v-horizontallayout {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .mantenimiento-text-field,
    .mantenimiento-combo,
    vaadin-text-field,
    vaadin-combo-box {
        min-width: 0;
        width: 100% !important;
        box-sizing: border-box;
    }
}
