{"id":11,"date":"2026-06-25T13:25:34","date_gmt":"2026-06-25T11:25:34","guid":{"rendered":"https:\/\/percebe87.aurahost.es\/?page_id=11"},"modified":"2026-06-25T13:40:27","modified_gmt":"2026-06-25T11:40:27","slug":"inicio","status":"publish","type":"page","link":"https:\/\/percebe87.aurahost.es\/?page_id=11","title":{"rendered":"Inicio"},"content":{"rendered":"\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>Landing High-Impact &#8211; Percebe87<\/title>\n    <style>\n        \/* ==========================================================================\n           Identidad Visual T\u00e1ctica - Percebe87\n           ========================================================================== *\/\n        body {\n            font-family: 'Impact', 'Arial Black', -apple-system, BlinkMacSystemFont, sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f5f6; \/* Fondo claro limpio para que resalten los bloques *\/\n            color: #1a1d20; \/* Gris Asfalto para textos principales *\/\n            line-height: 1.6;\n        }\n\n        \/* Tipograf\u00eda de lectura normal *\/\n        p, span, li, div {\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n        }\n\n        .container {\n            max-width: 1140px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n\n        \/* ==========================================================================\n           1. Bloque HERO (Impacto Inmediato)\n           ========================================================================== *\/\n        .hero-tactical {\n            background-color: #1a1d20; \/* Gris Asfalto T\u00e1ctico *\/\n            color: #ffffff;\n            padding: 80px 40px;\n            border-radius: 12px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n            border-bottom: 5px solid #ffcc00; \/* L\u00ednea de Advertencia Amarillo *\/\n            margin-bottom: 40px;\n        }\n\n        \/* Detalle est\u00e9tico industrial en el fondo *\/\n        .hero-tactical::before {\n            content: \"\";\n            position: absolute;\n            top: 0; right: 0; bottom: 0; left: 0;\n            background: linear-gradient(45deg, rgba(255,204,0,0.03) 25%, transparent 25%), \n                        linear-gradient(-45deg, rgba(255,204,0,0.03) 25%, transparent 25%);\n            background-size: 20px 20px;\n            pointer-events: none;\n        }\n\n        .hero-tactical .tag-alert {\n            background-color: #ffcc00; \/* Amarillo Alerta *\/\n            color: #1a1d20;\n            padding: 6px 14px;\n            font-family: 'Impact', sans-serif;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 4px;\n            display: inline-block;\n            margin-bottom: 25px;\n        }\n\n        .hero-tactical h1 {\n            font-size: 3.5rem;\n            margin: 0 0 20px 0;\n            text-transform: uppercase;\n            letter-spacing: -1px;\n            line-height: 1.1;\n        }\n\n        .hero-tactical h1 span {\n            font-family: 'Impact', sans-serif;\n            color: #ffcc00; \/* Resalte en amarillo *\/\n        }\n\n        .hero-tactical p {\n            font-size: 1.25rem;\n            max-width: 750px;\n            margin: 0 auto 35px auto;\n            color: #cbd5e1;\n            font-weight: 300;\n        }\n\n        \/* Bot\u00f3n de Acci\u00f3n Principal *\/\n        .btn-action {\n            background-color: #ffcc00;\n            color: #1a1d20 !important;\n            font-family: 'Impact', sans-serif;\n            padding: 15px 40px;\n            font-size: 1.3rem;\n            text-decoration: none;\n            text-transform: uppercase;\n            border-radius: 4px;\n            transition: all 0.2s ease;\n            display: inline-block;\n            box-shadow: 0 4px 15px rgba(255,204,0,0.3);\n            letter-spacing: 0.5px;\n        }\n\n        .btn-action:hover {\n            background-color: #e6b800;\n            transform: translateY(-3px);\n            box-shadow: 0 6px 20px rgba(255,204,0,0.4);\n        }\n\n        \/* ==========================================================================\n           2. Grid de Contenido (Doble Columna Estilo Podcast)\n           ========================================================================== *\/\n        .grid-split {\n            display: grid;\n            grid-template-columns: 1.2fr 0.8fr;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        @media (max-width: 850px) {\n            .grid-split {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* Bloque Informativo *\/\n        .card-main {\n            background-color: #ffffff;\n            padding: 45px;\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(26,29,32,0.04);\n            border: 1px solid #e2e8f0;\n        }\n\n        .card-main h2 {\n            font-size: 2.5rem;\n            margin-top: 0;\n            color: #1a1d20;\n            text-transform: uppercase;\n            border-left: 6px solid #1a1d20;\n            padding-left: 15px;\n            line-height: 1;\n            margin-bottom: 25px;\n        }\n\n        .card-main h2 span {\n            font-family: 'Impact', sans-serif;\n            color: #ffcc00;\n            background-color: #1a1d20;\n            padding: 2px 8px;\n            border-radius: 4px;\n        }\n\n        .card-main p {\n            font-size: 1.1rem;\n            color: #4a5568;\n            margin-bottom: 30px;\n        }\n\n        \/* Filas de caracter\u00edsticas sin rodeos *\/\n        .row-feature {\n            display: flex;\n            gap: 20px;\n            background: #f8fafc;\n            padding: 20px;\n            border-radius: 8px;\n            margin-bottom: 15px;\n            border: 1px solid #edf2f7;\n        }\n\n        .row-feature .icon {\n            font-size: 1.8rem;\n            line-height: 1;\n        }\n\n        .row-feature h3 {\n            font-size: 1.3rem;\n            margin: 0 0 5px 0;\n            text-transform: uppercase;\n            color: #1a1d20;\n        }\n\n        .row-feature p {\n            margin: 0;\n            font-size: 0.95rem;\n            color: #718096;\n        }\n\n        \/* Contenedor del V\u00eddeo *\/\n        .card-video {\n            background-color: #1a1d20;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            border: 1px solid #2d3136;\n        }\n\n        .video-wrapper {\n            position: relative;\n            padding-bottom: 56.25%;\n            height: 0;\n            background: #000;\n        }\n\n        .video-inside {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: #718096;\n        }\n\n        .video-inside .play-btn {\n            width: 70px;\n            height: 70px;\n            background-color: #ffcc00;\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 2rem;\n            color: #1a1d20;\n            margin-bottom: 15px;\n            box-shadow: 0 0 20px rgba(255,204,0,0.4);\n        }\n\n        .video-footer-text {\n            padding: 20px;\n            color: #ffffff;\n            background-color: #212429;\n            text-align: center;\n            border-top: 1px solid #2d3136;\n        }\n\n        .video-footer-text h4 {\n            margin: 0;\n            font-size: 1.1rem;\n            text-transform: uppercase;\n            color: #ffcc00;\n        }\n\n        \/* ==========================================================================\n           3. Franja Inferior Comunidad (Cierre de Fuerza)\n           ========================================================================== *\/\n        .footer-banner {\n            background-color: #1a1d20;\n            color: #ffffff;\n            padding: 50px 40px;\n            border-radius: 12px;\n            text-align: center;\n            border-top: 4px solid #ffcc00;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        }\n\n        .footer-banner h2 {\n            font-size: 2.3rem;\n            margin: 0 0 15px 0;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        .footer-banner p {\n            font-size: 1.1rem;\n            max-width: 650px;\n            margin: 0 auto 25px auto;\n            color: #a0aec0;\n        }\n\n        .btn-outline {\n            border: 2px solid #ffcc00;\n            color: #ffcc00 !important;\n            font-family: 'Impact', sans-serif;\n            padding: 12px 35px;\n            font-size: 1.1rem;\n            text-decoration: none;\n            text-transform: uppercase;\n            border-radius: 4px;\n            transition: all 0.2s;\n            display: inline-block;\n        }\n\n        .btn-outline:hover {\n            background-color: #ffcc00;\n            color: #1a1d20 !important;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n\n        <!-- 1. BLOQUE HERO T\u00c1CTICO -->\n        <section class=\"hero-tactical\">\n            <span class=\"tag-alert\">Operativa &#038; Conciencia<\/span>\n            <h1>\u00bfPodemos mejorar la <span>seguridad privada<\/span>?<\/h1>\n            <p>\n                Esa pregunta define todo lo que hago. Mi objetivo es aportar conocimiento, conciencia y respeto a un sector que a menudo pasa desapercibido, pero que sostiene gran parte de nuestra seguridad diaria. A trav\u00e9s de mi contenido, busco formar, inspirar y demostrar que la seguridad privada puede y debe evolucionar.\n            <\/p>\n            <a href=\"#\" class=\"btn-action\">Colabora con Nosotros<\/a>\n        <\/section>\n\n        <!-- 2. GRID DE CONTENIDO PLACAS BLANCAS -->\n        <div class=\"grid-split\">\n            \n            <!-- Tarjeta Principal de Texto -->\n            <main class=\"card-main\">\n                <h2>Placas <span>Blancas<\/span><\/h2>\n                <p>En nuestro canal de YouTube, hablamos de lo que realmente importa en el sector, pero sin rodeos ni tecnicismos aburridos. Aqu\u00ed no vas a encontrar discursos vac\u00edos. \ud83c\udfa5<\/p>\n                \n                <div class=\"row-feature\">\n                    <div class=\"icon\">\ud83d\udcac<\/div>\n                    <div>\n                        <h3>Debates sin censura<\/h3>\n                        <p>Hablamos de normativa, formaci\u00f3n, novedades y los problemas reales del gremio. Todo con un enfoque directo, accesible y con la participaci\u00f3n activa de la comunidad.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"row-feature\">\n                    <div class=\"icon\">\ud83c\udf99<\/div>\n                    <div>\n                        <h3>Entrevistas aut\u00e9nticas<\/h3>\n                        <p>Traemos a expertos de la seguridad y de otros sectores que impactan en la industria. Charlas sinceras y llenas de informaci\u00f3n \u00fatil desde el terreno.<\/p>\n                    <\/div>\n                <\/div>\n            <\/main>\n\n            <!-- Tarjeta Visual del V\u00eddeo -->\n            <aside class=\"card-video\">\n                <div class=\"video-wrapper\">\n                    <div class=\"video-inside\">\n                        <div class=\"play-btn\">\u25b6<\/div>\n                        <span style=\"font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px;\">Ver \u00faltimo episodio<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-footer-text\">\n                    <h4>Sin rodeos ni filtros<\/h4>\n                    <p style=\"margin: 5px 0 0 0; font-size: 0.85rem; color: #a0aec0;\">\u00daltima emisi\u00f3n de la comunidad<\/p>\n                <\/div>\n            <\/aside>\n\n        <\/div>\n\n        <!-- 3. FRANJA DE CIERRE COMUNIDAD -->\n        <footer class=\"footer-banner\">\n            <h2>\u00danete a la trinchera<\/h2>\n            <p>PLACAS BLANCAS es m\u00e1s que un canal, es una comunidad donde los profesionales de la seguridad se unen, comparten y aprenden sin filtros. Si quieres saber lo que de verdad pasa, est\u00e1s en el sitio correcto.<\/p>\n            <a href=\"#\" class=\"btn-outline\">Saber lo que pasa<\/a>\n        <\/footer>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Landing High-Impact &#8211; Percebe87 Operativa &#038; Conciencia \u00bfPodemos mejorar la seguridad privada? Esa pregunta define todo lo que hago. Mi objetivo es aportar conocimiento, conciencia y respeto a un sector que a menudo pasa desapercibido, pero que sostiene gran parte de nuestra seguridad diaria. A trav\u00e9s de mi contenido, busco formar, inspirar y demostrar que &#8230; <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/percebe87.aurahost.es\/?page_id=11\" aria-label=\"Leer m\u00e1s sobre Inicio\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/percebe87.aurahost.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}