@page { size: A4 portrait; margin: 10mm; } *, *::before, *::after { box-sizing: border-box; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #000000; } .ficha-container { width: 100%; border: 2px solid #555555; font-size: 12px; } /* Header Superior */ .header-table { width: 100%; border-collapse: collapse; border-bottom: 2px solid #555555; } .header-table td { padding: 8px 15px; vertical-align: middle; } .logo-text-title { font-size: 22px; font-weight: 900; color: #1b2a4a; line-height: 1; letter-spacing: 0.5px; } .logo-text-sub { font-size: 8px; font-weight: bold; color: #1b2a4a; letter-spacing: 0.5px; } .header-title { font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: right; letter-spacing: 0.5px; } /* Tabla de Nombre y Garantía */ .info-table { width: 100%; border-collapse: collapse; border-bottom: 2px solid #555555; } .info-table th { background-color: #e0e0e0; border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 6px; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; } .info-table th.last-col { border-right: none; width: 25%; } .info-table td { padding: 8px; text-align: center; font-size: 14px; border-right: 1px solid #777777; } .info-table td.last-col { border-right: none; } /* Área de Imagen / Ilustraciones */ .images-container { padding: 20px 10px; text-align: center; border-bottom: 2px solid #555555; background-color: #ffffff; } .images-container img { max-width: 100%; height: auto; } /* Encabezado Medidas */ .section-header { background-color: #e0e0e0; text-align: center; font-weight: bold; padding: 6px; text-transform: uppercase; border-bottom: 1px solid #777777; font-size: 13px; } /* Layout principal con Tablas (Evita problemas de Flexbox en PDF) */ .grid-table { width: 100%; border-collapse: collapse; } .grid-table > tbody > tr > td { vertical-align: top; padding: 0; } .left-cell { width: 66.66%; border-right: 1px solid #777777; } .right-cell { width: 33.34%; } /* Sub-tablas de especificaciones */ .spec-table { width: 100%; border-collapse: collapse; } .spec-table th { background-color: #e0e0e0; border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 6px; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; } .spec-table th:last-child { border-right: none; } .spec-table td { padding: 8px; text-align: center; border-bottom: 1px solid #777777; border-right: 1px solid #777777; font-size: 11.5px; } .spec-table td:last-child { border-right: none; } /* Sección de Características */ .features-table { width: 100%; border-collapse: collapse; } .features-table td { vertical-align: top; padding: 15px 10px; } .features-title { width: 30%; font-weight: bold; text-transform: uppercase; font-size: 11.5px; } .features-list { width: 70%; font-size: 10.5px; line-height: 1.5; } /* Columna derecha */ .full-spec-table { width: 100%; border-collapse: collapse; } .full-spec-table th { background-color: #e0e0e0; border-bottom: 1px solid #777777; padding: 6px; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; } .full-spec-table td { padding: 8px; text-align: center; border-bottom: 1px solid #777777; font-size: 11.5px; } .full-spec-table tr:last-child td { border-bottom: none; }