/* =====================================================================================================================
   UMOH | Estilos de Presidente Real Estate
   Los carga wp-content/mu-plugins/umoh-presidente-ajustes.php (3.0.0 en adelante) en el <head>, justo antes del
   "CSS adicional" del Personalizador. Reemplaza lo que estaba en ese CSS adicional (migrado el 2026-10-14, ClickUp
   wdwmbdqy9e). Respaldo del original en el hosting: ~/backups-gp/real-estate/2026-10-14-migrar-parches/.

   Cómo se mantiene:
   · cada bloque dice qué arregla, de cuándo es y de qué depende;
   · si una regla apunta a un id de Elementor (.elementor-element-xxxxxxx), el id está anotado: si alguien rearma esa
     sección en el editor, el id cambia y la regla deja de aplicar;
   · los textos se traducen en PHP (en el mu-plugin), nunca tapándolos con CSS;
   · las secciones armadas con un widget HTML y su propio <style> (Cómo invertir en la Home, y otras en Nosotros,
     Proyectos y Contacto) quedan en su widget: son componentes autocontenidos;
   · el CSS adicional del Personalizador queda vacío para retoques rápidos. Se imprime después de este archivo, así que
     si pisa algo de acá, gana. Lo que quede ahí más de unos días se muda a este archivo.

   1. Colores del tema
   2. Formulario de contacto (Contact Form 7)
   3. Blog: notas
   4. Slider de Residencial y Oficinas
   5. Menú desplegable en celular
   6. Widgets puntuales
   7. Celulares y tablets: scroll nativo y ancho de la página
   ================================================================================================================== */


/* 1. Colores del tema --------------------------------------------------------------------------------------------------
   Agntix trae su verde lima (#D0FF71) escrito a mano en agntix-core.css para estos elementos, sin pasar por las opciones
   de color del Personalizador (Colores 2, 3 y 6 ya están en #ebe7e0, el crema de la marca). Se lleva al mismo crema. */

.tp-blog-masonry-btn a,
.sidebar-widget.widget_categories ul li a:hover,
.sidebar-widget.widget_categories ul li a:hover span,
.sidebar-search button:hover,
.sidebar-widget-author-social a:hover span,
.sidebar-widget-category ul li a:hover,
.sidebar-widget-category ul li a:hover span:last-child,
/* "Leer más" de las notas en la búsqueda, las categorías y las etiquetas (20/10, pedido de Dima). Aparece en verde desde
   que esas páginas usan el modo oscuro del tema (opción archive_page_bg vacía, ClickUp wdwmbdt8p1). La flecha toma el
   flecha trae el verde escrito en su propio trazo: va en la regla de stroke de más abajo. */
.tp-btn-yellow-border.postbox-btn,
.tp-btn-yellow-border.postbox-btn:hover,
.tp-btn-yellow-border.postbox-btn:focus {
  color: #ebe7e0 !important;
}

.basic-pagination ul li:hover a,
.tagcloud a:hover,
.agntix-light .creative-service-item.about-us-4:hover .creative-service-link a,
.agntix-light .creative-footer-style .tp-footer-widget-menu ul li a:hover {
  background-color: #ebe7e0 !important;
  border-color: #ebe7e0 !important;
}

.tp-blog-masonry-btn a svg,
.tp-btn-yellow-border.postbox-btn svg path {
  stroke: #ebe7e0 !important;
}


/* 2. Formulario de contacto (Contact Form 7) -------------------------------------------------------------------------- */

/* Selector de proyecto (name="project"): mismo tamaño y estilo que los demás campos. */
.wpcf7 select[name="project"] {
  width: 100%;
  height: 60px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  padding: 0 20px;
  font-family: inherit;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
}

/* Texto de ejemplo de los campos (placeholder). */
.tp-contact-form-wrap input::placeholder,
.tp-contact-form-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* Botón de envío: texto negro (las dos capas del efecto de hover). */
.tp-contact-form-btn button .text-1,
.tp-contact-form-btn button .text-2 {
  color: #111 !important;
}


/* 3. Blog: notas -------------------------------------------------------------------------------------------------------
   Ninguna de estas tiene opción en el tema: el tiempo de lectura y el enlace del autor están fijos en las plantillas
   (template-parts/blog/blog-single-cat-meta.php y blog-details-meta.php). */

/* Fondo oscuro de la nota en todas sus capas. */
.single-post,
.single-post .tp-post-wrapper,
.single-post #page,
body.single-post,
.single-post .tp-blog-full-width-area,
.single-post .postbox-area,
.single-post .postbox__area {
  background-color: #1B1B1B !important;
}

/* Sin tiempo de lectura: es el span sin enlace al lado de la categoría. */
.postbox-details-tag span:not(:has(a)) {
  display: none !important;
}

/* Sin el contador de comentarios. */
.postbox-meta:has(a[href*="#respond"]) {
  display: none !important;
}

/* Autor sin enlace a su archivo de autor. */
.single-post .postbox-author-box a[href*="/author/"] {
  pointer-events: none !important;
  cursor: default !important;
}


/* 4. Slider de Residencial y Oficinas (widget tp-webgl-slider) ------------------------------------------------------- */

/* Título y bajada de cada slide en columna, con la bajada debajo del enlace. */
.port-showcase-slider-content {
  display: flex !important;
  flex-direction: column !important;
}

.port-showcase-slider-content > a {
  order: 1;
}

.port-showcase-slider-content > .port-showcase-slider-subtitle {
  order: 2;
  margin-bottom: 0;
  margin-top: 30px;
  line-height: 1.45;
}

/* "Anterior" y "Siguiente": el texto lo escribe el mu-plugin (la plantilla los trae en inglés y cruzados). Acá solo el
   tamaño, el mismo que tenían cuando se escribían con CSS. */
.tp-showcase__button-prev span,
.tp-showcase__button-next span {
  font-size: 12px;
}


/* 5. Menú desplegable en celular (28/09) -------------------------------------------------------------------------------
   Logo más grande y secciones con más protagonismo. Solo hasta 767 px. */
@media (max-width: 767px) {
  .tp-offcanvas-area .tp-offcanvas-logo img { width: 180px !important; }
  .tp-offcanvas-area .nav-links { font-size: 30px !important; line-height: 1.25 !important; }
  .tp-offcanvas-area .dropdown-items { font-size: 22px !important; }
}


/* 6. Widgets puntuales ------------------------------------------------------------------------------------------------- */

/* Icon box con isotipo SVG (29/09). El SVG no trae tamaño propio y se colapsaba a 0; el dibujo ocupa ~60 % del lienzo,
   por eso se fija a 80 px, el ancho de su caja, para igualar el tamaño visible del webp original. Solo .svg. */
.tp-icon_box_icon-image-icon img[src$=".svg"] {
  width: 80px;
  height: 80px;
}

/* Proyectos (29/09): descripciones justificadas. El widget Portfolio Sticky no tiene opción de alineación.
   Depende del id de Elementor 60785a00 (página Proyectos). */
.elementor-element-60785a00 .tp-pd-3-desc {
  text-align: justify;
}

/* Botones flotantes (14/10, pedido de Dima): "volver arriba" a la izquierda y WhatsApp a la derecha, a la misma altura.
   El botón del tema (agntix-core.css, "2.1 Back to top") va fijo abajo a la derecha (50 px; 20 px en celular) y no
   trae opción de posición: se pasa a la izquierda con la misma distancia al borde. La posición de WhatsApp NO va acá:
   se configura en el plugin Click to Chat (abajo 50 px; costado 50 px en escritorio y 20 px en celular). */
.back-to-top-wrapper {
  right: auto;
  left: 50px;
}
@media (max-width: 767px) {
  .back-to-top-wrapper {
    left: 20px;
  }
}

/* WhatsApp con el menú desplegable abierto (20/10, ClickUp wdwmbdt8nz): el botón flotante (z-index 99999999, del plugin)
   quedaba encima del menú y tapaba el final de la dirección en celular. Mientras el menú está abierto se oculta; el menú
   ya tiene sus datos de contacto. El tema marca el menú abierto con .tp-offcanvas-area.opened. */
body:has(.tp-offcanvas-area.opened) .ht-ctc-chat {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Llave en mano, botón "Hablemos" de las cards (19/10, pedido de Macarena: botones más grandes). La píldora con el texto
   se agrandó desde el widget (48 px de alto; 44 en celular), pero el círculo de la flecha lo fija el tema en 36 px
   (agntix-core.css, "2.2 Buttons") sin opción en el widget: se lleva a la misma proporción (44 px; 40 en celular).
   Ids de Elementor: a1d0e51 (plantilla UM | LLM1 Departamentos), b2e1f62 (UM | LLM2 Oficinas), 5517839 (UM | LLM4 Cierre). */
.elementor-element-a1d0e51 .tp-btn-black-circle,
.elementor-element-b2e1f62 .tp-btn-black-circle,
.elementor-element-5517839 .tp-btn-black-circle {
  width: 44px;
  height: 44px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .elementor-element-a1d0e51 .tp-btn-black-circle,
  .elementor-element-b2e1f62 .tp-btn-black-circle,
  .elementor-element-5517839 .tp-btn-black-circle {
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
}

/* Proyectos (26/10, ClickUp wdwmbdu7yw): en pantallas táctiles, el nombre de las tarjetas Residencial y Corporativo
   se ve siempre, con el degradé oscuro de fondo. El tema lo esconde 120 px abajo y lo sube solo al pasar el mouse, y en
   celular y tablet no hay mouse. Vale para todo widget Project Box con el diseño de esas tarjetas. */
@media (hover: none) {
  .tp-pd-3-navigation-thumb-wrap .tp-pd-3-navigation-title-sm {
    transform: none;
  }
  .tp-pd-3-navigation-thumb-overlay::after {
    opacity: 1;
    visibility: visible;
  }
}


/* 7. Celulares y tablets: scroll nativo (05/10, ClickUp wdwmbdnnhm) ----------------------------------------------------
   En pantallas táctiles el mu-plugin no crea el ScrollSmoother del tema y marca <html class="umoh-nativo">. Lo de
   html.umoh-nativo solo aplica ahí. */

html.umoh-nativo {
  scroll-behavior: auto !important;
}

/* Sin el contenedor del suavizado, estas secciones se salían de la pantalla del celular (medido el 05/10 a 375 px).
   Ids de Elementor: cbf1024 marquesina de logos (Home) · 9485136 texto animado (Home) · 7d4d917 servicios (Home)
   · e1284fe marquesina de logos (Nosotros) · 386bad3 slider de texto (Nosotros)
   · e5f1c38 marquesina de empresas con oficinas (Home, 28/10).
   Si se suma una sección nueva que se sale de la pantalla, va su id acá; nunca overflow en html o body. */
html.umoh-nativo .elementor-element-cbf1024,
html.umoh-nativo .elementor-element-e5f1c38,
html.umoh-nativo .elementor-element-9485136,
html.umoh-nativo .elementor-element-7d4d917,
html.umoh-nativo .elementor-element-e1284fe,
html.umoh-nativo .elementor-element-386bad3 {
  overflow: hidden;
}

/* Ancho de la página en tablets (probado el 14/10 con ?umoh-prueba=ancho; activo para todos desde el 19/10, por decisión
   de Franco sobre la auditoría wdwmbdrvt7, hallazgo B-01). Medido con Chrome emulando iPads de 768 a 1366 px: la
   página medía 1094 px en una pantalla de 820 y 4098 en una de 1366. */

/* Pie: los tres parches de la línea de derechos reservados (2ad78a6) se sacaron el 28/10. Esa fila se rearmó en
   Elementor sin márgenes negativos (contenedores b4e7a10 y c6d1f39) y ya no hace falta corregirla por ancho. */

/* Home, Advanced Tab (widget f4b230a): en táctiles, sin el contenedor del suavizado, la tercera tarjeta se salía 19 px
   en tablet vertical (margen izquierdo de 60 px y ancho de 95 %) y el panel horizontal estiraba la página a 4098 px en
   tablet horizontal (1366). El pin y el desplazamiento horizontal quedan igual. */
html.umoh-nativo .elementor-element-f4b230a {
  overflow: hidden;
}


/* 8. Auditoría de lanzamiento (19/10, ClickUp wdwmbdrvt7) ----------------------------------------------------------------
   Decisiones de Franco del 19/10. Las zonas de toque se agrandan con relleno sin mover nada de lugar: en un enlace en
   línea el relleno vertical no cambia el renglón; en los que no son en línea se compensa con margen negativo. */

/* B-04 · Celular: el círculo +/− de las preguntas frecuentes tapaba la última palabra de las preguntas largas. Se le
   reserva su lugar a la derecha y los renglones de las preguntas de dos líneas se separan un poco. */
@media (max-width: 767px) {
  .accordion-items .accordion-buttons {
    padding-right: 64px !important;
    line-height: 1.3 !important;
  }
}

/* B-10 · Táctiles: zonas de toque de 44 px como mínimo (antes, de 11 a 30 px). Revisado el 19/10 (3.3.1) con lo que
   midió la verificación: el botón del menú tiene ancho fijo de 30 px y sus rayas salen hacia la izquierda, así que se
   agranda hacia ese lado; las flechas del slider se agrandan solo en alto, porque a lo ancho se pisaban. */
@media (hover: none) and (pointer: coarse) {
  .tp-offcanvas-open-btn {
    width: 44px !important;
    padding: 10px 10px 10px 24px !important;
    margin: -10px -10px -10px -24px !important;
  }
  .ar-about-funfact-item-content a.tp-el-info-title,
  .tp-footer-widget-info a,
  .tp-el-blog-btn {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .gp-hero__check-text a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .tp-showcase__button-prev,
  .tp-showcase__button-next {
    padding: 15px 0 !important;
    margin: -15px 0 !important;
  }
  .elementor-element-e3a5b84 a,
  .elementor-element-a7c3e21 a,
  .postbox-details-tag a {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: -14px;
    margin-bottom: -14px;
  }
  a.tp-el-list {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .postbox-author-box > a {
    min-height: 44px;
  }
}

/* B-16 · Celular y tablet: textos de 11 px a 12 px (rótulos de los contadores de Nosotros; rótulos, etiquetas y
   consentimiento del formulario de la Home). */
@media (max-width: 1024px) {
  .elementor-widget-tp-architecture-counter .tp-el-title,
  .gp-hero__check-text,
  .gp-hero__tag,
  .gp-hero__form-tag,
  .gp-hero__field label {
    font-size: 12px !important;
  }
}

/* A-23 · Mayúscula solo en la primera palabra: el tema pone mayúscula a cada palabra de estos títulos por CSS («55+ Años»
   en Proyectos, «Política De Privacidad» en la miga). */
.elementor-element-43146408 .des-text-title,
.page-id-51587 .tp-breadcrumb-title,
.page-id-51587 .tp-breadcrumb-list span {
  text-transform: none !important;
}

/* A-01 · El título de la política para lectores de pantalla y buscadores, sin repetirlo en pantalla. */
.umoh-solo-lector {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}