{"id":13,"date":"2023-08-09T02:01:34","date_gmt":"2023-08-09T02:01:34","guid":{"rendered":"https:\/\/losandesoficial.store\/home\/?page_id=13"},"modified":"2026-05-12T00:03:51","modified_gmt":"2026-05-12T03:03:51","slug":"inicio","status":"publish","type":"page","link":"https:\/\/losandesoficial.store\/home\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"hero-container\">\n    <div class=\"hero-image\"><\/div>\n    <div class=\"hero-shadow\"><\/div> \n    \n    <div class=\"hero-overlay\">\n        <div class=\"text-container\">\n            <h1 class=\"renovando-text\">Nos estamos renovando&#8230;<\/h1>\n            <div class=\"separator-lines\">\n                <div class=\"line red\"><\/div>\n                <div class=\"line white\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. Reset de espacios del tema *\/\n.homepage .header-homepage { display: none !important; }\n.gridContainer.content, #page-content {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* 2. Contenedor Principal (Full Viewport) *\/\n.hero-container {\n    position: relative;\n    width: 100vw;\n    height: 100vh;\n    margin-left: calc(-50vw + 50%);\n    overflow: hidden;\n    background-color: #000;\n    z-index: 10;\n}\n\n\/* 3. Imagen de fondo *\/\n.hero-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url('https:\/\/losandesoficial.store\/home\/wp-content\/uploads\/2026\/04\/Camiseta-feed.png');\n    background-size: cover;\n    background-position: center top;\n    filter: brightness(0.4); \/* Un toque m\u00e1s oscuro para resaltar el blanco *\/\n    animation: heroZoomIn 4s ease-out forwards;\n    opacity: 0;\n}\n\n\/* 4. Sombra y Capas de profundidad *\/\n.hero-shadow {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.8) 100%);\n    z-index: 11;\n    pointer-events: none;\n}\n\n\/* 5. Centrado Absoluto y Animaci\u00f3n de grupo *\/\n.hero-overlay {\n    position: absolute;\n    z-index: 12;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,0,0,0.2);\n}\n\n.text-container {\n    display: flex;\n    flex-direction: column; \/* Alinea hijos uno debajo del otro *\/\n    align-items: center;    \/* Centra horizontalmente *\/\n    text-align: center;\n    animation: breathing 4s infinite ease-in-out;\n}\n\n.renovando-text {\n    color: #ffffff;\n    font-family: 'Arial Black', Gadget, sans-serif;\n    font-size: 3.5rem;\n    text-transform: uppercase;\n    letter-spacing: 6px;\n    margin: 0 0 20px 0; \/* Margen abajo para separar de las l\u00edneas *\/\n    text-shadow: 2px 2px 20px rgba(0,0,0,0.8);\n}\n\n\/* 6. Estilo de las l\u00edneas *\/\n.separator-lines {\n    width: 150px; \/* Ancho fijo para que sea un detalle sutil bajo el texto *\/\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.line {\n    height: 4px;\n    width: 100%;\n    border-radius: 10px;\n}\n\n.line.red { background-color: #d12020; }\n.line.white { background-color: #ffffff; }\n\n\/* Animaciones *\/\n@keyframes heroZoomIn {\n    0% { transform: scale(1.1); opacity: 0; }\n    100% { transform: scale(1); opacity: 1; }\n}\n\n@keyframes breathing {\n    0%, 100% { opacity: 0.5; transform: scale(0.98); }\n    50% { opacity: 1; transform: scale(1); }\n}\n\n\/* Ajustes para Celulares *\/\n@media (max-width: 768px) {\n    .renovando-text {\n        font-size: 1.8rem;\n        letter-spacing: 2px;\n        padding: 0 20px;\n    }\n    .separator-lines {\n        width: 100px;\n    }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<script>\n(function() {\n    window.addEventListener('scroll', function() {\n        var nav = document.querySelector('.navigation-bar.coloured-nav');\n        if (!nav) return; \/\/ Por si las dudas no encuentra el elemento\n\n        if (window.scrollY > 50) {\n            nav.classList.add('nav-scrolled');\n        } else {\n            nav.classList.remove('nav-scrolled');\n        }\n    });\n    console.log(\"Script de scroll inyectado correctamente\");\n})();\n<\/script>\n\n\n\n<style>\n\/* 1. Estado inicial (Transparente) *\/\n\/* Usamos el ID #page-top para darle m\u00e1s peso al selector y que el tema no nos gane *\/\n#page-top .navigation-bar.coloured-nav {\n    background-color: transparent !important;\n    background-image: none !important; \/* Por si el tema mete un gradiente *\/\n    box-shadow: none !important;\n    transition: all 0.4s ease-in-out !important;\n}\n\n\/* 2. Estado con Scroll (Rojo) *\/\n\/* Al agregar .nav-scrolled, el selector se vuelve m\u00e1s espec\u00edfico a\u00fan *\/\n#page-top .navigation-bar.coloured-nav.nav-scrolled {\n    background-color: #d12020 !important; \/* Rojo Los Andes *\/\n    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4) !important;\n}\n\n\/* 3. Aseguramos que los textos del men\u00fa sean blancos siempre *\/\n#page-top .navigation-bar.coloured-nav .simple-menu-items li a {\n    color: #ffffff !important;\n}\n\n\/* 4. Ajuste extra: que el contenido no quede con un hueco blanco arriba *\/\n.header-homepage {\n    padding-top: 0 !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Nos estamos renovando&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":80,"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":29613,"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/pages\/13\/revisions\/29613"}],"wp:attachment":[{"href":"https:\/\/losandesoficial.store\/home\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}