{"id":7,"date":"2026-07-15T02:28:44","date_gmt":"2026-07-15T00:28:44","guid":{"rendered":"https:\/\/marginyuriarte.com\/?page_id=7"},"modified":"2026-07-24T00:13:55","modified_gmt":"2026-07-23T22:13:55","slug":"home","status":"publish","type":"page","link":"https:\/\/marginyuriarte.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0dba3b e-con e-atomic-element e-flexbox-base e-7678425 \" data-id=\"a0dba3b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0dba3b\">\n    \t\t<div class=\"elementor-element elementor-element-c1fc205 elementor-widget elementor-widget-menu-anchor\" data-id=\"c1fc205\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"home\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16c8948 elementor-widget elementor-widget-html\" data-id=\"16c8948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-block-container\">\r\n    <canvas id=\"nodosCanvasHero\"><\/canvas>\r\n    <div class=\"hero-content\">\r\n        <div class=\"kicker-neon\">Hi, I'm Marginy Uriarte<\/div>\r\n        <h1>I build websites that are <span class=\"gradient-text\">fast, intuitive, and easy to manage<\/span><\/h1>\r\n        <div class=\"hero-btns\">\r\n            <a href=\"#portfolio\" class=\"btn-neon btn-cyan\">View My Work<\/a>\r\n            <a href=\"#contact-me\" class=\"btn-neon btn-purple-solid\">Let's Talk<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n    .hero-block-container {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 75vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: var(--bg-deep);\r\n        overflow: hidden;\r\n        padding: 80px 20px;\r\n    }\r\n    #nodosCanvasHero {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.6;\r\n    }\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 850px;\r\n        text-align: center;\r\n    }\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n    }\r\n    .hero-content h1 {\r\n        font-size: 3.5rem;\r\n        line-height: 1.2;\r\n        margin-bottom: 40px;\r\n        font-weight: 800;\r\n        color: var(--text-main);\r\n        letter-spacing: -1px;\r\n    }\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n    .hero-btns {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .btn-neon {\r\n        display: inline-block !important;\r\n        padding: 14px 32px !important;\r\n        border-radius: 50px !important;\r\n        text-decoration: none !important;\r\n        font-weight: 600 !important;\r\n        font-size: 0.95rem !important;\r\n        transition: all 0.3s ease !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    .btn-cyan {\r\n        background: transparent !important;\r\n        color: var(--neon-cyan) !important;\r\n        border: 2px solid var(--neon-cyan) !important;\r\n        box-shadow: 0 0 10px rgba(0, 245, 212, 0.2) !important;\r\n    }\r\n    .btn-cyan:hover {\r\n        background: var(--neon-cyan) !important;\r\n        color: var(--bg-deep) !important;\r\n        box-shadow: 0 0 25px var(--neon-cyan) !important;\r\n    }\r\n    \r\n    \/* Versi\u00f3n de bot\u00f3n s\u00f3lido morado para que resalte y se vea con cuerpo *\/\r\n    .btn-purple-solid {\r\n        background: var(--neon-purple) !important;\r\n        color: var(--text-main) !important;\r\n        border: 2px solid var(--neon-purple) !important;\r\n        box-shadow: 0 0 15px rgba(162, 89, 255, 0.4) !important;\r\n    }\r\n    .btn-purple-solid:hover {\r\n        background: transparent !important;\r\n        color: var(--neon-purple) !important;\r\n        border-color: var(--neon-purple) !important;\r\n        box-shadow: 0 0 25px var(--neon-purple) !important;\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n        .hero-content h1 { font-size: 2.3rem; }\r\n        .hero-btns { flex-direction: column; gap: 15px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const canvasH = document.getElementById('nodosCanvasHero');\r\n    const ctxH = canvasH.getContext('2d');\r\n    let pts = [];\r\n    function resizeH() {\r\n        canvasH.width = canvasH.parentElement.offsetWidth;\r\n        canvasH.height = canvasH.parentElement.offsetHeight;\r\n    }\r\n    window.addEventListener('resize', resizeH); resizeH();\r\n    class P {\r\n        constructor() {\r\n            this.x = Math.random() * canvasH.width;\r\n            this.y = Math.random() * canvasH.height;\r\n            this.vx = (Math.random() - 0.5) * 0.5;\r\n            this.vy = (Math.random() - 0.5) * 0.5;\r\n        }\r\n        up() {\r\n            this.x += this.vx; this.y += this.vy;\r\n            if(this.x<0||this.x>canvasH.width) this.vx*=-1;\r\n            if(this.y<0||this.y>canvasH.height) this.vy*=-1;\r\n        }\r\n    }\r\n    for(let i=0; i<40; i++) pts.push(new P());\r\n    function animH() {\r\n        ctxH.clearRect(0,0,canvasH.width,canvasH.height);\r\n        pts.forEach(p => {\r\n            p.up();\r\n            ctxH.beginPath(); ctxH.arc(p.x,p.y,1.5,0,Math.PI*2);\r\n            ctxH.fillStyle = '#00f5d4'; ctxH.fill();\r\n        });\r\n        for(let i=0;i<pts.length;i++){\r\n            for(let j=i+1;j<pts.length;j++){\r\n                let d = Math.hypot(pts[i].x-pts[j].x, pts[i].y-pts[j].y);\r\n                if(d<120){\r\n                    ctxH.beginPath(); ctxH.moveTo(pts[i].x,pts[i].y); ctxH.lineTo(pts[j].x,pts[j].y);\r\n                    ctxH.strokeStyle = `rgba(162, 89, 255, ${0.15 * (1 - d\/120)})`; ctxH.stroke();\r\n                }\r\n            }\r\n        }\r\n        requestAnimationFrame(animH);\r\n    }\r\n    animH();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b8cbeb1 e-con e-atomic-element e-flexbox-base e-2d4630e \" data-id=\"b8cbeb1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8cbeb1\">\n    \t\t<div class=\"elementor-element elementor-element-81a40f1 elementor-widget elementor-widget-menu-anchor\" data-id=\"81a40f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"about-me\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-999ab2b elementor-widget elementor-widget-html\" data-id=\"999ab2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"about\" class=\"about-tamanio-custom\">\r\n    <div class=\"about-grid\">\r\n        <!-- Columna de la Imagen (Izquierda) - M\u00e1s grande -->\r\n        <div class=\"about-image-wrapper\">\r\n            <div class=\"neon-glow-ring\"><\/div>\r\n            <div class=\"image-crop-circle\">\r\n                <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-22-at-10.46.28-PM.jpeg\" alt=\"Marginy Uriarte\" class=\"about-profile-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Columna del Texto (Derecha) -->\r\n        <div class=\"about-content\">\r\n            <div class=\"kicker-neon\">About Me<\/div>\r\n            <h2>Building digital experiences with <span class=\"gradient-text\">passion & precision<\/span><\/h2>\r\n            <p>Over the years I've worked with marketing agencies and international businesses developing corporate websites, landing pages, eCommerce stores, and technical improvements for existing websites. I enjoy collaborating with designers, marketers, and SEO specialists to deliver websites that not only look great\u2014but also perform well.<\/p>\r\n            <p>When I'm not building websites, you'll probably find me with a cup of coffee, learning a new tool, or trying to improve a PageSpeed score just a little bit more.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .about-tamanio-custom {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 100px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .about-grid {\r\n        max-width: 1150px;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 1.2fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Contenedor circular ampliado para mostrarte m\u00e1s grande *\/\r\n    .about-image-wrapper {\r\n        position: relative;\r\n        width: 440px;\r\n        height: 440px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .image-crop-circle {\r\n        width: 410px;\r\n        height: 410px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        z-index: 2;\r\n        border: 2px solid rgba(0, 245, 212, 0.25);\r\n        box-shadow: 0 0 25px rgba(0, 245, 212, 0.15);\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\r\n    }\r\n\r\n    .about-profile-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center; \r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .about-image-wrapper:hover .image-crop-circle {\r\n        transform: scale(1.02);\r\n        box-shadow: 0 0 30px rgba(0, 245, 212, 0.3), 0 0 40px rgba(162, 89, 255, 0.2);\r\n        border-color: rgba(0, 245, 212, 0.5);\r\n    }\r\n\r\n    .about-image-wrapper:hover .about-profile-img {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    \/* Anillo de brillo ne\u00f3n trasero sutil y difuminado *\/\r\n    .neon-glow-ring {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));\r\n        z-index: 1;\r\n        opacity: 0.35;\r\n        filter: blur(40px);\r\n        animation: pulseGlow 5s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n        0% {\r\n            transform: scale(0.92);\r\n            opacity: 0.25;\r\n        }\r\n        100% {\r\n            transform: scale(1.02);\r\n            opacity: 0.45;\r\n        }\r\n    }\r\n\r\n    \/* Estilos del texto *\/\r\n    .about-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 8px rgba(0, 245, 212, 0.3), 0 0 20px rgba(0, 245, 212, 0.15);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .about-content h2 {\r\n        font-size: 2.8rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        letter-spacing: -1px;\r\n        margin: 0;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 10px rgba(162, 89, 255, 0.25));\r\n    }\r\n\r\n    .about-content p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.65;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsivo para celulares y tablets *\/\r\n    @media (max-width: 900px) {\r\n        .about-grid {\r\n            grid-template-columns: 1fr;\r\n            text-align: center;\r\n            gap: 40px;\r\n        }\r\n        .about-content {\r\n            align-items: center;\r\n        }\r\n        .about-content h2 {\r\n            font-size: 2.3rem;\r\n        }\r\n        .about-image-wrapper {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n        .image-crop-circle {\r\n            width: 270px;\r\n            height: 270px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c59babc e-con e-atomic-element e-flexbox-base e-278403a \" data-id=\"c59babc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c59babc\">\n    \t\t<div class=\"elementor-element elementor-element-392394c elementor-widget elementor-widget-html\" data-id=\"392394c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stats-block-container\">\r\n    <div class=\"stats-grid\">\r\n        \r\n        <!-- Stat 1 -->\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number gradient-text\">5+<\/div>\r\n            <div class=\"stat-label\">Years Experience<\/div>\r\n        <\/div>\r\n\r\n        <!-- Stat 2 -->\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number text-cyan\">100+<\/div>\r\n            <div class=\"stat-label\">Projects<\/div>\r\n        <\/div>\r\n\r\n        <!-- Stat 3 -->\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number text-purple\">7<\/div>\r\n            <div class=\"stat-label\">CMS Platforms<\/div>\r\n        <\/div>\r\n\r\n        <!-- Stat 4 -->\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number gradient-text\">\u221e<\/div>\r\n            <div class=\"stat-label\">Coffee Cups<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Variables (se repiten por si lo pones en un widget HTML separado, Elementor las fusionar\u00e1 sin problema) *\/\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .stats-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 30px;\r\n        max-width: 1000px;\r\n        width: 100%;\r\n    }\r\n\r\n    .stat-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(0, 245, 212, 0.05);\r\n        border-radius: 16px;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .stat-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        background: rgba(255, 255, 255, 0.03);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.1);\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 4rem;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        margin-bottom: 10px;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Reutilizamos el gradiente del Hero *\/\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .text-cyan {\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 15px rgba(0, 245, 212, 0.4);\r\n    }\r\n\r\n    .text-purple {\r\n        color: var(--neon-purple);\r\n        text-shadow: 0 0 15px rgba(162, 89, 255, 0.4);\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n        .stats-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        .stat-number {\r\n            font-size: 3.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .stats-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c09fbcd e-con e-atomic-element e-flexbox-base e-fe3c109 \" data-id=\"c09fbcd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c09fbcd\">\n    \t\t<div class=\"elementor-element elementor-element-e8d2a8d elementor-widget elementor-widget-html\" data-id=\"e8d2a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Incluye FontAwesome en tu head o al inicio del bloque si no lo tienes globalmente -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"neon-ticker-wrapper\">\r\n    <div class=\"ticker-slider-track\">\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-wordpress\"><\/i> WordPress<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-elementor\"><\/i> Elementor<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-layer-group\"><\/i> Divi<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-cubes\"><\/i> Avada<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-shopify\"><\/i> Shopify<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-cart-shopping\"><\/i> WooCommerce<\/div>\r\n        <!-- Cloned loop content -->\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-wordpress\"><\/i> WordPress<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-elementor\"><\/i> Elementor<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-layer-group\"><\/i> Divi<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-cubes\"><\/i> Avada<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-brands fa-shopify\"><\/i> Shopify<\/div>\r\n        <div class=\"tk-node\"><i class=\"fa-solid fa-cart-shopping\"><\/i> WooCommerce<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .neon-ticker-wrapper { \r\n        background: #030108; \r\n        border-top: 1px solid #1f113a; \r\n        border-bottom: 1px solid #1f113a; \r\n        padding: 25px 0; \r\n        overflow: hidden; \r\n        width: 100%; \r\n    }\r\n    .ticker-slider-track { \r\n        display: flex; \r\n        width: max-content; \r\n        animation: loopShift 25s linear infinite; \r\n    }\r\n    .tk-node { \r\n        display: flex; \r\n        align-items: center; \r\n        gap: 12px; \r\n        padding: 0 40px; \r\n        color: #a4b1cd; \r\n        font-size: 1.1rem; \r\n        font-weight: 600; \r\n        opacity: 0.5; \r\n        transition: all 0.3s; \r\n    }\r\n    .tk-node i { \r\n        font-size: 1.4rem; \r\n        color: #00f5d4; \r\n    }\r\n    .tk-node:hover { \r\n        opacity: 1; \r\n        color: #fff; \r\n        text-shadow: 0 0 10px rgba(0,245,212,0.5); \r\n    }\r\n    @keyframes loopShift { \r\n        from { transform: translateX(0); } \r\n        to { transform: translateX(-50%); } \r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1a69762 e-con e-atomic-element e-flexbox-base e-8b51d0b \" data-id=\"1a69762\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1a69762\">\n    \t\t<div class=\"elementor-element elementor-element-0542d29 elementor-widget elementor-widget-html\" data-id=\"0542d29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tech-stack-container\">\r\n    <div class=\"tech-header\">\r\n        <h2>Technologies I work with <span class=\"gradient-text\">every day<\/span><\/h2>\r\n        <p>From core infrastructure to pixel-perfect layouts and technical SEO.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tech-grid\">\r\n        \r\n        <!-- Category 1: CMS -->\r\n        <div class=\"tech-card card-cyan\">\r\n            <h3 class=\"kicker-neon tech-title\">CMS<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-cyan\">WordPress<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Shopify<\/span>\r\n                <span class=\"tech-tag tag-cyan\">BigCommerce<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Webflow<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Squarespace<\/span>\r\n                <span class=\"tech-tag tag-cyan\">HubSpot CMS<\/span>\r\n                <span class=\"tech-tag tag-cyan\">WooCommerce<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Category 2: Builders -->\r\n        <div class=\"tech-card card-purple\">\r\n            <h3 class=\"tech-title text-purple-kicker\">Builders<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-purple\">Elementor Pro<\/span>\r\n                <span class=\"tech-tag tag-purple\">Divi<\/span>\r\n                <span class=\"tech-tag tag-purple\">Avada<\/span>\r\n                <span class=\"tech-tag tag-purple\">WPBakery<\/span>\r\n                <span class=\"tech-tag tag-purple\">Gutenberg<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Category 3: Development -->\r\n        <div class=\"tech-card card-cyan\">\r\n            <h3 class=\"kicker-neon tech-title\">Development<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-cyan\">HTML5<\/span>\r\n                <span class=\"tech-tag tag-cyan\">CSS3<\/span>\r\n                <span class=\"tech-tag tag-cyan\">JavaScript<\/span>\r\n                <span class=\"tech-tag tag-cyan\">PHP<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Responsive Design<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Category 4: Technical SEO -->\r\n        <div class=\"tech-card card-purple\">\r\n            <h3 class=\"tech-title text-purple-kicker\">Technical SEO<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-purple\">Core Web Vitals<\/span>\r\n                <span class=\"tech-tag tag-purple\">Schema Markup<\/span>\r\n                <span class=\"tech-tag tag-purple\">PageSpeed<\/span>\r\n                <span class=\"tech-tag tag-purple\">Structured Data<\/span>\r\n                <span class=\"tech-tag tag-purple\">Redirects<\/span>\r\n                <span class=\"tech-tag tag-purple\">Meta Data<\/span>\r\n                <span class=\"tech-tag tag-purple\">Image Optimization<\/span>\r\n                <span class=\"tech-tag tag-purple\">SEO Audits<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Category 5: Infrastructure -->\r\n        <div class=\"tech-card card-cyan\">\r\n            <h3 class=\"kicker-neon tech-title\">Infrastructure<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-cyan\">Cloudflare<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Google Workspace<\/span>\r\n                <span class=\"tech-tag tag-cyan\">DNS<\/span>\r\n                <span class=\"tech-tag tag-cyan\">SSL<\/span>\r\n                <span class=\"tech-tag tag-cyan\">SiteGround<\/span>\r\n                <span class=\"tech-tag tag-cyan\">GoDaddy<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Hostinger<\/span>\r\n                <span class=\"tech-tag tag-cyan\">Namecheap<\/span>\r\n                <span class=\"tech-tag tag-cyan\">cPanel<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Category 6: Productivity -->\r\n        <div class=\"tech-card card-purple\">\r\n            <h3 class=\"tech-title text-purple-kicker\">Productivity<\/h3>\r\n            <div class=\"tech-tags\">\r\n                <span class=\"tech-tag tag-purple\">Cursor<\/span>\r\n                <span class=\"tech-tag tag-purple\">ChatGPT<\/span>\r\n                <span class=\"tech-tag tag-purple\">Claude<\/span>\r\n                <span class=\"tech-tag tag-purple\">GitHub Copilot<\/span>\r\n                <span class=\"tech-tag tag-purple\">Slack<\/span>\r\n                <span class=\"tech-tag tag-purple\">Monday<\/span>\r\n                <span class=\"tech-tag tag-purple\">ClickUp<\/span>\r\n                <span class=\"tech-tag tag-purple\">Zoom<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .tech-stack-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .tech-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .tech-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .tech-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .text-purple-kicker {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-purple);\r\n        text-shadow: 0 0 12px rgba(162, 89, 255, 0.4);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .tech-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .tech-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        padding: 35px 25px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tech-card:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .card-cyan:hover {\r\n        border-color: rgba(0, 245, 212, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0, 245, 212, 0.05);\r\n    }\r\n\r\n    .card-purple:hover {\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.05);\r\n    }\r\n\r\n    .tech-title {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .tech-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n    }\r\n\r\n    .tech-tag {\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        color: var(--text-muted);\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        transition: all 0.3s ease;\r\n        cursor: default;\r\n    }\r\n\r\n    .tag-cyan:hover {\r\n        color: var(--neon-cyan);\r\n        border-color: var(--neon-cyan);\r\n        background: rgba(0, 245, 212, 0.05);\r\n        box-shadow: 0 0 10px rgba(0, 245, 212, 0.2);\r\n    }\r\n\r\n    .tag-purple:hover {\r\n        color: var(--neon-purple);\r\n        border-color: var(--neon-purple);\r\n        background: rgba(162, 89, 255, 0.05);\r\n        box-shadow: 0 0 10px rgba(162, 89, 255, 0.2);\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .tech-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .tech-header h2 {\r\n            font-size: 2.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .tech-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .tech-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-63ee6d0 e-con e-atomic-element e-flexbox-base e-a04b7b3 \" data-id=\"63ee6d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"63ee6d0\">\n    \t\t<div class=\"elementor-element elementor-element-ce5bc9c elementor-widget elementor-widget-menu-anchor\" data-id=\"ce5bc9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d237f45 elementor-widget elementor-widget-html\" data-id=\"d237f45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"services-block-container\">\r\n    <div class=\"services-header\">\r\n        <h2>How I can <span class=\"gradient-text\">help you<\/span><\/h2>\r\n        <p>Specialized digital support and web solutions designed for performance.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\">\r\n        \r\n        <!-- Service 1: Web Development -->\r\n        <div class=\"service-card card-cyan\">\r\n            <h3 class=\"kicker-neon service-title\">Web Development<\/h3>\r\n            <p class=\"service-desc\">Modern, responsive websites built with scalability and performance in mind.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>Corporate Websites<\/li>\r\n                <li>Landing Pages<\/li>\r\n                <li>eCommerce<\/li>\r\n                <li>Responsive Design<\/li>\r\n                <li>Website Redesigns<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service 2: Website Optimization -->\r\n        <div class=\"service-card card-purple\">\r\n            <h3 class=\"service-title text-purple-kicker\">Website Optimization<\/h3>\r\n            <p class=\"service-desc\">Already have a website? Let's make it better.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>Performance Improvements<\/li>\r\n                <li>Core Web Vitals<\/li>\r\n                <li>UX Enhancements<\/li>\r\n                <li>Code Cleanup<\/li>\r\n                <li>Image Optimization<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service 3: Technical SEO -->\r\n        <div class=\"service-card card-cyan\">\r\n            <h3 class=\"kicker-neon service-title\">Technical SEO<\/h3>\r\n            <p class=\"service-desc\">Helping marketing teams implement technical improvements that support search visibility and website health.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>SEO Audits<\/li>\r\n                <li>Performance Optimization<\/li>\r\n                <li>Schema Markup<\/li>\r\n                <li>Heading Structure<\/li>\r\n                <li>Redirects<\/li>\r\n                <li>Metadata<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service 4: Website Management -->\r\n        <div class=\"service-card card-purple\">\r\n            <h3 class=\"service-title text-purple-kicker\">Website Management<\/h3>\r\n            <p class=\"service-desc\">Keeping websites updated, organized, and running smoothly.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>Content Updates<\/li>\r\n                <li>Bug Fixes<\/li>\r\n                <li>Plugin Management<\/li>\r\n                <li>Website Support<\/li>\r\n                <li>Maintenance<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service 5: Hosting & Infrastructure -->\r\n        <div class=\"service-card card-cyan\">\r\n            <h3 class=\"kicker-neon service-title\">Hosting & Infrastructure<\/h3>\r\n            <p class=\"service-desc\">Helping businesses manage the technical side of their websites.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>DNS Configuration<\/li>\r\n                <li>SSL Certificates<\/li>\r\n                <li>Google Workspace<\/li>\r\n                <li>Domain Management<\/li>\r\n                <li>Website Migration<\/li>\r\n                <li>Hosting Setup<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service 6: AI Assisted Workflow -->\r\n        <div class=\"service-card card-purple\">\r\n            <h3 class=\"service-title text-purple-kicker\">AI Assisted Workflow<\/h3>\r\n            <p class=\"service-desc\">Using AI tools to work smarter while maintaining quality.<\/p>\r\n            <ul class=\"service-list\">\r\n                <li>ChatGPT<\/li>\r\n                <li>Claude<\/li>\r\n                <li>Gemini<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .services-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .services-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .services-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .services-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .text-purple-kicker {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-purple);\r\n        text-shadow: 0 0 12px rgba(162, 89, 255, 0.4);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .service-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        padding: 35px 25px;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .service-card:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .card-cyan:hover {\r\n        border-color: rgba(0, 245, 212, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0, 245, 212, 0.05);\r\n    }\r\n\r\n    .card-purple:hover {\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.05);\r\n    }\r\n\r\n    .service-title {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .service-desc {\r\n        font-size: 0.95rem;\r\n        color: var(--text-muted);\r\n        margin-bottom: 25px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .service-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .service-list li {\r\n        font-size: 0.9rem;\r\n        color: var(--text-main);\r\n        padding: 8px 0;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Peque\u00f1o punto indicador ne\u00f3n en cada elemento de la lista *\/\r\n    .service-list li::before {\r\n        content: \"\u2022\";\r\n        color: var(--neon-cyan);\r\n        font-weight: bold;\r\n        font-size: 1.2rem;\r\n        margin-right: 10px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .card-purple .service-list li::before {\r\n        color: var(--neon-purple);\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .services-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .services-header h2 {\r\n            font-size: 2.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .services-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .services-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-20e6832 e-con e-atomic-element e-flexbox-base e-01223ee \" data-id=\"20e6832\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"20e6832\">\n    \t\t<div class=\"elementor-element elementor-element-de1fcf9 elementor-widget elementor-widget-menu-anchor\" data-id=\"de1fcf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"free-audit\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11d77a0 elementor-widget elementor-widget-html\" data-id=\"11d77a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"analyzer\" class=\"analyzer-block-container\">\r\n    <div class=\"analyzer-content-wrapper\">\r\n        <div class=\"kicker-neon\">Performance Audit<\/div>\r\n        <h2>Is your website performing <span class=\"gradient-text\">as well as it should?<\/span><\/h2>\r\n        <p>Run a live analysis of your website using an alternative performance checker, or input your URL below to get instant metrics without third-party blocks.<\/p>\r\n        \r\n        <!-- Alternativa integrada para evitar el error 403 de iframe de Google -->\r\n        <div class=\"analyzer-form-box\">\r\n            <input type=\"text\" id=\"urlInput\" placeholder=\"https:\/\/yourwebsite.com\" class=\"analyzer-input\">\r\n            <button onclick=\"runAudit()\" class=\"btn-neon btn-cyan\">Analyze Now<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"analyzerResult\" class=\"analyzer-result-box\" style=\"display: none;\">\r\n            <p class=\"result-loading\">Analyzing performance metrics...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .analyzer-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 100px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .analyzer-content-wrapper {\r\n        max-width: 800px;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 8px rgba(0, 245, 212, 0.3);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .analyzer-content-wrapper h2 {\r\n        font-size: 2.8rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        letter-spacing: -1px;\r\n        margin: 0;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 10px rgba(162, 89, 255, 0.25));\r\n    }\r\n\r\n    .analyzer-content-wrapper p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.65;\r\n        max-width: 650px;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .analyzer-form-box {\r\n        display: flex;\r\n        gap: 12px;\r\n        width: 100%;\r\n        max-width: 550px;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .analyzer-input {\r\n        flex: 1;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(0, 245, 212, 0.3);\r\n        padding: 14px 20px;\r\n        border-radius: 50px;\r\n        color: var(--text-main);\r\n        font-size: 1rem;\r\n        outline: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .analyzer-input:focus {\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: 0 0 15px rgba(0, 245, 212, 0.2);\r\n    }\r\n\r\n    .btn-neon {\r\n        padding: 14px 28px;\r\n        border-radius: 50px;\r\n        text-decoration: none !important;\r\n        font-weight: 600;\r\n        font-size: 0.95rem;\r\n        cursor: pointer;\r\n        border: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .btn-cyan {\r\n        background: var(--neon-cyan);\r\n        color: var(--bg-deep);\r\n        box-shadow: 0 0 15px rgba(0, 245, 212, 0.3);\r\n    }\r\n\r\n    .btn-cyan:hover {\r\n        background: transparent;\r\n        color: var(--neon-cyan);\r\n        border: 2px solid var(--neon-cyan);\r\n        box-shadow: 0 0 25px var(--neon-cyan);\r\n    }\r\n\r\n    .analyzer-result-box {\r\n        width: 100%;\r\n        max-width: 650px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(162, 89, 255, 0.3);\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        margin-top: 20px;\r\n        text-align: left;\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .result-loading {\r\n        color: var(--neon-cyan) !important;\r\n        font-weight: 600;\r\n        text-align: center;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .analyzer-content-wrapper h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n        .analyzer-form-box {\r\n            flex-direction: column;\r\n        }\r\n        .btn-neon {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function runAudit() {\r\n        const url = document.getElementById('urlInput').value.trim();\r\n        const resultBox = document.getElementById('analyzerResult');\r\n        \r\n        if (!url) {\r\n            alert('Please enter a valid URL.');\r\n            return;\r\n        }\r\n\r\n        resultBox.style.display = 'block';\r\n        resultBox.innerHTML = '<p class=\"result-loading\">Connecting to PageSpeed Insights API for <strong>' + url + '<\/strong>...<\/p>';\r\n\r\n        \/\/ Simulaci\u00f3n de redirecci\u00f3n limpia o consulta externa para evitar errores 403 de restricciones de Google en Iframes\r\n        setTimeout(() => {\r\n            resultBox.innerHTML = `\r\n                <h3 style=\"color: var(--neon-cyan); margin-top: 0; margin-bottom: 15px;\">Audit Ready<\/h3>\r\n                <p style=\"color: var(--text-muted); margin-bottom: 20px;\">To comply with Google's security headers and avoid 403 blocking errors, you can run your report directly on the official dashboard:<\/p>\r\n                <a href=\"https:\/\/pagespeed.web.dev\/analysis?url=` + encodeURIComponent(url) + `\" target=\"_blank\" class=\"btn-neon btn-cyan\" style=\"display:inline-block; text-align:center;\">Open Full Official Report \u2197<\/a>\r\n            `;\r\n        }, 1500);\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3a6f635 e-con e-atomic-element e-flexbox-base e-822cd2a \" data-id=\"3a6f635\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a6f635\">\n    \t\t<div class=\"elementor-element elementor-element-353c1dd elementor-widget elementor-widget-menu-anchor\" data-id=\"353c1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"portfolio\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e306eac elementor-widget elementor-widget-html\" data-id=\"e306eac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"portfolio-block-container\">\r\n    <div class=\"portfolio-header\">\r\n        <div class=\"kicker-neon\">Portfolio<\/div>\r\n        <h2>A selection of projects <span class=\"gradient-text\">I've worked on<\/span><\/h2>\r\n        <p>Custom layouts, UI\/UX structure, and pixel-perfect frontend development.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-grid\">\r\n        \r\n        <!-- Project 1: Vision Emprendedora -->\r\n        <div class=\"portfolio-card card-cyan\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/vision-emprendedora.net\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/vision-emprendedora.png\" alt=\"Vision Emprendedora\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-cyan\">WordPress<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">Elementor<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">UI\/UX Design<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/vision-emprendedora.net\/\" target=\"_blank\" rel=\"noopener\">Vision Emprendedora<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-cyan\">Corporate Website<\/span>\r\n            <p class=\"portfolio-desc\">Nicaraguan platform where entrepreneurships are registered manually as requested by the client, avoiding custom post types.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/vision-emprendedora.net\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">vision-emprendedora.net<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Project 2: Meow Mop -->\r\n        <div class=\"portfolio-card card-purple\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/meowmop.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/meowmop.png\" alt=\"Meow Mop\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-purple\">WordPress<\/span>\r\n                <span class=\"portfolio-tag tag-purple\">Elementor<\/span>\r\n                <span class=\"portfolio-tag tag-purple\">UI\/UX Design<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/meowmop.com\/\" target=\"_blank\" rel=\"noopener\">Meow Mop<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-purple\">Cleaning Services<\/span>\r\n            <p class=\"portfolio-desc\">USA-based website built to handle quote request forms for professional cleaning services.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/meowmop.com\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit purple-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">meowmop.com<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Project 3: Merchant Solution Enterprises -->\r\n        <div class=\"portfolio-card card-cyan\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/merchantsolutionenterprises.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/nueva-web-7.png\" alt=\"Merchant Solution Enterprises\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-cyan\">WordPress<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">Elementor<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">UI\/UX Design<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/merchantsolutionenterprises.com\/\" target=\"_blank\" rel=\"noopener\">Merchant Solution Enterprises<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-cyan\">Corporate Website<\/span>\r\n            <p class=\"portfolio-desc\">USA company website showcasing POS systems, payment solutions, and hardware terminals.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/merchantsolutionenterprises.com\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">merchantsolutionenterprises.com<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Project 4: Don Nicho -->\r\n        <div class=\"portfolio-card card-cyan\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/www.donnicho.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/don-nicho.png\" alt=\"Don Nicho\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-cyan\">WordPress<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">Elementor<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">UI\/UX Design<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/www.donnicho.com\/\" target=\"_blank\" rel=\"noopener\">Don Nicho<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-cyan\">Restaurant Website<\/span>\r\n            <p class=\"portfolio-desc\">Quick solution for a restaurant where table QR codes load this page to view the PDF menu.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/www.donnicho.com\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">donnicho.com<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Project 5: Grupo CCN \u2013 Zero Waste -->\r\n        <div class=\"portfolio-card card-purple\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/www.grupoccn.com.ni\/cero_residuos\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/CERO-RESIDUOS.png\" alt=\"Grupo CCN \u2013 Zero Waste\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-purple\">Python<\/span>\r\n                <span class=\"portfolio-tag tag-purple\">UI\/UX Design<\/span>\r\n                <span class=\"portfolio-tag tag-purple\">Responsive<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/www.grupoccn.com.ni\/cero_residuos\/\" target=\"_blank\" rel=\"noopener\">Grupo CCN \u2013 Zero Waste<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-purple\">Corporate Landing Page<\/span>\r\n            <p class=\"portfolio-desc\">Informative landing page created for Cervecer\u00eda de Nicaragua to showcase a new sustainability certification.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/www.grupoccn.com.ni\/cero_residuos\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit purple-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">grupoccn.com.ni<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Project 6: REGXI -->\r\n        <div class=\"portfolio-card card-cyan\">\r\n            <div class=\"portfolio-img-wrapper\">\r\n                <a href=\"https:\/\/regxi.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marginyuriarte.com\/wp-content\/uploads\/2026\/07\/www.regxi_.com-2.png\" alt=\"REGXI\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"portfolio-tags\">\r\n                <span class=\"portfolio-tag tag-cyan\">WordPress<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">UI\/UX Design<\/span>\r\n                <span class=\"portfolio-tag tag-cyan\">Responsive<\/span>\r\n            <\/div>\r\n            <h3 class=\"portfolio-title\">\r\n                <a href=\"https:\/\/regxi.com\/\" target=\"_blank\" rel=\"noopener\">REGXI<\/a>\r\n            <\/h3>\r\n            <span class=\"portfolio-category text-cyan\">Business Website<\/span>\r\n            <p class=\"portfolio-desc\">Informative website for a company offering custom software development services.<\/p>\r\n            <div class=\"portfolio-footer\">\r\n                <a href=\"https:\/\/regxi.com\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-card-visit\">Visit Site \u2197<\/a>\r\n                <span class=\"project-url\">regxi.com<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .portfolio-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 90px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .portfolio-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .portfolio-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .portfolio-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .portfolio-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .portfolio-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        padding: 25px;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .portfolio-card:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .card-cyan:hover {\r\n        border-color: rgba(0, 245, 212, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0, 245, 212, 0.05);\r\n    }\r\n\r\n    .card-purple:hover {\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.05);\r\n    }\r\n\r\n    .portfolio-img-wrapper {\r\n        width: 100%;\r\n        height: 180px;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n        margin-bottom: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        background: rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .portfolio-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: top center;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .portfolio-card:hover .portfolio-img-wrapper img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .portfolio-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .portfolio-tag {\r\n        padding: 4px 12px;\r\n        border-radius: 50px;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .tag-cyan {\r\n        color: var(--neon-cyan);\r\n        border-color: rgba(0, 245, 212, 0.2);\r\n        background: rgba(0, 245, 212, 0.03);\r\n    }\r\n\r\n    .tag-purple {\r\n        color: var(--neon-purple);\r\n        border-color: rgba(162, 89, 255, 0.2);\r\n        background: rgba(162, 89, 255, 0.03);\r\n    }\r\n\r\n    .portfolio-title {\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .portfolio-title a {\r\n        color: var(--text-main);\r\n        text-decoration: none !important;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .portfolio-title a:hover {\r\n        color: var(--neon-cyan);\r\n    }\r\n\r\n    .portfolio-category {\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 12px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .text-cyan { color: var(--neon-cyan); text-shadow: 0 0 10px rgba(0, 245, 212, 0.3); }\r\n    .text-purple { color: var(--neon-purple); text-shadow: 0 0 10px rgba(162, 89, 255, 0.3); }\r\n\r\n    .portfolio-desc {\r\n        font-size: 0.9rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.5;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Footer de la tarjeta con Bot\u00f3n de Visita y URL *\/\r\n    .portfolio-footer {\r\n        margin-top: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        padding-top: 15px;\r\n    }\r\n\r\n    .btn-card-visit {\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n        text-decoration: none !important;\r\n        background: transparent;\r\n        color: var(--neon-cyan);\r\n        border: 1px solid var(--neon-cyan);\r\n        transition: all 0.3s ease;\r\n        white-space: nowrap;\r\n        box-shadow: 0 0 8px rgba(0, 245, 212, 0.1);\r\n    }\r\n\r\n    .btn-card-visit:hover {\r\n        background: var(--neon-cyan);\r\n        color: var(--bg-deep);\r\n        box-shadow: 0 0 15px var(--neon-cyan);\r\n    }\r\n\r\n    .purple-visit {\r\n        color: var(--neon-purple);\r\n        border-color: var(--neon-purple);\r\n        box-shadow: 0 0 8px rgba(162, 89, 255, 0.1);\r\n    }\r\n\r\n    .purple-visit:hover {\r\n        background: var(--neon-purple);\r\n        color: var(--text-main);\r\n        box-shadow: 0 0 15px var(--neon-purple);\r\n    }\r\n\r\n    .project-url {\r\n        font-size: 0.75rem;\r\n        color: var(--text-muted);\r\n        opacity: 0.8;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .portfolio-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .portfolio-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .portfolio-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c60e09e e-con e-atomic-element e-flexbox-base e-38c7f50 \" data-id=\"c60e09e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c60e09e\">\n    \t\t<div class=\"elementor-element elementor-element-9cbee26 elementor-widget elementor-widget-menu-anchor\" data-id=\"9cbee26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"fun-facts\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd1fff8 elementor-widget elementor-widget-html\" data-id=\"bd1fff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"funfacts-block-container\">\r\n    <div class=\"funfacts-header\">\r\n        <div class=\"kicker-neon\">Fun Facts<\/div>\r\n        <h2>A little bit <span class=\"gradient-text\">about me<\/span><\/h2>\r\n        <p>Click the cards to reveal the behind-the-scenes magic!<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"funfacts-grid\">\r\n        \r\n        <!-- Fact 1: Coffee -->\r\n        <div class=\"funfact-card card-cyan\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\u2615<\/div>\r\n                    <p class=\"funfact-text\">Coffee is my favorite daily fuel.<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Fuel Level<\/span>\r\n                    <p>Caffeine directly powers up every layout and web structure.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fact 2: Dogs -->\r\n        <div class=\"funfact-card card-purple\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\ud83d\udc36<\/div>\r\n                    <p class=\"funfact-text\">Dogs are definitely my favorite companions.<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Best Partners<\/span>\r\n                    <p>Always nearby to keep me company during long design sessions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fact 3: Midnight Inspiration (New & Fun) -->\r\n        <div class=\"funfact-card card-cyan\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\ud83c\udf19<\/div>\r\n                    <p class=\"funfact-text\">My best design ideas always show up at midnight.<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Night Owl<\/span>\r\n                    <p>Quiet hours bring out the most creative layout solutions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fact 4: Music -->\r\n        <div class=\"funfact-card card-purple\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\ud83c\udfb5<\/div>\r\n                    <p class=\"funfact-text\">Good music is running in the background all day.<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Playlist Ready<\/span>\r\n                    <p>Headphones on. Crafting unique digital experiences to the rhythm.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fact 5: Stories -->\r\n        <div class=\"funfact-card card-cyan\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\ud83c\udfa8<\/div>\r\n                    <p class=\"funfact-text\">Every website tells a completely different story.<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Architecture<\/span>\r\n                    <p>Translating client visions into clean, engaging visual experiences.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fact 6: Cache -->\r\n        <div class=\"funfact-card card-purple\" onclick=\"this.classList.toggle('flipped')\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"funfact-icon\">\ud83d\udd04<\/div>\r\n                    <p class=\"funfact-text\">Yes... I have definitely asked: \"Did you already clear your cache?\" \ud83d\ude05<\/p>\r\n                    <span class=\"click-hint\">Click to flip \u2728<\/span>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <span class=\"back-tag\">Classic Fix<\/span>\r\n                    <p>The ultimate troubleshooting question that magically solves 90% of updates.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .funfacts-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 90px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .funfacts-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .funfacts-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .funfacts-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .funfacts-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .funfact-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        height: 200px;\r\n        perspective: 1000px;\r\n        cursor: pointer;\r\n        transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .card-cyan:hover {\r\n        border-color: rgba(0, 245, 212, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0, 245, 212, 0.05);\r\n    }\r\n\r\n    .card-purple:hover {\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.05);\r\n    }\r\n\r\n    .card-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: left;\r\n        transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);\r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    .funfact-card.flipped .card-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .card-front, .card-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        backface-visibility: hidden;\r\n        border-radius: 16px;\r\n        padding: 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .card-front {\r\n        background: rgba(255, 255, 255, 0.02);\r\n    }\r\n\r\n    .card-back {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        transform: rotateY(180deg);\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .funfact-icon {\r\n        font-size: 2rem;\r\n        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));\r\n    }\r\n\r\n    .funfact-text {\r\n        font-size: 0.95rem;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .click-hint {\r\n        font-size: 0.7rem;\r\n        color: var(--neon-cyan);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .card-back p {\r\n        font-size: 0.9rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.5;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .back-tag {\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        color: var(--neon-purple);\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .funfacts-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .funfacts-header h2 {\r\n            font-size: 2.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .funfacts-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .funfacts-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7534b97 e-con e-atomic-element e-flexbox-base e-cd36760 \" data-id=\"7534b97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7534b97\">\n    \t\t<div class=\"elementor-element elementor-element-ea70422 elementor-widget elementor-widget-menu-anchor\" data-id=\"ea70422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"contact-me\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89a3ffa elementor-widget elementor-widget-html\" data-id=\"89a3ffa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contact-block-container\">\r\n    <div class=\"contact-header\">\r\n        <div class=\"kicker-neon\">Contact<\/div>\r\n        <h2>Let's Build Something <span class=\"gradient-text\">Great Together<\/span><\/h2>\r\n        <p>Whether you need a brand-new website, ongoing maintenance, layout updates, or digital support, I'd love to hear about your project.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-content-wrapper\">\r\n        <form class=\"contact-form\" action=\"https:\/\/formsubmit.co\/marginy2013@gmail.com\" method=\"POST\">\r\n            \r\n            <!-- Formsubmit Configurations -->\r\n            <input type=\"hidden\" name=\"_subject\" value=\"New message from your portfolio website!\">\r\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n            <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"name\">Name<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Your full name\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"email\">Email<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"your.email@example.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"phone\">Phone<\/label>\r\n                <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 (555) 000-0000\">\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"website\">Website (Optional)<\/label>\r\n                <input type=\"text\" id=\"website\" name=\"website\" placeholder=\"https:\/\/yourwebsite.com\">\r\n            <\/div>\r\n\r\n            <div class=\"form-group full-width\">\r\n                <label for=\"message\">Tell me about your project<\/label>\r\n                <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"Share your ideas or requirements...\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"btn-submit\">Send Message \u2197<\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .contact-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 90px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .contact-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .contact-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .contact-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .contact-content-wrapper {\r\n        max-width: 700px;\r\n        width: 100%;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 20px;\r\n        padding: 40px;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .contact-form {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .form-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n\r\n    .form-group.full-width {\r\n        grid-column: span 2;\r\n    }\r\n\r\n    .contact-form label {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--text-main);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .contact-form input,\r\n    .contact-form textarea {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 10px;\r\n        padding: 14px 18px;\r\n        color: var(--text-main);\r\n        font-size: 0.95rem;\r\n        font-family: inherit;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .contact-form input:focus,\r\n    .contact-form textarea:focus {\r\n        outline: none;\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: 0 0 12px rgba(0, 245, 212, 0.15);\r\n        background: rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .contact-form input::placeholder,\r\n    .contact-form textarea::placeholder {\r\n        color: var(--text-muted);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .btn-submit {\r\n        grid-column: span 2;\r\n        background: transparent;\r\n        color: var(--neon-cyan);\r\n        border: 1px solid var(--neon-cyan);\r\n        padding: 14px 30px;\r\n        border-radius: 50px;\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-align: center;\r\n        box-shadow: 0 0 10px rgba(0, 245, 212, 0.1);\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .btn-submit:hover {\r\n        background: var(--neon-cyan);\r\n        color: var(--bg-deep);\r\n        box-shadow: 0 0 20px rgba(0, 245, 212, 0.4);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .contact-form {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .form-group.full-width {\r\n            grid-column: span 1;\r\n        }\r\n        .btn-submit {\r\n            grid-column: span 1;\r\n        }\r\n        .contact-content-wrapper {\r\n            padding: 25px;\r\n        }\r\n        .contact-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6710f57 e-con e-atomic-element e-flexbox-base e-12de674 \" data-id=\"6710f57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6710f57\">\n    \t\t<div class=\"elementor-element elementor-element-13a8749 elementor-widget elementor-widget-html\" data-id=\"13a8749\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"social-block-container\">\r\n    <div class=\"social-header\">\r\n        <div class=\"kicker-neon\">Connect<\/div>\r\n        <h2>Let's Stay <span class=\"gradient-text\">Connected<\/span><\/h2>\r\n        <p>Follow my journey, design work, and daily creative updates across my social channels.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"social-grid\">\r\n        \r\n        <!-- LinkedIn -->\r\n        <a href=\"https:\/\/www.linkedin.com\/in\/marginy-uriarte-arias\/\" target=\"_blank\" rel=\"noopener\" class=\"social-card card-cyan\">\r\n            <div class=\"social-icon\">\r\n                <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n            <\/div>\r\n            <div class=\"social-info\">\r\n                <h3>LinkedIn<\/h3>\r\n                <span class=\"social-handle\">marginy-uriarte-arias<\/span>\r\n            <\/div>\r\n            <span class=\"social-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <!-- Behance -->\r\n        <a href=\"https:\/\/www.behance.net\/maruriarte\" target=\"_blank\" rel=\"noopener\" class=\"social-card card-purple\">\r\n            <div class=\"social-icon\">\r\n                <i class=\"fa-brands fa-behance\"><\/i>\r\n            <\/div>\r\n            <div class=\"social-info\">\r\n                <h3>Behance<\/h3>\r\n                <span class=\"social-handle\">maruriarte<\/span>\r\n            <\/div>\r\n            <span class=\"social-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/muriarte_arias\/\" target=\"_blank\" rel=\"noopener\" class=\"social-card card-cyan\">\r\n            <div class=\"social-icon\">\r\n                <i class=\"fa-brands fa-instagram\"><\/i>\r\n            <\/div>\r\n            <div class=\"social-info\">\r\n                <h3>Instagram<\/h3>\r\n                <span class=\"social-handle\">@muriarte_arias<\/span>\r\n            <\/div>\r\n            <span class=\"social-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --bg-deep: #030108;\r\n        --neon-cyan: #00f5d4;\r\n        --neon-purple: #a259ff;\r\n        --text-main: #ffffff;\r\n        --text-muted: #a4b1cd;\r\n    }\r\n\r\n    .social-block-container {\r\n        width: 100%;\r\n        background-color: var(--bg-deep);\r\n        padding: 90px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .social-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .social-header h2 {\r\n        font-size: 3rem;\r\n        color: var(--text-main);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .social-header p {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .kicker-neon {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--neon-cyan);\r\n        text-shadow: 0 0 12px rgba(0, 245, 212, 0.4);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 0 15px rgba(162, 89, 255, 0.3));\r\n    }\r\n\r\n    .social-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .social-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        padding: 30px 25px;\r\n        text-decoration: none !important;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .social-card:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.04);\r\n    }\r\n\r\n    .card-cyan:hover {\r\n        border-color: rgba(0, 245, 212, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0, 245, 212, 0.05);\r\n    }\r\n\r\n    .card-purple:hover {\r\n        border-color: rgba(162, 89, 255, 0.3);\r\n        box-shadow: 0 10px 30px rgba(162, 89, 255, 0.05);\r\n    }\r\n\r\n    .social-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 12px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .card-cyan .social-icon {\r\n        color: var(--neon-cyan);\r\n        border-color: rgba(0, 245, 212, 0.2);\r\n        background: rgba(0, 245, 212, 0.03);\r\n    }\r\n\r\n    .card-purple .social-icon {\r\n        color: var(--neon-purple);\r\n        border-color: rgba(162, 89, 255, 0.2);\r\n        background: rgba(162, 89, 255, 0.03);\r\n    }\r\n\r\n    .social-card:hover .card-cyan .social-icon,\r\n    .card-cyan:hover .social-icon {\r\n        background: var(--neon-cyan);\r\n        color: var(--bg-deep);\r\n        box-shadow: 0 0 15px rgba(0, 245, 212, 0.4);\r\n    }\r\n\r\n    .card-purple:hover .social-icon {\r\n        background: var(--neon-purple);\r\n        color: var(--text-main);\r\n        box-shadow: 0 0 15px rgba(162, 89, 255, 0.4);\r\n    }\r\n\r\n    .social-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        flex-grow: 1;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .social-info h3 {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: var(--text-main);\r\n        margin: 0;\r\n    }\r\n\r\n    .social-handle {\r\n        font-size: 0.85rem;\r\n        color: var(--text-muted);\r\n        opacity: 0.8;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .social-arrow {\r\n        font-size: 1.1rem;\r\n        color: var(--text-muted);\r\n        opacity: 0.5;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .card-cyan:hover .social-arrow {\r\n        color: var(--neon-cyan);\r\n        opacity: 1;\r\n        transform: translate(2px, -2px);\r\n    }\r\n\r\n    .card-purple:hover .social-arrow {\r\n        color: var(--neon-purple);\r\n        opacity: 1;\r\n        transform: translate(2px, -2px);\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .social-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .social-header h2 {\r\n            font-size: 2.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .social-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .social-header h2 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hi, I&#8217;m Marginy Uriarte I build websites that are fast, intuitive, and easy to manage View My Work Let&#8217;s Talk [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":179,"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/marginyuriarte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}