Cargando Componente...
Cargando
Gracias. Voy a actualizar
este proyecto lo antes posible.
este proyecto lo antes posible.
¡Uy! Algo ha ido mal al enviar el formulario.
Cómo activar la autenticación de Google
Cómo activar la autenticación de Facebook
Cómo activar la autenticación de Spotify
Cómo activar la autenticación de Dribbble
Cómo activar la autenticación de Github
Cómo activar la autenticación de LinkedIn
Cómo activar el inicio de sesión sin contraseña
Cómo configurar la validación de contraseñas
Cómo mostrar/ocultar la contraseña
Cómo trabajar con imágenes de perfil
Cómo añadir un flujo de olvido de contraseña
Cómo trabajar con casillas de verificación
Cómo configurar las tablas de precios
Acerca del portal de clientes de Stripe
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["9d8dc779-2309-4c4c-e811-3b2dbf63043f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d8dc779-2309-4c4c-e811-3b2dbf63043f","type":"Block","tag":"div","classes":["3ae96553-2517-9e51-66be-1037a720c83e"],"children":["f036d14a-eef2-6f27-61e3-f9e8c078f517","aabeeb89-9cf5-90e3-2488-053b36fbdd98","fd3356c9-7512-4ad3-9363-67d916c06900","66aa785a-15cf-f584-0a47-1ba266d967e6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f036d14a-eef2-6f27-61e3-f9e8c078f517","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af27103","b213d7d3-19b6-573c-07f7-50dab65c8b06"],"children":["f036d14a-eef2-6f27-61e3-f9e8c078f518"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"f036d14a-eef2-6f27-61e3-f9e8c078f518","text":true,"v":"Log in for access"},{"_id":"aabeeb89-9cf5-90e3-2488-053b36fbdd98","type":"Image","tag":"img","classes":["fc77a308-dc75-3e66-df1f-752408713e36"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"66050a9f7e2dde43902434a0"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fd3356c9-7512-4ad3-9363-67d916c06900","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["fd3356c9-7512-4ad3-9363-67d916c06901"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fd3356c9-7512-4ad3-9363-67d916c06901","text":true,"v":"Get unlimited access to more relevant content and the freshest insights straight to your inbox by logging in with a Google account."},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967e6","type":"FormWrapper","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967e7","66aa785a-15cf-f584-0a47-1ba266d967ef","66aa785a-15cf-f584-0a47-1ba266d967f2"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967e7","type":"FormForm","tag":"form","classes":[],"children":["54efac5a-f002-5a65-8e98-51c92f3e3a8b","4a6647fc-8cb5-7058-337f-14779fc09c72"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"54efac5a-f002-5a65-8e98-51c92f3e3a8b","type":"Link","tag":"a","classes":["1895e038-6ab4-dd01-7c0e-6008dab11c04"],"children":["9fd246a5-3f4d-faf4-de17-a714cfa55020","a28803fe-1963-1cec-bb51-4614c9a28411"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"9fd246a5-3f4d-faf4-de17-a714cfa55020","type":"Image","tag":"img","classes":["b9e07c9b-81c0-1005-6519-fd72dde953ac"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"6604ffbc6631074604abea31"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a28803fe-1963-1cec-bb51-4614c9a28411","type":"Block","tag":"div","classes":[],"children":["a28803fe-1963-1cec-bb51-4614c9a28412"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a28803fe-1963-1cec-bb51-4614c9a28412","text":true,"v":"Continue With Google"},{"_id":"4a6647fc-8cb5-7058-337f-14779fc09c72","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["4a6647fc-8cb5-7058-337f-14779fc09c73","382a785b-a85c-f95f-38b8-0a0180b3c262"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4a6647fc-8cb5-7058-337f-14779fc09c73","text":true,"v":"Or, visit our "},{"_id":"382a785b-a85c-f95f-38b8-0a0180b3c262","type":"Link","tag":"a","classes":["2b4dc25e-df4e-c7f1-41d2-36628bdb7bf3"],"children":["ff4e99f7-cb1c-8972-dbe1-cfaddbd14316"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"ff4e99f7-cb1c-8972-dbe1-cfaddbd14316","text":true,"v":"homepage"},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967ef","type":"FormSuccessMessage","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f0"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f0","type":"Block","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f1","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f2","type":"FormErrorMessage","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f3"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f3","type":"Block","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f4","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"b213d7d3-19b6-573c-07f7-50dab65c8b06","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"font-weight: 600;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #333;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"fc77a308-dc75-3e66-df1f-752408713e36","fake":false,"type":"class","name":"google_paywall-image","namespace":"","comb":"","styleLess":"width: 360px; margin-bottom: 0.25rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"1895e038-6ab4-dd01-7c0e-6008dab11c04","fake":false,"type":"class","name":"google_button","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 2.5rem; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 3px; justify-content: center; align-items: center; grid-column-gap: 8px; grid-row-gap: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #1a67e5; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 0.95rem; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: #222;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3ae96553-2517-9e51-66be-1037a720c83e","fake":false,"type":"class","name":"google_paywall","namespace":"","comb":"","styleLess":"display: flex; max-width: 625px; margin-right: auto; margin-left: auto; padding-top: 3rem; padding-right: 2rem; padding-bottom: 3rem; padding-left: 2rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #111; background-image: linear-gradient(315deg, hsla(0, 0.00%, 6.67%, 1.00) 17%, hsla(0, 0.00%, 14.00%, 1.00) 27%, #111 36%, #111); box-shadow: 0 5px 5px 1px hsla(0, 0.00%, 0.00%, 0.25); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27103","fake":false,"type":"class","name":"heading-style-h3","namespace":"","comb":"","styleLess":"font-size: 2rem; line-height: 1.2; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":["b213d7d3-19b6-573c-07f7-50dab65c8b06"],"origin":null,"selector":null},{"_id":"b9e07c9b-81c0-1005-6519-fd72dde953ac","fake":false,"type":"class","name":"google_icon","namespace":"","comb":"","styleLess":"width: 30px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2b4dc25e-df4e-c7f1-41d2-36628bdb7bf3","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 500ms; transition-timing-function: ease; color: hsla(217.24137931034483, 100.00%, 68.44%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"color: #aaa;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","siteId":"6604fd4f743a9043be52bc82","width":637,"isHD":false,"height":327,"fileName":"66050a9f7e2dde43902434a0_Google_Paywall (1).svg","createdOn":"2024-03-28T06:13:51.758Z","origFileName":"Google_Paywall (1).svg","fileHash":"f6d545e3fce12b776cb774f4dec13125","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","_id":"66050a9f7e2dde43902434a0","updatedOn":"2024-03-28T06:13:51.758Z","fileSize":5593,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","siteId":"6604fd4f743a9043be52bc82","width":800,"isHD":false,"height":800,"fileName":"6604ffbc6631074604abea31_google-color-svgrepo-com.svg","createdOn":"2024-03-28T05:27:24.883Z","origFileName":"google-color-svgrepo-com.svg","fileHash":"48d6785e717859f8bb0b49d5927748de","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","_id":"6604ffbc6631074604abea31","updatedOn":"2024-03-28T05:27:24.883Z","fileSize":2155,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clonar en Webflow
Componente de copia
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["9d8dc779-2309-4c4c-e811-3b2dbf63043f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d8dc779-2309-4c4c-e811-3b2dbf63043f","type":"Block","tag":"div","classes":["3ae96553-2517-9e51-66be-1037a720c83e"],"children":["f036d14a-eef2-6f27-61e3-f9e8c078f517","aabeeb89-9cf5-90e3-2488-053b36fbdd98","fd3356c9-7512-4ad3-9363-67d916c06900","66aa785a-15cf-f584-0a47-1ba266d967e6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f036d14a-eef2-6f27-61e3-f9e8c078f517","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af27103","b213d7d3-19b6-573c-07f7-50dab65c8b06"],"children":["f036d14a-eef2-6f27-61e3-f9e8c078f518"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"f036d14a-eef2-6f27-61e3-f9e8c078f518","text":true,"v":"Log in for access"},{"_id":"aabeeb89-9cf5-90e3-2488-053b36fbdd98","type":"Image","tag":"img","classes":["fc77a308-dc75-3e66-df1f-752408713e36"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"66050a9f7e2dde43902434a0"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fd3356c9-7512-4ad3-9363-67d916c06900","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["fd3356c9-7512-4ad3-9363-67d916c06901"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fd3356c9-7512-4ad3-9363-67d916c06901","text":true,"v":"Get unlimited access to more relevant content and the freshest insights straight to your inbox by logging in with a Google account."},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967e6","type":"FormWrapper","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967e7","66aa785a-15cf-f584-0a47-1ba266d967ef","66aa785a-15cf-f584-0a47-1ba266d967f2"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967e7","type":"FormForm","tag":"form","classes":[],"children":["54efac5a-f002-5a65-8e98-51c92f3e3a8b","4a6647fc-8cb5-7058-337f-14779fc09c72"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"54efac5a-f002-5a65-8e98-51c92f3e3a8b","type":"Link","tag":"a","classes":["1895e038-6ab4-dd01-7c0e-6008dab11c04"],"children":["9fd246a5-3f4d-faf4-de17-a714cfa55020","a28803fe-1963-1cec-bb51-4614c9a28411"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"9fd246a5-3f4d-faf4-de17-a714cfa55020","type":"Image","tag":"img","classes":["b9e07c9b-81c0-1005-6519-fd72dde953ac"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"6604ffbc6631074604abea31"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a28803fe-1963-1cec-bb51-4614c9a28411","type":"Block","tag":"div","classes":[],"children":["a28803fe-1963-1cec-bb51-4614c9a28412"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a28803fe-1963-1cec-bb51-4614c9a28412","text":true,"v":"Continue With Google"},{"_id":"4a6647fc-8cb5-7058-337f-14779fc09c72","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["4a6647fc-8cb5-7058-337f-14779fc09c73","382a785b-a85c-f95f-38b8-0a0180b3c262"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4a6647fc-8cb5-7058-337f-14779fc09c73","text":true,"v":"Or, visit our "},{"_id":"382a785b-a85c-f95f-38b8-0a0180b3c262","type":"Link","tag":"a","classes":["2b4dc25e-df4e-c7f1-41d2-36628bdb7bf3"],"children":["ff4e99f7-cb1c-8972-dbe1-cfaddbd14316"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"ff4e99f7-cb1c-8972-dbe1-cfaddbd14316","text":true,"v":"homepage"},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967ef","type":"FormSuccessMessage","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f0"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f0","type":"Block","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f1","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f2","type":"FormErrorMessage","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f3"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f3","type":"Block","tag":"div","classes":[],"children":["66aa785a-15cf-f584-0a47-1ba266d967f4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"66aa785a-15cf-f584-0a47-1ba266d967f4","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"b213d7d3-19b6-573c-07f7-50dab65c8b06","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"font-weight: 600;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #333;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"fc77a308-dc75-3e66-df1f-752408713e36","fake":false,"type":"class","name":"google_paywall-image","namespace":"","comb":"","styleLess":"width: 360px; margin-bottom: 0.25rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"1895e038-6ab4-dd01-7c0e-6008dab11c04","fake":false,"type":"class","name":"google_button","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 2.5rem; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 3px; justify-content: center; align-items: center; grid-column-gap: 8px; grid-row-gap: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #1a67e5; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 0.95rem; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: #222;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3ae96553-2517-9e51-66be-1037a720c83e","fake":false,"type":"class","name":"google_paywall","namespace":"","comb":"","styleLess":"display: flex; max-width: 625px; margin-right: auto; margin-left: auto; padding-top: 3rem; padding-right: 2rem; padding-bottom: 3rem; padding-left: 2rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #111; background-image: linear-gradient(315deg, hsla(0, 0.00%, 6.67%, 1.00) 17%, hsla(0, 0.00%, 14.00%, 1.00) 27%, #111 36%, #111); box-shadow: 0 5px 5px 1px hsla(0, 0.00%, 0.00%, 0.25); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27103","fake":false,"type":"class","name":"heading-style-h3","namespace":"","comb":"","styleLess":"font-size: 2rem; line-height: 1.2; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":["b213d7d3-19b6-573c-07f7-50dab65c8b06"],"origin":null,"selector":null},{"_id":"b9e07c9b-81c0-1005-6519-fd72dde953ac","fake":false,"type":"class","name":"google_icon","namespace":"","comb":"","styleLess":"width: 30px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2b4dc25e-df4e-c7f1-41d2-36628bdb7bf3","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 500ms; transition-timing-function: ease; color: hsla(217.24137931034483, 100.00%, 68.44%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"color: #aaa;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","siteId":"6604fd4f743a9043be52bc82","width":637,"isHD":false,"height":327,"fileName":"66050a9f7e2dde43902434a0_Google_Paywall (1).svg","createdOn":"2024-03-28T06:13:51.758Z","origFileName":"Google_Paywall (1).svg","fileHash":"f6d545e3fce12b776cb774f4dec13125","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/66050a9f7e2dde43902434a0_Google_Paywall%20(1).svg","_id":"66050a9f7e2dde43902434a0","updatedOn":"2024-03-28T06:13:51.758Z","fileSize":5593,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","siteId":"6604fd4f743a9043be52bc82","width":800,"isHD":false,"height":800,"fileName":"6604ffbc6631074604abea31_google-color-svgrepo-com.svg","createdOn":"2024-03-28T05:27:24.883Z","origFileName":"google-color-svgrepo-com.svg","fileHash":"48d6785e717859f8bb0b49d5927748de","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6604fd4f743a9043be52bc82/6604ffbc6631074604abea31_google-color-svgrepo-com.svg","_id":"6604ffbc6631074604abea31","updatedOn":"2024-03-28T05:27:24.883Z","fileSize":2155,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Navegador no compatible. Utilice
Chrome o Safari.
Chrome o Safari.
Acerca de este componente
Generado por IA
Descripción del componente (generada por AI)
This component provides a seamless login model integrated with Google authentication, designed with a sleek dark theme to enhance user experience.
Características principales:
- Integrated Google authentication for easy login
- Sleek dark theme for a modern look
- Diseño adaptable a varios dispositivos
- Includes form success and error messages
- Customizable styles and classes for branding
Elementos de diseño:
- Dark color scheme with contrasting text
- Flexible layout with centered alignment
- Use of SVG images for scalability
- Smooth transitions and hover effects
Posibles casos de uso:
- Aplicaciones web que requieren autenticación de usuario
- Content platforms offering premium access
- E-commerce sites needing secure login options
- Blogs or news sites with subscriber-only content
- Plataformas educativas que facilitan el acceso a los cursos
Conclusion: The Think With Google Access component is a versatile and stylish solution for any website needing a secure and user-friendly login experience.
Empezar a construir
Empieza a construir tus sueños
Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.