/*
 Theme Name: WP Pro Real Estate 7 Child
 Template: wp-pro-real-estate-7
 Description: Tema hijo para inmubi.com
 Version: 1.1
*/

/* ===========================
   BASE GENERAL
   =========================== */
body { color: #4d4d4d; }
h1 { text-transform: none; }

/* === Topbar y header === */
#topbar-wrap { background: #03b5c3; border: 0; padding: 0 15px; }
#header-wrap { background: #03b5c3; border-bottom: 1px solid #dedede; }
header#masthead .logo-wrap { display: flex; align-items: center; height: 89px; overflow: hidden; }

/* === Menú principal === */
.ct-menu,
.ct-menu a,
.main-navigation a,
.navbar-nav > li > a {
  text-transform: none !important;
  letter-spacing: normal !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  padding: 18px 20px !important;
  color: #000;
}
.ct-menu > li > a:hover { font-weight: 700; }

/* === Menú móvil === */
@media (max-width: 1024px) {
  #mobile-menu a,
  .off-canvas-menu a,
  .navbar-collapse a {
    text-transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }
}

/* === Botones generales (tema + WPBakery) === */
button,
input[type="submit"],
a.btn,
.vc_btn3,
.wp-block-button__link {
  text-transform: none !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  padding: 10px 20px !important;
  border-radius: 6px;
  font-weight: 700;
}

/* Botones personalizados */
.boton_azul a { background-color: #03b5c3 !important; color: #fff !important; }
.boton_azul a:hover { background-color: #02a0ac !important; color: #fff !important; }
.boton_rojo a { background-color: #ed1c24 !important; color: #fff !important; }
.boton_rojo a:hover { background-color: #c2151c !important; color: #fff !important; }

/* === Footer === */
footer { background: #eee; color: #8b9293; }
#footer-widgets h5 { color: #03b5c3; text-transform: none; }

/* === Logos claro/oscuro === */
.logo img {
  max-height: 80px;
  height: auto;
  transition: opacity .3s ease;
}
html.theme-light .logo img,
html:not(.theme-dark):not([class*="theme-"]) .logo img {
  content: url('images/logo_inmubi_negro.png');
}
html.theme-dark .logo img {
  content: url('images/logo_inmubi_blanco.png');
}
@media (prefers-color-scheme: dark) {
  html:not(.theme-light) .logo img {
    content: url('images/logo_inmubi_blanco.png');
  }
}

/* ===========================
   FUENTE GLOBAL LATO
   =========================== */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");

html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, button, input, select, textarea,
strong, em, label, div, li, table, td, th {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

body {
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.25;
}

button, input[type="submit"], .ua-auction-tabs a, .nav-tabs a {
  font-weight: 700;
  text-transform: none;
}

input, select, textarea { font-weight: 400; }

::placeholder {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

/* ===========================
   INMUBI - SUBASTAS
   =========================== */

/* 1) Pestaña “Enviar mensaje privado” (rojo) */
.ua-auction-tabs li:nth-child(2) > a,
.nav-tabs        li:nth-child(2) > a,
.ct_tab_nav      li:nth-child(2) > a,
.ua-auction-tabs a[href*="#tab2"],
.nav-tabs        a[href*="#tab2"],
.ct_tab_nav      a[href*="#tab2"] {
  color: #d40000 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* 2) Pestaña “Total ofertas colocadas” (negrita) */
.ua-auction-tabs li:nth-child(3) > a,
.nav-tabs        li:nth-child(3) > a,
.ct_tab_nav      li:nth-child(3) > a,
.ua-auction-tabs a[href*="#tab3"],
.nav-tabs        a[href*="#tab3"],
.ct_tab_nav      a[href*="#tab3"] {
  font-weight: 800 !important;
  text-transform: none !important;
}

/* 3) Texto “Enter-more-text” */
.Enter-more-text { font-weight: 700 !important; color: #000 !important; }

/* 4) Anonimizar licitador con asteriscos */
#tab3 table thead th:first-child,
#tab3 table tbody td:first-child {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
}
#tab3 table tbody td:first-child::after {
  content: "*******";
  color: #444;
  font-weight: 700;
  position: absolute;
  left: 0; top: 0;
  line-height: inherit;
}

.ua-bids-table thead th:first-child,
.ua-bids-table tbody td:first-child,
.ua-bids-table .ua-bidder {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
}
.ua-bids-table tbody td:first-child::after,
.ua-bids-table .ua-bidder::after {
  content: "*******";
  color: #444;
  font-weight: 700;
  position: absolute;
  left: 0; top: 0;
  line-height: inherit;
}

/* 5) Tab activa (resaltado verde) */
.ua-auction-tabs li.active > a,
.nav-tabs        li.active > a,
.ct_tab_nav      li.active > a {
  border-bottom: 3px solid #009688 !important;
  color: #009688 !important;
  font-weight: 700 !important;
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 992px) {
  .ua-auction-tabs, .nav-tabs, .ct_tab_nav {
    display: flex; gap: 8px; overflow-x: auto; white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .ua-auction-tabs li, .nav-tabs li, .ct_tab_nav li { flex: 0 0 auto; }
}

@media (max-width: 768px) {
  #tab3 table tbody td:first-child::after,
  .ua-bids-table tbody td:first-child::after,
  .ua-bids-table .ua-bidder::after {
    position: static;
    display: inline-block;
    min-height: 1em;
  }
  .ua-auction-tabs a, .nav-tabs a, .ct_tab_nav a {
    padding: 10px 12px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .ua-bids-table td, .ua-bids-table th { padding: 10px 12px; }
}
/* ===========================
   INMUBI - Mejoras placeholders y formularios
   =========================== */

/* Placeholders coherentes con Lato y color gris suave */
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #555;         /* gris medio para buen contraste */
  opacity: 1;          /* asegura visibilidad en Safari */
  font-size: 15px;
  line-height: 1.4;
}

/* Ajuste general de campos para una línea de texto equilibrada */
input,
textarea,
select {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px 12px;
}

/* Botones de envío consistentes con Lato */
button,
input[type="submit"] {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: none;
}

/* === Responsive: mejora legibilidad de placeholders y campos === */
@media (max-width: 768px) {
  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    font-size: 16px;
  }

  input,
  textarea,
  select {
    font-size: 17px;
    line-height: 1.6;
  }
}

/* === Dark mode opcional === */
@media (prefers-color-scheme: dark) {
  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: #bbb;
  }
}
/* ===========================
   INMUBI - Botones grandes (font-size: large)
   =========================== */

button,
input[type="submit"],
.wp-block-button__link,
.vc_btn3,
a.btn,
.boton_azul a,
.boton_rojo a,
.ct-button,
.cta-button {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: large !important;          /* equivale aprox. a 18px */
  text-transform: none !important;
  letter-spacing: 0.2px;
  line-height: 1.4 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

/* Opcional: mejora del contraste al pasar el cursor */
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.vc_btn3:hover,
a.btn:hover,
.boton_azul a:hover,
.boton_rojo a:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
}

/* === Responsive === */
@media (max-width: 768px) {
  button,
  input[type="submit"],
  .wp-block-button__link,
  .vc_btn3,
  a.btn,
  .boton_azul a,
  .boton_rojo a {
    font-size: 17px !important;        /* ligeramente menor para pantallas pequeñas */
    padding: 12px 18px !important;
  }
}
.inmubi-auct-btn{
  display:inline-block;
  padding:.6rem 1rem;
  border-radius:10px;
  background:#03b5c3;
  border:1px solid #03a7b5;
  color:#fff !important;
  font-weight:800;
  text-decoration:none !important;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .06s;
}
.inmubi-auct-btn:hover{
  background:#029bab;
  border-color:#028f9e;
  box-shadow:0 0 0 3px rgba(3,181,195,.25);
}
.inmubi-auct-cta{ margin:.25rem 0 1rem; }

/* ============================
   Estilo general para descripciones y resúmenes
   ============================ */
.product-description,
.prod_summary {
  text-align: center;
  font-weight: 700;
  color: #000;
  line-height: 1.5;
  font-size: 1rem;
  margin-top: .75rem;
}

/* Negritas más marcadas dentro del texto */
.product-description strong,
.product-description b,
.prod_summary strong,
.prod_summary b {
  font-weight: 800;
}

/* ============================
   Resaltado de palabras clave
   ============================ */
.product-description .vendido,
.prod_summary .vendido {
  background-color: #d90429; /* rojo intenso */
  color: #fff;
  padding: 0.15em 0.4em;
  border-radius: 4px;
}

.product-description .reservado,
.prod_summary .reservado {
  background-color: #03b5c3; /* color corporativo Inmubi */
  color: #fff;
  padding: 0.15em 0.4em;
  border-radius: 4px;
}

/* Badges vendido/reservado */
.product-description .badge,
.prod_summary .badge {
  display: inline-block;
  padding: .1em .45em;
  border-radius: 4px;
  line-height: 1;
  font-size: .85em;
  font-weight: 800;
  vertical-align: baseline;
}

.product-description .badge--vendido,
.prod_summary .badge--vendido {
  background: #d40000;
  color: #fff;
}

.product-description .badge--reservado,
.prod_summary .badge--reservado {
  background: #03b5c3;
  color: #fff;
}

/* Tipografía solicitada para el bloque */
.product-description { font-weight: 700; color: #111; }
.product-description strong { font-weight: 800; color: #111; }

/* Resumen alineado a la izquierda con padding */
.prod_summary { text-align: left !important; padding: 8px 10px; }
@media (max-width: 600px){
  .prod_summary { padding: 10px 12px; }
}
.badge{display:inline-block;padding:.1em .45em;border-radius:4px;line-height:1;font-size:.85em;font-weight:800;vertical-align:baseline}
.badge--vendido{background:#d40000;color:#fff;}
.badge--reservado{background:#03b5c3;color:#fff;}
/* Si prefieres sin “pastilla”, pero con color de línea: */
.inmubi-auct-excerpt.is-vendido{color:#d40000;font-weight:800;}
.inmubi-auct-excerpt.is-reservado{color:#03b5c3;font-weight:800;}