/*
Theme Name: Minnaro
Theme URI: https://minnaro.vamtam.com
Text Domain: minnaro
Description: Welcome to Minnaro, a modern WordPress theme tailored for interior design studios and architecture firms. Elegantly crafted to highlight your creative vision, Minnaro is ideal for showcasing residential and commercial projects, architectural portfolios, and bespoke design services. Whether you're an architect, interior designer, or a multidisciplinary design agency, Minnaro offers a refined and stylish platform to present your work. With full compatibility with Elementor and Elementor Pro Page Builder, you can easily create stunning layouts and an immersive user experience—without touching a single line of code. Start building a sophisticated, professional website that reflects your design excellence with Minnaro.
Author: VamTam
Author URI: https://vamtam.com
Version: 7
Tested Up To: 6.1
Requires PHP: 7.4
License: Envato
License URI: https://themeforest.net/licenses
Tags: Interior, Architecture, Design, Decor, Modern, Minimalist, Luxury, Space, Renovation, Stylish, Aesthetic, Contemporary, Sustainable, Elementor, WordPress
*/

/* --- LOGO & ICONOS --- */
.logohome img {
  -webkit-filter: invert(100%) !important;
  filter: invert(100%) !important;
}

#masinvert svg .st0 {
  fill: #fff !important;
}

/* --- TÍTULO DEBAJO DE LA IMAGEN --- */
#ujoportfolio .ujoportfolio-title {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
}

#ujoportfolio .ujoportfolio-title a {
  color: inherit;
  text-decoration: none;
}

/* --- EVITA OVERLAYS DE ELEMENTOR --- */
#ujoportfolio .elementor-portfolio-item__overlay {
  display: none !important;
}

/* --- ESTRUCTURA BASE DEL ITEM --- */
#ujoportfolio .elementor-portfolio-item {
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

#ujoportfolio .elementor-post__thumbnail__link {
  position: relative;
  display: block;
  overflow: hidden !important;
  z-index: 2;
}

/* ===============================
   EFECTO HOVER / ZOOM
   =============================== */

#ujoportfolio .elementor-portfolio-item__img {
  overflow: hidden !important;
  position: relative !important;
  z-index: 1;
}

#ujoportfolio .ujo-img-inner {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

#ujoportfolio .ujo-img-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Efecto de zoom in/out suave --- */
#ujoportfolio .elementor-portfolio-item:hover .ujo-img-inner {
  transform: scale(1.08);
}

/* ===============================
   BADGE DE CATEGORÍA
   =============================== */

#ujoportfolio .ujo-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 2px;
  line-height: 1.4em;
  opacity: 0;
  transform: translateY(-8px);
  transition: all 0.35s ease;
  z-index: 50;
  pointer-events: none;
  text-transform: capitalize;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  max-width: 80%;
}

/* --- Mostrar badge al hover --- */
#ujoportfolio .elementor-portfolio-item:hover .ujo-badge {
  opacity: 1;
  transform: translateY(0);
}