@import url('MedHist.css');
@import url('view/main-view.css');
@import url('view/main-view-top-menu.css');
@import url('view/login-view.css');
@import url('view/danger.css');
/*@import url('view/iglesia.css');*/


.bc-login {
    background-image: url("META-INF/resources/icons/bc.png"); /* Ruta de la imagen */
    background-size: cover;
    background-position: center;
    height: 100vh; /* Asegura que ocupe toda la altura de la pantalla */
    display: flex;
    justify-content: center;
    align-items: center;


    }
.karaoke-content{
    overflow-y:auto;
    overflow-x:hidden;

    height:420px;

    font-size:26px;
    line-height:1.8;

    /*padding:20px;*/

    /*border-radius:6px;*/
    background:#f7f7f7;
}

/* línea normal */
.karaoke-content{
    background:#f4f4f4;
    /*border-radius:8px;*/
}

.karaoke-line{
    transition:all .12s ease;
}

.karaoke-active{
    color:#d12f2f;
    font-weight:bold;
    transform:scale(1.05);
}

/* =========================
   CONTROLES (BOTONES)
========================= */

.playBtn,
.pauseBtn,
.stopBtn,
.btnViewChords {
    border-radius: 10px;
    font-weight: 500;
    transition: 0.2s;
}

/* PLAY */
.playBtn {
    background: #52a672;
    color: white;
}

.playBtn:hover {
    background: #5cd29a;
}

/* PAUSE */
.pauseBtn {
    background: #fff04b;
    color: black;
}

.pauseBtn:hover {
    background: #dfc071;
}

/* STOP */
.stopBtn {
    background: #d50000;
    color: white;
}

.stopBtn:hover {
    background: #ff1744;
}

/* ACORDES */
.btnViewChords {
    background: #40a2cb;
    color: white;
}

.btnViewChords:hover {
    background: #5bbbe3;
}
.fondoPublic{
    background: #000000;
}
.headerPublic {
    width: 100%; /* 👈 truco clave */
    margin: 0;
    padding: 0px;

    background: #790924;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}
.notificationSuc{
    background: #ffcf4b;
    color: white;
    font-weight: 500;
}
/* QUITA espacios fantasmas del layout */
vaadin-vertical-layout,
vaadin-horizontal-layout {
    padding: 0;
    margin: 0;
}