{"id":3196,"date":"2026-04-10T19:54:34","date_gmt":"2026-04-11T01:54:34","guid":{"rendered":"https:\/\/frevidence.com\/?page_id=3196"},"modified":"2026-04-11T12:12:26","modified_gmt":"2026-04-11T18:12:26","slug":"articulo_llave","status":"publish","type":"page","link":"https:\/\/frevidence.com\/?page_id=3196","title":{"rendered":"Articulo_llave"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<style>\n#frev-header {\n    position: fixed !important;\n    top: 0;\n    left: 50% !important;\n    transform: translateX(-50%);\n    width: 95% !important;\n    max-width: 1400px !important;\n    height: 85px !important;\n    margin-top: 20px !important;\n    background: transparent !important;\n    display: flex !important;\n    align-items: center !important;\n    z-index: 99999 !important;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    border-radius: 50px;\n}\n\n#frev-header.scrolled {\n    margin-top: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 70px !important;\n    background: rgba(255, 255, 255, 0.95) !important;\n    backdrop-filter: blur(12px) !important;\n    border-radius: 0 !important;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;\n}\n\n#frev-nav-container {\n    display: grid !important;\n    grid-template-columns: 1fr auto 1fr !important;\n    width: 100% !important;\n    align-items: center !important;\n    padding: 0 40px !important;\n}\n\n#frev-logo img {\n    height: 90px !important;\n    width: auto !important;\n    transition: filter 0.3s ease !important;\n}\n\n#frev-nav-center {\n    display: flex !important;\n    justify-content: center !important;\n}\n\n#frev-menu {\n    display: flex !important;\n    gap: 35px !important;\n    list-style: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n#frev-menu li a {\n    color: #414141 !important;\n    text-decoration: none !important;\n    font-weight: 600 !important;\n    font-size: 1rem !important;\n    position: relative !important;\n    transition: color 0.3s ease !important;\n    display: inline-block !important;\n}\n\n#frev-header.scrolled #frev-menu li a {\n    color: #333 !important;\n}\n\n#frev-menu li a:hover {\n    color: rgb(127, 0, 0) !important;\n}\n\n#frev-menu li a::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: rgb(127, 0, 0);\n    transition: width 0.3s ease;\n}\n\n#frev-menu li a:hover::after {\n    width: 100%;\n}\n\n@media (max-width: 992px) {\n    #frev-header {\n        width: 95% !important;\n        height: auto !important;\n        padding: 15px 0 !important;\n        margin-top: 10px !important;\n        flex-direction: column !important;\n        border-radius: 20px !important;\n    }\n\n    #frev-nav-container {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 10px !important;\n        padding: 0 !important;\n    }\n\n    #frev-logo img {\n        height: 45px !important;\n    }\n\n    #frev-nav-center {\n        display: flex !important;\n        width: 100% !important;\n        justify-content: center !important;\n    }\n\n    #frev-menu {\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        gap: 15px !important;\n        padding: 5px 10px !important;\n    }\n\n    #frev-menu li a {\n        font-size: 0.85rem !important;\n        background: rgba(255,255,255,0.1) !important;\n        padding: 5px 10px !important;\n        border-radius: 10px !important;\n    }\n\n    #frev-header.scrolled #frev-menu li a {\n        color: transparent !important;\n        background: transparent !important;\n    }\n}\n@media (max-width: 992px) {\n    #frev-header {\n        position: absolute !important; \/* Cambiado de fixed a absolute para que se vaya al scrollear *\/\n        width: 95% !important;\n        height: auto !important;\n        padding: 15px 0 !important;\n        margin-top: 10px !important;\n        flex-direction: column !important;\n        border-radius: 20px !important;\n        top: 0 !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n    }\n\n    \/* Anulamos cualquier efecto visual de la clase 'scrolled' en m\u00f3vil *\/\n    #frev-header.scrolled {\n        margin-top: 10px !important;\n        background: transparent !important;\n        box-shadow: none !important;\n        backdrop-filter: none !important;\n    }\n\n    #frev-nav-container {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 10px !important;\n        padding: 0 !important;\n    }\n\n    #frev-logo img {\n        height: 45px !important;\n    }\n\n    #frev-menu {\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        gap: 15px !important;\n        padding: 5px 10px !important;\n    }\n\n    #frev-menu li a {\n        font-size: 0.85rem !important;\n        background: rgba(255,255,255,0.1) !important;\n        padding: 5px 10px !important;\n        border-radius: 10px !important;\n        color: #494949 !important;\n    }\n}\n<\/style>\n\n<header id=\"frev-header\">\n    <div id=\"frev-nav-container\">\n        <div id=\"frev-logo\">\n            <a href=\"\/\">\n                <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2021\/01\/cropped-cropped-frevidence-logo.png\" alt=\"Frevidence\">\n            <\/a>\n        <\/div>\n\n        <nav id=\"frev-nav-center\">\n            <ul id=\"frev-menu\">\n                <li><a href=\"https:\/\/frevidence.com\/\">Servicios<\/a><\/li>\n                <li><a href=\"https:\/\/frevidence.com\/?page_id=2484\">Noticias<\/a><\/li>\n                <li><a href=\"https:\/\/frevidence.com\/?page_id=2642\">Nosotros<\/a><\/li>\n                <li><a href=\"https:\/\/frevidence.com\/?page_id=2623\">Contacto<\/a><\/li>\n            <\/ul>\n        <\/nav>\n\n        <div id=\"frev-nav-right\"><\/div>\n    <\/div>\n<\/header>\n\n<script>\n(function() {\n    var h = document.getElementById('frev-header');\n    if (!h) return;\n    function tick() { h.classList.toggle('scrolled', window.scrollY > 50); }\n    window.addEventListener('scroll', tick, { passive: true });\n    tick();\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00bfCu\u00e1l es la Primera Llave? &#8211; FRevidence<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        .articulo-3 {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n            background: #f5f4f0;\n            color: #7e7e7e;\n            line-height: 1.7;\n            overflow-x: hidden;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           ANIMACIONES BASE\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        @keyframes fadeUp {\n            from { opacity: 0; transform: translateY(36px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to   { opacity: 1; }\n        }\n        @keyframes slideLeft {\n            from { opacity: 0; transform: translateX(-40px); }\n            to   { opacity: 1; transform: translateX(0); }\n        }\n        @keyframes parallaxBg {\n            from { transform: scale(1.08); }\n            to   { transform: scale(1); }\n        }\n        @keyframes pulse {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(139,30,30,0.45); }\n            50%       { box-shadow: 0 0 0 14px rgba(139,30,30,0); }\n        }\n        @keyframes lineGrow {\n            from { width: 0; }\n            to   { width: 100%; }\n        }\n        @keyframes waBounce {\n            0%, 100% { transform: translateY(0); }\n            40%      { transform: translateY(-8px); }\n            70%      { transform: translateY(-3px); }\n        }\n        @keyframes shimmer {\n            0%   { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n\n        \/* Clases base para animaci\u00f3n por scroll *\/\n        .anim {\n            opacity: 0;\n            transform: translateY(36px);\n            transition: opacity 0.7s cubic-bezier(0.23,1,0.32,1),\n                        transform 0.7s cubic-bezier(0.23,1,0.32,1);\n        }\n        .anim.anim-left  { transform: translateX(-40px); }\n        .anim.anim-right { transform: translateX(40px); }\n        .anim.anim-scale { transform: scale(0.88); opacity: 0; }\n        .anim.visible {\n            opacity: 1 !important;\n            transform: translateY(0) translateX(0) scale(1) !important;\n        }\n        .anim-d1 { transition-delay: 0.10s; }\n        .anim-d2 { transition-delay: 0.22s; }\n        .anim-d3 { transition-delay: 0.36s; }\n        .anim-d4 { transition-delay: 0.50s; }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           HERO\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .herod {\n            position: relative;\n            height: 88vh;\n            min-height: 520px;\n            max-height: 780px;\n            overflow: hidden;\n        }\n        .herod > img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            animation: parallaxBg 1.6s cubic-bezier(0.23,1,0.32,1) forwards;\n            will-change: transform;\n        }\n        .hero-overlays {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(160deg, rgba(139,30,30,0.55) 0%, rgba(154, 145, 145, 0.75) 100%);\n        }\n        .hero-overlays::after {\n            content: '';\n            position: absolute;\n            bottom: 0; left: 0;\n            height: 4px;\n            background: #8B1E1E;\n            animation: lineGrow 1.8s 0.6s cubic-bezier(0.23,1,0.32,1) both;\n        }\n        .hero-contents {\n            position: relative;\n            z-index: 2;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 0 56px 64px;\n            max-width: 820px;\n        }\n        .hero-badges {\n            display: inline-block;\n            background: #8B1E1E;\n            color: #fff;\n            font-size: 0.7rem;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            padding: 7px 18px;\n            border-radius: 2px;\n            margin-bottom: 22px;\n            width: fit-content;\n            opacity: 0;\n            animation: slideLeft 0.8s 0.4s cubic-bezier(0.23,1,0.32,1) forwards;\n        }\n        .herod h1 {\n            font-size: clamp(2.2rem, 5.5vw, 3.8rem);\n            font-weight: 800;\n            color: #fff;\n            line-height: 1.1;\n            letter-spacing: -1.5px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: fadeUp 0.9s 0.65s cubic-bezier(0.23,1,0.32,1) forwards;\n        }\n        .hero-meta {\n            color: rgba(255,255,255,0.7);\n            font-size: 0.9rem;\n            opacity: 0;\n            animation: fadeUp 0.8s 0.9s cubic-bezier(0.23,1,0.32,1) forwards;\n        }\n        .hero-meta strong { color: #fff; font-weight: 600; }\n\n        \/* Scroll hint *\/\n        .scroll-hint {\n            position: absolute;\n            bottom: 28px; left: 50%;\n            transform: translateX(-50%);\n            z-index: 3;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n            opacity: 0;\n            animation: fadeIn 1s 1.5s forwards;\n        }\n        .scroll-hint span {\n            font-size: 0.62rem;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: rgba(255,255,255,0.5);\n        }\n        .scroll-hint .sh-arrow {\n            width: 20px; height: 20px;\n            border-right: 2px solid rgba(255,255,255,0.45);\n            border-bottom: 2px solid rgba(255,255,255,0.45);\n            transform: rotate(45deg);\n            animation: waBounce 1.8s 1.8s ease-in-out infinite;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           WRAP\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .wrap {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 24px 80px;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           INTRO BLOCK\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .intro-block {\n            position: relative;\n            border-radius: 0 0 20px 20px;\n            overflow: hidden;\n            margin-bottom: 56px;\n        }\n        .intro-block > img {\n            width: 100%;\n            height: 260px;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.8s cubic-bezier(0.23,1,0.32,1);\n        }\n        .intro-block:hover > img { transform: scale(1.04); }\n\n        .intro-text-overlay {\n            background: #9f9999;\n            border-top: 4px solid #8B1E1E;\n            padding: 36px 44px;\n            position: relative;\n            overflow: hidden;\n        }\n        .intro-text-overlay::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(90deg, transparent, rgba(139,30,30,0.07), transparent);\n            background-size: 200% 100%;\n            animation: shimmer 4s linear infinite;\n            pointer-events: none;\n        }\n        .intro-text-overlay p {\n            color: rgba(255,255,255,0.82);\n            font-size: 1.08rem;\n            line-height: 1.85;\n            border-left: 4px solid #8B1E1E;\n            padding-left: 22px;\n            position: relative;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           GRID 2 TARJETAS\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .sections-grids {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .img-cardd, .img-cards {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            min-height: 360px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            cursor: pointer;\n        }\n        .img-cardd > img, .img-cards > img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.7s cubic-bezier(0.23,1,0.32,1);\n        }\n        .img-cardd:hover > img,\n        .img-cards:hover > img { transform: scale(1.07); }\n\n        .img-cardd .card-overlay,\n        .img-cards .card-overlay {\n            position: absolute;\n            inset: 0;\n            transition: opacity 0.4s;\n        }\n        .overlay-red      { background: #8B1E1E; opacity: 0.45; }\n        .overlay-navy     { background: #bababa; opacity: 0.50; }\n        .overlay-charcoal { background: #8B1E1E; opacity: 0.45; }\n        .img-cardd:hover .card-overlay,\n        .img-cards:hover .card-overlay { opacity: 0.65; }\n\n        \/* CAPA 2 *\/\n        .img-cardd .card-body,\n        .img-cards .card-body {\n            position: relative;\n            z-index: 2;\n            padding: 32px 30px;\n            background: rgba(170, 170, 170, 0.78);\n            backdrop-filter: blur(4px);\n            -webkit-backdrop-filter: blur(4px);\n            border-top: 3px solid #8B1E1E;\n            border-radius: 0 0 16px 16px;\n            transition: background 0.4s, padding-bottom 0.4s;\n        }\n        .img-cardd:hover .card-body,\n        .img-cards:hover .card-body {\n            background: rgba(175, 169, 169, 0.91);\n            padding-bottom: 38px;\n        }\n\n        .card-label {\n            display: inline-block;\n            background: rgba(139, 30, 30, 0.85);\n            border: 1px solid rgba(255,255,255,0.2);\n            color: #fff;\n            font-size: 0.68rem;\n            font-weight: 700;\n            letter-spacing: 2.5px;\n            text-transform: uppercase;\n            padding: 5px 14px;\n            border-radius: 100px;\n            margin-bottom: 14px;\n            transition: background 0.3s, transform 0.35s;\n        }\n        .img-cardd:hover .card-label,\n        .img-cards:hover .card-label {\n            background: #8B1E1E;\n            transform: translateY(-2px);\n        }\n\n        .img-cardd h2, .img-cards h2 {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #fff;\n            line-height: 1.3;\n            margin-bottom: 12px;\n            transition: letter-spacing 0.4s;\n        }\n        .img-cardd:hover h2,\n        .img-cards:hover h2 { letter-spacing: 0.015em; }\n\n        .img-cardd p, .img-cards p {\n            color: rgba(255,255,255,0.88);\n            font-size: 0.95rem;\n            line-height: 1.75;\n        }\n        .img-cardd strong, .img-cards strong { color: #ffcccc; }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           WARNING BOX\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .warning-card {\n            background: #8B1E1E;\n            border-radius: 16px;\n            padding: 32px 36px;\n            margin-bottom: 24px;\n            display: flex;\n            gap: 22px;\n            align-items: flex-start;\n            position: relative;\n            overflow: hidden;\n            transition: transform 0.35s cubic-bezier(0.23,1,0.32,1),\n                        box-shadow 0.35s;\n        }\n        .warning-card::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);\n            background-size: 200% 100%;\n            animation: shimmer 3.5s linear infinite;\n            pointer-events: none;\n        }\n        .warning-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 20px 50px rgba(139,30,30,0.38);\n        }\n        .warning-card .w-icon {\n            font-size: 1.6rem;\n            color: rgba(255,255,255,0.85);\n            flex-shrink: 0;\n            margin-top: 2px;\n            animation: pulse 2.4s ease-in-out infinite;\n        }\n        .warning-card h3 {\n            color: #fff;\n            font-size: 1rem;\n            font-weight: 700;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n        .warning-card p {\n            color: rgba(255,255,255,0.82);\n            font-size: 0.97rem;\n            line-height: 1.75;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           TARJETA ANCHA\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .img-card-wide {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            min-height: 320px;\n            display: flex;\n            align-items: stretch;\n            margin-bottom: 24px;\n            transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s;\n        }\n        .img-card-wide:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 24px 60px rgba(141, 141, 141, 0.24);\n        }\n        .img-card-wide > img {\n            width: 45%;\n            object-fit: cover;\n            display: block;\n            flex-shrink: 0;\n            transition: transform 0.7s cubic-bezier(0.23,1,0.32,1);\n        }\n        .img-card-wide:hover > img { transform: scale(1.06); }\n\n        .img-card-wide .wide-body {\n            flex: 1;\n            padding: 44px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        .wide-solid-left { background: #a5a5a7; }\n        .wide-solid-left .wide-body h2 {\n            font-size: 1.35rem;\n            font-weight: 700;\n            color: #fff;\n            margin-bottom: 14px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .wide-solid-left .wide-body h2::before {\n            content: '';\n            width: 4px;\n            height: 24px;\n            background: #8B1E1E;\n            border-radius: 2px;\n            flex-shrink: 0;\n            transition: height 0.4s cubic-bezier(0.34,1.56,0.64,1);\n        }\n        .img-card-wide:hover .wide-solid-left .wide-body h2::before { height: 38px; }\n        .wide-solid-left .wide-body p {\n            color: rgba(255,255,255,0.72);\n            font-size: 0.97rem;\n            line-height: 1.8;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           KEY HIGHLIGHT\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .key-highlight {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            min-height: 340px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n        .key-highlight > img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.9s cubic-bezier(0.23,1,0.32,1);\n        }\n        .key-highlight:hover > img { transform: scale(1.06); }\n\n        .key-highlight .kh-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(10,5,5,0.55);\n            transition: background 0.4s;\n        }\n        .key-highlight:hover .kh-overlay { background: rgba(71, 54, 54, 0.68); }\n\n        \/* CAPA 2 *\/\n        .key-highlight .kh-body {\n            position: relative;\n            z-index: 2;\n            padding: 52px 48px;\n            max-width: 680px;\n            background: rgba(15,8,8,0.75);\n            backdrop-filter: blur(6px);\n            -webkit-backdrop-filter: blur(6px);\n            border-radius: 16px;\n            border: 1px solid rgba(139,30,30,0.40);\n            margin: 32px;\n            transition: border-color 0.4s, box-shadow 0.4s, transform 0.4s;\n        }\n        .key-highlight:hover .kh-body {\n            border-color: rgba(139,30,30,0.75);\n            box-shadow: 0 0 0 1px rgba(139,30,30,0.2), 0 32px 64px rgba(0,0,0,0.4);\n            transform: translateY(-4px);\n        }\n\n        .kh-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 60px; height: 60px;\n            background: #8B1E1E;\n            border-radius: 50%;\n            font-size: 1.4rem;\n            color: #fff;\n            margin-bottom: 24px;\n            animation: pulse 2.8s ease-in-out infinite;\n            transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);\n        }\n        .key-highlight:hover .kh-icon { transform: scale(1.18) rotate(-8deg); }\n\n        .key-highlight h3 {\n            font-size: 1.7rem;\n            font-weight: 800;\n            color: #fff;\n            letter-spacing: -0.5px;\n            margin-bottom: 18px;\n        }\n        .key-highlight p {\n            color: rgba(255,255,255,0.82);\n            font-size: 1.02rem;\n            line-height: 1.85;\n        }\n        .key-highlight strong { color: #ffaaaa; }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           NOTA FINAL\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .footer-note {\n            text-align: center;\n            color: #888;\n            font-size: 0.92rem;\n            font-style: italic;\n            line-height: 1.75;\n            padding: 0 24px;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           WHATSAPP\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .whatsapp-float {\n            position: fixed;\n            bottom: 28px; right: 28px;\n            width: 56px; height: 56px;\n            background: #25D366;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            font-size: 1.7rem;\n            text-decoration: none;\n            box-shadow: 0 8px 24px rgba(37,211,102,0.35);\n            z-index: 999;\n            transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s;\n            animation: waBounce 2.5s 3s ease-in-out infinite;\n        }\n        .whatsapp-float:hover {\n            transform: scale(1.14) translateY(-4px);\n            box-shadow: 0 16px 40px rgba(37,211,102,0.5);\n            animation: none;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           RESPONSIVE \u2014 TABLET 768px\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        @media (max-width: 768px) {\n            .hero-contents { padding: 0 28px 48px; max-width: 100%; }\n            .herod h1 { letter-spacing: -0.5px; }\n            .wrap { padding: 0 18px 60px; }\n            .intro-text-overlay { padding: 28px 24px; }\n            .sections-grids { grid-template-columns: 1fr; gap: 18px; }\n            .img-cardd, .img-cards { min-height: 320px; }\n            .img-card-wide { flex-direction: column; }\n            .img-card-wide > img { width: 100%; height: 220px; }\n            .img-card-wide .wide-body { padding: 30px 24px; }\n            .key-highlight .kh-body { padding: 36px 24px; margin: 20px; }\n            .warning-card { padding: 24px 20px; gap: 16px; }\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           RESPONSIVE \u2014 M\u00d3VIL 480px\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        @media (max-width: 480px) {\n            .herod { height: 92vh; min-height: 480px; }\n            .hero-contents { padding: 0 20px 40px; }\n            .herod h1 { font-size: 2rem; letter-spacing: -0.3px; }\n            .scroll-hint { display: none; }\n            .wrap { padding: 0 14px 50px; }\n            .intro-block > img { height: 190px; }\n            .intro-text-overlay { padding: 22px 18px; }\n            .intro-text-overlay p { font-size: 1rem; padding-left: 16px; }\n            .sections-grids { gap: 14px; }\n            .img-cardd, .img-cards { min-height: 280px; }\n            .img-cardd .card-body, .img-cards .card-body { padding: 20px 18px; }\n            .img-cardd h2, .img-cards h2 { font-size: 1.1rem; }\n            .img-card-wide > img { height: 180px; }\n            .img-card-wide .wide-body { padding: 24px 18px; }\n            .wide-solid-left .wide-body h2 { font-size: 1.15rem; }\n            .wide-solid-left .wide-body p { font-size: 0.92rem; }\n            .warning-card { flex-direction: column; gap: 12px; padding: 20px 18px; }\n            .warning-card .w-icon { margin-top: 0; }\n            .key-highlight { min-height: 280px; }\n            .key-highlight .kh-body { padding: 28px 18px; margin: 12px; border-radius: 12px; }\n            .key-highlight h3 { font-size: 1.4rem; }\n            .key-highlight p { font-size: 0.95rem; }\n            .kh-icon { width: 50px; height: 50px; font-size: 1.2rem; }\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           RESPONSIVE \u2014 M\u00d3VIL 360px\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        @media (max-width: 360px) {\n            .herod h1 { font-size: 1.75rem; }\n            .hero-badges { font-size: 0.62rem; letter-spacing: 2px; }\n            .key-highlight .kh-body { padding: 22px 14px; margin: 10px; }\n            .key-highlight h3 { font-size: 1.25rem; }\n            .img-cardd h2, .img-cards h2 { font-size: 1rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"articulo-3\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<header class=\"herod\">\n    <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/llave_artc.png\" alt=\"Ciberseguridad\">\n    <div class=\"hero-overlays\"><\/div>\n    <div class=\"hero-contents\">\n        <div class=\"hero-badges\">Ciberseguridad \u00b7 FRevidence<\/div>\n        <h1>\u00bfCu\u00e1l es la Primera Llave?<\/h1>\n        <p class=\"hero-meta\">Por <strong>Ubaldo Mart\u00ednez Eslava<\/strong> &nbsp;\u00b7&nbsp; FRevidence, SA de CV<\/p>\n    <\/div>\n    <div class=\"scroll-hint\">\n        <span>Scroll<\/span>\n        <div class=\"sh-arrow\"><\/div>\n    <\/div>\n<\/header>\n\n<div class=\"wrap\">\n\n    <!-- INTRO -->\n    <div class=\"intro-block anim\">\n        <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/llave1.png\" alt=\"Conectividad bancaria\">\n        <div class=\"intro-text-overlay\">\n            <p>El COVID-19 ha propiciado cambios profundos en la conectividad a servicios bancarios, convirtiendo la ciberseguridad en un reto de agenda prioritaria. Los atacantes aprovechan este contexto para desplegar amenazas cada vez m\u00e1s sofisticadas contra usuarios y organizaciones.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- GRID 2 TARJETAS -->\n    <div class=\"sections-grids\">\n        <div class=\"img-cards anim anim-left anim-d1\">\n            <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/llave_art_1.png\" alt=\"El desaf\u00edo de la conectividad\">\n            <div class=\"card-overlay overlay-red\"><\/div>\n            <div class=\"card-body\">\n                <span class=\"card-label\">01 \u00b7 Amenaza<\/span>\n                <h2>El Desaf\u00edo de la Conectividad<\/h2>\n                <p>Los ciberatacantes distribuyen malware como <strong>Grandoreiro<\/strong> y <strong>Casbaneiro<\/strong>, troyanos bancarios dise\u00f1ados para comprometer credenciales de acceso en plataformas financieras.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"img-cardd anim anim-right anim-d2\">\n            <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/llave_art_2.png\" alt=\"Inteligencia Artificial Forense\">\n            <div class=\"card-overlay overlay-navy\"><\/div>\n            <div class=\"card-body\">\n                <span class=\"card-label\">02 \u00b7 Herramienta<\/span>\n                <h2>Inteligencia Artificial Forense<\/h2>\n                <p>La IA se posiciona como la principal herramienta forense para detectar, rastrear y neutralizar estas amenazas en tiempo real dentro de entornos bancarios y corporativos.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- WARNING -->\n    <div class=\"warning-card anim anim-scale anim-d1\">\n        <span class=\"w-icon\"><i class=\"fas fa-exclamation-triangle\"><\/i><\/span>\n        <div>\n            <h3>Alerta de Seguridad<\/h3>\n            <p>Estos virus comprometen credenciales y despliegan pantallas emergentes para robar tokens y claves de acceso en tiempo real, poniendo en riesgo tanto a usuarios como a instituciones financieras.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- TARJETA ANCHA -->\n    <div class=\"img-card-wide wide-solid-left anim anim-d1\">\n        <div class=\"wide-body\">\n            <h2>La Ingenier\u00eda Social<\/h2>\n            <p>Uno de los vectores de ataque m\u00e1s efectivos es la Ingenier\u00eda Social: una t\u00e9cnica que explota el sentido com\u00fan y los h\u00e1bitos cotidianos de los usuarios. No ataca sistemas, ataca personas. A trav\u00e9s de correos fraudulentos, llamadas enga\u00f1osas o sitios falsos, los atacantes logran que las propias v\u00edctimas entreguen sus credenciales sin saberlo.<\/p>\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/art_3.png\" alt=\"Ingenier\u00eda Social\">\n    <\/div>\n\n    <!-- KEY HIGHLIGHT -->\n    <div class=\"key-highlight anim anim-scale anim-d2\">\n        <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/llave_artc.png\" alt=\"La primera llave\">\n        <div class=\"kh-overlay\"><\/div>\n        <div class=\"kh-body\">\n            <div class=\"kh-icon\"><i class=\"fas fa-key\"><\/i><\/div>\n            <h3>La Primera Llave<\/h3>\n            <p>Si logramos que los usuarios tomen conciencia de la importancia de cuidar su informaci\u00f3n, les habremos dado la <strong>primera llave<\/strong> para blindar y hacer frente a los ataques inform\u00e1ticos. La cultura de seguridad es el punto de partida de cualquier estrategia de defensa efectiva.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- NOTA FINAL -->\n    <p class=\"footer-note anim anim-d3\">Este primer paso debe complementarse con pol\u00edticas, protocolos y soluciones de ciberseguridad robustas que refuercen y sostengan esa conciencia en el tiempo.<\/p>\n\n<\/div>\n\n<!-- WHATSAPP -->\n<a href=\"https:\/\/wa.me\/\" class=\"whatsapp-float\" target=\"_blank\" aria-label=\"WhatsApp\">\n    <i class=\"fab fa-whatsapp\"><\/i>\n<\/a>\n\n<\/div>\n\n<script>\n    \/* \u2500\u2500 Animaci\u00f3n por scroll con IntersectionObserver \u2500\u2500 *\/\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(en => {\n            if (en.isIntersecting) {\n                en.target.classList.add('visible');\n                observer.unobserve(en.target);\n            }\n        });\n    }, { threshold: 0.14 });\n\n    document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n\n    \/* \u2500\u2500 Parallax suave en imagen del hero \u2500\u2500 *\/\n    const heroImg = document.querySelector('.herod > img');\n    if (heroImg) {\n        window.addEventListener('scroll', () => {\n            heroImg.style.transform = `scale(1) translateY(${window.scrollY * 0.26}px)`;\n        }, { passive: true });\n    }\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Footer FRevidence<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"> \n\n<style>\n    \n\/* Forzar al header a ignorar el contenedor de WordPress *\/\n.navbar {\n    position: fixed; \n    top: 0;\n    left: 0;\n    width: 100vw !important; \/* Ocupa el 100% del ancho de la ventana *\/\n    z-index: 99999;\n}\n\n\/* Forzar al footer a ignorar el contenedor *\/\nfooter {\n    width: 100vw !important;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n}\n\n    :root {\n        --primary-red: #B91C1C;\n        --dark-red: #7F1D1D;\n        --gray-900: #111827;\n        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n    }\n    \n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    body {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        line-height: 1.6;\n    }\n    \n    .container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* FOOTER *\/\n   footer {\n    background-color: #ffffff00;\n    color: rgb(0, 0, 0);\n    padding: 70px 0 30px;\n    position: relative; \/* Necesario para los hex\u00e1gonos *\/\n    overflow: hidden;   \/* Evita scroll horizontal por animaciones *\/\n    z-index: 1;\n}\n    \n    .footer-container {\n        display: grid;\n        grid-template-columns: 1.5fr 1fr 1fr 1fr;\n        gap: 40px;\n        margin-bottom: 40px;\n        margin: 0 !important\n    }\n    \n    \/* LOGO IMAGE CONTAINER *\/\n    .footer-logo .logo-image {\n        margin-bottom: 20px;\n        max-width: 200px;\n        background-color: #6e0000;\n        padding: 15px 20px;\n        border-radius: 8px;\n        display: inline-block;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .footer-logo .logo-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\nfooter::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    \/* SVG con los colores exactos de la referencia *\/\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3Cpattern id='hexagon' x='0' y='0' width='56' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23CBD5E1' stroke-width='0.5' opacity='0.2'\/%3E%3Cpath d='M28 0L56 16L56 50L28 66L0 50L0 16L28 0' fill='none' stroke='%23B91C1C' stroke-width='0.8' opacity='0.2'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100' height='100' fill='url(%23hexagon)'\/%3E%3C\/svg%3E\");\n    opacity: 0.9;\n    z-index: -1;\n    pointer-events: none;\n    transform: translate(calc(var(--mouse-x, 0) * 0.5), calc(var(--mouse-y, 0) * 0.5));\n    transition: transform 0.2s ease-out;\n    animation: footerPulse 4s ease-in-out infinite;\n}\n\n@keyframes footerPulse {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 0.7; }\n}\n    \/* Mantener estilos de texto por si no hay imagen *\/\n    .footer-logo .logo-text {\n        color: rgb(0, 0, 0);\n        margin-bottom: 20px;\n        font-size: 1.75rem;\n        font-weight: 800;\n    }\n\n    .footer-logo .logo-text span {\n        color: var(--primary-red);\n    }\n    \n    .footer-logo p {\n        opacity: 0.8;\n        line-height: 1.6;\n    }\n    \n    .footer-column h3 {\n        color: rgb(0, 0, 0);\n        margin-bottom: 10px;\n        font-size: 1rem;\n\n    }\n    \n    .footer-column ul {\n        list-style: none;\n    }\n    \n    .footer-column li {\n        margin-bottom: 12px;\n    }\n    \n    .footer-column a {\n        color: rgba(0, 0, 0, 0.7);\n        text-decoration: none;\n        transition: var(--transition);\n    }\n    \n    .footer-column a:hover {\n        color: rgb(0, 0, 0);\n        padding-left: 5px;\n    }\n    \n    .footer-bottom {\n        text-align: center;\n        padding-top: 1px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        color: rgba(0, 0, 0, 0.8);\n    }\n\n    .footer-bottom a {\n        color: rgba(0, 0, 0, 0.6);\n        text-decoration: none;\n    }\n\n    .footer-bottom a:hover {\n        color: rgba(0, 0, 0, 0.9);\n    }\n    \n    \/* WHATSAPP FLOAT BUTTON *\/\n    .whatsapp-float {\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        width: 60px;\n        height: 60px;\n        background-color: #25D366;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-size: 2rem;\n        box-shadow: var(--shadow-xl);\n        z-index: 999;\n        transition: var(--transition);\n        text-decoration: none;\n    }\n    \n    .whatsapp-float:hover {\n        transform: scale(1.1);\n    }\n    \n    \/* RESPONSIVE *\/\n    @media (max-width: 992px) {\n        .footer-container {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .footer-container {\n            grid-template-columns: 1fr;\n            margin: 0 !important;\n        }\n        .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;  \/* \u2190 Esto lo centra *\/\n}\n.footer-container {    padding: 0 20px;\n\n    margin: 0 !important;  \/* \u2190 ESTO centra eliminando m\u00e1rgenes de WordPress *\/\n}\nfooter {\n    margin: 0 !important;  \/* \u2190 Elimina m\u00e1rgenes heredados de WordPress *\/\n}\n    }\n    \/* --- OPTIMIZACI\u00d3N PARA M\u00d3VIL (FRevidence) --- *\/\n\n@media (max-width: 768px) {\n    \/* Evita que el footer se desborde lateralmente *\/\n    footer {\n        width: 100% !important;\n        left: 0 !important;\n        right: 0 !important;\n        margin: 0 !important;\n        padding: 40px 20px 20px !important;\n    }\n\n    \/* Cambia de 4 columnas a 1 sola para que quepa todo *\/\n    .footer-container {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 35px !important;\n        text-align: center !important; \/* Centra el texto para que se vea pro *\/\n        padding: 0 !important;\n    }\n\n    \/* Centra el logo o el texto de la marca *\/\n    .footer-logo, .footer-column {\n        width: 100% !important;\n    }\n\n    \/* Ajusta los iconos de contacto para que no se vean amontonados *\/\n    .footer-column ul li a {\n        display: block;\n        padding: 5px 0;\n    }\n\n    \/* Ajusta el texto legal del fondo *\/\n    .footer-bottom {\n        font-size: 13px !important;\n        line-height: 1.6;\n        padding-top: 20px !important;\n    }\n\n    \/* Mueve el bot\u00f3n de WhatsApp para que no estorbe *\/\n    .whatsapp-float {\n        width: 50px !important;\n        height: 50px !important;\n        bottom: 20px !important;\n        right: 20px !important;\n        font-size: 1.5rem !important;\n    }\n}\n\n\/* Fix global para evitar el scroll horizontal blanco en m\u00f3viles *\/\nhtml, body {\n    overflow-x: hidden !important;\n    position: relative;\n}\n<\/style>\n<\/head>\n<body>\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-container\">\n                <div class=\"footer-logo\">\n                    <!-- ESPACIO PARA IMAGEN DEL LOGO -->\n                    \n                    <!-- Texto alternativo si no hay imagen -->\n                    <!-- <div class=\"logo-text\">FR<span>evidence<\/span><\/div> -->\n                    \n                    <p>L\u00edderes en inform\u00e1tica forense y recuperaci\u00f3n de datos con validez legal. Combinamos expertise tecnol\u00f3gico y conocimiento t\u00e9cnico jur\u00eddico para ofrecer soluciones confiables.<\/p>\n                <\/div>\n                \n              \n                \n                <div class=\"footer-column\">\n                    <h3>Contacto<\/h3>\n                    <ul>\n                        <li><a href=\"tel:+52 55 9183 4000\"><i class=\"fas fa-phone\"><\/i> +52 55 9183 4000<\/a><\/li>\n                        <li>\n     <a href=\"mailto:soporte@frevidence.com\">\n        <i class=\"fas fa-envelope\"><\/i> soporte@frevidence.com\n    <\/a>\n<\/li><li>\n    <a href=\"https:\/\/maps.app.goo.gl\/mGJzr2DKJLDosHgf6\" target=\"_blank\">\n        <i class=\"fas fa-map-marker-alt\"><\/i> Ciudad de M\u00e9xico\n    <\/a>\n<\/li>\n                        <li><a href=\"#numero\"><i class=\"fas fa-calendar-alt\"><\/i> Agendar Consulta<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; derechos reservados desde 2017 &#8211; Derechos reservados Frevidence. Todos los derechos reservados. | \n                \n                <a href=\"https:\/\/frevidence.com\/?page_id=3163\">T\u00e9rminos y Condiciones<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n<script>\n(function() {\n    const btn = document.querySelector('.hamburger');\n    const menu = document.querySelector('.nav-menu');\n    \n    if (btn && menu) {\n        btn.onclick = function() {\n            btn.classList.toggle('active');\n            menu.classList.toggle('active');\n            console.log(\"Men\u00fa clickeado\"); \/\/ Esto te dir\u00e1 en la consola si funciona\n        };\n    }\n})();\n<\/script>\n    <!-- WhatsApp Float Button -->\n    <a href=\"#\" class=\"whatsapp-float\" target=\"_blank\" aria-label=\"Contactar por WhatsApp\">\n        <i class=\"fab fa-whatsapp\"><\/i>\n    <\/a>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Servicios Noticias Nosotros Contacto \u00bfCu\u00e1l es la Primera Llave? &#8211; FRevidence Ciberseguridad \u00b7 FRevidence \u00bfCu\u00e1l es la Primera Llave? Por Ubaldo Mart\u00ednez Eslava &nbsp;\u00b7&nbsp; FRevidence, SA de CV Scroll El COVID-19 ha propiciado cambios profundos en la conectividad a servicios bancarios, convirtiendo la ciberseguridad en un reto de agenda prioritaria. Los atacantes aprovechan este contexto [&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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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-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-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-gradient":""}},"ast-content-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-gradient":""},"tablet":{"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-gradient":""},"mobile":{"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-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3196","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/3196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frevidence.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3196"}],"version-history":[{"count":4,"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/3196\/revisions"}],"predecessor-version":[{"id":3224,"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/3196\/revisions\/3224"}],"wp:attachment":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}