
{"id":570,"date":"2025-11-07T17:32:40","date_gmt":"2025-11-07T16:32:40","guid":{"rendered":"http:\/\/interno.lsluz.com:8012\/cofLeon\/?page_id=570"},"modified":"2025-11-07T17:32:40","modified_gmt":"2025-11-07T16:32:40","slug":"historia","status":"publish","type":"page","link":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/historia\/","title":{"rendered":"Historia"},"content":{"rendered":"<!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>Historia - Colegio Farmac\u00e9utico de Le\u00f3n<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome CDN -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" xintegrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n    <style>\n        :root {\n            --jbe-color-primary: #6e2c91; \/* Violeta corporativo *\/\n            --jbe-color-secondary: #ed154e; \/* Rojo\/rosa corporativo para detalles *\/\n            --jbe-color-text-on-primary: #ffffff; \/* Texto blanco sobre fondo primario *\/\n            --jbe-color-background: #ffffff;\n            --jbe-color-gray-bg: #f8f9fa;\n            --jbe-color-text: #1a1a1a;\n            --jbe-color-text-light: #555555;\n            --jbe-color-border: #dee2e6;\n            --jbe-shadow: 0 2px 8px rgba(0,0,0,0.07);\n            --jbe-transition: all 0.3s ease;\n            --jbe-radius: 4px;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n        }\n\n        .jbe-job-board-wrapper * {\n            box-sizing: border-box;\n        }\n\n        .jbe-job-board-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            background-color: var(--jbe-color-gray-bg);\n            color: var(--jbe-color-text);\n            line-height: 1.65;\n            font-size: 16px;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .jbe-main-header {\n            background-color: var(--jbe-color-primary);\n            color: var(--jbe-color-text-on-primary);\n            \/*padding: 2rem 20px;*\/\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .jbe-main-header-title {\n            font-family: 'Oswald', 'Arial Narrow', sans-serif;\n            text-transform: uppercase;\n            font-size: clamp(2rem, 5vw, 2.8rem);\n            font-weight: 600;\n            letter-spacing: 0.05em;\n            margin: 0;\n        }\n        \n        .jbe-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px 30px 20px;\n        }\n\n        .content-section {\n            background-color: var(--jbe-color-background);\n            border-radius: var(--jbe-radius);\n            box-shadow: var(--jbe-shadow);\n            padding: 30px 40px;\n            margin-bottom: 30px;\n        }\n        \n        .content-section h3 {\n\t\t\tfont-family: 'Oswald', 'Arial Narrow', sans-serif!important;\n            font-size: 1.8rem!important;\n            font-weight: 600!important;\n            color: var(--jbe-color-primary)!important;\n            margin-top: 0!important; \/* Alinea el t\u00edtulo con la parte superior de la imagen *\/\n            margin-bottom: 15px!important;\n\t\t\tline-height: 26px!important;\n        }\n        \n        .content-section p {\n            color: var(--jbe-color-text-light);\n            margin-bottom: 15px;\n            text-align: justify;\n        }\n        \n        \/* Estilos para el nuevo layout de miniaturas *\/\n        .timeline-item {\n            display: flex;\n            align-items: flex-start; \/* Alinea la imagen y el texto en la parte superior *\/\n            margin-bottom: 25px;\n            flex-wrap: wrap; \/* Permite que los elementos se envuelvan en pantallas peque\u00f1as *\/\n        }\n\n        .timeline-image-container {\n            flex: 0 0 150px; \/* Ancho fijo para la imagen *\/\n            margin-right: 20px;\n            text-align: center;\n        }\n\n        .timeline-image {\n            width: 100%;\n            height: auto;\n            border-radius: var(--jbe-radius);\n            border: 1px solid var(--jbe-color-border);\n            cursor: pointer; \/* Indica que la imagen es clicable *\/\n            transition: transform 0.2s ease;\n        }\n\n        .timeline-image:hover {\n            transform: scale(1.03); \/* Efecto ligero al pasar el rat\u00f3n *\/\n        }\n\n        .timeline-content {\n            flex: 1; \/* El contenido ocupa el resto del espacio *\/\n            min-width: 250px; \/* Ancho m\u00ednimo para el texto antes de envolver *\/\n        }\n\n        \/* Responsive para pantallas m\u00e1s peque\u00f1as *\/\n        @media (max-width: 768px) {\n            .content-section {\n                padding: 20px 25px;\n            }\n            .timeline-item {\n                flex-direction: column; \/* Apila imagen y texto en pantallas peque\u00f1as *\/\n                align-items: center;\n            }\n            .timeline-image-container {\n                margin-right: 0;\n                margin-bottom: 15px;\n                flex: 0 0 200px; \/* Ajusta el ancho de la imagen para m\u00f3viles *\/\n            }\n        }\n\n        \/* Modal para la imagen ampliada *\/\n        .modal {\n            display: none; \/* Oculto por defecto *\/\n            position: fixed; \/* Permanece fijo en la pantalla *\/\n            z-index: 1000; \/* Por encima de todo lo dem\u00e1s *\/\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            overflow: auto; \/* Habilita el scroll si la imagen es muy grande *\/\n            background-color: rgba(0,0,0,0.8); \/* Fondo semitransparente oscuro *\/\n            animation: fadeIn 0.3s ease-out;\n        }\n\n        .modal-content {\n            margin: auto;\n            display: block;\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain; \/* Asegura que la imagen se ajuste sin recortar *\/\n            position: relative;\n            top: 50%;\n            transform: translateY(-50%);\n            animation: zoomIn 0.3s ease-out;\n        }\n\n        .close {\n            position: absolute;\n            top: 15px;\n            right: 35px;\n            color: #f1f1f1;\n            font-size: 40px;\n            font-weight: bold;\n            transition: 0.3s;\n            cursor: pointer;\n            z-index: 1001; \/* Asegura que el bot\u00f3n de cierre est\u00e9 por encima de la imagen *\/\n        }\n\n        .close:hover,\n        .close:focus {\n            color: #bbb;\n            text-decoration: none;\n            cursor: pointer;\n        }\n\n        @keyframes fadeIn {\n            from {opacity: 0;}\n            to {opacity: 1;}\n        }\n\n        @keyframes zoomIn {\n            from {transform: translateY(-50%) scale(0.8);}\n            to {transform: translateY(-50%) scale(1);}\n        }\n\n    <\/style>\n<\/head>\n<body>\n<div class=\"jbe-job-board-wrapper\" id=\"Inicio\">\n    <!-- Encabezado principal -->\n    <div id=\"Inicio\" class=\"jbe-main-header\">\n        <div class=\"jbe-main-header-title\">Historia del Colegio<\/div>\n    <\/div>\n\n    <!-- Contenedor principal del contenido -->\n    <div class=\"jbe-container\">\n        <!-- Secci\u00f3n de contenido (tarjeta blanca) -->\n        <div class=\"content-section\">\n            \n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/00.jpg\" alt=\"Acta fundacional\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>1920: Fundaci\u00f3n y Primeros Pasos<\/h3> <!-- T\u00cdTULO MOVIDO AQU\u00cd -->\n                    <p>El Colegio Oficial de Farmac\u00e9uticos de Le\u00f3n se funda el 20 de Marzo de 1920, y queda constituida su primera junta directiva con Joaqu\u00edn L\u00f3pez Robles como presidente; asisten a esta asamblea un total de 23 farmac\u00e9uticos. Se desconoce el n\u00famero de compa\u00f1eros que ejerc\u00edan en la provincia en esas fechas, pero 22 a\u00f1os despu\u00e9s, en 1942, ya hab\u00eda inscritos 150, de los cuales 131 eran varones, y 19 mujeres.<\/p>\n                    <p>La primera cuota que se establece con car\u00e1cter anual es de 10 pesetas pagaderas semestralmente, y la inscripci\u00f3n supone un 10% de la por entonces llamada contribuci\u00f3n industrial, que vendr\u00eda a ser el equivalente al actual Impuesto de Actividades Econ\u00f3micas (IAE). Constituido el Colegio, se acuerda una reuni\u00f3n con los de de M\u00e9dicos y Veterinarios a fin de alcanzar una colaboraci\u00f3n mutua dentro del campo sanitario y colegial.<\/p>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/01.jpg\" alt=\"Farmacia antigua\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>Organizaci\u00f3n Inicial y Horarios<\/h3> <!-- T\u00cdTULO MOVIDO AQU\u00cd -->\n                    <p>La primera asamblea general del Colegio se celebra el 20 de Mayo de 1920 y en ella se aprueba, como punto fundamental, el Reglamento Colegial. En 1930 se establecen, tambi\u00e9n en junta general, los horarios de apertura y cierre de las farmacias y los correspondientes turnos guardia, aprob\u00e1ndose que aquellos, los horarios, fueran de 8 de la ma\u00f1ana a 10 de la noche interrumpidamente; los domingos y festivos ser\u00edan de 9 de la ma\u00f1ana a 1,30 de la tarde.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/03.jpg\" alt=\"Plaza de las Torres de Oma\u00f1a\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <!-- Este p\u00e1rrafo no tiene t\u00edtulo, siguiendo el dise\u00f1o original -->\n                    <p>La relaci\u00f3n con el Colegio de M\u00e9dicos es frecuente y cordial; en 1932, la corporaci\u00f3n m\u00e9dica leonesa ofrece al los farmac\u00e9uticos una habitaci\u00f3n para oficinas en su domicilio social, y el derecho de uso el sal\u00f3n de actos por una cantidad acordada; esta sede se encontraba en la Plaza de las Torres de Oma\u00f1a.<\/p>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/04.jpg\" alt=\"Grupo de farmac\u00e9uticos\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>1933: Creaci\u00f3n de la Cooperativa<\/h3> <!-- T\u00cdTULO MOVIDO AQU\u00cd -->\n                    <p>En Junta de 1930 se habla de la conveniencia de la creaci\u00f3n de un Centro Farmac\u00e9utico Leon\u00e9s, pero hasta 1933 no se crea la Cooperativa Profesional Farmac\u00e9utica, nombr\u00e1ndose como presidente a Arsenio Rabanal, que a su vez lo era del Colegio.<\/p>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/05.jpg\" alt=\"Interior de farmacia antigua\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>1944: El Seguro Obligatorio de Enfermedad (SOE)<\/h3> <!-- T\u00cdTULO MOVIDO AQU\u00cd -->\n                    <p>En 1944 se reciben las normas para suministros de medicamentos a los beneficiarios el SOE (Seguro Obligatorio de Enfermedad), acord\u00e1ndose dar traslado del texto a las farmacias para su cumplimiento. Se faculta al presidente y tesorero para organizar los servicios administrativos y contratar el personal que se necesite; se alquilan nuevos locales en la calle Legi\u00f3n VII. Para hacer frente a estos gastos, cada farmacia aportar\u00e1 un 1% del importe de la factura.<\/p>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/06.jpg\" alt=\"Sede del colegio\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>Nuevas Sedes y Crecimiento<\/h3> <!-- T\u00cdTULO MOVIDO AQU\u00cd -->\n                    <!-- P\u00c1RRAFO COMPLETADO -->\n                    <p>En 1949 se trasladan sede y oficinas a la calle Burgo Nuevo, hasta que, al levantarse el nuevo edificio de la Cooperativa en la calle de La Torre, \u00e9sta cedi\u00f3 la \u00faltima planta -incluido el sal\u00f3n de actos- para uso del Colegio. As\u00ed nace tambi\u00e9n, en 1955, e1 laboratorio colegial. En 1980 el Colegio se traslada -ya como propietario- a su actual domicilio, sito en el n\u00famero 15 de la calle Fuero. La iniciativa parti\u00f3 del presidente en aquel momento, Fernando Garc\u00eda Gat\u00f3n, y fue secundada por toda su junta.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- NUEVO ITEM A\u00d1ADIDO -->\n            <div class=\"timeline-item\">\n                <div class=\"timeline-image-container\">\n                    <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/11\/07.jpg\" alt=\"Celebraci\u00f3n del Centenario\" class=\"timeline-image\" onclick=\"openModal(this.src)\" onerror=\"this.src='https:\/\/placehold.co\/150x100\/eeeeee\/aaaaaa?text=Img+no+disp.'\">\n                <\/div>\n                <div class=\"timeline-content\">\n                    <h3>2020: Celebraci\u00f3n del Centenario<\/h3> \n                    <p>En el a\u00f1o 2020 celebramos nuestro Centenario.<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div> <!-- Fin de .content-section -->\n    <\/div> <!-- Fin de .jbe-container -->\n\n    <!-- HTML del Modal (Lightbox) A\u00d1ADIDO -->\n    <div id=\"jbeImageModal\" class=\"modal\">\n        <span class=\"close\" id=\"jbeModalClose\">&times;<\/span>\n        <img class=\"modal-content\" id=\"jbeModalImage\">\n    <\/div>\n\n<\/div> <!-- Fin de .jbe-job-board-wrapper -->\n\n<!-- JavaScript para el Modal A\u00d1ADIDO -->\n<script>\n    \/\/ Get the modal elements\n    var modal = document.getElementById(\"jbeImageModal\");\n    var modalImg = document.getElementById(\"jbeModalImage\");\n    var span = document.getElementById(\"jbeModalClose\");\n\n    \/\/ Function to open the modal\n    function openModal(src) {\n        if (src) { \/\/ Solo abre si la imagen no es el placeholder de error\n            modal.style.display = \"block\";\n            modalImg.src = src;\n        }\n    }\n\n    \/\/ Function to close the modal\n    function closeModal() {\n        modal.style.display = \"none\";\n    }\n\n    \/\/ Cierra el modal al hacer clic en la 'x'\n    span.onclick = closeModal;\n\n    \/\/ Cierra el modal si el usuario hace clic fuera de la imagen\n    window.onclick = function(event) {\n        if (event.target == modal) {\n            closeModal();\n        }\n    }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":1,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":571,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/570\/revisions\/571"}],"wp:attachment":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}