/* La piel 2026 de TUS GESTIONES para las paginas interiores.
* Pastel con grano, Archivo para los titulos, rojo en las acciones,
* tarjetas crema redondeadas. La portada no usa este archivo. */
body {
background: #F8EDE4 !important;
font-family: Inter, system-ui, sans-serif;
color: #280D0F;
}
h1, h2, h3, h4, h5,
.g5ere__property-title, .g5ere__agent-name,
.g5core__post-title, .entry-title {
font-family: Archivo, Arial, sans-serif !important;
font-weight: 800 !important;
color: #280D0F;
}
/* ── Cabecera nueva ── */
.tg-cab {
display: flex; align-items: center; justify-content: space-between;
gap: 20px; padding: 18px 40px; background: #FFFEF3;
box-shadow: 0 10px 30px rgba(40,13,15,0.08);
position: sticky; top: 0; z-index: 999;
}
.tg-cab-marca { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.tg-cab-marca span { font-family: Archivo, Arial, sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.16em; color: #280D0F; }
.tg-cab-nav { display: flex; align-items: center; gap: 30px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.tg-cab-nav a { color: #280D0F; text-decoration: none; }
.tg-cab-nav a:hover { color: #C8212A; }
.tg-cab-nav .tg-cab-cta { color: #C8212A; border-bottom: 2px solid #C8212A; padding-bottom: 3px; }
@media (max-width: 800px) {
.tg-pie { padding: 40px 20px 28px 20px; }
.tg-busca-cat { padding: 18px 14px 6px 14px; }
.tg-cab { padding: 14px 16px; flex-wrap: wrap; justify-content: center; }
.tg-cab-nav { gap: 12px; font-size: 11px; flex-wrap: wrap; justify-content: center; row-gap: 6px; }
}
/* ── Pie nuevo ── */
.tg-pie { background: #1C0A0B; color: rgba(255,254,243,0.8); padding: 60px 40px 40px 40px; }
.tg-pie-arriba { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 26px; }
.tg-pie-marca { display: flex; align-items: center; gap: 12px; }
.tg-pie-marca span { font-family: Archivo, Arial, sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.18em; color: #FFFEF3; }
.tg-pie-bajada { font-size: 13px; margin-top: 12px; color: rgba(255,254,243,0.55); }
.tg-pie-nav { display: flex; gap: 40px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; flex-wrap: wrap; }
.tg-pie-nav a { color: rgba(255,254,243,0.8); text-decoration: none; }
.tg-pie-nav a:hover { color: #C8212A; }
.tg-pie-abajo { max-width: 1200px; margin: 36px auto 0 auto; border-top: 1px solid rgba(255,254,243,0.14); padding-top: 20px; display: flex; justify-content: space-between; font-size: 12px; color: rgba(255,254,243,0.45); flex-wrap: wrap; gap: 8px; }
/* ── Tarjetas del catalogo y bloques ── */
.g5ere__property-item-inner, .g5ere__loop-item-inner,
.g5ere__agent-item-inner {
background: #FFFEF3 !important;
border: 0 !important;
border-radius: 18px !important;
overflow: hidden;
box-shadow: 0 18px 45px rgba(40,13,15,0.1) !important;
}
.g5ere__property-price, .g5ere__property-price .g5ere__price {
color: #280D0F !important; font-weight: 800; font-variant-numeric: tabular-nums;
}
.g5ere__property-status, .g5ere__property-label { color: #C8212A !important; }
/* ── Botones: pildoras rojas ── */
.btn, button[type="submit"], input[type="submit"],
.g5ere__contact-actions-item .btn, .elementor-button {
border-radius: 999px !important;
background: #C8212A !important;
border-color: #C8212A !important;
color: #FFFEF3 !important;
font-weight: 800 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.btn:hover, button[type="submit"]:hover, input[type="submit"]:hover { background: #280D0F !important; border-color: #280D0F !important; }
/* Enlaces y acentos */
a { color: #280D0F; }
a:hover { color: #C8212A; }
/* Migas de pan y fondos de titulo de archivo */
.g5core__page-title-bar, .g5core__breadcrumbs-bar {
background: transparent !important;
color: #280D0F !important;
}
/* Buscador del catalogo */
.tg-busca-cat { background: #F8EDE4; padding: 26px 40px 6px 40px; display: flex; justify-content: center; }
.tg-busca-cat form { display: flex; align-items: center; gap: 10px; background: #FFFEF3; border-radius: 999px; padding: 8px 8px 8px 28px; width: min(980px, 94vw); box-shadow: 0 18px 45px rgba(40,13,15,0.14); }
.tg-busca-cat input { flex: 1; border: 0; outline: none; background: transparent; font-size: 15px; font-family: Inter, sans-serif; color: #280D0F; min-width: 150px; }
.tg-busca-cat button { border: 0; cursor: pointer; background: #C8212A; color: #FFFEF3; font-weight: 800; font-size: 12px; letter-spacing: 0.12em; padding: 14px 30px; border-radius: 999px; }
.tg-busca-cat button:hover { background: #280D0F; }
/* Catalogo sin mapa: la lista ocupa todo el ancho */
.g5ere__property-explore-map, .g5ere__archive-halt-map .g5ere__map-canvas { display: none !important; }
.g5ere__archive-halt-map .g5ere__main-content, .g5ere__archive-halt-map .g5ere__listing-wrap, .g5ere__archive-halt-map .g5ere__property-halt-map, .g5ere__archive-halt-map .half-map-left, .g5ere__archive-halt-map .half-map-right { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }
.g5ere__archive-halt-map .container { max-width: 1400px !important; width: 96% !important; }
.g5ere__archive-halt-map .g5ere__listing-inner > .g5core__gutter-item { max-width: 25%; flex: 0 0 25%; }
@media (max-width: 1300px) { .g5ere__archive-halt-map .g5ere__listing-inner > .g5core__gutter-item { max-width: 33.333%; flex: 0 0 33.333%; } }
@media (max-width: 1000px) { .g5ere__archive-halt-map .g5ere__listing-inner > .g5core__gutter-item { max-width: 50%; flex: 0 0 50%; } }
@media (max-width: 640px) { .g5ere__archive-halt-map .g5ere__listing-inner > .g5core__gutter-item { max-width: 100%; flex: 0 0 100%; } }
/* Botones proporcionados */
.btn.dropdown-toggle, .g5ere__properties-sortby .btn {
background: #FFFEF3 !important; color: #280D0F !important;
border: 1px solid rgba(40,13,15,0.15) !important;
font-weight: 600 !important; font-size: 12px !important;
padding: 10px 18px !important; box-shadow: none !important;
letter-spacing: 0.06em;
}
.tg-busca-cat select { border: 1px solid rgba(40,13,15,0.12); background: #FFFEF3; border-radius: 999px; padding: 12px 14px; font-size: 13px; font-family: Inter, sans-serif; color: #280D0F; outline: none; max-width: 170px; }
@media (max-width: 800px) {
.tg-busca-cat form { flex-wrap: wrap; border-radius: 22px; padding: 12px; }
.tg-busca-cat input { flex: 1 1 100%; padding: 8px 10px; }
.tg-busca-cat select { flex: 1 1 45%; max-width: none; }
.tg-busca-cat button { flex: 1 1 100%; padding: 12px 20px; font-size: 11px; }
}
/* ── Galeria de la ficha: marca de agua ── */
.g5ere__single-property-gallery, .g5ere__spg-slider-main { position: relative; }
.g5ere__single-property-gallery:not(.g5ere__spg-thumbnail)::after, .g5ere__spg-slider-main::after {
content: ''; position: absolute; left: 20px; bottom: 42px; /* sobre la foto grande, lejos de puntos y miniaturas */
width: 40px; height: 76px; z-index: 5; pointer-events: none; opacity: 0.5;
background: url('../../uploads/tg/llave-roja-2026.png') no-repeat center / contain;
}
/* ── La ficha, ordenada: un solo lenguaje para todas las secciones ── */
.g5ere__property-block.card {
border: 0 !important; border-radius: 18px !important;
box-shadow: 0 18px 45px rgba(40,13,15,0.08) !important;
padding: 10px 14px !important; margin-bottom: 30px !important;
background: #FFFEF3 !important;
}
.g5ere__property-block .card-header h2, .g5ere__property-block .card-header h3,
.g5ere__property-block > h2, .g5ere__property-block > h3 {
font-size: 14px !important; letter-spacing: 0.2em !important;
text-transform: uppercase !important; color: #C8212A !important;
font-weight: 800 !important; margin-bottom: 14px !important;
}
.g5ere__property-block-details li,
.g5ere__property-block-details .list-2-columns > div {
border-bottom: 1px dashed rgba(40,13,15,0.12);
padding: 10px 0 !important;
}
.g5ere__property-block-features li { padding: 7px 0 !important; }
/* lo repetido y lo que no aplica, fuera */
.g5ere__property-block-overview { display: none !important; }
.g5ere__property-block-mortgage { display: none !important; }
.g5ere__property-block-nearby-places { display: none !important; } /* Yelp sin API: solo escupe errores */
.g5ere__property-block-map { display: none !important; } /* el pin se lee como direccion exacta */
/* nuestros botones de flecha */
.tg-flecha {
position: absolute; top: 50%; margin-top: -23px; z-index: 7;
width: 46px !important; height: 46px !important; border: 0; border-radius: 50%; cursor: pointer;
background: #FFFEF3 !important; color: #C8212A !important; font-size: 26px !important; line-height: 1;
opacity: 1 !important; /* el tema las esconde hasta el hover */
font-family: Georgia, serif; box-shadow: 0 8px 24px rgba(40,13,15,0.3);
display: flex; align-items: center; justify-content: center; padding: 0 0 4px 0;
}
.tg-flecha:hover { background: #C8212A !important; color: #FFFEF3 !important; }
.tg-flecha.slick-disabled { opacity: 0.35 !important; cursor: default; }
.tg-flecha-prev { left: 16px; }
.tg-flecha-next { right: 16px; }
/* los del tema, fuera del todo */
.g5ere__single-property-gallery .slick-arrow:not(.tg-flecha),
.g5ere__spg-slider-main .slick-arrow:not(.tg-flecha),
.g5ere__property-block-similar .slick-arrow:not(.tg-flecha) { display: none !important; }
/* el boton flotante: solo el texto, sin la llavecita */
.tg-wsp-llave { display: none !important; }
/* carrusel de similares: tarjetas parejas y con flechas */
.g5ere__property-block-similar .slick-track { display: flex !important; }
.g5ere__property-block-similar .slick-slide { height: auto !important; display: flex !important; float: none; }
.g5ere__property-block-similar .slick-slide > div { width: 100%; display: flex; }
.g5ere__property-block-similar .slick-slide .g5ere__property-item,
.g5ere__property-block-similar .slick-slide .g5ere__property-item-inner { width: 100%; height: 100%; display: flex; flex-direction: column; }
/* etiqueta vs dato: la etiqueta como ceja chica, el dato con peso */
.g5ere__property-address-item strong,
.g5ere__property-detail-item strong {
font-size: 11px !important; font-weight: 700 !important;
letter-spacing: 0.14em; text-transform: uppercase;
color: rgba(40,13,15,0.45) !important;
min-width: 105px; align-self: center; flex-shrink: 0;
}
.g5ere__property-address-item span,
.g5ere__property-detail-item span { font-weight: 600; color: #280D0F; }
/* Ejecutivos: son 4 personas; fuera el buscador lateral (traia un widget
* en ingles) y el ordenador. La grilla ocupa todo el ancho. */
.post-type-archive-agent .primary-sidebar { display: none !important; }
.post-type-archive-agent .g5ere__main-content { flex: 0 0 100% !important; max-width: 100% !important; }
.post-type-archive-agent .g5ere__toolbar-list { display: none !important; }
/* El "volver arriba" gris del tema choca con el boton flotante: fuera. */
.g5core-back-to-top { display: none !important; }
/* Similares: las flechas viven junto al titulo del bloque, no sobre las fotos. */
.g5ere__property-block-similar { position: relative; }
.g5ere__property-block-similar .tg-flecha {
top: 30px; margin-top: 0; width: 40px; height: 40px; font-size: 22px !important;
box-shadow: 0 4px 14px rgba(40,13,15,0.18);
}
.g5ere__property-block-similar .tg-flecha-prev { left: auto; right: 78px; }
.g5ere__property-block-similar .tg-flecha-next { right: 26px; }
/* ── Vestimenta del tema que faltaba (auditoria 29-ago) ── */
/* Las variables del tema se pisan a nivel body (su hoja va despues de esta) */
body {
--g5-body-font: 'Inter', system-ui, sans-serif !important;
--g5-primary-font: 'Archivo', Arial, sans-serif !important;
--g5-color-accent: #C8212A !important;
--g5-submenu-text-hover-color: #C8212A !important;
--e-global-typography-primary-font-family: 'Inter' !important;
}
/* la barra inferior fija del movil abria un modal vacio y venia gris bootstrap:
* fuera; la ficha ya tiene la tarjeta de Cleo y el boton flotante */
.g5ere__single-property-bottom-bar-mobile { display: none !important; }
/* menu desplegable del Ordenar */
.dropdown-menu { background: #FFFEF3 !important; border: 1px solid rgba(40,13,15,0.12) !important; border-radius: 14px !important; box-shadow: 0 14px 34px rgba(40,13,15,0.14) !important; }
.dropdown-menu .dropdown-item { color: #280D0F; font-size: 13px; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item.selected { background: #C8212A !important; color: #FFFEF3 !important; }
/* alertas de formularios del tema */
.alert { background: #FFFEF3 !important; border: 1px solid rgba(40,13,15,0.15) !important; color: #280D0F !important; border-radius: 12px !important; }
/* miga de pan Elementor en /ejecutivos/ */
.ube-breadcrumbs { --ube-theme-level-color-primary-text: #280D0F; background: transparent !important; }
/* Lo que no es del negocio no alcanza a verse ni un instante */
.property-favorite, .compare-property, .compare-listing,
#ere_save_search_modal, #ere_signin_modal,
a[href="#ere_save_search_modal"], [data-target="#ere_save_search_modal"],
a[href="#ere_signin_modal"], [data-target="#ere_signin_modal"] { display: none !important; }
/* ── Recorrido final de Elias (30-ago) ── */
/* 4) La caja "Hogares destacados" de la ficha sale vacia (nadie marca
destacados): mejor no mostrar una caja sin contenido. */
.single-property .g5ere__widget-property { display: none !important; }
/* 5) Hogares parecidos: el titulo reserva SIEMPRE dos lineas, asi el precio
y los datos quedan a la misma altura en las tres tarjetas. */
.g5ere__property-block-similar .g5ere__loop-property-title { min-height: 44px; }
/* 6) La vitrina de fotos no estira las fotos mas alla de su archivo:
tope 1080px (la mayoria de las fuentes son de 1080-1600px). */
.g5ere__single-property-gallery { max-width: 1080px; margin-left: auto; margin-right: auto; }
/* 7) Ejecutivos: fuera la barra lateral fantasma que empujaba todo a la
izquierda; la grilla centrada y las tarjetas mas grandes. */
.post-type-archive-agent .primary-sidebar { display: none !important; }
.post-type-archive-agent .container > .row > .col { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.post-type-archive-agent .g5ere__main-content,
.post-type-archive-agent .g5ere__listing-wrap { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; }
.post-type-archive-agent .g5ere__agent-item { margin-bottom: 30px; }
/* ── Recorrido final, tanda 2 (30-ago) ── */
/* 3a) Ejecutivos: contactos centrados como el resto de la tarjeta */
.g5ere__agent-item .g5ere__loop-agent-meta.g5ere__lam-has-title {
display: flex; justify-content: center; gap: 8px; text-align: center; }
/* 3b) La banda del titulo (Ejecutivos y compania) a la marca: fondo crema
parejo de lado a lado (fuera los cuadros blancos), la llave y el rojo. */
.g5core-page-title { background: transparent !important; }
.g5core-page-title .elementor-section { background: transparent !important; }
.g5core-page-title .page-main-title {
font-family: Archivo, Arial, sans-serif; font-weight: 900; color: #280D0F;
position: relative; padding-top: 96px; }
.g5core-page-title .page-main-title::before {
content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
width: 42px; height: 80px;
background: url(/wp-content/uploads/tg/llave-roja-2026.png) center/contain no-repeat; }
.g5core-page-title .ube-breadcrumbs { display: none !important; }
/* 4) El contador de vistas es dato interno: no se muestra en la pagina */
.g5ere__property-view-count, .g5ere__property-meta li.view { display: none !important; }
/* 5) Hogares parecidos: la tarjeta a medio asomar del carrusel no se ve
(quedaba cortada y palida, parecia rota) */
.g5ere__property-block-similar .slick-slide:not(.slick-active) { visibility: hidden; }
/* ── Recorrido final, tanda 3 (30-ago) ── */
/* 2) Ejecutivos con el rojo de la marca: el cargo como ceja y los contactos */
.g5ere__agent-item .g5ere__loop-agent-position .g5ere__lam-content {
color: #C8212A; font-weight: 800; font-size: 11px;
letter-spacing: 0.16em; text-transform: uppercase; }
.g5ere__agent-item .g5ere__loop-agent-meta a { color: #C8212A; font-weight: 600; }
.g5ere__agent-item .g5ere__loop-agent-meta a:hover { color: #280D0F; }
.g5ere__agent-item .g5ere__lam-label { color: rgba(40,13,15,0.55); }
/* 4) Las tarjetas de hogar se leen como TARJETAS: aire interior (el tema
traia el contenido con padding 0, texto pegado al borde), separacion
entre tarjetas del carrusel, borde redondeado y sombra suave. */
.g5ere__property-item .g5ere__loop-content { padding: 18px 20px 20px 20px !important; }
.g5ere__property-item .g5ere__property-item-inner {
border-radius: 14px; overflow: hidden; background: #FFFFFF;
box-shadow: 0 10px 26px rgba(40,13,15,0.08); }
.g5ere__property-block-similar .slick-slide { padding: 0 12px; box-sizing: border-box; }
.g5ere__property-block-similar .slick-list { margin: 0 -12px; }
/* El pie del TEMA (negro, con iconos muertos y "Desarrollado por") se colaba
despues del pie propio: fuera. El pie oficial es tg-pie. */
.g5core-site-footer { display: none !important; }
/* ── Recorrido final, tanda 4 (30-ago) ── */
/* 1) Los titulos de pagina van FULL MAYUSCULA, como manda la marca */
.g5core-page-title .page-main-title { text-transform: uppercase; letter-spacing: 0.05em; }
/* 2) LA MISMA PIEL EN TODO EL SITIO: el papel de la portada (pergamino
rosado + lineas verjuradas + grano) detras de todas las paginas del
tema. En la portada queda tapado por sus propios lienzos: inofensivo. */
body, #site-wrapper.site-wrapper { background: transparent !important; }
body::before {
content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background-image:
url("data:image/svg+xml;utf8,"),
repeating-linear-gradient(0deg, rgba(120,60,45,0.045) 0px, rgba(120,60,45,0.045) 1px, transparent 1px, transparent 7px),
radial-gradient(ellipse 1300px 900px at 50% 0%, #FBF3EB 0%, #F6E8DE 55%, #F1E1D3 100%);
/* ⛔ 31-ago · `background-blend-mode` sobre una capa `fixed` del tamano de la
pantalla obliga al navegador a mezclar TODO de nuevo en cada fotograma:
con una animacion encima (la llave del hero) el movimiento llega tarde y
se ve a tirones. El grano se baja de opacidad y se apila normal: mismo
papel, sin la mezcla que cuesta. */
opacity: 0.85;
}
/* ── Recorrido final, tanda 5 (30-ago) ── */
/* 1) La cabecera pill de la portada, ahora en todas las paginas */
.tg-cab2 { position: relative; display: flex; justify-content: center; padding: 26px 16px; }
.tg-cab2-eti { position: absolute; left: 56px; top: 50%; transform: translateY(-50%);
display: flex; align-items: center; gap: 14px; font-size: 11px; font-weight: 800;
letter-spacing: 0.24em; text-transform: uppercase; color: rgba(40,13,15,0.6); }
.tg-cab2-eti span { display: block; width: 40px; height: 1px; background: #C8212A; }
.tg-cab2-pill { display: flex; align-items: center; gap: 30px; background: #FFFEF3;
border-radius: 999px; padding: 14px 30px; box-shadow: 0 16px 40px rgba(40,13,15,0.14);
font-size: 12px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.tg-cab2-pill a { color: #280D0F; text-decoration: none; }
.tg-cab2-pill a:hover { color: #C8212A; }
.tg-cab2-llave img { display: block; }
.tg-cab2-cta { color: #C8212A !important; font-weight: 800; border-bottom: 2px solid #C8212A; padding-bottom: 3px; }
@media (max-width: 900px) {
.tg-cab2 { padding: 16px 12px; }
.tg-cab2-eti { display: none; }
.tg-cab2-pill { flex-wrap: wrap; justify-content: center; gap: 14px; row-gap: 8px; padding: 12px 18px; }
}
/* 3) Ejecutivos como en la portada: foto grande arriba, datos y contactos abajo */
.post-type-archive-agent .g5ere__agent-item .g5ere__agent-item-inner,
.post-type-archive-agent .g5ere__agent-item .g5ere__loop-item-inner {
background: #FFFEF3; border-radius: 18px; overflow: hidden;
box-shadow: 0 18px 45px rgba(40,13,15,0.1); padding: 0 !important; }
.post-type-archive-agent .g5ere__agent-item .g5core__post-featured { width: 100% !important; padding: 0 !important; margin: 0 !important; }
.post-type-archive-agent .g5ere__agent-item .g5core__entry-thumbnail {
display: block; width: 100% !important; height: auto !important; aspect-ratio: 3 / 3.1;
border-radius: 0 !important; background-size: cover; background-position: top center; }
.post-type-archive-agent .g5ere__agent-content { padding: 22px 24px 26px 24px; }
/* La franja blanca detras de la galeria de la ficha: fuera, que respire
la textura como el resto del sitio. */
.g5ere__single-property-head.bg-white { background: transparent !important; }
/* Hogares parecidos: seccion abierta sobre la textura, como el catalogo.
Se acaba el sandwich de tonos (textura + panel crema + tarjeta blanca). */
/* Dentro del panel de parecidos, las tarjetas van SIN sombra (la sombra
recortada por el carrusel se veia como un cuadro gris pegado): las separa
el aire y un borde fino. */
.g5ere__property-block-similar .g5ere__property-item-inner {
box-shadow: none !important; border: 1px solid rgba(40,13,15,0.08) !important; }
/* ── Recorrido final, tanda 6 (30-ago) ── */
/* 1) La franja del buscador del catalogo ya no es un rectangulo aparte:
respira la textura del papel y la pastilla flota con mas aire. */
.tg-busca-cat { background: transparent; padding: 34px 40px 14px 40px; }
/* 2) El precio de la ficha se lee de un vistazo: grande y en el rojo de la marca */
.g5ere__property-block-header .g5ere__property-price,
.g5ere__property-block-header .g5ere__property-price .g5ere__price {
color: #C8212A !important; font-size: clamp(24px, 2.4vw, 34px) !important;
font-weight: 900; line-height: 1.1; white-space: nowrap;
}
/* El titulo del catalogo (30-ago): la pagina dice de que trata, y cambia
con el filtro puesto. Discreto, a la altura de la banda del buscador. */
.tg-h1-catalogo {
margin: 0; padding: 26px 40px 0 40px; text-align: center;
font-family: Archivo, Arial, sans-serif; font-weight: 900; color: #280D0F;
font-size: clamp(22px, 2.4vw, 34px); letter-spacing: 0.01em;
}
@media (max-width: 900px) { .tg-h1-catalogo { padding: 18px 16px 0 16px; } }
/* La comuna, sobre el titulo de cada tarjeta (31-ago) */
.tg-tarjeta-comuna {
font-family: Inter, system-ui, sans-serif; font-size: 11px; font-weight: 800;
letter-spacing: 0.16em; text-transform: uppercase; color: #C8212A;
margin: 0 0 6px 0;
}
/* ── EL BUSCADOR DEL CATALOGO, EN DOS FILAS (31-ago) ──
* MEDIDO en pantalla: la regla `.tg-busca-cat button` pinta de rojo TODOS los
* botones de la barra, asi que «Mas filtros» salia como una banda roja del
* ancho de la pastilla y desarmaba el bloque. Se acota por clase y el bloque
* pasa a ser UNA pastilla con dos filas y un pie chico, en vez de piezas
* apiladas que se empujan entre si. */
.tg-busca-cat form {
display: flex; flex-direction: column; gap: 0;
padding: 10px 14px 10px 28px !important; border-radius: 30px !important;
}
.tg-busca-fila { display: flex; align-items: center; gap: 10px; width: 100%; }
.tg-busca-fila > input[type="text"] {
flex: 1 1 220px; border: 0; outline: none; background: transparent;
font-family: Inter, sans-serif; font-size: 15px; color: #280D0F; min-width: 140px;
}
/* La segunda fila: seis huecos parejos, no seis cosas de distinto porte. */
.tg-busca-mas {
display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;
width: 100%; margin-top: 12px; padding-top: 12px;
border-top: 1px solid rgba(40,13,15,0.10);
}
.tg-busca-mas select,
.tg-busca-mas input[type="text"] {
width: 100% !important; max-width: none !important; box-sizing: border-box !important;
border: 1px solid rgba(40,13,15,0.12) !important; background: #FFFEF3 !important;
border-radius: 999px !important; padding: 11px 14px !important;
font-family: Inter, sans-serif !important; font-size: 13px !important;
color: #280D0F !important; outline: none !important; height: auto !important;
}
.tg-busca-mas input[type="text"]:focus,
.tg-busca-mas select:focus { border-color: #C8212A !important; }
/* El pie: un enlace chico a la derecha. NO un boton. */
.tg-busca-cat button.tg-busca-toggle {
align-self: flex-end; width: auto !important; margin: 8px 14px 2px 0 !important;
padding: 2px 0 !important; background: none !important; border: 0 !important;
border-radius: 0 !important; box-shadow: none !important; cursor: pointer;
font-family: Inter, system-ui, sans-serif !important; font-size: 12px !important;
font-weight: 600 !important; letter-spacing: 0.06em !important;
text-transform: none !important; color: rgba(40,13,15,0.55) !important;
text-decoration: underline; text-underline-offset: 4px;
}
.tg-busca-cat button.tg-busca-toggle:hover {
background: none !important; color: #C8212A !important;
}
@media (max-width: 900px) {
.tg-busca-cat form { padding: 12px !important; border-radius: 22px !important; }
.tg-busca-fila { flex-wrap: wrap; }
.tg-busca-fila > input[type="text"] { flex: 1 1 100%; padding: 8px 10px; }
.tg-busca-mas { grid-template-columns: repeat(2, 1fr); }
.tg-busca-cat button.tg-busca-toggle { align-self: center; margin-right: 0 !important; }
}
/* ═══ 31-ago · MENOS BULTO Y MAS COLOR EN EL CATALOGO ═══
* MEDIDO en pantalla: el buscador abierto media 261px de alto contra una
* tarjeta de 467 — un cuarto de la pagina para elegir, antes de ver un solo
* hogar. Y las cajas de la segunda fila median 74px de alto (el tema las
* estira), mas que los selects de arriba: por eso se veia desparejo.
* Ademas todo el bloque era gris sobre crema; la marca tiene rojo y burdeos
* y no aparecian por ningun lado. */
/* — El bulto — */
.tg-busca-cat { padding: 24px 40px 10px 40px; }
.tg-busca-cat form { padding: 7px 8px 7px 22px !important; border-radius: 26px !important; }
.tg-busca-fila { gap: 8px; }
.tg-busca-fila > input[type="text"] { font-size: 14px; }
.tg-busca-cat select,
.tg-busca-mas input[type="text"] {
height: 42px !important; min-height: 0 !important;
padding: 0 14px !important; font-size: 13px !important; line-height: 42px !important;
}
.tg-busca-cat .tg-busca-fila button[type="submit"] { padding: 12px 26px !important; font-size: 11px !important; }
.tg-busca-mas { gap: 8px; margin-top: 9px; padding-top: 9px; }
.tg-busca-cat button.tg-busca-toggle { margin: 6px 12px 0 0 !important; }
/* — El color — */
.tg-busca-cat select,
.tg-busca-mas input[type="text"] {
background: #FDF6EE !important;
border: 1px solid rgba(200,33,42,0.22) !important;
color: #280D0F !important; font-weight: 600 !important;
}
.tg-busca-cat select:hover,
.tg-busca-mas input[type="text"]:hover { border-color: rgba(200,33,42,0.45) !important; }
.tg-busca-mas input::placeholder { color: #A8887C !important; font-weight: 500 !important; }
.tg-busca-fila > input[type="text"]::placeholder { color: #A8887C !important; }
.tg-busca-mas { border-top-color: rgba(200,33,42,0.16) !important; }
.tg-busca-cat button.tg-busca-toggle { color: #C8212A !important; font-weight: 700 !important; }
/* La operacion se distingue de un vistazo: VENTA en rojo, ARRIENDO en burdeos.
No es adorno: son los dos negocios y hoy se veian iguales. */
/* ⚠️ MEDIDO: el badge trae color en linea (`style="background-color:#f24126"`)
y `tg-etiquetas.php` lo pisa con un selector de tres clases. Para ganar hay
que igualar ESA especificidad, no subir el volumen a ciegas. */
.g5ere__loop-property-badge .g5ere__property-badge.g5ere__status.en-venta,
.g5ere__loop-property-badge .g5ere__property-badge.g5ere__status.venta {
background: #C8212A !important; color: #FFFEF3 !important;
}
/* El precio de la tarjeta, con el peso que tiene en la decision. */
.g5ere__property-item .g5ere__loop-content .g5ere__price,
.g5ere__property-item .g5ere__property-price {
color: #280D0F !important; font-weight: 800 !important; font-size: 17px !important;
}
/* El contador deja de ser un renglon gris. */
.g5ere__listing-header, .g5ere__listing-header * { color: #4A3234; }
/* MEDIDO: la fila media 74px y el enlace del pie 54px, cuando el control mas
alto es de 42. El alto lo ponia el tema (padding y line-height heredados),
no el contenido: se fija explicito. */
.tg-busca-cat .tg-busca-fila { min-height: 0; }
.tg-busca-cat .tg-busca-fila > input[type="text"] { height: 42px !important; padding: 0 !important; }
.tg-busca-cat .tg-busca-fila button[type="submit"] {
height: 42px !important; line-height: 1 !important; padding: 0 26px !important;
}
.tg-busca-cat button.tg-busca-toggle {
height: 20px !important; line-height: 20px !important; margin: 4px 12px 0 0 !important;
}
.tg-busca-cat { padding: 18px 40px 6px 40px; }
@media (max-width: 900px) { .tg-busca-cat { padding: 14px 16px 4px 16px; } }
/* 31-ago (Elias) · EL CAMPO DE ESCRIBIR TIENE QUE PARECER UN CAMPO.
Estaba transparente sobre el crema de la pastilla: se leia como un titulo,
no como algo donde se escribe. Ahora lleva la misma ropa que los selects
—fondo, borde y curva— mas una lupa, que es el signo que todos conocen. */
.tg-busca-cat .tg-busca-fila > input[type="text"] {
background: #FDF6EE !important;
border: 1px solid rgba(200,33,42,0.22) !important;
border-radius: 999px !important;
padding: 0 16px 0 42px !important;
color: #280D0F !important; font-weight: 500 !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: 16px center !important;
}
.tg-busca-cat .tg-busca-fila > input[type="text"]:hover { border-color: rgba(200,33,42,0.45) !important; }
.tg-busca-cat .tg-busca-fila > input[type="text"]:focus { border-color: #C8212A !important; }
/* «Mas filtros» al centro, no colgando de la derecha. */
.tg-busca-cat button.tg-busca-toggle {
align-self: center !important; margin: 6px 0 0 0 !important;
}
/* ⛔ MEDIDO EN TELEFONO: el formulario es una COLUMNA y tenia `flex-wrap:wrap`
heredado de cuando era una fila. En una columna, «envolver» no baja el
contenido: abre una SEGUNDA COLUMNA — y por eso «Mas filtros» aparecia
pegado al costado, cortado por el borde. La columna no envuelve. */
.tg-busca-cat form { flex-wrap: nowrap !important; }
/* ═══ 31-ago · LO QUE ENCONTRO LA REVISION DE ENLACES ═══ */
/* ⛔ El bloque de la demo del tema, «¿Quieres publicar tus propiedades? /
Registrarse», seguia VIVO en la ficha de cada ejecutivo: boton que no lleva
a ninguna parte (href="#"), imagen rota (Asset.png da 404) y, en el listado,
el texto todavia en INGLES. La regla que lo tapaba sólo cubria el LISTADO
(`post-type-archive-agent`), y la ficha de una persona es otra pantalla
(`single-agent`): el mismo defecto, entrando por la puerta de al lado. */
.single-agent .primary-sidebar,
.single-agent .sidebar,
.g5ere__agent-register-box,
.register-agent-btn { display: none !important; }
/* El widget «Categorias: No hay categorias» del blog es una caja vacia. */
.widget_categories:has(li:only-child:empty),
.widget_categories .no-categories { display: none !important; }
/* ═══ 31-ago · QUE SE VEA IGUAL EN FIREFOX Y EN CHROME ═══
* Cada navegador dibuja los