{"id":1987,"date":"2025-09-04T08:43:35","date_gmt":"2025-09-04T13:43:35","guid":{"rendered":"https:\/\/www.colconcretos.com\/?page_id=1987"},"modified":"2025-10-28T13:38:11","modified_gmt":"2025-10-28T18:38:11","slug":"gestion","status":"publish","type":"page","link":"https:\/\/www.colconcretos.com\/?page_id=1987","title":{"rendered":"Gestion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1987\" class=\"elementor elementor-1987\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ec20af ct-section-stretched elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"8ec20af\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c58c1c\" data-id=\"5c58c1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9eefa03 e-flex e-con-boxed e-con e-parent\" data-id=\"9eefa03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f96b96 elementor-widget elementor-widget-spacer\" data-id=\"1f96b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa26f96 e-con-full e-flex e-con e-parent\" data-id=\"fa26f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9941c8 elementor-widget-html elementor-widget elementor-widget-html\" data-id=\"a9941c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contenedor del dashboard -->\r\n<!-- Contenedor del dashboard -->\r\n<div class=\"dashboard-container\">\r\n    <!-- Panel lateral con m\u00f3dulos -->\r\n    <aside class=\"sidebar\">\r\n        <nav class=\"modules-nav\">\r\n            <div class=\"module-item\">\r\n                <a href=\"#\" class=\"module-link active\" data-target=\"recurso-humano\">\r\n                    <div class=\"module-icon\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <span>Recurso Humano<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"module-item\">\r\n                <a href=\"#\" class=\"module-link\" data-target=\"recurso-fisico\">\r\n                    <div class=\"module-icon\">\r\n                        <i class=\"fas fa-tools\"><\/i>\r\n                    <\/div>\r\n                    <span>Recurso F\u00edsico<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"module-item\">\r\n                <a href=\"#\" class=\"module-link\" data-target=\"gestion-sst\">\r\n                    <div class=\"module-icon\">\r\n                        <i class=\"fas fa-hard-hat\"><\/i>\r\n                    <\/div>\r\n                    <span>Gesti\u00f3n SST<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"module-item\">\r\n                <a href=\"#\" class=\"module-link\" data-target=\"seguridad-vial\">\r\n                    <div class=\"module-icon\">\r\n                        <i class=\"fas fa-car-side\"><\/i>\r\n                    <\/div>\r\n                    <span>Seguridad Vial<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/nav>\r\n    <\/aside>\r\n    \r\n    <!-- Contenido principal -->\r\n    <main class=\"main-content\">\r\n        <div class=\"page-header\">\r\n            <h1 class=\"page-title\">Sistema de Gesti\u00f3n Integral<\/h1>\r\n        <\/div>\r\n       <br\/>\r\n        \r\n        <!-- M\u00f3dulo: Recurso Humano -->\r\n        <div class=\"module-content active\" id=\"recurso-humano\">\r\n            <div class=\"module-card\">\r\n                <div class=\"module-header\">\r\n                    <div class=\"module-card-icon\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"module-card-title\">Recurso Humano<\/h2>\r\n                <\/div>\r\n                \r\n                <p class=\"module-description\">\r\n                    Nuestro equipo est\u00e1 conformado por profesionales altamente capacitados y comprometidos. \r\n                    Creemos que el talento humano es el motor que impulsa la excelencia en cada proceso, \r\n                    fomentando el desarrollo personal y profesional de nuestros colaboradores.\r\n                <\/p>\r\n\r\n                \r\n                <!-- NUEVA SECCI\u00d3N: Galer\u00eda de Im\u00e1genes -->\r\n                <div class=\"gallery-section\">\r\n                    <h3 class=\"gallery-title\">Nuestro Equipo<\/h3>\r\n                    <p class=\"gallery-description\" style=\"text-align: center;\">\r\n                        Conoce nuestro equipo de trabajo.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"images-container\">\r\n                        <div class=\"single-image\">\r\n                            <div class=\"image-wrapper\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/Imagen-de-WhatsApp-2025-10-14-a-las-14.23.29_eafdcee3.jpg\" alt=\"Equipo de trabajo colaborando\" class=\"gallery-image\">\r\n                                <div class=\"image-overlay\">\r\n                                    <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                        <i class=\"fas fa-expand\"><\/i>\r\n                                        Ver imagen\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"image-caption\">\r\n                                <h4>Equipo de Trabajo Nobsa<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"single-image\">\r\n                            <div class=\"image-wrapper\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/IMG-20251003-WA0018-1.jpg\" alt=\"Sesi\u00f3n de capacitaci\u00f3n\" class=\"gallery-image\">\r\n                                <div class=\"image-overlay\">\r\n                                    <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                        <i class=\"fas fa-expand\"><\/i>\r\n                                        Ver imagen\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"image-caption\">\r\n                                <h4>Equipo de Trabajo Tunja<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"single-image\">\r\n                            <div class=\"image-wrapper\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/Imagen-de-WhatsApp-2025-10-16-a-las-13.49.53_b8c82a79.jpg\" alt=\"Actividad de integraci\u00f3n\" class=\"gallery-image\">\r\n                                <div class=\"image-overlay\">\r\n                                    <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                        <i class=\"fas fa-expand\"><\/i>\r\n                                        Ver imagen\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"image-caption\">\r\n                                <h4>Liderando con excelencia<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"view-more-container\">\r\n                        <a href=\"https:\/\/www.colconcretos.com\/?page_id=3590\" class=\"view-more-btn\">\r\n                            <span>Ver m\u00e1s im\u00e1genes<\/span>\r\n                            <i class=\"fas fa-chevron-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\">\r\n                            <i class=\"fas fa-chart-line\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"feature-title\">Desarrollo Profesional<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Programas continuos de capacitaci\u00f3n y crecimiento para todos nuestros colaboradores.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"feature-title\">Ambiente Laboral<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Espacios de trabajo inclusivos que fomentan la colaboraci\u00f3n y el bienestar.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\">\r\n                            <i class=\"fas fa-medal\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"feature-title\">Reconocimiento<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Sistema de reconocimiento al desempe\u00f1o y contribuciones destacadas.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- M\u00f3dulo de Recurso F\u00edsico -->\r\n      <div class=\"module-content\" id=\"recurso-fisico\">\r\n    <div class=\"module-card\">\r\n        <div class=\"module-header\">\r\n            <div class=\"module-card-icon\">\r\n                <i class=\"fas fa-tools\"><\/i>\r\n            <\/div>\r\n            <h2 class=\"module-card-title\">Recurso F\u00edsico<\/h2>\r\n        <\/div>\r\n\r\n        <p class=\"module-description\">\r\n            Gestionamos de manera eficiente la infraestructura, equipos y recursos materiales para garantizar \r\n            la operatividad, seguridad y sostenibilidad de la organizaci\u00f3n.\r\n        <\/p>\r\n\r\n        <!-- Secci\u00f3n de caracter\u00edsticas principales -->\r\n        <div class=\"features-section\">\r\n            <h3 class=\"section-title\">Nuestros Servicios<\/h3>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\r\n                    <h3 class=\"feature-title\">Veh\u00edculos activos<\/h3>\r\n                    <p class=\"feature-description\">\r\n                        Flota en constante supervisi\u00f3n para asegurar la disponibilidad y seguridad.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-boxes\"><\/i><\/div>\r\n                    <h3 class=\"feature-title\">Inventario actualizado<\/h3>\r\n                    <p class=\"feature-description\">\r\n                        Control y registro de materiales y suministros en tiempo real.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n                    <h3 class=\"feature-title\">Eficiencia energ\u00e9tica<\/h3>\r\n                    <p class=\"feature-description\">\r\n                        Estrategias sostenibles para reducir el consumo de energ\u00eda y optimizar recursos.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Secci\u00f3n de im\u00e1genes separada -->\r\n        <div class=\"images-section\">\r\n            <h3 class=\"section-title\" style=\"text-align: center\">Nuestros Equipos<\/h3>\r\n            <div class=\"images-container\">\r\n                <div class=\"single-image\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/IMG-20250911-WA0047.jpg\" alt=\"Equipo de trabajo colaborando\" class=\"gallery-image\">\r\n                        <div class=\"image-overlay\">\r\n                            <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                <i class=\"fas fa-expand\"><\/i>\r\n                                Ver imagen\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"image-caption\">\r\n                        <h4>Hormigon<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"single-image\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/Imagen-de-WhatsApp-2025-09-10-a-las-15.29.23_491bbce8-1.jpg\" alt=\"Sesi\u00f3n de capacitaci\u00f3n\" class=\"gallery-image\">\r\n                        <div class=\"image-overlay\">\r\n                            <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                <i class=\"fas fa-expand\"><\/i>\r\n                                Ver imagen\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"image-caption\">\r\n                        <h4>Mixer<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"single-image\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/IMG-20250912-WA0011.jpg\" alt=\"Actividad de integraci\u00f3n\" class=\"gallery-image\">\r\n                        <div class=\"image-overlay\">\r\n                            <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                                <i class=\"fas fa-expand\"><\/i>\r\n                                Ver imagen\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"image-caption\">\r\n                        <h4>Autobomba<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n        <!-- M\u00f3dulo de Gesti\u00f3n SST -->\r\n        <div class=\"module-content\" id=\"gestion-sst\">\r\n            <div class=\"module-card\">\r\n                <div class=\"module-header\">\r\n                    <div class=\"module-card-icon\">\r\n                        <i class=\"fas fa-hard-hat\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"module-card-title\">Gesti\u00f3n SST<\/h2>\r\n                <\/div>\r\n\r\n                <p class=\"module-description\">\r\n                    Promovemos la seguridad, salud y bienestar de todos los colaboradores mediante programas de prevenci\u00f3n, \r\n                    capacitaci\u00f3n y control de riesgos laborales.\r\n                <\/p>\r\n\r\n                <!-- ====== GRID DE POL\u00cdTICAS ====== -->\r\n                <div class=\"features-grid\">\r\n                    <!-- Pol\u00edtica 1 -->\r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Pol\u00edtica de Seguridad y Salud en el Trabajo<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            La Pol\u00edtica de Seguridad y Salud en el Trabajo (SST) es nuestra declaraci\u00f3n que establece el compromiso para prevenir accidentes laborales y enfermedades profesionales, garantizando un ambiente de trabajo seguro y saludable.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/09\/POLITICA-DE-SEGURIDAD-Y-SALUD-EN-EL-TRABAJO.pdf\" target=\"_blank\" class=\"policy-button\">\r\n                            <i class=\"fas fa-file-pdf\"><\/i> Ver PDF\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Pol\u00edtica 2 -->\r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-ban\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Pol\u00edtica de Prevenci\u00f3n del Consumo de Sustancias Psicoactiva<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Es el conjunto de normas y estrategias adoptadas por la organizaci\u00f3n para desincentivar el uso de estas sustancias, buscando crear ambientes laborales seguros y saludables. Esta pol\u00edtica incluye la prohibici\u00f3n de su consumo, posesi\u00f3n y venta en las instalaciones, la promoci\u00f3n de h\u00e1bitos de vida saludables, la realizaci\u00f3n de sensibilizaciones, capacitaciones y, en algunos casos, pruebas aleatorias.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/09\/POLITICA-DE-PREVENCION-DEL-CONSUMO-DE-ALCOHOL-TABACO-SUS.pdf\" target=\"_blank\" class=\"policy-button\">\r\n                            <i class=\"fas fa-file-pdf\"><\/i> Ver PDF\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Pol\u00edtica 3 -->\r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Pol\u00edtica contra el Acoso Laboral y la Violencia<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Se establece c\u00f3mo se previene las conductas de acoso y violencia en el trabajo, con el objetivo de crear un ambiente laboral seguro y respetuoso.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/09\/POLITICA-DE-ACOSO-SEXUAL-LABORAL-ACOSO-LABORAL-VIOLENCIA-BASADA-EN.pdf\" target=\"_blank\" class=\"policy-button\">\r\n                            <i class=\"fas fa-file-pdf\"><\/i> Ver PDF\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Pol\u00edtica 4 -->\r\n                    <div class=\"feature-card\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Pol\u00edtica de No Uso del Celular<\/h3>\r\n                        <p class=\"feature-description\">\r\n                            Es una directriz que busca eliminar los riesgos derivados de las distracciones al usar dispositivos electr\u00f3nicos mientras se realizan actividades cr\u00edticas como conducir.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/09\/POLITICA-DEL-NO-USO-DEL-CELULAR-YO-CUALQUIER-DISPOSITIVO-DE-MANOS-LIBRES.pdf\" target=\"_blank\" class=\"policy-button\">\r\n                            <i class=\"fas fa-file-pdf\"><\/i> Ver PDF\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- M\u00f3dulo de Seguridad Vial -->\r\n       <div class=\"module-content\" id=\"seguridad-vial\">\r\n    <div class=\"module-card\">\r\n        <div class=\"module-header\">\r\n            <div class=\"module-card-icon\">\r\n                <i class=\"fas fa-car-side\"><\/i>\r\n            <\/div>\r\n            <h2 class=\"module-card-title\">Seguridad Vial<\/h2>\r\n        <\/div>\r\n\r\n        <p class=\"module-description\">\r\n            Implementamos estrategias y programas para garantizar la movilidad segura, \r\n            reduciendo riesgos en la operaci\u00f3n y promoviendo una cultura de prevenci\u00f3n vial.\r\n        <\/p>\r\n\r\n        <!-- IMAGEN DE VEH\u00cdCULOS -->\r\n        <div class=\"single-image\">\r\n            <div class=\"image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/10\/Imagen-de-WhatsApp-2025-10-22-a-las-08.29.18_be2b9eeb-2.jpg\" \r\n                     alt=\"Flota de veh\u00edculos Colconcretos\" \r\n                     class=\"gallery-image\">\r\n                <div class=\"image-overlay\">\r\n                    <button class=\"view-button\" onclick=\"openImage(this)\">\r\n                        <i class=\"fas fa-expand\"><\/i>\r\n                        Ver imagen\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"image-caption\">\r\n                <h4>Nuestra Flota de Veh\u00edculos<\/h4>\r\n            <\/div>\r\n        <\/div>\r\n       <\/br>\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-traffic-light\"><\/i><\/div>\r\n                <h3 class=\"feature-title\">Inspecciones de tr\u00e1nsito<\/h3>\r\n                <p class=\"feature-description\">\r\n                    Controles peri\u00f3dicos de cumplimiento de normas viales.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-ban\"><\/i><\/div>\r\n                <h3 class=\"feature-title\">Accidentes de tr\u00e1nsito<\/h3>\r\n                <p class=\"feature-description\">\r\n                    Estrategias preventivas que mantienen bajas las tasas de accidentes.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Nueva card: Pol\u00edtica de Seguridad Vial -->\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-car\"><\/i><\/div>\r\n                <h3 class=\"feature-title\">Pol\u00edtica de Seguridad Vial<\/h3>\r\n                <p class=\"feature-description\">\r\n                    Nuestra organizaci\u00f3n se compromete a garantizar la seguridad vial mediante la prevenci\u00f3n de accidentes,\r\n                    la formaci\u00f3n continua de conductores y la aplicaci\u00f3n estricta de las normas de tr\u00e1nsito.\r\n                <\/p>\r\n                <a href=\"https:\/\/www.colconcretos.com\/wp-content\/uploads\/2025\/09\/POLITICA-DE-SEGURIDAD-VIAL.pdf\" class=\"policy-button\" target=\"_blank\">\r\n                    <i class=\"fas fa-file-pdf\"><\/i> Ver PDF\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n    <\/main>\r\n<\/div>\r\n\r\n<!-- Modal para imagen ampliada -->\r\n<div id=\"imageModal\" class=\"modal\">\r\n    <span class=\"close-btn\" onclick=\"closeModal()\">&times;<\/span>\r\n    <img class=\"modal-content\" id=\"modalImage\">\r\n    <div class=\"modal-caption\" id=\"modalCaption\"><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- CSS Ajustado -->\r\n<style>\r\n:root {\r\n    --primary: #2e8b57;\r\n    --primary-dark: #256e48;\r\n    --primary-light: #e8f5e9;\r\n    --accent: #00c853;\r\n    --text: #263238;\r\n    --text-light: #78909c;\r\n    --background: #f8f9fa;\r\n    --white: #ffffff;\r\n    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    background-color: var(--background);\r\n    color: var(--text);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* Layout principal *\/\r\n\/* Sidebar fija pero con l\u00edmites *\/\r\n.sidebar {\r\n    position: sticky;\r\n    top: 100px;       \/* margen desde el header hacia abajo *\/\r\n    bottom: 90px;     \/* margen desde el footer hacia arriba *\/\r\n    align-self: flex-start;\r\n    width: 320px;\r\n    background: #fff;\r\n    box-shadow: var(--card-shadow);\r\n    border-radius: 8px;\r\n    z-index: 10;\r\n    height: fit-content;\r\n    max-height: calc(100vh - 160px); \/* evita que sobrepase la pantalla *\/\r\n    overflow-y: auto; \/* si el contenido es largo, a\u00f1ade scroll interno *\/\r\n}\r\n\r\n\r\n\/* El layout principal mantiene las dos columnas *\/\r\n.dashboard-container {\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n.logo-container {\r\n    padding: 0 25px 25px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.logo {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--primary);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.logo i {\r\n    margin-right: 10px;\r\n    font-size: 26px;\r\n}\r\n\r\n.modules-nav {\r\n    padding: 0 15px;\r\n}\r\n\r\n.module-item {\r\n    margin-bottom: 8px;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    transition: var(--transition);\r\n}\r\n\r\n.module-link {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 16px 18px;\r\n    color: var(--text);\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    position: relative;\r\n    transition: var(--transition);\r\n    border-radius: 10px;\r\n}\r\n\r\n.module-link:hover {\r\n    background: var(--primary-light);\r\n    color: var(--primary);\r\n}\r\n\r\n.module-link.active {\r\n    background: linear-gradient(45deg, var(--primary), var(--primary-dark));\r\n    color: var(--white);\r\n    box-shadow: 0 5px 15px rgba(46, 139, 87, 0.3);\r\n}\r\n\r\n.module-icon {\r\n    width: 24px;\r\n    text-align: center;\r\n    margin-right: 15px;\r\n    font-size: 20px;\r\n}\r\n\r\n.module-link.active .module-icon {\r\n    color: var(--white);\r\n}\r\n\r\n.module-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: 20px;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--accent);\r\n    opacity: 0;\r\n    transition: var(--transition);\r\n}\r\n\r\n.module-link.active::after {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Contenido principal *\/\r\n.main-content {\r\n    flex: 1;\r\n    margin-left: 20px; \/* espacio entre sidebar e info *\/\r\n    padding: 30px;\r\n}\r\n\r\n\/* Asegurar que el header del t\u00edtulo no se desplace *\/\r\n.page-header {\r\n    margin-left: 0;\r\n    padding-left: 0;\r\n}\r\n\r\n\/* Quitar separaci\u00f3n innecesaria en Elementor *\/\r\n\r\n\r\n\r\n.page-title {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin: 0 auto;         \/* centra horizontal *\/\r\n  padding: 0;             \/* quitamos padding *\/\r\n  line-height: 1.2;       \/* evita altura extra *\/\r\n}\r\n\r\n.page-title h1,\r\n.page-title h2,\r\n.page-title h3 {\r\n  margin: 0;              \/* quitamos margenes del heading *\/\r\n  padding: 0;\r\n}\r\n  \r\n.page-title::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -8px;           \/* ajusta distancia entre texto y l\u00ednea *\/\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 60px;\r\n  height: 4px;\r\n  background: var(--accent);\r\n  border-radius: 2px;\r\n}\r\n\r\n\r\n\/* Tarjetas de m\u00f3dulos *\/\r\n.module-content {\r\n    display: none;\r\n    animation: fadeIn 0.5s;\r\n}\r\n\r\n.module-content.active {\r\n    display: block;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.module-card {\r\n    background: var(--white);\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    box-shadow: var(--card-shadow);\r\n    margin-bottom: 30px;\r\n    transition: var(--transition);\r\n}\r\n\r\n.module-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.module-header {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.module-card-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: var(--primary-light);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 20px;\r\n    font-size: 24px;\r\n    color: var(--primary);\r\n}\r\n\r\n.module-card-title {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: var(--text);\r\n}\r\n\r\n.module-description {\r\n    color: var(--text-light);\r\n    margin-bottom: 25px;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.stat-card {\r\n    background: var(--primary-light);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.stat-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: var(--white);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 15px;\r\n    font-size: 20px;\r\n    color: var(--primary);\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.stat-info h3 {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--primary);\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.stat-info p {\r\n    font-size: 14px;\r\n    color: var(--text-light);\r\n}\r\n\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 20px;\r\n}\r\n\r\n.feature-card {\r\n    background: var(--white);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n    transition: var(--transition);\r\n}\r\n\r\n.feature-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.feature-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: var(--primary-light);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 15px;\r\n    color: var(--primary);\r\n    font-size: 18px;\r\n}\r\n\r\n.feature-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    color: var(--text);\r\n}\r\n\r\n.feature-description {\r\n    font-size: 14px;\r\n    color: var(--text-light);\r\n    line-height: 1.6;\r\n}\r\n\r\n.policy-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: transparent;\r\n    color: var(--primary);\r\n    border: 2px solid var(--primary);\r\n    padding: 8px 18px;\r\n    border-radius: 20px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: var(--transition);\r\n}\r\n\r\n.policy-button:hover {\r\n    background: var(--primary-light);\r\n    color: var(--primary-dark);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.policy-button i {\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\r\n@media (max-width: 992px) {\r\n  \/* \ud83d\udd39 Barra horizontal arriba *\/\r\n  .sidebar {\r\n    width: 100%;\r\n    height: auto;\r\n    position: relative;\r\n    top: 0;\r\n    z-index: 20;\r\n    background: #fff;\r\n    padding: 8px 0;\r\n    margin: 0;\r\n    border-radius: 0;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* \ud83d\udd39 Los m\u00f3dulos en fila, pero se bajan a la siguiente l\u00ednea si no caben *\/\r\n  .modules-nav {\r\n    display: flex;\r\n    flex-wrap: wrap;   \/* \u2705 permite que pasen a varias l\u00edneas *\/\r\n    justify-content: center; \/* \u2705 centrados *\/\r\n    gap: 8px;\r\n    padding: 5px 10px;\r\n  }\r\n\r\n  .module-item {\r\n    flex: 0 1 auto; \/* \u2705 se pueden encoger y crecer *\/\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .dashboard-container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .main-content {\r\n    margin-left: 0;\r\n    padding: 20px 15px;\r\n  }\r\n\r\n  .page-header {\r\n    margin-top: 15px;\r\n  }\r\n}\r\n\r\n\/* Evitar que el texto de las cards se corte *\/\r\n.module-card p,\r\n.features-grid p,\r\n.stats-grid p {\r\n  white-space: normal !important; \/* permite saltos de l\u00ednea *\/\r\n  word-break: break-word;         \/* corta palabras largas si no caben *\/\r\n  overflow-wrap: break-word;      \/* asegura ajuste en m\u00f3viles *\/\r\n  text-align: justify;            \/* opcional: texto justificado *\/\r\n}\r\n\r\n\/* Asegurar que las cards no fuercen tama\u00f1o raro *\/\r\n.module-card {\r\n  max-width: 100% !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n@media (max-width: 400px) {\r\n  .cta {\r\n    padding: 30px 15px;   \/* menos padding lateral *\/\r\n  }\r\n\r\n  .cta h2 {\r\n    font-size: 1.5rem;    \/* t\u00edtulo m\u00e1s peque\u00f1o *\/\r\n  }\r\n\r\n  .cta p {\r\n    font-size: 0.95rem;   \/* texto m\u00e1s compacto *\/\r\n  }\r\n\r\n  .cta a {\r\n    display: block;       \/* bot\u00f3n ocupa todo el ancho *\/\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 12px;\r\n    font-size: 0.9rem;\r\n  }\r\n}\r\n\r\n\/* Corregir el desbordamiento en m\u00f3viles *\/\r\nbody, html {\r\n  overflow-x: hidden;  \/* evita scroll horizontal *\/\r\n}\r\n\r\n\/* Sidebar: que nunca fuerce ancho fijo en m\u00f3viles *\/\r\n@media (max-width: 992px) {\r\n  .sidebar {\r\n    width: 100% !important;   \/* que use el ancho de pantalla *\/\r\n    max-width: 100%;          \/* sin l\u00edmites *\/\r\n    overflow-x: auto;         \/* si se pasa, hace scroll interno *\/\r\n  }\r\n}\r\n\r\n\/* \ud83d\udd25 CSS COMPLETO PARA M\u00d3VIL - TODOS LOS PROBLEMAS SOLUCIONADOS *\/\r\n@media (max-width: 768px) {\r\n    \/* ===== 1. CONTENEDORES PRINCIPALES ===== *\/\r\n    .dashboard-container {\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow-x: hidden !important;\r\n        display: block !important;\r\n    }\r\n    \r\n    .main-content {\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 15px 10px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    \r\n    \/* ===== 2. SIDEBAR\/MEN\u00da HORIZONTAL ===== *\/\r\n    .sidebar {\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 10px !important;\r\n        position: relative !important;\r\n        top: 0 !important;\r\n    }\r\n    \r\n    .modules-nav {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 8px !important;\r\n        justify-content: center !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    .module-item {\r\n        flex: 1 !important;\r\n        min-width: 45% !important;\r\n        margin: 0 !important;\r\n    }\r\n    \r\n    .module-link {\r\n        padding: 12px 8px !important;\r\n        font-size: 13px !important;\r\n        text-align: center !important;\r\n        justify-content: center !important;\r\n    }\r\n    \r\n    .module-icon {\r\n        margin-right: 8px !important;\r\n        font-size: 16px !important;\r\n    }\r\n    \r\n    \/* ===== 3. CARDS Y ESPACIOS ===== *\/\r\n    .module-card {\r\n        width: 100% !important;\r\n        margin: 0 0 20px 0 !important;\r\n        padding: 20px 15px !important;\r\n        box-sizing: border-box !important;\r\n        border-radius: 12px !important;\r\n    }\r\n    \r\n    .feature-card {\r\n        width: 100% !important;\r\n        margin: 0 0 15px 0 !important;\r\n        padding: 18px 15px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    \r\n    .stat-card {\r\n        width: 100% !important;\r\n        margin: 0 0 10px 0 !important;\r\n        padding: 15px !important;\r\n    }\r\n    \r\n    \/* ===== 4. GRIDS Y DISTRIBUCI\u00d3N ===== *\/\r\n    .features-grid {\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        grid-template-columns: 1fr !important;\r\n        gap: 15px !important;\r\n    }\r\n    \r\n    .stats-grid {\r\n        width: 100% !important;\r\n        margin: 0 0 20px 0 !important;\r\n        padding: 0 !important;\r\n        grid-template-columns: 1fr !important;\r\n        gap: 12px !important;\r\n    }\r\n    \r\n    \/* ===== 5. TEXTO Y DESBORDAMIENTO ===== *\/\r\n    .feature-description,\r\n    .module-description,\r\n    .stat-info p,\r\n    .feature-title,\r\n    .module-card-title,\r\n    .card-text,\r\n    .card-body p {\r\n        \/* Control de texto *\/\r\n        word-wrap: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        word-break: break-word !important;\r\n        hyphens: auto !important;\r\n        \r\n        \/* Dimensiones *\/\r\n        max-width: 100% !important;\r\n        overflow: hidden !important;\r\n        display: block !important;\r\n        \r\n        \/* Legibilidad *\/\r\n        white-space: normal !important;\r\n        line-height: 1.5 !important;\r\n        text-align: left !important;\r\n        font-size: 14px !important;\r\n        \r\n        \/* Espacios *\/\r\n        margin: 0 0 10px 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    \/* Descripciones espec\u00edficas *\/\r\n    .feature-description,\r\n    .module-description {\r\n        -webkit-line-clamp: unset !important; \/* Mostrar todo el texto *\/\r\n        max-height: none !important;\r\n        overflow: visible !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    \r\n    \/* T\u00edtulos *\/\r\n    .feature-title {\r\n        font-size: 16px !important;\r\n        line-height: 1.3 !important;\r\n        margin-bottom: 8px !important;\r\n    }\r\n    \r\n    .module-card-title {\r\n        font-size: 20px !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    \r\n    .page-title {\r\n        font-size: 24px !important;\r\n        text-align: center !important;\r\n        margin: 0 0 20px 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    \/* ===== 6. HEADERS Y ELEMENTOS ESPEC\u00cdFICOS ===== *\/\r\n    .module-header {\r\n        flex-direction: column !important;\r\n        text-align: center !important;\r\n        margin-bottom: 20px !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    .module-card-icon {\r\n        margin: 0 0 15px 0 !important;\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        font-size: 20px !important;\r\n    }\r\n    \r\n    .page-header {\r\n        margin: 0 0 25px 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    \/* ===== 7. BOTONES Y ELEMENTOS INTERACTIVOS ===== *\/\r\n    .policy-button {\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n        justify-content: center !important;\r\n        margin-top: 10px !important;\r\n        padding: 10px !important;\r\n    }\r\n    \r\n    \/* ===== 8. MODEL-VIEWER ===== *\/\r\n    model-viewer {\r\n        width: 100% !important;\r\n        height: 250px !important;\r\n        margin: 10px 0 !important;\r\n    }\r\n}\r\n\/* ===== NUEVA SECCI\u00d3N: GALER\u00cdA DE IM\u00c1GENES ===== *\/\r\n\/* ===== NUEVA SECCI\u00d3N: GALER\u00cdA DE IM\u00c1GENES ===== *\/\r\n.gallery-section {\r\n    margin: 40px 0;\r\n    padding: 20px 0;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.gallery-title {\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: var(--text);\r\n    margin-bottom: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.gallery-description {\r\n    color: var(--text-light);\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.images-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n    gap: 25px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.single-image {\r\n    background: var(--white);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n    transition: var(--transition);\r\n}\r\n\r\n.single-image:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.image-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n    height: 280px;\r\n}\r\n\r\n.gallery-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: var(--transition);\r\n}\r\n\r\n.image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(46, 139, 87, 0.9);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: var(--transition);\r\n}\r\n\r\n.image-wrapper:hover .image-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.image-wrapper:hover .gallery-image {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.view-button {\r\n    background: var(--white);\r\n    color: var(--primary);\r\n    border: none;\r\n    padding: 12px 24px;\r\n    border-radius: 25px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: var(--transition);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.view-button:hover {\r\n    background: var(--primary-light);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.image-caption {\r\n    padding: 20px;\r\n    text-align: center;\r\n}\r\n\r\n.image-caption h4 {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: var(--text);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.image-caption p {\r\n    color: var(--text-light);\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Bot\u00f3n Ver M\u00e1s *\/\r\n.view-more-container {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n}\r\n\r\n.view-more-btn {\r\n    background: linear-gradient(45deg, var(--primary), var(--primary-dark));\r\n    color: var(--white);\r\n    border: none;\r\n    padding: 14px 32px;\r\n    border-radius: 30px;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: var(--transition);\r\n    box-shadow: 0 5px 20px rgba(46, 139, 87, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    border: 2px solid transparent;\r\n}\r\n\r\n.view-more-btn:hover {\r\n    background: var(--white);\r\n    color: var(--primary);\r\n    border: 2px solid var(--primary);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(46, 139, 87, 0.4);\r\n}\r\n\r\n.view-more-btn:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.view-more-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(46, 139, 87, 0.4);\r\n}\r\n\r\n.view-more-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.view-more-btn:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* Modal para imagen ampliada *\/\r\n.modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 1000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.9);\r\n    animation: fadeIn 0.3s;\r\n}\r\n\r\n.modal-content {\r\n    margin: auto;\r\n    display: block;\r\n    max-width: 90%;\r\n    max-height: 80%;\r\n    margin-top: 5%;\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.close-btn {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 35px;\r\n    color: #fff;\r\n    font-size: 40px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: var(--transition);\r\n}\r\n\r\n.close-btn:hover {\r\n    color: var(--accent);\r\n    transform: scale(1.1);\r\n}\r\n\r\n.modal-caption {\r\n    text-align: center;\r\n    color: #fff;\r\n    padding: 15px;\r\n    font-size: 16px;\r\n    margin-top: 20px;\r\n}\r\n\r\n\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .images-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .image-wrapper {\r\n        height: 250px;\r\n    }\r\n    \r\n    .view-button {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 12px 28px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .image-wrapper {\r\n        height: 200px;\r\n    }\r\n    \r\n    .image-caption {\r\n        padding: 15px;\r\n    }\r\n    \r\n    .image-caption h4 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .image-caption p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .images-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .image-wrapper {\r\n        height: 250px;\r\n    }\r\n    \r\n    .view-button {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 12px 28px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .image-wrapper {\r\n        height: 200px;\r\n    }\r\n    \r\n    .image-caption {\r\n        padding: 15px;\r\n    }\r\n    \r\n    .image-caption h4 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .image-caption p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udd27 AJUSTES EXTRA PARA PANTALLAS MUY PEQUE\u00d1AS (iPhone SE, etc) *\/\r\n@media (max-width: 375px) {\r\n    .main-content {\r\n        padding: 10px 8px !important;\r\n    }\r\n    \r\n    .module-card {\r\n        padding: 15px 12px !important;\r\n    }\r\n    \r\n    .feature-card {\r\n        padding: 15px 12px !important;\r\n    }\r\n    \r\n    .module-item {\r\n        min-width: 100% !important;\r\n    }\r\n    \r\n    .module-link {\r\n        padding: 10px 5px !important;\r\n        font-size: 12px !important;\r\n    }\r\n    \r\n    .feature-title {\r\n        font-size: 15px !important;\r\n    }\r\n    \r\n    .feature-description,\r\n    .module-description {\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n\r\n\/* === Ajuste intermedio para port\u00e1tiles (entre 1024px y 1366px) === *\/\r\n@media (max-width: 1366px) and (min-width: 1024px) {\r\n  #recurso-fisico .features-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)); \/* 2 columnas *\/\r\n    gap: 20px;\r\n    padding: 15px;\r\n  }\r\n\r\n  #recurso-fisico .feature-card {\r\n    min-height: 360px; \/* altura m\u00e1s equilibrada *\/\r\n  }\r\n\r\n  #recurso-fisico model-viewer {\r\n    height: 240px !important;\r\n  }\r\n}\r\n\r\n\r\n\/* Asegurar que todo dentro del contenedor principal respete ancho *\/\r\n.dashboard-container,\r\n.main-content,\r\n.module-card,\r\n.features-grid,\r\n.stats-grid {\r\n  max-width: 100% !important;\r\n  overflow-x: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Model-viewer responsivo *\/\r\nmodel-viewer {\r\n  width: 100% !important;   \/* ocupar ancho disponible *\/\r\n  max-width: 100%;          \/* nunca exceder *\/\r\n  height: auto !important;  \/* que se ajuste al contenido *\/\r\n  aspect-ratio: 16 \/ 9;     \/* mantiene proporci\u00f3n *\/\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n<!-- Script -->\r\n<script>\r\ndocument.querySelectorAll('.module-link').forEach(link => {\r\n    link.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        \r\n        document.querySelectorAll('.module-link').forEach(l => l.classList.remove('active'));\r\n        this.classList.add('active');\r\n        \r\n        document.querySelectorAll('.module-content').forEach(content => content.classList.remove('active'));\r\n        const target = this.getAttribute('data-target');\r\n        document.getElementById(target).classList.add('active');\r\n    });\r\n});\r\n\r\n\/\/ Funciones para el modal de im\u00e1genes\r\nfunction openImage(button) {\r\n    const imageWrapper = button.closest('.image-wrapper');\r\n    const image = imageWrapper.querySelector('.gallery-image');\r\n    const caption = imageWrapper.nextElementSibling.querySelector('h4').textContent;\r\n    \r\n    const modal = document.getElementById('imageModal');\r\n    const modalImg = document.getElementById('modalImage');\r\n    const captionText = document.getElementById('modalCaption');\r\n    \r\n    modal.style.display = 'block';\r\n    modalImg.src = image.src;\r\n    captionText.textContent = caption;\r\n}\r\n\r\nfunction closeModal() {\r\n    document.getElementById('imageModal').style.display = 'none';\r\n}\r\n\r\n\/\/ Cerrar modal al hacer clic fuera de la imagen\r\ndocument.getElementById('imageModal').addEventListener('click', function(e) {\r\n    if (e.target === this) {\r\n        closeModal();\r\n    }\r\n});\r\n\r\n\/\/ Cerrar modal con tecla ESC\r\ndocument.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') {\r\n        closeModal();\r\n    }\r\n});\r\n<\/script>\r\n<script type=\"module\" src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer.min.js\"><\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-703aebd e-flex e-con-boxed e-con e-parent\" data-id=\"703aebd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-926f2a0 elementor-widget elementor-widget-spacer\" data-id=\"926f2a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Recurso Humano Recurso F\u00edsico Gesti\u00f3n SST Seguridad Vial Sistema de Gesti\u00f3n Integral Recurso Humano Nuestro equipo est\u00e1 conformado por profesionales altamente capacitados y comprometidos. Creemos que el talento humano es el motor que impulsa la excelencia en cada proceso, fomentando el desarrollo personal y profesional de nuestros colaboradores. Nuestro Equipo Conoce nuestro equipo de trabajo. [&hellip;]<\/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-1987","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/pages\/1987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1987"}],"version-history":[{"count":421,"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/pages\/1987\/revisions"}],"predecessor-version":[{"id":5097,"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=\/wp\/v2\/pages\/1987\/revisions\/5097"}],"wp:attachment":[{"href":"https:\/\/www.colconcretos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}