/*
Theme Name:   Twenty twenty Four Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Twenty twenty Four Child
Author:       Sergio Miguel Martín
Author URI:   https://smmcrea.es
Template:     twentytwentyfour
Version:      2.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         
Text Domain:  twentytwentyfourchild
*/

a:hover{
    text-decoration: none !important;
}

.sombra{

    
    -webkit-box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5);
    box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5);
}




/* Estilos básicos para los elementos de la lista */
ul.botones-lista, ul.botones-lista-descarga {
    list-style: none;
    margin-top: 15px; 
}
ul.botones-lista li, ul.botones-lista-descarga li {
    display: inline-block;
    margin-right: 10px; /* Espaciado entre botones */
}

/* Estilos para los enlaces dentro de los elementos de la lista */
ul.botones-lista li a {
    display: block;
    padding: 10px 15px; /* Ajusta el relleno según sea necesario */
    text-decoration: none;
    background-color: #2085C7; /* Color de fondo del botón */
    color: #fff; /* Color del texto del botón */
    border-radius: 5px; /* Bordes redondeados */
}

/* Cambiar el color de fondo al pasar el ratón sobre el botón */
ul.botones-lista li a:hover {
    background-color: #2085C7;
}



/* Estilos básicos para los elementos de la lista */
ul.elementos-lista {
    
    margin: 15px 0px;
    padding-inline-start:0px
    
}
ul.elementos-lista li {
    display: inline-block;

    
}

.etiqueta{
    font-weight: bold;
}
.navFija {
    margin-top: -1px !important;
    z-index: 9;
}
.colorNav .wp-block-navigation-link {
    padding: 15px !important;
}
.colorNav .wp-block-navigation-link:hover{
    background-color:#2085C7 !important;
    color: white !important;
}
.menu-item-activo{
    background-color: #4CB15D !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px !important;
 
}
    .menu-item-activo .wp-block-navigation-submenu{
        background-color: #4CB15D !important;
    }
.menu-item-activo-prev{
    background-color: #087D59 !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px !important;
    
}
    .menu-item-activo-prev .wp-block-navigation-submenu{
        background-color: #087D59 !important;   
    }
.menu-item-activo-prevPrev{
    background-color: #000000 !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px !important;
 
}
    .menu-item-activo-prevPrev .wp-block-navigation-submenu{
        background-color: #000000 !important;
    
    }
.colorNav .wp-block-navigation__submenu-icon{
    color: white !important;

}    
.menu-item-activo a, .menu-item-activo-prev a, .menu-item-activo-prevPrev a{
    color: white !important;
}

.botonExtracto a{
    
    padding: 5px 15px; /* Ajusta el relleno según sea necesario */
    text-decoration: none;
    background-color: #2085C7; /* Color de fondo del botón */
    color: #fff; /* Color del texto del botón */

}

.botonExtracto .wp-block-post-excerpt__more-text{
    text-align: right;
}

.icoExt{
    height: 50px;
}
.icoBlo{
    height: 25px;
    vertical-align: middle;
}
.coleccion{
    font-size: .7em;
    color: #000;
}
.VOff{
    display: none !important;
}
.indicaciones{
    text-align:-webkit-right;

}
.recursos{
    text-align:-webkit-left;

}

.bloqueIndicaciones{
    /*width: 480px;*/
    

}
.bloqueIndicaciones ol{
    width: fit-content;
    

}

.bloqueIndicaciones ol li{
    width: fit-content;
}
.areaTexto{
    width: 400px;
    height: 200px;
}

.mesOraciones{
    text-align: center;
    font-weight: bold;
}
.mesOraciones h4{
    margin-block-end: .33em;
}
.botonInvertir{
    font-weight: bold;
    cursor: pointer;
}
.enlaces_oraciones_tablaFiltro, .carga_contenido_tablaFiltro{
    width: 100%;

}
.enlaces_oraciones_tablaFiltro .col1, .carga_contenido_tablaFiltro .col1{
    width: 50%;
    margin: 0px auto;
    text-align: center;
}
.tablaOraciones{
    /*width: 150px;*/
    border-spacing: 0px;
    margin: 0px auto;
    width: fit-content;

}
.tablaOraciones td{
    padding: .5em;
    text-align: center;
    font-size: .8em;
    
}
.tablaOraciones th{
    text-align: center;
    
}
.tablaOracionesPDF{
    width: 15px !important;
}
.cursoOraciones{
    text-align: center;
}
.iconosTablaOraciones{
    width: 25px;
    vertical-align: middle;

}
.modeloRelleno_a, .modeloRelleno_b{
    text-align: center;
    font-size: 2em;
}
.modeloRelleno_a{
    background-color: #d3ffbd;
}
.modeloRelleno_b{
    background-color:#b4e5ff;
}
.modeloLinea_a td{
    border-bottom: 3px solid #d3ffbd;
    
}
.modeloLinea_b td{
    border-bottom: 3px solid #b4e5ff;
    
}

.tituloOracion{
    font-size: 30px;
}
.carga_recurso_tabla{
    width: 100%;
}
.carga_recurso_mes{
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    
}
.carga_recurso_contenido{
    
}
.enlaces_oracion_titulo p{
 margin-block: 0px;
}

.desactivado{
    /* background-color: #ccc;*/
    /*opacity: .25;*/
    cursor: not-allowed;
}
.enlaceMorado a:link, .enlaceMorado a:visited{
    color: #93278f;
    text-decoration: none;
}
.enlaceMorado a:hover{
    color: #000;
    text-decoration: none;
}
.enlaceDorado a:link, .enlaceDorado a:visited{
    color: #fbb03b;
    text-decoration: none;
}
.enlaceDorado a:hover{
    color: #000;
    text-decoration: none;
}
.enlaceVerde a:link, .enlaceVerde a:visited{
    color: #009245;
    text-decoration: none;
}
.enlaceVerde a:hover{
    color: #000;
    text-decoration: none;
}
.enlaceAzul a:link, .enlaceAzul a:visited{
    color: #0071bc;
    text-decoration: none;
}
.enlaceAzul a:hover{
    color: #000;
    text-decoration: none;
}
.noSeparar{
    text-wrap: nowrap;
}
.botonMostrar{
    text-align: center;
    cursor: pointer;
}
.accionesForm{
    text-align: center;
}
.botonForm{
    font-size: 1.2em;
    padding: 1em;
    border: 0px;
    background-color: #0071bc;
    color: white;
    text-align: center;
    width: 50%;
    margin: 10px auto;
    cursor: pointer;
}
.bloqueIndicaciones blockquote{
    font-style: italic;
}
.bloqueIndicaciones blockquote p::before{
    content: "«";
  }
.bloqueIndicaciones blockquote p::after{
    content: "»";
  }

.resultadoForm{
    text-align: center;
}
.resultadoFail{
    color: brown;
    animation: changeColorFail 3s forwards;
}
.resultadoOk{
    color: #009245;
    
    animation: fadeOut 3s forwards;
    animation: changeColorOk 3s forwards;
}
.camposOcultos{
    text-align: center;
}
.bFormTitluo{
    width: 50%;
    text-align: center;
    border:none;
    border-bottom: 1px solid #000;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.bFormId, .bCategoria{
    width: 50px;
    border:none;
    border-bottom: 1px solid #000;
    text-align: center;
}
.bFormLabel{
    display: block;
    padding-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
    @keyframes changeColorFail {
        from {
            background-color: red; /* Color inicial */
        }
        to {
            background-color: transparent; /* Cambia a fondo transparente */
            
        }
    }
    @keyframes changeColorOk {
        from {
            background-color: greenyellow; /* Color inicial */
        }
        to {
            background-color: transparent; /* Cambia a fondo transparente */
            
        }
    }

#calendarioTabla{
    width: 100%;
}
.calendarioColumna{
    margin: 0px auto;
}
.cargaTitulos span{
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: .7em;
    background-color: #ccc;
    padding: 10px;
    width:fit-content;
    white-space: nowrap;
    
}
.cajaIndicaciones{
    border: 1px solid #ccc;
    margin-block-start: 4px !important;
    padding: 10px;
    margin-block-end: 60px !important;
}
.despOracionesEstilo{
    font-size: 1em;
    padding: 10px;
}
.rolColF5 span{    
    background-color: #0071bc;
}
.rolColC5{    
    border: 1px solid #0071bc;
    
    
}
.rolColC3{    
    
    color: #0071bc;
    
}

/* Estilo para el desplegable */
.despOracionesEstilo {
    background-color: #0071bc; /* Fondo azul */
    color: white; /* Texto blanco */
    padding: 25px; /* Espacio alrededor del texto */
    border: none; /* Sin borde */
    border-radius: 0px; /* Bordes redondeados */
}

.despOracionesEstilo option {
    background-color: #000;
    color: white; /* Texto blanco */

}

/* Estilo para la flecha */
.despOracionesEstilo::-ms-expand {
    display: none; /* Oculta la flecha en Internet Explorer */
}

.despOracionesEstilo::after {
    content: '\25BC'; /* Código Unicode de la flecha hacia abajo */
    position: absolute;
    top: calc(50% - 0.5em);
    right: 10px;
    color: white; /* Color de la flecha */
    pointer-events: none; /* Evita que la flecha sea seleccionable */
}
.mod_a img:hover{
    background-color: #d3ffbd;
}
.mod_b img:hover{
    background-color: #b4e5ff;
}

/*  estilos visualizar oraciones de primaria */



.page-template-wp-custom-template-slide-oraciones-primaria {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    /*overflow-x: hidden !important; */
}
html{
    overflow-x: hidden !important;
}

.marcoSlide {
    width: 100% !important;
    height: calc(100vh);
    display: flex !important;
    flex-direction: row !important;
    transition: transform 0.5s ease;
    
}

.marcoSlide section {
    width: 100% !important;
    height: calc(100vh);
    flex-shrink: 0 !important;
    overflow: auto !important;
    
}

.botonesSlide {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 999; /* Asegura que los botones estén por encima de otros elementos */
}

#anterior, #siguiente {
    /*display: inline-block;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    margin: 0 10px;*/
}

.slidesOM .tituloOracion{
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
 
}
.slidesOM .indicaciones{
    text-align:-webkit-left;

}
.slidesOM h3{
    font-size: 1.3em;

}
.portadaOracion{
    width: 75%;
    margin: calc(12vh) auto;
    
    
}
.portadaOracion .recursos{
    
    text-align: center;
    padding: 15px;
}
.recursos audio{
    margin: 15px;
}
.falta{
    background-color: rgb(214, 214, 214);
}
.pendiente{
    background-color: rgb(255, 228, 198);
}

.marcoSlide .qrCode, .editor .qrCode{
    display: none;
}
.momento {
    page-break-inside: avoid;
    
}
.salto {
    page-break-after: always;
}

.nombre-archivo{
    font-size: 10px;
    /* display: none; */
}

.paraImprimir audio, .paraImprimir .iconosTablaOraciones, .paraImprimir .noEncontrado, .paraImprimir .cargaTitulos {
    display: none;
}
.paraImprimir .wp-block-heading{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.paraImprimir .portadaOracion{
    width: 100%;
    margin: 0px;
}
.paraImprimir .bloqueIndicaciones{

    font-size: 20px;
}
.paraImprimir .nombre-archivo{

    display: block;
}

.qrCode{
    float: left; 
    margin-right: 20px;
    /* display: none; */
}
.qr-propio img{
    height: 50px;
    margin-right: 20px;
}
.pie-print{
    
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    
    
}
#calendarioColumna0{
    display: none;
}
.agendaIncrustada div div{
    margin-left: auto;
    margin-right: auto;
}
.iconoRezarApp{
    width: 50px;
    
}
.app a{
    
    padding-top: 40px;
}
.pdf a{
    
    margin-left: auto;
    margin-right: auto;
}
.verPDF{
    display: none;
}