<!-- VIVIENDA RESIDENCIAL -->
<!-- Hero Section -->
<div style="background: linear-gradient(135deg, #4a5568, #718096); color: white; padding: 60px 20px; text-align: center; border-radius: 15px; margin-bottom: 40px;">
<h1 style="font-size: 2.8em; margin-bottom: 15px; font-weight: 300; color: white;">VIVIENDA</h1>
<p style="font-size: 1.3em; opacity: 0.9; margin-bottom: 30px; color: white;">Proyectos residenciales · 2000-2025<br>
<em>Housing Projects · 2000-2025</em></p>
</div>
<!-- Navigation -->
<div style="background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 30px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
<strong style="color: #4a5568; font-size: 1.1em;">Navegación rápida:</strong>
<div style="margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;">
<a href="#resumen-global" style="color: #718096; text-decoration: none; font-weight: 500; padding: 12px 20px; border-radius: 25px; background: white; border: 2px solid #e2e8f0;">📊 Resumen Global</a>
<a href="#vivienda-residencial" style="color: #718096; text-decoration: none; font-weight: 500; padding: 12px 20px; border-radius: 25px; background: white; border: 2px solid #e2e8f0;">🏠 Vivienda Residencial</a>
<a href="#proyectos-destacados" style="color: #718096; text-decoration: none; font-weight: 500; padding: 12px 20px; border-radius: 25px; background: white; border: 2px solid #e2e8f0;">⭐ Proyectos Destacados</a>
</div>
</div>
<!-- Resumen Global -->
<div id="resumen-global" style="background: white; padding: 30px; margin-bottom: 25px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-left: 5px solid #3498db;">
<h2 style="color: #4a5568; font-size: 2.2em; margin-bottom: 25px; border-bottom: 3px solid #ecf0f1; padding-bottom: 10px;">Resumen Global de Actividad | Global Activity Summary</h2>
<!-- Stats principales -->
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-around; margin: 20px 0;">
<div style="background: #d1d5db; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #9ca3af; min-width: 170px;">
<span style="font-size: 2.5em; font-weight: bold; color: #3498db; display: block;">52K+ m²</span>
<div style="background: white; padding: 8px; border-radius: 4px; margin-top: 8px;">
<div style="color: #000; font-size: 0.9em; font-weight: 600;">Total construido</div>
<div style="color: #666; font-size: 0.8em; font-style: italic;">Total built area</div>
</div>
</div>
<div style="background: #d1d5db; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #9ca3af; min-width: 170px;">
<span style="font-size: 2.5em; font-weight: bold; color: #3498db; display: block;">131K m²</span>
<div style="background: white; padding: 8px; border-radius: 4px; margin-top: 8px;">
<div style="color: #000; font-size: 0.9em; font-weight: 600;">Planificación urbana</div>
<div style="color: #666; font-size: 0.8em; font-style: italic;">Urban planning</div>
</div>
</div>
<div style="background: #d1d5db; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #9ca3af; min-width: 170px;">
<span style="font-size: 2.5em; font-weight: bold; color: #3498db; display: block;">€32M</span>
<div style="background: white; padding: 8px; border-radius: 4px; margin-top: 8px;">
<div style="color: #000; font-size: 0.9em; font-weight: 600;">Presupuesto agregado</div>
<div style="color: #666; font-size: 0.8em; font-style: italic;">Aggregate budget</div>
</div>
</div>
<div style="background: #d1d5db; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #9ca3af; min-width: 170px;">
<span style="font-size: 2.5em; font-weight: bold; color: #3498db; display: block;">25+</span>
<div style="background: white; padding: 8px; border-radius: 4px; margin-top: 8px;">
<div style="color: #000; font-size: 0.9em; font-weight: 600;">Años de experiencia</div>
<div style="color: #666; font-size: 0.8em; font-style: italic;">Years of experience</div>
</div>
</div>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇪🇸 Español</h4>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">He participado en la redacción de proyectos de edificación, tanto en colaboración como individualmente, desarrollando más de <strong>52,000 m² construidos</strong> distribuidos en: residencial (23,779 m²), oficinas (3,029 m²), sanidad (5,772 m²), educación (4,172 m²) y otros usos (15,319 m²), con un presupuesto agregado superior a los <strong>32 millones de euros</strong>.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇬🇧 English</h4>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">I have participated in building projects both in collaboration and individually, developing more than <strong>52,000 m² of built area</strong> distributed in: residential (23,779 m²), offices (3,029 m²), health (5,772 m²), teaching (4,172 m²) and other uses (15,319 m²), with an aggregate budget exceeding <strong>32 million euros</strong>.</p>
</div>
</div>
</div>
</div>
<!-- Vivienda Residencial Específica -->
<div id="vivienda-residencial" style="background: white; padding: 30px; margin-bottom: 25px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-left: 5px solid #e67e22;">
<h2 style="color: #4a5568; font-size: 2.2em; margin-bottom: 25px; border-bottom: 3px solid #ecf0f1; padding-bottom: 10px;">Vivienda Residencial | Residential Housing</h2>
<!-- Estadística específica de vivienda -->
<div style="margin-bottom: 30px; text-align: center; padding: 25px; background: linear-gradient(135deg, #e67e22, #d35400); color: white; border-radius: 8px;">
<div style="font-size: 3em; font-weight: bold; margin-bottom: 10px;">23,779 m²</div>
<h3 style="color: white; margin-bottom: 10px;">VIVIENDA RESIDENCIAL</h3>
<p style="color: white; opacity: 0.9; line-height: 1.6;">Superficie construida en proyectos habitacionales</p>
<p style="color: white; opacity: 0.9; line-height: 1.6;"><em>Built area in housing projects</em></p>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇪🇸 Español</h4>
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;">He participado en la redacción de proyectos de viviendas, bien en colaboración bien por mí mismo, por un total de más de <strong>23,000 m²</strong>. La experiencia incluye desde vivienda protegida hasta unifamiliares de diseño singular.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">Los proyectos abarcan tanto <strong>proyectos de ejecución</strong> como <strong>dirección facultativa</strong>, cubriendo todo el ciclo del proyecto residencial desde el diseño hasta la finalización de obra.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇬🇧 English</h4>
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;">I participated in the elaboration of housing projects either in collaboration or by myself, up a total of more than <strong>23,000 m²</strong>. Experience includes from public housing to single-family homes with singular design.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">Projects encompass both <strong>execution projects</strong> and <strong>works monitoring</strong>, covering the complete residential project cycle from design to work completion.</p>
</div>
</div>
</div>
</div>
<!-- Proyectos Destacados -->
<div id="proyectos-destacados" style="background: white; padding: 30px; margin-bottom: 25px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-left: 5px solid #e67e22;">
<h2 style="color: #4a5568; font-size: 2.2em; margin-bottom: 25px; border-bottom: 3px solid #ecf0f1; padding-bottom: 10px;">Proyectos Destacados | Featured Projects</h2>
<!-- Proyecto 1: 43 VPO Tarancón - Proyecto -->
<div style="margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #e67e22;">
<h3 style="color: #4a5568; margin-bottom: 15px;">43 VPO en Tarancón - Proyecto | 43 Public Houses at Tarancón - Project</h3>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px;">
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;"><strong>🇪🇸 Proyecto de ejecución:</strong> Desarrollo completo del proyecto de 43 viviendas de protección oficial en Tarancón (Cuenca). Incluye diseño arquitectónico, cumplimiento normativo, cálculo de estructuras y instalaciones.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;"><strong>🇬🇧 Execution project:</strong> Complete development of 43 public housing units project in Tarancón (Cuenca). Includes architectural design, regulatory compliance, structural calculations and installations.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; text-align: center;">
<div style="padding: 20px; background: white; border-radius: 8px;">
<a href="https://www.behance.net/gallery/32586271/43-VPO-Tarancon-(Spain)" target="_blank" rel="noopener">
<img src="https://i-arquitectura.es/wp-content/uploads/2016/02/p-057148.jpg" alt="43 VPO en Tarancón - Proyecto" style="width: 100%; max-width: 350px; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
</a>
<p style="color: #666; font-style: italic; margin-top: 10px; font-size: 0.9em;">Ver proyecto completo en Behance →</p>
</div>
</div>
</div>
</div>
<!-- Proyecto 2: 43 VPO Tarancón - Dirección Facultativa -->
<div style="margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #3498db;">
<h3 style="color: #4a5568; margin-bottom: 15px;">43 VPO en Tarancón - Dirección Facultativa | 43 Public Houses at Tarancón - Works Monitoring</h3>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px;">
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;"><strong>🇪🇸 Dirección facultativa:</strong> Supervisión completa de obra de las 43 viviendas. Gestión de equipos, control de calidad, supervisión de presupuestos y coordinación con administraciones públicas durante toda la ejecución.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;"><strong>🇬🇧 Works monitoring:</strong> Complete site supervision of 43 housing units. Team management, quality control, budget supervision, and coordination with public administrations throughout execution.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; text-align: center;">
<div style="padding: 20px; background: white; border-radius: 8px;">
<a href="https://www.behance.net/gallery/32404823/DF-43-VPO-Monitoring-43-public-houses-On-Site-works" target="_blank" rel="noopener">
<img src="https://i-arquitectura.es/wp-content/uploads/2016/02/dsc_5328b.jpg" alt="43 VPO en Tarancón - Dirección Facultativa" style="width: 100%; max-width: 350px; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
</a>
<p style="color: #666; font-style: italic; margin-top: 10px; font-size: 0.9em;">Ver dirección facultativa en Behance →</p>
</div>
</div>
</div>
</div>
<!-- Proyecto 3: Casa JV -->
<div style="margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #27ae60;">
<h3 style="color: #4a5568; margin-bottom: 15px;">Casa JV | JV House</h3>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px;">
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;"><strong>🇪🇸 Vivienda unifamiliar:</strong> Proyecto integral de vivienda unifamiliar que combina diseño contemporáneo con eficiencia energética. Desarrollo completo desde concepto inicial hasta finalización de obra.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;"><strong>🇬🇧 Single-family house:</strong> Comprehensive single-family housing project combining contemporary design with energy efficiency. Complete development from initial concept to work completion.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; text-align: center;">
<div style="padding: 20px; background: white; border-radius: 8px;">
<a href="https://www.behance.net/gallery/34921537/Casa-JV-JV-House" target="_blank" rel="noopener">
<img src="https://i-arquitectura.es/wp-content/uploads/2000/01/p-dsc_0930.jpg" alt="Casa JV - Fachada principal" style="width: 100%; max-width: 350px; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
</a>
<p style="color: #666; font-style: italic; margin-top: 10px; font-size: 0.9em;">Ver proyecto completo en Behance →</p>
</div>
</div>
</div>
</div>
<!-- Proyecto 4: 76 VPO Balazote -->
<div style="margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #9b59b6;">
<h3 style="color: #4a5568; margin-bottom: 15px;">76 VPO en Balazote | 76 Public Houses at Balazote</h3>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px;">
<div style="background: white; padding: 15px; border-radius: 5px; margin-bottom: 10px;">
<p style="color: #000; line-height: 1.6;"><strong>🇪🇸 Promoción de vivienda protegida:</strong> Proyecto de 76 viviendas de protección oficial en Balazote (Albacete). Desarrollo de conjunto residencial con criterios de sostenibilidad y eficiencia energética.</p>
</div>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;"><strong>🇬🇧 Public housing development:</strong> Project of 76 public housing units in Balazote (Albacete). Residential complex development with sustainability and energy efficiency criteria.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; text-align: center;">
<div style="padding: 20px; background: white; border-radius: 8px;">
<a href="https://www.behance.net/gallery/33794322/76-VPO-en-Balazote" target="_blank" rel="noopener">
<img src="https://i-arquitectura.es/wp-content/uploads/2016/02/2007-09-05-1b.jpg" alt="76 VPO en Balazote - Vista general" style="width: 100%; max-width: 350px; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
</a>
<p style="color: #666; font-style: italic; margin-top: 10px; font-size: 0.9em;">Ver proyecto completo en Behance →</p>
</div>
</div>
</div>
</div>
</div>
<!-- Enlaces -->
<div style="background: white; padding: 30px; margin-bottom: 25px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-left: 5px solid #27ae60;">
<h2 style="color: #4a5568; font-size: 2.2em; margin-bottom: 25px; border-bottom: 3px solid #ecf0f1; padding-bottom: 10px;">Más Información | More Information</h2>
<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇪🇸 Español</h4>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">Puede acceder al listado completo de proyectos y más información sobre mi trabajo profesional en las demás secciones de esta web.</p>
</div>
</div>
<div style="flex: 1; min-width: 300px; padding: 15px; background: #d1d5db; border-radius: 8px; border: 1px solid #9ca3af;">
<h4 style="color: #4a5568; margin-bottom: 15px; background: white; padding: 8px; border-radius: 5px;">🇬🇧 English</h4>
<div style="background: white; padding: 15px; border-radius: 5px;">
<p style="color: #000; line-height: 1.6;">You can access the complete list of projects and more information about my professional work in other sections of this website.</p>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<div style="background: linear-gradient(135deg, #4a5568, #718096); color: white; text-align: center; padding: 40px; border-radius: 12px; margin-bottom: 25px;">
<h3 style="color: white; margin-bottom: 15px;">Vivienda y Proyectos Residenciales</h3>
<p style="color: white; opacity: 0.9;">Más de 23,000 m² de experiencia residencial · 2000-2025</p>
<p style="color: white; opacity: 0.9;"><em>Over 23,000 m² of residential experience · 2000-2025</em></p>
<div style="margin-top: 20px;">
<a href="https://i-arquitectura.es" style="color: #ecc94b; text-decoration: none; margin: 0 15px; font-weight: 500;">🏗️ Más Proyectos</a>
<a href="https://i-arquitectura.es/2000/01/01/cv-y-gestion-cv-management/" style="color: #ecc94b; text-decoration: none; margin: 0 15px; font-weight: 500;">📄 CV Completo</a>
<a href="https://i-arquitectura.es/2000/01/01/contacto-contact/" style="color: #ecc94b; text-decoration: none; margin: 0 15px; font-weight: 500;">📧 Contacto</a>
</div>
</div>
<div style="text-align: center; padding: 20px; color: #718096;">
© 2025 dcv i-arquitectura
</div>He participado en la redacción de proyectos de viviendas, bien en colaboración bien por mí mismo, por un total de más de 22.000 m2. I participated in the elaboration of housing projects either in collaboration or by myself, up a total of more than 22,000 m2.
43 Public Houses at Tarancon (Spain) · Works Monitoring.
Puede acceder al listado completo de proyectos en este enlace:
You can access to the complete list of projects at this link:
© 2016 dcv i-arquitectura 
i-arquitectura 