{"id":9134,"date":"2025-11-25T14:43:55","date_gmt":"2025-11-25T14:43:55","guid":{"rendered":"https:\/\/tiendalibreshop.com\/?page_id=9134"},"modified":"2025-11-25T15:53:34","modified_gmt":"2025-11-25T15:53:34","slug":"nostalgiaretro","status":"publish","type":"page","link":"https:\/\/tiendalibreshop.com\/en\/nostalgiaretro\/","title":{"rendered":"NostalgiaRetro"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9134\" class=\"elementor elementor-9134\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c84c097 e-con-full e-flex e-con e-parent\" data-id=\"c84c097\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151bfc4 elementor-widget elementor-widget-html\" data-id=\"151bfc4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* --- ESTILOS FLUIDOS PARA ELEMENTOR --- *\/\r\n\r\n\/* Contenedor Principal: Se adapta al 100% del Widget HTML *\/\r\n.nostalgia-page {\r\n    \/* Configuraci\u00f3n Visual *\/\r\n    --nr-bg-dark: #050505;\r\n    --nr-bg-surface: #121212;\r\n    --nr-gold: #D4AF37;\r\n    --nr-text-main: #ffffff;\r\n    --nr-text-muted: #a0a0a0;\r\n    --nr-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n\r\n    \/* Reset b\u00e1sico local *\/\r\n    font-family: var(--nr-font);\r\n    background-color: var(--nr-bg-dark);\r\n    color: var(--nr-text-main);\r\n    line-height: 1.5;\r\n    width: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow: hidden; \/* Evita scrollbars horizontales *\/\r\n}\r\n\r\n.nostalgia-page *, \r\n.nostalgia-page *::before, \r\n.nostalgia-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* T\u00edtulos y textos base *\/\r\n.nostalgia-page h1, .nostalgia-page h2, .nostalgia-page h3, \r\n.nostalgia-page p, .nostalgia-page ul, .nostalgia-page li {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* 1. HERO: Altura m\u00ednima adaptable *\/\r\n.nostalgia-hero {\r\n    width: 100%;\r\n    min-height: 80vh; \/* Altura considerable pero flexible *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    background: radial-gradient(circle at center, #1e1e1e 0%, #000000 85%);\r\n    padding: 3rem 1.5rem;\r\n}\r\n\r\n.nr-hero-content {\r\n    width: 100%;\r\n    max-width: 800px; \/* Ancho m\u00e1ximo de lectura, pero fluido hacia abajo *\/\r\n    margin: 0 auto;\r\n    animation: nrFadeIn 1s ease forwards;\r\n}\r\n\r\n.nr-hero-title {\r\n    font-size: clamp(2rem, 5vw, 4rem); \/* Texto que escala fluido *\/\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 0.5rem;\r\n    background: linear-gradient(to right, #fff, #aaa);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.nr-hero-subtitle {\r\n    font-size: clamp(1rem, 3vw, 1.5rem);\r\n    color: #ddd;\r\n    margin-bottom: 1.5rem;\r\n    font-weight: 300;\r\n}\r\n\r\n.nr-hero-desc {\r\n    color: var(--nr-text-muted);\r\n    margin-bottom: 2rem;\r\n    font-size: 1rem;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\/* Botones *\/\r\n.nr-buttons {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: center;\r\n    flex-wrap: wrap; \/* Se apilan si el contenedor es muy estrecho *\/\r\n}\r\n\r\n.nr-btn {\r\n    padding: 12px 24px;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid transparent;\r\n    display: inline-block;\r\n}\r\n\r\n.nr-btn-primary {\r\n    background-color: var(--nr-gold);\r\n    color: #000;\r\n}\r\n.nr-btn-primary:hover {\r\n    background-color: #fff;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.nr-btn-ghost {\r\n    background: transparent;\r\n    border-color: rgba(255,255,255,0.3);\r\n    color: #fff;\r\n}\r\n.nr-btn-ghost:hover {\r\n    border-color: var(--nr-gold);\r\n    color: var(--nr-gold);\r\n}\r\n\r\n\/* 2. GRID INTELIGENTE (AUTO-FIT) *\/\r\n\/* Esta es la clave: las columnas se crean seg\u00fan el ancho disponible del contenedor, no de la pantalla *\/\r\n.nr-featured {\r\n    padding: 4rem 1.5rem;\r\n    background-color: var(--nr-bg-dark);\r\n}\r\n\r\n.nr-section-title {\r\n    font-size: 1.8rem;\r\n    margin-bottom: 2rem;\r\n    border-left: 4px solid var(--nr-gold);\r\n    padding-left: 1rem;\r\n}\r\n\r\n.nr-grid {\r\n    display: grid;\r\n    \/* Magia: Crea tantas columnas como quepan. M\u00ednimo 280px por tarjeta. *\/\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 1.5rem;\r\n    width: 100%;\r\n}\r\n\r\n.nr-card {\r\n    background-color: var(--nr-bg-surface);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n\r\n.nr-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.4);\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.nr-card-header {\r\n    height: 180px;\r\n    background: linear-gradient(135deg, #333, #111);\r\n    position: relative;\r\n}\r\n\/* Efecto visual simple para el header *\/\r\n.nr-card-header::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, var(--nr-bg-surface), transparent);\r\n    opacity: 0.6;\r\n}\r\n\r\n.nr-card-body {\r\n    padding: 1.5rem;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.nr-card h4 {\r\n    font-size: 1.2rem;\r\n    margin-bottom: 0.5rem;\r\n    color: #fff;\r\n}\r\n\r\n.nr-card p {\r\n    font-size: 0.9rem;\r\n    color: var(--nr-text-muted);\r\n    margin-bottom: 1rem;\r\n    flex-grow: 1;\r\n}\r\n\r\n.nr-tags {\r\n    display: flex;\r\n    gap: 0.5rem;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.nr-tag {\r\n    font-size: 0.7rem;\r\n    padding: 3px 8px;\r\n    background: rgba(255,255,255,0.1);\r\n    border-radius: 3px;\r\n    color: #ddd;\r\n}\r\n\r\n.nr-link {\r\n    font-size: 0.9rem;\r\n    color: var(--nr-gold);\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* 3. PROCESO (FLEXBOX WRAP) *\/\r\n.nr-process {\r\n    background-color: var(--nr-bg-process);\r\n    padding: 4rem 1.5rem;\r\n    border-top: 1px solid #222;\r\n}\r\n\r\n.nr-process-flex {\r\n    display: flex;\r\n    flex-wrap: wrap; \/* Se adapta autom\u00e1ticamente *\/\r\n    gap: 3rem;\r\n    align-items: center;\r\n}\r\n\r\n.nr-process-col {\r\n    flex: 1 1 400px; \/* Base 400px, pero puede crecer o encogerse *\/\r\n    min-width: 280px; \/* No se har\u00e1 m\u00e1s peque\u00f1o que esto *\/\r\n}\r\n\r\n.nr-process-list li {\r\n    margin-bottom: 1rem;\r\n    padding-left: 1.5rem;\r\n    position: relative;\r\n    color: #ccc;\r\n}\r\n.nr-process-list li::before {\r\n    content: '\u2022';\r\n    color: var(--nr-gold);\r\n    position: absolute;\r\n    left: 0;\r\n    font-size: 1.2rem;\r\n    line-height: 1;\r\n}\r\n\r\n\/* 4. CTA *\/\r\n.nr-cta {\r\n    padding: 5rem 1.5rem;\r\n    text-align: center;\r\n    background: linear-gradient(to bottom, #050505, #151515);\r\n}\r\n\r\n@keyframes nrFadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"nostalgia-page\">\r\n    \r\n    <div class=\"nostalgia-hero\">\r\n        <div class=\"nr-hero-content\">\r\n            <span style=\"color: var(--nr-gold); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 10px;\">\r\n                TiendaLibreShop Presents\r\n            <\/span>\r\n            <h1 class=\"nr-hero-title\">NostalgiaRetro<\/h1>\r\n            <h2 class=\"nr-hero-subtitle\">Remastered Collections 2K & 1080p<\/h2>\r\n            <p class=\"nr-hero-desc\">\r\n                Un archivo premium de series cl\u00e1sicas restauradas. Calidad de imagen superior y audio latino original.\r\n            <\/p>\r\n            <div class=\"nr-buttons\">\r\n                <a href=\"#catalogo\" class=\"nr-btn nr-btn-primary\">Ver Colecciones<\/a>\r\n                <a href=\"#info\" class=\"nr-btn nr-btn-ghost\">C\u00f3mo lo hacemos<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nr-featured\" id=\"catalogo\">\r\n        <h3 class=\"nr-section-title\">Colecciones Destacadas<\/h3>\r\n        <div class=\"nr-grid\">\r\n            \r\n            <div class=\"nr-card\">\r\n                <div class=\"nr-card-header\" style=\"background: linear-gradient(45deg, #222, #444);\"><\/div>\r\n                <div class=\"nr-card-body\">\r\n                    <h4>The Wonder Years<\/h4>\r\n                    <p>La serie cl\u00e1sica completa escalada con IA.<\/p>\r\n                    <div class=\"nr-tags\">\r\n                        <span class=\"nr-tag\">4K \/ 2K<\/span>\r\n                        <span class=\"nr-tag\">Latino<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"nr-link\">Explorar \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"nr-card\">\r\n                <div class=\"nr-card-header\" style=\"background: linear-gradient(45deg, #0f2027, #203a43);\"><\/div>\r\n                <div class=\"nr-card-body\">\r\n                    <h4>7th Heaven<\/h4>\r\n                    <p>Drama familiar restaurado desde la fuente original.<\/p>\r\n                    <div class=\"nr-tags\">\r\n                        <span class=\"nr-tag\">1080p<\/span>\r\n                        <span class=\"nr-tag\">Audio Dual<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"nr-link\">Explorar \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"nr-card\">\r\n                <div class=\"nr-card-header\" style=\"background: linear-gradient(45deg, #3a1c71, #d76d77);\"><\/div>\r\n                <div class=\"nr-card-body\">\r\n                    <h4>Bonanza<\/h4>\r\n                    <p>Edici\u00f3n Vintage con correcci\u00f3n de color.<\/p>\r\n                    <div class=\"nr-tags\">\r\n                        <span class=\"nr-tag\">Vintage<\/span>\r\n                        <span class=\"nr-tag\">Remastered<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"nr-link\">Explorar \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n             <div class=\"nr-card\">\r\n                <div class=\"nr-card-header\" style=\"background: linear-gradient(45deg, #141E30, #243B55);\"><\/div>\r\n                <div class=\"nr-card-body\">\r\n                    <h4>Angel (1999)<\/h4>\r\n                    <p>Collector's Cut. Oscuro y definido.<\/p>\r\n                    <div class=\"nr-tags\">\r\n                        <span class=\"nr-tag\">1080p<\/span>\r\n                        <span class=\"nr-tag\">Uncut<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"nr-link\">Explorar \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nr-process\" id=\"info\">\r\n        <div class=\"nr-process-flex\">\r\n            <div class=\"nr-process-col\">\r\n                <h3 style=\"font-size: 2rem; color: #fff; margin-bottom: 1rem;\">Restauraci\u00f3n con IA<\/h3>\r\n                <p style=\"color: var(--nr-text-muted);\">\r\n                    Usamos Topaz Video AI y procesos manuales para limpiar ruido, desentrelazar y escalar la imagen sin perder la esencia retro.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"nr-process-col\">\r\n                <ul class=\"nr-process-list\">\r\n                    <li>Limpieza de ruido anal\u00f3gico y grano excesivo.<\/li>\r\n                    <li>Escalado inteligente a 1080p o 2K.<\/li>\r\n                    <li>Correcci\u00f3n de color para monitores modernos.<\/li>\r\n                    <li>Exportaci\u00f3n optimizada (MP4\/MKV).<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nr-cta\">\r\n        <h2 style=\"font-size: 2rem; color: #fff; margin-bottom: 1rem;\">\u00bfBuscas una serie espec\u00edfica?<\/h2>\r\n        <p style=\"color: var(--nr-text-muted); margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto;\">\r\n            Hablemos por WhatsApp para darte acceso a la colecci\u00f3n completa y asistencia personalizada.\r\n        <\/p>\r\n        <a href=\"https:\/\/wa.me\/NUMERO\" class=\"nr-btn nr-btn-primary\" target=\"_blank\" rel=\"noopener\">Chat en WhatsApp<\/a>\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TiendaLibreShop Presents NostalgiaRetro Remastered Collections 2K &#038; 1080p Un archivo premium de series cl\u00e1sicas restauradas. Calidad de imagen superior y audio latino original. Ver Colecciones C\u00f3mo lo hacemos Colecciones Destacadas The Wonder Years La serie cl\u00e1sica completa escalada con IA. 4K \/ 2K Latino Explorar \u2192 7th Heaven Drama familiar restaurado desde la fuente original. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9134","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/pages\/9134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/comments?post=9134"}],"version-history":[{"count":16,"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/pages\/9134\/revisions"}],"predecessor-version":[{"id":9160,"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/pages\/9134\/revisions\/9160"}],"wp:attachment":[{"href":"https:\/\/tiendalibreshop.com\/en\/wp-json\/wp\/v2\/media?parent=9134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}