:root{
–pri:#0f0f0f;
–sec:#ffffff;
–brand:#d4af37;
–muted:#9ca3af;
–stroke:#27272a;
}
body{
margin:0;
font-family:’Poppins’, system-ui, sans-serif;
color: var(–sec);
background: var(–pri);
}
/* ===== HERO SLIDER ===== */
.hero{
position: relative;
height: 90vh;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 8%;
overflow: hidden;
}
.hero-slide{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
opacity:0;
transition: opacity 1.5s ease-in-out;
}
.hero-slide.active{
opacity:1;
}
.hero::before{
content:””;
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(0,0,0,0.85), rgba(17,17,17,0.6));
backdrop-filter:blur(2px);
z-index:1;
}
.hero-content{
position:relative;
z-index:2;
max-width:700px;
}
.hero h1{
font-size:clamp(2rem,5vw,3.2rem);
font-weight:700;
margin-bottom:18px;
text-transform:uppercase;
letter-spacing:1px;
color: #ffffff;
}
.hero p{
font-size:1.1rem;
color:#b8b8b8;
margin-bottom:28px;
line-height:1.6;
}
.btn-cta{
display:inline-block;
background:var(–brand);
color:#111;
font-weight:700;
padding:14px 30px;
border-radius:50px;
text-decoration:none;
transition:all .3s ease;
border:1px solid transparent;
}
.btn-cta:hover{
background:transparent;
border-color:var(–brand);
color:var(–brand);
transform:translateY(-3px);
}
/* ===== MODAL FORMULARIO ===== */
.modal-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.92);
z-index: 9999;
justify-content: center;
align-items: center;
padding: 20px;
backdrop-filter: blur(8px);
animation: fadeIn 0.3s ease;
}
.modal-overlay.active {
display: flex;
}
.modal-content {
background: #1a1a1a;
border-radius: 20px;
padding: 30px;
max-width: 800px;
width: 100%;
max-height: 90vh;
overflow: auto;
border: 2px solid var(–brand);
box-shadow: 0 25px 60px rgba(212, 175, 55, 0.3);
animation: slideUp 0.4s ease;
position: relative;
}
.modal-close {
position: absolute;
top: 15px;
right: 15px;
background: rgba(212, 175, 55, 0.2);
border: 1px solid var(–brand);
color: var(–brand);
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1.3rem;
transition: all 0.3s ease;
}
.modal-close:hover {
background: var(–brand);
color: var(–pri);
transform: rotate(90deg);
}
.modal-header {
text-align: center;
margin-bottom: 25px;
}
.modal-header h2 {
color: var(–brand);
font-size: 1.8rem;
margin-bottom: 10px;
}
.modal-header p {
color: var(–muted);
font-size: 0.95rem;
}
.modal-iframe {
width: 100%;
height: 600px;
border: none;
border-radius: 12px;
background: white;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ===== FILTROS ===== */
.filtros-wrap{
max-width:1100px;
margin:-60px auto 100px;
position:relative;
z-index:10;
padding:0 16px;
}
.filtros-bg{
position: relative;
border-radius: 20px;
padding: 28px;
background-color: rgba(20,20,20,0.85);
border:1px solid rgba(255,255,255,0.05);
backdrop-filter: blur(8px);
box-shadow: 0 20px 50px rgba(0,0,0,0.6);
transition: background-image 0.5s ease;
}
.filtros-top{
display:flex;
gap:16px;
align-items:center;
flex-wrap:wrap;
justify-content: space-between;
}
/* Tabs */
.tabs{
display:flex;
gap:8px;
background:rgba(255,255,255,0.05);
padding:8px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.08);
}
.tab-btn{
border:0;
background:transparent;
padding:10px 18px;
border-radius:10px;
font-weight:600;
color:var(–muted);
cursor:pointer;
transition: all .3s ease;
}
.tab-btn:hover {
color: #0ea5e9;
background: rgba(14, 165, 233, 0.15);
}
.tab-btn[aria-pressed=”true”]{
color: var(–pri);
background: var(–brand);
box-shadow:0 0 10px rgba(212,175,55,0.5);
}
/* Botón Asesoría */
.btn-asesoria {
background: var(–brand);
color: var(–pri);
font-weight: 700;
padding: 12px 20px;
border-radius: 50px;
text-decoration: none;
transition: all .3s ease;
border: 1px solid transparent;
display: flex;
align-items: center;
gap: 8px;
}
.btn-asesoria:hover {
background: transparent;
border: 1px solid var(–brand);
color: var(–brand);
transform: translateY(-2px);
}
.btn-asesoria svg {
width: 18px;
height: 18px;
fill: currentColor;
}
/* Campos */
.filtros-controls{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap:12px;
width:100%;
margin-top:18px;
}
.select, .input{
display:flex;
align-items:center;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
padding:12px 14px;
border-radius:12px;
color: var(–sec);
transition: border .3s ease;
}
.select:hover, .input:hover{
border-color: var(–brand);
}
.select select, .input input{
width:100%;
border:0;
outline:0;
background:transparent;
font-size:15px;
color: var(–sec);
}
.btn-submit{
border:0;
background: var(–brand);
color: var(–pri);
font-weight:700;
border-radius:50px;
padding:12px 18px;
cursor:pointer;
transition: all .3s ease;
}
.btn-submit:hover{
background: transparent;
color: var(–brand);
border: 1px solid var(–brand);
transform: translateY(-2px);
}
/* Responsivo */
@media (max-width: 900px){
.filtros-controls{grid-template-columns: 1fr;gap: 16px;}
.filtros-top {flex-direction: column;align-items: center;}
.hero {height: 70vh;text-align: center;justify-content: center;}
.hero-content{text-align:center;}
.modal-content {padding: 20px; max-height: 95vh;}
.modal-iframe {height: 500px;}
}

¿Cuéntanos cuál es tu interés?

Servicios profesionales y Bienes Raíces.

Identidad Corporativa

×

📋 Completa este formulario

Por favor completa el siguiente formulario antes de continuar

Cargando…

Alquilar
Comprar
Vender



Asesoría

Provincia

Cantón

Parroquia

Seleccionar
Casa
Suite
Local Comercial
Bien y Raíz
Terreno
Bodega

Buscar

Nuestros servicios

Valoraciones precisas

Obtén un análisis real y confiable del valor de tu propiedad en el mercado actual.

Financiamiento

Te conectamos con las mejores opciones de crédito para que tu inversión sea segura.

Venta rápida

Publicamos tu propiedad estratégicamente para lograr ventas efectivas en menos tiempo.

/* ===== Bloque de Servicios ===== */
.servicios {
text-align: center;
padding: 60px 20px;
background: #FFFFFF;
}
.servicios h2 {
font-size: 2.2rem;
margin-bottom: 40px;
color: #1a1a1a;
font-family: ‘Poppins’, sans-serif;
}
.servicios-contenedor {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.servicio-card {
background: #fff;
border-radius: 15px;
padding: 30px 20px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.servicio-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.icono {
font-size: 2.8rem;
color: #c9a227; /* dorado elegante */
margin-bottom: 15px;
}
.servicio-card h3 {
font-size: 1.3rem;
margin-bottom: 12px;
color: #222;
font-weight: 600;
}
.servicio-card p {
font-size: 0.95rem;
color: #555;
line-height: 1.5;
}

Préstamos Hipotecarios desde 7,5%

Simula tu crédito y acércate al sueño de tu casa propia. Con la confianza y respaldo del Banco Pichincha.

Conocer más
📊

Calculadora de Amortización

Simula tus pagos con el método francés o alemán y descubre tu cuota ideal.

Abrir Calculadora

×

💰 Calculadora de Amortización

Monto del préstamo ($):

Tasa de interés anual (%):

Plazo (meses):

Tipo de amortización:

Francesa (cuota fija)
Alemana (capital fijo)

Calcular

:root {
–dorado: #f5c546;
–negro: #0f0f0f;
–gris: #9ca3af;
–blanco: #ffffff;
}
/* === BLOQUE PRINCIPAL === */
.bloque-dual {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 50px;
background: radial-gradient(circle at top right, #1c1c1c, #0f0f0f);
border-radius: 20px;
padding: 80px 60px;
color: var(–blanco);
font-family: ‘Poppins’, sans-serif;
box-shadow: 0 20px 60px rgba(0,0,0,0.4);
flex-wrap: wrap;
}
/* === TARJETAS === */
.tarjeta {
flex: 1 1 48%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
/* Mantiene alineación vertical exacta */
.tarjeta-contenido {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
max-width: 400px;
margin: 0 auto;
}
/* Logo e ícono */
.tarjeta-logo img {
width: 100px;
margin: 0 auto 20px;
border-radius: 12px;
transition: transform 0.3s ease;
}
.tarjeta-logo img:hover {
transform: scale(1.05);
}
.tarjeta-icono {
font-size: 40px;
margin-bottom: 20px;
}
/* Texto */
.tarjeta h2 {
font-size: 24px;
font-weight: 700;
color: var(–dorado);
margin-bottom: 12px;
}
.tarjeta p {
color: var(–gris);
font-size: 15px;
line-height: 1.6;
margin-bottom: 30px;
}
/* Botones */
.btn {
display: inline-block;
background: var(–dorado);
color: #111;
font-weight: 600;
padding: 14px 32px;
border-radius: 50px;
text-decoration: none;
transition: 0.3s;
}
.btn:hover {
background: #ffd95e;
box-shadow: 0 8px 20px rgba(245,197,70,0.25);
transform: translateY(-2px);
}
/* === MODAL === */
.overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.8);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
z-index: 100;
}
.overlay.active {
opacity: 1;
visibility: visible;
}
.calculadora {
background: #ffffff;
border-radius: 20px;
padding: 40px 45px;
width: 90%;
max-width: 850px;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
color: #111;
position: relative;
}
.close-btn {
position: absolute;
top: 15px;
right: 20px;
background: transparent;
border: none;
color: #666;
font-size: 24px;
cursor: pointer;
transition: 0.3s;
}
.close-btn:hover {
color: var(–dorado);
transform: rotate(90deg);
}
/* === RESPONSIVO === */
@media (max-width: 900px) {
.bloque-dual {
flex-direction: column;
text-align: center;
padding: 50px 30px;
}
.tarjeta {
flex: 1 1 100%;
}
.tarjeta-contenido {
max-width: 100%;
}
}

:root{
–brand:#d4af37; /* Dorado elegante */
–accent:#1e3a8a; /* Azul elegante */
–text:#111827; /* Texto principal */
–muted:#6b7280; /* Gris texto secundario */
}
.value-proposal-section{
width:100%;
background:#ffffff; /* fondo claro */
padding:80px 20px;
display:flex;
justify-content:center;
align-items:center;
box-sizing:border-box;
}
.value-proposal-container {
display: flex;
flex-wrap: wrap;
gap: 28px;
justify-content: center;
max-width: 1300px;
margin: 0 auto;
font-family: ‘Poppins’, sans-serif;
}
/* TARJETAS */
.value-proposal-card {
display: flex;
align-items: center;
gap: 18px;
flex: 1 1 340px;
background: #fff;
border-radius: 16px;
padding: 22px;
text-decoration: none;
color: var(–text);
border: 1px solid #f1f1f1;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
transition: all .35s ease;
}
.value-proposal-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(0,0,0,0.1);
border-color: var(–brand);
}
/* ICONOS */
.value-proposal-icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: linear-gradient(135deg, var(–accent), var(–brand));
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.value-proposal-icon img {
width: 34px;
height: 34px;
object-fit: contain;
filter: brightness(0) invert(1);
}
/* TEXTOS */
.value-proposal-text {
display: flex;
flex-direction: column;
}
.value-proposal-title {
font-weight: 700;
font-size: 18px;
color: var(–accent);
margin-bottom: 6px;
letter-spacing: 0.3px;
}
.value-proposal-desc {
font-size: 15px;
color: var(–muted);
line-height: 1.4;
}
/* ELIMINAR SUBRAYADOS */
.value-proposal-card,
.value-proposal-card * {
text-decoration: none !important;
}
/* RESPONSIVO */
@media(max-width: 900px){
.value-proposal-container {
flex-direction: column;
gap: 18px;
max-width: 95%;
}
.value-proposal-card {
flex: 1 1 auto;
}
}

Noticias inmobiliarias
Descubre consejos, tendencias y análisis actual del mercado.



¡Publica tu propiedad!
Comparte tu inmueble con miles de compradores interesados.



Conócenos
Te ayudamos a encontrar o vender tu propiedad con la mejor asesoría.

Más inmuebles similares a los que viste

:root {
–azul: #1E3A8A;
–dorado: #f5c546;
–gris-claro: #f9fafb;
–texto: #1f2937;
}
body {
margin: 0;
font-family: ‘Poppins’, ‘Inter’, sans-serif;
background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
color: var(–texto);
}
section.interes-section {
width: 100%;
padding: 80px 20px;
display: flex;
flex-direction: column;
align-items: center;
background: linear-gradient(120deg, #ffffff 40%, #f5f6fa 100%);
}
.interes-container {
max-width: 1150px;
width: 100%;
}
/* TITULO */
.interes-title {
text-align: center;
font-size: 2rem;
font-weight: 800;
color: var(–azul);
margin-bottom: 60px;
position: relative;
}
.interes-title::after {
content: “”;
position: absolute;
width: 100px;
height: 3px;
background: linear-gradient(90deg, var(–dorado), var(–azul));
left: 50%;
transform: translateX(-50%);
bottom: -14px;
border-radius: 2px;
}
/* TARJETAS */
.interes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 28px;
}
.interes-card {
background: #fff;
border-radius: 18px;
padding: 30px 24px;
border: 1px solid #eee;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
transition: all 0.35s ease;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
cursor: pointer;
}
.interes-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 26px rgba(0,0,0,0.12);
border-color: var(–dorado);
}
.interes-icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: var(–gris-claro);
background-size: 55% auto;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 18px;
transition: all 0.3s ease;
}
.interes-card:hover .interes-icon {
transform: scale(1.1) rotate(6deg);
background-color: var(–dorado);
}
.interes-card h3 {
font-size: 1.1rem;
font-weight: 700;
color: var(–azul);
margin-bottom: 10px;
}
.interes-card p {
font-size: 0.95rem;
color: #555;
margin-bottom: 16px;
line-height: 1.5;
}
.interes-card a {
display: inline-block;
margin-top: auto;
background: var(–azul);
color: #fff;
font-weight: 600;
padding: 10px 22px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
}
.interes-card a:hover {
background: var(–dorado);
color: var(–texto);
}
/* ICONOS */
.icon-1 { background-image: url(‘https://img10.naventcdn.com/home/RPHOMv4.245.0-RC3/rightBlue.bdb6e6.svg’); }
.icon-2 { background-image: url(‘https://img10.naventcdn.com/home/RPHOMv4.245.0-RC3/rightOrange.de1f50.svg’); }
.icon-3 { background-image: url(‘https://img10.naventcdn.com/home/RPHOMv4.245.0-RC3/rightGreen.6e533a.svg’); }
.icon-4 { background-image: url(‘https://img10.naventcdn.com/home/RPHOMv4.245.0-RC3/rightPurple.7c65ab.svg’); }
/* RESPONSIVO */
@media (max-width: 768px) {
section.interes-section {
padding: 60px 20px;
}
.interes-title {
font-size: 1.6rem;
margin-bottom: 40px;
}
.interes-card {
padding: 24px 18px;
}
.interes-icon {
width: 60px;
height: 60px;
}
}

Inmuebles que te pueden interesar

Departamentos en alquiler más vistos

Explora los departamentos más populares de la ciudad, con las mejores ubicaciones.

Ver más

Propiedades recién publicadas

Descubre las nuevas oportunidades que acaban de llegar al mercado inmobiliario.

Ver más

Oportunidades con descuento

Encuentra inmuebles que bajaron de precio y aprovecha las mejores ofertas.

Ver más

Proyectos exclusivos en Loja

Conoce los nuevos desarrollos inmobiliarios disponibles en la región.

Ver más

:root {
–azul: #1E3A8A;
–dorado: #f5c546;
–gris-texto: #6b7280;
–gris-fondo: #f9fafb;
}
body {
font-family: ‘Poppins’, ‘Inter’, sans-serif;
background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
color: #1f2937;
margin: 0;
padding: 0;
}
/* SECCIÓN */
.about-us-plusvalia {
max-width: 1200px;
margin: 100px auto;
padding: 0 24px;
text-align: center;
}
/* TÍTULO */
.about-us-title {
font-size: 34px;
font-weight: 800;
color: var(–azul);
margin-bottom: 70px;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
}
.about-us-title::after {
content: “”;
display: block;
width: 120px;
height: 4px;
background: linear-gradient(90deg, var(–dorado), var(–azul));
margin: 15px auto 0;
border-radius: 3px;
}
/* CONTENEDOR DE TARJETAS */
.about-us-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
justify-content: center;
}
/* TARJETA */
.about-us-card {
background: #ffffff;
border-radius: 20px;
padding: 40px 28px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
border: 1px solid #f0f0f0;
transition: all 0.35s ease;
position: relative;
}
.about-us-card:hover {
transform: translateY(-8px);
border-color: var(–dorado);
box-shadow: 0 14px 40px rgba(245,197,70,0.25);
}
/* ÍCONO */
.card-icon {
width: 90px;
height: 90px;
margin: 0 auto 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.4s ease, background 0.4s ease;
background: #f3f4f6;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.card-icon img {
width: 42px;
height: 42px;
}
/* EFECTOS HOVER */
.about-us-card:hover .card-icon {
transform: scale(1.1) rotate(8deg);
background: var(–dorado);
}
/* DEGRADADOS CÍRCULOS */
.icon-search { background: linear-gradient(135deg, #d1fae5, #bbf7d0); }
.icon-section { background: linear-gradient(135deg, #e0f2fe, #bae6fd); }
.icon-advertisers { background: linear-gradient(135deg, #fee2e2, #fecaca); }
.icon-plusvalia { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
/* TEXTOS */
.card-title {
font-size: 20px;
font-weight: 700;
color: var(–azul);
margin-bottom: 12px;
}
.card-subtitle {
font-size: 15.5px;
color: var(–gris-texto);
line-height: 1.7;
max-width: 95%;
margin: 0 auto;
}
/* DETALLE DORADO INFERIOR */
.about-us-card::after {
content: “”;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 3px;
background: var(–dorado);
border-radius: 3px;
transition: width 0.35s ease;
}
.about-us-card:hover::after {
width: 60%;
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.about-us-title {
font-size: 28px;
}
}
@media (max-width: 768px) {
.about-us-plusvalia {
margin: 60px auto;
}
.card-icon {
width: 75px;
height: 75px;
}
.about-us-title {
font-size: 26px;
margin-bottom: 40px;
}
.card-title {
font-size: 18px;
}
}
@media (max-width: 480px) {
.about-us-cards {
gap: 22px;
}
}

Te acompañamos en cada paso

Búsqueda clara y rápida
Filtros y mapas diseñados para simplificar tu experiencia de búsqueda inmobiliaria.

Tu espacio personal
Accede fácilmente a tus favoritos, contactos y publicaciones en cualquier momento.

Variedad de anunciantes
Inmobiliarias y propietarios directos de todo el país ofrecen las mejores oportunidades.

Confianza y experiencia
12 años de trayectoria y más de 1 millón de propiedades publicadas nos respaldan.

Quieres aprender a usar Inmobiliaria y Bienes Raíces?

Le invitamos a seguir el siguiente manual, donde encontrará paso a paso las instrucciones necesarias para aprender a utilizar la página de Inmobiliaria y Bienes Raíces. Aquí podrá conocer cómo navegar, buscar propiedades, ver detalles de casas, departamentos, terrenos y locales, además de descubrir las opciones para comprar o arrendar de manera fácil y segura.