section.contenido {
    /* background-image: url("images/franjacabecera01.png");
        background-image: url("images/cta-bg.jpg"); */

}


.agenda2030 .card {
    border: 1px solid #ddd;
}


.agenda2030 .card-body {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 180px;
    margin: 10px;
}



/* 
		.agenda2030 .card-body::before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 80px;
			background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
			border-radius: 0 0 10px 10px;
		} */

.agenda2030 .card-body:hover {
    filter: brightness(0.9);
    cursor: pointer;
}

.agenda2030 .card:hover {
    border-color: #c00;
    cursor: pointer;
    background-color: #f9f9f9;
}


.agenda2030 .card-body.odsdipbadajoz {
    background-image: url("images/ods_dipbadajoz05.png");
}

.agenda2030 .card-body.impulsaods {
    background-image: url("images/impulsaods02.png");
}

.agenda2030 .card-body.movimientoods {
    background-image: url("images/movimientoods02.png");
}

.franja_superior {
    position: relative;
    height: 200px;
    /* background-image: url("images/fondo_cesped_ninos.jpg"); */
    background-image: url("images/franja_superior.webp");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: left; */
    display: flex;
    align-items: center;
    padding-left: 300px;
}


/* .franja_superior::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.35);
        pointer-events: none;
    } */

.franja_superior {
    color: white;
}

.franja_superior h3 {
    font-family: "Open Sans", sans-serif !important;
    color: white;
    font-size: 3.6em;
    font-weight: bold;
}

.franja_superior h4 {
    color: white;
    font-size: 2.2em;
}


@media screen and (max-width:768px) {

    .franja_superior {
        height:150px;
    }
    .franja_superior h3 {
        font-size: 2.5em;
    }

    .franja_superior h4 {
        font-size: 1.5em;
    }
}

@media screen and (max-width:670px) {
    .franja_superior {
        padding-left:260px;
    }
    .franja_superior h3 {
        font-size: 2em;
    }

    .franja_superior h4 {
        font-size: 1.2em;
    }
}


@media screen and (max-width:576px) {
    .franja_superior {
        height:120px;
        padding:0;
        justify-content: center; /* centra horizontalmente */
        align-items: flex-end;   /* coloca abajo verticalmente */
    }
    .franja_superior h3 {
        font-size: 1.5em;
    }

    .franja_superior h4 {
        font-size: 1em;
    }
}