/* NUEVO DISEÑO PROYECTOS EN MÓVIL */
@media (max-width: 768px) {
  .article__main--width-full.container,
  .projects-masonry,
  .projects-masonry__item {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}


/* Móvil y tablet: centrar y reducir tamaño del logo sólo en header normal */
@media (max-width: 1024px) {
  header.header:not(.header--fixed) .elementor-column.elementor-element-3e82d79 {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  header.header:not(.header--fixed) .elementor-element-7a3002d {
    display: inline-block !important;
  }

  header.header:not(.header--fixed) .elementor-element-7a3002d img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 260px !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }
}

/* Reducir altura y centrar contenido del header fijo */
@media (max-width: 1024px) {
		
	header.header.header--fixed {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

header.header.header--fixed .header__inner {
  width: 100% !important;
  max-width: 1200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 20px !important;
}

header.header.header--fixed .elementor-column.elementor-element-3e82d79 {
  flex: 0 0 auto !important;
  max-width: 160px !important;
}

header.header.header--fixed .elementor-element-7a3002d img {
  max-width: 160px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
}

header.header.header--fixed .elementor-column.elementor-col-66.elementor-element-a186ae5 {
  flex: 1 1 auto !important;
  padding: 0 15px !important;
}

header.header.header--fixed .elementor-column.elementor-col-16.elementor-element-404c260 {
  flex: 0 0 auto !important;
  padding-left: 10px !important;
}

}
/* HEADER NORMAL */

.header--fixed {
    background-color: #031f3d;
    background-image: linear-gradient(
            to bottom,
            rgba(0,25,60,0.95) 0%,
            rgba(0,45,95,0.75) 40%,
            rgba(0,55,115,0.35) 100%),
				url('/wp-content/uploads/2025/07/urbanvista-bg-header-jul25.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* logo @mentaliza */

.logo {
		max-width: 450px !important;
}

.logo::before {
		border: none !important;
}

.video-section .lang-switcher__link--current {
	color: #aed4ff;
}

.sep svg path {
    fill: #dfdbd9 !important;
}

html ::-webkit-scrollbar-thumb {
	background-color: #dfdbd9 !important;
}

.current_page_itemnavigation__item > a {
	color: #003773 !important;
}

.current_page_itemnavigation__item > a:hover {
	color: #aed4ff !important;
}

.service-card__left::before {
    border-top: none !important;
		border-left: none !important;
	}

.btn {
	color: #FFF;
background-color: #003773;
		border: none;
	
}

.btn:hover {
	color: #FFF;
background-color: #aed4ff;

	
}

@media (min-width: 992px) {
  .preview-card__content {
    border: none !important;
    transition: all 0.4s ease;
  }

  .preview-card__content:hover {
    backdrop-filter: blur(8px) brightness(1.2);
    background-color: rgba(255, 255, 255, 0.4);
  }
}


.header__menu-toggle::before,
.header__menu-toggle::after,
.header__menu-toggle span,
.header__menu-toggle .menu-toggle::before,
.header__menu-toggle .menu-toggle::after {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
  fill: white !important;
  stroke: white !important;
}

header.header--fixed img.wp-image-1622 {
  filter: brightness(0) invert(1);
}

/* Menú */
header.header--fixed .navigation__link {
  color: white !important;
}

/* Iconos sociales */
header.header--fixed .footer__social .social__link i {
  color: white !important;
}

/* Hover menú */
header.header--fixed .navigation__link:hover {
  color: #aed4ff !important;
}

/* Hover iconos sociales */
header.header--fixed .footer__social .social__link i:hover {
  color: #aed4ff !important;
}

/* Hover icono burger */
header.header--fixed .header__menu-toggle:hover::before,
header.header--fixed .header__menu-toggle:hover::after,
header.header--fixed .header__menu-toggle:hover span {
  background-color: #aed4ff !important;
}

@media (max-width: 1024px) {
  /* Menú móvil */
  .mobile-canvas.__js_mobile-canvas {
      background-color: #031f3d;
      background-image: linear-gradient(
              to bottom,
              rgba(0,25,60,0.95) 0%,
              rgba(0,45,95,0.75) 40%,
              rgba(0,55,115,0.35) 100%),
          url('/wp-content/uploads/2025/07/urbanvista-bg-header-jul25.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  .mobile-canvas__nav .navigation__link {
      color: #ffffff;
      transition: color 0.3s ease;
  }

  .mobile-canvas__nav .navigation__link:hover,
  .mobile-canvas__nav .navigation__link.active,
  .mobile-canvas__nav .navigation__link.current-menu-item {
      color: #aed4ff;
  }

  .mobile-canvas__phone {
      color: #aed4ff;
      display: block;
      margin-bottom: 1rem;
      transition: color 0.3s ease;
  }

  .mobile-canvas__phone:hover {
      color: #ffffff;
  }

  .mobile-canvas__bottom {
      color: #cccccc;
  }

  .mobile-canvas__bottom strong {
      color: #aed4ff;
  }

  .mobile-canvas__bottom a,
  .mobile-canvas__phone {
      color: #cccccc;
      text-decoration: none;
      transition: color 0.3s ease;
  }

  .mobile-canvas__bottom a:hover,
  .mobile-canvas__phone:hover {
      color: #aed4ff;
  }

  .mobile-canvas__social .social__link {
      color: #aed4ff;
      transition: color 0.3s ease;
  }

  .mobile-canvas__social .social__link:hover {
      color: #ffffff;
  }

  .mobile-canvas__close svg {
      fill: #ffffff;
  }

  .mobile-canvas__close {
      color: #ffffff;
  }
}

@media (max-width: 1024px) {
  .elementor-element-7a3002d {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .elementor-element-7a3002d img {
    margin: 0 auto;
  }
}

.header__menu-toggle.menu-toggle {
  color: #000;
}

.header__menu-toggle.menu-toggle span,
.header__menu-toggle.menu-toggle::before,
.header__menu-toggle.menu-toggle::after {
  background-color: #000;
}

/* Sólo para header sin clase fixed dentro del portfolio con data-elementor-id 660 */

/* Logo en negro */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-3e82d79 .elementor-widget-theme-site-logo img {
  filter: brightness(0) !important;
}

/* Menú enlaces normales en negro */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__link {
  color: #000 !important;
}

/* Enlace de la página activa en azul oscuro #003773 */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__item.current-menu-item > .navigation__link,
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__item.current_page_item > .navigation__link {
  color: #003773 !important;
}

/* Hover del enlace activo en celeste habitual (ejemplo #1ca7ec) */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__item.current-menu-item > .navigation__link:hover,
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__item.current_page_item > .navigation__link:hover {
  color: #1ca7ec !important;
}

/* Hover del resto de enlaces en azul oscuro #003773 */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-a186ae5 .navigation__link:not(.current-menu-item):hover {
  color: #003773 !important;
}

/* Iconos redes en negro */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-404c260 .social__link i {
  color: #000 !important;
}

/* Hover iconos redes en gris oscuro */
header.header:not(.header--fixed) > .header__inner > .header__builder > .elementor[data-elementor-id="660"] .elementor-column.elementor-element-404c260 .social__link:hover i {
  color: #444 !important;
}

/* Proyectos a 4 columnas Home */

@media (min-width: 992px){
  .featured-projects .__js_projects-grid .grid-sizer {width:25% !important;}
  .featured-projects .__js_projects-grid .featured-projects__item {width:25% !important;}
}

/* Ocultamos selector de idioma de momento */
 .video-section__lang-switcherul {
    display: none !important;
  }