{"id":392,"date":"2021-07-17T08:09:13","date_gmt":"2021-07-17T08:09:13","guid":{"rendered":"https:\/\/demo.athemes.com\/botiga\/?page_id=7"},"modified":"2026-08-26T13:50:53","modified_gmt":"2026-08-26T18:50:53","slug":"blog","status":"publish","type":"page","link":"https:\/\/lionscap.agenciarocketads.com\/index.php\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\n<!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>LION CAPS &#8211; Blog Informativo de Gorras Urbanas<\/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=Montserrat:wght@300;400;600;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --negro-premium: #111111;\n            --blanco: #FFFFFF;\n            --cafe-mocha: #8B6F5A;\n            --gris-grafito: #3A3A3A;\n            --cafe-mocha-hover: #755b48;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        html, body {\n            width: 100%;\n            min-height: 100vh;\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--negro-premium);\n            color: var(--blanco);\n            overflow-x: hidden;\n        }\n\n        body {\n            background: radial-gradient(circle at center, var(--gris-grafito) 0%, var(--negro-premium) 100%);\n            background-attachment: fixed;\n        }\n\n        .dot-grid {\n            position: absolute;\n            display: grid;\n            grid-template-columns: repeat(6, 4px);\n            gap: 6px;\n            opacity: 0.3;\n            z-index: 1;\n        }\n        .dot-grid div {\n            width: 4px;\n            height: 4px;\n            background-color: var(--blanco);\n            border-radius: 50%;\n        }\n\n        \/* Header con solo el logo centrado *\/\n        header {\n            width: 100%;\n            padding: 20px 8%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            background: rgba(17, 17, 17, 0.95);\n            backdrop-filter: blur(10px);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            border-bottom: 1px solid var(--gris-grafito);\n        }\n\n        .logo-container {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            text-decoration: none;\n        }\n\n        .logo-img {\n            max-height: 48px;\n            width: auto;\n            object-fit: contain;\n        }\n\n        .logo-text {\n            font-weight: 900;\n            letter-spacing: 2px;\n            font-size: 20px;\n            text-transform: uppercase;\n            color: var(--blanco);\n        }\n\n        .hero {\n            position: relative;\n            width: 100%;\n            min-height: 85vh;\n            display: flex;\n            align-items: center;\n            padding: 40px 8%;\n            overflow: hidden;\n            background: radial-gradient(ellipse at center, var(--gris-grafito) 0%, var(--negro-premium) 80%);\n            border-bottom: 1px solid var(--gris-grafito);\n        }\n\n        .hero-content {\n            flex: 1;\n            max-width: 550px;\n            z-index: 10;\n        }\n\n        .hero h1 {\n            font-size: 48px;\n            font-weight: 900;\n            line-height: 1.15;\n            margin-bottom: 15px;\n            color: var(--blanco);\n            text-shadow: 0 4px 20px rgba(0,0,0,0.8);\n        }\n\n        .hero h2 {\n            font-size: 26px;\n            font-weight: 600;\n            color: var(--cafe-mocha);\n            margin-bottom: 35px;\n            letter-spacing: 0.5px;\n        }\n\n        .btn-cta {\n            display: inline-block;\n            background-color: var(--cafe-mocha);\n            color: var(--blanco);\n            padding: 16px 36px;\n            border-radius: 30px;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            text-decoration: none;\n            box-shadow: 0 6px 20px rgba(139, 111, 90, 0.3);\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n        }\n\n        .btn-cta:hover {\n            background-color: var(--cafe-mocha-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(139, 111, 90, 0.5);\n        }\n\n        .hero-visual {\n            flex: 1;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 10;\n        }\n\n        .cap-display {\n            position: relative;\n            width: 380px;\n            height: 380px;\n            background: radial-gradient(circle, rgba(139, 111, 90, 0.2) 0%, transparent 70%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .cap-card {\n            width: 280px;\n            height: 280px;\n            background: linear-gradient(145deg, #1d4ed8, #1e40af);\n            border-radius: 50% 50% 40% 40%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9), inset 0 2px 10px rgba(255, 255, 255, 0.3);\n            position: relative;\n            border: 3px solid #2563eb;\n        }\n\n        .cap-logo-embroidery {\n            font-size: 42px;\n            font-weight: 900;\n            font-family: 'Times New Roman', serif;\n            color: var(--blanco);\n            text-shadow: 3px 3px 0px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;\n            letter-spacing: -2px;\n            transform: rotate(-5deg);\n        }\n\n        .cap-sticker {\n            position: absolute;\n            bottom: 30px;\n            right: 40px;\n            width: 55px;\n            height: 55px;\n            background: radial-gradient(circle, #facc15 0%, #ca8a04 100%);\n            border-radius: 50%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: #000;\n            font-size: 8px;\n            font-weight: 900;\n            border: 2px dashed #000;\n            transform: rotate(15deg);\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n        }\n\n        .hero-features {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n            z-index: 10;\n        }\n\n        .feature-tag {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 17px;\n            font-weight: 700;\n            color: var(--blanco);\n            background: var(--gris-grafito);\n            padding: 14px 22px;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        .feature-icon {\n            font-size: 22px;\n        }\n\n        .blog-section {\n            width: 100%;\n            padding: 80px 8%;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-header h3 {\n            font-size: 14px;\n            color: var(--cafe-mocha);\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            margin-bottom: 10px;\n            font-weight: 800;\n        }\n\n        .section-header h2 {\n            font-size: 36px;\n            font-weight: 900;\n            color: var(--blanco);\n        }\n\n        .blog-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px;\n        }\n\n        .blog-card {\n            background: var(--gris-grafito);\n            border-radius: 16px;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .blog-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cafe-mocha);\n        }\n\n        .blog-img {\n            height: 220px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n        }\n\n        .badge {\n            position: absolute;\n            top: 15px;\n            left: 15px;\n            background-color: var(--cafe-mocha);\n            color: var(--blanco);\n            padding: 6px 14px;\n            border-radius: 20px;\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .blog-body {\n            padding: 25px;\n        }\n\n        .blog-date {\n            font-size: 12px;\n            color: #aaaaaa;\n            margin-bottom: 10px;\n        }\n\n        .blog-title {\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 12px;\n            line-height: 1.4;\n            color: var(--blanco);\n        }\n\n        .blog-excerpt {\n            font-size: 14px;\n            color: #cccccc;\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n\n        .read-more {\n            color: var(--cafe-mocha);\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            transition: gap 0.3s ease;\n        }\n\n        .read-more:hover {\n            gap: 10px;\n            color: var(--blanco);\n        }\n\n        .cta-banner {\n            margin: 40px 8% 80px 8%;\n            background: linear-gradient(135deg, var(--gris-grafito) 0%, var(--negro-premium) 100%);\n            border: 1px solid var(--cafe-mocha);\n            border-radius: 20px;\n            padding: 50px 40px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-text h3 {\n            font-size: 28px;\n            font-weight: 900;\n            margin-bottom: 10px;\n            color: var(--blanco);\n        }\n\n        .cta-text p {\n            color: #cccccc;\n            font-size: 15px;\n        }\n\n        footer {\n            width: 100%;\n            background: var(--negro-premium);\n            padding: 50px 8% 30px 8%;\n            border-top: 1px solid var(--gris-grafito);\n        }\n\n        .footer-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .footer-rights {\n            text-align: center;\n            color: #777777;\n            font-size: 13px;\n            padding-top: 20px;\n            border-top: 1px solid var(--gris-grafito);\n        }\n\n        @media (max-width: 992px) {\n            .hero {\n                flex-direction: column;\n                text-align: center;\n                padding-top: 60px;\n                padding-bottom: 60px;\n            }\n            .hero-content {\n                max-width: 100%;\n                margin-bottom: 40px;\n            }\n            .cta-banner {\n                flex-direction: column;\n                text-align: center;\n                gap: 25px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header>\n        <a href=\"#\" class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/lionscap.agenciarocketads.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_58kiun58kiun58ki-Photoroom.png\" alt=\"LION CAPS Logo\" class=\"logo-img\">\n            <span class=\"logo-text\">LION CAPS<\/span>\n        <\/a>\n    <\/header>\n\n    <section class=\"hero\">\n        <div class=\"dot-grid\" style=\"top: 30px; left: 40px;\">\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n        <\/div>\n\n        <div class=\"dot-grid\" style=\"top: 45%; left: 20px;\">\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n        <\/div>\n\n        <div class=\"dot-grid\" style=\"bottom: 30px; right: 30px;\">\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n        <\/div>\n\n        <div class=\"hero-content\">\n            <h1>Para los que marcan<br>La diferencia<\/h1>\n            <h2>Gorras Premium<\/h2>\n            <a href=\"https:\/\/lionscap.agenciarocketads.com\/wp-content\/uploads\/2026\/08\/Serif.Interop.Persona-3.jpg\" class=\"btn-cta\">DESCUBRIR M\u00c1S!<\/a>\n        <\/div>\n\n        <div class=\"hero-visual\">\n            <div class=\"cap-display\">\n                <div class=\"cap-card\">\n                    <div class=\"cap-logo-embroidery\">Sox<\/div>\n                    <div class=\"cap-sticker\">\n                        <span>47<\/span>\n                        <span>CAPTAIN<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-features\">\n            <div class=\"feature-tag\">\n                <span class=\"feature-icon\">\ud83d\udee1\ufe0f<\/span>\n                <span>100% Originales<\/span>\n            <\/div>\n            <div class=\"feature-tag\">\n                <span class=\"feature-icon\">\ud83d\udc8e<\/span>\n                <span>Ediciones Limitadas<\/span>\n            <\/div>\n            <div class=\"feature-tag\">\n                <span class=\"feature-icon\">\ud83d\udd12<\/span>\n                <span>Pagos seguros<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"blog-section\" id=\"blog\">\n        <div class=\"section-header\">\n            <h3>Cultura &#038; Estilo Urbano<\/h3>\n            <h2>Blog Informativo LION CAPS<\/h2>\n        <\/div>\n\n        <div class=\"blog-grid\">\n            <article class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: linear-gradient(to bottom, transparent, rgba(17,17,17,0.9)), url('https:\/\/images.unsplash.com\/photo-1588850561407-ed78c282e89b?auto=format&#038;fit=crop&#038;w=800&#038;q=80');\">\n                    <span class=\"badge\">Gu\u00eda de Estilo<\/span>\n                <\/div>\n                <div class=\"blog-body\">\n                    <p class=\"blog-date\">26 de Agosto, 2026<\/p>\n                    <h3 class=\"blog-title\">Snapback vs Fitted: \u00bfCu\u00e1l se adapta mejor a tu estilo \u00fanico?<\/h3>\n                    <p class=\"blog-excerpt\">Descubre las diferencias clave en ajuste, visera y estructura entre las ic\u00f3nicas Snapback y las cl\u00e1sicas 59FIFTY Fitted.<\/p>\n                    <a href=\"#\" class=\"read-more\">Leer art\u00edculo completo &rarr;<\/a>\n                <\/div>\n            <\/article>\n\n            <article class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: linear-gradient(to bottom, transparent, rgba(17,17,17,0.9)), url('https:\/\/images.unsplash.com\/photo-1521369909029-2afed882baee?auto=format&#038;fit=crop&#038;w=800&#038;q=80');\">\n                    <span class=\"badge\">Mantenimiento<\/span>\n                <\/div>\n                <div class=\"blog-body\">\n                    <p class=\"blog-date\">20 de Agosto, 2026<\/p>\n                    <h3 class=\"blog-title\">C\u00f3mo lavar y conservar tus gorras premium sin perder la forma<\/h3>\n                    <p class=\"blog-excerpt\">Gu\u00eda paso a paso para limpiar el sudor, la suciedad y proteger los bordados originales sin da\u00f1ar la corona ni la visera.<\/p>\n                    <a href=\"#\" class=\"read-more\">Leer art\u00edculo completo &rarr;<\/a>\n                <\/div>\n            <\/article>\n\n            <article class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: linear-gradient(to bottom, transparent, rgba(17,17,17,0.9)), url('https:\/\/images.unsplash.com\/photo-1576871337632-b9aef4c17ab9?auto=format&#038;fit=crop&#038;w=800&#038;q=80');\">\n                    <span class=\"badge\">Colecci\u00f3n<\/span>\n                <\/div>\n                <div class=\"blog-body\">\n                    <p class=\"blog-date\">15 de Agosto, 2026<\/p>\n                    <h3 class=\"blog-title\">El auge de las Ediciones Limitadas en el Streetwear actual<\/h3>\n                    <p class=\"blog-excerpt\">Un recorrido por las colaboraciones m\u00e1s ic\u00f3nicas entre marcas de gorras, personajes de anime y la cultura pop.<\/p>\n                    <a href=\"#\" class=\"read-more\">Leer art\u00edculo completo &rarr;<\/a>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/section>\n\n    <section class=\"cta-banner\">\n        <div class=\"cta-text\">\n            <h3>\u00bfListo para elevarte al siguiente nivel?<\/h3>\n            <p>\u00danete a nuestro club exclusivo y recibe lanzamientos de ediciones limitadas antes que nadie.<\/p>\n        <\/div>\n        <a href=\"#\" class=\"btn-cta\">SUSCRIBIRME AHORA<\/a>\n    <\/section>\n\n    <footer>\n        <div class=\"footer-content\">\n            <a href=\"#\" class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/lionscap.agenciarocketads.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_58kiun58kiun58ki-Photoroom.png\" alt=\"LION CAPS Logo\" class=\"logo-img\">\n                <span class=\"logo-text\">LION CAPS<\/span>\n            <\/a>\n            <p style=\"color: #aaaaaa; font-size: 14px;\">Premium Urban Wear &#038; Exclusive Headwear Collection<\/p>\n        <\/div>\n        <div class=\"footer-rights\">\n            &copy; 2026 LION CAPS. Todos los derechos reservados.\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LION CAPS &#8211; Blog Informativo de Gorras Urbanas LION CAPS Para los que marcanLa diferencia Gorras Premium DESCUBRIR M\u00c1S! Sox 47 CAPTAIN \ud83d\udee1\ufe0f 100% Originales \ud83d\udc8e Ediciones Limitadas \ud83d\udd12 Pagos [&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-392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/pages\/392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/comments?post=392"}],"version-history":[{"count":4,"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/pages\/392\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/pages\/392\/revisions\/737"}],"wp:attachment":[{"href":"https:\/\/lionscap.agenciarocketads.com\/index.php\/wp-json\/wp\/v2\/media?parent=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}