PORTA CARNET AUTORETRACTIL

.ft-wrapper { font-family: 'Poppins', sans-serif; max-width: 900px; margin: 0 auto; padding: 24px 16px 48px; color: #2B2B2B; box-sizing: border-box; } .ft-wrapper * { box-sizing: border-box; } /* Badges */ .ft-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; } .ft-badge-ref { display: inline-block; background-color: #1B4F8A; color: #FFFFFF; font-weight: 600; font-size: 13px; letter-spacing: 0.5px; padding: 6px 14px; border-radius: 20px; } .ft-badge-medical { display: inline-block; background-color: #F8F9FA; border: 1px solid #EBEBEB; color: #1B4F8A; font-weight: 500; font-size: 13px; padding: 6px 14px; border-radius: 20px; } /* Título y descripción */ .ft-title { font-weight: 700; font-size: 26px; line-height: 1.3; margin: 0 0 14px; color: #1B1B1B; } .ft-description { font-size: 15px; line-height: 1.7; color: #3D3D3D; margin: 0 0 8px; } .ft-hr { border: none; border-top: 1px solid #EBEBEB; margin: 32px 0; } /* Etiquetas de sección */ .ft-section-label { font-size: 13px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #1B6EC2; margin: 0 0 18px; } /* Características del diseño */ .ft-benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .ft-benefit-card { background-color: #F8F9FA; border: 1px solid #EBEBEB; border-radius: 10px; padding: 16px 18px; } .ft-benefit-title { font-weight: 600; font-size: 14.5px; color: #1B1B1B; margin: 0 0 6px; } .ft-benefit-text { font-size: 13.5px; line-height: 1.6; color: #4A4A4A; margin: 0; } /* Usos recomendados */ .ft-applications-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .ft-application-card { background-color: #F8F9FA; border: 1px solid #EBEBEB; border-radius: 10px; padding: 20px 14px; text-align: center; } .ft-application-icon { font-size: 32px; line-height: 1; margin-bottom: 10px; } .ft-application-name { font-weight: 600; font-size: 14px; color: #1B1B1B; margin: 0 0 4px; } .ft-application-subtitle { font-size: 12.5px; color: #6B6B6B; margin: 0; line-height: 1.4; } /* Detalles del producto */ .ft-dimensions-box { background-color: #F8F9FA; border: 1px solid #EBEBEB; border-radius: 10px; padding: 22px 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; } .ft-dimension-item { flex: 1 1 0; text-align: center; padding: 6px 18px; position: relative; min-width: 110px; } .ft-dimension-item + .ft-dimension-item::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background-color: #D8D8D8; } .ft-dimension-value { font-weight: 700; font-size: 18px; color: #1B4F8A; margin: 0 0 4px; } .ft-dimension-label { font-size: 12px; color: #6B6B6B; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; } /* Especificaciones técnicas */ .ft-specs-table { width: 100%; border-collapse: collapse; } .ft-specs-table tr { border-bottom: 1px solid #EBEBEB; } .ft-specs-table tr:last-child { border-bottom: none; } .ft-specs-table td { padding: 13px 8px; font-size: 14px; vertical-align: top; } .ft-spec-key { font-weight: 600; color: #1B1B1B; width: 42%; } .ft-spec-value { color: #4A4A4A; } /* Especificaciones en bloques */ .ft-specblock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .ft-specblock-card { background-color: #F8F9FA; border: 1px solid #EBEBEB; border-radius: 10px; padding: 16px 18px; display: flex; gap: 12px; align-items: flex-start; } .ft-specblock-icon { font-size: 22px; line-height: 1; flex-shrink: 0; } .ft-specblock-key { font-weight: 600; font-size: 13px; color: #1B1B1B; margin: 0 0 4px; } .ft-specblock-value { font-size: 13.5px; line-height: 1.5; color: #4A4A4A; margin: 0; } /* Tablet */ @media (max-width: 768px) { .ft-applications-grid { grid-template-columns: repeat(2, 1fr); } } /* Móvil */ @media (max-width: 480px) { .ft-wrapper { padding: 18px 12px 36px; } .ft-title { font-size: 22px; } .ft-benefits-grid { grid-template-columns: 1fr; } .ft-applications-grid { grid-template-columns: 1fr; } .ft-specblock-gri