* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } body { background: #f5f5f5; padding: 20px; } .ficha-tecnica { max-width: 1200px; margin: auto; background: #fff; border: 2px solid #777; } /* Encabezado */ .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 25px; border-bottom: 2px solid #777; } .logo-container { display: flex; flex-direction: column; } .logo-texto { font-size: 24px; font-weight: 900; color: #1a3a6b; letter-spacing: 1px; } .logo-sub { font-size: 9px; color: #444; letter-spacing: 0.5px; } .titulo { font-size: 22px; font-weight: bold; color: #111; } /* Tabla superior (Producto / Garantía) */ .tabla-superior { width: 100%; border-collapse: collapse; } .tabla-superior th, .tabla-superior td { border: 1px solid #777; padding: 10px; text-align: center; } .tabla-superior th { background: #e8e8e8; font-size: 13px; } .producto { font-size: 24px; font-weight: bold; } .garantia { font-size: 18px; font-weight: bold; } /* Imagen del producto */ .producto-imagen { width: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; background: #fff; } .producto-imagen img { width: 100%; max-width: 500px; height: auto; display: block; } /* Secciones de título */ .seccion-titulo { text-align: center; font-weight: bold; background: #e8e8e8; padding: 10px; border-top: 2px solid #777; border-bottom: 2px solid #777; font-size: 14px; } /* Tabla de medidas */ .medidas { width: 100%; border-collapse: collapse; } .medidas th, .medidas td { border: 1px solid #777; padding: 10px; text-align: center; } .medidas th { background: #f0f0f0; font-size: 12px; } .medidas td { font-size: 14px; } /* Sección inferior dividida */ .inferior { display: grid; grid-template-columns: 2fr 1fr; border-top: 2px solid #777; } .caracteristicas { border-right: 1px solid #777; display: flex; } .caracteristicas-titulo { width: 180px; padding: 15px; font-weight: bold; border-right: 1px solid #777; display: flex; align-items: center; justify-content: center; background: #fff; text-align: center; font-size: 13px; } .caracteristicas-contenido { padding: 15px; line-height: 1.8; color: #222; font-size: 13px; flex: 1; display: flex; align-items: center; } .caracteristicas-contenido ul { list-style-position: inside; } .datos-extra { width: 100%; border-collapse: collapse; } .datos-extra th, .datos-extra td { border: 1px solid #777; padding: 10px; text-align: center; } .datos-extra th { background: #f0f0f0; font-size: 12px; } .datos-extra td { font-size: 14px; } /* Responsive design */ @media (max-width: 768px) { .header { flex-direction: column; gap: 15px; } .titulo { font-size: 18px; text-align: center; } .producto { font-size: 20px; } .inferior { grid-template-columns: 1fr; } .caracteristicas { flex-direction: column; border-right: none; } .caracteristicas-titulo { width: 100%; border-right: none; border-bottom: 1px solid #777; } }