/*
Theme Name: Refinería cliqib
Theme URI: https://cliqib.rwdesarrollos.es/
Author: Refinería
Author URI: https://refineria.es
Description: Tema personalizado desarrollado por Refinería y compatible con Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: refineria-cliqib-theme
*/

@font-face {
  font-family: 'Gill Sans Web';
  src: url('/wp-content/themes/refineria-cliqib-theme/fonts/GillSans.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gill Sans Web';
  src: url('/wp-content/themes/refineria-cliqib-theme/fonts/GillSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gill Sans Web';
  src: url('/wp-content/themes/refineria-cliqib-theme/fonts/GillSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html, body {
	height: 100%;
	margin: 0;
}
body {
	-webkit-font-smoothing: antialiased;
	font-family: "Gill Sans Web", 'Lato', sans-serif;
	background: #fff;
	color: #666;
	font-weight: 300;
	padding-top: 0px;
}
	body h1, body h2, body h3, body h4, body h5, body h6 {
		font-family: 'Gill Sans Web', sans-serif ,'Oswald', sans-serif;
		text-rendering: optimizelegibility;
		color: #444;
		text-transform: uppercase;
		font-weight: 600;
	}
	body h1 {
	    font-size: 30px;
    border-bottom: unset;
    display: inline-block;
    padding-bottom: 2px;
    color: #000;
	}
	body h2 {
		font-size: 1.75em;
		    border-bottom: 0px solid #2970CA;
    display: inline-block;
    padding-bottom: 2px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #000;
	}
	body a {
		color: #222;
	}
	body a:hover {
		color: #2970CA;
		text-decoration: none;
	}
hr {
	border-top: 1px solid #DDD;
}

#contenedor-principal {
	padding-top: 0;
	padding-bottom: 60px;
}
#contenedor-landing {
	padding-bottom: 60px;
}
.glyphicon {
	padding-right: 5px;
}
.ddownloads_list {
	list-style-type: none;
	padding-left: 15px;
}
a.ext-pdf {
	background: transparent url(img/iconos/pdf.png) center left no-repeat;
	display: inline-block;
	padding-left:40px;
	line-height: 40px;
}

#sidebar > .cajas:first-child > h3{
	margin-top: 0px;
	line-height: 18px;
}

.cajas {
	margin-bottom: 30px;
}

#wpupg-grid-buscador-de-tecnologias-filter-1 .wpupg-filter-item {   
    background-color: #2970CA !important;
}
#wpupg-grid-buscador-de-tecnologias-filter-2 .wpupg-filter-item {   
    background-color: #2970CA !important;
}
.wpupg-template-overlay.wpupg-item-has-image .wpupg-template-overlay-container {
    background-color: #2970CA !important;
}
.color-azul {
    color: #2970CA !important;
}
.titulo-h3-bloque {
    color: #2970CA !important;
}
.titulo-h3-bloque-azul {
    background-color: #2970CA !important;   
}
.blila>.panel-default>.panel-heading {
    background-color: #2970CA !important;
}
#wpupg-grid-buscador-de-tecnologias-filter-2 .wpupg-filter-item.active {
    border-color: #1C3148;
    background-color: #78bc20 !important;
    color: #FFFFFF;
}
#wpupg-grid-buscador-de-tecnologias-filter-1 .wpupg-filter-item.active {
    border-color: #1C3148;
    background-color: #78bc20 !important;
    color: #FFFFFF;
}

/* Barra navegacion
-------------------------------------------------- */
.navbar {
	    background: #fff;
    border-bottom: 0px solid #aaa;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.navbar-default .navbar-brand {
		height: inherit;
}
.navbar-default .navbar-toggle {
	border-color: #016eb3;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #016eb3;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #016eb3;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #016eb3;
}
.navbar .navbar-brand img {
	height: 25px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
.navbar-default .navbar-nav>li>a {
	color: #016eb3;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: padding .3s linear;
	-moz-transition: padding .3s linear;
	transition: padding .3s linear;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {
	background: #016eb3;
	color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	 color: #2970CA !important;
    background: unset;
}
.navbar .dropdown-header {
	display: inline-block;
	color: inherit ;
	padding: 0 2px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #016eb3;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	background-color: #016eb3;
	color: #fff;
}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
		background: #016eb3;
		color: #fff;
	}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background: #016eb3;
	color:#FFF;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color: inherit;
	font-weight: 700;
}


/* Indice y articulos
-------------------------------------------------- */
.blog_header {
	display: inline-block;
	width: 100%;
	margin-top:20px;
	margin-bottom: 10px;
}
#articulo {
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #aaa;
	background: #FFF;
	padding: 15px;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
}
.imagen-post {
	background: #fff url(img/no-image.png) center no-repeat;
	background-size: 80%;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 250px;
}
.articulo-texto {
	float: left;
	margin-left: 0;
	width: 100%;
}
.articulo-texto h3 {
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 1.5em;
}
.articulo-container:after {
  content: "";
  display: table;
  clear: both;
}
.buscador {
	display: none;
	/* float: right; */
	margin-left: 20%;
	width: 330px;
	height: 65px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(img/iconos/search.png) top -6px left no-repeat;
}
.buscador input[type="text"] {
	font-family: 'Oswald', sans-serif;
	width: 100%;
	font-size: 1.2em;
	font-weight: 300;
	padding: 10px;
	border: solid 1px #ccc;
}
.sub-resultados {
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	padding-left: 5px;
	font-weight: 300;
}
.img-noticias {
	width: 100%;
	min-height: 250px;
	height: auto;
}
.posts-movil {
	width: 100%;
	min-height: 170px;
	height: auto;
}
.posts-normal {
	width: 100%;
	min-height: 170px;
	height: auto;
}
.imagen-noticias {
	display: none;
	background: #fff;
	margin-bottom: 30px;
	min-height: 170px;
	background: #fff url(img/background-noticias.jpg) center no-repeat;
	background-size: 50%;
}
.imagen-noticias-movil {
	background: #fff;
	margin-bottom: 30px;
	min-height: 170px;
	background: #fff url(img/background-noticias.jpg) center no-repeat;
	background-size: 100%;
}
.entrada-individual {
	border: 0px solid #aaa;
	background: #FFF;
	padding: 25px;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
}
.entrada-individual h1, .entrada-individual h2, .entrada-individual h3, .entrada-individual h4 {
	margin-bottom: 20px;
	display: block;
	border-bottom: 0;
}
.pager li>a, .pager li>span {
	border: 1px solid #aaa;
	border-radius: 0;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
}
.pager li>a:hover, .pager li>a:focus {
	background-color: #016eb3;
	color: #fff;
	border: 1px solid #016eb3;
}

/* Login
-------------------------------------------------- */
.operaciones a {
	color: #ccc;
}
.operaciones a:hover {
	color: #157EFB;
}
.operaciones ul, .operaciones-ingresar ul {
	list-style: circle;
}
.saludo {
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 20px;
}
.lwa-password-footer input, .lwa-username-footer input, .lwa-email-footer input, .lwa-remember-email-footer input {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #bbb;
	margin: 0px;
	width: 100%;
	padding: 5px 10px;
	background: #000;
	border: 1px solid #157EFB;
}
.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	margin: 0px;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #aaa;
}
.lwa-footer .lwa-status-invalid, .lwa-footer .lwa-status-confirm {
	background-color: #428BCA;
	border: none;
	margin: 20px 0;
	color: #fff;
	padding: 5px 15px;
}
.lwa-footer .lwa-status-invalid a {
	color: #fff;
}
.lwa-footer .lwa-status-invalid a:hover {
	color: #fff;
	text-decoration: underline;
}
.lwa-footer .lwa-username-label, .lwa-footer .lwa-password-label {
	padding-right: 0;
}
.lwa-footer label {
	font-weight: 400;
	margin-bottom: 0;
}
.lwa-footer td {
	padding-top: 5px;
	padding-left: 5px;
}
.lwa-footer .lwa-loading {
	position: absolute;
	padding: 10px;
	width:100%;
	height:100%;
	background:#222 url(img/iconos/loader.gif) 50% 50% no-repeat;
	left:0px;
	top:0px;
	opacity:1;
	filter:alpha(opacity=100)
}


/* Paginas global
-------------------------------------------------- */
.portada-pagina {
	box-shadow: 0 3px 23px 0 rgba(2,3,3,.6);
	-webkit-box-shadow: 0 3px 23px 0 rgba(2,3,3,.6);
	margin-bottom: 20px;
}
.img-portada-pagina {
	width: 100%;
	height: auto;
}
.titulo-paginas {
	font-family: 'Oswald', sans-serif;
	text-rendering: optimizelegibility;
	position: absolute;
	width: 100%;
	top: 25%;
	color: #fff;
	font-size: 7em;
	text-transform: uppercase;
	overflow: hidden;
}



/* About US
-------------------------------------------------- */
#portada {
	display: none;
	overflow: hidden;
}
	#portada .fondo-colorines {
		height: 400px;
	}
	#portada .fondo-real {
		height: 400px;
		background-image: url('img/prueba_4.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	#portada .titulo-h1 {
		position: absolute;
		left: 60%;
		font-size: 5em;
		color: #fff;
	}
	#portada .titulo-h2 {
		position: absolute;
		left: 60%;
		font-size: 1.5em;
		color: #fff;
	}
.theme-light.slider-wrapper {
	border: 1px solid #aaa;
	padding: 15px;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
}


/* Empresas
-------------------------------------------------- */
.empresas {
	border: 1px solid #aaa;
	background: #FFF;
	padding: 10px 30px 20px;
	margin: 10px;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
}
.columna-empresas {
	width: 100%;
}
.junta-directiva {
	border: 0px solid #aaa;
	background: #FFF;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	-webkit-box-shadow: 0 3px 13px 0 rgba(2,3,3,.16);
	overflow: hidden;
}
.persona-empresas {
	width: 100%;
	height: auto;
}
.logo-empresas {
	float: right;
	margin: 15px 0 10px 10px;
	width: 100px;
}
.logo-socios {
	float: right;
	margin: 15px 0 10px 10px;
	width: 100px;
}
.junta-directiva h3 {
	margin-top: 20px;
	font-size: 1.5em;
}
.junta-directiva h2, .empresas h2 {
	display: block;
	border: none;
	font-size: 1.75em;
	margin-top: 25px;
}
.empresas p {
	margin: 0 0 5px;
}
.descripcion-socios {
	padding-bottom: 10px;
}
.url-empresas a {
	font-weight: 700;
	color: #49A6D9;
}
.blog_header_empresa {
	margin-bottom: 20px;
}



/* Biblioteca
-------------------------------------------------- */
.panel-group .panel {
	border-radius: 0;
}
.panel-title a {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
.panel-title a:hover {
	color: #fff;
	padding-left: 10px;
	text-decoration: none;
}
.panel-title a:active, .panel-title a:focus {
	text-decoration: none;
}
.bazul>.panel-default>.panel-heading {
	color: #FFF;
	background-color: #49A6D9;
	border-radius: 0;
}
.blila>.panel-default>.panel-heading {
	color: #FFF;
	background-color: #845886;
	border-radius: 0;
}
.bverde>.panel-default>.panel-heading {
	color: #FFF;
	background-color: #3AB83C;
	border-radius: 0;
}
.brojo>.panel-default>.panel-heading {
	color: #FFF;
	background-color: #D94949;
	border-radius: 0;
}



/* Ingresar
-------------------------------------------------- */
.ingresar {
	margin: 50px 0 120px;
}
.ingresar>div {
	border: 1px solid #aaa;
	background: #FFF;
	padding: 50px;
}



/* Proyectos
-------------------------------------------------- */
.marco-proyectos {
	position: relative;
}
.top-buffer {
	margin-bottom:20px;
}
.imagen-proyectos {
	border: 1px solid #aaa;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(100,100,100,0.4);
	margin-bottom: 30px;
}
.texto-proyecto {
	background: rgba(255,255,255,0.8);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 10px 30px;
}
.texto-proyecto h2 {
	text-align: center;
	display: block;
	border-bottom: 1px solid #016EB3;
	padding-bottom: 10px;
	font-size: 2em;
	margin-top: 25px;
}
.sub-proyectos {
	font-size: 1.2em;
	color: #444;
}
.sombra {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.4)
}
.cuerpo-proyectos h2 {
	font-size: 1.5em;
	margin: 20px 0;
}


/* Contacto
-------------------------------------------------- */
.formulario {
	font-weight: bold;
	padding: 5px 0 0 0;
}
.campo-normal {
	border: 1px solid #ccc;
	padding: 5px 15px;
	width: 60%;
}
.campo-mensaje {
	border: 1px solid #ccc;
	padding: 5px 15px;
	width: 80%;
}
div.wpcf7-response-output, div.wpcf7-mail-sent-ng {
	border: none;
	margin: 20px 0;
	background: #428BCA;
	color: #fff;
	padding: 5px 15px;
}
.sombra-mapa {
	-webkit-box-shadow: 0 3px 23px 0 rgba(2, 3, 3, 0.2);
	box-shadow: 0 3px 23px 0 rgba(2, 3, 3, 0.2);
}

/* Footer
-------------------------------------------------- */
#footer {
	background: #dddfe0;
	border-bottom: 10px solid #157EFB;
}
#barra-footer {
	background: #fff;
	border-top: 1px solid #aaa;
}
.footer-widget {
	color: #ffff;
	padding: 20px 0 20px;
}
.footer-widget h3 {
	color: #0099ff;
	margin: 20px 0 10px;
}
#footer .textwidget {
	margin-top: 20px;
}
.newsletter-footer {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	padding-left: 75px;
	background: url(img/iconos/mail.png) bottom left no-repeat;
}
.archive-footer {
	display: inline-block;
	width: 100%;
	margin: 15px 0 15px 0;
	height: 64px;
	padding-left: 75px;
	background: url(img/iconos/archive.png) bottom left no-repeat;
}
.archive-footer select {
	font-family: 'Oswald', sans-serif;
	width: 100%;
	height: 45px;
	font-weight: 300;
	margin: 10px 0;
	border: solid 1px #ccc;
}
.newsletter-footer input[type="email"] {
	font-family: 'Oswald', sans-serif;
	width: 100%;
	font-size: 1.5em;
	font-weight: 300;
	padding: 10px;
	border: solid 1px #ccc;
	vertical-align: middle;
}
.submit_button {
	display: none;
	background: url(img/iconos/ok.png) top left no-repeat;
	background-color: none;
	cursor: pointer;
	outline: 0;
	border: none;
	width: 80px;
	height: 64px;
	vertical-align: middle;
}

.meta-data-convenio{
	min-height: 100px;
}

.descripcion-socios{
	min-height: 88px;
}

label.wpmlcustomfield{
	display: none;
}
#newsletters-2-button{
	margin-left: 36%;
	margin-top:3%;
}

.marco-proyectos img{
	max-height: 400px;
}

.marco-proyectos {
	height: 400px;
}

/* .columna-empresas-convenio-cl{
	min-height: 500px;
} */

/* SOCIOS Y COLABORADORES */


#logos-socios {
	display: grid;
	gap: 15px;
	list-style-type: none;
	padding-left: 15px;
}

#logos-socios li {
	position: relative;
}

#logos-socios li .tooltip-socio {
	width: 415px;
	position: absolute;
	display: none;
	z-index: 100;
}

.tooltip-socio .empresas {
	margin: 5px 0 0 0;
	border-radius: 7.5px;
}

.tooltip-socio .close-button {
	font-size: 20px;
    margin-bottom: -20px;
    margin-right: -15px;
    float: right;
	cursor: pointer;
}

.contenedor-socios-logos .logo-empresa{
	border: 0px solid #c1c1c1;
    border-radius: 7.5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
	background-color: #fff;
	width:175px;
	height: 175px;
	cursor: pointer;
	box-shadow: 0 1px 8px 0 rgba(2, 3, 3, .16);
    -webkit-box-shadow: 0 1px 8px 0 rgba(2, 3, 3, .16);
}

.contenedor-socios-logos .logo img {
	border: none
}

.thfaqf-faq-list-title {
	display: none !important;
}

.thfaqf-faq-list {
	margin-top: 3.5rem;
}

/* CSS Adaptables
-------------------------------------------------- */
/* Mobile First Method */

/* Phones */
@media only screen and (max-width : 319px) {
	.contenedor-socios-logos .logo-empresa {
		width: auto;
	}
}
@media only screen and (min-width : 320px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 1em;
	}

	.empresa-tf{
		height:600px
	}
	#logos-socios {
		grid-template-columns: repeat(1,1fr);
	}
	.contenedor-socios-logos .logo-empresa {
		width: auto;
	}
}
@media only screen and (min-width : 391px) {
	#logos-socios {
		grid-template-columns: repeat(2,1fr);
	}
	.contenedor-socios-logos .logo-empresa {
		width: auto;
	}
}
@media only screen and (min-width : 480px) {
	.imagen-post {
		width: 35%;
		height: auto;
		min-height: 175px;
	}
	.articulo-texto {
		margin-left: 5%;
		width: 60%;
	}
	.articulo-texto h3 {
		margin-top: 0;
	}
	.imagen-noticias-movil {
		display: none;
	}
	.imagen-noticias {
		display: inherit;
	}
	.junta-directiva h3 {
		margin-top: 0;
	}
	.persona-empresas {
		width: 50%;
		margin: 0 15px 15px 0;
		float: left;
	}
	.empresa-tf{
		height:600px
	}
	#logos-socios {
		grid-template-columns: repeat(2,1fr);
	}
	.contenedor-socios-logos .logo-empresa {
		width: auto;
	}
}
@media only screen and (min-width : 590px) {
	#logos-socios {
		grid-template-columns: repeat(3,1fr);
	}
}
/* Tablets */
@media only screen and (min-width : 768px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 0.9em;
		padding: 45px 5px;
	}
	.buscador {
		display: inline-block;
	}
	.imagen-post {
		min-height: 200px;
	}
	#contenedor-principal {
		padding-top: 30px;
	}
	.articulo-texto h3 {
		font-size: 1.8em;
	}
	.persona-empresas {
		width: 100%;
		margin: inherit;
		float: inherit;
	}
	.columna-empresas {
		width: 50%;
	}
.blog_header {
    display: inline-block;
    width: 100%;
    margin-top: 120px;
    margin-bottom: 10px;
}
#logos-socios {
	grid-template-columns: repeat(4,1fr);
}
}

/* Desktops */
@media only screen and (min-width : 992px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 16px;
		padding: 45px 10px !important;
		-webkit-transition: padding .3s linear;
		-moz-transition: padding .3s linear;
		transition: padding .3s linear;
		 font-weight: 400;
	}
	.navbar.scroll .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.navbar .navbar-brand img {
		height: 80px !important;
	}
	.navbar.scroll .navbar-brand img {
		height: 30px;
	}
	.newsletter-footer input[type="email"] {
		width: 70%;
	}
	.submit_button {
		display: inline-block;
	}
	.logo-empresas {
		width: 200px;
	}
	.junta-directiva h3 {
		font-size: 1.75em;
	}
	.junta-directiva h2, .empresas h2 {
		font-size: 2em;
	}
.blog_header {
    display: inline-block;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 10px;
}
.empresa-tf{
	height:434px
}
#logos-socios {
	grid-template-columns: repeat(5,1fr);
}
}
@media only screen and (min-width : 1200px) {
	.imagen-post {
		min-height: 250px;
	}
.blog_header {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}
.empresa-tf{
	height:434px
}

#logos-socios {
	grid-template-columns: repeat(6,1fr);
}

}

/*------------------------------*/

.articulo-container  .articulo__imagen > img {
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 200px;
	max-height: 200px;
}

@media only screen and (min-width : 768px) {
	#blog-contenedor > #articulo {
		height: 225px;
	}

	.articulo-container {
		display: flex;
	}

	.articulo-container  .articulo__imagen{
		flex: 1 1 60%;
		overflow: hidden;
		max-height: 185px;
	}

	.articulo-container  .articulo__text{
		flex: 1 1 100%;
		margin-left: 4%;
	}

	.articulo-container  .articulo__text h3 {
		margin-top: 0;
	}

	.junta-directiva .logo-empresas {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0 !important
	}

	.junta-directiva > div > div.col-sm-8 > div:nth-child(3) > p.direcccion-empresas {
		width: 70%;
		margin: 0
	}

}

@media only screen and (max-width : 767px) {
	.articulo-container  .articulo__text{
		margin-top: 5%;
		border-top: 1px solid #c3c3c3;
		padding-top: 4%;
	}
	.articulo-container  .articulo__imagen{
		max-height: 43vh;
		overflow: hidden;
	}
}

@media only screen and (min-width : 1200px) {
	.junta-directiva > div > div.col-sm-8 {
		height: 340px;
	}

	div.junta-directiva > div > div.col-sm-8 > div:nth-child(3) {
		/* min-height: 135px; Esto es si es el primer div adentro del col sm 8*/
		position: absolute;
    bottom: 0;
	}
}

@media only screen and (max-width : 1199px) and (min-width: 768px) {
	.junta-directiva > div > div.col-sm-8 > div:nth-child(3) > p.direcccion-empresas {
		width: 60%;
		margin: 0
	}
}

@media (min-width: 1200px) {
	 .container {
        width: 1370px;
    }
    header .container {
        width: 1470px;
    }
	
}

.margin-top-0 {
	margin-top:0;
}

.gallery-item img {
	width: 100%;
    height: auto;
}


/************************Tema**************************/
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}
/************************Header**************************/
.navbar-nav>li>.dropdown-menu {  
    border-radius: 19px;
    border: unset;
    padding: 10px 15px;
}
.navbar-fixed-top
 {
    position: relative;
}
.navbar-fixed-top.scroll
 {
    position: fixed;
}
.navbar {   
    margin-bottom: 10px;
}
.banner-top-standard-page h4 {
	    font-weight: 600;
    font-size: 16px;
    letter-spacing: 4px;
}
.banner-top-standard-page h2{
font-weight: 600;
    font-size: 34px;
    line-height: 50px;
    letter-spacing: 2.2px;
}
.banner-top-standard-page h4  , .banner-top-standard-page h2{
	color:#fff;
	text-align:left;
	margin-top: 5px;
	border:unset;
}
.top-header-bar {
  background-color: #1f1f3f;
  color: #fff;
  font-size: 14px;
  padding: 6px 0;
  border-top: 2px solid #3b85ff;
  display: flex;
}

.top-header-content {
  max-width: 1470px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  width: 100%;
}

.top-header-left span {
  margin-right: 20px;
  display: inline-flex;
  align-items: center;
}
.top-header-left a {
 color: #fff;
}

.top-header-left i {
  margin-right: 6px;
}

.top-header-left img {
  margin-right: 8px;
}   
.top-header-left  {
	width: 70%;
      float: left;
}

.top-header-right  {
     float: right;
	width: 30%;
	text-align: end;
}
.top-header-right a {
  color: #fff;
  margin-left: 15px;
  transition: color 0.3s ease;
}

.top-header-right a:hover {
  color: #3b85ff;
}
#barra-superior-cliq #menu-menues > .menu-item:last-child > a{
	    margin: 30px 0;
    padding: 15px 30px !important;
    margin-left: 30px;
    border-radius: 54px;
    background: #2970CA;
    color: #fff !important;
}
#barra-superior-cliq #menu-menues > .menu-item:last-child > a:hover{
	
    background: #5B5B5F !important;
    color: #fff !important;
}
#barra-superior-cliq #menu-menues .menu-item a{	  
    color: #000;
}
#barra-superior-cliq #menu-menues > .menu-item:last-child > a .glyphicon {  
    display: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
  background: unset !important;
  color: #2970CA !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: unset !important;
}

footer {	
	    background: #191939 !important;
	color:#FFFFFF99;
	padding: 40px 0 8px 0;
	
}
footer a{
	color: #fff;
}
.encabezado-footer {
	/*border-bottom: 2px solid #016EB3;*/
    display: inline-block;
    padding-bottom: 2px;
    margin-top: 50px;
	font-family: "Lexend", 'Lato', sans-serif;
    margin-bottom: 20px;
    font-size: 18px;
	font-weight:600;
    color: #fff;
}

.encabezado-footer::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 15px;
  width: 50px; /* Solo la mitad del ancho */
  height: 1px;
  background-color: #2ABB37;
}

footer .copyright{
	padding-top:8px;
	margin-top: 10px;
}
footer .copyright::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%; 
  border-top: 1px solid #FFFFFF1A;
}
footer .widget_nav_menu ul{
	    padding-left: 0px;
}
footer .widget_nav_menu ul li{
	   list-style-type: none;
	  position: relative;
	padding-left: 18px;
	margin-top: 10px;
	color:#FFFFFF99;
}
footer .widget_nav_menu ul li a{	 
	color:#FFFFFF99;
}

   
footer .widget_nav_menu ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M5.14062 5.21875L1.12109 9.26562C0.957031 9.42969 0.802083 9.42969 0.65625 9.26562L0.109375 8.74609C-0.0364583 8.58203 -0.0364583 8.42708 0.109375 8.28125L3.36328 5L0.109375 1.71875C-0.0364583 1.57292 -0.0364583 1.41797 0.109375 1.25391L0.65625 0.734375C0.802083 0.570312 0.957031 0.570312 1.12109 0.734375L5.14062 4.78125C5.28646 4.92708 5.28646 5.07292 5.14062 5.21875Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
footer .news-footer ,footer .contact-footer, footer .logo-footer,footer .links-footer{
	color:#FFFFFF99;
}
footer .news-footer a{
	color:#FFFFFF99;
}

   
footer .logo-footer #block-6 a img {
    vertical-align: text-bottom;
}
footer .logo-footer #block-6 a {
   padding: 5px;
    border-radius: 54px;
    background: #FAF1FF1A;
}

.texto-footer-sub-logo {
	padding-right: 30px !important;
	margin-top: 40px;
}

footer .contact-footer .row{
	display: flex;
	margin-top:15px;
}
footer .contact-footer a{
     color:#FFFFFF99;
}

footer .contact-footer .row .col-md-1{
        width: 40px;
        padding: 0 0 0 15px;
        text-align: center;
}

.subtitle-section2{
	width:100%;
	font-size: 16px;
    font-weight: 500;
    color: #2970CA;
	border-bottom: 0px solid #016EB3;
	margin-bottom: 5px;
}
.title-section2{
	width:100%;
	font-size: 34px;
    font-weight: 500;
	margin-top: 0;
	border-bottom: 0px solid #016EB3;
	color: #000;
}
.texto-section2{
	width:100%;
	font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.iconos-section2 .row{
	display: flex;
	margin-top:15px;
}
.iconos-section2 .row .col-md-1{
        width: 40px;
        padding: 0 0 0 15px;
        text-align: center;
}
.btn-section2 .wp-block-button__link {
    color: #fff;
    background-color: #2970CA;
}

#front-page{
	background: #fff;
}

.column-nuestros-servicios {
  background-image: url('/wp-content/uploads/2025/07/M2A8192-Copiar.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.column-nuestros-servicios .wp-block-column{
     background: #2970CA80;
	padding: 50px 18%;
}
.column-nuestros-servicios .subtitle-nuestros-servicios-home{
	letter-spacing:3.2px;
	font-weight:600;
}
.column-nuestros-servicios .servicios-all-boton{
	margin-top: 30px;
}
.section2-home{
	
	padding: 0px 18%;
}
.junta-directiva-home{
	padding: 100px 23%;
}
.junta-directiva-home .subtitle-nosotros-section {
	font-weight:600;
	color:#2970CA;
	letter-spacing:3.2px;
}
.junta-directiva-home .title-nosotros-section{
	margin-bottom:60px;
}
.junta-directiva-home .wpcf-cargo-junta{
	color:#2970CA !important;
}
.junta-directiva-home .owl-carousel .item {
    margin: 0px 0px;
	text-align:center;
	color: #000;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;	
	    justify-items: center;
}
.junta-directiva-home .owl-carousel .item img{
	border-radius: 100px;
    height: 150px;
	width: 150px;
	margin-bottom: 45px;
}
.junta-directiva-home .owl-carousel .item p, .junta-directiva-home .owl-carousel .item h3{
	font-size:18px;
	font-weight:400;
	color:#000;
	
}

.seccion4-proyectos{	
	padding: 100px 10% 20px 10%;
}
.seccion4-proyectos-background{
	background:#5F85B7B2;
}
.seccion4-proyectos-container{
	 background-image: url('/wp-content/uploads/2025/07/209a288eb65cf588583afe143c45659a29b8d1d4-Copiar.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.subtitle-section4-home{
	letter-spacing:3.2px;
	font-weight:600;
	text-transform:uppercase;
}
.title-column-section4{	
	padding: 10px 0% 15px 0%;	
}
.texto-section4{
	padding: 10px 0%;
}
.title-column-section4{
	font-weight:600;	
	 text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.texto-section4{
	font-weight:400;
	
}
.seccion4-proyectos .owl-carousel{
	margin-bottom:50px;
}
.seccion4-proyectos .owl-item.active:not(.center) {
  transform: scale(0.5);
  /*filter: blur(2px) brightness(0.7);*/
  opacity: 0.8;
	margin-top: -197px;
}
.seccion4-proyectos .owl-item {
 align-items: start;
}


.seccion4-proyectos .owl-item.center {
  z-index: 2;
  transform: scale(1.49);
  filter: none;
  opacity: 1;
}
.seccion4-proyectos .owl-item.center img {
    height: 350px ;
    object-fit: cover;
}
.seccion4-proyectos .owl-item.active:not(.center) img {
	object-fit: cover;
	 height: 700px ;
}
.seccion4-proyectos .owl-carousel .owl-item.active:not(.center) h3{
	display:none;
}
.seccion4-proyectos .owl-carousel .owl-stage-outer {   
    margin-bottom: 0px;
}
.seccion4-proyectos .owl-carousel .owl-nav {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
.seccion4-proyectos .owl-carousel .owl-nav button{  
    font-size: 19px !important;
    width: 50px !important;
    height: 50px !important;
    background: #FFFFFFB2 !important;
    border-radius: 54px !important;
	position: absolute !important;
}
.seccion4-proyectos .owl-carousel .owl-nav button.owl-next{ 
  right: 13%; 
}
.seccion4-proyectos .owl-carousel .owl-nav button.owl-prev{ 
  left: 13%; 
}
.seccion4-proyectos .owl-carousel h3{
	position: absolute;
    top: 78%;
    left: 20px;
    font-size: 16px;
    color: #fff;
}

  

.seccion5-noticias{
	padding: 100px 18%;
}
.seccion5-noticias .subtitle-noticias-section{
		font-weight:600;
	color:#2970CA;
	letter-spacing:3.2px;
}
.title-column-nuestros-servicios{
	margin-bottom: 70px;
}

.column-nuestros-servicios .owl-carousel .item {
	background: #fff;
    padding: 30px;
    margin: 0px 20px;
	text-align:center;
	color: #000;
}
.column-nuestros-servicios .owl-carousel .item p a {
	background: #2970CA;
	color:#fff;
	padding: 12px 21px;
    border-radius: 55px;
}
.boton-manual-carousel{
	text-align:center;
	margin-top:36px;
	text-transform:uppercase;
}
.servicios-all-boton a{
	color:#2970CA;
	background:#fff;
	border:1px solid #2970CA;.
	padding: 10px 30px;
    text-transform: uppercase;
	letter-spacing: 0.8px;
}
/**************Noticias home********************/

.rw-grid-noticias {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  align-items: stretch;
}

.rw-col-izquierda,
.rw-col-derecha {  
  display: flex;
  flex-direction: column;
}
.rw-col-izquierda {
    flex: 1.5;
}

   
.rw-col-derecha {  
	 flex: 1;
}

.rw-noticia-grande {
    flex: 1;
    display: block;
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
    text-decoration: none;
    overflow: visible;
    border-radius: 0;
    position: relative;
}
.rw-noticia-grande .rw-overlay-fecha:hover{
	color:#fff;
}
.rw-noticia-grande .rw-overlay-fecha {
position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    width: auto;
    transform: translateY(-36px);
    height: 100px;
}


.rw-noticia-grande .rw-overlay {
position: absolute;
    bottom: 30px;
    right: 0;
    padding: 20px;
    background: #fff;
    width: 80%;
}

.rw-noticia-grande .rw-fecha {
  font-size: 14px;
    opacity: 1;
    display: block;
    margin-bottom: 5px;
    width: fit-content;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #2970CA;
	color: #fff;
}

.rw-noticia-grande .rw-titulo {
 font-size: 24px;
    margin: 0;
    line-height: 34px;
    text-transform: unset;
    font-weight: 600;
    color: #070710;
    font-family: 'Lexend', sans-serif;
}

.rw-col-derecha {
  justify-content: space-between;
  gap: 25px;
}

.rw-noticia-pequena {
  display: flex;
  text-decoration: none;
  color: inherit;
  align-items: center;
  gap: 15px;
}

.rw-img-contenedor {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 90px;
  overflow: visible;
  border-radius: 0;
}

.rw-img-contenedor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rw-col-derecha > a{
	padding: 16px 7px 7px 7px;
    background: #F4F7F7;
}


.rw-img-contenedor .rw-fecha {
        position: absolute;
    top: 0;
    right: 0;
    background: #2970CA;
    color: white;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 0;
    transform: translateY(-10px);
    text-transform: uppercase;
    margin-left: 15px;
    text-align: center;
}

.rw-noticia-pequena .rw-texto {
  flex: 1;
}

.rw-noticia-pequena .rw-titulo {
  font-size: 15px;
  margin: 0;
  line-height: 1.2;
  font-weight: 600;
  color:#070710;
	text-transform: unset;
	 font-family: 'Lexend', sans-serif;
}
/**********************Login y Registro*****************/

/**Registro**/
#registro-wrapper {
  display: flex;
  min-height: 80vh;
  background: #0000006b;
  padding: 150px 40px;
  color: #fff;
}
#registro-wrapper .login-left h2{
text-align:right;	
}
#registro-wrapper .login-left p{
text-align:right;	
}
/**Login**/
.password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.password-wrapper input {
  flex: 1;
  padding-right: 40px; 
}

.toggle-password {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  color: #555;
  user-select: none;
}
.inner-login .remember{
	 font-size: 12px;
    font-weight: 400;
}
   
#login-wrapper {
  display: flex;
  min-height: 80vh;
  background:#0000006b; 
  /*backdrop-filter: blur(6px);*/
  padding: 150px 40px;
  color: #fff;
}

.login-left {
  flex: 1;
  padding: 0 10% 10% 10%;
 
}
.login-right {
  flex: 1;
  padding: 40px;
  background-color: #fff;
  border-radius: 12px;
	color: #000;
}

.login-left h2 {
    font-size: 58px;
    margin-bottom: 10px;
    font-weight: 700;
    border-bottom: unset;
    color: #fff;
	text-transform:unset;
		margin-top: 0;
}
.login-right h2{
font-size: 44px;
    font-weight: 700;
    border-bottom: unset;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: unset;
	color:#313131;

}
.login-right p{
	color: #313131;
    font-size: 16px;
    font-weight: 400;
}
.login-left p{
	font-size: 15px;
    font-weight: 500;
}
.inner-login{
	background:url('/wp-content/uploads/2025/07/architect-or-engineer-team-planning-and-designing-2025-04-06-07-11-18-utc-Copiar.jpg') center/cover no-repeat;
}
.login-right a {
  color: #2B6EF6 !important;
}
.login-right form {
  display: flex;
  flex-direction: column;
}
.login-right input{
border: 1px solid #B9B9B9;
}

.login-right label {
  margin-top: 15px;
  font-weight: 600;
    font-size: 15px;
}

.input {
  padding: 10px;
  border-radius: 8px;
  border: none;
  margin-top: 5px;
}

.wp-submit-login {
  margin-top: 20px;
  padding: 12px;
  background-color: #2970CA;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
	font-weight: 500;
    font-size: 18px;
}

.login-links {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.login-links a {
  color: #2B6EF6 !important;
  text-decoration: none;
  margin-top: 5px;
}
/*****************************NOTICIAS****************************/
.noticias-container .noticia-item img{
	    width: 100%;
    object-fit: cover;
    height: 250px;
}
/*************************Nuevo proyecto******************************/

.nuevo-proy-s1 {
	background:#F8FAFE;
	padding: 100px 25%;
    margin: 0;
	text-align: center;
}
.nuevo-proy-s1-subtitle{
	font-weight:500;
	font-size:16px;
	color:#2ABB37;
	letter-spacing:3.2px;
	width: fit-content;
    display: inline-block;
    border-radius: 54px;
    border: 1px solid #2970CA;
    padding: 5px 10px;
}
.nuevo-proy-s1-title{
	font-weight:600;
	font-size:36px;
	color:#1B1B1B;
	border-bottom:unset;
    text-align:center;
	    margin-top: 11px;
	width: 100%;
}
.nuevo-proy-s1-text{
	font-weight:400;
	font-size:18px;
	color:#64748B;
    text-align:center;
	    margin-top: 30px;
}

.nuevo-proy-s1-button a{
	font-weight:400;
	font-size:15px;
	letter-spacing:0.8px;
	background:#2970CA;
	margin-top:20px;
	color:#fff;
}
.nuevo-proy-s1-button a:hover{
	
	color:#fff;
}
.standard-subtitle{
	font-weight:500;
	font-size:16px;
	color:#2ABB37;
	letter-spacing:3.2px
}
.standard-title{
	font-weight:600;
	font-size:36px;
	color:#1B1B1B;
	border-bottom:unset;
	    margin-top: 0px;
	width: 100%;
}
.standard-text{
	font-weight:400;
	font-size:18px;
	color:#000;
    margin-top: 10px;
}
.column-text-standard{
	padding: 5% 4% 5% 4.5%;
	flex-grow: 1.2 !important;
	flex-direction: column;
    justify-content: center;
    display: flex;
}
.column-background-standard{
	flex-grow: 1.5 !important;
}
.column-background-standard img{
	    min-height: 950px;
    object-fit: cover;
}
.section-standard{
	gap: 0;
	margin-bottom:0;
}
.section-standard h3{
	color:#000;
}
.last-section .nuevo-proy-s1-subtitle{
	border:unset
}
.column-text-standard .wp-element-button:hover{
	color:#fff;
	background-color:#5B5B5F !important;
}
.wp-block-button__link:hover {
    background-color: #5B5B5F !important;
	border-color: #5B5B5F ;
	color:#fff;
}
/******************SObre nosotros**********************/
.section-last-about-us{
	margin:100px 0 20px 0 !important;
	padding: 0px 18%;
}

.section-last-about-us .wp-block-columns{
margin-bottom: 0px;
    margin-top: 50px;
}
.section-last-about-us .column1-mision{
margin-bottom: 0px;
    margin-top: 0px;
}


/******************Contacto*************************/

.contact-form-wrapper {
 display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background-color: #f5f5f5;
    margin: 150px 10%;
    padding: 100px 6%;
}
/* Columna izquierda */
.contact-form-left {
  flex: 1 1 40%;
  color: #333;
}

.contact-form-left h2 {
     font-size: 50px;
    color: #2970CA;
    margin-bottom: 30px;
    border: unset;
    text-transform: unset;
	margin-top: 0;
}


.contact-form-left p {
    font-size: 18px;
    margin-bottom: 5px;
}

.contact-form-left a {
  color: #2970CA;
  text-decoration: none;
  font-weight: 500;
}

.contact-form-left a:hover {
  text-decoration: underline;
}

/* Íconos sociales */
.contact-form-left .social-icons{
	margin-top:15%;
}
.social-icons .top-header-right {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.social-icons img {
  width: 15px;
    height: 15px;
    transition: opacity 0.3s ease;
   
}

.social-icons a:hover img {
  opacity: 0.7;
}

/* Columna derecha */
.contact-form-right {
  flex: 1 1 55%;
}

.check-privacy .wpcf7-list-item {   
    margin: 0 0 0 0em;
}
.check-privacy .wpcf7-list-item-label{
	  font-size: 15px;
}

.contact-form-right label {
display: block;
    margin-bottom: 8px;
    font-weight: 400;
    color: #444;
    font-size: 20px;
}
.contact-form-wrapper br{
	display:none;
}
.contact-form-left h2 br{
	display:block;
}

.contact-form-right input[type="text"],
.contact-form-right input[type="email"],
.contact-form-right input[type="tel"],
.contact-form-right textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #76AEFF;
  border-radius: 6px;
  font-size: 15px;
  font-family: inherit;
  background-color: #fff;
}

.contact-form-right textarea {
  resize: vertical;
  min-height: 10px;
}

.privacy-check {
  font-size: 14px;
  margin-bottom: 20px;
  color: #555;
}

/* Botón de envío */
.contact-form-right input[type="submit"] {
background-color: #3A86FF;
    color: #fff;
    border: none;
    padding: 12px 32px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 500;
}

.contact-form-right input[type="submit"]:hover {
  background-color: #1f5bb5;
}
/**********************Lista proyectos***********************/
.lista-proyectos{
	padding: 0 15%;
    max-width: 1650px;
    margin: 0 auto;
}
.project-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
	padding: 25px;
margin-bottom: 34px;
}

.project-card:hover {
  transform: translateY(-4px);
}

.project-image-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.project-image-wrapper img {
width: 100%;
    height: 210px;
    display: block;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    object-fit: cover;
	border-radius: 0;
}


.project-content {
  padding: 0px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.project-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.project-description {
  font-size: 15px;
  color: #808080;
  margin-bottom: 20px;
  line-height: 1.5;
}

.project-button {
      align-self: flex-start;
    background-color: #2970CA;
    color: #fff;
    padding: 10px 30px 10px 10px;
    border-radius: 54px;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    transition: background-color 0.3s ease;
    letter-spacing: 0.8px;
}
.project-button:hover {    
    color: #fff;
    
}


.project-button:hover {
  background-color: #1f5bb5;
}

.project-button .arrow {
  margin-left: 8px;
  font-weight: bold;
}
.custom-post-search-wrapper {
 position: relative;
    max-width: 80%;
    margin: 0 auto 90px;
    width: 80%;
}

.custom-post-search {
  width: 100%;
  padding: 16px 40px 16px 16px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: border-color 0.3s;
}

.custom-post-search:focus {
  border-color: #2970CA;
}

.custom-post-search-icon {
  position: absolute;
  right: 14px;
  top: 44%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #888;
	pointer-events: none;}

/*************************FAQS************************/

.faqs__search__button {
    cursor: pointer;
    color: #fff;
    background-color: unset;
    padding: 5px 10px;
    border: 1px solid #1B1B1B40;
    border-right: unset;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    margin-right: -10px;
}

.faqs__search__input {
    margin: 0;
    padding: 15px 10px;
    border: 1px solid #1B1B1B40;
    width: 100%;
    border-left: unset;
    margin-right: -1px;
    border-right: unset;
}

.faq_category{
	    border-left: unset;
    border-color: #1B1B1B40;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.faqs__search__toggle{
	border-left: unset;
    border-color: #1B1B1B40;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: unset;
    border-width: 1px;
    width: 200px;
    color: #247EE9;
    font-size: 15px;
    letter-spacing: 3.2px;
}
.faqs__search {
    display: block;
	    max-width: 1050px;
}
.faqs__search__categories{
	display: flex;
    margin-top: 40px;
    padding: 15px 15%;
    border-top: 1px solid #1B1B1B0D;
    border-bottom: 1px solid #1B1B1B0D;
}
.faqs__search__categories button{
	color: #247EE9;
    border: unset;
    background: unset;
    font-weight: 600;
    font-size: 16px;
    padding: 0 25px;
}
.faqs__item{
	margin: 0 auto;
    max-width: 800px;
	padding: 10px;
}
.faqs__item__title{
	border-radius: 8px;
    border: 1px solid #E2E8F0;
    padding: 20px;
    color: #1E293B;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}
.faqs__item__content{
	    border-radius: 8px;
    border: 1px solid #E2E8F0;
    padding: 20px;
    color: #1E293B;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    margin-left: 25px;
}
/************************Popup**************************/
.consulta-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background-color: #f5f5f5;
    padding: 100px 6%;
}
.consulta-form-left {
    flex: 1 1 40%;
    color: #333;
}
.consulta-form-right {
    flex: 1 1 55%;
}
.consulta-form-left h2 {
     font-size: 50px;
    color: #283646;
    margin-bottom: 30px;
    border: unset;
    text-transform: unset;
	margin-top: 0;
}


.consulta-form-left p {
       font-size: 20px;
    margin-bottom: 5px;
    color: #77808B;
    font-weight: 400;
}

.consulta-form-left a {
  color: #2970CA;
  text-decoration: none;
  font-weight: 500;
}

.consulta-form-left a:hover {
  text-decoration: underline;
}
.consulta-form-wrapper br{
	display:none;
}
.consulta-form-left h2 br{
	display:block;
}

.consulta-form-right input[type="text"],
.consulta-form-right input[type="email"],
.consulta-form-right input[type="tel"],
.consulta-form-right .wpcf7-select {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #76AEFF;
  border-radius: 6px;
  font-size: 15px;
  font-family: inherit;
  background-color: #fff;
}
.selector-tema-consulta p{
	margin-bottom:0;
}

/* Botón de envío */
.consulta-form-right input[type="submit"] {
background-color: #3A86FF;
    color: #fff;
    border: none;
    padding: 12px 32px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 500;
}

.consulta-form-right input[type="submit"]:hover {
  background-color: #1f5bb5;
}
.custom-popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.custom-popup-content {
  background: #F8F9FA;
  padding: 30px;
  border-radius: 10px;
  max-width: 75%;
  width: 90%;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  animation: fadeIn 0.3s ease;
	background: #f5f5f5;
    max-height: 500px;
}
.close-popup-button {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}


/************************Noticias footer*************************/
.noticias-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: sans-serif;
    font-size: 15px;
	line-height:18px;
}

.noticia-item {
    display: flex;
    flex-direction: column;
    border-left: 0px solid #0073aa;
    padding-left: 10px;
	padding:15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	
}
.noticias-footer .noticia-item {
    margin-bottom: 0px !important;
    border-bottom: 0px solid #ddd !important;
    padding-bottom: 0px !important;
}
.noticias-footer .noticia-item {
    display: flex;
    flex-direction: column;
    border-left: 0px solid #0073aa;
    padding-left: 10px;
    padding: 15px;
    box-shadow: unset;
}


.noticia-fecha {
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
	margin-top: 14px;
}

.noticia-fecha i {
    color: #fff;
}

.noticia-titulo {
    margin-top: 4px;
    color: #FFFFFF99;
}
.noticia-item h2 {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: 10px !important;
    color: rgb(34, 34, 34) !important;
	margin-top: 20px;
	line-height: 24px;
}

.noticias-container {
    max-width: 1250px !important;
    font-family: 'Gill Sans Web', sans-serif;
}
.noticia-item .noticias-excerpt{
   	  font-size: 15px;
    color: #808080;   
    line-height: 1.5;
	font-weight: 400;
}
.noticias-boton-action{
	align-self: flex-start;
    background-color: #2970CA;
    color: #fff !important;
    padding: 10px 30px 10px 15px;
    border-radius: 54px;
    text-decoration: none;
    font-weight: 400 !important;
    font-size: 15px !important;
    transition: background-color 0.3s ease;
    letter-spacing: 0.8px;
	margin-top: 14px;
	text-transform:uppercase;
}
/********************REDES*************************/
.een-section {
  font-family: 'Segoe UI', sans-serif;
  max-width: 900px;
  margin: 2rem auto;
  padding: 2rem;
  color: #333;
  line-height: 1.7;
  background-color: #fdfdfd;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.een-section h2 {
  font-size: 2rem;
  color: #000;
  margin-bottom: 1rem;
}

.een-section h3 {
  font-size: 1.4rem;
  color: #000;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #c3c3c330;
  padding-bottom: 0.3rem;
}

.een-section p {
  margin-bottom: 1rem;
}

.een-section ul, 
.een-section ol {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.een-section ul li, 
.een-section ol li {
  margin-bottom: .5rem;
}

.een-section a {
  color: #2970CA;
  text-decoration: none;
  font-weight: 600;
}

.een-section a:hover {
  text-decoration: underline;
}

.een-section .email {
  color: #2970CA;
}

.een-section .external-link {
  color: #2970CA;
}

/***********************Servicios**************************/
.seccion4-proyectos-container.contacto{	
		    background-image: url("/wp-content/uploads/2025/08/image.jpg");
	    margin-bottom: 0;
}
.seccion4-proyectos.contacto  .title-column-section4 {
        padding: 10px 18% 35px 18%;
    }
.seccion4-proyectos.contacto {
    padding: 120px 10% 120px 10%;
}
.seccion4-proyectos-container.contacto .seccion4-proyectos-background {
    background: #00000087;
}
.seccion4-proyectos-container.contacto .servicios-all-boton a {
    color: #fff;
    background: #2970CA;
    border: 1px solid #2970CA;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.rw-overlay-fecha-noticias .rw-fecha {
    font-size: 14px;
    opacity: 1;
    display: block;
    margin-bottom: 5px;
    width: fit-content;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #2970ca;
    color: #fff;
}

.rw-overlay-fecha-noticias {
    position: absolute;   
    padding: 20px;
    width: auto;  
    height: 100px;
    margin-top: -15px;
    margin-left: -20px;
}

/******************Responsive custom********************/


@media only screen and (min-width : 1200px) {
.title-column-section4{	
	padding: 10px 28% 15px 18%;	
}
	.subtitle-section4-home{
		padding: 0px 28% 0px 18%;	
	}
.texto-section4{
	padding: 10px 26% 50px 26%;
}
	.rw-col-izquierda a{ margin-left: 17%;}
	
}
@media only screen and (min-width : 1660px) {
footer .logo-footer .imagen-logo-footer img {
	 margin-left: -49%;
}	
	
}
@media  (min-width : 1200px) and (max-width : 1500px) {
.navbar-collapse.collapse {
        display: flex !important;
        float: right;
    }
	 .container {
        width: 96% !important;
    }
	.custom-popup-content {
    max-height: 700px;
}
}

@media only screen and (max-width: 1400px) {
.seccion4-proyectos {
    padding: 100px 10% 20px 10%;
	}
}
@media only screen and (max-width: 1350px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
	}
}
@media only screen and (max-width: 1199px) {
   #barra-superior-cliq .navbar-header {
        width: 100%;   
        text-align:center;
    }
	.navbar .navbar-brand img {
        height: 80px !important;
    }
	  #barra-superior-cliq .navbar-brand{
        width: 100%;
    }
	
	 .container {
        width: 100%;
    }
	.custom-popup-content {
    max-height: 700px;
		 overflow-y: scroll;
}
	.custom-post-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media only screen and (max-width : 1024px) {
		.noticias-body {
    grid-template-columns: repeat(1, 1fr) !important;
	}
	.seccion4-proyectos .owl-carousel .owl-stage-outer {
    margin-bottom: 15px;
}
	.seccion4-proyectos .owl-item.center img {
    height: 100%;
    object-fit: contain;
}
	.servicios-all-boton a {   
    margin-top: 20px;
}
	.column-nuestros-servicios .wp-block-column {
  
    padding: 50px 10%;
}
	    .seccion4-proyectos {
        padding: 100px 3% 20px 3%;
    }
	.rw-grid-noticias {
    display: block;
   
}
	.nuevo-proy-s1 {
    padding: 100px 10%;
}
	.rw-noticia-grande .rw-overlay {
    position: relative;
    bottom: 0px;
    right: 0;
    padding: 20px 10% 20px 20px;
    background: #ffffff3b;
    width: 100%;
}
	.wrapper-login{
		display:grid !important;
	}
	#registro-wrapper .login-right {   
    order: 1;
}
	#registro-wrapper .login-left {   
    order: 0;
}
}
@media only screen and (max-width : 768px) {
	.seccion4-proyectos.contacto  .title-column-section4 {
        padding: 10px 10% 35px 10%;
    }
	.seccion4-proyectos.contacto {
    padding: 120px 5% 120px 5%;
}
	.section-last-about-us img {
    object-fit: cover;
    height: auto !important;
}
	
	 #barra-superior-cliq .navbar-toggle{
		margin-right:-15px;
	}
	.custom-post-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr) !important;
	}
	footer .copyright {
    margin-top: 40px;
}
	.faq_search_input{
		    padding: 0 2% !important;
	}
	.custom-popup-content {  
    max-width: 95%;
    width: 90%;   
    max-height: 100%;
    overflow-y: scroll;
}
	.column-background-standard img{
	    min-height: 600px;
}
	.banner-top-text-container {
		display:block !important;
	}
#barra-superior-cliq #menu-menues > .menu-item:last-child > a {   
    margin-left: 0;
	width: fit-content;
        margin: 19px 12px;
	}
	.foto-arriba{
		order:0;
	}
	.texto-debajo{
		order:1;
	}
}

@media only screen and (max-width : 540px) {
.retos-estrategicos-section .col-xs-12{
		    flex-direction: column !important;
	}
	.retos-estrategicos-section .col-xs-12 > div{
		width:100% !important;
	}
	
	.title-section2 {
    font-size: 28px;
}
	.section2-home {
    padding: 0px 10%;
}
	.seccion5-noticias {
    padding: 100px 10%;
}
	.section-last-about-us {
    padding: 0px 10%;
}
	.lista-proyectos
 {
    padding: 0 10%;
}
	.nuevo-proy-s1-subtitle {    
    font-size: 14px;
}
	

}








