{"id":1797,"date":"2026-05-10T16:56:51","date_gmt":"2026-05-10T16:56:51","guid":{"rendered":"https:\/\/paleroo.com\/?page_id=1797"},"modified":"2026-10-16T06:16:52","modified_gmt":"2026-10-16T06:16:52","slug":"home","status":"publish","type":"page","link":"https:\/\/paleroo.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1797\" class=\"elementor elementor-1797\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec063f1 e-con-full bdt-backdrop-filter-yes e-flex bdt-filter-backdrop e-con e-parent\" data-id=\"ec063f1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-522fd66 elementor-widget elementor-widget-html\" data-id=\"522fd66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Signs & Wraps \u2014 Premium<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n     SECCI\u00d3N: HERO PRINCIPAL (PrincipalH)\r\n     CAMBIOS EN ESTA VERSI\u00d3N:\r\n     1) Fotos reales actualizadas (ya ven\u00edan as\u00ed en el c\u00f3digo que\r\n        me pasaste \u2014 no se tocaron).\r\n     2) CORRECCI\u00d3N: las tarjetitas flotantes (FAST TURNAROUND, etc.)\r\n        y la barra de 4 servicios abajo se ve\u00edan como botones\r\n        (fondo, borde, sombra, efecto al pasar el mouse) sin serlo\r\n        \u2014 confund\u00eda a los visitantes. Ahora son texto plano, sin\r\n        caja, sin efecto de \"presionar\".\r\n     ============================================================ -->\r\n<section class=\"PrincipalH\">\r\n\r\n    <div class=\"bg-carousel\">\r\n        <div class=\"bg-slide active\">\r\n            <img src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/auto-service-salon-doign-car-wrapping-1-scaled.jpg\" alt=\"\" fetchpriority=\"high\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"bg-slide\">\r\n            <img src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/IMG_3166-scaled.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"bg-slide\">\r\n            <img src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/IMG_1352-scaled.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"HeroOverlay\"><\/div>\r\n    <div class=\"HeroLines\"><\/div>\r\n    <div class=\"HeroGlow\"><\/div>\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"hero-glow glow-1\"><\/div>\r\n    <div class=\"hero-glow glow-2\"><\/div>\r\n\r\n    <div class=\"particles\">\r\n        <span class=\"p p1\"><\/span>\r\n        <span class=\"p p2\"><\/span>\r\n        <span class=\"p p3\"><\/span>\r\n        <span class=\"p p4\"><\/span>\r\n        <span class=\"p p5\"><\/span>\r\n        <span class=\"p p6\"><\/span>\r\n        <span class=\"p p7\"><\/span>\r\n        <span class=\"p p8\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"light-streaks\">\r\n        <span class=\"streak s1\"><\/span>\r\n        <span class=\"streak s2\"><\/span>\r\n        <span class=\"streak s3\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hero-wrapper\">\r\n\r\n        <div class=\"hero-left\">\r\n\r\n            <div class=\"hero-tag\">\r\n                PREMIUM SIGNS \u2022 WRAPS \u2022 BRANDING\r\n            <\/div>\r\n\r\n            <h1>\r\n                <span class=\"word w1\">DRIVE YOUR BRAND.<\/span>\r\n                <br>\r\n                <span class=\"word w2\">GROW YOUR<\/span>\r\n                <span class=\"word w3\">BUSINESS.<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                Custom vehicle wraps, commercial signage, large-format graphics\r\n                and branding solutions designed to make your business stand out -\r\n                on the road and at your location.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"https:\/\/paleroo.com\/contact\/\" class=\"hero-btn primary-btn\">\r\n                    <span class=\"btn-text\">GET A FREE QUOTE<\/span>\r\n                    <span class=\"btn-shine\"><\/span>\r\n                    <span class=\"btn-arrow\">\u2192<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/paleroo.com\/portfolio\/\" class=\"hero-btn secondary-btn\">\r\n                    <span class=\"btn-text\">VIEW OUR WORK<\/span>\r\n                    <span class=\"btn-shine\"><\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- PENDIENTE (marcado en el PDF como urgente): confirmar que\r\n                 \"500+\" proyectos y \"10+\" a\u00f1os sean cifras reales verificadas -->\r\n            <div class=\"hero-stats\">\r\n                <div class=\"stat-box\">\r\n                    <h3>500+<\/h3>\r\n                    <span>Projects Completed<\/span>\r\n                <\/div>\r\n                <div class=\"stat-box\">\r\n                    <h3>10+<\/h3>\r\n                    <span>Years Experience<\/span>\r\n                <\/div>\r\n                <div class=\"stat-box\">\r\n                    <h3>5\u2605<\/h3>\r\n                    <span>Client Satisfaction<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <div class=\"hero-right\">\r\n\r\n            <div class=\"hero-main-image\">\r\n                <img\r\n                    src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/IMG_2450-scaled.jpg\"\r\n                    alt=\"Paleroo signage project\"\r\n                    fetchpriority=\"high\"\r\n                    decoding=\"async\"\r\n                >\r\n                <div class=\"image-frame\"><\/div>\r\n                <div class=\"image-reflection\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-car\">\r\n                <img\r\n                    src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_12_ago_2026__10_08_55-removebg-preview.png\"\r\n                    alt=\"Vehicle Wrap\"\r\n                    fetchpriority=\"high\"\r\n                    decoding=\"async\"\r\n                >\r\n                <div class=\"car-shadow\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- CORRECCI\u00d3N: ya no se ven como botones (sin fondo, sin\r\n                 borde, sin sombra, sin efecto al pasar el mouse) -->\r\n            <div class=\"hero-card card-1\">\r\n                <span class=\"card-dot\"><\/span>\r\n                <span>FAST TURNAROUND<\/span>\r\n            <\/div>\r\n            <div class=\"hero-card card-2\">\r\n                <span class=\"card-dot\"><\/span>\r\n                <span>PREMIUM MATERIALS<\/span>\r\n            <\/div>\r\n            <div class=\"hero-card card-3\">\r\n                <span class=\"card-dot\"><\/span>\r\n                <span>CUSTOM DESIGNS<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"trust-line\">\r\n        <span>PREMIUM MATERIALS<\/span>\r\n        <span class=\"trust-dot\">\u2022<\/span>\r\n        <span>CUSTOM DESIGN<\/span>\r\n        <span class=\"trust-dot\">\u2022<\/span>\r\n        <span>PROFESSIONAL INSTALLATION<\/span>\r\n    <\/div>\r\n\r\n    <!-- CORRECCI\u00d3N: ya no se ven como 4 botones (sin fondo, sin\r\n         borde, sin sombra, sin efecto al pasar el mouse) -->\r\n    <div class=\"hero-bottom\">\r\n        <div class=\"bottom-item\">\r\n            <span class=\"bi-icon\">\u2726<\/span>\r\n            <strong>Commercial Signage<\/strong>\r\n        <\/div>\r\n        <div class=\"bottom-item\">\r\n            <span class=\"bi-icon\">\u2726<\/span>\r\n            <strong>Vehicle Wraps & Graphics<\/strong>\r\n        <\/div>\r\n        <div class=\"bottom-item\">\r\n            <span class=\"bi-icon\">\u2726<\/span>\r\n            <strong>Large-Format Printing<\/strong>\r\n        <\/div>\r\n        <div class=\"bottom-item\">\r\n            <span class=\"bi-icon\">\u2726<\/span>\r\n            <strong>Installation & Permits<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.PrincipalH {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 100vh;\r\n    background: #050816;\r\n    padding: 140px 7% 120px;\r\n    isolation: isolate;\r\n}\r\n\r\n.bg-carousel {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.bg-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    transition: opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n    contain: paint;\r\n}\r\n\r\n.bg-slide.active {\r\n    opacity: 1;\r\n    animation: bgZoom 20s ease-in-out infinite alternate;\r\n    will-change: transform;\r\n}\r\n\r\n.bg-slide img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: brightness(0.4) contrast(1.15) saturate(1.2);\r\n}\r\n\r\n.particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    contain: paint;\r\n}\r\n\r\n.p {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(0, 128, 255, 0.6);\r\n    animation: particleDrift linear infinite;\r\n}\r\n\r\n.p1  { width:3px;  height:3px;  left:10%; top:70%; animation-duration:12s; animation-delay:0s;   opacity:.7; }\r\n.p2  { width:2px;  height:2px;  left:20%; top:80%; animation-duration:15s; animation-delay:2s;   opacity:.5; background:rgba(128,0,128,.8); }\r\n.p3  { width:4px;  height:4px;  left:35%; top:60%; animation-duration:10s; animation-delay:1s;   opacity:.6; }\r\n.p4  { width:2px;  height:2px;  left:55%; top:75%; animation-duration:18s; animation-delay:3s;   opacity:.5; background:rgba(128,0,128,.7); }\r\n.p5  { width:3px;  height:3px;  left:65%; top:85%; animation-duration:13s; animation-delay:0.5s; opacity:.7; }\r\n.p6  { width:2px;  height:2px;  left:75%; top:65%; animation-duration:16s; animation-delay:4s;   opacity:.4; background:rgba(0,128,255,.9); }\r\n.p7  { width:5px;  height:5px;  left:85%; top:72%; animation-duration:11s; animation-delay:1.5s; opacity:.5; }\r\n.p8  { width:2px;  height:2px;  left:45%; top:90%; animation-duration:14s; animation-delay:2.5s; opacity:.6; background:rgba(128,0,128,.6); }\r\n\r\n.light-streaks {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n    contain: paint;\r\n}\r\n\r\n.streak {\r\n    position: absolute;\r\n    width: 1px;\r\n    background: linear-gradient(180deg, transparent, rgba(0,128,255,0.35), transparent);\r\n    transform: rotate(-35deg);\r\n    transform-origin: top center;\r\n    animation: streakFall linear infinite;\r\n}\r\n\r\n.s1 { height: 300px; left: 25%;  top: -300px; animation-duration: 8s;  animation-delay: 0s;   opacity: .5; }\r\n.s2 { height: 500px; left: 60%;  top: -500px; animation-duration: 12s; animation-delay: 3s;   opacity: .3; background: linear-gradient(180deg, transparent, rgba(128,0,128,0.4), transparent); }\r\n.s3 { height: 200px; left: 80%;  top: -200px; animation-duration: 9s;  animation-delay: 6s;   opacity: .4; }\r\n\r\n.HeroOverlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(90deg,\r\n            rgba(5,8,22,0.97) 0%,\r\n            rgba(5,8,22,0.85) 35%,\r\n            rgba(5,8,22,0.30) 100%\r\n        );\r\n    z-index: 2;\r\n}\r\n\r\n.HeroLines {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(130deg,  transparent 0%, rgba(0,128,255,0.07)  40%, transparent 60%),\r\n        linear-gradient(-130deg, transparent 0%, rgba(128,0,128,0.07) 40%, transparent 60%);\r\n    mix-blend-mode: screen;\r\n    animation: linesMove 8s ease-in-out infinite;\r\n    z-index: 3;\r\n}\r\n\r\n.HeroGlow {\r\n    position: absolute;\r\n    top: -250px; right: -180px;\r\n    width: 700px; height: 700px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(0,128,255,0.20), transparent 70%);\r\n    filter: blur(90px);\r\n    animation: glowMove 10s ease-in-out infinite;\r\n    z-index: 3;\r\n    contain: paint;\r\n}\r\n\r\n.hero-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent);\r\n    transform: perspective(1000px) rotateX(75deg) scale(2);\r\n    opacity: .3;\r\n    animation: gridMove 14s linear infinite;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(90px);\r\n    z-index: 1;\r\n    contain: paint;\r\n}\r\n\r\n.glow-1 {\r\n    width: 500px; height: 500px;\r\n    background: rgba(128,0,128,.22);\r\n    top: -150px; left: -120px;\r\n    animation: glowFloat 8s ease-in-out infinite;\r\n}\r\n\r\n.glow-2 {\r\n    width: 420px; height: 420px;\r\n    background: rgba(0,128,255,.18);\r\n    bottom: -120px; right: -120px;\r\n    animation: glowFloat 10s ease-in-out infinite reverse;\r\n}\r\n\r\n.hero-wrapper {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.hero-left { max-width: 760px; }\r\n\r\n.hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 26px;\r\n    color: white;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease 0.2s forwards;\r\n}\r\n\r\n.hero-tag::before {\r\n    content: \"\";\r\n    width: 0; height: 3px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, #0080FF, #800080);\r\n    animation: lineGrow 1s ease 0.6s forwards;\r\n}\r\n\r\n.hero-left h1 {\r\n    font-size: clamp(40px, 4.5vw, 64px);\r\n    line-height: 1.05;\r\n    font-weight: 900;\r\n    color: white;\r\n    margin-bottom: 30px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.word {\r\n    display: inline-block;\r\n    opacity: 0;\r\n    animation: wordCrash 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    will-change: transform, opacity;\r\n    position: relative;\r\n}\r\n\r\n.word::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);\r\n    animation: wordShine 3s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.w1 { animation-delay: 0.3s; }\r\n.w2 { animation-delay: 0.5s; }\r\n\r\n.w3 {\r\n    animation-delay: 0.65s;\r\n    background: linear-gradient(100deg, #0080FF 0%, #00CC66 50%, #0080FF 100%);\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    animation: wordCrash 0.9s cubic-bezier(0.16,1,0.3,1) 0.65s forwards,\r\n               gradientShift 4s linear 1.6s infinite;\r\n}\r\n\r\n.hero-left p {\r\n    font-size: 18px;\r\n    line-height: 1.9;\r\n    color: rgba(255,255,255,.72);\r\n    max-width: 620px;\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 0.9s forwards;\r\n}\r\n\r\n.hero-buttons {\r\n    display: flex;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 1.1s forwards;\r\n}\r\n\r\n.hero-btn {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 220px;\r\n    height: 66px;\r\n    border-radius: 18px;\r\n    text-decoration: none !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    transition: transform 0.4s cubic-bezier(0.16,1,0.3,1),\r\n                box-shadow 0.4s ease;\r\n}\r\n\r\n.hero-btn .btn-text {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.btn-text { position: relative; z-index: 2; }\r\n\r\n.btn-shine {\r\n    position: absolute;\r\n    top: 0; left: -100%;\r\n    width: 60%; height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\r\n    transform: skewX(-20deg);\r\n    animation: btnShine 4s ease-in-out infinite;\r\n    z-index: 3;\r\n}\r\n\r\n.btn-arrow {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.primary-btn {\r\n    background: linear-gradient(135deg, #00CC66, #0080FF);\r\n    color: white;\r\n    box-shadow: 0 15px 35px rgba(0,204,102,.30),\r\n                0 0 0 0 rgba(0,128,255,0);\r\n    animation: btnPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.secondary-btn {\r\n    background: rgba(255,255,255,.04);\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    backdrop-filter: blur(12px);\r\n    color: white;\r\n}\r\n\r\n.secondary-btn .btn-shine { animation-delay: 2s; }\r\n\r\n.hero-btn:hover {\r\n    transform: translateY(-10px) scale(1.04);\r\n    box-shadow: 0 30px 60px rgba(0,0,0,.45),\r\n                0 0 40px rgba(0,128,255,0.2);\r\n}\r\n\r\n.hero-btn:hover .btn-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hero-stats {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.stat-box {\r\n    position: relative;\r\n    padding-right: 30px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards;\r\n}\r\n\r\n.stat-box:nth-child(1) { animation-delay: 1.5s; }\r\n.stat-box:nth-child(2) { animation-delay: 1.7s; }\r\n.stat-box:nth-child(3) { animation-delay: 1.9s; }\r\n\r\n.stat-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 10px; right: 0;\r\n    width: 1px; height: 45px;\r\n    background: rgba(255,255,255,.12);\r\n}\r\n\r\n.stat-box:last-child::after { display: none; }\r\n\r\n.stat-box h3 {\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    color: white;\r\n    margin-bottom: 6px;\r\n    animation: statPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;\r\n    animation-delay: inherit;\r\n}\r\n\r\n.stat-box span {\r\n    color: rgba(255,255,255,.65);\r\n    font-size: 14px;\r\n}\r\n\r\n.hero-right {\r\n    position: relative;\r\n    min-height: 750px;\r\n}\r\n\r\n.hero-main-image {\r\n    position: absolute;\r\n    top: 0; right: 0;\r\n    width: 520px; height: 640px;\r\n    border-radius: 40px;\r\n    overflow: visible;\r\n    opacity: 0;\r\n    animation: imageReveal 1.2s cubic-bezier(0.16,1,0.3,1) 0.5s forwards;\r\n}\r\n\r\n.hero-main-image img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 40px;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    box-shadow: 0 40px 80px rgba(0,0,0,.5);\r\n    animation: imageFloat 8s ease-in-out infinite;\r\n    will-change: transform;\r\n}\r\n\r\n.image-frame {\r\n    position: absolute;\r\n    inset: -2px;\r\n    border-radius: 42px;\r\n    background: conic-gradient(\r\n        from 0deg,\r\n        transparent 0deg,\r\n        rgba(0,128,255,0.6) 60deg,\r\n        transparent 120deg,\r\n        transparent 180deg,\r\n        rgba(128,0,128,0.5) 240deg,\r\n        transparent 300deg,\r\n        transparent 360deg\r\n    );\r\n    animation: frameRotate 6s linear infinite;\r\n    z-index: -1;\r\n    filter: blur(2px);\r\n}\r\n\r\n.image-reflection {\r\n    position: absolute;\r\n    bottom: -40px;\r\n    left: 10%; right: 10%;\r\n    height: 60px;\r\n    background: radial-gradient(ellipse, rgba(0,128,255,0.15), transparent 70%);\r\n    filter: blur(15px);\r\n    animation: reflectionPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.hero-car {\r\n    position: absolute;\r\n    bottom: 20px; left: -60px;\r\n    width: 520px;\r\n    z-index: 5;\r\n    opacity: 0;\r\n    animation: carReveal 1.2s cubic-bezier(0.16,1,0.3,1) 0.8s forwards;\r\n}\r\n\r\n.hero-car img {\r\n    width: 100%;\r\n    filter: drop-shadow(0 30px 50px rgba(0,0,0,.5))\r\n            drop-shadow(0 0 30px rgba(0,128,255,0.15));\r\n    animation: carFloat 6s ease-in-out infinite;\r\n    animation-delay: 1s;\r\n    will-change: transform;\r\n}\r\n\r\n.car-shadow {\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 10%; right: 10%;\r\n    height: 20px;\r\n    background: radial-gradient(ellipse, rgba(0,0,0,0.5), transparent 70%);\r\n    filter: blur(8px);\r\n    animation: shadowPulse 6s ease-in-out infinite;\r\n    animation-delay: 1s;\r\n}\r\n\r\n\/* =============================================\r\n   TARJETAS FLOTANTES\r\n   CORRECCI\u00d3N: ya no tienen fondo\/borde\/sombra \u2014 se confund\u00edan con\r\n   botones clickeables sin serlo. Ahora es solo texto con un puntito\r\n   de color, y \"pointer-events:none\" para que quede claro que no\r\n   son interactivas.\r\n   ============================================= *\/\r\n\r\n.hero-card {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 4px 0;\r\n    background: none;\r\n    border: none;\r\n    backdrop-filter: none;\r\n    box-shadow: none;\r\n    color: white;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 4px 14px rgba(0,0,0,.6);\r\n    z-index: 6;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.card-1 {\r\n    top: 80px; left: -40px;\r\n    animation: cardReveal 0.8s cubic-bezier(0.16,1,0.3,1) 1.0s forwards,\r\n               cardFloat 5s ease-in-out 2s infinite;\r\n}\r\n\r\n.card-2 {\r\n    top: 260px; right: -40px;\r\n    animation: cardReveal 0.8s cubic-bezier(0.16,1,0.3,1) 1.2s forwards,\r\n               cardFloat 7s ease-in-out 2.2s infinite;\r\n}\r\n\r\n.card-3 {\r\n    bottom: 140px; right: 0;\r\n    animation: cardReveal 0.8s cubic-bezier(0.16,1,0.3,1) 1.4s forwards,\r\n               cardFloat 6s ease-in-out 2.4s infinite;\r\n}\r\n\r\n.card-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: #0080FF;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 0 8px rgba(0,128,255,0.8);\r\n    animation: dotBlink 2s ease-in-out infinite;\r\n}\r\n\r\n.card-2 .card-dot { background: #800080; box-shadow: 0 0 8px rgba(128,0,128,0.8); animation-delay: 0.5s; }\r\n.card-3 .card-dot { background: #00CC66; box-shadow: 0 0 8px rgba(0,204,102,0.8); animation-delay: 1s; }\r\n\r\n.trust-line {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin-top: 70px;\r\n    color: rgba(255,255,255,.55);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 1.9s forwards;\r\n}\r\n\r\n.trust-dot {\r\n    color: #0080FF;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* =============================================\r\n   BARRA INFERIOR DE SERVICIOS\r\n   CORRECCI\u00d3N: ya no son 4 cajas con fondo\/borde\/sombra que se\r\n   levantaban al pasar el mouse (parec\u00edan botones) \u2014 ahora es texto\r\n   plano con una l\u00ednea fina arriba y abajo, sin ninguna reacci\u00f3n al\r\n   pasar el mouse.\r\n   ============================================= *\/\r\n\r\n.hero-bottom {\r\n    position: relative;\r\n    z-index: 10;\r\n    margin-top: 34px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4,1fr);\r\n    gap: 20px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 2s forwards;\r\n}\r\n\r\n.bottom-item {\r\n    padding: 16px 0;\r\n    border-top: 1px solid rgba(255,255,255,.08);\r\n    border-bottom: 1px solid rgba(255,255,255,.08);\r\n    background: none;\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    position: relative;\r\n}\r\n\r\n.bi-icon {\r\n    color: #0080FF;\r\n    font-size: 10px;\r\n    display: inline-block;\r\n}\r\n\r\n.bottom-item:nth-child(2) .bi-icon { color: #800080; }\r\n.bottom-item:nth-child(3) .bi-icon { color: #0080FF; }\r\n.bottom-item:nth-child(4) .bi-icon { color: #800080; }\r\n\r\n.bottom-item strong {\r\n    color: rgba(255,255,255,.85);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: .5px;\r\n}\r\n\r\n@keyframes bgZoom {\r\n    0%   { transform: scale(1.04) translateY(0px); }\r\n    100% { transform: scale(1.12) translateY(-25px); }\r\n}\r\n\r\n@keyframes gridMove {\r\n    0%   { transform: perspective(1000px) rotateX(75deg) translateY(0px)  scale(2); }\r\n    100% { transform: perspective(1000px) rotateX(75deg) translateY(80px) scale(2); }\r\n}\r\n\r\n@keyframes glowFloat {\r\n    0%   { transform: translateY(0px); }\r\n    50%  { transform: translateY(40px); }\r\n    100% { transform: translateY(0px); }\r\n}\r\n\r\n@keyframes glowMove {\r\n    0%   { transform: translateY(0px)  scale(1); }\r\n    50%  { transform: translateY(30px) scale(1.1); }\r\n    100% { transform: translateY(0px)  scale(1); }\r\n}\r\n\r\n@keyframes linesMove {\r\n    0%   { transform: translateX(0px); }\r\n    50%  { transform: translateX(-30px); }\r\n    100% { transform: translateX(0px); }\r\n}\r\n\r\n@keyframes particleDrift {\r\n    0%   { transform: translate(0, 0)   scale(1);   opacity: 0; }\r\n    10%  { opacity: 1; }\r\n    90%  { opacity: 0.6; }\r\n    100% { transform: translate(30px, -120px) scale(0); opacity: 0; }\r\n}\r\n\r\n@keyframes streakFall {\r\n    0%   { transform: rotate(-35deg) translateY(-100%); opacity: 0; }\r\n    10%  { opacity: 1; }\r\n    90%  { opacity: 0.3; }\r\n    100% { transform: rotate(-35deg) translateY(300%); opacity: 0; }\r\n}\r\n\r\n@keyframes lineGrow {\r\n    0%   { width: 0; }\r\n    100% { width: 70px; }\r\n}\r\n\r\n@keyframes fadeUp {\r\n    0%   { opacity: 0; transform: translateY(30px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes wordCrash {\r\n    0%   { opacity: 0; transform: translateY(120px) scaleY(1.4) skewX(-5deg); filter: blur(12px); }\r\n    60%  { filter: blur(0); }\r\n    75%  { transform: translateY(-8px) scaleY(0.95) skewX(0deg); }\r\n    100% { opacity: 1; transform: translateY(0) scaleY(1) skewX(0deg); filter: blur(0); }\r\n}\r\n\r\n@keyframes wordShine {\r\n    0%,100% { transform: translateX(-100%) skewX(-20deg); }\r\n    50%      { transform: translateX(400%) skewX(-20deg); }\r\n}\r\n\r\n@keyframes gradientShift {\r\n    0%   { background-position: 0%   center; }\r\n    100% { background-position: 200% center; }\r\n}\r\n\r\n@keyframes btnPulse {\r\n    0%,100% { box-shadow: 0 15px 35px rgba(0,204,102,.30), 0 0  0px rgba(0,128,255,0); }\r\n    50%      { box-shadow: 0 20px 45px rgba(0,204,102,.45), 0 0 30px rgba(0,128,255,0.15); }\r\n}\r\n\r\n@keyframes btnShine {\r\n    0%,100% { left: -100%; }\r\n    50%     { left: 160%; }\r\n}\r\n\r\n@keyframes statPop {\r\n    0%   { opacity: 0; transform: scale(0.5) translateY(20px); }\r\n    70%  { transform: scale(1.12) translateY(-4px); }\r\n    100% { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n@keyframes imageReveal {\r\n    0%   { opacity: 0; transform: perspective(1000px) rotateY(25deg) translateX(80px) scale(0.9); filter: blur(10px); }\r\n    100% { opacity: 1; transform: perspective(1000px) rotateY(0deg)  translateX(0px)  scale(1);   filter: blur(0); }\r\n}\r\n\r\n@keyframes imageFloat {\r\n    0%   { transform: translateY(0px); }\r\n    50%  { transform: translateY(-16px); }\r\n    100% { transform: translateY(0px); }\r\n}\r\n\r\n@keyframes frameRotate {\r\n    0%   { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes reflectionPulse {\r\n    0%,100% { opacity: 0.5; transform: scaleX(0.9); }\r\n    50%      { opacity: 1.0; transform: scaleX(1.1); }\r\n}\r\n\r\n@keyframes carReveal {\r\n    0%   { opacity: 0; transform: translateX(-120px) skewX(-8deg); filter: blur(8px); }\r\n    70%  { transform: translateX(10px) skewX(1deg); }\r\n    100% { opacity: 1; transform: translateX(0) skewX(0deg); filter: blur(0); }\r\n}\r\n\r\n@keyframes carFloat {\r\n    0%   { transform: translateY(0px)   rotate(0deg); }\r\n    50%  { transform: translateY(-14px) rotate(-1.2deg); }\r\n    100% { transform: translateY(0px)   rotate(0deg); }\r\n}\r\n\r\n@keyframes shadowPulse {\r\n    0%   { transform: scaleX(1.0); opacity: 0.5; }\r\n    50%  { transform: scaleX(0.85); opacity: 0.3; }\r\n    100% { transform: scaleX(1.0); opacity: 0.5; }\r\n}\r\n\r\n@keyframes cardReveal {\r\n    0%   { opacity: 0; transform: translateY(30px) scale(0.85); filter: blur(8px); }\r\n    70%  { transform: translateY(-4px) scale(1.02); }\r\n    100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\r\n}\r\n\r\n@keyframes cardFloat {\r\n    0%   { transform: translateY(0px); }\r\n    50%  { transform: translateY(-10px); }\r\n    100% { transform: translateY(0px); }\r\n}\r\n\r\n@keyframes dotBlink {\r\n    0%,100% { opacity: 1; transform: scale(1); }\r\n    50%     { opacity: 0.4; transform: scale(0.7); }\r\n}\r\n\r\n@keyframes iconSpin {\r\n    0%   { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .bg-slide.active,\r\n    .particles, .light-streaks, .hero-grid, .HeroGlow, .glow-1, .glow-2,\r\n    .image-frame, .image-reflection, .hero-main-image img, .hero-car img,\r\n    .car-shadow, .card-dot, .btn-shine,\r\n    .primary-btn, .word::after {\r\n        animation: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .PrincipalH {\r\n        padding: 110px 30px 90px;\r\n        min-height: auto;\r\n    }\r\n\r\n    .hero-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 70px;\r\n    }\r\n\r\n    .hero-left {\r\n        text-align: center;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .hero-tag {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-left h1 {\r\n        font-size: clamp(38px, 6vw, 58px);\r\n        line-height: 1.05;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .hero-left p {\r\n        max-width: 100%;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .hero-buttons {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-stats {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-right {\r\n        min-height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 24px;\r\n    }\r\n\r\n    .hero-main-image {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        width: 100%;\r\n        max-width: 520px;\r\n        height: 520px;\r\n        transform: none;\r\n    }\r\n\r\n    .hero-car {\r\n        position: relative;\r\n        left: auto;\r\n        bottom: auto;\r\n        width: 100%;\r\n        max-width: 460px;\r\n        transform: none;\r\n        margin-top: -120px;\r\n        z-index: 8;\r\n    }\r\n\r\n    .hero-card {\r\n        position: relative !important;\r\n        top: auto !important;\r\n        left: auto !important;\r\n        right: auto !important;\r\n        bottom: auto !important;\r\n        opacity: 1 !important;\r\n        animation: none !important;\r\n        width: 100%;\r\n        max-width: 360px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-right .card-1,\r\n    .hero-right .card-2,\r\n    .hero-right .card-3 {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .hero-bottom {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 16px;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .bottom-item {\r\n        padding: 14px 8px;\r\n    }\r\n\r\n    .bottom-item strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .secondary-btn {\r\n        backdrop-filter: blur(6px);\r\n    }\r\n\r\n    .HeroGlow,\r\n    .particles,\r\n    .light-streaks,\r\n    .glow-1, .glow-2 {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .PrincipalH { padding: 120px 24px 80px; }\r\n    .hero-left h1 { font-size: clamp(30px, 8vw, 42px); line-height: 1.1; letter-spacing: -1px; }\r\n    .hero-left p  { font-size: 16px; }\r\n    .hero-buttons { flex-direction: column; }\r\n    .hero-btn { width: 100%; min-width: unset; }\r\n    .hero-main-image { position: relative; width: 100%; height: 380px; }\r\n    .hero-car { width: 100%; left: 0; bottom: -40px; }\r\n    .hero-card { display: none; }\r\n    .hero-bottom { grid-template-columns: 1fr 1fr; }\r\n    .streak { display: none; }\r\n    .hero-grid { display: none; }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    var slides  = document.querySelectorAll('.bg-slide');\r\n    var current = 0;\r\n    setInterval(function () {\r\n        slides[current].classList.remove('active');\r\n        current = (current + 1) % slides.length;\r\n        slides[current].classList.add('active');\r\n    }, 10000);\r\n}());\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25e6ef17 LogosC e-flex e-con-boxed e-con e-parent\" data-id=\"25e6ef17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-64fc02c4 e-con-full e-flex e-con e-child\" data-id=\"64fc02c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449c0787 elementor-invisible elementor-widget elementor-widget-jkit_client_logo\" data-id=\"449c0787\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"jkit_client_logo.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-client-logo arrow-bottom-middle jeg_module___6ad3fa7d28b90\"  data-id=\"jeg_module___6ad3fa7d28b90\" data-settings=\"{&quot;autoplay&quot;:true,&quot;autoplay_speed&quot;:1700,&quot;autoplay_hover_pause&quot;:false,&quot;show_navigation&quot;:false,&quot;navigation_left&quot;:&quot;&lt;span&gt;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-angle-left\\&quot; viewBox=\\&quot;0 0 256 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&lt;\\\/span&gt;&quot;,&quot;navigation_right&quot;:&quot;&lt;span&gt;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-angle-right\\&quot; viewBox=\\&quot;0 0 256 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&lt;\\\/span&gt;&quot;,&quot;show_dots&quot;:false,&quot;arrow_position&quot;:&quot;bottom&quot;,&quot;responsive&quot;:{&quot;desktop&quot;:{&quot;items&quot;:3,&quot;margin&quot;:40,&quot;breakpoint&quot;:1025},&quot;tablet&quot;:{&quot;items&quot;:4,&quot;margin&quot;:40,&quot;breakpoint&quot;:768},&quot;mobile&quot;:{&quot;items&quot;:2,&quot;margin&quot;:40,&quot;breakpoint&quot;:0}}}\"><div class=\"client-list\"><div class=\"client-track\"><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1552\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-scaled.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-scaled.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-scaled.png 2560w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-300x182.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1024x621.png 1024w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-768x466.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1536x931.png 1536w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-2048x1242.png 2048w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-18x12.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-600x364.png 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img decoding=\"async\" width=\"900\" height=\"340\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1.png 900w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-300x113.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-768x290.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-18x7.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-600x227.png 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img decoding=\"async\" width=\"709\" height=\"354\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3.png 709w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3-300x150.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3-18x9.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-3-600x300.png 600w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"492\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4.png 800w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4-300x185.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4-768x472.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4-18x12.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-4-600x369.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1333\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1.png 2000w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-300x200.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-1024x682.png 1024w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-768x512.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-1536x1024.png 1536w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-18x12.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com_-1-600x400.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1125\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1.png 2000w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-300x169.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-1024x576.png 1024w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-768x432.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-1536x864.png 1536w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-18x10.png 18w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-1-1-600x338.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/div><\/div><\/div><div class=\"client-slider item \"><div class=\"image-list\"><div class=\"content-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"2560\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-scaled.png\" class=\"main-image\" alt=\"Title\" url=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-scaled.png\" source=\"library\" srcset=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-scaled.png 2560w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-300x300.png 300w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-1024x1024.png 1024w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-150x150.png 150w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-768x768.png 768w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-1536x1536.png 1536w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-2048x2048.png 2048w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-12x12.png 12w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-600x600.png 600w, https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/pngwing.com-2-1-100x100.png 100w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1afa0a5 e-con-full e-flex e-con e-parent\" data-id=\"1afa0a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46d1d3a elementor-widget elementor-widget-html\" data-id=\"46d1d3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N: ABOUT (HomeAbout)\r\n     CAMBIOS APLICADOS:\r\n     1) Textos seg\u00fan \"SECCI\u00d3N ABOUT EN HOME\" del PDF.\r\n     2) Lista de servicios alineada a los 4 servicios oficiales\r\n        del PDF (antes ten\u00eda solo 3, gen\u00e9ricos).\r\n     3) Colores de marca: Blue #0080FF \u00b7 Sky Green #00CC66 \u00b7 Purple #800080\r\n        (antes cian #00D1FF y morado #7B2CFF de plantilla).\r\n     4) Optimizaci\u00f3n: imagen principal en loading=\"lazy\" (esta secci\u00f3n\r\n        va debajo del hero, no es cr\u00edtica para la primera pintura).\r\n     ============================================================ -->\r\n<section class=\"HomeAbout\">\r\n\r\n    <!-- ============================================================\r\n         BLOQUE: VISUAL IZQUIERDO (imagen + panel + tarjeta)\r\n         ============================================================ -->\r\n    <div class=\"about-visual\">\r\n\r\n        <div class=\"visual-main\">\r\n            <img\r\n                src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_e35j8se35j8se35j.png\"\r\n                alt=\"Paleroo signage and wraps\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- EDITADO: el H3 antes repet\u00eda el texto viejo del hero\r\n             (\"Premium Signage & Wrap Experts\"), que ya cambiamos.\r\n             Se deja algo corto y consistente con el mensaje nuevo. -->\r\n        <div class=\"visual-panel\">\r\n            <span>\r\n                NEW JERSEY BASED\r\n            <\/span>\r\n            <h3>\r\n                Signs, Wraps <br>\r\n                & Branding\r\n            <\/h3>\r\n        <\/div>\r\n\r\n        <!-- PENDIENTE (marcado como urgente en el PDF): confirmar que\r\n             \"500+\" sea una cifra real verificada antes de publicar. -->\r\n        <div class=\"visual-card\">\r\n            <strong>\r\n                500+\r\n            <\/strong>\r\n            <p>\r\n                Successful Projects\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n         BLOQUE: CONTENIDO DERECHO (texto + lista de servicios + bot\u00f3n)\r\n         ============================================================ -->\r\n    <div class=\"about-content\">\r\n\r\n        <span class=\"about-label\">\r\n            ABOUT PALEROO\r\n        <\/span>\r\n\r\n        <!-- EDITADO: t\u00edtulo exacto del PDF (antes dec\u00eda \"Turning\r\n             Businesses Into Landmarks\", texto de plantilla) -->\r\n        <h2>\r\n            We Turn Ideas <br>\r\n            Into Visibility.\r\n        <\/h2>\r\n\r\n        <!-- EDITADO: p\u00e1rrafo exacto del PDF -->\r\n        <p>\r\n            Paleroo Signs & Wraps is a full-service visual branding\r\n            company specializing in custom signage, vehicle wraps,\r\n            large-format printing and professional installation.\r\n            From a single vehicle to complete commercial branding,\r\n            we design, produce and install solutions built to get\r\n            your business noticed.\r\n        <\/p>\r\n\r\n        <!-- ---------- LISTA DE SERVICIOS ----------\r\n             EDITADO: se alinean los 4 items con los servicios oficiales\r\n             del PDF (secci\u00f3n \"WHAT WE DO\"), en vez de los 3 gen\u00e9ricos\r\n             que hab\u00eda antes (\"Vehicle Wraps\" \/ \"Branding Systems\"). -->\r\n        <div class=\"about-list\">\r\n\r\n            <div class=\"about-item\">\r\n                <div class=\"item-dot\"><\/div>\r\n                <div>\r\n                    <h4>\r\n                        Commercial Signage\r\n                    <\/h4>\r\n                    <span>\r\n                        Channel letters, light boxes, pylon signs, monument\r\n                        signs and illuminated branding.\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-item\">\r\n                <div class=\"item-dot\"><\/div>\r\n                <div>\r\n                    <h4>\r\n                        Vehicle Wraps & Graphics\r\n                    <\/h4>\r\n                    <span>\r\n                        Full wraps, partial wraps, fleet graphics, box trucks,\r\n                        vans and trailers.\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-item\">\r\n                <div class=\"item-dot\"><\/div>\r\n                <div>\r\n                    <h4>\r\n                        Large-Format Printing\r\n                    <\/h4>\r\n                    <span>\r\n                        Window graphics, wall graphics, banners, decals and\r\n                        promotional displays.\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-item\">\r\n                <div class=\"item-dot\"><\/div>\r\n                <div>\r\n                    <h4>\r\n                        Installation & Permits\r\n                    <\/h4>\r\n                    <span>\r\n                        Site surveys, professional installation, permit\r\n                        coordination and maintenance.\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- EDITADO: el bot\u00f3n del PDF dice literalmente \"ABOUT PALEROO\"\r\n             (antes dec\u00eda \"Explore Our Company\") -->\r\n        <a href=\"https:\/\/paleroo.com\/about\/\" class=\"about-btn\">\r\n            About Paleroo\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.HomeAbout{\r\n    position:relative;\r\n    overflow:hidden;\r\n    display:grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n    gap:90px;\r\n    align-items:center;\r\n    padding:140px 7%;\r\n    background:\r\n        radial-gradient(circle at top left, rgba(128,0,128,.12), transparent 35%),\r\n        linear-gradient(180deg, #040816, #060B18);\r\n    isolation:isolate;\r\n}\r\n\r\n.about-visual{\r\n    position:relative;\r\n    min-height:760px;\r\n}\r\n\r\n.visual-main{\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:40px;\r\n    overflow:hidden;\r\n    transform: rotate(-3deg);\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    box-shadow: 0 40px 90px rgba(0,0,0,.45);\r\n    animation: visualFloat 8s ease-in-out infinite;\r\n    will-change: transform; \/* OPTIMIZACI\u00d3N *\/\r\n}\r\n\r\n.visual-main img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition: transform 1.2s ease;\r\n}\r\n\r\n.visual-main:hover img{\r\n    transform: scale(1.08);\r\n}\r\n\r\n.visual-main::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.65));\r\n}\r\n\r\n.visual-panel{\r\n    position:absolute;\r\n    right:-40px;\r\n    top:80px;\r\n    width:320px;\r\n    padding:36px;\r\n    border-radius:32px;\r\n    background: rgba(12,16,28,.82);\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    backdrop-filter: blur(16px);\r\n    box-shadow: 0 30px 70px rgba(0,0,0,.35);\r\n    animation: panelFloat 6s ease-in-out infinite;\r\n    z-index:5;\r\n    will-change: transform; \/* OPTIMIZACI\u00d3N *\/\r\n}\r\n\r\n\/* COLOR ACTUALIZADO: cian de plantilla -> Blue de marca *\/\r\n.visual-panel span{\r\n    display:inline-block;\r\n    margin-bottom:18px;\r\n    color:#0080FF;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n}\r\n\r\n.visual-panel h3{\r\n    color:white;\r\n    font-size:36px;\r\n    line-height:1;\r\n    font-weight:900;\r\n}\r\n\r\n\/* Tarjeta \"500+\": gradiente Blue -> Purple (colores de marca) *\/\r\n.visual-card{\r\n    position:absolute;\r\n    left:-30px;\r\n    bottom:70px;\r\n    width:220px;\r\n    padding:34px;\r\n    border-radius:30px;\r\n    background: linear-gradient(135deg, #800080, #0080FF);\r\n    box-shadow: 0 25px 60px rgba(128,0,128,.3);\r\n    animation: cardFloat 5s ease-in-out infinite;\r\n    z-index:5;\r\n    will-change: transform; \/* OPTIMIZACI\u00d3N *\/\r\n}\r\n\r\n.visual-card strong{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:white;\r\n    font-size:62px;\r\n    line-height:1;\r\n    font-weight:900;\r\n}\r\n\r\n.visual-card p{\r\n    color:white;\r\n    line-height:1.6;\r\n    font-size:15px;\r\n    font-weight:600;\r\n}\r\n\r\n.about-content{\r\n    position:relative;\r\n    z-index:5;\r\n}\r\n\r\n.about-label{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:26px;\r\n    color:#0080FF;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:4px;\r\n}\r\n\r\n.about-label::before{\r\n    content:\"\";\r\n    width:70px;\r\n    height:2px;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg, #800080, #0080FF);\r\n}\r\n\r\n.about-content h2{\r\n    \/* CORRECCI\u00d3N: 88px fijo era para el texto corto de plantilla; con\r\n       \"We Turn Ideas Into Visibility.\" del PDF desbordaba la columna\r\n       de about-content. Ahora se ajusta solo con clamp(). *\/\r\n    font-size:clamp(38px, 4vw, 60px);\r\n    line-height:1.05;\r\n    letter-spacing:2px;\r\n    font-weight:900;\r\n    color:white;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.about-content p{\r\n    max-width:700px;\r\n    color: rgba(255,255,255,.72);\r\n    line-height:2;\r\n    font-size:18px;\r\n    margin-bottom:45px;\r\n}\r\n\r\n.about-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:28px;\r\n    margin-bottom:50px;\r\n}\r\n\r\n.about-item{\r\n    display:flex;\r\n    gap:22px;\r\n    align-items:flex-start;\r\n}\r\n\r\n\/* Puntos de la lista: gradiente Blue -> Purple *\/\r\n.item-dot{\r\n    min-width:18px;\r\n    height:18px;\r\n    border-radius:50%;\r\n    margin-top:8px;\r\n    background: linear-gradient(135deg, #800080, #0080FF);\r\n    box-shadow: 0 0 20px rgba(128,0,128,.45);\r\n}\r\n\r\n.about-item h4{\r\n    color:white;\r\n    font-size:24px;\r\n    margin-bottom:8px;\r\n    font-weight:800;\r\n}\r\n\r\n.about-item span{\r\n    color: rgba(255,255,255,.65);\r\n    line-height:1.8;\r\n    font-size:15px;\r\n}\r\n\r\n.about-btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:280px;\r\n    height:70px;\r\n    border-radius:20px;\r\n    background: rgba(255,255,255,.04);\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    backdrop-filter: blur(12px);\r\n    color:white;\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n    transition: all .45s ease;\r\n}\r\n\r\n\/* Hover del CTA: gradiente Sky Green -> Blue, igual que el bot\u00f3n principal del hero *\/\r\n.about-btn:hover{\r\n    transform: translateY(-8px);\r\n    background: linear-gradient(135deg, #00CC66, #0080FF);\r\n    border-color: transparent;\r\n    box-shadow: 0 25px 50px rgba(0,204,102,.28);\r\n}\r\n\r\n@keyframes visualFloat{\r\n    0%{ transform: rotate(-3deg) translateY(0px); }\r\n    50%{ transform: rotate(-3deg) translateY(-12px); }\r\n    100%{ transform: rotate(-3deg) translateY(0px); }\r\n}\r\n\r\n@keyframes panelFloat{\r\n    0%{ transform: translateY(0px); }\r\n    50%{ transform: translateY(-14px); }\r\n    100%{ transform: translateY(0px); }\r\n}\r\n\r\n@keyframes cardFloat{\r\n    0%{ transform: translateY(0px); }\r\n    50%{ transform: translateY(-10px); }\r\n    100%{ transform: translateY(0px); }\r\n}\r\n\r\n\/* OPTIMIZACI\u00d3N: respeta preferencia de menos movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .visual-main, .visual-panel, .visual-card {\r\n        animation: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width:1200px){\r\n    .HomeAbout{\r\n        grid-template-columns:1fr;\r\n    }\r\n    .about-visual{\r\n        min-height:620px;\r\n    }\r\n}\r\n\r\n@media (min-width:768px){\r\n    .visual-panel{\r\n        top: 400px;\r\n        right: 0;\r\n        width: 260px;\r\n    }\r\n    .about-visual{\r\n        min-height: 950px;\r\n    }\r\n}\r\n\r\n@media (max-width:1200px) and (min-width:768px){\r\n    \/* OPTIMIZACI\u00d3N: menos blur en tablet, es costoso de renderizar *\/\r\n    .visual-panel, .about-btn {\r\n        backdrop-filter: blur(6px);\r\n    }\r\n}\r\n\r\n@media (max-width:767px){\r\n\r\n    .HomeAbout{\r\n        grid-template-columns:1fr;\r\n        gap:60px;\r\n        padding:90px 22px;\r\n    }\r\n\r\n    .about-visual{\r\n        min-height:auto;\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:20px;\r\n    }\r\n\r\n    .visual-main{\r\n        position:relative;\r\n        inset:auto;\r\n        width:100%;\r\n        height:420px;\r\n        transform:none;\r\n        border-radius:28px;\r\n    }\r\n\r\n    .visual-panel{\r\n        position:relative;\r\n        top:auto;\r\n        right:auto;\r\n        width:100%;\r\n        padding:28px;\r\n        border-radius:24px;\r\n        backdrop-filter: blur(6px); \/* OPTIMIZACI\u00d3N *\/\r\n    }\r\n\r\n    .visual-panel h3{\r\n        font-size:28px;\r\n        line-height:1.1;\r\n    }\r\n\r\n    .visual-card{\r\n        position:relative;\r\n        left:auto;\r\n        bottom:auto;\r\n        width:100%;\r\n        padding:26px;\r\n        border-radius:24px;\r\n    }\r\n\r\n    .visual-card strong{\r\n        font-size:48px;\r\n    }\r\n\r\n    .about-content{\r\n        width:100%;\r\n    }\r\n\r\n    .about-content h2{\r\n        font-size:48px;\r\n        line-height:.95;\r\n        letter-spacing:-2px;\r\n        margin-bottom:24px;\r\n    }\r\n\r\n    .about-content p{\r\n        font-size:16px;\r\n        line-height:1.9;\r\n        margin-bottom:35px;\r\n    }\r\n\r\n    .about-list{\r\n        gap:22px;\r\n        margin-bottom:40px;\r\n    }\r\n\r\n    .about-item{\r\n        gap:16px;\r\n    }\r\n\r\n    .about-item h4{\r\n        font-size:21px;\r\n    }\r\n\r\n    .about-item span{\r\n        font-size:14px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .about-btn{\r\n        width:100%;\r\n        height:64px;\r\n        border-radius:18px;\r\n        backdrop-filter: blur(6px); \/* OPTIMIZACI\u00d3N *\/\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62e595d e-con-full e-flex e-con e-parent\" data-id=\"62e595d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38ca84b elementor-widget elementor-widget-html\" data-id=\"38ca84b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N: SERVICIOS (ServiceH)\r\n     REDISE\u00d1ADO: antes era 1 tarjeta grande destacada + 3 chicas al\r\n     lado (causaba problemas de altura desigual entre columnas).\r\n     Ahora son 4 tarjetas del mismo tama\u00f1o en cuadr\u00edcula 2x2 \u2014 mismo\r\n     tratamiento visual para las 4, sin jerarqu\u00eda de tama\u00f1os que\r\n     genere descuadres.\r\n     Colores de marca: Blue #0080FF \u00b7 Sky Green #00CC66 \u00b7 Purple #800080.\r\n     ============================================================ -->\r\n<section class=\"ServiceH\">\r\n\r\n    <div class=\"services-top\">\r\n\r\n        <span>\r\n            WHAT WE DO\r\n        <\/span>\r\n\r\n        <h2>\r\n            Visual Solutions Built <br>\r\n            To Get You Noticed.\r\n        <\/h2>\r\n\r\n        <p>\r\n            From storefront signs and vehicle wraps to printed graphics\r\n            and installation, Paleroo brings design, production and\r\n            execution together under one roof.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"services-grid-4\">\r\n\r\n        <!-- FOTO PENDIENTE: reemplazar por la mejor foto de FULL WRAPS\r\n             o PARTIAL WRAPS -->\r\n        <div class=\"service-card\">\r\n            <div class=\"service-card-thumb\">\r\n                <img decoding=\"async\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/04\/489851132_1207873654677832_8774186509190388072_n.jpg\" alt=\"Vehicle Wraps & Graphics\" loading=\"lazy\">\r\n                <div class=\"service-card-icon\">01<\/div>\r\n            <\/div>\r\n            <div class=\"service-card-body\">\r\n                <h3>Vehicle Wraps &amp; Graphics<\/h3>\r\n                <p>Full wraps, partial wraps, fleet graphics, box trucks, vans, trailers and vehicle lettering.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-card\">\r\n            <div class=\"service-card-thumb\">\r\n                <img decoding=\"async\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/04\/492779683_1220830606715470_4886576127160353620_n.jpg\" alt=\"Commercial Signage\" loading=\"lazy\">\r\n                <div class=\"service-card-icon\">02<\/div>\r\n            <\/div>\r\n            <div class=\"service-card-body\">\r\n                <h3>Commercial Signage<\/h3>\r\n                <p>Channel letters, light boxes, pylon signs, monument signs, storefront signs and illuminated branding.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-card\">\r\n            <div class=\"service-card-thumb\">\r\n                <img decoding=\"async\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/IMG_2504-scaled.jpg\" alt=\"Large-Format Printing\" loading=\"lazy\">\r\n                <div class=\"service-card-icon\">03<\/div>\r\n            <\/div>\r\n            <div class=\"service-card-body\">\r\n                <h3>Large-Format Printing<\/h3>\r\n                <p>Window graphics, wall graphics, banners, decals and promotional displays.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-card\">\r\n            <div class=\"service-card-thumb\">\r\n                <img decoding=\"async\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/IMG_3163-scaled.jpg\" alt=\"Installation & Permits\" loading=\"lazy\">\r\n                <div class=\"service-card-icon\">04<\/div>\r\n            <\/div>\r\n            <div class=\"service-card-body\">\r\n                <h3>Installation &amp; Permits<\/h3>\r\n                <p>Site surveys, professional installation, permit coordination, maintenance and sign updates.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"services-cta-wrap\">\r\n        <a href=\"\/services\" class=\"services-cta\">Explore All Services<\/a>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.ServiceH{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:140px 7%;\r\n    background:\r\n        radial-gradient(circle at top left, rgba(128,0,128,.12), transparent 35%),\r\n        radial-gradient(circle at bottom right, rgba(0,128,255,.10), transparent 35%),\r\n        linear-gradient(180deg, #040816, #060B18);\r\n    isolation:isolate;\r\n}\r\n\r\n.services-top{\r\n    text-align:left;\r\n    max-width:900px;\r\n    margin:0 0 70px;\r\n}\r\n\r\n.services-top span{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    gap:14px;\r\n    margin-bottom:22px;\r\n    color:#0080FF;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:4px;\r\n}\r\n\r\n.services-top span::before{\r\n    content:\"\";\r\n    width:70px;\r\n    height:2px;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg, #800080, #0080FF);\r\n}\r\n\r\n.services-top h2{\r\n    font-size:clamp(42px, 5vw, 76px);\r\n    line-height:1.02;\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n    color:white;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.services-top p{\r\n    max-width:720px;\r\n    margin:0;\r\n    color: rgba(255,255,255,.72);\r\n    line-height:1.9;\r\n    font-size:18px;\r\n}\r\n\r\n\/* ---------- CUADR\u00cdCULA 2x2 ---------- *\/\r\n\r\n.services-grid-4{\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap:30px;\r\n}\r\n\r\n.service-card{\r\n    display:flex;\r\n    flex-direction:column;\r\n    overflow:hidden;\r\n    border-radius:32px;\r\n    background: linear-gradient(145deg, rgba(15,20,35,.96), rgba(7,10,18,.98));\r\n    border: 1px solid rgba(255,255,255,.06);\r\n    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;\r\n}\r\n\r\n.service-card:hover{\r\n    transform: translateY(-8px);\r\n    border-color: rgba(0,128,255,.22);\r\n    box-shadow: 0 30px 60px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* Foto: misma altura fija en las 4 tarjetas, as\u00ed siempre quedan\r\n   perfectamente parejas sin importar el largo del texto *\/\r\n.service-card-thumb{\r\n    position:relative;\r\n    height:340px;\r\n    flex-shrink:0;\r\n    overflow:hidden;\r\n}\r\n\r\n.service-card-thumb img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition: transform .6s ease;\r\n}\r\n\r\n.service-card:hover .service-card-thumb img{\r\n    transform: scale(1.06);\r\n}\r\n\r\n.service-card-thumb::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(6,8,16,.9) 100%);\r\n}\r\n\r\n.service-card-icon{\r\n    position:absolute;\r\n    top:20px;\r\n    left:20px;\r\n    z-index:2;\r\n    width:46px;\r\n    height:46px;\r\n    border-radius:14px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background: linear-gradient(135deg, #800080, #0080FF);\r\n    color:white;\r\n    font-size:15px;\r\n    font-weight:900;\r\n    box-shadow: 0 12px 24px rgba(128,0,128,.3);\r\n    border:2px solid rgba(255,255,255,.15);\r\n}\r\n\r\n.service-card-body{\r\n    padding:32px 34px 36px;\r\n    flex:1;\r\n    display:flex;\r\n    flex-direction:column;\r\n}\r\n\r\n.service-card-body h3{\r\n    color:white;\r\n    font-size:26px;\r\n    line-height:1.1;\r\n    font-weight:800;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.service-card-body p{\r\n    color: rgba(255,255,255,.7);\r\n    line-height:1.75;\r\n    font-size:15px;\r\n}\r\n\r\n\/* ---------- BOT\u00d3N debajo de la cuadr\u00edcula ---------- *\/\r\n\r\n.services-cta-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-top:50px;\r\n}\r\n\r\n.services-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:19px 36px;\r\n    border-radius:18px;\r\n    background: linear-gradient(135deg, #00CC66, #0080FF);\r\n    text-decoration:none;\r\n    color:white;\r\n    font-size:14px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n    box-shadow: 0 20px 40px rgba(0,204,102,.25);\r\n    transition: transform .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.services-cta:hover{\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 26px 50px rgba(0,204,102,.32);\r\n}\r\n\r\n\/* =============================================\r\n   RESPONSIVE\r\n   ============================================= *\/\r\n\r\n@media(max-width:900px){\r\n    .services-grid-4{\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .ServiceH{\r\n        padding:100px 24px;\r\n    }\r\n\r\n    .services-top{\r\n        margin-bottom:50px;\r\n    }\r\n\r\n    .services-top h2{\r\n        font-size:48px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .services-top p{\r\n        font-size:16px;\r\n    }\r\n\r\n    .service-card-thumb{\r\n        height:260px;\r\n    }\r\n\r\n    .service-card-body{\r\n        padding:26px;\r\n    }\r\n\r\n    .service-card-body h3{\r\n        font-size:22px;\r\n    }\r\n\r\n    .services-cta{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n\/* OPTIMIZACI\u00d3N: respeta preferencia de menos movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .service-card:hover,\r\n    .service-card:hover .service-card-thumb img,\r\n    .services-cta:hover {\r\n        transition: none !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-776463e e-con-full e-flex e-con e-parent\" data-id=\"776463e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa80622 elementor-widget elementor-widget-html\" data-id=\"aa80622\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N: PREGUNTAS FRECUENTES (FaqH)\r\n     Cambios:\r\n     1) Colores de marca: Blue #0080FF \u00b7 Purple #800080\r\n     2) Optimizaci\u00f3n: imagen decorativa en loading=\"lazy\".\r\n     3) Primera pregunta actualizada: dise\u00f1o 2 a 3 d\u00edas,\r\n        instalaci\u00f3n 3 a 5 d\u00edas (con lista .faq-timeline).\r\n     ============================================================ -->\r\n<section class=\"FaqH\">\r\n\r\n    <div class=\"faq-hero\">\r\n\r\n        <div class=\"faq-top\">\r\n\r\n            <span>\r\n                FREQUENTLY ASKED QUESTIONS\r\n            <\/span>\r\n\r\n            <h2>\r\n                Everything You Need <br>\r\n                To Know\r\n            <\/h2>\r\n\r\n            <p>\r\n                Answers to common questions about our signage,\r\n                wraps, branding, installation, and production process.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"faq-visual\">\r\n            <img src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-05-at-11.49.07-AM-3.jpeg\" alt=\"FAQ Showcase\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"faq-grid\">\r\n\r\n        <div class=\"faq-item active\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    How long does a vehicle wrap project take?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    Timelines depend on the size of the vehicle and the\r\n                    complexity of the design. Here's what to expect:\r\n                <\/p>\r\n                <ul class=\"faq-timeline\">\r\n                    <li>\r\n                        <strong>Initial design:<\/strong> 2 to 3 days\r\n                    <\/li>\r\n                    <li>\r\n                        <strong>Installation:<\/strong> 3 to 5 days\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    Do you help with permits for commercial signs?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    Yes. We assist businesses with permit applications,\r\n                    compliance requirements, and approvals for commercial\r\n                    signage projects across New Jersey.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    What types of businesses do you work with?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    We work with restaurants, retail stores,\r\n                    construction companies, franchises, shopping plazas,\r\n                    warehouses, gas stations, and many local businesses.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    Can you create custom signage designs?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    Absolutely. Our design team creates fully customized\r\n                    signage concepts tailored to your branding,\r\n                    location, and business goals.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    Do you offer maintenance and repair services?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    Yes. We provide maintenance, lighting repairs,\r\n                    replacements, and updates for commercial signage\r\n                    and installed graphics.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\">\r\n                <span>\r\n                    How do I get started with a project?\r\n                <\/span>\r\n                <div class=\"faq-icon\">\r\n                    +\r\n                <\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>\r\n                    Simply contact our team for a consultation.\r\n                    We'll discuss your goals, evaluate your needs,\r\n                    and create a professional solution for your business.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.FaqH{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:140px 7%;\r\n    background:\r\n        radial-gradient(circle at top left, rgba(128,0,128,.10), transparent 30%),\r\n        radial-gradient(circle at bottom right, rgba(0,128,255,.08), transparent 30%),\r\n        linear-gradient(180deg, #040816, #060B18);\r\n    isolation:isolate;\r\n}\r\n\r\n.faq-hero{\r\n    display:grid;\r\n    grid-template-columns: 1.1fr .9fr;\r\n    align-items:center;\r\n    gap:60px;\r\n    margin-bottom:90px;\r\n}\r\n\r\n.faq-top span{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:22px;\r\n    color:#0080FF;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:4px;\r\n}\r\n\r\n.faq-top span::before{\r\n    content:\"\";\r\n    width:70px;\r\n    height:2px;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg, #800080, #0080FF);\r\n}\r\n\r\n.faq-top h2{\r\n    \/* tama\u00f1o flexible para que \"Everything You Need To Know\"\r\n       no desborde la columna del encabezado en pantallas intermedias. *\/\r\n    font-size:clamp(40px, 4.5vw, 66px);\r\n    line-height:1.02;\r\n    font-weight:900;\r\n    letter-spacing: 2px;\r\n    color:white;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.faq-top p{\r\n    max-width:720px;\r\n    color: rgba(255,255,255,.72);\r\n    line-height:1.9;\r\n    font-size:18px;\r\n}\r\n\r\n.faq-visual{\r\n    position:relative;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.faq-visual img{\r\n    width:100%;\r\n    max-width:520px;\r\n    border-radius:34px;\r\n    object-fit:cover;\r\n    box-shadow: 0 40px 90px rgba(0,0,0,.45), 0 0 80px rgba(0,128,255,.12);\r\n    transform: rotate(4deg);\r\n    animation: faqFloat 5s ease-in-out infinite;\r\n    transition: transform .5s ease;\r\n    will-change: transform; \/* OPTIMIZACI\u00d3N *\/\r\n}\r\n\r\n.faq-visual:hover img{\r\n    transform: rotate(0deg) scale(1.03);\r\n}\r\n\r\n.faq-visual::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:420px;\r\n    height:420px;\r\n    border-radius:50%;\r\n    background: radial-gradient(circle, rgba(128,0,128,.18), transparent 70%);\r\n    filter:blur(80px);\r\n    z-index:-1;\r\n    animation: glowMove 6s ease-in-out infinite;\r\n    contain: paint; \/* OPTIMIZACI\u00d3N *\/\r\n}\r\n\r\n.faq-grid{\r\n    display:grid;\r\n    gap:24px;\r\n}\r\n\r\n.faq-item{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:30px;\r\n    background: linear-gradient(145deg, rgba(15,20,35,.96), rgba(7,10,18,.98));\r\n    border: 1px solid rgba(255,255,255,.06);\r\n    transition: all .4s ease;\r\n}\r\n\r\n.faq-item.active{\r\n    border-color: rgba(128,0,128,.22);\r\n    box-shadow: 0 25px 60px rgba(0,0,0,.3);\r\n}\r\n\r\n.faq-item:hover{\r\n    transform: translateY(-6px);\r\n}\r\n\r\n.faq-question{\r\n    width:100%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    padding:34px 38px;\r\n    background:none;\r\n    border:none;\r\n    cursor:pointer;\r\n    text-align:left;\r\n}\r\n\r\n.faq-question span{\r\n    color:white;\r\n    font-size:28px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n}\r\n\r\n.faq-icon{\r\n    min-width:60px;\r\n    height:60px;\r\n    border-radius:18px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background: linear-gradient(135deg, #800080, #0080FF);\r\n    color:white;\r\n    font-size:28px;\r\n    font-weight:900;\r\n    box-shadow: 0 15px 35px rgba(128,0,128,.22);\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon{\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.faq-answer{\r\n    max-width:900px;\r\n    max-height:0;\r\n    overflow:hidden;\r\n    opacity:0;\r\n    padding:0 38px;\r\n    transition:\r\n        max-height .5s ease,\r\n        opacity .35s ease,\r\n        padding .35s ease;\r\n}\r\n\r\n.faq-item.active .faq-answer{\r\n    max-height:300px;\r\n    opacity:1;\r\n    padding:0 38px 34px;\r\n}\r\n\r\n.faq-answer p{\r\n    color: rgba(255,255,255,.72);\r\n    line-height:2;\r\n    font-size:17px;\r\n}\r\n\r\n\/* Lista de tiempos (primera pregunta) *\/\r\n.faq-timeline{\r\n    list-style:none;\r\n    margin:18px 0 0;\r\n    padding:0;\r\n    display:grid;\r\n    gap:12px;\r\n}\r\n\r\n.faq-timeline li{\r\n    position:relative;\r\n    padding-left:26px;\r\n    color: rgba(255,255,255,.72);\r\n    font-size:17px;\r\n    line-height:1.8;\r\n}\r\n\r\n.faq-timeline li::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:13px;\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background: linear-gradient(135deg, #800080, #0080FF);\r\n}\r\n\r\n.faq-timeline strong{\r\n    color:white;\r\n    font-weight:700;\r\n}\r\n\r\n@keyframes faqFloat{\r\n    0%,100%{ transform: rotate(4deg) translateY(0); }\r\n    50%{ transform: rotate(2deg) translateY(-16px); }\r\n}\r\n\r\n@keyframes glowMove{\r\n    0%,100%{ transform: scale(1); }\r\n    50%{ transform: scale(1.12); }\r\n}\r\n\r\n\/* OPTIMIZACI\u00d3N: respeta preferencia de menos movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .faq-visual img, .faq-visual::before {\r\n        animation: none !important;\r\n    }\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n    .FaqH{\r\n        padding:90px 28px;\r\n    }\r\n\r\n    .faq-hero{\r\n        grid-template-columns:1fr;\r\n        gap:50px;\r\n    }\r\n\r\n    .faq-visual{\r\n        order:-1;\r\n    }\r\n\r\n    .faq-visual img{\r\n        max-width:480px;\r\n    }\r\n\r\n    .faq-top h2{\r\n        font-size:56px;\r\n        line-height:.95;\r\n    }\r\n\r\n    .faq-question{\r\n        padding:24px 24px;\r\n        gap:18px;\r\n    }\r\n\r\n    .faq-question span{\r\n        font-size:18px;\r\n        line-height:1.3;\r\n        max-width:calc(100% - 90px);\r\n    }\r\n\r\n    .faq-icon{\r\n        min-width:46px;\r\n        width:46px;\r\n        height:46px;\r\n        font-size:22px;\r\n        border-radius:14px;\r\n        flex-shrink:0;\r\n    }\r\n\r\n    .faq-item{\r\n        border-radius:24px;\r\n    }\r\n\r\n    .faq-answer{\r\n        padding:0 24px;\r\n    }\r\n\r\n    .faq-item.active .faq-answer{\r\n        padding:0 24px 24px;\r\n    }\r\n\r\n    .faq-answer p{\r\n        font-size:15px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    .faq-timeline li{\r\n        font-size:15px;\r\n        line-height:1.7;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .FaqH{\r\n        padding:100px 24px;\r\n    }\r\n\r\n    .faq-top{\r\n        margin-bottom:60px;\r\n    }\r\n\r\n    .faq-top h2{\r\n        font-size:48px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .faq-top p{\r\n        font-size:16px;\r\n    }\r\n\r\n    .faq-question{\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:space-between;\r\n        gap:12px;\r\n        padding:16px 18px;\r\n    }\r\n\r\n    .faq-question span{\r\n        flex:1;\r\n        min-width:0;\r\n        font-size:13px;\r\n        line-height:1.4;\r\n        white-space:normal;\r\n        word-break:break-word;\r\n    }\r\n\r\n    .faq-icon{\r\n        min-width:38px;\r\n        width:38px;\r\n        height:38px;\r\n        font-size:16px;\r\n        border-radius:10px;\r\n        flex-shrink:0;\r\n    }\r\n\r\n    .faq-answer{\r\n        padding:0 26px;\r\n    }\r\n\r\n    .faq-item.active .faq-answer{\r\n        padding:0 26px 26px;\r\n    }\r\n\r\n    .faq-answer p{\r\n        font-size:15px;\r\n        line-height:1.8;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll(\".faq-question\").forEach((button)=>{\r\n    button.addEventListener(\"click\",()=>{\r\n        const currentItem = button.parentElement;\r\n        document.querySelectorAll(\".faq-item\").forEach((item)=>{\r\n            if(item !== currentItem){\r\n                item.classList.remove(\"active\");\r\n            }\r\n        });\r\n        currentItem.classList.toggle(\"active\");\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Signs &#038; Wraps \u2014 Premium PREMIUM SIGNS \u2022 WRAPS \u2022 BRANDING DRIVE YOUR BRAND. GROW YOUR BUSINESS. Custom vehicle wraps, commercial signage, large-format graphics and branding solutions designed to make your business stand out &#8211; on the road and at your location. GET A FREE QUOTE \u2192 VIEW OUR WORK 500+ Projects Completed 10+ Years [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/comments?post=1797"}],"version-history":[{"count":327,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1797\/revisions"}],"predecessor-version":[{"id":3591,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1797\/revisions\/3591"}],"wp:attachment":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/media?parent=1797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}