{"id":6,"date":"2026-08-25T23:09:45","date_gmt":"2026-08-25T23:09:45","guid":{"rendered":"https:\/\/afg.drkdigital.com\/?page_id=6"},"modified":"2026-08-26T00:39:56","modified_gmt":"2026-08-26T00:39:56","slug":"6-2","status":"publish","type":"page","link":"https:\/\/afg.drkdigital.com\/6-2\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n  \/* ========== BOTONES REUTILIZABLES ========== *\/\n  .btn-primary {\n    background-color: #E30613;\n    color: #ffffff;\n    border: none;\n    padding: 0.75rem 2rem;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    font-size: 1rem;\n    text-decoration: none;\n    display: inline-block;\n    border-radius: 4px;\n    transition: background-color 0.2s;\n  }\n  .btn-primary:hover {\n    background-color: #c00510;\n  }\n\n  .btn-secondary {\n    background: transparent;\n    color: #ffffff;\n    border: 2px solid #E30613;\n    padding: 0.75rem 2rem;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    font-size: 1rem;\n    text-decoration: none;\n    display: inline-block;\n    border-radius: 4px;\n    transition: background-color 0.2s, color 0.2s;\n  }\n  .btn-secondary:hover {\n    background-color: #E30613;\n    color: #ffffff;\n  }\n\n  \/* ========== HERO ========== *\/\n  .hero {\n    position: relative;\n    min-height: 85vh;               \/* 85\u201190% en desktop *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  .hero-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n  }\n\n  .hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.55); \/* 55% opacidad *\/\n    z-index: 1;\n  }\n\n  .hero-logo {\n    position: absolute;\n    top: 2rem;\n    left: 2rem;\n    z-index: 3;\n    width: 80px;      \/* Ajusta seg\u00fan el tama\u00f1o real de tu logo *\/\n    height: auto;\n  }\n\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n    padding: 2rem;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .hero h1 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 1.2;\n    margin-bottom: 1rem;\n  }\n\n  .hero p {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 1.2rem;\n    line-height: 1.6;\n    margin-bottom: 2rem;\n  }\n\n  .hero .buttons {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  \/* ========== RESPONSIVE (mobile\u2011first) ========== *\/\n  @media (max-width: 768px) {\n    .hero {\n      min-height: 100vh;           \/* ocupa toda la pantalla en m\u00f3vil *\/\n      align-items: center;\n    }\n\n    .hero h1 {\n      font-size: 2rem;\n    }\n\n    .hero p {\n      font-size: 1rem;\n    }\n\n    .hero-logo {\n      top: 1rem;\n      left: 1rem;\n      width: 60px;\n    }\n\n    .hero .buttons {\n      flex-direction: column;\n      align-items: center;\n      gap: 0.75rem;\n    }\n\n    .btn-primary,\n    .btn-secondary {\n      width: 100%;\n      text-align: center;\n      padding: 0.75rem 1rem;\n    }\n  }\n<\/style>\n\n<!-- ====== HERO BLOQUE ====== -->\n<div class=\"hero\">\n\n  <!-- Imagen de fondo (carga eager porque es la principal del hero) -->\n  <img decoding=\"async\" class=\"hero-bg\"\n       src=\"ruta-a-tu-imagen-de-fondo.jpg\"\n       alt=\"Cuarto de bombas o red de tuber\u00edas rojas contra incendios \u2013 instalaci\u00f3n real\"\n       loading=\"eager\">\n\n  <!-- Overlay oscuro -->\n  <div class=\"hero-overlay\"><\/div>\n\n  <!-- Logo institucional (arriba izquierda) -->\n  <img decoding=\"async\" class=\"hero-logo\"\n       src=\"logo-afg.png\"\n       alt=\"AFG Security \u2013 Ingenier\u00eda en sistemas contra incendios\">\n\n  <!-- Contenido principal -->\n  <div class=\"hero-content\">\n    <h1>AFG Security \u2014 Ingenier\u00eda Especializada en Sistemas Contra Incendios<\/h1>\n    <p>Dise\u00f1amos, instalamos y mantenemos sistemas contra incendios bajo normas NFPA, RNE e ITSE. 16 a\u00f1os protegiendo negocios, personas e instalaciones en todo el Per\u00fa.<\/p>\n    <div class=\"buttons\">\n      <a href=\"\/contacto\/\" class=\"btn-primary\">Cotizar Proyecto<\/a>\n      <a href=\"\/contacto\/#visita-tecnica\" class=\"btn-secondary\">Solicitar Visita T\u00e9cnica<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AFG Security \u2014 Ingenier\u00eda Especializada en Sistemas Contra Incendios Dise\u00f1amos, instalamos y mantenemos sistemas contra incendios bajo normas NFPA, RNE e ITSE. 16 a\u00f1os protegiendo negocios, personas e instalaciones en todo el Per\u00fa. Cotizar Proyecto Solicitar Visita T\u00e9cnica<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":2,"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/afg.drkdigital.com\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}