/*
Theme Name: Codwelt - inmobiliarias
Theme URI: https://codwelt.com
Author: Codwelt
Author URI: https://codwelt.com
Description: Tema optimizado para inmobiliarias, compatible con Elementor. Incluye soporte para blog, SEO, rendimiento y plugins recomendados.
Version: 1.0.4
Requires at least: 5.6
Tested up to: 6.5
Requires PHP: 8.2
Text Domain: codwelt-inmobiliarias
*/

html,
body {
  width: 100%;
  overflow-x: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

/** TODOS **/

.e-link-in-bio__ctas,
.e-link-in-bio__icons {
  display: none !important;
}

/** FORMULARIO DE CONTACTENOS **/
.form-inicio {
  padding: 0 !important;
  margin: 0 !important;
}

.form-inicio input,
.form-inicio select,
.form-inicio textarea {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
  margin-top: 10px;
  padding: 10px 25px !important;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.form-inicio,
.form-inicio label {
  width: 100%;
}

.form-inicio input[type="submit"] {
  background-color: var(--e-global-color-secondary) !important;
  color: #fff;
  padding: 10px 45px;
}

/** BUSCADOR DE INMUEBLES PRINCIPAL **/
#visualinmu_form_search {
  padding-bottom: 10px;
}

#visualinmu_form_search input,
#visualinmu_form_search select {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
}

#visualinmu_form_search .btn-bus {
  background-color: var(--e-global-color-secondary);
  width: 100%;
}

/** HOMLITY **/
.homlity-body h1 {
  text-align: center;
  font-size: var(--e-global-typography-primary-font-size);
  line-height: var(--e-global-typography-primary-line-height);
}

.homlity-body {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
}

/** CARD DE INMUEBLES **/
.card-space {
  margin: 5px 0;
}

.card-inmueble {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
}

.rounded-pill {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
}

.card-inmueble-container .col-md-12,
.card-inmueble-container .col-sm-12 {
  padding-top: 15px;
}

.card-inmueble p,
.card-inmueble-container p {
  color: var(--e-global-color-text);
}

.card-inmueble a,
.card-inmueble-container a {
  color: var(--e-global-color-primary);
}

/** DETALLE DE INMUEBLE **/
.badgePropiedadDestacada {
  background-color: var(--e-global-color-secondary) !important;
  color: #fff !important;
}

.visualinmueble-detalle-inmueble {
  padding: 50px 0;
}

.visualinmueble-detalle-inmueble {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
}

.visualinmueble-detalle-inmueble a {
  color: var(--e-global-color-primary);
}

.visualinmueble-detalle-inmueble .header-inmueble {
  padding: 10px 0;
}

.visualinmueble-detalle-inmueble .header-inmueble ul,
.socio-links {
  padding: 10px 0;
}

.sectionCarcateristicasPrincipales {
  font-size: var(--e-global-typography-e92d54e-font-size) !important;
}

.nav-pills .nav-link {
  color: var(--e-global-color-primary);
}

.section-propiedades-similares,
.visualinmueble-titulos-propiedades-similares {
  padding: 25px 0;
}

/** PÁGINA DE ASESOR **/

.visualinmueble-detalle-asesor {
  padding: 50px 0 !important;
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif !important;
}

.section-perfil-asesor a {
  color: var(--e-global-color-primary);
}

/** Footer */

.ciudadesdestacadas li a,
.barriosdestacados li a {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  font-size: var(--e-global-typography-e92d54e-font-size);
  font-weight: var(--e-global-typography-e92d54e-font-weight);
  line-height: var(--e-global-typography-e92d54e-line-height);
  color: var(--e-global-color-983a164) !important;
}

.ciudadesdestacadas li,
.barriosdestacados li {
  margin-top: calc(15px / 2);
  padding-bottom: calc(15px / 2);
}

.ciudadesdestacadas ul,
.barriosdestacados ul {
  list-style: none;
}
.list-footer a {
  color: #fff !important;
}

/** BLOG ***/
.blog-content header p {
  font-size: var(--e-global-typography-e92d54e-font-size);
  line-height: var(--e-global-typography-e92d54e-line-height);
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  color: var(--e-global-color-text);
  text-align: justify;
}
.blog-entry a:hover {
  color: #0e6f62;
}
.blog-content .leer-mas:hover {
  text-decoration: none;
}
.paginacion {
  text-align: center;
}
.paginacion .page-numbers {
  margin: 0 5px;
  padding: 8px 12px;
  background: #f4f4f4;
  color: #333;
  text-decoration: none;
}
.paginacion .current {
  background: #128c7e;
  color: #fff;
}

.archives-page {
  display: flex;
  gap: 40px;
  padding: 40px 20px;
  flex-wrap: wrap;
  text-align: justify;
}
.blog-content h1,
.post-blog h1 {
  font-size: var(--e-global-typography-primary-font-size);
  line-height: var(--e-global-typography-primary-line-height);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  color: var(--e-global-color-primary);
}
.blog-content .card-body h5,
.post-blog h5 {
  font-size: var(--e-global-typography-19239df-font-size);
  font-family: var(--e-global-typography-19239df-font-family), Sans-serif;
  color: var(--e-global-color-primary);
}
.blog-content p,
.archives-page p,
.sidebar-blog p,
.sidebar-blog a {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  font-size: var(--e-global-typography-e92d54e-font-size);
  line-height: var(--e-global-typography-e92d54e-line-height);
  text-align: justify;
}

.blog-content a,
.post-blog a,
.post-blog input,
.post-blog button {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  text-decoration: none;
}
.btn-primary {
  background-color: var(--e-global-color-primary);
}
.widget {
  margin-top: 10px;
  padding: 15px 15px;
  background-color: rgba(0, 0, 0, 0.1);
}
.widget label {
  font-size: var(--e-global-typography-e92d54e-font-size);
  line-height: var(--e-global-typography-e92d54e-line-height);
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
}
.widget ul {
  padding: 0;
}
.widget ul li {
  list-style: inside;
  font-size: var(--e-global-typography-e92d54e-font-size);
  line-height: var(--e-global-typography-e92d54e-line-height);
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
}
.widget ul li a {
  text-decoration: none;
}
.post-content p,
.content p {
  font-size: var(--e-global-typography-e92d54e-font-size);
  line-height: var(--e-global-typography-e92d54e-line-height);
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  color: var(--e-global-color-text);
  text-align: justify;
}

/** 404 **/

.container-404 h1 {
  font-size: var(--e-global-typography-primary-font-size);
  line-height: var(--e-global-typography-primary-line-height);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  color: var(--e-global-color-primary);
}
.container-404 h2 {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
}
.container-404 p {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  font-size: var(--e-global-typography-e92d54e-font-size);
  font-weight: var(--e-global-typography-e92d54e-font-weight);
  line-height: var(--e-global-typography-e92d54e-line-height);
  color: var(--e-global-color-text);
}
.container-404 a {
  font-family: var(--e-global-typography-e92d54e-font-family), Sans-serif;
  font-size: var(--e-global-typography-e92d54e-font-size);
  font-weight: var(--e-global-typography-e92d54e-font-weight);
  line-height: var(--e-global-typography-e92d54e-line-height);
}

/** MEDIA QUERYS ***/
@media (max-width: 700px) {
  #visualinmu_form_search input,
  #visualinmu_form_search select {
    margin-top: 10px;
    width: 100%;
  }

  .visualinmueble-detalle-asesor,
  .visualinmueble_detalle_inmueble {
    padding: 50px 20px !important;
  }

  .visualinmueble-detalle-inmueble h1 {
    font-size: var(--e-global-typography-primary-font-size);
    line-height: var(--e-global-typography-primary-line-height);
  }
}