{"id":16,"date":"2025-09-29T21:59:54","date_gmt":"2025-09-29T21:59:54","guid":{"rendered":"https:\/\/smartersmedia.com\/?page_id=16"},"modified":"2025-12-29T18:14:20","modified_gmt":"2025-12-29T18:14:20","slug":"inicio","status":"publish","type":"page","link":"https:\/\/smartersmedia.com\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39f1a57 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"39f1a57\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3181251\" data-id=\"3181251\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9616a5d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9616a5d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c14c7d3\" data-id=\"c14c7d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7903c45 elementor-widget elementor-widget-html\" data-id=\"7903c45\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \r\n\r\n  INSTRUCCIONES PARA ELEMENTOR:\r\n\r\n  Copia todo este c\u00f3digo y p\u00e9galo dentro de un widget \"HTML Code\" en Elementor.\r\n\r\n-->\r\n\r\n\r\n\r\n<!-- 1. Cargamos Tailwind CSS (Estilos) -->\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n\r\n\r\n<!-- 2. Cargamos Lucide Icons (Iconos) -->\r\n\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n\r\n\r\n<!-- 3. Estilos Personalizados (Animaciones y Contact Form 7) -->\r\n\r\n<style>\r\n\r\n  \/* Animaciones Generales *\/\r\n\r\n  @keyframes fadeInUp {\r\n\r\n    from {\r\n\r\n      opacity: 0;\r\n\r\n      transform: translate3d(0, 40px, 0);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n      opacity: 1;\r\n\r\n      transform: translate3d(0, 0, 0);\r\n\r\n    }\r\n\r\n  }\r\n\r\n  .animate-fade-in-up {\r\n\r\n    animation-name: fadeInUp;\r\n\r\n    animation-duration: 0.8s;\r\n\r\n    animation-fill-mode: both;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* --- ESTILOS PARA CONTACT FORM 7 (WPCF7) --- *\/\r\n\r\n  \/* Esto har\u00e1 que tu shortcode se vea bonito autom\u00e1ticamente *\/\r\n\r\n  \r\n\r\n  \/* Inputs de texto, email, telefono y area de texto *\/\r\n\r\n  .wpcf7 input[type=\"text\"],\r\n\r\n  .wpcf7 input[type=\"email\"],\r\n\r\n  .wpcf7 input[type=\"tel\"],\r\n\r\n  .wpcf7 textarea {\r\n\r\n      width: 100%;\r\n\r\n      background-color: #f9fafb; \/* bg-gray-50 *\/\r\n\r\n      border: 1px solid #e5e7eb; \/* border-gray-200 *\/\r\n\r\n      border-radius: 0.5rem; \/* rounded-lg *\/\r\n\r\n      padding: 0.75rem 1rem; \/* px-4 py-3 *\/\r\n\r\n      outline: none;\r\n\r\n      transition: all 0.3s ease;\r\n\r\n      font-size: 1rem;\r\n\r\n      color: #1f2937;\r\n\r\n      margin-bottom: 0.5rem;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Efecto al hacer clic en los inputs (Focus) *\/\r\n\r\n  .wpcf7 input:focus,\r\n\r\n  .wpcf7 textarea:focus {\r\n\r\n      border-color: #eab308; \/* border-yellow-500 *\/\r\n\r\n      box-shadow: 0 0 0 3px rgba(254, 240, 138, 0.5); \/* ring-yellow-200 *\/\r\n\r\n      background-color: #ffffff;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Etiquetas (Labels) *\/\r\n\r\n  .wpcf7 label {\r\n\r\n      font-weight: 700; \/* font-bold *\/\r\n\r\n      color: #0B1437;\r\n\r\n      font-size: 0.875rem; \/* text-sm *\/\r\n\r\n      margin-bottom: 0.25rem;\r\n\r\n      display: block;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Bot\u00f3n de Enviar *\/\r\n\r\n  .wpcf7 input[type=\"submit\"] {\r\n\r\n      width: 100%;\r\n\r\n      background-color: #0B1437;\r\n\r\n      color: white;\r\n\r\n      font-weight: bold;\r\n\r\n      font-size: 1.125rem; \/* text-lg *\/\r\n\r\n      padding: 1rem;\r\n\r\n      border-radius: 0.75rem; \/* rounded-xl *\/\r\n\r\n      cursor: pointer;\r\n\r\n      border: none;\r\n\r\n      transition: background-color 0.3s;\r\n\r\n      margin-top: 1rem;\r\n\r\n      box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.2);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Hover del Bot\u00f3n *\/\r\n\r\n  .wpcf7 input[type=\"submit\"]:hover {\r\n\r\n      background-color: #1e3a8a; \/* Un azul un poco m\u00e1s claro *\/\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Margen entre campos *\/\r\n\r\n  .wpcf7 p {\r\n\r\n      margin-bottom: 1rem;\r\n\r\n  }\r\n\r\n  \r\n\r\n  \/* Spinner de carga *\/\r\n\r\n  .wpcf7 .ajax-loader {\r\n\r\n      display: none !important; \/* Ocultar el spinner por defecto si molesta *\/\r\n\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- 4. Contenido Principal -->\r\n\r\n<div class=\"font-sans text-gray-800 antialiased overflow-x-hidden bg-white\">\r\n\r\n      \r\n\r\n  <!-- Hero Section -->\r\n\r\n  <header class=\"relative min-h-screen flex items-center pt-20 overflow-hidden\">\r\n\r\n    <!-- Background Image with Overlay -->\r\n\r\n    <div class=\"absolute inset-0 z-0\">\r\n\r\n      <img decoding=\"async\" \r\n\r\n        src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80\" \r\n\r\n        alt=\"Office Background\" \r\n\r\n        class=\"w-full h-full object-cover\"\r\n\r\n      \/>\r\n\r\n      <!-- Updated Diagonal Gradient -->\r\n\r\n      <div class=\"absolute inset-0 bg-gradient-to-br from-[#0B1437] via-[#0B1437]\/80 to-transparent\"><\/div>\r\n\r\n      \r\n\r\n      <!-- Bottom Gradient Fade to White -->\r\n\r\n      <div class=\"absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-gray-50 to-transparent z-10\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"container mx-auto px-6 relative z-10 grid md:grid-cols-2 gap-12 items-center\">\r\n\r\n      <div class=\"text-white space-y-6 animate-fade-in-up\">\r\n\r\n        <div class=\"inline-block px-4 py-1 border border-yellow-500\/50 rounded-full bg-yellow-500\/10 backdrop-blur-sm mb-2\">\r\n\r\n          <span class=\"text-yellow-500 text-xs font-bold tracking-wider uppercase\">Agencia Digital Premium en Almer\u00eda<\/span>\r\n\r\n        <\/div>\r\n\r\n        \r\n\r\n        <h1 class=\"text-white text-5xl md:text-6xl lg:text-7xl font-bold leading-tight\">\r\n\r\n          Elevamos tu <br\/>\r\n\r\n          <span class=\"text-yellow-500\">Marca<\/span> al <br\/>\r\n\r\n          Siguiente Nivel\r\n\r\n        <\/h1>\r\n\r\n        \r\n\r\n        <p class=\"text-gray-300 text-lg md:text-xl max-w-xl leading-relaxed\">\r\n\r\n          Expertos en estrategia digital, dise\u00f1o web y marketing de resultados. Transformamos visitantes en clientes leales.\r\n\r\n        <\/p>\r\n\r\n        \r\n\r\n        <div class=\"flex flex-col sm:flex-row gap-4 pt-4\">\r\n\r\n          <button class=\"bg-yellow-500 hover:bg-yellow-400 text-[#0B1437] px-8 py-4 rounded-full font-bold text-lg transition-all transform hover:scale-105 shadow-[0_0_20px_rgba(255,180,0,0.3)]\">\r\n\r\n            Empezar Ahora\r\n\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    \r\n\r\n    <!-- Scroll Indicator -->\r\n\r\n    <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 text-white\/50 text-xs flex flex-col items-center animate-bounce z-20\">\r\n\r\n      <span class=\"mb-2 uppercase tracking-widest\">Descubre m\u00e1s<\/span>\r\n\r\n      <!-- Icon: ArrowRight (rotated) -->\r\n\r\n      <i data-lucide=\"arrow-right\" class=\"rotate-90 w-5 h-5\"><\/i>\r\n\r\n    <\/div>\r\n\r\n  <\/header>\r\n\r\n\r\n\r\n  <!-- Services Section (Soluciones 360) -->\r\n\r\n  <section id=\"servicios\" class=\"py-24 bg-gray-50 relative z-20 -mt-10\">\r\n\r\n    <div class=\"container mx-auto px-6\">\r\n\r\n      <div class=\"text-center mb-16 max-w-3xl mx-auto\">\r\n\r\n        <h2 class=\"text-4xl font-bold text-[#0B1437] mb-4\">\r\n\r\n          Soluciones <span class=\"text-yellow-500\">360\u00b0<\/span>\r\n\r\n        <\/h2>\r\n\r\n        <p class=\"text-gray-600 text-lg\">\r\n\r\n          Dise\u00f1amos estrategias integrales que combinan lo mejor del mundo digital y f\u00edsico para impulsar tu negocio.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n        \r\n\r\n        <!-- Card Type 1: Image Top (SEO) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"relative\">\r\n\r\n            <div class=\"h-48 overflow-hidden relative\">\r\n\r\n              <div class=\"absolute inset-0 bg-[#0B1437]\/20 group-hover:bg-[#0B1437]\/0 transition-all z-10\"><\/div>\r\n\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80\" alt=\"SEO\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\/>\r\n\r\n            <\/div>\r\n\r\n            <!-- Icon positioned outside container -->\r\n\r\n            <div class=\"absolute -bottom-6 left-6 z-20\">\r\n\r\n              <div class=\"w-12 h-12 bg-yellow-500 rounded-lg flex items-center justify-center shadow-lg\">\r\n\r\n                <!-- Icon: Rocket -->\r\n\r\n                <i data-lucide=\"rocket\" class=\"text-white w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-10 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">SEO & SEM<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Dominamos los algoritmos. Posicionamos tu marca donde tus clientes est\u00e1n buscando activamente tus productos.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Card Type 1: Image Top (Desarrollo Web) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"relative\">\r\n\r\n            <div class=\"h-48 overflow-hidden relative\">\r\n\r\n              <div class=\"absolute inset-0 bg-[#0B1437]\/20 group-hover:bg-[#0B1437]\/0 transition-all z-10\"><\/div>\r\n\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?auto=format&fit=crop&w=800&q=80\" alt=\"Web Dev\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\/>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"absolute -bottom-6 left-6 z-20\">\r\n\r\n              <div class=\"w-12 h-12 bg-yellow-500 rounded-lg flex items-center justify-center shadow-lg\">\r\n\r\n                <!-- Icon: Globe -->\r\n\r\n                <i data-lucide=\"globe\" class=\"text-white w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-10 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">Desarrollo Web<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Webs ultrarr\u00e1pidas, seguras y dise\u00f1adas psicol\u00f3gicamente para convertir visitas en ventas recurrentes.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Card Type 1: Image Top (Redes Sociales) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"relative\">\r\n\r\n            <div class=\"h-48 overflow-hidden relative\">\r\n\r\n              <div class=\"absolute inset-0 bg-[#0B1437]\/20 group-hover:bg-[#0B1437]\/0 transition-all z-10\"><\/div>\r\n\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?auto=format&fit=crop&w=800&q=80\" alt=\"Social Media\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\/>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"absolute -bottom-6 left-6 z-20\">\r\n\r\n              <div class=\"w-12 h-12 bg-yellow-500 rounded-lg flex items-center justify-center shadow-lg\">\r\n\r\n                <!-- Icon: Share2 -->\r\n\r\n                <i data-lucide=\"share-2\" class=\"text-white w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-10 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">Redes Sociales<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Creamos contenido que conecta, emociona y fideliza a tu comunidad. Gesti\u00f3n profesional de perfiles.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Card Type 2: Solid Header (Impresi\u00f3n) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"h-20 bg-[#0B1437] flex items-center px-6 relative\">\r\n\r\n             <!-- Icon: Printer -->\r\n\r\n             <i data-lucide=\"printer\" class=\"text-white opacity-80 w-7 h-7\"><\/i>\r\n\r\n             <!-- Decorative line -->\r\n\r\n             <div class=\"absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-yellow-500 to-transparent\"><\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-6 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">Impresi\u00f3n Digital<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Calidad offset y digital para que tu marca se vea perfecta en cualquier soporte f\u00edsico. Papeler\u00eda corporativa de alto nivel.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Card Type 2: Solid Header (Hosting) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"h-20 bg-[#0B1437] flex items-center px-6 relative\">\r\n\r\n             <!-- Icon: Server -->\r\n\r\n             <i data-lucide=\"server\" class=\"text-white opacity-80 w-7 h-7\"><\/i>\r\n\r\n             <div class=\"absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-yellow-500 to-transparent\"><\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-6 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">Hosting Empresarial<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Servidores optimizados, seguridad SSL y soporte t\u00e9cnico local 24\/7. Tu web siempre online y veloz.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Card Type 2: Solid Header (Mantenimiento) -->\r\n\r\n        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\">\r\n\r\n          <div class=\"h-20 bg-[#0B1437] flex items-center px-6 relative\">\r\n\r\n             <!-- Icon: Wrench -->\r\n\r\n             <i data-lucide=\"wrench\" class=\"text-white opacity-80 w-7 h-7\"><\/i>\r\n\r\n             <div class=\"absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-yellow-500 to-transparent\"><\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"pt-6 pb-8 px-6\">\r\n\r\n            <h3 class=\"text-xl font-bold text-[#0B1437] group-hover:text-yellow-500 transition-colors mb-3\">Mantenimiento Web<\/h3>\r\n\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">\r\n\r\n              Tranquilidad total. Nosotros cuidamos de tu web para que t\u00fa cuides de tu negocio. Actualizaciones y seguridad.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- About Section (Partner Estrat\u00e9gico) -->\r\n\r\n  <section id=\"nosotros\" class=\"py-24 bg-[#0B1437] relative overflow-hidden\">\r\n\r\n    <!-- Background decorative blob -->\r\n\r\n    <div class=\"absolute top-0 right-0 w-1\/3 h-full bg-blue-900\/20 blur-3xl rounded-full transform translate-x-1\/2\"><\/div>\r\n\r\n    \r\n\r\n    <div class=\"container mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center relative z-10\">\r\n\r\n      <div class=\"space-y-8\">\r\n\r\n        <h2 class=\"text-4xl md:text-5xl font-bold text-white leading-tight\">\r\n\r\n          M\u00e1s que una agencia, <br\/>\r\n\r\n          somos tu <span class=\"text-yellow-500\">Partner Estrat\u00e9gico<\/span>\r\n\r\n        <\/h2>\r\n\r\n        \r\n\r\n        <p class=\"text-gray-300 text-lg leading-relaxed\">\r\n\r\n          En un mundo digital saturado, la diferenciaci\u00f3n es clave. En Smart Media combinamos creatividad, datos y tecnolog\u00eda para construir marcas memorables que perduran.\r\n\r\n        <\/p>\r\n\r\n        \r\n\r\n        <div class=\"space-y-6 pt-4\">\r\n\r\n          <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-4 flex items-start gap-4 hover:bg-white\/10 transition-colors\">\r\n\r\n            <div class=\"mt-1 bg-yellow-500 rounded-full p-1 flex-shrink-0\">\r\n\r\n              <!-- Icon: CheckCircle2 -->\r\n\r\n              <i data-lucide=\"check-circle-2\" class=\"text-[#0B1437] w-4 h-4\"><\/i>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <h4 class=\"text-white font-bold text-lg mb-1\">Experiencia Local<\/h4>\r\n\r\n              <p class=\"text-gray-400 text-sm\">Conocemos el mercado de Almer\u00eda como la palma de nuestra mano.<\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          \r\n\r\n          <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-4 flex items-start gap-4 hover:bg-white\/10 transition-colors\">\r\n\r\n            <div class=\"mt-1 bg-yellow-500 rounded-full p-1 flex-shrink-0\">\r\n\r\n               <i data-lucide=\"check-circle-2\" class=\"text-[#0B1437] w-4 h-4\"><\/i>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <h4 class=\"text-white font-bold text-lg mb-1\">Equipo Senior<\/h4>\r\n\r\n              <p class=\"text-gray-400 text-sm\">Sin becarios gestionando tu cuenta. Solo expertos con a\u00f1os de rodaje.<\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          \r\n\r\n          <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-4 flex items-start gap-4 hover:bg-white\/10 transition-colors\">\r\n\r\n            <div class=\"mt-1 bg-yellow-500 rounded-full p-1 flex-shrink-0\">\r\n\r\n               <i data-lucide=\"check-circle-2\" class=\"text-[#0B1437] w-4 h-4\"><\/i>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <h4 class=\"text-white font-bold text-lg mb-1\">Resultados Reales<\/h4>\r\n\r\n              <p class=\"text-gray-400 text-sm\">No vendemos humo. Informes transparentes y ROI medible.<\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      \r\n\r\n      <div class=\"relative\">\r\n\r\n        <div class=\"absolute -inset-4 bg-yellow-500\/20 rounded-[2rem] transform rotate-3\"><\/div>\r\n\r\n        <img decoding=\"async\" \r\n\r\n          src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" \r\n\r\n          alt=\"Team meeting\" \r\n\r\n          class=\"relative rounded-[2rem] shadow-2xl w-full border-4 border-[#0B1437]\"\r\n\r\n        \/>\r\n\r\n        \r\n\r\n        <!-- Floating Stats Card -->\r\n\r\n        <div class=\"absolute bottom-8 left-8 right-8 bg-white rounded-xl shadow-2xl p-6 flex items-center justify-between z-20\">\r\n\r\n          <div>\r\n\r\n            <p class=\"text-gray-500 text-xs font-bold uppercase tracking-wider mb-1\">Clientes Felices<\/p>\r\n\r\n            <p class=\"text-[#0B1437] text-3xl font-black\">+250<\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"h-10 w-px bg-gray-200\"><\/div>\r\n\r\n          <div class=\"text-right\">\r\n\r\n            <p class=\"text-gray-500 text-xs font-bold uppercase tracking-wider mb-1\">Proyectos<\/p>\r\n\r\n            <p class=\"text-yellow-500 text-3xl font-black\">100%<\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- Contact Section -->\r\n\r\n  <section id=\"contacto\" class=\"py-24 bg-white relative\">\r\n\r\n    <div class=\"container mx-auto px-6\">\r\n\r\n      <div class=\"grid lg:grid-cols-2 gap-16\">\r\n\r\n        \r\n\r\n        <!-- Contact Info -->\r\n\r\n        <div class=\"space-y-10\">\r\n\r\n          <div>\r\n\r\n            <h2 class=\"text-4xl font-bold text-[#0B1437] mb-6 flex items-center gap-3\">\r\n\r\n              \u00bfEmpezamos?\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"text-gray-600 text-lg leading-relaxed\">\r\n\r\n              Cu\u00e9ntanos tu idea. Nosotros ponemos el caf\u00e9 (o la videollamada) y la estrategia para hacerla realidad.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"space-y-8\">\r\n\r\n            <div class=\"flex items-start gap-6\">\r\n\r\n              <div class=\"w-14 h-14 bg-yellow-100 text-yellow-600 rounded-2xl flex items-center justify-center flex-shrink-0\">\r\n\r\n                <!-- Icon: Phone -->\r\n\r\n                <i data-lucide=\"phone\" class=\"w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n              <div>\r\n\r\n                <h4 class=\"text-[#0B1437] font-bold text-lg\">Ll\u00e1manos<\/h4>\r\n\r\n                <p class=\"text-[#0B1437] font-semibold text-xl mt-1\">+34 950 00 00 00<\/p>\r\n\r\n                <p class=\"text-gray-500 text-sm mt-1\">Lunes a Viernes, 9:00 - 18:00<\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"flex items-start gap-6\">\r\n\r\n              <div class=\"w-14 h-14 bg-yellow-100 text-yellow-600 rounded-2xl flex items-center justify-center flex-shrink-0\">\r\n\r\n                <!-- Icon: Mail -->\r\n\r\n                <i data-lucide=\"mail\" class=\"w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n              <div>\r\n\r\n                <h4 class=\"text-[#0B1437] font-bold text-lg\">Escr\u00edbenos<\/h4>\r\n\r\n                <p class=\"text-[#0B1437] font-medium mt-1\">info@smartmedia.es<\/p>\r\n\r\n                <p class=\"text-gray-500 text-sm mt-1\">Respondemos en menos de 24h<\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"flex items-start gap-6\">\r\n\r\n              <div class=\"w-14 h-14 bg-yellow-100 text-yellow-600 rounded-2xl flex items-center justify-center flex-shrink-0\">\r\n\r\n                <!-- Icon: MapPin -->\r\n\r\n                <i data-lucide=\"map-pin\" class=\"w-6 h-6\"><\/i>\r\n\r\n              <\/div>\r\n\r\n              <div>\r\n\r\n                <h4 class=\"text-[#0B1437] font-bold text-lg\">Vis\u00edtanos<\/h4>\r\n\r\n                <p class=\"text-gray-600 mt-1 max-w-xs\">Calle Principal, 123 <br\/>04001 Almer\u00eda, Espa\u00f1a<\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Contact Form Container -->\r\n\r\n        <div class=\"relative\">\r\n\r\n          <!-- Decorative Accent Shape -->\r\n\r\n          <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#FFF8E7] rounded-bl-[4rem] -z-10 transform translate-x-4 -translate-y-4\"><\/div>\r\n\r\n          \r\n\r\n          <div class=\"bg-white rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.08)] p-8 md:p-10 border border-gray-100\">\r\n\r\n            \r\n\r\n            <!-- \r\n\r\n              IMPORTANTE: \r\n\r\n              Este formulario es solo una DEMO visual para que veas c\u00f3mo quedar\u00e1.\r\n\r\n              BORRA TODO lo que hay entre <div class=\"wpcf7\"> y el cierre del div \r\n\r\n              y pega ah\u00ed tu shortcode de Contact Form 7.\r\n\r\n            -->\r\n\r\n            \r\n\r\n            <!-- COMIENZO DEL \u00c1REA DEL SHORTCODE -->\r\n\r\n            \r\n\r\n            <!-- [contact-form-7 id=\"9b77e06\" title=\"Contact form DEFINITIVO\"] -->\r\n\r\n            <!-- Cuando pegues el shortcode, generar\u00e1 un c\u00f3digo parecido al de abajo y el CSS de arriba lo estilizar\u00e1. -->\r\n\r\n            \r\n\r\n            <!-- EJEMPLO VISUAL (BORRAR AL PEGAR SHORTCODE) -->\r\n\r\n            <div class=\"wpcf7\">\r\n\r\n             \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f6-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"6\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/16#wpcf7-f6-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/16#wpcf7-f6-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"6\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f6-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Tu nombre<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu correo<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Asunto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Mensaje (opcional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n\r\n\r\n            <\/div>\r\n\r\n            <!-- FIN EJEMPLO VISUAL -->\r\n\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- 5. Script para inicializar iconos (Obligatorio) -->\r\n\r\n<script>\r\n\r\n  \/\/ Inicializar los iconos de Lucide al cargar\r\n\r\n  lucide.createIcons();\r\n\r\n<\/script>\r\n<!-- Footer -->\r\n <!-- Experience Section (Logotipos Clientes) -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Agencia Digital Premium en Almer\u00eda Elevamos tu Marca al Siguiente Nivel Expertos en estrategia digital, dise\u00f1o web y marketing de resultados. Transformamos visitantes en clientes leales. Empezar Ahora Descubre m\u00e1s Soluciones 360\u00b0 Dise\u00f1amos estrategias integrales que combinan lo mejor del mundo digital y f\u00edsico para impulsar tu negocio. SEO &#038; SEM Dominamos los algoritmos. Posicionamos [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":108,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":13165,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/13165"}],"wp:attachment":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}