{"id":2484,"date":"2026-02-06T13:42:53","date_gmt":"2026-02-06T19:42:53","guid":{"rendered":"https:\/\/frevidence.com\/?page_id=2484"},"modified":"2026-04-09T20:30:51","modified_gmt":"2026-04-10T02:30:51","slug":"2484-2","status":"publish","type":"page","link":"https:\/\/frevidence.com\/?page_id=2484","title":{"rendered":"noticias modificada"},"content":{"rendered":"\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: #474747 !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<\/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-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\n\n\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>Servicios Rompecabezas &#8211; 6 Piezas<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* ===== Variables de Color ===== *\/\n:root {\n    --red-primary: rgb(127, 0, 0);\n    --red-soft: rgba(127, 0, 0, 0.1);\n    --gray-light: #f4f5f7;\n    --gray-card: #fff;\n    --gray-text: #555;\n    --shadow-soft: 0 8px 25px rgba(0,0,0,0.08);\n    --shadow-hover: 0 15px 40px rgba(127,0,0,0.2);\n}\n\/* ===== Fondo de la p\u00e1gina ===== *\/\nbody {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    min-height: 100vh;\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='hex-soft' 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.8' opacity='0.5'\/%3E%3Cpath d='M28 0L56 16L56 50L28 66L0 50L0 16L28 0' fill='none' stroke='%23B91C1C' stroke-width='0.6' opacity='0.2'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100' height='100' fill='url(%23hex-soft)'\/%3E%3C\/svg%3E\");\n    background-color: transparent; \/* Color de respaldo por si el SVG falla *\/\n}\nbody::before{\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    min-height: 100vh;\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.4'\/%3E%3Cpath d='M28 0L56 16L56 50L28 66L0 50L0 16L28 0' fill='none' stroke='%23E2E8F0' stroke-width='0.8' opacity='0.3'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100' height='100' fill='url(%23hexagon)'\/%3E%3C\/svg%3E\");\n\n}\n\n\/* Eliminamos el body::after ya que no es necesario para un fondo simple *\/\nbody::after {\n    display: none;\n        background-image:url(\"data:image\/svg+xml,%3Csvg width='200' height='200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3Cpattern id='hex-accent' x='0' y='0' width='112' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M56 132L0 100L0 32L56 0L112 32L112 100L56 132' fill='none' stroke='%23B91C1C' stroke-width='0.8' opacity='0.15'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='200' height='200' fill='url(%23hex-accent)'\/%3E%3C\/svg%3E\");\n\n}\n\/* ===== Reset para eliminar m\u00e1rgenes ===== *\/\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml, body {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n   \n    \n}\n\nbody::after{\n    position: absolute;\n    opacity: 1;\n  background-image: url(\"data:image\/svg+xml,...\");\n}\n\/* ===== Navbar Container ===== *\/\n.navbar {\n    \n    padding: 0.5rem 0;\n    box-shadow: var(--shadow-soft);\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    transition: all 0.3s ease;\n    height: 80px;  \/* \u2190 Altura fija del header *\/\n    display: flex;\n    align-items: center;\n\n}\n\n.navbar.scrolled {\n    padding: 0.3rem 0;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.12);\n    height: 70px;  \/* \u2190 Altura cuando haces scroll *\/\n}\n\n.nav-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    display: flex;\n    justify-content: flex-end;  \/* \u2190 Alinea todo a la derecha *\/\n    align-items: center;\n    gap: 3rem;  \/* \u2190 Espacio entre logo y men\u00fa *\/\n}\n\n\/* ===== Logo Empresa (Izquierda) ===== *\/\n.company-logo {\n    display: flex;\n    align-items: center;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n    opacity: 0.95;\n    height: 175%;  \/* \u2190 Ocupa toda la altura del navbar *\/\n    padding: 0.5rem 0;  \/* \u2190 Espaciado interno *\/\n}\n\n.company-logo:hover {\n    transform: scale(1.05);\n    opacity: 1;\n}\n\n.company-logo img {\n    height: 100%;  \/* \u2190 La imagen se ajusta a la altura del contenedor *\/\n    width: auto;\n    object-fit: contain;\n    max-height: 175px;  \/* \u2190 L\u00edmite m\u00e1ximo *\/\n}\n\n\/* ===== Men\u00fa de Navegaci\u00f3n ===== *\/\n.nav-menu {\n    display: flex;\n    align-items: center;\n    gap: 2rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.nav-menu li {\n    position: relative;\n}\n\n\/* Enlaces normales *\/\n.nav-link {\n    color: #333;\n    text-decoration: none;\n    font-weight: 500;\n    font-size: 1rem;\n    padding: 0.5rem 0;\n    position: relative;\n    transition: color 0.3s ease;\n}\n\n.nav-link:hover {\n    color: var(--red-primary);\n}\n\n\/* Efecto subrayado animado *\/\n.nav-link::after {\n    content: \"\";\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--red-primary);\n    transition: width 0.4s ease;\n}\n\n.nav-link:hover::after {\n    width: 100%;\n}\n\n\/* Bot\u00f3n de Contacto *\/\n.btn-contact {\n    background: var(--red-primary);\n    color: #fff;\n    padding: 0.75rem 1.8rem;\n    border-radius: 30px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(127, 0, 0, 0.2);\n}\n\n.btn-contact:hover {\n    background: #000;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n}\n\n\/* Bot\u00f3n de tema (dark mode toggle) *\/\n.theme-toggle {\n    background: var(--gray-light);\n    border: none;\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    color: #333;\n    box-shadow: var(--shadow-soft);\n}\n\n.theme-toggle:hover {\n    background: var(--red-primary);\n    color: #d30505;\n    transform: rotate(15deg);\n    box-shadow: var(--shadow-hover);\n}\n\n.theme-toggle i {\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n}\n\n\/* ===== Bot\u00f3n Hamburguesa ===== *\/\n.hamburger {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0.5rem;\n    z-index: 1001;\n}\n\n.hamburger-line {\n    width: 28px;\n    height: 3px;\n    background: var(--red-primary);\n    border-radius: 3px;\n    transition: all 0.3s ease;\n}\n\n.hamburger.active .hamburger-line:nth-child(1) {\n    transform: rotate(45deg) translateY(11px);\n}\n\n.hamburger.active .hamburger-line:nth-child(2) {\n    opacity: 0;\n}\n\n.hamburger.active .hamburger-line:nth-child(3) {\n    transform: rotate(-45deg) translateY(-11px);\n}\n\n\/* ===== Responsive Mobile ===== *\/\n@media (max-width: 768px) {\n    .hamburger {\n        display: flex;\n    }\n\n    .nav-container {\n        padding: 0 1.5rem;\n        justify-content: space-between;  \/* \u2190 En m\u00f3vil vuelve a separar *\/\n    }\n\n    .company-logo img {\n        height: 45px;\n    }\n\n    .nav-menu {\n        position: fixed;\n        top: 0;\n        right: -100%;\n        flex-direction: column;\n        background: #fff;\n        width: 280px;\n        height: 100vh;\n        padding: 5rem 2rem 2rem;\n        gap: 1.5rem;\n        box-shadow: -5px 0 25px rgba(0,0,0,0.15);\n        transition: right 0.4s ease;\n        overflow-y: auto;\n    }\n\n    .nav-menu.active {\n        right: 0;\n    }\n\n    .nav-menu li {\n        width: 100%;\n    }\n\n    .nav-link {\n        display: block;\n        padding: 0.8rem 0;\n        font-size: 1.1rem;\n    }\n\n    .nav-link::after {\n        bottom: 0;\n    }\n\n    .btn-contact {\n        display: block;\n        text-align: center;\n        width: 100%;\n    }\n\n    .theme-toggle {\n        width: 100%;\n        height: 50px;\n        border-radius: 30px;\n    }\n\n    .nav-logo span {\n        font-size: 1.1rem;\n    }\n\n    .nav-container {\n        padding: 0 1.5rem;\n    }\n}\n\n\/* ===== Animaci\u00f3n entrada mobile ===== *\/\n@media (max-width: 768px) {\n    .nav-menu li {\n        opacity: 0;\n        transform: translateX(50px);\n    }\n\n    .nav-menu.active li {\n        animation: slideIn 0.5s ease forwards;\n    }\n\n    .nav-menu.active li:nth-child(1) { animation-delay: 0.1s; }\n    .nav-menu.active li:nth-child(2) { animation-delay: 0.2s; }\n    .nav-menu.active li:nth-child(3) { animation-delay: 0.3s; }\n    .nav-menu.active li:nth-child(4) { animation-delay: 0.4s; }\n    .nav-menu.active li:nth-child(5) { animation-delay: 0.5s; }\n    .nav-menu.active li:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes slideIn {\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n\/* ===== Overlay para m\u00f3vil ===== *\/\n.nav-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    background: rgba(0,0,0,0.5);\n    z-index: 999;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.nav-overlay.active {\n    display: block;\n    opacity: 1;\n}\n\n\/* ===== Modo oscuro ===== *\/\nbody.dark-mode {\n    background: #1a1a1a;\n    color: #f4f5f7;\n}\n\nbody.dark-mode .navbar {\n    background: #2a2a2a;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n}\n\nbody.dark-mode .nav-link {\n    color: #f4f5f7;\n}\n\nbody.dark-mode .nav-link:hover {\n    color: #ff4444;\n}\n\nbody.dark-mode .theme-toggle {\n    background: #1a1a1a;\n    color: #f4f5f7;\n}\n\nbody.dark-mode .nav-menu {\n    background: #2a2a2a;\n}\n\nbody.dark-mode .hamburger-line {\n    background: #f4f5f7;\n}\n\n\/* News Section *\/\n\/* ===== Noticias din\u00e1micas ===== *\/\n.news-section {\n    background: transparent;\n    padding: 6rem 0;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 4rem;\n}\n\n.section-header h2 {\n    font-size: 2.5rem;\n    color: #7f0000;\n}\n\n.section-header p {\n    color: var(--gray-text);\n}\n\n\/* Grid *\/\n.news-grid {\n    \n   \n    gap: 2.5rem;\n    justify-content: center;\n    display: grid;\n    \/* Cambia auto-fit por auto-fill para que no se estiren *\/\n    grid-template-columns: repeat(auto-fill, minmax(320px, 400px)); \n    \n    \n}\n.container {\n    max-width: 1200px; \/* Evita que el contenido se estire m\u00e1s de esto *\/\n    margin: 0 auto;    \/* Lo centra horizontalmente *\/\n    padding: 0 20px;   \/* Margen interno para que no toque los bordes en m\u00f3viles *\/\n}\n\/* Card *\/\n.news-card {\n    background: var(--gray-card);\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: var(--shadow-soft);\n    transition: all 0.4s ease;\n    position: relative;\n    max-width: 400px; \/* Ajusta este valor a tu gusto *\/\n    margin: 0 auto;   \/* Centra la tarjeta dentro de su celda del grid *\/\n  \n}\n\n.news-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, transparent, var(--red-soft));\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.news-card:hover::after {\n    opacity: 1;\n}\n\n.news-card:hover {\n    transform: translateY(-12px);\n    box-shadow: var(--shadow-hover);\n}\n\n\/* Imagen *\/\n.news-image {\n    position: relative;\n    height: 230px;\n}\n\n.news-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.news-card:hover img {\n    transform: scale(1.1);\n}\n\n\/* Tag flotante *\/\n.news-tag {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    background: rgb(224, 221, 220);\n    color: #fff;\n    padding: 7px 16px;\n    border-radius: 50px;\n    font-size: 0.75rem;\n    font-weight: 600;\n}\n\n\/* Contenido *\/\n.news-content {\n    padding: 2rem;\n    position: relative;\n    z-index: 1;\n}\n\n.news-date {\n    display: block;\n    font-size: 0.8rem;\n    color: #777;\n    margin-bottom: 0.5rem;\n}\n\n.news-content h3 {\n    margin-bottom: 0.8rem;\n    font-size: 1.3rem;\n    color: #222;\n}\n\n.news-content p {\n    color: var(--gray-text);\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n}\n\n\/* Bot\u00f3n animado *\/\n.news-btn {\n    display: inline-block;\n    padding: 10px 22px;\n    border-radius: 30px;\n    background: rgb(172, 172, 172);\n    color: #fff;\n    text-decoration: none;\n    font-weight: 600;\n    transition: all 0.3s ease;\n}\n\n.news-btn:hover {\n    background: #555555;\n    transform: translateX(5px);\n}\n\n\/* News Section *\/\n\/* ===== Articulo ===== *\/\n\/* ===== Art\u00edculo ===== *\/\n.article-container {\n    background: #f4f5f7;\n    color: #3B2727;\n}\n\n\/* Hero *\/\n.article-hero {\n    height: 60vh;\n    background: linear-gradient(\n        rgba(92, 92, 92.85),\n        rgba(242, 236, 235.85)\n    ),\n    url(\"assets\/img\/forense-hero.jpg\") center\/cover no-repeat;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.article-hero-content {\n    text-align: center;\n    max-width: 800px;\n    color: #fff;\n    padding: 0 1rem;\n}\n\n.article-category {\n    background: #fff;\n    color: rgb(127,0,0);\n    padding: 6px 18px;\n    border-radius: 30px;\n    font-weight: 600;\n    font-size: 0.8rem;\n}\n\n.article-hero h1 {\n    font-size: 3rem;\n    margin: 1.5rem 0;\n\t color: #FFFFFF;\n}\n\n.article-meta {\n    opacity: 0.9;\n    font-size: 0.9rem;\n}\n\n\/* Contenido *\/\n.article-content {\n    max-width: 900px;\n    margin: -80px auto 4rem;\n    background: #fff;\n    padding: 3rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n}\n\n\n.article-content h2 {\n    color: rgb(171, 171, 171);\n    margin-top: 2.5rem;\n    margin-bottom: 1rem;\n}\n\n.article-content p {\n    line-height: 1.8;\n    color: #555;\n    margin-bottom: 1.2rem;\n}\n\n.intro {\n    font-size: 1.1rem;\n    font-weight: 500;\n}\n\n\/* Im\u00e1genes *\/\n.article-image {\n    width: 100%;\n    border-radius: 16px;\n    margin: 2rem 0;\n}\n\n\/* Cita *\/\nblockquote {\n    border-left: 5px solid rgb(127,0,0);\n    padding-left: 1.5rem;\n    margin: 2rem 0;\n    font-style: italic;\n    color: #444;\n    background: rgba(127,0,0,0.05);\n    padding: 1.5rem;\n    border-radius: 12px;\n}\n\n\/* Fuentes *\/\n.article-sources {\n    margin-top: 3rem;\n    padding-top: 2rem;\n    border-top: 1px solid #ddd;\n}\n\n.article-sources h3 {\n    color: rgb(127,0,0);\n    margin-bottom: 1rem;\n}\n\n.article-sources ul {\n    padding-left: 1.2rem;\n}\n\n.article-sources li {\n    margin-bottom: 0.6rem;\n    color: #555;\n}\n\/* Segunda imagen despues de la principal *\/\n.article-media {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2.5rem;\n    margin: 4rem 0;\n    align-items: center;\n}\n\n.media-image img {\n    width: 100%;\n    border-radius: 18px;\n    box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n}\n\n@media (max-width: 768px) {\n    .article-media {\n        grid-template-columns: 1fr;\n    }\n}\n\/* ===== AGREGAR AL FINAL DE TU CSS ===== *\/\n\n\/* Grid responsivo: se ajusta solo seg\u00fan el ancho de pantalla *\/\n.news-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 0 10px;\n}\n\n\/* Ajustes para m\u00f3viles (Tablet y Celular) *\/\n@media (max-width: 768px) {\n    .nav-container {\n        justify-content: space-between;\n        padding: 0 1rem;\n    }\n\n    .nav-menu {\n        position: fixed;\n        right: -100%; \/* Escondido por defecto *\/\n        top: 0;\n        flex-direction: column;\n        background: #fff;\n        width: 80%;\n        height: 100vh;\n        padding-top: 80px;\n        transition: 0.3s ease;\n        box-shadow: -5px 0 15px rgba(0,0,0,0.1);\n    }\n\n    .nav-menu.active {\n        right: 0; \/* Se muestra al dar clic *\/\n    }\n\n    .hamburger {\n        display: flex; \/* Aparecen las rayitas en m\u00f3vil *\/\n    }\n\n    .article-hero h1 {\n        font-size: 1.8rem;\n    }\n\n    .article-content {\n        margin-top: -40px;\n        padding: 1.5rem;\n    }\n}\n\n\/* Estilo del bot\u00f3n flotante de WhatsApp *\/\n.whatsapp-float {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: #25d366;\n    color: white;\n    width: 55px;\n    height: 55px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n    z-index: 2000;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n}\n<\/style>\n<\/head>\n\n    <a href=\"https:\/\/wa.me\/525512345678\" class=\"whatsapp-float\" target=\"_blank\" aria-label=\"Contactar por WhatsApp\">\n        <i class=\"fab fa-whatsapp\"><\/i>\n    <\/a>\n<section class=\"news-section\" id=\"noticias\">\n    <div class=\"container\">\n\n        <header class=\"section-header\">\n            <h2>Noticias &#038; Art\u00edculos<\/h2>\n            <p>Actualidad en inform\u00e1tica forense, ciberseguridad y derecho digital<\/p>\n        <\/header>\n\n        <div class=\"news-grid\">\n\n            <article class=\"news-card\">\n                <div class=\"news-image\">\n                    <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/riesgo.png\" alt=\"Inform\u00e1tica forense\">\n                    \n                <\/div>\n                <div class=\"news-content\">\n                    <span class=\"news-date\">21 Marzo 2018<\/span>\n                    <h3>Un Riesgo Latente<\/h3>\n                    <p>La centralizaci\u00f3n de la informaci\u00f3n en manos de entidades p\u00fablicas y privadas.<\/p>\n                    <a href=\"https:\/\/frevidence.com\/?page_id=2507\" class=\"news-btn\">Leer art\u00edculo<\/a>\n                <\/div>\n            <\/article>\n\n            <article class=\"news-card\">\n                <div class=\"news-image\">\n                    <img decoding=\"async\" src=\"https:\/\/frevidence.com\/wp-content\/uploads\/2026\/04\/n2.jpg\">\n                <\/div>\n                <div class=\"news-content\">\n                    <span class=\"news-date\">1 marzo de 2018<\/span>\n                    <h3>Consultor\u00edas del futuro<\/h3>\n                    <p>El impacto energ\u00e9tico de las nuevas tecnolog\u00edas y el futuro de la auditor\u00eda inform\u00e1tica basada en IA.<\/p>\n                    <a href=\"https:\/\/frevidence.com\/?page_id=2826\" class=\"news-btn\">Leer art\u00edculo<\/a>\n                <\/div>\n            <\/article>\n\n          \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\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: rgb(110, 0, 0);\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                <a href=\"#\">Aviso de Privacidad<\/a> | \n                <a href=\"#\">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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Servicios Noticias Nosotros Contacto Servicios Rompecabezas &#8211; 6 Piezas Noticias &#038; Art\u00edculos Actualidad en inform\u00e1tica forense, ciberseguridad y derecho digital 21 Marzo 2018 Un Riesgo Latente La centralizaci\u00f3n de la informaci\u00f3n en manos de entidades p\u00fablicas y privadas. Leer art\u00edculo 1 marzo de 2018 Consultor\u00edas del futuro El impacto energ\u00e9tico de las nuevas tecnolog\u00edas y [&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":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"disabled","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":"disabled","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-2484","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/2484","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=2484"}],"version-history":[{"count":80,"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/2484\/revisions"}],"predecessor-version":[{"id":3157,"href":"https:\/\/frevidence.com\/index.php?rest_route=\/wp\/v2\/pages\/2484\/revisions\/3157"}],"wp:attachment":[{"href":"https:\/\/frevidence.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}