/*
Theme Name: TTF-CEAZA
Template: twentytwentyfive
Author: CGD
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

.not-overlay>img {
	z-index: -1;
}

.not-mar-overlay> {
	background: linear-gradient(0deg, rgba(0, 142, 194, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}

.not-bio-overlay {
	background: linear-gradient(0deg, rgba(75, 159, 135, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}

.not-geo-overlay {
	background: linear-gradient(0deg, rgba(223, 130, 41, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}

.img-banner-div{
	width: 100%;
	overflow: hidden;
}
.img-banner-div>picture{
	height:113px;
	display:block;
}
.img-banner{
	width: 1920px;
	overflow: hidden;
}

.flex-col-centered {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: flex-start;
}

.object-position-0>img {
	object-position: 0% 0%;
}

p,
p.is-style-default {
	text-align: justify;
}

.fill-image-bg>img {
	background: none;
}
.fill-image-bg>a>img {
	background: none;
}

.bloque {
	aspect-ratio: 1 / 1;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

a.wp-block-navigation-item__content {
    padding: 0;
}

.centrar {
	display: flex;
	justify-content: center;
	align-items: center;
}

li.wp-block-navigation-item.menu-item-geoportal.wp-block-navigation-link {
	background: rgb(162, 89, 12);
	color: white;
}

.swiper-pagination, .swiper-button-prev, .swiper-button-next{
	z-index: 9;
}

.no-margin-block{
	margin-block-start: 0;
}

.wp-block-navigation-item{
	-webkit-font-smoothing: antialiased;
}

.sin-subrayar > a{
	text-decoration: none;
}

.menu-principal{
	flex-flow: row nowrap;
	gap: 10px;
	color: black;
	font-weight: 400;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    background-blend-mode: overlay;
    opacity: 0.95;
    left: inherit;
}

.is-layout-grid > :is(*, div) {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.logo-ceaza-navbar > img{
	position: absolute;
	width: 150px;
	background: white;
}

.logo-ceaza-navbar > a{
	display: flex;
}

.logo-ceaza-navbar > a > img{
	position: absolute;
	width: 150px;
	background: white;
}

	.wp-block-heading.titulo-navbar-corto > a{
		display: none;
		font-size: 30px;
		text-decoration: none;
		
	}
	.wp-block-heading.titulo-navbar > a{
		display: initial;
		font-size: 30px;
		text-decoration: none;
	}


/*header*/

.menu-nav-final,
.menu-nav-final>*,
.td_logo,
.header-col-menu {
    height: 130px;
}

.fila-titulo{
	height: 60%;
}

.fila-menu{
	height: 40%;
}

.td_logo{
	width: 7%;
}
.td_logo>*{
	width: 100%;
	height: 100%;
}

.header-col-menu{
	width: 93%;
}

.mitad-blanca{
	width: 70%;
}

.mitad-colorienta{
	width: 60%;
}

.menu-separador{
	pointer-events: none;
}


.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: auto;
	flex-grow: 0;
}

.titulo-area > a{
	font-size: var(--wp--preset--font-size--x-large);
	text-decoration: none;
}

.texto-area > a {
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
}

.cover-img > .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
	padding: 0;
}

h3.titulo-loop-noticias.wp-block-post-title.has-large-font-size {
    text-align: justify;
    text-align-last: left;
}

@media screen and (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto;
        flex-grow: 0;
    }
}
@media screen and (max-width: 1300px){
	.td_logo{
		width: 40%;
	}
	.td_header_menu{
		width: 90%;
	}
	
	.menu-separador{
		display: none !important;
	}
	
	div#modal-3{
		width: 90%;
	}
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
		display: none;
	}
	.menu-principal{
		height: 80%;
		justify-content: flex-start;
		padding-left: 10%;
	}
	.menu-principal>.wp-block-navigation__responsive-container-open>svg{
		height: 50px;
		width: auto;
	}
	
	.wp-block-columns.col-navbar-nowrap.is-layout-flex.wp-container-core-columns-is-layout-59f8f6e0.wp-block-columns-is-layout-flex {
    	flex-wrap: nowrap!important;
	}
	
	.wp-block-heading.titulo-navbar-corto > a{
		display: none;
	}
	
	.titulo-navbar{
		display: flex;
		font-size: 22px;
		width: 100%;
		padding-left: 10%;
	}
	
	.wp-block-column.mitad-colorienta.is-layout-flow.wp-container-core-column-is-layout-47e5a185.wp-block-column-is-layout-flow {
    width: 60%;
    flex-basis: 0!important;
}
	.wp-block-column.mitad-blanca.is-layout-flow.wp-block-column-is-layout-flow {
    width: 60%;
}

.wp-block-column.mitad-colorienta.is-layout-flow.wp-container-core-column-is-layout-47e5a185.wp-block-column-is-layout-flow {
    width: 60%;
    flex-basis: auto !important;
    flex-grow: 0;
}
}

@media screen and (max-width: 800px){
	.td_logo{
		width: 15%;
	}
}

@media screen and (max-width: 700px) {
	.titulo-navbar{
		display: none;
	}
	.wp-block-heading.titulo-navbar-corto > a{
		display: flex;
	}
	.menu-principal,
	.titulo-navbar-corto{
		padding-left: 40px;
	}
}


@media screen and (max-width: 500px){
	.td_logo{
		width: 40%;
	}
}

@media screen and (min-width: 1920px){
	.img-banner-div,.img-banner{
		width:100%;
	}
}


/* efectos */

/* ajustar texto de boton descargas */

.wp-block-file .wp-block-file__button.wp-element-button {
  font-size: clamp(14px, 1vw, 18px);
  line-height: 1.25;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}


/* The initial hidden state */
figure.fade-element>a>img {
  opacity: 0;
  transform: translateY(20px); /* Optional: adds a slight "slide up" effect */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  pointer-events: none; /* Prevents clicking the element while invisible */
  color: white;
}

/* The state when the user has scrolled 10% */
figure.fade-element.visible>a>img {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* FIXES */

/* 1. columnas de noticias */

/* 
   CSS Fix for "Noticias" Section
   Objective: Ensure articles maintain a minimum width of 200px 
   to prevent them from becoming too slim or overflowing.
   
   Behavior: 
   - Uses a responsive grid that automatically adjusts the number of columns.
   - If an article would be less than 200px wide, the layout drops a column 
     until they fit or stack vertically.
*/

.wp-block-post-template.is-layout-grid {
    display: grid;
    /* Automatically fit as many columns as possible, each at least 200px wide */
    grid-template-columns: repeat(auto-fill, minmax(200px, calc(100% / 3 - 1rem)));
    gap: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Ensure individual articles don't have fixed widths that override the grid */
.wp-block-post {
    width: auto;
    min-width: 0;
    /* Allow grid to control width */
    max-width: 100%;
}

/* Typography refinements for readability at smaller sizes */
.wp-block-post-title {
    font-size: 14px;
    line-height: 1.3;
}

.wp-block-post-excerpt,
.wp-block-post-date {
    font-size: 8px;
    line-height: 1.4;
}

.d-none{
	display: initial;
}

	.d-none > .wp-block-cover__inner-container{
		padding: 2rem;
	}

@media screen and (max-width:700px){
	
	nav{
		justify-content: flex-start;
	}

	.d-none{
		display: none;
		background:black;
	}
	.cover-img{
			display: flex;
		flex-flow: column-reverse;
		align-items: center;
		justify-content: center;
		border-radius: 25px;
	}
	.cover-img-mar{
		background: #1782BA;
	}
	.cover-img-bio{
		background: #40947B;
	}
	.cover-img-geo{
		background: #D97725;
	}
	
	.d-none > .wp-block-cover__inner-container{
		display: flex;
		flex-flow: column-reverse;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.d-none > .wp-block-cover__inner-container > .has-text-align-left{
		text-align: center;
	}
	
	.cover-img > img{
		display: none;
	}
}


@media screen and (max-width: 800px){
	.wp-block-post-template.is-layout-grid{
		grid-template-columns: repeat(auto-fill, minmax(200px, calc(100% / 2 - 1rem)));
	}
}

@media screen and (max-width: 1360px){
	.logo-ceaza-navbar > img{
		width: 140px;
	}
	.logo-ceaza-navbar > a > img{
		width: 140px;
	}
}

.img-destacada > img{
	height: auto !important;
}

.texto-articulo > p{
	line-height:1.5
}

a:where(:not(.wp-element-button)){
	line-break: auto;
}

strong{
	line-break: auto;
	hyphens: auto;
}

.fig-sidebar{
	display: flex;
	justify-content: center;
}