{"id":2034,"date":"2026-06-20T02:28:32","date_gmt":"2026-06-20T02:28:32","guid":{"rendered":"https:\/\/legatto.space\/?page_id=2034"},"modified":"2026-06-20T03:33:54","modified_gmt":"2026-06-20T03:33:54","slug":"in","status":"publish","type":"page","link":"https:\/\/legatto.space\/en\/in\/","title":{"rendered":"Login"},"content":{"rendered":"<style>\n  \/* ========================================================================\n     1. Global Page Overrides\n     These rules modify the body to take over the whole screen seamlessly,\n     ensuring the Beaver Builder theme canvas matches our dark minimalist look.\n     ======================================================================== *\/\n  body {\n    background-color: #141414 !important;\n    margin: 0;\n    padding: 0;\n    transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    \/* We inherit the theme font family automatically via BB settings *\/\n  }\n  \/* Hide native Beaver Builder wrapper backgrounds so our body color shows *\/\n  .fl-page, .fl-page-content {\n    background: transparent !important;\n  }\n  \/* ========================================================================\n     2. Active\/Focus State Classes\n     Applied dynamically via JavaScript when the user interacts with the form.\n     ======================================================================== *\/\n  body.legatto-is-focused {\n    background-color: #f6c703 !important;\n  }\n  \/* ========================================================================\n     3. Layout & Container Setup\n     Flexbox guarantees perfect vertical and horizontal centering.\n     ======================================================================== *\/\n  .legatto-login-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    width: 100%;\n    padding: 20px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 10;\n  }\n  .legatto-logo-wrapper {\n    position: relative;\n    width: 300px;\n    margin-bottom: 40px;\n  }\n  .legatto-logo-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    opacity: 0; \/* Reserves exact space while hiding original image *\/\n  }\n  .legatto-logo-wrapper::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #f6c703; \/* Initial color: Gold *\/\n    -webkit-mask-image: url('https:\/\/legatto.space\/wp-content\/uploads\/2021\/07\/Iso-Legatto-1-Tinta.png');\n    -webkit-mask-size: contain;\n    -webkit-mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-image: url('https:\/\/legatto.space\/wp-content\/uploads\/2021\/07\/Iso-Legatto-1-Tinta.png');\n    mask-size: contain;\n    mask-repeat: no-repeat;\n    mask-position: center;\n    transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  body.legatto-is-focused .legatto-logo-wrapper::after {\n    background-color: #141414; \/* Changes exactly to black on focus *\/\n  }\n  \/* ========================================================================\n     4. Form Box Architecture\n     ======================================================================== *\/\n  .legatto-form-box {\n    width: 100%;\n    max-width: 400px;\n    background: transparent;\n    box-sizing: border-box;\n  }\n  \/* Beaver builder default overrides to prevent rogue margins *\/\n  .legatto-form-box form {\n    margin: 0;\n    padding: 0;\n  }\n  \/* ========================================================================\n     5. Input Fields (U-Shape Borders & Placeholders)\n     ======================================================================== *\/\n  .legatto-input-group {\n    margin-bottom: 30px;\n    position: relative;\n  }\n  \/* Increased specificity to override Beaver Builder theme defaults *\/\n  .legatto-login-container .legatto-input {\n    width: 100%;\n    padding: 16px 20px !important;\n    background: transparent !important;\n    border: 2px solid #ffffff !important;\n    border-top: none !important; \/* Force U-shape border *\/\n    color: #ffffff !important;\n    font-family: inherit;\n    font-size: inherit; \n    outline: none !important;\n    box-shadow: none !important;\n    border-radius: 0 !important;\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    box-sizing: border-box;\n  }\n  .legatto-login-container .legatto-input::placeholder {\n    color: rgba(255, 255, 255, 0.7) !important;\n    transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \/* Active\/Focus states: Invert borders and placeholders to dark mode *\/\n  body.legatto-is-focused .legatto-login-container .legatto-input {\n    border-color: #141414 !important;\n    color: #141414 !important;\n  }\n  body.legatto-is-focused .legatto-login-container .legatto-input::placeholder {\n    color: rgba(20, 20, 20, 0.7) !important;\n  }\n  \/* Webkit Autofill Overrides *\/\n  .legatto-login-container .legatto-input:-webkit-autofill,\n  .legatto-login-container .legatto-input:-webkit-autofill:hover, \n  .legatto-login-container .legatto-input:-webkit-autofill:focus, \n  .legatto-login-container .legatto-input:-webkit-autofill:active {\n    -webkit-box-shadow: 0 0 0 30px transparent inset !important;\n    transition: background-color 5000s ease-in-out 0s;\n    -webkit-text-fill-color: #ffffff !important;\n  }\n  body.legatto-is-focused .legatto-login-container .legatto-input:-webkit-autofill {\n    -webkit-text-fill-color: #141414 !important;\n  }\n  \/* ========================================================================\n     6. Submit Button & Checkboxes\n     ======================================================================== *\/\n  \/* Increased specificity to override Beaver Builder button styles *\/\n  .legatto-login-container .legatto-submit {\n    display: block;\n    width: 100%;\n    padding: 16px !important;\n    background-color: #ffffff !important;\n    color: #141414 !important;\n    border: none !important;\n    font-weight: bold;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    border-radius: 0 !important; \/* Ensure square corners if theme adds radius *\/\n    text-align: center;\n    box-sizing: border-box;\n  }\n  body.legatto-is-focused .legatto-login-container .legatto-submit {\n    background-color: #141414 !important;\n    color: #ffffff !important;\n  }\n  .legatto-login-container .legatto-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(255,255,255,0.2) !important; \/* Adjusted shadow for dark background *\/\n  }\n  body.legatto-is-focused .legatto-login-container .legatto-submit:hover {\n    box-shadow: 0 8px 20px rgba(20,20,20,0.3) !important;\n  }\n  \/* Flex Layout for Checkbox and Lost Password *\/\n  .legatto-form-utils {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 25px;\n    margin-bottom: 0;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .legatto-checkbox-group {\n    display: flex;\n    align-items: center;\n    color: #ffffff;\n    font-size: 0.9em;\n    transition: color 0.6s ease;\n    cursor: pointer;\n  }\n  body.legatto-is-focused .legatto-checkbox-group {\n    color: #141414;\n  }\n  .legatto-checkbox-group input {\n    margin-right: 8px;\n    cursor: pointer;\n  }\n  .legatto-forgot {\n    color: rgba(255, 255, 255, 0.7);\n    text-decoration: none;\n    font-size: 0.9em;\n    transition: color 0.6s ease;\n  }\n  .legatto-forgot:hover {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n  body.legatto-is-focused .legatto-forgot {\n    color: rgba(20, 20, 20, 0.7);\n  }\n  body.legatto-is-focused .legatto-forgot:hover {\n    color: #141414;\n  }\n<\/style>\n  <!-- Centered Logo -->\n    <img decoding=\"async\" src=\"https:\/\/legatto.space\/wp-content\/uploads\/2021\/07\/Iso-Legatto-1-Tinta.png\" alt=\"Legatto Space\"\/>\n  <!-- Main Form Wrapper -->\n    <!-- Replaced <form> with a  to prevent Beaver Builder nested form bugs -->\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" size=\"20\" required autocomplete=\"username\" placeholder=\"Username \/ Email\" aria-label=\"Username or Email Address\"\/>\n        <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" size=\"20\" required autocomplete=\"current-password\" placeholder=\"Password\" aria-label=\"Password\"\/>\n      <!-- Action Button and WP Hidden Parameters -->\n      <button type=\"button\" id=\"wp-submit\">Log In<\/button>\n        <label>\n          <input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\"\/>\n          Remember Me\n        <\/label>\n        <a href=\"\/en\/wp-login.php\/?action=lostpassword\">Lost Password?<\/a>\n      <!-- Redirects user back to homepage or WP dashboard upon success -->\n      <input type=\"hidden\" name=\"redirect_to\" value=\"\/wp-admin\/\"\/>\n      <input type=\"hidden\" name=\"testcookie\" value=\"1\"\/>\n<\/form>","protected":false},"excerpt":{"rendered":"<p>Log In Remember Me Lost Password?<\/p>","protected":false},"author":1,"featured_media":1666,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-2034","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Login - Legatto<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/legatto.space\/en\/in\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Login - Legatto\" \/>\n<meta property=\"og:description\" content=\"Log In Remember Me Lost Password?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/legatto.space\/en\/in\/\" \/>\n<meta property=\"og:site_name\" content=\"Legatto\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-20T03:33:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/legatto.space\/wp-content\/uploads\/2025\/08\/Color-strings-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"2000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/\",\"url\":\"https:\\\/\\\/legatto.space\\\/in\\\/\",\"name\":\"Login - Legatto\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/legatto.space\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Color-strings-3.jpg\",\"datePublished\":\"2026-06-20T02:28:32+00:00\",\"dateModified\":\"2026-06-20T03:33:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/legatto.space\\\/in\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/#primaryimage\",\"url\":\"https:\\\/\\\/legatto.space\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Color-strings-3.jpg\",\"contentUrl\":\"https:\\\/\\\/legatto.space\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Color-strings-3.jpg\",\"width\":2000,\"height\":2000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/legatto.space\\\/in\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/legatto.space\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Login\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/legatto.space\\\/#website\",\"url\":\"https:\\\/\\\/legatto.space\\\/\",\"name\":\"Legatto\",\"description\":\"Consciencia Musical\",\"publisher\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/legatto.space\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/legatto.space\\\/#organization\",\"name\":\"Legatto Institute\",\"url\":\"https:\\\/\\\/legatto.space\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/legatto.space\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/legatto.space\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Legatto-Logo-Final.png\",\"contentUrl\":\"https:\\\/\\\/legatto.space\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Legatto-Logo-Final.png\",\"width\":1424,\"height\":508,\"caption\":\"Legatto Institute\"},\"image\":{\"@id\":\"https:\\\/\\\/legatto.space\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Login - Legatto","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/legatto.space\/en\/in\/","og_locale":"en_US","og_type":"article","og_title":"Login - Legatto","og_description":"Log In Remember Me Lost Password?","og_url":"https:\/\/legatto.space\/en\/in\/","og_site_name":"Legatto","article_modified_time":"2026-06-20T03:33:54+00:00","og_image":[{"width":2000,"height":2000,"url":"https:\/\/legatto.space\/wp-content\/uploads\/2025\/08\/Color-strings-3.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/legatto.space\/in\/","url":"https:\/\/legatto.space\/in\/","name":"Login - Legatto","isPartOf":{"@id":"https:\/\/legatto.space\/#website"},"primaryImageOfPage":{"@id":"https:\/\/legatto.space\/in\/#primaryimage"},"image":{"@id":"https:\/\/legatto.space\/in\/#primaryimage"},"thumbnailUrl":"https:\/\/legatto.space\/wp-content\/uploads\/2025\/08\/Color-strings-3.jpg","datePublished":"2026-06-20T02:28:32+00:00","dateModified":"2026-06-20T03:33:54+00:00","breadcrumb":{"@id":"https:\/\/legatto.space\/in\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/legatto.space\/in\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/legatto.space\/in\/#primaryimage","url":"https:\/\/legatto.space\/wp-content\/uploads\/2025\/08\/Color-strings-3.jpg","contentUrl":"https:\/\/legatto.space\/wp-content\/uploads\/2025\/08\/Color-strings-3.jpg","width":2000,"height":2000},{"@type":"BreadcrumbList","@id":"https:\/\/legatto.space\/in\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/legatto.space\/"},{"@type":"ListItem","position":2,"name":"Login"}]},{"@type":"WebSite","@id":"https:\/\/legatto.space\/#website","url":"https:\/\/legatto.space\/","name":"Legatto","description":"Musical Consciousness","publisher":{"@id":"https:\/\/legatto.space\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/legatto.space\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/legatto.space\/#organization","name":"Legatto Institute","url":"https:\/\/legatto.space\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/legatto.space\/#\/schema\/logo\/image\/","url":"https:\/\/legatto.space\/wp-content\/uploads\/2021\/07\/Legatto-Logo-Final.png","contentUrl":"https:\/\/legatto.space\/wp-content\/uploads\/2021\/07\/Legatto-Logo-Final.png","width":1424,"height":508,"caption":"Legatto Institute"},"image":{"@id":"https:\/\/legatto.space\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/pages\/2034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/comments?post=2034"}],"version-history":[{"count":7,"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/pages\/2034\/revisions"}],"predecessor-version":[{"id":2042,"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/pages\/2034\/revisions\/2042"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/media\/1666"}],"wp:attachment":[{"href":"https:\/\/legatto.space\/en\/wp-json\/wp\/v2\/media?parent=2034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}