/*
Theme name: CEMI 2025
Version: 1.0
Description: Tema basado en TwentyTwentyFive para la página del Cento de Estudios Médicos Interculturales.
Author: Pierre Puentes
Author URI: https://bejuco.co
Template: twentytwentyfive
*/

/* GENERAL */
* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
	word-break: keep-all;
	overflow-wrap: normal;
}

/* HEADER */
header {
	position: sticky;
	top: 0;
	z-index: 999;
}

.header_navigation {
	align-content: center;
}

/* LINKS */
a,
a:focus {
	outline: none;
}

a[aria-current] {
	color: var(--wp--preset--color--vinotinto) !important;
}


/* TOGGLE MENÚ MOVIL */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	fill: var(--wp--preset--color--vinotinto);
}

/* IMAGENES CON TRANSPARENCIA */
.imgDarken img {
	mix-blend-mode: darken;
}



/* BOTONES */
.wp-block-button__link {
	min-width: 200px;
}

.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--negro);
	color: var(--wp--preset--color--blanco);
}

.botonCircular > .wp-block-button__link {
	min-width: 0;
}



/* BÚSQUEDA */
.wp-block-search .wp-block-search__input {
	width: 150px;
	padding: 0 20px;
	background-color: var(--wp--preset--color--blanco);
	font-size: 16px;
}

.wp-block-query-pagination {
	margin: 60px 0 0 0;
}

.wp-block-query-pagination-numbers {
	margin: 0 30px !important;
}



/* TAMAÑO Y POSICIÓN */
.mw50 {
	max-width: 50%;
}

.mw80 {
	max-width: 80%;
}

/* IMAGEN DE FONDO ESPECIAL */
.bgImg110 {
	background-size: 110% !important;
}

.bgImg-35 {
	background-position: 50% -35px !important;
}

/* IMAGENES ALARGADAS */
.wideImg,
.wideImg img {
	aspect-ratio: 21/9 !important;
	object-fit: cover;
}

/* IMAGENES DE SECCION A DOS COLUMNAS */
.wp-block-column.is-vertically-aligned-stretch figure,
.wp-block-column.is-vertically-aligned-stretch img {
	height: 100%;
}



/* SIDEBAR */
.stickySidebar {
	position: sticky;
	top: 95px;
	min-height: calc(100vh - 95px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.stickySidebar figure {
	width: 100%;
	margin: 0;
}



/* HOME */
.home_sliderNovedadesContainer {
	position: relative;
}

.home_sliderNovedades_imgContainer {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.home_sliderNovedades_imgContainer img {
	width: 100%;
	max-height: 210px;
	object-fit: cover;
	object-position: center;
}



/* PUBLICACIONES */
.pubButton_container {
	min-height: 580px;
	align-content: center;
}

.pubPresentation_img {
	min-height: 480px;
}



/* CONTACT FORM */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	margin:	5px 0;
	padding: 15px;
	color: var(--wp--preset--color--black);
	background-color: #FFF;
	border: 1px solid var(--wp--preset--color--black);
	border-radius: 24px;
	font-family: var(--wp--preset--font-family--work-sans);
	resize: none;
}

.wpcf7 input[type="submit"] {
	padding: 10px 30px;
	background-color: var(--wp--preset--color--rosado);
	border:	none;
	border-radius: 60px;
	font-family: var(--wp--preset--font-family--work-sans);
	font-weight: 400;
	text-transform: uppercase;
	cursor: pointer;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	min-height: 40px;
}

.wpcf7 p,
.wpcf7 input,
.wpcf7 textarea {
	font-size: 18px !important;
}



/* BREVO FORM */
.sib_signup_form {
	padding: 5px;
}

.sib_signup_form input[type="text"],
.sib_signup_form input[type="email"],
.sib_signup_form select {
	margin: 0 15px 0 0;
	padding: 7px 20px;
	color: var(--wp--preset--color--vinotinto);
	background-color: var(--wp--preset--color--blanco);
	border: 1px solid var(--wp--preset--color--vinotinto);
	border-radius: 60px;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--wp--preset--font-family--work-sans);
	flex-basis: 70%;
}

.sib-email-area {
	display: flex;
	flex-direction: row;
	align-content: space-between;
}

.sib-default-btn {
	padding: 7px 20px;
	color: var(--wp--preset--color--blanco);
	background-color: var(--wp--preset--color--vinotinto);
	border: 1px solid var(--wp--preset--color--vinotinto);
	border-radius: 60px;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--wp--preset--font-family--work-sans);
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: normal;
	flex-basis: 30%;
}

.sib-default-btn:hover {
	color: var(--wp--preset--color--vinotinto);
	background-color: var(--wp--preset--color--blanco);
}



/* RESPONSIVE */
@media (max-width: 480px) {
	/* TAMAÑO Y POSICIÓN */
	.mw50,
	.mw80 {
		max-width: unset;
	}

	.columnaTexto_proyecto {
		order: -1;
	}



	/* TITULOS Y TEXTOS */
	h1, h2, h3, h4, h5, h6, p {
		text-align: left !important;
	}



	/* HEADER Y MENÚ MOVIL */
	.header_logo,
	.header_navigation {
		flex-basis: 50% !important;
	}

	.wp-block-navigation__responsive-container-close {
		right: 5%;
		top: 5%;
	}

	.wp-block-navigation__container {
		width: 100%;
		gap: 0 !important;
	}

	.wp-block-navigation.items-justified-right {
		--navigation-layout-justification-setting: center !important;
		--navigation-layout-justify: center !important;
	}

	.wp-block-navigation .wp-block-navigation-item {
		width: 100%;
		border-bottom: 1px solid var(--wp--preset--color--vinotinto);
		padding: 30px;
	}

	.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
		margin: 20px;
	}

	.wp-block-search .wp-block-search__input {
		width: unset;
		padding: 10px;
		text-align: center;
	}



	/* SIDEBAR */
	.stickySidebar {
		min-height: unset;
	}

	.stickySidebar figure.quitarEnMovil {
		display: none;
		position: unset;
	}

	.wp-block-column:has(>.stickySidebar figure.bajarEnMovil) {
		order: 1;
	}



	/* HOME */
	.titleImage img {
		border-bottom-left-radius: 50px;
	}

	.home_sliderNovedades_imgContainer,
	.home_sliderNovedades_imgContainer img {
		display: none;
	}



	/* BREVO FORM */
	.sib-email-area {
		flex-direction: column;
	}

	.sib_signup_form input[type="text"],
	.sib_signup_form input[type="email"],
	.sib_signup_form select,
	.sib-default-btn {
		flex-basis: 100%;
		margin: 0 0 15px 0;
	}



	/* PUBLICACIONES */
	.pubButton_container {
		min-height: 200px;
	}

	.pubPresentation_img {
		min-height: 100px;
		border: none;
	}

	div:has(>.pubPresentation_img) {
		order: -1;
	}



	/* CONTACTO */
	.wp-block-social-links {
		justify-content: flex-start;
	}
}