{"id":5099,"date":"2025-11-27T07:02:23","date_gmt":"2025-11-27T07:02:23","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5099"},"modified":"2025-12-10T05:44:11","modified_gmt":"2025-12-10T05:44:11","slug":"hooked-end-steel-fiber-reinforcement-for-high-strength-concrete","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/es\/cellulose-ether-hpmc\/novastar-by-landu-premium-steel-fibers-for-advanced-concrete-reinforcement\/hooked-end-steel-fiber-reinforcement-for-high-strength-concrete\/","title":{"rendered":"Refuerzo de fibra de acero de extremo en gancho para hormig\u00f3n de alta resistencia"},"content":{"rendered":"<div class=\"hooked-banner\">\n    <!-- \u80cc\u666f\u5c42\u6b21 --><\/p>\n<div class=\"hooked-background-layers\">\n<div class=\"hooked-layer hooked-layer-1\"><\/div>\n<div class=\"hooked-layer hooked-layer-2\"><\/div>\n<div class=\"hooked-layer hooked-layer-3\"><\/div>\n<div class=\"hooked-radial-gradient\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u51e0\u4f55\u88c5\u9970\u5143\u7d20 - \u94a9\u7aef\u94a2\u7ea4\u7ef4\u4e3b\u9898 --><\/p>\n<div class=\"hooked-geometric-elements\">\n        <!-- \u94a9\u7aef\u94a2\u7ea4\u7ef4\u5f62\u72b6 --><\/p>\n<div class=\"hooked-fiber hooked-fiber-1\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-fiber hooked-fiber-2\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-fiber hooked-fiber-3\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u6df7\u51dd\u571f\u7ed3\u6784\u7f51\u683c --><\/p>\n<div class=\"hooked-concrete-grid hooked-grid-1\"><\/div>\n<div class=\"hooked-concrete-grid hooked-grid-2\"><\/div>\n<p>        <!-- \u5f3a\u5ea6\u7b26\u53f7 --><\/p>\n<div class=\"hooked-strength-symbol hooked-symbol-1\"><\/div>\n<div class=\"hooked-strength-symbol hooked-symbol-2\"><\/div>\n<p>        <!-- \u951a\u56fa\u70b9\u88c5\u9970 --><\/p>\n<div class=\"hooked-anchor-point hooked-anchor-1\"><\/div>\n<div class=\"hooked-anchor-point hooked-anchor-2\"><\/div>\n<div class=\"hooked-anchor-point hooked-anchor-3\"><\/div>\n<p>        <!-- \u7ed3\u6784\u7ebf\u6761 --><\/p>\n<div class=\"hooked-structure-line hooked-line-1\"><\/div>\n<div class=\"hooked-structure-line hooked-line-2\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/p>\n<div class=\"hooked-main-content\">\n<div class=\"hooked-content-left\">\n<div class=\"hooked-title-section\">\n<div class=\"hooked-brand-line\">\n                    <span class=\"hooked-brand-name\">NOVASTAR\u2122<\/span><br \/>\n                    <span class=\"hooked-brand-by\">por LANDU<\/span>\n                <\/div>\n<h1 class=\"hooked-main-title\">\n                    Refuerzo de fibras de acero con extremo con gancho<br \/>\n                    <span class=\"hooked-highlight\">para Hormig\u00f3n de Alta Resistencia<\/span><br \/>\n                <\/h1>\n<div class=\"hooked-subtitle\">\n                    Logre una resistencia superior a la tenacidad, resistencia a la flexi\u00f3n y durabilidad a largo plazo en cada vertido.\n                <\/div>\n<\/p><\/div>\n<div class=\"hooked-description\">\n                Ingeniado para SFRC, UHPC, pavimentos industriales, t\u00faneles y estructuras de carga pesada. Las fibras de acero con extremo con gancho NOVASTAR\u2122 ofrecen un anclaje mec\u00e1nico excepcional y una dispersi\u00f3n uniforme para aplicaciones cr\u00edticas de hormig\u00f3n.\n            <\/div>\n<div class=\"hooked-features-grid\">\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Alta Resistencia a la Tracci\u00f3n<\/div>\n<div class=\"hooked-feature-value\">\u22651100 MPa<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Anclaje \u00d3ptimo<\/div>\n<div class=\"hooked-feature-value\">Dise\u00f1o con Extremo con Gancho<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Dispersi\u00f3n Directa<\/div>\n<div class=\"hooked-feature-value\">Distribuci\u00f3n Uniforme<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Infraestructura Global<\/div>\n<div class=\"hooked-feature-value\">Rendimiento Comprobado<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-cta-section\">\n                <button class=\"hooked-cta-button\"><br \/>\n                    <span>Solicitar Especificaciones T\u00e9cnicas<\/span><br \/>\n                    <svg class=\"hooked-arrow-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button><\/p>\n<div class=\"hooked-quality-badges\">\n<div class=\"hooked-badge\">Certificaci\u00f3n ISO 9001<\/div>\n<div class=\"hooked-badge\">Cumple con ASTM A820<\/div>\n<div class=\"hooked-badge\">Norma EN 14889<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-content-right\">\n<div class=\"hooked-visual-section\">\n                <!-- \u5e94\u7528\u573a\u666f\u5361\u7247 --><\/p>\n<div class=\"hooked-application-cards\">\n<div class=\"hooked-app-card hooked-card-primary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">SFRC y UHPC<\/div>\n<div class=\"hooked-card-desc\">Hormig\u00f3n Reforzado con Fibras de Acero y Hormig\u00f3n de Ultra Alto Rendimiento<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-app-card hooked-card-secondary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">Pavimentos Industriales<\/div>\n<div class=\"hooked-card-desc\">Almacenes de alto tr\u00e1fico, instalaciones de fabricaci\u00f3n, centros de distribuci\u00f3n<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-app-card hooked-card-tertiary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">T\u00faneles e Infraestructura<\/div>\n<div class=\"hooked-card-desc\">Revestimientos de t\u00faneles, puentes, pavimentos de carga pesada, estructuras cr\u00edticas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6027\u80fd\u6307\u6807 --><\/p>\n<div class=\"hooked-performance-badge\">\n<div class=\"hooked-perf-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-perf-text\">\n<div class=\"hooked-perf-label\">Mejora de la Resistencia a la Flexi\u00f3n<\/div>\n<div class=\"hooked-perf-value\">Mejora de hasta 40%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .hooked-banner {\n        width: 100%;\n        min-height: 80vh;\n        background: linear-gradient(135deg, #f8faff 0%, #eff6ff 25%, #e0f2fe 50%, #dbeafe 100%);\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        padding: 80px 0;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u5c42\u6b21 *\/\n    .hooked-background-layers {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n    }<\/p>\n<p>    .hooked-layer {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.35;\n    }<\/p>\n<p>    .hooked-layer-1 {\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 70%);\n        top: -140px;\n        right: -140px;\n        animation: hooked-float-1 24s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-layer-2 {\n        width: 420px;\n        height: 420px;\n        background: radial-gradient(circle, rgba(29, 78, 216, 0.15) 0%, transparent 70%);\n        bottom: -110px;\n        left: -110px;\n        animation: hooked-float-2 22s ease-in-out infinite alternate-reverse;\n    }<\/p>\n<p>    .hooked-layer-3 {\n        width: 340px;\n        height: 340px;\n        background: radial-gradient(circle, rgba(96, 165, 250, 0.12) 0%, transparent 70%);\n        top: 40%;\n        left: 50%;\n        animation: hooked-float-3 26s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-radial-gradient {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 1000px;\n        height: 1000px;\n        background: radial-gradient(circle, rgba(219, 234, 254, 0.5) 0%, transparent 70%);\n        animation: hooked-pulse-slow 18s ease-in-out infinite;\n    }<\/p>\n<p>    \/* \u51e0\u4f55\u88c5\u9970\u5143\u7d20 - \u94a9\u7aef\u94a2\u7ea4\u7ef4\u4e3b\u9898 *\/\n    .hooked-geometric-elements {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.6;\n        z-index: 0;\n    }<\/p>\n<p>    \/* \u94a9\u7aef\u94a2\u7ea4\u7ef4\u5f62\u72b6 *\/\n    .hooked-fiber {\n        position: absolute;\n        display: flex;\n        align-items: center;\n    }<\/p>\n<p>    .hooked-fiber-body {\n        height: 4px;\n        background: linear-gradient(90deg, \n            rgba(59, 130, 246, 0) 0%,\n            rgba(59, 130, 246, 0.4) 15%,\n            rgba(29, 78, 216, 0.5) 50%,\n            rgba(59, 130, 246, 0.4) 85%,\n            rgba(59, 130, 246, 0) 100%\n        );\n        border-radius: 2px;\n        position: relative;\n    }<\/p>\n<p>    .hooked-fiber-hook {\n        position: absolute;\n        width: 12px;\n        height: 12px;\n        border: 3px solid rgba(29, 78, 216, 0.5);\n        border-radius: 50% 50% 0 50%;\n    }<\/p>\n<p>    .hooked-hook-left {\n        left: -6px;\n        transform: rotate(-45deg);\n    }<\/p>\n<p>    .hooked-hook-right {\n        right: -6px;\n        transform: rotate(135deg);\n    }<\/p>\n<p>    .hooked-fiber-1 {\n        top: 18%;\n        left: 8%;\n        transform: rotate(-20deg);\n        animation: hooked-fiber-drift-1 16s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-fiber-1 .hooked-fiber-body {\n        width: 200px;\n    }<\/p>\n<p>    .hooked-fiber-2 {\n        top: 45%;\n        left: 6%;\n        transform: rotate(25deg);\n        animation: hooked-fiber-drift-2 18s ease-in-out infinite;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .hooked-fiber-2 .hooked-fiber-body {\n        width: 170px;\n    }<\/p>\n<p>    .hooked-fiber-3 {\n        bottom: 22%;\n        left: 10%;\n        transform: rotate(-15deg);\n        animation: hooked-fiber-drift-3 17s ease-in-out infinite;\n        animation-delay: -7s;\n    }<\/p>\n<p>    .hooked-fiber-3 .hooked-fiber-body {\n        width: 190px;\n    }<\/p>\n<p>    \/* \u6df7\u51dd\u571f\u7ed3\u6784\u7f51\u683c *\/\n    .hooked-concrete-grid {\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        background-image: \n            repeating-linear-gradient(0deg, rgba(59, 130, 246, 0.15) 0px, rgba(59, 130, 246, 0.15) 2px, transparent 2px, transparent 20px),\n            repeating-linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0px, rgba(59, 130, 246, 0.15) 2px, transparent 2px, transparent 20px);\n        animation: hooked-grid-pulse 13s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-grid-1 {\n        top: 25%;\n        left: 15%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .hooked-grid-2 {\n        bottom: 30%;\n        left: 12%;\n        animation-delay: -5s;\n    }<\/p>\n<p>    \/* \u5f3a\u5ea6\u7b26\u53f7 *\/\n    .hooked-strength-symbol {\n        position: absolute;\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.15) 100%);\n        clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\n        animation: hooked-symbol-rotate 30s linear infinite;\n    }<\/p>\n<p>    .hooked-symbol-1 {\n        top: 15%;\n        left: 12%;\n    }<\/p>\n<p>    .hooked-symbol-2 {\n        bottom: 20%;\n        left: 8%;\n        animation-direction: reverse;\n    }<\/p>\n<p>    \/* \u951a\u56fa\u70b9\u88c5\u9970 *\/\n    .hooked-anchor-point {\n        position: absolute;\n        width: 8px;\n        height: 8px;\n        background: rgba(59, 130, 246, 0.4);\n        border-radius: 50%;\n        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15),\n                    0 0 0 8px rgba(59, 130, 246, 0.08);\n        animation: hooked-anchor-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-anchor-1 {\n        top: 28%;\n        left: 14%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .hooked-anchor-2 {\n        top: 52%;\n        left: 10%;\n        animation-delay: -1s;\n    }<\/p>\n<p>    .hooked-anchor-3 {\n        bottom: 32%;\n        left: 16%;\n        animation-delay: -2s;\n    }<\/p>\n<p>    \/* \u7ed3\u6784\u7ebf\u6761 *\/\n    .hooked-structure-line {\n        position: absolute;\n        height: 2px;\n        background: linear-gradient(90deg, \n            rgba(59, 130, 246, 0.25) 0%, \n            rgba(29, 78, 216, 0.35) 50%, \n            rgba(59, 130, 246, 0.25) 100%\n        );\n        opacity: 0.7;\n    }<\/p>\n<p>    .hooked-line-1 {\n        width: 140px;\n        top: 35%;\n        left: 5%;\n        transform: rotate(22deg);\n        animation: hooked-line-glow 10s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-line-2 {\n        width: 120px;\n        bottom: 28%;\n        left: 7%;\n        transform: rotate(-18deg);\n        animation: hooked-line-glow 12s ease-in-out infinite alternate;\n        animation-delay: -4s;\n    }<\/p>\n<p>    \/* \u4e3b\u8981\u5185\u5bb9 *\/\n    .hooked-main-content {\n        display: grid;\n        grid-template-columns: 1.15fr 1fr;\n        gap: 70px;\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n        z-index: 10;\n    }<\/p>\n<p>    .hooked-content-left {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }<\/p>\n<p>    .hooked-title-section {\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .hooked-brand-line {\n        display: flex;\n        align-items: baseline;\n        gap: 12px;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .hooked-brand-name {\n        font-size: 1.7rem;\n        font-weight: 900;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.6px;\n    }<\/p>\n<p>    .hooked-brand-by {\n        font-size: 0.95rem;\n        color: #60a5fa;\n        font-weight: 500;\n    }<\/p>\n<p>    .hooked-main-title {\n        font-size: 2.7rem;\n        font-weight: 800;\n        line-height: 1.15;\n        color: #1e293b;\n        margin-bottom: 18px;\n        letter-spacing: -0.9px;\n    }<\/p>\n<p>    .hooked-highlight {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .hooked-subtitle {\n        font-size: 1.08rem;\n        color: #64748b;\n        line-height: 1.65;\n        font-weight: 500;\n    }<\/p>\n<p>    .hooked-description {\n        font-size: 0.96rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 32px;\n        max-width: 680px;\n    }<\/p>\n<p>    \/* \u7279\u6027\u7f51\u683c *\/\n    .hooked-features-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 14px;\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .hooked-feature-item {\n        background: rgba(255, 255, 255, 0.85);\n        backdrop-filter: blur(10px);\n        padding: 16px 18px;\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 12px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    .hooked-feature-item:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 6px 24px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .hooked-feature-icon {\n        width: 38px;\n        height: 38px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.12) 100%);\n        border-radius: 9px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-feature-icon svg {\n        width: 20px;\n        height: 20px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .hooked-feature-text {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-feature-title {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n        margin-bottom: 2px;\n    }<\/p>\n<p>    .hooked-feature-value {\n        font-size: 1.05rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    \/* CTA\u90e8\u5206 *\/\n    .hooked-cta-section {\n        display: flex;\n        flex-direction: column;\n        gap: 22px;\n    }<\/p>\n<p>    .hooked-cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        padding: 15px 32px;\n        border-radius: 11px;\n        font-size: 0.96rem;\n        font-weight: 600;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 18px rgba(59, 130, 246, 0.35);\n        align-self: flex-start;\n    }<\/p>\n<p>    .hooked-cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 28px rgba(59, 130, 246, 0.45);\n        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\n    }<\/p>\n<p>    .hooked-arrow-icon {\n        width: 19px;\n        height: 19px;\n    }<\/p>\n<p>    .hooked-quality-badges {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .hooked-badge {\n        background: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(12px);\n        color: #64748b;\n        padding: 9px 16px;\n        border-radius: 20px;\n        font-size: 0.82rem;\n        font-weight: 500;\n        border: 1px solid rgba(59, 130, 246, 0.18);\n        box-shadow: 0 2px 10px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u89c6\u89c9\u90e8\u5206 *\/\n    .hooked-content-right {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .hooked-visual-section {\n        width: 100%;\n        max-width: 500px;\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n    }<\/p>\n<p>    \/* \u5e94\u7528\u573a\u666f\u5361\u7247 *\/\n    .hooked-application-cards {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .hooked-app-card {\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 22px 26px;\n        border-radius: 15px;\n        border: 1px solid rgba(59, 130, 246, 0.18);\n        box-shadow: 0 4px 22px rgba(59, 130, 246, 0.12);\n        display: flex;\n        align-items: flex-start;\n        gap: 18px;\n        transition: all 0.35s ease;\n    }<\/p>\n<p>    .hooked-app-card:hover {\n        transform: translateX(-6px);\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.18);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .hooked-card-icon {\n        width: 48px;\n        height: 48px;\n        border-radius: 11px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-card-primary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-secondary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(29, 78, 216, 0.18) 0%, rgba(29, 78, 216, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-tertiary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-icon-shape {\n        width: 22px;\n        height: 22px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 6px;\n        animation: hooked-icon-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-card-content {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-card-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 6px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .hooked-card-desc {\n        font-size: 0.87rem;\n        color: #64748b;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* \u6027\u80fd\u6307\u6807\u5fbd\u7ae0 *\/\n    .hooked-performance-badge {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        padding: 20px 24px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 6px 28px rgba(59, 130, 246, 0.35);\n        animation: hooked-badge-glow 3s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-perf-icon {\n        width: 42px;\n        height: 42px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-perf-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .hooked-perf-text {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-perf-label {\n        font-size: 0.85rem;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 500;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .hooked-perf-value {\n        font-size: 1.25rem;\n        font-weight: 800;\n        color: white;\n        line-height: 1;\n    }<\/p>\n<p>    \/* \u52a8\u753b\u6548\u679c *\/\n    @keyframes hooked-float-1 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(-20px, -25px) rotate(12deg); }\n    }<\/p>\n<p>    @keyframes hooked-float-2 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(25px, -20px) rotate(-8deg); }\n    }<\/p>\n<p>    @keyframes hooked-float-3 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(-18px, 22px) rotate(15deg); }\n    }<\/p>\n<p>    @keyframes hooked-pulse-slow {\n        0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\n        50% { opacity: 0.7; transform: translate(-50%, -50%) scale(1.1); }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-1 {\n        0%, 100% { transform: translateY(0px) rotate(-20deg); opacity: 0.6; }\n        50% { transform: translateY(-18px) rotate(-17deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-2 {\n        0%, 100% { transform: translateY(0px) rotate(25deg); opacity: 0.6; }\n        50% { transform: translateY(-15px) rotate(28deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-3 {\n        0%, 100% { transform: translateY(0px) rotate(-15deg); opacity: 0.6; }\n        50% { transform: translateY(-20px) rotate(-12deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-grid-pulse {\n        0%, 100% { opacity: 0.5; transform: scale(1); }\n        50% { opacity: 0.75; transform: scale(1.08); }\n    }<\/p>\n<p>    @keyframes hooked-symbol-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    @keyframes hooked-anchor-pulse {\n        0%, 100% { transform: scale(1); opacity: 0.7; }\n        50% { transform: scale(1.3); opacity: 1; }\n    }<\/p>\n<p>    @keyframes hooked-line-glow {\n        0% { opacity: 0.7; }\n        100% { opacity: 1; }\n    }<\/p>\n<p>    @keyframes hooked-icon-pulse {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.1); }\n    }<\/p>\n<p>    @keyframes hooked-badge-glow {\n        0%, 100% { box-shadow: 0 6px 28px rgba(59, 130, 246, 0.35); }\n        50% { box-shadow: 0 8px 36px rgba(59, 130, 246, 0.5); }\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1024px) {\n        .hooked-main-content {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .hooked-features-grid {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .hooked-banner {\n            min-height: auto;\n            padding: 60px 0;\n        }<\/p>\n<p>        .hooked-main-content {\n            padding: 0 28px;\n            gap: 40px;\n        }<\/p>\n<p>        .hooked-brand-name {\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 2.1rem;\n        }<\/p>\n<p>        .hooked-subtitle {\n            font-size: 1.02rem;\n        }<\/p>\n<p>        .hooked-description {\n            font-size: 0.92rem;\n        }<\/p>\n<p>        .hooked-features-grid {\n            gap: 12px;\n        }<\/p>\n<p>        .hooked-geometric-elements {\n            opacity: 0.4;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .hooked-main-content {\n            padding: 0 18px;\n        }<\/p>\n<p>        .hooked-brand-name {\n            font-size: 1.35rem;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .hooked-subtitle {\n            font-size: 0.98rem;\n        }<\/p>\n<p>        .hooked-cta-button {\n            width: 100%;\n            justify-content: center;\n        }<\/p>\n<p>        .hooked-quality-badges {\n            flex-direction: column;\n        }<\/p>\n<p>        .hooked-badge {\n            text-align: center;\n        }<\/p>\n<p>        .hooked-features-grid {\n            grid-template-columns: 1fr;\n        }<\/p>\n<p>        .hooked-fiber {\n            display: none;\n        }<\/p>\n<p>        .hooked-geometric-elements {\n            opacity: 0.3;\n        }\n    }\n<\/style>\n<p><!-- NOVASTAR\u2122 \u4ea7\u54c1\u8be6\u60c5\u9875\u9762 --><\/p>\n<div class=\"novastar-product-section\">\n<p>    <!-- Introduction Section --><\/p>\n<div class=\"novastar-intro-wrapper\">\n<div class=\"novastar-intro-container\">\n            <!-- \u5de6\u4fa7\u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"novastar-intro-decoration\">\n<div class=\"novastar-deco-circle novastar-deco-1\"><\/div>\n<div class=\"novastar-deco-circle novastar-deco-2\"><\/div>\n<div class=\"novastar-deco-line novastar-line-1\"><\/div>\n<div class=\"novastar-deco-line novastar-line-2\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-intro-content\">\n                <!-- \u5de6\u4fa7\u6587\u5b57\u5185\u5bb9 --><\/p>\n<div class=\"novastar-intro-text\">\n<div class=\"novastar-section-label\">\n                        <span class=\"novastar-label-icon\"><\/span><br \/>\n                        <span>Resumen del producto<\/span>\n                    <\/div>\n<h2 class=\"novastar-intro-title\">\n                        Fibra de Acero con Extremos Con Anzuelo NOVASTAR\u2122<br \/>\n                    <\/h2>\n<div class=\"novastar-intro-subtitle\">\n                        Refuerzo de Alta Resistencia para Hormig\u00f3n m\u00e1s Duro y Resistente a las Grietas\n                    <\/div>\n<div class=\"novastar-intro-divider\"><\/div>\n<div class=\"novastar-intro-description\">\n<p>NOVASTAR\u2122 Hooked-End Steel Fiber, manufactured by LANDU, is an engineered reinforcement fiber designed to significantly improve concrete\u2019s toughness, flexural performance, and crack resistance. Its hooked-end geometry provides strong mechanical anchorage, enhancing the bond with the cement matrix and ensuring efficient load transfer throughout the concrete structure.<\/p>\n<p>Unlike glued steel fibers, LANDU\u2019s loose hooked-end steel fibers disperse instantly during mixing, making them ideal for projects requiring fast batching, stable performance, and reliable structural reinforcement. With a tensile strength of \u22651100 MPa and excellent ductility, NOVASTAR\u2122 is widely used in industrial flooring, tunnel shotcrete, precast elements, and high-load infrastructure.<\/p>\n<\/p><\/div>\n<p>                    <!-- \u5173\u952e\u6307\u6807\u5361\u7247 --><\/p>\n<div class=\"novastar-intro-stats\">\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">\u22651100 MPa<\/div>\n<div class=\"novastar-stat-label\">Resistencia a la Tracci\u00f3n<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">Instant\u00e1nea<\/div>\n<div class=\"novastar-stat-label\">Dispersi\u00f3n<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <path d=\"M12 6v6l4 2\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">Superior<\/div>\n<div class=\"novastar-stat-label\">Durabilidad<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u56fe\u7247\u533a\u57df --><\/p>\n<div class=\"novastar-intro-image\">\n<div class=\"novastar-image-wrapper\">\n<div class=\"novastar-image-placeholder\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/landu-novastar-hooked-end-steel-fiber.jpg\" alt=\"Fibra de acero con extremos en gancho NOVASTAR\">\n                        <\/div>\n<div class=\"novastar-image-badge\">\n<div class=\"novastar-badge-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-badge-text\">\n<div class=\"novastar-badge-title\">Calidad Premium<\/div>\n<div class=\"novastar-badge-subtitle\">Certificaci\u00f3n ISO 9001<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Key Features Section --><\/p>\n<div class=\"novastar-features-wrapper\">\n<div class=\"novastar-features-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-features-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Ventajas Clave<\/span>\n                <\/div>\n<h2 class=\"novastar-features-title\">Caracter\u00edsticas y Beneficios Clave<\/h2>\n<p class=\"novastar-features-subtitle\">\n                    Ingenier\u00eda para un rendimiento superior en aplicaciones de hormig\u00f3n exigentes\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Features Grid - 3x2 Layout --><\/p>\n<div class=\"novastar-features-grid\">\n                <!-- Feature Card 1 --><\/p>\n<div class=\"novastar-feature-card novastar-card-1\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">01<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Geometr\u00eda con extremos con anzuelo para un anclaje \u00f3ptimo<\/h3>\n<p class=\"novastar-card-description\">\n                        Dise\u00f1ado para un acoplamiento mec\u00e1nico superior y un rendimiento mejorado despu\u00e9s de la grieta.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 2 --><\/p>\n<div class=\"novastar-feature-card novastar-card-2\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">02<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Formato suelto para dispersi\u00f3n instant\u00e1nea<\/h3>\n<p class=\"novastar-card-description\">\n                        Elimina la aglomeraci\u00f3n y garantiza una distribuci\u00f3n uniforme en SFRC y UHPC.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 3 --><\/p>\n<div class=\"novastar-feature-card novastar-card-3\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">03<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Alta resistencia a la tracci\u00f3n \u22651100 MPa<\/h3>\n<p class=\"novastar-card-description\">\n                        Ofrece un refuerzo estructural excepcional y una mayor dureza a la flexi\u00f3n.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 4 --><\/p>\n<div class=\"novastar-feature-card novastar-card-4\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">04<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Mejora en la transferencia de carga y control de grietas<\/h3>\n<p class=\"novastar-card-description\">\n                        Reduce eficazmente la plastificaci\u00f3n, el secado y las microgrietas en el hormig\u00f3n.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 5 --><\/p>\n<div class=\"novastar-feature-card novastar-card-5\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">05<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Durabilidad a largo plazo y resistencia a la corrosi\u00f3n<\/h3>\n<p class=\"novastar-card-description\">\n                        Mantiene el rendimiento en entornos agresivos y h\u00famedos.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 6 - Image Card --><\/p>\n<div class=\"novastar-feature-card novastar-card-image\">\n<div class=\"novastar-card-image-wrapper\">\n                        <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/precast-concrete-stairs-scaled.jpg\" alt=\"Caracter\u00edsticas de la fibra de acero NOVASTAR\"><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .novastar-product-section {\n        width: 100%;\n        background: #ffffff;\n        position: relative;\n    }<\/p>\n<p>    \/* ==================== Introduction Section ==================== *\/\n    .novastar-intro-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 80px 0;\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-intro-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n    }<\/p>\n<p>    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .novastar-intro-decoration {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.4;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-deco-circle {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n    }<\/p>\n<p>    .novastar-deco-1 {\n        width: 400px;\n        height: 400px;\n        top: -100px;\n        left: -100px;\n        animation: novastar-deco-float-1 20s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-deco-2 {\n        width: 300px;\n        height: 300px;\n        bottom: -80px;\n        right: -80px;\n        animation: novastar-deco-float-2 22s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-deco-line {\n        position: absolute;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.2) 50%, transparent 100%);\n    }<\/p>\n<p>    .novastar-line-1 {\n        width: 300px;\n        top: 30%;\n        left: 0;\n        transform: rotate(-15deg);\n    }<\/p>\n<p>    .novastar-line-2 {\n        width: 250px;\n        bottom: 25%;\n        right: 0;\n        transform: rotate(15deg);\n    }<\/p>\n<p>    .novastar-intro-content {\n        display: grid;\n        grid-template-columns: 1.1fr 1fr;\n        gap: 70px;\n        align-items: center;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    \/* Text Content *\/\n    .novastar-intro-text {\n        padding-right: 20px;\n    }<\/p>\n<p>    .novastar-intro-title {\n        font-size: 2.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        line-height: 1.2;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-intro-subtitle {\n        font-size: 1.15rem;\n        color: #3b82f6;\n        font-weight: 600;\n        margin-bottom: 24px;\n        line-height: 1.5;\n    }<\/p>\n<p>    .novastar-intro-divider {\n        width: 60px;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 2px;\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-intro-description {\n        color: #64748b;\n        font-size: 0.98rem;\n        line-height: 1.8;\n        margin-bottom: 36px;\n    }<\/p>\n<p>    .novastar-intro-description p {\n        margin-bottom: 18px;\n    }<\/p>\n<p>    .novastar-intro-description p:last-child {\n        margin-bottom: 0;\n    }<\/p>\n<p>    \/* Stats Cards *\/\n    .novastar-intro-stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-stat-item {\n        background: rgba(255, 255, 255, 0.9);\n        backdrop-filter: blur(10px);\n        padding: 20px;\n        border-radius: 14px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 12px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    .novastar-stat-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 6px 24px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-stat-icon-wrapper {\n        width: 44px;\n        height: 44px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-stat-icon-wrapper svg {\n        width: 22px;\n        height: 22px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-stat-info {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-stat-value {\n        font-size: 1.25rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        line-height: 1.2;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .novastar-stat-label {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Image Area *\/\n    .novastar-intro-image {\n        position: relative;\n    }<\/p>\n<p>    .novastar-image-wrapper {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n    }<\/p>\n<p>    .novastar-image-placeholder {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-image-placeholder img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }<\/p>\n<p>    .novastar-image-badge {\n        position: absolute;\n        bottom: 24px;\n        left: 24px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 16px 20px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n        border: 1px solid rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    .novastar-badge-icon {\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-badge-icon svg {\n        width: 20px;\n        height: 20px;\n        color: white;\n    }<\/p>\n<p>    .novastar-badge-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-badge-title {\n        font-size: 0.95rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 2px;\n    }<\/p>\n<p>    .novastar-badge-subtitle {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* ==================== Features Section ==================== *\/\n    .novastar-features-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-features-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    \/* Features Header *\/\n    .novastar-features-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-features-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-features-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Features Grid - 3x2 Layout *\/\n    .novastar-features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    \/* Feature Card *\/\n    .novastar-feature-card {\n        background: #ffffff;\n        border-radius: 18px;\n        padding: 36px 28px;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }<\/p>\n<p>    .novastar-feature-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-feature-card:hover::before {\n        transform: scaleX(1);\n    }<\/p>\n<p>    \/* Card Number *\/\n    .novastar-card-number {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 3rem;\n        font-weight: 900;\n        color: rgba(59, 130, 246, 0.08);\n        line-height: 1;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-number {\n        color: rgba(59, 130, 246, 0.15);\n        transform: scale(1.1);\n    }<\/p>\n<p>    \/* Card Decoration *\/\n    .novastar-card-decoration {\n        position: absolute;\n        bottom: -25px;\n        left: -25px;\n        width: 120px;\n        height: 120px;\n        opacity: 0.05;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-card-deco-shape {\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 50%;\n        animation: novastar-card-deco-rotate 20s linear infinite;\n    }<\/p>\n<p>    .novastar-card-1 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n    }<\/p>\n<p>    .novastar-card-2 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\n    }<\/p>\n<p>    .novastar-card-3 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n    }<\/p>\n<p>    .novastar-card-4 .novastar-card-deco-shape {\n        border-radius: 20%;\n    }<\/p>\n<p>    .novastar-card-5 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);\n    }<\/p>\n<p>    \/* Card Icon *\/\n    .novastar-card-icon {\n        width: 68px;\n        height: 68px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(29, 78, 216, 0.08) 100%);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n        transition: all 0.3s ease;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-card-icon svg {\n        width: 34px;\n        height: 34px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-icon svg {\n        color: white;\n    }<\/p>\n<p>    \/* Card Content *\/\n    .novastar-card-title {\n        font-size: 1.15rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 14px;\n        line-height: 1.4;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-card-description {\n        font-size: 0.92rem;\n        color: #64748b;\n        line-height: 1.7;\n        z-index: 1;\n    }<\/p>\n<p>    \/* Image Card (6th card) *\/\n    .novastar-card-image {\n        padding: 0;\n        overflow: hidden;\n        border: none;\n    }<\/p>\n<p>    .novastar-card-image::before {\n        display: none;\n    }<\/p>\n<p>    .novastar-card-image-wrapper {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-card-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-card-image:hover .novastar-card-image-wrapper img {\n        transform: scale(1.08);\n    }<\/p>\n<p>    .novastar-card-image-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 32px;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%);\n        transform: translateY(100%);\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-card-image:hover .novastar-card-image-overlay {\n        transform: translateY(0);\n    }<\/p>\n<p>    .novastar-overlay-content {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-overlay-icon {\n        width: 48px;\n        height: 48px;\n        background: rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(10px);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-overlay-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .novastar-overlay-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-overlay-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: white;\n        margin-bottom: 4px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-overlay-subtitle {\n        font-size: 0.88rem;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Animations *\/\n    @keyframes novastar-deco-float-1 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(-20px, -20px); }\n    }<\/p>\n<p>    @keyframes novastar-deco-float-2 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(20px, 20px); }\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    @keyframes novastar-card-deco-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .novastar-features-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }<\/p>\n<p>        .novastar-intro-content {\n            gap: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 1024px) {\n        .novastar-intro-content {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }<\/p>\n<p>        .novastar-intro-text {\n            padding-right: 0;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 2.2rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-intro-wrapper,\n        .novastar-features-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-intro-container,\n        .novastar-features-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-intro-subtitle {\n            font-size: 1.05rem;\n        }<\/p>\n<p>        .novastar-intro-stats {\n            grid-template-columns: 1fr;\n            gap: 12px;\n        }<\/p>\n<p>        .novastar-features-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 1.9rem;\n        }<\/p>\n<p>        .novastar-features-header {\n            margin-bottom: 40px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-intro-container,\n        .novastar-features-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 1.75rem;\n        }<\/p>\n<p>        .novastar-intro-subtitle {\n            font-size: 1rem;\n        }<\/p>\n<p>        .novastar-intro-description {\n            font-size: 0.92rem;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-feature-card {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-image-badge {\n            left: 16px;\n            bottom: 16px;\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<p><!-- Technical Data & Advantages Section --><\/p>\n<div class=\"novastar-technical-section\">\n<p>    <!-- Technical Data Section --><\/p>\n<div class=\"novastar-technical-wrapper\">\n<div class=\"novastar-technical-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-technical-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Especificaciones<\/span>\n                <\/div>\n<h2 class=\"novastar-technical-title\">Datos T\u00e9cnicos<\/h2>\n<p class=\"novastar-technical-subtitle\">\n                    Especificaciones dise\u00f1adas con precisi\u00f3n para una optimizaci\u00f3n del refuerzo de hormig\u00f3n\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Technical Data Grid --><\/p>\n<div class=\"novastar-technical-grid\">\n                <!-- Dimensions Card --><\/p>\n<div class=\"novastar-data-card novastar-dimensions-card\">\n<div class=\"novastar-data-card-header\">\n<div class=\"novastar-data-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-data-card-title\">Dimensiones<\/h3>\n<\/p><\/div>\n<div class=\"novastar-data-table\">\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Longitud<\/div>\n<div class=\"novastar-data-value\">25\u201365 mm<\/div>\n<\/p><\/div>\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Di\u00e1metro<\/div>\n<div class=\"novastar-data-value\">0.5\u20132.0 mm<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-decoration-bg\"><\/div>\n<\/p><\/div>\n<p>                <!-- Mechanical Properties Card --><\/p>\n<div class=\"novastar-data-card novastar-mechanical-card\">\n<div class=\"novastar-data-card-header\">\n<div class=\"novastar-data-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-data-card-title\">Propiedades mec\u00e1nicas<\/h3>\n<\/p><\/div>\n<div class=\"novastar-data-table\">\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Punto de fusi\u00f3n<\/div>\n<div class=\"novastar-data-value\">1495\u00b0C<\/div>\n<\/p><\/div>\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Resistencia a la Tracci\u00f3n<\/div>\n<div class=\"novastar-data-value\">\u22651.2 GPa<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-decoration-bg\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Advantages Section --><\/p>\n<div class=\"novastar-advantages-wrapper\">\n<div class=\"novastar-advantages-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-advantages-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Por qu\u00e9 elegirnos<\/span>\n                <\/div>\n<h2 class=\"novastar-advantages-title\">Ventajas de la fibra de acero con extremo de gancho LANDU NOVASTAR\u2122<\/h2>\n<p class=\"novastar-advantages-subtitle\">\n                    Rendimiento superior mediante un dise\u00f1o innovador, materiales de primera calidad y soluciones rentables\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Advantages Content --><\/p>\n<div class=\"novastar-advantages-content\">\n                <!-- Advantage 1 - Technological --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-tech\">\n<div class=\"novastar-advantage-inner\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-number\">01<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Ventaja tecnol\u00f3gica<\/h3>\n<p class=\"novastar-advantage-description\">\n                                El dise\u00f1o de anclaje de doble gancho proporciona el bloqueo mec\u00e1nico m\u00e1s efectivo. Durante la tensi\u00f3n, los extremos con gancho se deforman gradualmente, aumentando la resistencia a la extracci\u00f3n y fortaleciendo la uni\u00f3n entre la fibra y el hormig\u00f3n.\n                            <\/p>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-product-performance-testers.jpg\" alt=\"Ventaja tecnol\u00f3gica\">\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 2 - Material --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-material\">\n<div class=\"novastar-advantage-inner novastar-reverse\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/landu-novastar-hooked-end-steel-fiber-product.jpg\" alt=\"Ventaja Material\">\n                            <\/div>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-number\">02<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Ventaja Material<\/h3>\n<p class=\"novastar-advantage-description\">\n                                Producidos con hilo de acero de alta calidad y trefilado en fr\u00edo, las fibras de acero NOVASTAR\u2122 ofrecen:\n                            <\/p>\n<div class=\"novastar-advantage-list\">\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>Tolerancia dimensional extremadamente ajustada<\/span>\n                                <\/div>\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>Resistencia a la tracci\u00f3n consistentemente alta (\u22651100 MPa)<\/span>\n                                <\/div>\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>Rendimiento fiable en SFRC y UHPC<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 3 - Economic --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-economic\">\n<div class=\"novastar-advantage-inner\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-number\">03<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <path d=\"M12 6v6l4 2\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Ventaja Econ\u00f3mica<\/h3>\n<p class=\"novastar-advantage-description\">\n                                Soluciones rentables que reducen los gastos del proyecto manteniendo una calidad superior:\n                            <\/p>\n<div class=\"novastar-advantage-grid\">\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">A<\/div>\n<div class=\"novastar-grid-text\">No es necesario equipo adicional\u2014compatible con todos los sistemas de mezcla de concreto est\u00e1ndar<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">B<\/div>\n<div class=\"novastar-grid-text\">Menor uso total de concreto bajo requisitos de resistencia equivalentes<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">C<\/div>\n<div class=\"novastar-grid-text\">Reduce o reemplaza parcialmente el refuerzo de varillas y mallas<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">D<\/div>\n<div class=\"novastar-grid-text\">Acorta los ciclos de construcci\u00f3n\u2014ideal para vertidos continuos de alto volumen<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"801\" width=\"1200\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/economic-advantages-of-digital-competitions.jpg\" alt=\"Ventaja Econ\u00f3mica\">\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Technical Data Section ==================== *\/\n    .novastar-technical-wrapper {\n        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-technical-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-technical-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-technical-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-technical-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label (\u5171\u7528\u6837\u5f0f) *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Technical Data Grid *\/\n    .novastar-technical-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n        max-width: 1000px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .novastar-data-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-card-decoration-bg {\n        position: absolute;\n        bottom: -50px;\n        right: -50px;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-data-card-header {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        margin-bottom: 32px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-data-icon {\n        width: 56px;\n        height: 56px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover .novastar-data-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-data-icon svg {\n        width: 28px;\n        height: 28px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover .novastar-data-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-data-card-title {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: #1e293b;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-data-table {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-data-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 18px 24px;\n        background: rgba(248, 250, 255, 0.8);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-row:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(4px);\n    }<\/p>\n<p>    .novastar-data-label {\n        font-size: 0.95rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    .novastar-data-value {\n        font-size: 1.15rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    \/* ==================== Advantages Section ==================== *\/\n    .novastar-advantages-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-advantages-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-advantages-header {\n        text-align: center;\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .novastar-advantages-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-advantages-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Advantages Content *\/\n    .novastar-advantages-content {\n        display: flex;\n        flex-direction: column;\n        gap: 50px;\n    }<\/p>\n<p>    .novastar-advantage-block {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 24px;\n        padding: 50px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-advantage-block:hover {\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .novastar-advantage-inner {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 50px;\n        align-items: center;\n    }<\/p>\n<p>    .novastar-advantage-inner.novastar-reverse {\n        grid-template-columns: 1fr 1.2fr;\n    }<\/p>\n<p>    .novastar-advantage-number {\n        display: inline-block;\n        font-size: 1rem;\n        font-weight: 800;\n        color: #3b82f6;\n        background: rgba(59, 130, 246, 0.1);\n        padding: 8px 18px;\n        border-radius: 20px;\n        margin-bottom: 20px;\n    }<\/p>\n<p>    .novastar-advantage-icon-large {\n        width: 72px;\n        height: 72px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .novastar-advantage-icon-large svg {\n        width: 36px;\n        height: 36px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-advantage-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 18px;\n        line-height: 1.3;\n        letter-spacing: -0.5px;\n    }<\/p>\n<p>    .novastar-advantage-description {\n        font-size: 1rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    \/* Advantage List *\/\n    .novastar-advantage-list {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .novastar-list-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 0.95rem;\n        color: #1e293b;\n        font-weight: 500;\n        padding: 12px 16px;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 10px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-list-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-list-icon {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-list-icon svg {\n        width: 14px;\n        height: 14px;\n        color: #3b82f6;\n    }<\/p>\n<p>    \/* Advantage Grid *\/\n    .novastar-advantage-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-grid-item {\n        display: flex;\n        gap: 14px;\n        padding: 18px 20px;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-grid-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateY(-4px);\n    }<\/p>\n<p>    .novastar-grid-label {\n        width: 32px;\n        height: 32px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.9rem;\n        font-weight: 700;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-grid-text {\n        font-size: 0.92rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Advantage Image *\/\n    .novastar-advantage-image {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);\n        background: transparent;\n        position: relative;\n    }<\/p>\n<p>    .novastar-advantage-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-advantage-block:hover .novastar-advantage-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-technical-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-advantage-inner,\n        .novastar-advantage-inner.novastar-reverse {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .novastar-advantage-grid {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-technical-wrapper,\n        .novastar-advantages-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-technical-container,\n        .novastar-advantages-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-technical-title,\n        .novastar-advantages-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-data-card {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .novastar-advantage-block {\n            padding: 36px 28px;\n        }<\/p>\n<p>        .novastar-advantage-title {\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .novastar-advantages-header {\n            margin-bottom: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-technical-container,\n        .novastar-advantages-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-technical-title,\n        .novastar-advantages-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-data-card {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-data-row {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 8px;\n        }<\/p>\n<p>        .novastar-advantage-block {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-advantage-title {\n            font-size: 1.35rem;\n        }\n    }\n<\/style>\n<p><!-- Performance Benefits & Applications Section --><\/p>\n<div class=\"novastar-performance-applications-section\">\n<p>    <!-- Performance Benefits Section --><\/p>\n<div class=\"novastar-performance-wrapper\">\n<div class=\"novastar-performance-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-performance-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Excelencia en Rendimiento<\/span>\n                <\/div>\n<h2 class=\"novastar-performance-title\">Beneficios de rendimiento con las fibras de acero NOVASTAR\u2122<\/h2>\n<p class=\"novastar-performance-subtitle\">\n                    Desbloquea un rendimiento de ingenier\u00eda superior y eficiencia en costos\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Benefits Grid --><\/p>\n<div class=\"novastar-benefits-grid\">\n                <!-- Benefit 1 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Mayor Resistencia a las Grietas<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Limita la propagaci\u00f3n de grietas pl\u00e1sticas, por secado y post-grieta en SFRC\/UHPC.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 2 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Mayor Capacidad de Carga en Flexi\u00f3n<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Mejora la resistencia a impactos, fatiga y deformaciones.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 3 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Dispersion Eficiente de las Fibras<\/h3>\n<p class=\"novastar-benefit-description\">\n                        El formato suelto permite una mezcla limpia e inmediata sin aglomeraciones.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 4 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Necesidades de refuerzo reducidas<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Disminuye la dependencia de varillas y mallas soldadas, reduciendo el costo laboral.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 5 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <path d=\"M12 6v6l4 2\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Durabilidad a largo plazo en entornos adversos<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Excelente resistencia a la corrosi\u00f3n que garantiza la extensi\u00f3n de la vida \u00fatil.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 6 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Optimizado para hormig\u00f3n de alto rendimiento<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Perfecto para SFRC, UHPC, shotcrete de t\u00fanel, revestimientos y suelos de alta resistencia.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Applications Section --><\/p>\n<div class=\"novastar-applications-wrapper\">\n<div class=\"novastar-applications-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-applications-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Soluciones para la industria<\/span>\n                <\/div>\n<h2 class=\"novastar-applications-title\">Aplicaciones<\/h2>\n<p class=\"novastar-applications-subtitle\">\n                    Las fibras de acero con extremos enganchados sueltos NOVASTAR\u2122 son ideales para diversas necesidades de refuerzo del hormig\u00f3n\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Applications Content --><\/p>\n<div class=\"novastar-applications-content\">\n                <!-- Applications List --><\/p>\n<div class=\"novastar-applications-list\">\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                                <path d=\"M3 9h18M9 21V9\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Suelos industriales y losas de almac\u00e9n<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Pavimentos de alta resistencia y losas sobre cimiento<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Shotcrete de t\u00fanel (NATM \/ miner\u00eda)<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Tuber\u00edas, losas, paneles y segmentos prefabricados<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14\"><\/path>\n                                <path d=\"M12 5l7 7-7 7\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Cubiertas de puentes, revestimientos y suelos sin juntas<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">UHPC que requiere refuerzo de alta tensi\u00f3n y flexi\u00f3n<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Applications Image --><\/p>\n<div class=\"novastar-applications-image\">\n                    <img loading=\"lazy\" height=\"1705\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/factory-or-warehouse-or-industrial-building-modern-2025-01-10-18-26-56-utc-scaled.jpg\" alt=\"Aplicaciones de NOVASTAR\"><\/p>\n<div class=\"novastar-app-image-badge\">\n<div class=\"novastar-app-badge-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Probado en proyectos globales<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Featured Projects --><\/p>\n<div class=\"novastar-projects-section\">\n<div class=\"novastar-projects-header\">\n<h3 class=\"novastar-projects-title\">Proyectos destacados que utilizan fibras LANDU<\/h3>\n<\/p><\/div>\n<div class=\"novastar-projects-grid\">\n                    <!-- Project 1 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"1700\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/boat-sailing-in-the-open-sea-with-a-bridge-on-the-2025-02-09-21-12-47-utc-scaled.jpg\" alt=\"Puente Hong Kong\u2013Zhuhai\u2013Macao\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Infraestructura<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Puente Hong Kong\u2013Zhuhai\u2013Macao<\/h4>\n<p class=\"novastar-project-description\">\n                                Shotcrete reforzado con macrofibras para resistencia a grietas\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Project 2 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"514\" width=\"904\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/Overlooking_Da_Nang_Port_fixed.jpg\" alt=\"Muelle de Da Nang, Vietnam\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Marino<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Muelle de Da Nang, Vietnam<\/h4>\n<p class=\"novastar-project-description\">\n                                Hormig\u00f3n reforzado con fibras de acero para durabilidad marina\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Project 3 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"657\" width=\"950\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/hangzhouolympicsportscenter_nbbj_002.jpg\" alt=\"Centro Deportivo Ol\u00edmpico de Hangzhou\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Instalaci\u00f3n Deportiva<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Centro Deportivo Ol\u00edmpico de Hangzhou<\/h4>\n<p class=\"novastar-project-description\">\n                                Microfibra de polipropileno para control de encogimiento en pl\u00e1sticos\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Performance Benefits Section ==================== *\/\n    .novastar-performance-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-performance-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-performance-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-performance-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-performance-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label (\u5171\u7528\u6837\u5f0f) *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Benefits Grid *\/\n    .novastar-benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    .novastar-benefit-card {\n        background: #ffffff;\n        border-radius: 18px;\n        padding: 36px 32px;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-benefit-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-benefit-card:hover::before {\n        transform: scaleX(1);\n    }<\/p>\n<p>    .novastar-benefit-decoration {\n        position: absolute;\n        bottom: -30px;\n        right: -30px;\n        width: 120px;\n        height: 120px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-benefit-icon {\n        width: 64px;\n        height: 64px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(29, 78, 216, 0.08) 100%);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover .novastar-benefit-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-benefit-icon svg {\n        width: 32px;\n        height: 32px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover .novastar-benefit-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-benefit-title {\n        font-size: 1.15rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 14px;\n        line-height: 1.4;\n    }<\/p>\n<p>    .novastar-benefit-description {\n        font-size: 0.92rem;\n        color: #64748b;\n        line-height: 1.7;\n    }<\/p>\n<p>    \/* ==================== Applications Section ==================== *\/\n    .novastar-applications-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-applications-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-applications-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-applications-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-applications-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Applications Content *\/\n    .novastar-applications-content {\n        display: grid;\n        grid-template-columns: 1.1fr 1fr;\n        gap: 60px;\n        align-items: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .novastar-applications-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-app-item {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        padding: 20px 24px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 14px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.25);\n        transform: translateX(8px);\n        box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-app-icon {\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover .novastar-app-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: rotate(5deg);\n    }<\/p>\n<p>    .novastar-app-icon svg {\n        width: 24px;\n        height: 24px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover .novastar-app-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-app-text {\n        font-size: 0.98rem;\n        color: #1e293b;\n        font-weight: 600;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* Applications Image *\/\n    .novastar-applications-image {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n        aspect-ratio: 4\/3;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-applications-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-applications-image:hover img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .novastar-app-image-badge {\n        position: absolute;\n        bottom: 24px;\n        left: 24px;\n        right: 24px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 16px 20px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n        border: 1px solid rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    .novastar-app-badge-icon {\n        width: 36px;\n        height: 36px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-app-badge-icon svg {\n        width: 18px;\n        height: 18px;\n        color: white;\n    }<\/p>\n<p>    .novastar-app-image-badge span {\n        font-size: 0.95rem;\n        font-weight: 700;\n        color: #1e293b;\n    }<\/p>\n<p>    \/* ==================== Featured Projects Section ==================== *\/\n    .novastar-projects-section {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 24px;\n        padding: 50px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-projects-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .novastar-projects-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        letter-spacing: -0.5px;\n    }<\/p>\n<p>    .novastar-projects-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }<\/p>\n<p>    .novastar-project-card {\n        background: #ffffff;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-project-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-project-image {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-project-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-project-card:hover .novastar-project-image img {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .novastar-project-overlay {\n        position: absolute;\n        top: 16px;\n        right: 16px;\n    }<\/p>\n<p>    .novastar-project-tag {\n        background: rgba(59, 130, 246, 0.9);\n        backdrop-filter: blur(10px);\n        color: white;\n        padding: 6px 14px;\n        border-radius: 8px;\n        font-size: 0.8rem;\n        font-weight: 600;\n    }<\/p>\n<p>    .novastar-project-content {\n        padding: 24px;\n    }<\/p>\n<p>    .novastar-project-name {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 10px;\n        line-height: 1.4;\n    }<\/p>\n<p>    .novastar-project-description {\n        font-size: 0.9rem;\n        color: #64748b;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .novastar-benefits-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }<\/p>\n<p>        .novastar-projects-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }<\/p>\n<p>    @media (max-width: 1024px) {\n        .novastar-applications-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-performance-wrapper,\n        .novastar-applications-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-performance-container,\n        .novastar-applications-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-performance-title,\n        .novastar-applications-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-benefits-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }<\/p>\n<p>        .novastar-projects-section {\n            padding: 36px 28px;\n        }<\/p>\n<p>        .novastar-projects-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-projects-title {\n            font-size: 1.5rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-performance-container,\n        .novastar-applications-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-performance-title,\n        .novastar-applications-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-benefit-card {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .novastar-projects-section {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-app-item {\n            padding: 16px 18px;\n        }\n    }\n<\/style>\n<p><!-- Usage Guidelines & Packaging Section --><\/p>\n<div class=\"novastar-usage-packaging-section\">\n<p>    <!-- Usage Guidelines Section --><\/p>\n<div class=\"novastar-usage-wrapper\">\n<div class=\"novastar-usage-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-usage-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Gu\u00eda de Implementaci\u00f3n<\/span>\n                <\/div>\n<h2 class=\"novastar-usage-title\">Directrices de Uso<\/h2>\n<p class=\"novastar-usage-subtitle\">\n                    Recomendaciones profesionales para un rendimiento \u00f3ptimo del hormig\u00f3n con fibras de acero\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Usage Content --><\/p>\n<div class=\"novastar-usage-content\">\n                <!-- Dosage Card --><\/p>\n<div class=\"novastar-guideline-card novastar-dosage-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-guideline-title\">Dosis Recomendada<\/h3>\n<\/p><\/div>\n<div class=\"novastar-dosage-content\">\n<div class=\"novastar-dosage-range\">\n<div class=\"novastar-dosage-value\">15\u201345 kg\/m\u00b3<\/div>\n<div class=\"novastar-dosage-bar\">\n<div class=\"novastar-dosage-fill\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"novastar-dosage-note\">\n                            Dependiendo de los requisitos de rendimiento de SFRC\/UHPC\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Process Cards Grid --><\/p>\n<div class=\"novastar-process-grid\">\n                    <!-- Mixing Card --><\/p>\n<div class=\"novastar-guideline-card novastar-mixing-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                                    <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Mezclado<\/h3>\n<\/p><\/div>\n<div class=\"novastar-steps-list\">\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">1<\/div>\n<div class=\"novastar-step-text\">Agregar primero los agregados<\/div>\n<\/p><\/div>\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">2<\/div>\n<div class=\"novastar-step-text\">Introducir las fibras antes del agua<\/div>\n<\/p><\/div>\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">3<\/div>\n<div class=\"novastar-step-text\">Mezclar de 3 a 5 minutos adicionales para asegurar una distribuci\u00f3n completa de las fibras<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Placement Card --><\/p>\n<div class=\"novastar-guideline-card novastar-placement-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Colocaci\u00f3n<\/h3>\n<\/p><\/div>\n<div class=\"novastar-info-list\">\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>Adecuado para bombeo, vertido, vibraci\u00f3n y colocaci\u00f3n de hormig\u00f3n est\u00e1ndar<\/span>\n                            <\/div>\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>No se requiere maquinaria especial<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Finishing Card --><\/p>\n<div class=\"novastar-guideline-card novastar-finishing-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Acabado<\/h3>\n<\/p><\/div>\n<div class=\"novastar-info-list\">\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>M\u00e9todos convencionales de alisado y nivelado<\/span>\n                            <\/div>\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>La exposici\u00f3n menor a fibras no afecta el rendimiento<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Packaging Options Section --><\/p>\n<div class=\"novastar-packaging-wrapper\">\n<div class=\"novastar-packaging-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-packaging-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Soluciones log\u00edsticas<\/span>\n                <\/div>\n<h2 class=\"novastar-packaging-title\">Opciones de embalaje (Personalizables)<\/h2>\n<p class=\"novastar-packaging-subtitle\">\n                    LANDU ofrece log\u00edstica flexible para optimizar las operaciones en obra\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Packaging Grid --><\/p>\n<div class=\"novastar-packaging-grid\">\n                <!-- Package Option 1 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                                <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                                <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Bolsas de papel solubles en agua<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">5 kg \/ 10 kg<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            Depositar directamente en la mezcladora \u2014 sin necesidad de abrir las bolsas, reduciendo mano de obra y contaminaci\u00f3n\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                            <\/svg><br \/>\n                            <span>La opci\u00f3n m\u00e1s conveniente<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Package Option 2 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Cajas de cart\u00f3n<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">Tama\u00f1o est\u00e1ndar<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            Almacenamiento organizado y transporte f\u00e1cil \u2014 ideal para proyectos de tama\u00f1o medio\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Almacenamiento protegido<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Package Option 3 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                                <path d=\"M3 9h18M9 21V9\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Embalaje a granel<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">Volumen personalizado<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            Para grandes proyectos de construcci\u00f3n \u2014 log\u00edstica rentable y eficiente\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 6v6l4 2\"><\/path>\n                            <\/svg><br \/>\n                            <span>La mejor relaci\u00f3n calidad-precio<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Packaging CTA --><\/p>\n<div class=\"novastar-packaging-cta\">\n<div class=\"novastar-cta-content\">\n<h3 class=\"novastar-cta-title\">\u00bfNecesita soluciones de embalaje personalizadas?<\/h3>\n<p class=\"novastar-cta-description\">\n                        Contacte a nuestro equipo para discutir opciones de embalaje personalizadas para los requisitos espec\u00edficos de su proyecto\n                    <\/p>\n<\/p><\/div>\n<p>                <button class=\"novastar-cta-button\"><br \/>\n                    <span>Contactar al equipo de ventas<\/span><br \/>\n                    <svg class=\"novastar-arrow-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Usage Guidelines Section ==================== *\/\n    .novastar-usage-wrapper {\n        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-usage-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-usage-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-usage-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-usage-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Usage Content *\/\n    .novastar-usage-content {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }<\/p>\n<p>    \/* Guideline Cards *\/\n    .novastar-guideline-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-guideline-card:hover {\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-guideline-header {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-guideline-icon {\n        width: 56px;\n        height: 56px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-guideline-icon svg {\n        width: 28px;\n        height: 28px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-guideline-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: #1e293b;\n        line-height: 1.3;\n    }<\/p>\n<p>    \/* Dosage Card *\/\n    .novastar-dosage-content {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-dosage-range {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        padding: 28px 32px;\n        border-radius: 16px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n    }<\/p>\n<p>    .novastar-dosage-value {\n        font-size: 2.2rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .novastar-dosage-bar {\n        width: 100%;\n        height: 8px;\n        background: rgba(59, 130, 246, 0.1);\n        border-radius: 4px;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-dosage-fill {\n        width: 75%;\n        height: 100%;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 4px;\n        animation: novastar-dosage-fill 2s ease-out;\n    }<\/p>\n<p>    @keyframes novastar-dosage-fill {\n        from { width: 0; }\n        to { width: 75%; }\n    }<\/p>\n<p>    .novastar-dosage-note {\n        font-size: 0.95rem;\n        color: #64748b;\n        font-style: italic;\n        padding-left: 8px;\n    }<\/p>\n<p>    \/* Process Grid *\/\n    .novastar-process-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    \/* Steps List *\/\n    .novastar-steps-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-step-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 16px 20px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-step-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-step-number {\n        width: 32px;\n        height: 32px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.95rem;\n        font-weight: 700;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-step-text {\n        font-size: 0.95rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n        padding-top: 4px;\n    }<\/p>\n<p>    \/* Info List *\/\n    .novastar-info-list {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .novastar-info-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        padding: 14px 18px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 10px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-info-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-info-icon {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }<\/p>\n<p>    .novastar-info-icon svg {\n        width: 14px;\n        height: 14px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-info-item span {\n        font-size: 0.92rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* ==================== Packaging Section ==================== *\/\n    .novastar-packaging-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-packaging-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-packaging-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-packaging-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-packaging-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Packaging Grid *\/\n    .novastar-packaging-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-package-card {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 20px;\n        padding: 40px 36px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        overflow: hidden;\n        min-height: 320px;\n    }<\/p>\n<p>    .novastar-package-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-package-decoration {\n        position: absolute;\n        bottom: -40px;\n        right: -40px;\n        width: 160px;\n        height: 160px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-package-icon-wrapper {\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-package-icon {\n        width: 72px;\n        height: 72px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-package-card:hover .novastar-package-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-package-icon svg {\n        width: 36px;\n        height: 36px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-package-card:hover .novastar-package-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-package-content {\n        flex: 1;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-package-title {\n        font-size: 1.45rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-package-specs {\n        display: flex;\n        gap: 10px;\n        margin-bottom: 18px;\n    }<\/p>\n<p>    .novastar-package-spec {\n        background: rgba(59, 130, 246, 0.1);\n        color: #3b82f6;\n        padding: 7px 16px;\n        border-radius: 8px;\n        font-size: 0.88rem;\n        font-weight: 600;\n    }<\/p>\n<p>    .novastar-package-description {\n        font-size: 0.98rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 20px;\n    }<\/p>\n<p>    .novastar-package-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 9px 16px;\n        border-radius: 10px;\n        font-size: 0.88rem;\n        font-weight: 600;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-package-badge svg {\n        width: 16px;\n        height: 16px;\n    }<\/p>\n<p>    \/* Packaging CTA *\/\n    .novastar-packaging-cta {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 20px;\n        padding: 48px 50px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 40px;\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-cta-content {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-cta-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: white;\n        margin-bottom: 12px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-cta-description {\n        font-size: 1rem;\n        color: rgba(255, 255, 255, 0.9);\n        line-height: 1.6;\n    }<\/p>\n<p>    .novastar-cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: white;\n        color: #3b82f6;\n        padding: 16px 32px;\n        border-radius: 12px;\n        font-size: 1rem;\n        font-weight: 700;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n        background: #f8faff;\n    }<\/p>\n<p>    .novastar-arrow-icon {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-process-grid,\n        .novastar-packaging-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-packaging-cta {\n            flex-direction: column;\n            text-align: center;\n            padding: 40px 36px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-usage-wrapper,\n        .novastar-packaging-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-usage-container,\n        .novastar-packaging-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-usage-title,\n        .novastar-packaging-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-guideline-card {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .novastar-package-card {\n            padding: 36px 28px;\n            min-height: auto;\n        }<\/p>\n<p>        .novastar-cta-title {\n            font-size: 1.5rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-usage-container,\n        .novastar-packaging-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-usage-title,\n        .novastar-packaging-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-guideline-card {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-package-card {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-packaging-cta {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-cta-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n<\/style>\n<p><!-- Why Choose & CTA Section --><\/p>\n<div class=\"novastar-why-choose-cta-section\">\n<p>    <!-- Why Choose NOVASTAR Section --><\/p>\n<div class=\"novastar-why-choose-wrapper\">\n<div class=\"novastar-why-choose-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-why-choose-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Nuestro compromiso<\/span>\n                <\/div>\n<h2 class=\"novastar-why-choose-title\">\u00bfPor qu\u00e9 elegir NOVASTAR\u2122?<\/h2>\n<\/p><\/div>\n<p>            <!-- Why Choose Grid --><\/p>\n<div class=\"novastar-why-choose-grid\">\n                <!-- Reason 1 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">M\u00e1s de 22 a\u00f1os de experiencia en fabricaci\u00f3n de fibra<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-technicians-data-record.jpg\" alt=\"M\u00e1s de 22 a\u00f1os de experiencia\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            LANDU proporciona fibras de refuerzo estables y de alto rendimiento confiables en infraestructura, miner\u00eda, producci\u00f3n de prefabricados y construcci\u00f3n industrial.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Reason 2 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">Experiencia en proyectos globales<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"1167\" width=\"1750\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/aerial-view-of-concrete-frame-of-tall-apartment-bu-2024-12-06-03-40-29-utc.jpg\" alt=\"Proyectos globales\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            Productos utilizados en m\u00e1s de 1,000 proyectos en m\u00e1s de 20 pa\u00edses, incluyendo puentes transoce\u00e1nicos, sistemas de metro, puertos y estructuras marinas, y cimientos de grandes superficies comerciales.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Reason 3 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">Suministro directo de f\u00e1brica<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Suministro en f\u00e1brica\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            Tiempos de entrega r\u00e1pidos, calidad estable y soporte t\u00e9cnico completo, incluyendo dise\u00f1o de mezclas, recomendaciones de dosificaci\u00f3n y orientaci\u00f3n en el sitio.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Final CTA Section --><\/p>\n<div class=\"novastar-final-cta-wrapper\">\n<div class=\"novastar-final-cta-container\">\n<div class=\"novastar-cta-background\">\n<div class=\"novastar-cta-circle novastar-cta-circle-1\"><\/div>\n<div class=\"novastar-cta-circle novastar-cta-circle-2\"><\/div>\n<div class=\"novastar-cta-circle novastar-cta-circle-3\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-cta-content-wrapper\">\n<div class=\"novastar-cta-main-content\">\n<div class=\"novastar-cta-icon-feature\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<h2 class=\"novastar-cta-main-title\">Obtenga una soluci\u00f3n de fibra personalizada<\/h2>\n<p class=\"novastar-cta-main-description\">\n                        Cu\u00e9ntenos los requisitos de su proyecto y nuestro equipo de ingenier\u00eda recomendar\u00e1 el sistema de fibra de acero NOVASTAR\u2122 \u00f3ptimo.\n                    <\/p>\n<div class=\"novastar-cta-buttons\">\n                        <button class=\"novastar-cta-btn novastar-cta-primary\"><br \/>\n                            <svg class=\"novastar-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Solicitar soporte t\u00e9cnico<\/span><br \/>\n                        <\/button><br \/>\n                        <button class=\"novastar-cta-btn novastar-cta-secondary\"><br \/>\n                            <svg class=\"novastar-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Solicitar muestra gratuita<\/span><br \/>\n                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<div class=\"novastar-cta-contact-info\">\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">Tel\u00e9fono<\/div>\n<div class=\"novastar-contact-value\">+1 (555) 123-4567<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">Correo electr\u00f3nico<\/div>\n<div class=\"novastar-contact-value\">sales@landu-fiber.com<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 6v6l4 2\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">Tiempo de respuesta<\/div>\n<div class=\"novastar-contact-value\">Dentro de 24 horas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Why Choose Section ==================== *\/\n    .novastar-why-choose-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-why-choose-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-why-choose-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    .novastar-why-choose-title {\n        font-size: 2.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    \/* Why Choose Grid *\/\n    .novastar-why-choose-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }<\/p>\n<p>    .novastar-reason-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 32px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n    }<\/p>\n<p>    .novastar-reason-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-reason-title {\n        font-size: 1.3rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 24px;\n        line-height: 1.4;\n        text-align: center;\n    }<\/p>\n<p>    .novastar-reason-image {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        border-radius: 14px;\n        overflow: hidden;\n        margin-bottom: 24px;\n        position: relative;\n        background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);\n    }<\/p>\n<p>    .novastar-reason-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }<\/p>\n<p>    .novastar-reason-card:hover .novastar-reason-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .novastar-reason-content {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-reason-description {\n        font-size: 0.95rem;\n        color: #64748b;\n        line-height: 1.75;\n        text-align: center;\n    }<\/p>\n<p>    \/* ==================== Final CTA Section ==================== *\/\n    .novastar-final-cta-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n        overflow: hidden;\n        border-top: 1px solid #e2e8f0;\n    }<\/p>\n<p>    .novastar-cta-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.04;\n    }<\/p>\n<p>    .novastar-cta-circle {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, transparent 70%);\n    }<\/p>\n<p>    .novastar-cta-circle-1 {\n        width: 400px;\n        height: 400px;\n        top: -100px;\n        right: -100px;\n        animation: novastar-cta-float-1 20s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-cta-circle-2 {\n        width: 300px;\n        height: 300px;\n        bottom: -80px;\n        left: -80px;\n        animation: novastar-cta-float-2 22s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-cta-circle-3 {\n        width: 250px;\n        height: 250px;\n        top: 50%;\n        left: 50%;\n        animation: novastar-cta-float-3 24s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-cta-float-1 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(-30px, -30px); }\n    }<\/p>\n<p>    @keyframes novastar-cta-float-2 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    @keyframes novastar-cta-float-3 {\n        0%, 100% { transform: translate(-50%, -50%) scale(1); }\n        50% { transform: translate(-50%, -50%) scale(1.1); }\n    }<\/p>\n<p>    .novastar-final-cta-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-cta-content-wrapper {\n        display: grid;\n        grid-template-columns: 1.3fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .novastar-cta-icon-feature {\n        width: 100px;\n        height: 100px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        border-radius: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 32px;\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .novastar-cta-icon-feature svg {\n        width: 50px;\n        height: 50px;\n        color: white;\n    }<\/p>\n<p>    .novastar-cta-main-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 18px;\n        line-height: 1.2;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-cta-main-description {\n        font-size: 1.1rem;\n        color: #64748b;\n        line-height: 1.7;\n        margin-bottom: 36px;\n    }<\/p>\n<p>    .novastar-cta-buttons {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .novastar-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 16px 32px;\n        border-radius: 12px;\n        font-size: 1rem;\n        font-weight: 700;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-cta-primary {\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: white;\n        box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);\n    }<\/p>\n<p>    .novastar-cta-secondary {\n        background: white;\n        color: #3b82f6;\n        border: 2px solid #3b82f6;\n    }<\/p>\n<p>    .novastar-cta-secondary:hover {\n        transform: translateY(-3px);\n        background: #f8faff;\n        border-color: #2563eb;\n    }<\/p>\n<p>    .novastar-btn-icon {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    \/* Contact Info *\/\n    .novastar-cta-contact-info {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .novastar-contact-item {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n        padding: 24px;\n        background: #f8faff;\n        border-radius: 16px;\n        border: 1px solid #e0f2fe;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-contact-item:hover {\n        background: #eff6ff;\n        border-color: #bfdbfe;\n        transform: translateX(-6px);\n        box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-contact-icon {\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-contact-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .novastar-contact-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-contact-label {\n        font-size: 0.85rem;\n        color: #64748b;\n        font-weight: 500;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .novastar-contact-value {\n        font-size: 1.05rem;\n        color: #1e293b;\n        font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-why-choose-grid {\n            grid-template-columns: 1fr;\n            gap: 28px;\n        }<\/p>\n<p>        .novastar-cta-content-wrapper {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-why-choose-wrapper,\n        .novastar-final-cta-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-why-choose-container,\n        .novastar-final-cta-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-why-choose-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .novastar-reason-card {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .novastar-reason-title {\n            font-size: 1.2rem;\n        }<\/p>\n<p>        .novastar-cta-main-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-cta-buttons {\n            flex-direction: column;\n        }<\/p>\n<p>        .novastar-cta-btn {\n            width: 100%;\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-why-choose-container,\n        .novastar-final-cta-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-why-choose-title {\n            font-size: 1.9rem;\n        }<\/p>\n<p>        .novastar-reason-card {\n            padding: 24px 20px;\n        }<\/p>\n<p>        .novastar-reason-title {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .novastar-cta-main-title {\n            font-size: 1.7rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>NOVASTAR\u2122 por LANDU Refuerzo de fibra de acero con extremos en gancho para hormig\u00f3n de alta resistencia Logre una resistencia superior, resistencia a la flexi\u00f3n y durabilidad a largo plazo en cada vertido. Dise\u00f1ado para SFRC, UHPC, pavimentos industriales, t\u00faneles y estructuras de cargas pesadas. Las fibras de acero con extremos en gancho NOVASTAR\u2122 ofrecen un anclaje mec\u00e1nico excepcional y una dispersi\u00f3n uniforme para aplicaciones cr\u00edticas en el hormig\u00f3n. Resistencia a la tracci\u00f3n alta \u22651100 MPa Dise\u00f1o en gancho para un anclaje \u00f3ptimo [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5078,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/comments?post=5099"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5099\/revisions"}],"predecessor-version":[{"id":5100,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5099\/revisions\/5100"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5078"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/media?parent=5099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}