:root{
	--color-fondo-menu: #023859;
	--color-fondo-menu-hover:#008080;
	--color-sombra:rgba(0,0,0,.5);
	--color-fondo-hijo:#011826;
	--color-borde-btn: rgba(255,255,255,.5);
	--color-naranja:#ff8000;
    --color-txt:#fff;

    --color-fondo-btn-inicio: var(--color-fondo-menu);
    --color-fondo-bth:#9ae7e7; /*beige;*/
    --color-txt-inicio:var(--color-txt);
    --color-txt-contraste:#031438;
    --btn-duration:48s; /* 6 segundo x 8 imagenes */

}
.btnm{
    background: var(--color-fondo-bth); /* #ff8000;*/
    /*background:var(--color-fondo-btn);*/
    border-radius: 15px;
}

.btn1{
    background:var(--color-fondo-btn);
    border-radius: 15px;
    animation: btn1_fondo var(--btn-duration) infinite alternate; /*timing-function delay iteration-count direction fill-mode;*/
    /*animation-iteration-count: infinite;*/
}
@keyframes btn1_fondo {
    0%{background-color: var(--color-fondo-btn-inicio);color:var(--color-txt-inicio);}
    1%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}
    24%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}  
    25%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
    100%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
}

.btn2{
    background:var(--color-fondo-btn);
    border-radius: 15px;
    animation: btn2_fondo var(--btn-duration) infinite alternate; /*timing-function delay iteration-count direction fill-mode;*/
    /*animation-iteration-count: infinite;*/
}
@keyframes btn2_fondo {
    25%{background-color: var(--color-fondo-btn-inicio);color:var(--color-txt-inicio);}
    26%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}
    49%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}  
    50%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
    100%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
}

.btn3{
    background:var(--color-fondo-btn);
    border-radius: 15px;
    animation: btn3_fondo var(--btn-duration) infinite alternate; /*timing-function delay iteration-count direction fill-mode;*/
    /*animation-iteration-count: infinite;*/
}
@keyframes btn3_fondo {
    50%{background-color: var(--color-fondo-btn-inicio);color:var(--color-txt-inicio);}
    51%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}
    74%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}  
    75%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
    100%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
}

.btn4{
    background:var(--color-fondo-btn);
    border-radius: 15px;
    animation: btn4_fondo var(--btn-duration) infinite alternate; /*timing-function delay iteration-count direction fill-mode;*/
    /*animation-iteration-count: infinite;*/
}
@keyframes btn4_fondo {
    75%{background-color: var(--color-fondo-btn-inicio);color:var(--color-txt-inicio);}
    76%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}
    99%{background-color: var(--color-fondo-bth);color:var(--color-txt-contraste);}  
    /*97%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}*/
    100%{background-color: var(--color-fondo-bth-inicio);color:var(--color-txt-inicio);}
}