
{"id":524,"date":"2025-10-08T14:41:28","date_gmt":"2025-10-08T12:41:28","guid":{"rendered":"http:\/\/interno.lsluz.com:8012\/cofLeon\/?page_id=524"},"modified":"2025-10-08T14:41:28","modified_gmt":"2025-10-08T12:41:28","slug":"ventanilla-unica","status":"publish","type":"page","link":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/ventanilla-unica\/","title":{"rendered":"Ventanilla \u00fanica"},"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>Ventanilla \u00fanica - COF Le\u00f3n<\/title>\n    \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=Open+Sans:wght@300;400;600;700&family=Oswald:wght@600&family=Roboto:wght@400&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* Definici\u00f3n de variables CSS (solo referencia) *\/\n        :root {\n            --jbe-color-text-on-primary: #ffffff;\n            --jbe-color-primary: #ed154e;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Open Sans', sans-serif;\n            background-color: #f7f7f7;\n            color: #333;\n            line-height: 1.6;\n        }\n        \n        .col-md-12 {\n            width: max-content;\n        }\n\n        .col-md-8 {\n            width: 100%!important;\n        }\n\n        \/* Contenedor principal para centrar el contenido y asegurar el padding *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            text-align: center;\n        }\n\n        \/* Contenedor para el t\u00edtulo principal *\/\n        .main-header-title-container {\n            text-align: center;\n            background-color: #6e2c91; \n            \/* padding: 20px 0;*\/ \/* COMPENSACI\u00d3N: Mantiene la altura de la cabecera *\/\n            \/* padding-top: 20px; <-- COMENTADO POR EL USUARIO *\/\n            margin-bottom: 30px; \n            \/*margin-top: 40px; *\/\n        }\n        \n        \/* Estilos del T\u00edtulo principal (div) *\/\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            color: #ffffff;\n            display: block;\n            padding: 0.5rem 1rem; \/* A\u00f1adido para que el fondo no est\u00e9 pegado al texto *\/\n            \/* padding-bottom: 20px; <-- COMENTADO POR EL USUARIO *\/\n        }\n\n\n        \/* Subt\u00edtulo centrado *\/\n        .subtitle {\n            font-size: 1.15rem;\n            color: #333;\n            margin-bottom: 60px;\n            padding: 0 20px;\n            font-weight: 400;\n            text-align: center;\n        }\n        \n        \/* Estilo de texto gen\u00e9rico (Blog) *\/\n        .blog-post-title-wrapper p, .blog-post-title-wrapper-full p {\n            font-family: 'Roboto';\n            font-weight: 400;\n            font-size: 18px;\n            line-height: 25px;\n        }\n\n        \/* CAMBIO: Grid de 2 columnas (2x2) *\/\n        .grid-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr); \/* Actualizado de 3 a 2 *\/\n            gap: 40px;\n            margin-bottom: 60px;\n            text-align: left;\n        }\n\n        \/* Columna individual *\/\n        .column {\n            text-align: center;\n        }\n\n        \/* Imagen *\/\n        .column-image {\n            width: 100%;\n            height: auto;\n            display: block;\n            margin-bottom: 30px;\n            object-fit: cover;\n            aspect-ratio: 16 \/ 9;\n            border-radius: 10px; \n            margin-top: 40px;\n        }\n\n        \/* Texto de columna (p) *\/\n        .column-text {\n            font-size: 1.5rem;\n            color: #333;\n            margin-bottom: 40px;\n            font-weight: 600;\n        }\n\n        \/* Bot\u00f3n *\/\n        .column-button {\n            display: inline-block;\n            padding: 12px 30px;\n            text-decoration: none;\n            color: white;\n            font-weight: 600;\n            text-transform: uppercase;\n            \/* MODIFICADO: Tama\u00f1o de fuente solicitado *\/\n            font-size: 1.4rem; \n            letter-spacing: 0.5px;\n            transition: all 0.3s ease;\n            border: none;\n            border-radius: 6px; \/* <-- A\u00d1ADIDO *\/\n        }\n\n        \/* Colores de botones *\/\n        .btn-colegiados {\n            background-color: #6e2c91;\n        }\n\n        .btn-colegiados:hover {\n            background-color: #5a2478;\n        }\n\n        .btn-ciudadanos {\n            background-color: #ed154e;\n        }\n\n        .btn-ciudadanos:hover {\n            background-color: #c8103f;\n        }\n\n        .btn-farmacias {\n            background-color: #28a745;\n        }\n\n        .btn-farmacias:hover {\n            background-color: #218838;\n        }\n        \n        \/* NUEVO ESTILO: Bot\u00f3n Colegiaci\u00f3n *\/\n        .btn-colegiacion {\n            background-color: #007bff; \/* Azul *\/\n        }\n        \n        .btn-colegiacion:hover {\n            background-color: #0069d9; \/* Azul oscuro *\/\n        }\n\n\n        .column-button i {\n            margin-right: 8px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            .grid-container {\n                grid-template-columns: repeat(2, 1fr); \/* Mantenemos 2 columnas en tablet *\/\n                gap: 30px;\n            }\n\n            .jbe-main-header-title {\n                font-size: clamp(2rem, 4vw, 2.2rem);\n            }\n            \n            .column-button {\n                font-size: 1.2rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .grid-container {\n                grid-template-columns: 1fr; \/* 1 columna en m\u00f3vil *\/\n                gap: 40px;\n            }\n\n            .main-header-title-container {\n                 padding: 15px 0;\n                 margin-bottom: 30px;\n            }\n\n            .jbe-main-header-title {\n                font-size: clamp(1.8rem, 6vw, 1.8rem);\n            }\n\n            .subtitle {\n                font-size: 1rem;\n                margin-bottom: 40px;\n            }\n\n            .column-text {\n                font-size: 1.3rem;\n                margin-bottom: 30px;\n            }\n            \n            .column-button {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"main-header-title-container\" id=\"Inicio\">\n            <div class=\"jbe-main-header-title\">VENTANILLA \u00daNICA<\/div>\n        <\/div>\n        \n        <p class=\"subtitle\">Servicio online para la obtenci\u00f3n de informaci\u00f3n y realizaci\u00f3n de tr\u00e1mites<\/p>\n\n        <div class=\"grid-container\">\n            <div class=\"column\">\n                <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/10\/Colegiados.jpg\" \n                    alt=\"Para Colegiados\" \n                    class=\"column-image\">\n                <p class=\"column-text\">Para Colegiados<\/p>\n                <a href=\"https:\/\/colegiados.cofleon.es\/Pruebas\/AreaPrivada\/Login.aspx\" \n                   class=\"column-button btn-colegiados\">\n                    <i class=\"fas fa-lock\"><\/i> \u00c1REA PRIVADA\n                <\/a>\n            <\/div>\n\n            <div class=\"column\">\n                <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/10\/Ciudadanos.jpg\" \n                    alt=\"Para Ciudadanos\" \n                    class=\"column-image\">\n                <p class=\"column-text\">Para Ciudadanos<\/p>\n                <a href=\"\/cofLeon\/index.php\/contacto\/#Inicio\" \n                   class=\"column-button btn-ciudadanos\">\n                    <i class=\"fas fa-envelope\"><\/i> BUZ\u00d3N DE SUGERENCIAS\n                <\/a>\n            <\/div>\n\n            <div class=\"column\">\n                <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/10\/Farmacias.jpg\" \n                    alt=\"Para Farmacias\" \n                    class=\"column-image\">\n                <p class=\"column-text\">Para Farmacias<\/p>\n                <a href=\"https:\/\/colegiados.cofleon.es\/Pruebas\/AreaPrivada\/Login.aspx\" \n                   class=\"column-button btn-farmacias\">\n                    <i class=\"fas fa-lock\"><\/i> \u00c1REA PRIVADA\n                <\/a>\n            <\/div>\n            \n            <!-- NUEVO ELEMENTO A\u00d1ADIDO -->\n            <div class=\"column\">\n                <img decoding=\"async\" src=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/wp-content\/uploads\/2025\/10\/colegiacion_online.jpg\" \n                    alt=\"Colegiaci\u00f3n Online\" \n                    class=\"column-image\">\n                <p class=\"column-text\">Colegiaci\u00f3n Online<\/p>\n                <a href=\"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/nueva-solicitud-de-colegiacion\/#Inicio\" \n                   class=\"column-button btn-colegiacion\">\n                    <i class=\"fas fa-user-plus\"><\/i> INICIAR SOLICITUD\n                <\/a>\n            <\/div>\n            <!-- FIN DEL NUEVO ELEMENTO -->\n            \n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\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-524","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/524","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=524"}],"version-history":[{"count":1,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":526,"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions\/526"}],"wp:attachment":[{"href":"http:\/\/interno.lsluz.com:8012\/cofLeon\/index.php\/wp-json\/wp\/v2\/media?parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}