<div class="c710">
<style>
/* ============================================================
CASTELLANA 710 — bloque autocontenido, scoped bajo .c710
Paleta: negro / grises, sin colores corporativos, tipografía
serif técnica (planos/arquitectura) + sans para lectura.
============================================================ */
.c710 {
--ink: #111111;
--ink-soft: #3d3d3d;
--grey-1: #6e6e6e;
--grey-2: #a8a8a8;
--grey-3: #d9d9d7;
--paper: #f6f5f2;
--white: #ffffff;
--line: #cfcfcb;
--display: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
--body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--mono: 'Courier New', Courier, monospace;
color: var(--ink);
background: var(--white);
font-family: var(--body);
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
.c710 * { box-sizing: border-box; }
.c710 img { max-width: 100%; display: block; }
.c710 a { color: inherit; }
.c710 .wrap {
max-width: 1180px;
margin: 0 auto;
padding: 0 28px;
}
.c710 .eyebrow {
font-family: var(--mono);
text-transform: uppercase;
letter-spacing: .14em;
font-size: 11.5px;
color: var(--grey-1);
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 14px;
}
.c710 .eyebrow::before {
content: "";
width: 26px;
height: 1px;
background: var(--ink);
display: inline-block;
}
/* --- HERO --- */
.c710 .hero {
display: grid;
grid-template-columns: 1.05fr 1fr;
min-height: 460px;
background: var(--paper);
}
.c710 .hero-media {
position: relative;
background:
linear-gradient(0deg, rgba(17,17,17,.15), rgba(17,17,17,0) 40%),
url('https://castellanarealestate.es/wp-content/uploads/2019/05/IMG_20190522_123444.jpg') center / cover no-repeat;
min-height: 320px;
filter: grayscale(1) contrast(1.05);
}
.c710 .hero-text {
padding: 64px 48px;
display: flex;
flex-direction: column;
justify-content: center;
}
.c710 .hero-text h1 {
font-family: var(--display);
font-weight: 700;
font-size: clamp(28px, 3.4vw, 40px);
line-height: 1.15;
margin: 0 0 22px;
padding-bottom: 22px;
border-bottom: 1px solid var(--ink);
max-width: 12ch;
}
.c710 .hero-text p { color: var(--ink-soft); font-size: 15.5px; margin: 0 0 14px; max-width: 46ch; }
.c710 .hero-text p:last-child { margin-bottom: 0; }
.c710 .hero-text strong { color: var(--ink); font-weight: 700; }
/* --- dos cajas: Compañía / Actividad --- */
.c710 .duo {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--line);
margin: 0;
}
.c710 .duo .box {
background: var(--white);
padding: 44px 40px;
}
.c710 .duo h3 {
font-family: var(--display);
font-size: 20px;
margin: 0 0 14px;
}
.c710 .duo p { color: var(--ink-soft); font-size: 14.5px; margin: 0; }
/* --- Áreas --- */
.c710 .section-head {
padding: 64px 0 8px;
text-align: left;
}
.c710 .section-head h2 {
font-family: var(--display);
font-size: clamp(24px, 2.6vw, 32px);
margin: 0;
}
.c710 .areas {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1px;
background: var(--line);
margin: 32px 0 72px;
}
.c710 .area {
background: var(--white);
padding: 30px 22px 26px;
position: relative;
transition: background .25s ease;
}
.c710 .area:hover { background: var(--paper); }
.c710 .area .num {
font-family: var(--mono);
font-size: 11px;
color: var(--grey-2);
letter-spacing: .1em;
}
.c710 .area h4 {
font-family: var(--display);
font-size: 15.5px;
letter-spacing: .03em;
text-transform: uppercase;
margin: 14px 0 12px;
}
.c710 .area p {
font-size: 13.5px;
color: var(--ink-soft);
margin: 0;
}
/* --- clientes (marquee grayscale) --- */
.c710 .clients {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
padding: 26px 0;
overflow: hidden;
background: var(--paper);
}
.c710 .clients .row {
display: flex;
gap: 64px;
width: max-content;
animation: c710-scroll 26s linear infinite;
}
.c710 .clients .row span {
font-family: var(--display);
font-size: 15px;
color: var(--grey-1);
white-space: nowrap;
}
@keyframes c710-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.c710 .clients-note {
text-align: center;
font-family: var(--mono);
font-size: 10.5px;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--grey-2);
padding: 10px 0 0;
}
/* --- marketing --- */
.c710 .marketing {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 72px 0;
gap: 56px;
}
.c710 .marketing-media {
aspect-ratio: 4/3;
background: url('https://castellanarealestate.es/wp-content/uploads/2022/09/200706-Anuncio-ONEC-scaled.jpg') center / cover no-repeat;
filter: grayscale(1) contrast(1.05);
position: relative;
}
.c710 .marketing-text h2 {
font-family: var(--display);
font-size: clamp(24px, 2.6vw, 32px);
margin: 0 0 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--ink);
}
.c710 .marketing-text p {
color: var(--ink-soft);
font-size: 15px;
margin: 0 0 14px;
}
.c710 .marketing-text a {
text-decoration: underline;
text-underline-offset: 2px;
}
.c710 .hovergrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--line);
margin-bottom: 60px;
}
.c710 .hovercard {
background: var(--ink);
aspect-ratio: 3/4;
position: relative;
overflow: hidden;
}
.c710 .hovercard .glyph {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--display);
font-size: 42px;
color: rgba(255,255,255,.14);
transition: color .3s ease;
}
.c710 .hovercard:hover .glyph { color: rgba(255,255,255,.22); }
.c710 .hovercard .caption {
position: absolute;
left: 0; right: 0; bottom: 0;
padding: 18px 16px;
color: var(--white);
font-size: 12.5px;
line-height: 1.4;
background: linear-gradient(0deg, rgba(0,0,0,.85), transparent);
}
@media (max-width: 900px) {
.c710 .hero { grid-template-columns: 1fr; }
.c710 .hero-media { min-height: 220px; }
.c710 .duo, .c710 .marketing { grid-template-columns: 1fr; }
.c710 .areas { grid-template-columns: repeat(2, 1fr); }
.c710 .hovergrid { grid-template-columns: repeat(2, 1fr); }
.c710 .wrap { padding: 0 20px; }
}
</style>
<section class="hero">
<div class="hero-media"></div>
<div class="hero-text">
<h1>Tu inversión en buenas manos</h1>
<p><strong>CASTELLANA 710 Real Estate</strong> está homologada ante distintas entidades bancarias para la comercialización de sus activos adjudicados (Unicaja, Caja Rural del Sur, entre otras), y gestiona también inmuebles en propiedad de empresas y particulares. Monitorizamos íntegramente cada proceso comercial de forma eficiente, segura y productiva.</p>
<p>Identificamos buenas oportunidades de inversión, poniendo al alcance del inversor inmuebles apropiados para generar satisfactorios ratios de rentabilidad.</p>
<p>Tomamos el pulso constante a la demanda y a las tendencias del mercado para adecuar precios y condiciones de comercialización, optimizando los tiempos de gestión de los activos que nos son confiados. Operamos con total confidencialidad cuando la operación lo requiere.</p>
</div>
</section>
<section class="duo">
<div class="box">
<h3>Nuestra compañía</h3>
<p>Una empresa nacida y desarrollada en Córdoba, lo que nos permite contar con un profundo <em>know-how</em> local: una ventaja competitiva que nos distingue frente a consultoras no focalizadas en el mercado de Córdoba y su provincia.</p>
</div>
<div class="box">
<h3>Actividad</h3>
<p>Consultoría y comercialización inmobiliaria, con dedicación particular a la gestión de inmuebles terciarios y de suelo — tanto residencial como industrial.</p>
</div>
</section>
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Especialización</div>
<h2>Áreas</h2>
</div>
<div class="areas">
<div class="area">
<div class="num">01</div>
<h4>Oficinas</h4>
<p>Tu empresa necesita el mejor espacio para crecer y que tus empleados se sientan como en casa. Te ayudamos a encontrarlo o a plantear tu inversión en el sector oficinas.</p>
</div>
<div class="area">
<div class="num">02</div>
<h4>Locales</h4>
<p>Compraventa de locales comerciales. Si quieres poner en marcha tu negocio o buscas una inversión, te ayudamos a encontrar la mejor opción.</p>
</div>
<div class="area">
<div class="num">03</div>
<h4>Naves</h4>
<p>Compraventa y alquiler de naves industriales. Tenemos, o buscamos, la mejor opción para poner en marcha tu negocio o materializar tu inversión.</p>
</div>
<div class="area">
<div class="num">04</div>
<h4>Suelos</h4>
<p>Suelo urbano listo para construir y suelo en planeamiento: la mejor opción acorde a tu proyecto de vida o de inversión, con asesoramiento integral.</p>
</div>
<div class="area">
<div class="num">05</div>
<h4>Informes</h4>
<p>Estudios de mercado inmobiliario en Córdoba: compraventa, alquiler y ejecución de estudios de viabilidad inmobiliaria.</p>
</div>
</div>
</div>
<div class="clients">
<div class="row">
<span>Unicaja</span><span>Caja Rural del Sur</span><span>Empresas locales</span><span>Particulares</span><span>Inversores</span>
<span>Unicaja</span><span>Caja Rural del Sur</span><span>Empresas locales</span><span>Particulares</span><span>Inversores</span>
</div>
</div>
<p class="clients-note">Sustituir por logotipos reales de clientes</p>
<div class="wrap">
<section class="marketing">
<div class="marketing-media"></div>
<div class="marketing-text">
<h2>Marketing inmobiliario</h2>
<p>En Castellana 710 Real Estate somos especialistas en <strong>marketing inmobiliario</strong>. Contamos en plantilla con especialistas en la materia, de forma que conseguimos dar la mayor visibilidad a los inmuebles que comercializamos.</p>
<p>Apostamos por la <strong>cartelería in situ</strong>, llamando la atención de viandantes y potenciales clientes. Publicamos en Diario Córdoba y en <a href="https://obranuevaencordoba.es/" target="_blank" rel="noopener">obranuevaencordoba.es</a>, y mantenemos una fuerte presencia online: esta misma web supera las 2.000 páginas vistas mensuales, una cifra notable para un sitio especializado en un sector y localidad concretos.</p>
<p>Publicamos además en portales inmobiliarios y tenemos presencia activa en </p></div></section></div></div>
