<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Movelite™ WireFree RTS | SYSCOM</title>
<style>
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.5; margin: 0; padding: 20px; background-color: #fff; }
.wrapper { max-width: 1050px; margin: 0 auto; border: 1px solid #e1e1e1; padding: 20px; border-radius: 4px; }
/* Encabezado */
.header { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; }
.header-info h1 { font-size: 24px; font-weight: 500; margin: 0; color: #000; }
.header-info p { font-size: 14px; color: #666; margin: 5px 0 0 0; }
.brand-logo { color: #f26522; font-size: 24px; font-weight: bold; }
/* Contenido Principal */
.main-content { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px; }
.product-gallery { flex: 1; min-width: 300px; text-align: center; }
.product-gallery img { max-width: 100%; border: 1px solid #f0f0f0; }
.product-brief { flex: 1.2; min-width: 350px; }
.sys-badge { background: #0056b3; color: white; padding: 3px 10px; border-radius: 3px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.warranty-badge { border: 2px solid #000; padding: 5px 15px; display: inline-block; font-weight: bold; margin-top: 15px; }
/* Títulos de sección estilo SYSCOM */
.section-title { background-color: #f8f9fa; border-left: 5px solid #0056b3; padding: 10px 15px; font-size: 18px; font-weight: bold; margin: 30px 0 15px 0; }
/* Tablas de Especificaciones */
.specs-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.specs-table td { padding: 10px; border: 1px solid #eee; font-size: 14px; }
.label-cell { background-color: #fafafa; font-weight: bold; width: 35%; color: #555; }
/* Grilla de tipos de confección */
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; text-align: center; }
.grid-item img { width: 100%; border: 1px solid #ddd; border-radius: 4px; }
.grid-item p { font-size: 13px; font-weight: bold; margin-top: 5px; }
</style>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-info">
<h1>Movelite™ WireFree RTS</h1>
<p>Modelo: <strong>MOVELITE35WF</strong> | Item: <strong>1240365</strong></p>
</div>
<div class="brand-logo">SOMFY</div>
</header>
<div class="main-content">
<div class="product-gallery">
<img src="motor-movelite.jpg" alt="Motor Movelite 35 WF">
<div class="warranty-badge">5 AÑOS DE GARANTÍA</div>
</div>
<div class="product-brief">
<span class="sys-badge">Motorización WireFree</span>
<p style="margin-top:15px;">La solución motorizada <strong>Movelite™</strong> para cortinas pone la ingeniería francesa al alcance de todos. Es un sistema de batería recargable, silencioso y discreto, diseñado para una instalación rápida sin necesidad de cables eléctricos.</p>
<ul style="padding-left: 20px;">
<li>Capacidad de carga de hasta <strong>35 kg</strong>.</li>
<li>Longitud de riel de hasta <strong>10 metros</strong>.</li>
<li>Función <strong>Touch Motion</strong> para activación manual.</li>
<li>Compatible con tecnología <strong>RTS</strong> (Radio Technology Somfy).</li>
</ul>
</div>
</div>
<div class="section-title">Características Principales</div>
<table class="specs-table">
<tr><td class="label-cell">Tecnología de Radio</td><td>RTS (433.42 MHz)</td></tr>
<tr><td class="label-cell">Nivel de Ruido</td><td>38 dB(A)</td></tr>
<tr><td class="label-cell">Control de Usuario</td><td>App Inteo, Controles Situo, Smoove (Pared)</td></tr>
<tr><td class="label-cell">Funciones Especiales</td><td>Touch Motion y Posición Favorita ("my")</td></tr>
</table>
<div class="section-title">Dimensiones del Motor</div>
<div class="main-content" style="align-items: center;">
<div style="flex:1; text-align: center;">
<img src="dimensiones.jpg" alt="Diagrama de Dimensiones" style="max-width: 250px;">
</div>
<div style="flex:1;">
<table class="specs-table">
<tr><td class="label-cell">Altura Total</td><td>313 mm</td></tr>
<tr><td class="label-cell">Ancho</td><td>93 mm</td></tr>
<tr><td class="label-cell">Profundidad</td><td>51 mm</td></tr>
<tr><td class="label-cell">Peso del Motor</td><td>1024 gr</td></tr>
</table>
</div>
</div>
<div class="section-title">Batería y Alimentación</div>
<div class="main-content">
<div style="flex:1;">
<table class="specs-table">
<tr><td class="label-cell">Tipo de Batería</td><td>Li-ion integrada (2000 mAh / 29.6 Wh)</td></tr>
<tr><td class="label-cell">Autonomía</td><td>Aprox. 6 meses por carga</td></tr>
<tr><td class="label-cell">Puerto de Carga</td><td>USB 2.0 Micro-B</td></tr>
<tr><td class="label-cell">Tiempo de Carga</td><td>Menos de 9 horas</td></tr>
<tr><td class="label-cell">LED Indicador</td><td>Rojo (Cargando) / Verde (Completo)</td></tr>
</table>
</div>
<div style="flex:0.8; text-align: center;">
<img src="puerto-carga.jpg" alt="Puerto USB y LED" style="max-width: 200px;">
<p style="font-size: 11px; color: #999;">Detalle del puerto de carga inferior</p>
</div>
</div>
<div class="section-title">Compatibilidad de Estilos</div>
<div class="grid-3">
<div class="grid-item">
<img src="clasica.jpg" alt="Confección Clásica">
<p>Clásica</p>
</div>
<div class="grid-item">
<img src="ripplefold.jpg" alt="Confección Ripplefold">
<p>Ripplefold</p>
</div>
<div class="grid-item">
<img src="francesa.jpg" alt="Plisado Francés">
<p>Plisado Francés</p>
</div>
</div>
</div>
</body>
</html>