/*
Theme Name: Ujo+Partners
Theme URI: https://www.optimoclick.dev/
Description: Tema personalizado de Ujo + Partners
Author: Optimoclick
Template: minnaro
Version: 1.1
Text Domain: minnaro-child
*/

/* ===============================
   LOGO & ICONOS
   =============================== */
.logohome img { -webkit-filter: invert(100%) !important; filter: invert(100%) !important; }
#masinvert svg .st0 { fill: #fff !important; }

#fortmatvertical .vamtam-image-wrapper img, #fortmatvertical .image-container img{
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;   /* vertical por defecto */
  object-fit: cover;
  object-position: center center; /* 👈 equivalente a background-position */
}
/* === FORMATO VERTICAL 3/4 SOLO EN EL PRIMER SLIDE REAL === */
#fortmatvertical2a .swiper-wrapper .is-first-real .vamtam-image-wrapper,
#fortmatvertical2a .swiper-wrapper .is-first-real .image-container,
#fortmatvertical2b .swiper-wrapper .is-first-real .vamtam-image-wrapper,
#fortmatvertical2b .swiper-wrapper .is-first-real .image-container,
#fortmatvertical2c .swiper-wrapper .is-first-real .vamtam-image-wrapper,
#fortmatvertical2c .swiper-wrapper .is-first-real .image-container,
#fortmatvertical2d .swiper-wrapper .is-first-real .vamtam-image-wrapper,
#fortmatvertical2d .swiper-wrapper .is-first-real .image-container {
  aspect-ratio: 3 / 4;
  width: 100%;
  overflow: hidden;
}

#fortmatvertical2a .swiper-wrapper .is-first-real .vamtam-image-wrapper img,
#fortmatvertical2a .swiper-wrapper .is-first-real .image-container img,
#fortmatvertical2b .swiper-wrapper .is-first-real .vamtam-image-wrapper img,
#fortmatvertical2b .swiper-wrapper .is-first-real .image-container img,
#fortmatvertical2c .swiper-wrapper .is-first-real .vamtam-image-wrapper img,
#fortmatvertical2c .swiper-wrapper .is-first-real .image-container img,
#fortmatvertical2d .swiper-wrapper .is-first-real .vamtam-image-wrapper img,
#fortmatvertical2d .swiper-wrapper .is-first-real .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

#imageright .image-container{
  text-align: right !important;
}
#fotoprojectfin img{
  object-fit: cover !important;
  object-position: center center; /* 👈 equivalente a background-position */
  width: 100%;
  height: 40vw;
}
.textsector{
  height: 150px;
}
#intro_nosotros .elementor-widget-container {
  position: relative; /* referencia para el ::before */
}

#intro_nosotros .elementor-widget-container p::before {
  content: "";
  position: absolute;
  top: 10px;     /* mueve hacia arriba */
  left: 10px;    /* mueve hacia la izquierda */
  width: 53px;    /* tamaño del icono */
  height: 53px;
  background: url("https://www.optimoclick.dev/ujoandpartners/wp-content/uploads/2025/10/Group-69.svg") no-repeat center/contain;
  pointer-events: none; /* no bloquea clics ni selección del texto */
  z-index: 2; /* por encima del texto */
}
.indent10 h6{
  text-indent: 10px !important;
}
.indent20 h6{
  text-indent: 20px !important;
}
.indent30 h6{
  text-indent: 30px !important;
}
#paises24 h2::after{
  content: "";
  position: absolute;
  top: 10px;     /* mueve hacia arriba */
  left: 175px;    /* mueve hacia la izquierda */
  width: 13px;    /* tamaño del icono */
  height: 13px;
  background: url("https://www.optimoclick.dev/ujoandpartners/wp-content/uploads/2025/10/Group-69.svg") no-repeat center/contain;
  pointer-events: none; /* no bloquea clics ni selección del texto */
  z-index: 2; /* por encima del texto */
}
/* Solo inglés (en o en-XX, p. ej. en-US) */
html[lang|="en"] #paises24 h2::after{
  left: 225px; /* ajusta el valor que necesites */
}

/* ======= AJUSTES PARA MÓVILES ======= */
@media (max-width: 768px) {
  #paises24 h2::after {
    left: 105px;
    top: 0px;
  }
  html[lang|="en"] #paises24 h2::after{
    left: 130px; /* valor para móvil en inglés (ajústalo) */
  }
  .marquee-container {
  width: 125% !important;
  }
  .gallery-item{
    max-width: 50% !important;
  }
  .attachment-thumbnail.size-thumbnail {
  width: 50% !important;
}
}
#sub-header{
  display: none !important;
}
/* Añadir icono antes de cada tag (enlace dentro de #countservice) */
#countservice a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url("https://www.optimoclick.dev/ujoandpartners/wp-content/uploads/2025/10/Group-69.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  white-space: nowrap;
}
/* Evitar que el icono se separe del texto en saltos de línea */
#countservice a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; 
  margin-right: 10px !important;
}
/* ✅ Versión final */
.aream2 .elementor-heading-title::after {
  content: "m²";
  font-size: inherit; /* 'm' hereda tamaño del número */
  margin-left: 4px;
}
.aream2 .elementor-heading-title::after {
  font-feature-settings: "sups";
}
#formcontacta .elementor-button {
    background-color: #000 !important;
    font-weight: 400 !important;
  }
#formcontacta textarea {
  font-family: "Helvetica Family", sans-serif !important;
}
#formcontacta input::placeholder, #formcontacta select, #formcontacta option{
  color:#020101 !important
}
#formcontacta input::placeholder,
#formcontacta textarea::placeholder {
  opacity: 1 !important;
}
.elementor-element.elementor-element-1a59882::before{
  background-position: 99% 2% !important;
}
.boxtitservice{
  height: 50px !important;
}
.boxtextservice{
  height: 100px !important;
}
.textocargo h6{
    text-transform: none !important;
}

/* Ocultamos texto original */
.wpml-ls a span {
    display: none !important;
}

/* Enlace reducido EXACTO al ancho del texto */
.wpml-ls a {
    display: inline-block !important;  /* el ancho = contenido */
    width: auto !important;
    padding: 0 !important;             /* evita ensanchar */
    margin: 0 10px 0 0;                /* separación entre ES y EN */
    position: relative;
    color: #fff !important;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none !important;
    background: transparent !important;
}

/* Sustituir por ES/EN */
.wpml-ls-item-es a::before { content: "ES"; }
.wpml-ls-item-en a::before { content: "EN"; }

/* Subrayado EXACTO bajo el texto */
.wpml-ls a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    width: 100%;    /* ancho exacto del texto */
    background: #fff;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}

/* Hover → animación */
.wpml-ls a:hover::after {
    transform: scaleX(1);
}

/* Idioma activo → subrayado visible */
.wpml-ls-current-language a::after {
    transform: scaleX(1);
}

/* Asegurar 100% para imágenes con grow */
.elementor-animation-grow img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.elementor-animation-grow {
    width: 100% !important;
    display: block;
}

/* ----------------------------------------------------- */
/* 🔥 MODO NEGRO PARA EL SWITCHER DENTRO DEL #langinter  */
/* ----------------------------------------------------- */

#langinter .wpml-ls a {
    color: #000 !important; /* texto en negro */
}

#langinter .wpml-ls a::after {
    background: #000 !important; /* subrayado negro */
}

/* Active state (negro) */
#langinter .wpml-ls-current-language a::after {
    transform: scaleX(1);
    background: #000 !important;
}

/* Hover animation (negro) */
#langinter .wpml-ls a:hover::after {
    background: #000 !important;
}
.custom-logo {
  height: 40px;
}
#cmplz-message-1-optin {
  width: 95%;
}