{"id":2225,"date":"2026-04-01T09:36:11","date_gmt":"2026-04-01T09:36:11","guid":{"rendered":"https:\/\/arestes.es\/?page_id=2225"},"modified":"2026-04-01T09:36:11","modified_gmt":"2026-04-01T09:36:11","slug":"newinicio","status":"publish","type":"page","link":"https:\/\/arestes.es\/index.php\/newinicio\/","title":{"rendered":"newinicio"},"content":{"rendered":"\n\n\n\n \n \n ARESTES – Selecci\u00f3n de Talento que Transforma Empresas<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Crimson+Pro:wght@300;400;600;700&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n \/* Paleta azul corporativo profesional *\/\n --color-primary: #1E56A0;\n --color-primary-dark: #163E73;\n --color-secondary: #3B82C7;\n --color-accent: #0A2E52;\n --color-accent-light: #4A90D9;\n \n --color-bg-light: #F5F8FC;\n --color-bg-white: #FFFFFF;\n --color-text-dark: #1A1A2E;\n --color-text-medium: #4A4A5C;\n --color-text-light: #7A7A8C;\n \n --font-display: 'Crimson Pro', serif;\n --font-body: 'DM Sans', sans-serif;\n \n --shadow-soft: 0 4px 24px rgba(30, 86, 160, 0.08);\n --shadow-medium: 0 8px 32px rgba(30, 86, 160, 0.12);\n --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-body);\n color: var(--color-text-dark);\n background: var(--color-bg-light);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* HEADER & NAVIGATION *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(245, 248, 252, 0.95);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(30, 86, 160, 0.1);\n transition: var(--transition);\n }\n\n header.scrolled {\n box-shadow: var(--shadow-soft);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--font-display);\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--color-primary);\n text-decoration: none;\n letter-spacing: -0.02em;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--color-text-medium);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: var(--transition);\n position: relative;\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--color-primary);\n transition: var(--transition);\n }\n\n .nav-links a:hover {\n color: var(--color-primary);\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .cta-nav {\n background: var(--color-primary);\n color: white !important;\n padding: 0.75rem 1.75rem;\n border-radius: 50px;\n transition: var(--transition);\n }\n\n .cta-nav::after {\n display: none;\n }\n\n .cta-nav:hover {\n background: var(--color-primary-dark);\n transform: translateY(-2px);\n box-shadow: var(--shadow-medium);\n }\n\n \/* HERO SECTION *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 8rem 2rem 4rem;\n background: linear-gradient(135deg, var(--color-bg-light) 0%, #E8F1FA 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(30, 86, 160, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n animation: float 20s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 33% { transform: translate(30px, -30px) rotate(120deg); }\n 66% { transform: translate(-20px, 20px) rotate(240deg); }\n }\n\n .hero-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .hero-text h1 {\n font-family: var(--font-display);\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n line-height: 1.15;\n font-weight: 700;\n color: var(--color-text-dark);\n margin-bottom: 1.5rem;\n animation: slideUp 0.8s ease-out;\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-text h1 .highlight {\n color: var(--color-primary);\n position: relative;\n display: inline-block;\n }\n\n .hero-text h1 .highlight::after {\n content: '';\n position: absolute;\n bottom: 8px;\n left: 0;\n width: 100%;\n height: 12px;\n background: rgba(30, 86, 160, 0.2);\n z-index: -1;\n animation: expandWidth 1s ease-out 0.5s both;\n }\n\n @keyframes expandWidth {\n from { width: 0; }\n to { width: 100%; }\n }\n\n .hero-text p {\n font-size: 1.25rem;\n color: var(--color-text-medium);\n margin-bottom: 2.5rem;\n max-width: 600px;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n\n .hero-ctas {\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n animation: slideUp 0.8s ease-out 0.4s both;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n transition: var(--transition);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 1rem;\n border: none;\n cursor: pointer;\n }\n\n .btn-primary {\n background: var(--color-primary);\n color: white;\n box-shadow: 0 4px 16px rgba(30, 86, 160, 0.3);\n }\n\n .btn-primary:hover {\n background: var(--color-primary-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(30, 86, 160, 0.4);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--color-accent);\n border: 2px solid var(--color-accent);\n }\n\n .btn-secondary:hover {\n background: var(--color-accent);\n color: white;\n transform: translateY(-3px);\n }\n\n .hero-visual {\n position: relative;\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .stat-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: var(--shadow-soft);\n transition: var(--transition);\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-medium);\n }\n\n .stat-number {\n font-family: var(--font-display);\n font-size: 3rem;\n font-weight: 700;\n color: var(--color-primary);\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.95rem;\n color: var(--color-text-medium);\n font-weight: 500;\n }\n\n \/* VALORES SECTION *\/\n .valores {\n padding: 8rem 2rem;\n background: var(--color-bg-white);\n }\n\n .section-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 5rem;\n }\n\n .section-tag {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n background: rgba(30, 86, 160, 0.1);\n color: var(--color-primary);\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n\n .section-header h2 {\n font-family: var(--font-display);\n font-size: clamp(2rem, 4vw, 3.5rem);\n color: var(--color-text-dark);\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .section-header p {\n font-size: 1.2rem;\n color: var(--color-text-medium);\n line-height: 1.7;\n }\n\n .valores-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2.5rem;\n }\n\n .valor-card {\n background: var(--color-bg-light);\n padding: 3rem 2rem;\n border-radius: 24px;\n transition: var(--transition);\n border: 2px solid transparent;\n }\n\n .valor-card:hover {\n border-color: var(--color-primary);\n transform: translateY(-8px);\n box-shadow: var(--shadow-medium);\n }\n\n .valor-icon {\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n }\n\n .valor-card h3 {\n font-family: var(--font-display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--color-text-dark);\n }\n\n .valor-card p {\n color: var(--color-text-medium);\n line-height: 1.7;\n }\n\n \/* SERVICIOS SECTION *\/\n .servicios {\n padding: 8rem 2rem;\n background: linear-gradient(180deg, var(--color-bg-white) 0%, var(--color-bg-light) 100%);\n }\n\n .servicios-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .servicios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .servicio-card {\n background: white;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: var(--shadow-soft);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n }\n\n .servicio-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-medium);\n }\n\n .servicio-image {\n height: 300px;\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 5rem;\n position: relative;\n overflow: hidden;\n }\n\n .servicio-image::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);\n animation: rotate 15s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .servicio-content {\n padding: 3rem;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .servicio-content h3 {\n font-family: var(--font-display);\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--color-text-dark);\n }\n\n .servicio-content p {\n color: var(--color-text-medium);\n margin-bottom: 2rem;\n flex-grow: 1;\n }\n\n .servicio-features {\n list-style: none;\n margin-bottom: 2rem;\n }\n\n .servicio-features li {\n padding: 0.75rem 0;\n color: var(--color-text-medium);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .servicio-features li::before {\n content: '\u2713';\n color: var(--color-primary);\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n \/* CLIENTES SECTION *\/\n .clientes {\n padding: 6rem 2rem;\n background: var(--color-accent);\n color: white;\n }\n\n .clientes-container {\n max-width: 1400px;\n margin: 0 auto;\n text-align: center;\n }\n\n .clientes h2 {\n font-family: var(--font-display);\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: white;\n }\n\n .clientes p {\n font-size: 1.2rem;\n margin-bottom: 4rem;\n opacity: 0.9;\n }\n\n .logos-scroll {\n overflow: hidden;\n position: relative;\n padding: 2rem 0;\n }\n\n .logos-track {\n display: flex;\n gap: 4rem;\n animation: scrollLogos 30s linear infinite;\n }\n\n @keyframes scrollLogos {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n .logo-item {\n flex-shrink: 0;\n width: 180px;\n height: 80px;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem;\n font-weight: 700;\n color: var(--color-accent);\n font-size: 1.1rem;\n }\n\n \/* PROCESO SECTION *\/\n .proceso {\n padding: 8rem 2rem;\n background: var(--color-bg-white);\n }\n\n .proceso-timeline {\n max-width: 1000px;\n margin: 4rem auto 0;\n position: relative;\n }\n\n .proceso-timeline::before {\n content: '';\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 2px;\n background: linear-gradient(180deg, var(--color-primary), var(--color-secondary));\n transform: translateX(-50%);\n }\n\n .proceso-step {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 3rem;\n margin-bottom: 4rem;\n position: relative;\n }\n\n .proceso-step:nth-child(even) .step-content:first-child {\n text-align: right;\n }\n\n .proceso-step:nth-child(odd) .step-content:last-child {\n text-align: left;\n }\n\n .step-content {\n padding: 2rem;\n }\n\n .step-content h3 {\n font-family: var(--font-display);\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--color-primary);\n }\n\n .step-content p {\n color: var(--color-text-medium);\n line-height: 1.7;\n }\n\n .step-marker {\n width: 60px;\n height: 60px;\n background: white;\n border: 4px solid var(--color-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.5rem;\n color: var(--color-primary);\n z-index: 10;\n position: relative;\n box-shadow: var(--shadow-medium);\n }\n\n \/* CTA SECTION *\/\n .cta-section {\n padding: 8rem 2rem;\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n\n .cta-container {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .cta-container h2 {\n font-family: var(--font-display);\n font-size: clamp(2rem, 4vw, 3.5rem);\n color: white;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .cta-container p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.95);\n margin-bottom: 3rem;\n }\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .btn-white {\n background: white;\n color: var(--color-primary);\n }\n\n .btn-white:hover {\n background: var(--color-bg-light);\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n }\n\n .btn-outline-white {\n background: transparent;\n color: white;\n border: 2px solid white;\n }\n\n .btn-outline-white:hover {\n background: white;\n color: var(--color-primary);\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--color-text-dark);\n color: white;\n padding: 4rem 2rem 2rem;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n }\n\n .footer-about h3 {\n font-family: var(--font-display);\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--color-primary);\n }\n\n .footer-about p {\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.7;\n margin-bottom: 1.5rem;\n }\n\n .footer-section h4 {\n font-family: var(--font-display);\n font-size: 1.2rem;\n margin-bottom: 1.5rem;\n color: white;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.75rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .footer-links a:hover {\n color: var(--color-primary);\n padding-left: 5px;\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .social-links a {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: var(--transition);\n }\n\n .social-links a:hover {\n background: var(--color-primary);\n transform: translateY(-3px);\n }\n\n .footer-bottom {\n max-width: 1400px;\n margin: 0 auto;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.9rem;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n .hero-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero-text p {\n max-width: 100%;\n }\n\n .hero-ctas {\n justify-content: center;\n }\n\n .footer-content {\n grid-template-columns: 1fr 1fr;\n }\n\n .proceso-timeline::before {\n left: 30px;\n }\n\n .proceso-step {\n grid-template-columns: auto 1fr;\n gap: 2rem;\n }\n\n .proceso-step .step-content:first-child {\n display: none;\n }\n\n .proceso-step:nth-child(odd) .step-content:last-child {\n text-align: left;\n }\n }\n\n @media (max-width: 768px) {\n nav {\n flex-direction: column;\n gap: 1.5rem;\n padding: 1rem;\n }\n\n .nav-links {\n flex-direction: column;\n gap: 1rem;\n text-align: center;\n }\n\n .servicios-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-content {\n grid-template-columns: 1fr;\n }\n\n .valores-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* SCROLL ANIMATIONS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <!-- HEADER -->\n <header id=\"header\">\n <nav>\n <a href=\"#\" class=\"logo\">ARESTES<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\n <li><a href=\"#valores\">Qui\u00e9nes Somos<\/a><\/li>\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#proceso\">Proceso<\/a><\/li>\n <li><a href=\"#ofertas\">Ofertas<\/a><\/li>\n <li><a href=\"#contacto\" class=\"cta-nav\">Contacto<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/header>\n\n <!-- HERO -->\n <section class=\"hero\" id=\"inicio\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <h1>\n Detr\u00e1s de cada proyecto hay <span class=\"highlight\">grandes personas<\/span>\n <\/h1>\n <p>\n M\u00e1s que buscar perfiles, encontramos personas que transforman empresas. \n Con m\u00e1s de 30 a\u00f1os de experiencia en selecci\u00f3n de talento, conectamos el \n talento excepcional con las oportunidades que lo merecen.\n <\/p>\n <div class=\"hero-ctas\">\n <a href=\"#servicios\" class=\"btn btn-primary\">Nuestros Servicios<\/a>\n <a href=\"#contacto\" class=\"btn btn-secondary\">Hablemos \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">30+<\/div>\n <div class=\"stat-label\">A\u00f1os de Experiencia<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">500+<\/div>\n <div class=\"stat-label\">Empresas Confiaron<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Tasa de \u00c9xito<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24h<\/div>\n <div class=\"stat-label\">Tiempo Respuesta<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VALORES -->\n <section class=\"valores fade-in\" id=\"valores\">\n <div class=\"section-header\">\n <span class=\"section-tag\">Nuestra Esencia<\/span>\n <h2>Lo que nos hace diferentes<\/h2>\n <p>\n No somos una consultora m\u00e1s. Somos un equipo apasionado por conectar \n el talento adecuado con las oportunidades perfectas.\n <\/p>\n <\/div>\n <div class=\"valores-grid\">\n <div class=\"valor-card\">\n <div class=\"valor-icon\">\ud83c\udfaf<\/div>\n <h3>Especializaci\u00f3n<\/h3>\n <p>\n Conocimiento profundo del sector. Nos enfocamos exclusivamente en \n captar talento con experiencia demostrada en cada industria.\n <\/p>\n <\/div>\n <div class=\"valor-card\">\n <div class=\"valor-icon\">\u26a1<\/div>\n <h3>Proceso \u00c1gil<\/h3>\n <p>\n Reducimos tiempos de contrataci\u00f3n sin comprometer la calidad. \n Metodolog\u00eda eficiente que respeta tu tiempo y el del candidato.\n <\/p>\n <\/div>\n <div class=\"valor-card\">\n <div class=\"valor-icon\">\ud83d\udc8e<\/div>\n <h3>Selecci\u00f3n T\u00e9cnica y Humana<\/h3>\n <p>\n Evaluamos competencias t\u00e9cnicas y fit cultural. Encontramos la \n persona ideal que encaja con tu empresa y viceversa.\n <\/p>\n <\/div>\n <div class=\"valor-card\">\n <div class=\"valor-icon\">\ud83e\udd1d<\/div>\n <h3>Acompa\u00f1amiento Total<\/h3>\n <p>\n Desde la definici\u00f3n del perfil hasta la incorporaci\u00f3n efectiva. \n Seguimiento continuo para garantizar el \u00e9xito de la contrataci\u00f3n.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SERVICIOS -->\n <section class=\"servicios fade-in\" id=\"servicios\">\n <div class=\"servicios-container\">\n <div class=\"section-header\">\n <span class=\"section-tag\">Nuestros Servicios<\/span>\n <h2>Soluciones de talento a medida<\/h2>\n <p>\n Ofrecemos servicios de headhunting altamente especializados para \n todos los niveles del organigrama empresarial.\n <\/p>\n <\/div>\n\n <div class=\"servicios-grid\">\n <div class=\"servicio-card\">\n <div class=\"servicio-image\">\ud83d\udd0d<\/div>\n <div class=\"servicio-content\">\n <h3>Selecci\u00f3n Directa<\/h3>\n <p>\n Servicio premium de headhunting para posiciones clave en tu organizaci\u00f3n. \n B\u00fasqueda activa y discreta de los mejores profesionales del mercado.\n <\/p>\n <ul class=\"servicio-features\">\n <li>B\u00fasqueda confidencial y proactiva<\/li>\n <li>Mapeo exhaustivo del mercado<\/li>\n <li>Evaluaci\u00f3n integral 360\u00b0<\/li>\n <li>Garant\u00eda de reemplazo<\/li>\n <li>Seguimiento post-incorporaci\u00f3n<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"btn btn-primary\">Solicitar Servicio<\/a>\n <\/div>\n <\/div>\n\n <div class=\"servicio-card\">\n <div class=\"servicio-image\">\ud83d\udc65<\/div>\n <div class=\"servicio-content\">\n <h3>Outsourcing<\/h3>\n <p>\n Externalizaci\u00f3n de procesos de selecci\u00f3n para optimizar recursos y \n obtener resultados profesionales sin aumentar tu estructura.\n <\/p>\n <ul class=\"servicio-features\">\n <li>Gesti\u00f3n completa del proceso<\/li>\n <li>Tecnolog\u00eda de reclutamiento avanzada<\/li>\n <li>Reducci\u00f3n de tiempos y costes<\/li>\n <li>Reporting y m\u00e9tricas continuas<\/li>\n <li>Escalabilidad seg\u00fan necesidades<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"btn btn-primary\">Solicitar Servicio<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CLIENTES -->\n <section class=\"clientes fade-in\">\n <div class=\"clientes-container\">\n <h2>Conf\u00edan en Nosotros<\/h2>\n <p>Empresas l\u00edderes que han transformado su talento con ARESTES<\/p>\n \n <div class=\"logos-scroll\">\n <div class=\"logos-track\">\n <div class=\"logo-item\">BBVA<\/div>\n <div class=\"logo-item\">Accenture<\/div>\n <div class=\"logo-item\">Telef\u00f3nica<\/div>\n <div class=\"logo-item\">Inditex<\/div>\n <div class=\"logo-item\">Mapfre<\/div>\n <div class=\"logo-item\">Mercadona<\/div>\n <div class=\"logo-item\">Iberdrola<\/div>\n <div class=\"logo-item\">Santander<\/div>\n <!-- Duplicados para loop infinito -->\n <div class=\"logo-item\">BBVA<\/div>\n <div class=\"logo-item\">Accenture<\/div>\n <div class=\"logo-item\">Telef\u00f3nica<\/div>\n <div class=\"logo-item\">Inditex<\/div>\n <div class=\"logo-item\">Mapfre<\/div>\n <div class=\"logo-item\">Mercadona<\/div>\n <div class=\"logo-item\">Iberdrola<\/div>\n <div class=\"logo-item\">Santander<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PROCESO -->\n <section class=\"proceso fade-in\" id=\"proceso\">\n <div class=\"section-header\">\n <span class=\"section-tag\">Nuestro M\u00e9todo<\/span>\n <h2>C\u00f3mo trabajamos<\/h2>\n <p>Un proceso probado que garantiza resultados excepcionales<\/p>\n <\/div>\n\n <div class=\"proceso-timeline\">\n <div class=\"proceso-step\">\n <div class=\"step-content\">\n <h3>An\u00e1lisis de Necesidades<\/h3>\n <p>\n Entendemos tu empresa, cultura y objetivos estrat\u00e9gicos para \n definir el perfil ideal que necesitas.\n <\/p>\n <\/div>\n <div class=\"step-marker\">1<\/div>\n <div class=\"step-content\"><\/div>\n <\/div>\n\n <div class=\"proceso-step\">\n <div class=\"step-content\"><\/div>\n <div class=\"step-marker\">2<\/div>\n <div class=\"step-content\">\n <h3>B\u00fasqueda y Atracci\u00f3n<\/h3>\n <p>\n Activamos nuestra red de contactos y utilizamos herramientas \n avanzadas para identificar a los mejores candidatos.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"proceso-step\">\n <div class=\"step-content\">\n <h3>Evaluaci\u00f3n Integral<\/h3>\n <p>\n Realizamos entrevistas en profundidad, evaluaciones t\u00e9cnicas y \n an\u00e1lisis de compatibilidad cultural.\n <\/p>\n <\/div>\n <div class=\"step-marker\">3<\/div>\n <div class=\"step-content\"><\/div>\n <\/div>\n\n <div class=\"proceso-step\">\n <div class=\"step-content\"><\/div>\n <div class=\"step-marker\">4<\/div>\n <div class=\"step-content\">\n <h3>Presentaci\u00f3n y Cierre<\/h3>\n <p>\n Te presentamos los candidatos finalistas y te acompa\u00f1amos en \n la negociaci\u00f3n hasta el cierre exitoso.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"proceso-step\">\n <div class=\"step-content\">\n <h3>Seguimiento Post-contrataci\u00f3n<\/h3>\n <p>\n Acompa\u00f1amos la integraci\u00f3n del nuevo talento y realizamos \n seguimiento para asegurar el \u00e9xito a largo plazo.\n <\/p>\n <\/div>\n <div class=\"step-marker\">5<\/div>\n <div class=\"step-content\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA CANDIDATOS -->\n <section class=\"cta-section fade-in\" id=\"ofertas\">\n <div class=\"cta-container\">\n <h2>\u00bfBuscas tu pr\u00f3ximo desaf\u00edo profesional?<\/h2>\n <p>\n Descubre las oportunidades exclusivas que tenemos para ti. Empresas l\u00edderes \n est\u00e1n buscando talento excepcional como el tuyo.\n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"#\" class=\"btn btn-white\">Ver Ofertas de Empleo<\/a>\n <a href=\"#\" class=\"btn btn-outline-white\">Enviar mi CV<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA FINAL -->\n <section class=\"cta-section\" id=\"contacto\" style=\"background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);\">\n <div class=\"cta-container\">\n <h2>\u00bfListo para encontrar el talento que transformar\u00e1 tu empresa?<\/h2>\n <p>\n Hablemos sobre tus necesidades. Nuestro equipo est\u00e1 listo para ayudarte \n a construir el equipo que tu empresa merece.\n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"mailto:info@arestes.es\" class=\"btn btn-white\">Contactar Ahora<\/a>\n <a href=\"tel:+34900000000\" class=\"btn btn-outline-white\">Llamar: 900 000 000<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-about\">\n <h3>ARESTES<\/h3>\n <p>\n M\u00e1s de 30 a\u00f1os conectando el mejor talento con las empresas m\u00e1s \n innovadoras. Partner oficial de Catalonia Trade & Investment – ACCI\u00d3.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.linkedin.com\/company\/arestes\" target=\"_blank\" aria-label=\"LinkedIn\">in<\/a>\n <a href=\"#\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\n <a href=\"#\" aria-label=\"Facebook\">f<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-section\">\n <h4>Servicios<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#servicios\">Selecci\u00f3n Directa<\/a><\/li>\n <li><a href=\"#servicios\">Outsourcing<\/a><\/li>\n <li><a href=\"#proceso\">Nuestro Proceso<\/a><\/li>\n <li><a href=\"#valores\">Qui\u00e9nes Somos<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-section\">\n <h4>Candidatos<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Ofertas de Empleo<\/a><\/li>\n <li><a href=\"#\">Enviar CV<\/a><\/li>\n <li><a href=\"#\">Blog<\/a><\/li>\n <li><a href=\"#\">Newsletter<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-section\">\n <h4>Legal<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Aviso Legal<\/a><\/li>\n <li><a href=\"#\">Pol\u00edtica de Privacidad<\/a><\/li>\n <li><a href=\"#\">Pol\u00edtica de Cookies<\/a><\/li>\n <li><a href=\"#\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>© 2026 ARESTES – Selecci\u00f3n de Talento. Todos los derechos reservados.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Header scroll effect\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 100) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ARESTES – Selecci\u00f3n de Talento que Transforma Empresas ARESTES Inicio Qui\u00e9nes Somos Servicios Proceso Ofertas Contacto Detr\u00e1s de cada proyecto hay grandes personas M\u00e1s que buscar perfiles, encontramos personas que transforman empresas. Con m\u00e1s de 30 a\u00f1os de experiencia en selecci\u00f3n de talento, conectamos el talento excepcional con las oportunidades que lo merecen. Nuestros Servicios… <\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-2225","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/pages\/2225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/comments?post=2225"}],"version-history":[{"count":1,"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/pages\/2225\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/pages\/2225\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/arestes.es\/index.php\/wp-json\/wp\/v2\/media?parent=2225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}