.bloque_portada_principal{
    color: white;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    cursor: pointer;

}



.qx-section, .qx-container {
    padding: 0 !important;
}

.qx-col-wrap{
padding: 5px 15px !important;
}

.bloque_portada_principal:hover{
    filter: brightness(120%);
}

.bloque_portada{
    height: 100%;
}

.linea-centrada{
    display: table-cell;
    vertical-align: bottom;
    font-size: xx-large;
    text-align: right;
    padding-right: 1em;
    padding-bottom: 1em;
}

.linea-centrada2{
    display: table-cell;
    vertical-align: middle;
    font-size: xx-large;
}

.linea-sub4{
    display: table-cell;
    font-size: large;
}

.linea-sup-izq{
    text-align: left;
    padding-left: 1em;
    padding-top: 0.5em;
}

.linea-sup-der{
    text-align: right;
    padding-right: 1em;
    padding-top: 0.5em;

}

.linea-inf-izq{
    text-align: left;
    padding-left: 1em;
    vertical-align: bottom;
    padding-bottom: 1em;
}

.linea-inf-der{
    text-align: right;
    padding-right: 1em;
    vertical-align: bottom;
    padding-bottom: 1em;
}

.bloque_superior, .bloque_segunda_linea{
    padding-bottom: 1em;
}

.bloque_portada .mod-custom{
  height: 100%;
}

.bloque_izquierda{
    padding-right: 1em;
}

.bloque_dividido_1 {
    padding-right: 1px;
    padding-bottom: 1px;
}

.bloque_dividido_2 {
    padding-right: 1px;
}

.bloque_dividido_3 {
    padding-bottom: 1px;
}

/* Páginas portadas bloques principales */

.portada_proyectos{
    font-family: Verdana, Geneva, sans-serif;
}

.portada_proyectos a{
    color: white;
}

.portada_proyectos .sprocket-grids-b-item.panel-color {
    background: #2885f9;
}

/*
 * Páginas portadas bloques principales
 */

div.enlace-bloques{
    cursor: pointer;
        font-size: 16px;
    line-height: 1.6;
}

div.portada_principal_solman{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

div.bloque_portada_simple, div.bloque_portada_doble, div.bloque_portada_simple_color{
    padding: .5em;
    margin-top: 1em;
    min-height: 250px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.bloque_portada_simple_color{
    min-height: 150px;
    color: white !important;
}

div.bloque_portada_destacado:hover, div.bloque_portada_simple:hover, div.bloque_portada_doble:hover, div.bloque_portada_simple_color:hover{
    filter: brightness(120%);
}



div.bloque_portada_doble{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.17+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2b000000',GradientType=0 ); /* IE6-9 */
}

div.bloque_portada_imagen{
    height: 280px;
}

div.bloque_portada_destacado{
    min-height: 280px;
    padding: .5em;
    
    
}

span.portada_title{
    display:block;
    font-weight: bold;
}

/* Fin parte común*/

/* Conócenos*/
div.bloque_portada_simple.bloque_conocenos, div.bloque_portada_simple_color.bloque_conocenos{ 
background-color: #29A425;
color: white;
}

div.bloque_portada_destacado.bloque_conocenos{
    
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3f0e2+0,e3f0e2+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(227,240,226,0) 0%, rgba(227,240,226,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(227,240,226,0) 0%,rgba(227,240,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(227,240,226,0) 0%,rgba(227,240,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3f0e2', endColorstr='#e3f0e2',GradientType=0 ); /* IE6-9 */

}

div.bloque_portada_doble.bloque_conocenos{ 
background-color: #f3f3f3;
color: black;
}

div.bloque_portada_doble.bloque_conocenos span.portada_title, div.bloque_portada_destacado.bloque_conocenos span.portada_title{
    color: #29A425;
}

/* Fin conócenos*/


/* Sensibilización */

div.bloque_portada_destacado.bloque_sensibilizacion, div.bloque_portada_simple_color.bloque_sensibilizacion{
    background-color: #f79647;
    color: white;
}

div.bloque_portada_doble.bloque_sensibilizacion, div.bloque_portada_simple.bloque_sensibilizacion{ 
background-color: #f79647;
color: black;
}


/* Fin sensibilización */

/* Proyectos */

div.bloque_portada_destacado.bloque_proyectos, div.bloque_portada_simple_color.bloque_proyectos{
    background-color: #43b0dc;
    color: white;
}

/*div.bloque_portada_doble.bloque_sensibilizacion, div.bloque_portada_simple.bloque_sensibilizacion{ 
background-color: #f79647;
color: black;
}*/

/* Fin proyectos */

/* Proyectos */

div.bloque_portada_destacado.bloque_cooperantes, div.bloque_portada_simple_color.bloque_cooperantes{
    background-color: #92d051;
    color: white;
}


/* Fin proyectos */

div.bloque_portada_destacado.bloque_rojo, div.bloque_portada_simple_color.bloque_rojo{
    background-color: #dc4743;
    color: white;
}



/* Artículos */

.item-page > article .article-header .article-title{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: bold;
    font-size:36pt;
}



/* Anuncios */

.banneritem,
.banneritem .clr_banner{
   display: inline;
   padding-right:5px;
}

.banner_title{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: bold;
    font-size: 16pt;
    margin-bottom:1em;
    color: black;
}

/* Pie de página */

div.pie_pagina_solman{
    background: #6e6e70;
    color: white;
    height: 160px;
    margin-top: 15px;
    padding: 10px;
}


div.pie_pagina_solman a:link, div.pie_pagina_solman a:visited{
    color: white;
    text-decoration: none;
}


/* JOodatabase */
div.miniatura-aulas img.database-thumb{
    height: 75px;
}
/* Fin Joodatabase */

/* Botón cookie-law*/
#continue_button{
    height: 26px !important;
}
/* Fin botón cookie-law*/

/*Proyectos y cooperantes*/

.bloque_pais{
    border-bottom: 2px solid #29A425;
    height: 75px;
}

.ano_proyecto{
    border-bottom: 2px solid #29A425;
    font-size: 22px;
}

.bloque_proyecto{
    padding-top: 2em;
}

.nombre_pais{
    font-size: 22px;
    line-height: 105px;
}

.mapa_pais{
    min-width: 175px;
    padding-right: 3em;
}

.etiqueta_datos{
    width: 160px;
    display: inline-block;
    font-weight: bold;
}

.etiqueta_datos2{
    width: 160px;
    display: inline-block;
    font-weight: bold;
}

.etiqueta_datos3{
    width: 160px;
    display: inline-block;
}

.titulo_proyecto{
    font-weight: bold;
    padding: 2em 0;
}

.descripcion_proyecto{
    padding-bottom: 2em;
}

.informacion_cooperantes{
    padding: 2em 0;
    color: red;
    font-style:italic;
    
}


/*Fin proyectos y cooperantes*/

/*Menú lateral*/

.t3-off-canvas {
    opacity: 0.8;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: white;
}    

/* Fin menú lateral*/


/* Específico móviles */

@media (max-width: 480px) {

.bloque_superior, .bloque_segunda_linea, .bloque_izquierda, .bloque_dividido_1, .bloque_dividido_2 , .bloque_dividido_3 {
    padding: 0;
}

.bloque_portada{
    padding-bottom: 2px;
}

.linea-sup-izq, .linea-sup-der, .linea-inf-izq, .linea-inf-der, .linea-centrada, .linea-centrada2{
    text-align: right;
    padding-right: 1em;
    vertical-align: middle;
}

.mobilehide{
    display:none;
}


div.pie_pagina_solman{
    height: 480px;
}

div.datos_pais{
    float: left;
}
    
}



/* Libro */

.tabla-alternada {
    border-collapse: collapse;
    width: 100%;
}

.tabla-alternada tr:nth-child(even) {
    background-color: #f5f7fa;
}

.tabla-alternada tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Cabecera */
.tabla-alternada tr:first-child {
    background-color: #2969af;
    color: #ffffff;
    font-weight: bold;
}

/* Celdas */
.tabla-alternada td {
    padding: 8px 10px;
    vertical-align: top;
}


.tablas-dobles {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.tabla-col {
    width: 50%;
}

@media (max-width: 768px) {
    .tablas-dobles {
        flex-direction: column;
    }

    .tabla-col {
        width: 100%;
    }
}


.bloque_centrado_t4 {
    margin: 0 auto;
    text-align: center;
}

span.menu-item-title {
    
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
}

.nav-link:hover {
    color: #00bfe6;
}

.t4-megamenu .navbar-nav>li>a{
    padding: 10px;
    height: 25px;
    line-height: 25px;
}

.cabecera_solman{
    margin: 10px 0;
}

.t4-footer{
    background: #6e6e70;
}

.bloque_colaboradores_solman{
    margin: 10px 0;
}

.form-control, .form-select, .inputbox {
    max-width: unset;
}


/* Portadas de bloques */

.portada {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.portada-grid {
    display: grid;
    gap: 14px;
    margin-bottom: 14px;
}

.portada-grid-destacado {
    grid-template-columns: 1fr 2fr;
}

.portada-grid-3 {
    grid-template-columns: 1fr 1fr 2fr;
}

.portada-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.portada-bloque {
    display: block;
    padding: .5em;
    min-height: 250px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2),
                0 6px 20px rgba(0, 0, 0, .19);
    text-decoration: none;
    cursor: pointer;
}

.portada-bloque:hover {
    filter: brightness(120%);
}

.portada-title {
    display: block;
    font-weight: bold;
    font-size: 1.1em;
}

.portada-leer {
    float: right;
    margin-left: .5em;
}

.portada-imagen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Enlaces dentro de los bloques */

.portada-bloque a,
.portada-bloque a:hover,
.portada-bloque a:visited,
.portada-bloque a:active {
    color: inherit;
    text-decoration: none;
}


/* Colores */

.portada-verde {
    background: #29A425;
    color: white;
}

.portada-verde-claro {
    background: #92d051;
    color: white;
}

.portada-rojo {
    background: #dc4743;
    color: white;
}

.portada-naranja {
    background: #f79647;
    color: white;
}

.portada-azul {
    background: #43b0dc;
    color: white;
}


/* Variantes claras */

.portada-gris {
    background: #f3f3f3;
    color: black;
}

.portada-gris .portada-title {
    color: #29A425;
}


/* Bloque destacado */

.portada-destacado {
    min-height: 280px;
}


/* Móvil */

@media (max-width: 768px) {

    .portada-grid-destacado,
    .portada-grid-3,
    .portada-grid-4 {
        grid-template-columns: 1fr;
    }

    .portada-bloque {
        min-height: 0;
    }

    .portada-imagen img {
        height: auto;
    }
}

/* Portada: fila de dos bloques al 50% */
.portada-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

@media (max-width: 768px) {
    .portada-grid-2 {
        grid-template-columns: 1fr;
    }
}


/* Sensibilización */
.bloque-sensibilizacion {
    background: #f7943f;
    color: #000;
    padding: 12px;
    box-sizing: border-box;
}

.portada-grid-documentacion {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 24px;
    align-items: stretch;
}

.portada-grid-documentacion > .portada-bloque {
    min-height: 100%;
}

.portada-columna {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.portada-columna .portada-bloque {
    flex: 1;
}

/* =========================================================
   BLOQUES HOME
   ========================================================= */


.home-bloques {
    margin-top: 20px;
    margin-bottom: 20px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 80px 180px 196px;
    gap: 14px;
    width: 100%;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   BLOQUE BASE
   ========================================================= */

.home-bloque {
    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    padding: 20px;

    color: #fff;
    text-decoration: none;
    font-weight: bold;

    transition: filter .2s ease;
}

.home-bloque:hover {
    color: #fff;
    text-decoration: none;
    filter: brightness(110%);
}


/* =========================================================
   TÍTULO PRINCIPAL
   ========================================================= */

.home-conocenos {
    grid-column: 1 / 3;
    grid-row: 1;

    background: #2f876c;
    font-size: 36px;
}


/* =========================================================
   BLOQUES PRINCIPALES
   ========================================================= */

.home-proyectos {
    grid-column: 1;
    grid-row: 2;

    background: #76a9d6;
    font-size: 36px;
}

.home-sensibilizacion {
    grid-column: 2;
    grid-row: 2;

    background: #ffd276;
    font-size: 36px;
}


/* =========================================================
   COOPERANTES
   ========================================================= */

.home-cooperantes {
    grid-column: 1;
    grid-row: 3;

    background: #72ae9d;
    font-size: 36px;
}


/* =========================================================
   ACCIONES DERECHA
   ========================================================= */

.home-acciones {
    grid-column: 2;
    grid-row: 3;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
}


/* =========================================================
   ACCIONES INDIVIDUALES
   ========================================================= */

.home-acciones .home-bloque {
    font-size: 21px;
}

.home-becas,
.home-colabora {
    background: #f55778;
}

.home-socio,
.home-comedor {
    background: #b986a4;
}


/* =========================================================
   ALINEACIÓN DE TEXTOS
   ========================================================= */

/* Los cuatro pequeños siguen el estilo de la imagen:
   texto arriba/abajo según corresponda */

.home-becas,
.home-socio {
    align-items: flex-start;
}

.home-colabora,
.home-comedor {
    align-items: flex-start;
}


/* Becas y Colabora a la izquierda */
.home-becas,
.home-colabora {
    justify-content: flex-start;
}

/* Hazte Socio y Comedor Togo a la derecha */
.home-socio,
.home-comedor {
    justify-content: flex-end;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 600px) {

    .home-bloques {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, 100px);
        gap: 10px;
    }

    .home-conocenos,
    .home-proyectos,
    .home-sensibilizacion,
    .home-cooperantes {
        grid-column: 1;
        grid-row: auto;
    }

    .home-acciones {
        display: contents;
    }

    .home-acciones .home-bloque {
        grid-column: 1;
        grid-row: auto;

        align-items: center;
        justify-content: flex-start;
    }

    .home-conocenos,
    .home-proyectos,
    .home-sensibilizacion,
    .home-cooperantes {
        font-size: 28px;
    }

}