{"id":26,"date":"2025-11-10T23:37:07","date_gmt":"2025-11-10T23:37:07","guid":{"rendered":"https:\/\/unicrear.com.co\/unicrear\/?page_id=26"},"modified":"2025-11-11T22:36:23","modified_gmt":"2025-11-11T22:36:23","slug":"portafolios","status":"publish","type":"page","link":"https:\/\/unicrear.com.co\/unicrear\/portafolios\/","title":{"rendered":"Portafolios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05aa734 e-con-full e-flex e-con e-parent\" data-id=\"05aa734\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81fd1fc elementor-widget elementor-widget-html\" data-id=\"81fd1fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n    \/* --- Secci\u00f3n completa con fondo SVG m\u00e1s visible --- *\/\r\n    .portafolios-post-section {\r\n        position: relative;\r\n        background: #f0f4f8;\r\n        background-image: url('data:image\/svg+xml;utf8,<svg width=\"1200\" height=\"800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><linearGradient id=\"gradPort\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"%230263d4\" stop-opacity=\"0.15\"\/><stop offset=\"100%\" stop-color=\"%23f5a623\" stop-opacity=\"0.2\"\/><\/linearGradient><\/defs><circle cx=\"150\" cy=\"150\" r=\"120\" fill=\"url(%23gradPort)\" \/><circle cx=\"1000\" cy=\"600\" r=\"180\" fill=\"url(%23gradPort)\" \/><path d=\"M300,700 Q600,400 900,700 T1500,700\" stroke=\"%230263d4\" stroke-width=\"2\" fill=\"none\" opacity=\"0.15\"\/><\/svg>');\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        background-position: center;\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .portafolios-post-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- T\u00edtulo moderno --- *\/\r\n    .portafolios-post-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 35px;\r\n        position: relative;\r\n    }\r\n\r\n    .portafolios-post-header i {\r\n        font-size: 26px;\r\n        color: #0263d4;\r\n    }\r\n\r\n    .portafolios-post-header h2 {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        color: #21242b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin: 0;\r\n    }\r\n\r\n    .portafolios-post-header::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: -8px;\r\n        left: 38px;\r\n        width: 90px;\r\n        height: 4px;\r\n        border-radius: 2px;\r\n        background: linear-gradient(90deg, #0263d4, #f5a623);\r\n    }\r\n\r\n    \/* --- Grid de posts --- *\/\r\n    .portafolios-post-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .portafolios-card {\r\n        background: #fff;\r\n        border: 1px solid #eaeaea;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;\r\n    }\r\n\r\n    .portafolios-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n        opacity: 0.92;\r\n    }\r\n\r\n    .portafolios-img {\r\n        width: 100%;\r\n        height: 180px;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease, filter 0.4s ease;\r\n    }\r\n\r\n    .portafolios-card:hover .portafolios-img {\r\n        transform: scale(1.05);\r\n        filter: brightness(0.95);\r\n    }\r\n\r\n    .portafolios-content {\r\n        flex: 1;\r\n        padding: 16px;\r\n        color: #21242b;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .portafolios-date {\r\n        font-size: 13px;\r\n        color: #888;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .portafolios-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #21242b;\r\n        margin-bottom: 10px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .portafolios-desc {\r\n        flex-grow: 1;\r\n        font-size: 15px;\r\n        color: #555;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .portafolios-btn {\r\n        align-self: flex-start;\r\n        padding: 6px 12px;\r\n        background-color: #0263d4;\r\n        color: #fff;\r\n        border-radius: 5px;\r\n        text-decoration: none;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        transition: background 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .portafolios-btn:hover {\r\n        background-color: #01428f;\r\n        color: #fff;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* --- Paginaci\u00f3n --- *\/\r\n    .portafolios-pagination {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 30px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .portafolios-pagination a {\r\n        padding: 6px 12px;\r\n        background: #0263d4;\r\n        color: #fff;\r\n        border-radius: 5px;\r\n        text-decoration: none;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .portafolios-pagination a:hover,\r\n    .portafolios-pagination .current-page {\r\n        background: #01428f;\r\n    }\r\n    \/* Ajuste para mostrar hasta 5 columnas *\/\r\n.portafolios-post-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 20px;\r\n}\r\n\r\n\/* Fuerza 5 columnas en pantallas grandes *\/\r\n@media (min-width: 1400px) {\r\n    .portafolios-post-grid {\r\n        grid-template-columns: repeat(5, 1fr);\r\n    }\r\n}\r\n    <\/style>\r\n\r\n    <section class=\"portafolios-post-section\">\r\n        <div class=\"portafolios-post-container\">\r\n            <div class=\"portafolios-post-header\">\r\n                <i class=\"fas fa-folder-open\"><\/i>\r\n                <h2>PORTAFOLIOS<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"portafolios-post-grid\">\r\n                                    <div class=\"portafolios-card\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/unicrear.com.co\/unicrear\/wp-content\/uploads\/2025\/11\/img-202516110-17305345-768x854.jpg\" class=\"portafolios-img\" alt=\"Yeison Ricardo Becerra Idrobo\">\r\n                                                <div class=\"portafolios-content\">\r\n                           \r\n                            <h3 class=\"portafolios-title\">Yeison Ricardo Becerra Idrobo<\/h3>\r\n                            <p class=\"portafolios-desc\"><\/p>\r\n                            <a href=\"https:\/\/unicrear.com.co\/unicrear\/2025\/11\/12\/yeison-ricardo-becerra-idrobo\/\" class=\"portafolios-btn\">Ver m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"portafolios-card\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/unicrear.com.co\/unicrear\/wp-content\/uploads\/2025\/11\/dds-768x854.jpg\" class=\"portafolios-img\" alt=\"Le\u00f3n Luna Perdomo\">\r\n                                                <div class=\"portafolios-content\">\r\n                           \r\n                            <h3 class=\"portafolios-title\">Le\u00f3n Luna Perdomo<\/h3>\r\n                            <p class=\"portafolios-desc\"><\/p>\r\n                            <a href=\"https:\/\/unicrear.com.co\/unicrear\/2025\/11\/12\/leon-luna-perdomo\/\" class=\"portafolios-btn\">Ver m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"portafolios-card\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/unicrear.com.co\/unicrear\/wp-content\/uploads\/2025\/11\/img-20251110-17305345-768x854.jpg\" class=\"portafolios-img\" alt=\"Mart\u00edn Felipe Quintero\">\r\n                                                <div class=\"portafolios-content\">\r\n                           \r\n                            <h3 class=\"portafolios-title\">Mart\u00edn Felipe Quintero<\/h3>\r\n                            <p class=\"portafolios-desc\">Ilustrador Conceptual<\/p>\r\n                            <a href=\"https:\/\/unicrear.com.co\/unicrear\/2025\/11\/11\/destacada-3\/\" class=\"portafolios-btn\">Ver m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"portafolios-card\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/unicrear.com.co\/unicrear\/wp-content\/uploads\/2025\/11\/img-20251110-173053-1-768x854.jpg\" class=\"portafolios-img\" alt=\"Angie Vanessa Reyes Narvaez\">\r\n                                                <div class=\"portafolios-content\">\r\n                           \r\n                            <h3 class=\"portafolios-title\">Angie Vanessa Reyes Narvaez<\/h3>\r\n                            <p class=\"portafolios-desc\">Ilustradora dise\u00f1adora y artista , \u00e9nfasis en ilustraci\u00f3n, campa\u00f1as culturales y tipograf\u00eda artesanal. Su trabajo mezcla t\u00e9cnicas anal\u00f3gicas...<\/p>\r\n                            <a href=\"https:\/\/unicrear.com.co\/unicrear\/2025\/11\/11\/diego-morales\/\" class=\"portafolios-btn\">Ver m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"portafolios-card\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/unicrear.com.co\/unicrear\/wp-content\/uploads\/2025\/11\/43-768x854.jpg\" class=\"portafolios-img\" alt=\"Eduardo Arbelaez\">\r\n                                                <div class=\"portafolios-content\">\r\n                           \r\n                            <h3 class=\"portafolios-title\">Eduardo Arbelaez<\/h3>\r\n                            <p class=\"portafolios-desc\">Artista conceptual enfocado en personajes, criaturas y entornos para videojuegos, 3D, animaci\u00f3n y series animadas. Estilo din\u00e1mico, con...<\/p>\r\n                            <a href=\"https:\/\/unicrear.com.co\/unicrear\/2025\/11\/11\/valentina-mercado\/\" class=\"portafolios-btn\">Ver m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"portafolios-pagination\"><\/div>        <\/div>\r\n    <\/section>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"wp:attachment":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}