- Scan ID:
- 89f600b5-b80e-43d7-8dcb-ff8b67cc7cddFinished
- Submitted URL:
- https://frame.work/Redirected
- Report Finished:
Links · 17 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://framework.kustomer.help/contact/support-request-ryon9uAuq | Submit a support request |
| https://jobs.lever.co/framework | We're Hiring |
| https://www.nytimes.com/wirecutter/reviews/best-laptops/#the-most-repairable-laptop | “The Framework Laptop is the best—and so far only—option if you want a laptop you can easily upgrade and repair.” |
| https://www.theverge.com/23911664/framework-laptop-13-2023-amd-review | “The 2023 Framework Laptop 13 has a new AMD option, and it’s a stellar performer.” |
| https://www.youtube.com/watch?v=AV2umY3R0vw | “Exceedingly rare 10/10 Repairability Score" |
| https://www.twitter.com/FrameworkPuter | |
| https://www.youtube.com/@FrameworkComputer | YouTube |
| https://www.instagram.com/FrameworkComputer | |
| https://www.facebook.com/FrameworkComputer | |
| https://www.linkedin.com/company/frameworkcomputer |
JavaScript Variables · 34 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| executeRecaptchaForSubscribe | function |
| setInputWithRecaptchaResponseTokenForSubscribe | function |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en-ES" style="overflow: hidden;"><head><meta http-equiv="origin-trial" content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="><meta http-equiv="origin-trial" content="A7uxtj3+hJmOcZFooFT0Ps276PuOqGnM1jfoPbFvxWp73VC60LnYGzayHVvcFeEiF0qrwy7fQAL+gGVXU+f9IQcAAACTeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="><meta http-equiv="origin-trial" content="A7uxtj3+hJmOcZFooFT0Ps276PuOqGnM1jfoPbFvxWp73VC60LnYGzayHVvcFeEiF0qrwy7fQAL+gGVXU+f9IQcAAACTeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><style type="text/css">.turbo-progress-bar {
position: fixed;
display: block;
top: 0;
left: 0;
height: 3px;
background: #0076ff;
z-index: 2147483647;
transition:
width 300ms ease-out,
opacity 150ms 150ms ease-in;
transform: translate3d(0, 0, 0);
}
</style>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, shrink-to-fit=no">
<meta name="msapplication-TileColor" content="#1F1F1F">
<meta name="theme-color" content="#ffffff">
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="mYFSpH6OB4Mq_e4sx1tYCLfKK4R7_4HX76INs98Z81Hbkolvr_MsyELV8koVmitNah1CCS8ZeyaXaLGkAIN2XA">
<meta name="analytics-key" content="peLUa1duUe2FSV2ib9Q583HHzzoPf86U">
<meta name="anonymous-id" content="c594000b25f98f23e4479455a93b73bb">
<meta name="compliance-enabled" content="true">
<meta name="compliance-required" content="true">
<meta name="google-apis-key" content="AIzaSyDJhr1X-1JHqQx1RM8QxkdcYaZUTWYsDjk">
<meta name="monitoring-key" content="https://[email protected]/4382758">
<meta name="policy-id" content="78791085">
<meta name="release-stage" content="production">
<meta name="release-version" content="v4628">
<meta name="language" content="en">
<meta name="country" content="es">
<meta name="currency" content="eur">
<title>Framework | Fix Consumer Electronics</title>
<meta name="description" content="We know consumer electronics can be better for you and for the environment. Unlike most products, ours are open for you to repair and upgrade">
<link rel="canonical" href="https://frame.work/es/en">
<link rel="image_src" href="/assets/og_image-4ed36f752b489946634f27564886ca68fafacc7202bf36024057eadf0ba6225e.png">
<meta property="og:site_name" content="Framework">
<meta property="og:title" content="Fix Consumer Electronics">
<meta property="og:description" content="We know consumer electronics can be better for you and for the environment. Unlike most products, ours are open for you to repair and upgrade">
<meta property="og:type" content="website">
<meta property="og:url" content="https://frame.work/es/en">
<meta property="og:image" content="/assets/og_image-4ed36f752b489946634f27564886ca68fafacc7202bf36024057eadf0ba6225e.png">
<meta name="twitter:card" content="summary_large_image">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
<link rel="preconnect" href="https://images.prismic.io">
<link rel="preconnect" href="https://cdn.iubenda.com">
<link rel="preconnect" href="https://cdn.segment.com">
<link rel="preconnect" href="https://api.segment.io">
<link rel="preconnect" href="https://a.klaviyo.com">
<link rel="preconnect" href="https://static.klaviyo.com">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://connect.facebook.net">
<link rel="preconnect" href="https://www.facebook.com">
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://frame.work/es/en/blog.rss">
<link rel="stylesheet" href="/assets/application-b92eed187b95d2717cc8ee1c9cd1e416c02596295b5f23b444a95a738419b771.css" media="all" data-turbo-track="reload">
<link rel="stylesheet" href="/assets/components-561ecbf6c5eb151c258520fb74557b7fd8f78510a64de689fec3ed80096a5519.css" media="all" data-turbo-track="reload">
<link rel="stylesheet" href="/assets/tailwind-508ad16ca30dbd7b073badefac0de8110b78769ddb77fd06028fcafaaaba75ff.css" media="all" data-turbo-track="reload">
<meta name="action-cable-url" content="/cable">
<script async="" src="https://cs.iubenda.com/cookie-solution/confs/js/78791085.js"></script><script src="https://cdn.iubenda.com/cookie_solution/iubenda_cs/1.69.0/core-en.js" charset="UTF-8"></script><script type="text/javascript" async="" src="https://cdn.iubenda.com/iubenda.js"></script><script type="text/javascript" async="" src="https://cdn.iubenda.com/cs/iubenda_cs.js"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script src="/assets/runtime-2bdd78bda3e0d87edbca273737bd051a2988a08433169db6e0fb5d57bce2080e.js" data-turbo-track="reload" defer="defer"></script>
<script src="/assets/turbo-f8626a57d9faba5d5129c0b51810032db953136d65d862ca250a156a75f0788c.js" data-turbo-track="reload" defer="defer"></script>
<script src="/assets/application-419d844d916b4243bf2058ebffd20225eb19c63611ea8ea2bd957b6e6726c3c6.js" data-turbo-track="reload" defer="defer"></script>
<script src="/assets/components-012b2f91f5e16f247506fa06315f37ab8b744611c5019844d25734dfc5adc091.js" data-turbo-track="reload" defer="defer"></script>
<style type="text/css"></style><style type="text/css">#iubenda-cs-banner .iub-toggle-checkbox,#iubenda-iframe .iub-toggle-checkbox{flex-shrink:0!important;display:flex!important;align-items:center!important;margin-left:24px!important}#iubenda-cs-banner .iub-toggle-checkbox input,#iubenda-iframe .iub-toggle-checkbox input{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;padding:0!important;border:0!important;margin:0!important}#iubenda-cs-banner .iub-toggle-checkbox input::-ms-check,#iubenda-iframe .iub-toggle-checkbox input::-ms-check{visibility:hidden}#iubenda-cs-banner .iub-toggle-checkbox input.style1,#iubenda-iframe .iub-toggle-checkbox input.style1{width:64px!important;height:32px!important;border-radius:32px!important;transition:background-position .4s ease,background-color .4s ease!important;background-color:#ccc!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:top 4px left 4px!important;background-size:24px 24px!important}#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked,#iubenda-iframe .iub-toggle-checkbox input.style1:checked{background-color:#1cc691!important;background-position:top 4px left 36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E")!important}#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.sm,#iubenda-iframe .iub-toggle-checkbox input.style1:checked.sm{background-position:top 3px left 27px!important}#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half,#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial],#iubenda-iframe .iub-toggle-checkbox input.style1:checked.half,#iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial]{background-color:#ffd24d!important;background-position:top 4px left 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E")!important}#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half.sm,#iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial].sm,#iubenda-iframe .iub-toggle-checkbox input.style1:checked.half.sm,#iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial].sm{background-position:top 3px left 15px!important}#iubenda-cs-banner .iub-toggle-checkbox input.style1.sm,#iubenda-iframe .iub-toggle-checkbox input.style1.sm{width:48px!important;height:24px!important;border-radius:24px!important;background-size:18px 18px!important;background-position:top 3px left 3px!important}#iubenda-cs-banner .iub-toggle-checkbox input::-ms-check,#iubenda-iframe .iub-toggle-checkbox input::-ms-check{visibility:hidden!important}#iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]),#iubenda-iframe .iub-toggle-checkbox input:not([disabled]){cursor:pointer!important}#iubenda-cs-banner .iub-toggle-checkbox input[disabled],#iubenda-iframe .iub-toggle-checkbox input[disabled]{opacity:.35}#iubenda-cs-banner .iub-toggle-checkbox .iub-caption,#iubenda-iframe .iub-toggle-checkbox .iub-caption{display:none!important}#iubenda-cs-banner{font-size:15px!important;background:0 0!important;line-height:1.4!important;position:fixed!important;z-index:99999998!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;display:flex!important;will-change:opacity;opacity:0!important;pointer-events:none!important;transition:opacity .4s ease!important}#iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) *,#iubenda-cs-banner [class*=" iub"],#iubenda-cs-banner [class^=iub]{font-size:100%!important;width:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:0 0!important;box-sizing:border-box!important;-webkit-tap-highlight-color:transparent!important;font-family:-apple-system,sans-serif!important;text-decoration:none!important;color:currentColor!important;background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border:0!important;border-color:#000!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;counter-increment:none!important;counter-reset:none!important;direction:inherit!important;float:none!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto!important;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;overflow:visible!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:left!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;background-origin:padding-box!important;background-origin:padding-box!important;background-clip:border-box!important;background-size:auto!important;-o-border-image:none!important;border-image:none!important;border-radius:0!important;border-radius:0!important;box-shadow:none!important;-moz-column-count:auto!important;column-count:auto!important;-moz-column-gap:normal!important;column-gap:normal!important;-moz-column-rule:medium none #000!important;column-rule:medium none #000!important;-moz-column-span:none!important;column-span:none!important;-moz-column-width:auto!important;column-width:auto!important;font-feature-settings:normal!important;overflow-x:visible!important;overflow-y:visible!important;-webkit-hyphens:manual!important;hyphens:manual!important;perspective:none!important;perspective-origin:50% 50%!important;text-shadow:none!important;transition:all 0s ease 0s!important;transform:none!important;transform-origin:50% 50%!important;transform-style:flat!important;word-break:normal!important;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * strong,#iubenda-cs-banner [class*=" iub"] strong,#iubenda-cs-banner [class^=iub] strong{font-weight:700!important}#iubenda-cs-banner.iubenda-cs-overlay:before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:rgba(0,0,0,.5)!important;z-index:1!important;pointer-events:auto!important}#iubenda-cs-banner.iubenda-cs-center{align-items:center!important;justify-content:center!important}#iubenda-cs-banner.iubenda-cs-top{align-items:flex-start!important}#iubenda-cs-banner.iubenda-cs-bottom{align-items:flex-end!important}#iubenda-cs-banner.iubenda-cs-left{justify-content:flex-start!important}#iubenda-cs-banner.iubenda-cs-right{justify-content:flex-end!important}#iubenda-cs-banner.iubenda-cs-visible{opacity:1!important}#iubenda-cs-banner.iubenda-cs-visible>*{pointer-events:auto!important}#iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container{transition:transform .4s ease!important}#iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container{transform:translateY(-48px)!important}#iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container{transform:translateY(48px)!important}#iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container{transform:translateY(0)!important}#iubenda-cs-banner .iubenda-cs-container{position:relative!important;z-index:2!important}#iubenda-cs-banner .iubenda-cs-container.iubenda-cs-themed{display:flex;flex-direction:column}#iubenda-cs-banner .iubenda-cs-brand{display:flex!important;padding:16px!important;flex-shrink:0!important}#iubenda-cs-banner .iubenda-cs-brand>div{display:flex!important;justify-content:flex-start!important}#iubenda-cs-banner .iubenda-cs-brand img{max-width:192px!important;max-height:32px!important}#iubenda-cs-banner .iubenda-cs-content{position:relative!important;z-index:1!important;overflow:hidden!important;transition:transform .4s ease!important;background-color:#000!important;color:#fff!important;font-size:14px!important;display:flex;flex-direction:column}#iubenda-cs-banner .iubenda-cs-rationale{position:relative!important;display:flex!important;flex-direction:column!important;flex:1 1 auto}#iubenda-cs-banner .iubenda-cs-close-btn{z-index:1!important;top:6px!important;right:0!important;margin:10px!important;min-width:32px!important;height:32px!important;padding:6px!important;font-size:24px!important;line-height:0!important;font-weight:lighter!important;cursor:pointer!important;text-align:center!important;border:1px solid transparent!important;border-radius:4px!important;opacity:.7!important;align-self:flex-end!important}#iubenda-cs-banner .iubenda-cs-close-btn:hover{opacity:1!important}#iubenda-cs-banner .iubenda-banner-content{font-weight:300!important;padding:16px!important;flex:1 1 auto!important;overflow-y:auto!important}#iubenda-cs-banner .iubenda-banner-content a,#iubenda-cs-banner .iubenda-banner-content button{cursor:pointer!important;color:currentColor!important;opacity:.7!important;text-decoration:underline!important}#iubenda-cs-banner .iubenda-banner-content a:hover,#iubenda-cs-banner .iubenda-banner-content button:hover{opacity:1!important}@media (min-width:640px){#iubenda-cs-banner .iubenda-banner-content div:nth-child(1){margin-top:40px!important}}#iubenda-cs-banner #iubenda-cs-paragraph.iubenda-cs-no-margin-top{margin-top:0!important}#iubenda-cs-banner #iubenda-cs-paragraph.iubenda-cs-small-margin-top{margin-top:16px!important}#iubenda-cs-banner #iubenda-cs-title{margin-bottom:16px!important;margin-top:8px!important;font-weight:700!important;font-size:14px!important}#iubenda-cs-banner .iubenda-cs-counter{text-align:center!important;position:relative!important;z-index:1!important;display:none;pointer-events:none;flex-shrink:0;padding:8px!important;font-size:13px!important;font-weight:700!important}#iubenda-cs-banner .iubenda-cs-cwa-button{font-weight:700!important;font-size:13px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;padding:8px 14px!important;flex-shrink:0;border-radius:4px!important;text-align:center!important;z-index:1!important;margin:16px!important;margin-bottom:0!important;cursor:pointer!important}#iubenda-cs-banner .iubenda-cs-cwa-button:focus,#iubenda-cs-banner .iubenda-cs-cwa-button:hover{box-shadow:0 0 0 999px inset rgba(0,0,0,.1)!important}@media (max-width:639px){#iubenda-cs-banner .iubenda-cs-cwa-button{box-shadow:0 8px 16px 4px rgba(0,0,0,.2)!important}}@media (min-width:640px){#iubenda-cs-banner .iubenda-cs-cwa-button{align-self:flex-end}}#iubenda-cs-banner .iubenda-cs-cwa-button:focus,#iubenda-cs-banner .iubenda-cs-cwa-button:hover{box-shadow:0 0 0 999px inset rgba(0,0,0,.1)!important}@media (max-width:639px){#iubenda-cs-banner .iubenda-cs-cwa-button{box-shadow:0 8px 16px 4px rgba(0,0,0,.2)!important}}@media (min-width:640px){#iubenda-cs-banner .iubenda-cs-cwa-button{align-self:flex-end}}#iubenda-cs-banner .iubenda-cs-opt-group{z-index:1!important;display:flex!important;margin-top:0!important;flex-shrink:0!important;color:#000!important;margin:16px!important;margin-top:0!important}#iubenda-cs-banner .iubenda-cs-opt-group>div{display:flex!important}@media (min-width:640px){#iubenda-cs-banner .iubenda-cs-opt-group{align-items:center!important;justify-content:space-between!important}#iubenda-cs-banner .iubenda-cs-opt-group-custom{margin-right:auto!important;align-self:start!important;justify-content:flex-start!important}#iubenda-cs-banner .iubenda-cs-opt-group-consent{margin-left:auto!important;align-self:end!important;justify-content:flex-end!important}}@media (max-width:639px){#iubenda-cs-banner .iubenda-cs-opt-group{flex-direction:column!important}#iubenda-cs-banner .iubenda-cs-opt-group-custom:not(.iubenda-cs-opt-group-granular){order:2}#iubenda-cs-banner .iubenda-cs-opt-group-consent{order:1}}#iubenda-cs-banner .iubenda-cs-opt-group button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding:8px 32px!important;border-radius:64px!important;cursor:pointer!important;font-weight:700!important;font-size:100%!important;margin-top:4px!important;margin-bottom:4px!important;text-align:center!important;border:0!important;background-color:#1a1a1a!important;color:#fff!important}@-moz-document url-prefix(){#iubenda-cs-banner .iubenda-cs-opt-group button{padding-top:7px!important}}#iubenda-cs-banner .iubenda-cs-opt-group button.focus,#iubenda-cs-banner .iubenda-cs-opt-group button.hover{box-shadow:0 0 0 999px inset rgba(0,0,0,.1)!important}@media (min-width:640px){#iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type){margin-right:8px!important}}@media (max-width:639px){#iubenda-cs-banner .iubenda-cs-opt-group button{padding:8px 24px!important;width:100%!important;display:block;text-align:center!important;margin:6px 3px!important;flex:1}}#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn,#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary{background-color:#0073ce!important;color:#fff!important}#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn{background-color:#0073ce!important;color:#fff!important}#iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded) .iubenda-banner-content{padding-right:48px!important}#iubenda-cs-banner.iubenda-cs-padded .iubenda-cs-close-btn{position:absolute!important}@media (min-width:640px){#iubenda-cs-banner:not(.iubenda-cs-padded).iubenda-cs-branded .iubenda-cs-cwa-button{position:absolute!important}}@media (min-width:640px){#iubenda-cs-banner:not(.iubenda-cs-branded):not(.iubenda-cs-no-heading) .iubenda-cs-cwa-button{position:absolute!important;top:-4px!important;right:-4px!important;padding:5px 10px!important}}@media (min-width:640px){#iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-bottom .iubenda-cs-brand,#iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-top .iubenda-cs-brand{border-radius:8px!important}}@media (min-width:640px){#iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-cwa-button{margin:15px!important}}#iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-close-btn{height:32px!important;min-width:32px!important}#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand-badge-outer,#iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge-outer{height:0!important}#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer,#iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer{margin-left:auto!important;margin-right:0!important;float:right!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer{order:-1!important;display:inline-flex!important}#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand{margin:0 -8px 0!important}@media (max-width:991px){#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand{margin:-8px -8px 0!important}}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div{margin:0 auto!important;width:calc(992px - 32px)!important}}@media (max-width:991px){#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div{margin:0 8px!important}}#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container{width:100%!important}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale{width:992px!important;margin:16px auto!important}}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge{margin:0 16px!important}}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container{width:992px!important}}@media (max-width:991px){#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container{width:100%!important}}@media (min-width:640px){#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container{width:480px!important}}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group{flex-direction:column!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group>div,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group>div,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group>div{width:100%!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button{display:block!important;width:100%!important;text-align:center!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom{order:2}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent,#iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent{order:1}#iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content{box-shadow:0 8px 48px rgba(0,0,0,.15)!important;max-width:100%!important}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content{border-radius:4px!important;margin:16px!important}}#iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content{mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgb(0,0,0) 16px)!important;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgb(0,0,0) 16px)!important}#iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container,#iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content,#iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale{height:100%!important}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content{height:calc(100% - 32px)!important}}#iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img{max-width:75%!important}#iubenda-cs-banner [tabindex]:not([tabindex="-1"]):focus,#iubenda-cs-banner a[href]:focus,#iubenda-cs-banner button:focus,#iubenda-cs-banner details:focus,#iubenda-cs-banner input:focus,#iubenda-cs-banner select:focus,#iubenda-cs-banner textarea:focus{outline-width:2px!important;outline-style:solid!important;outline-color:#005fcc!important;outline-offset:2px!important}#iubenda-cs-banner .iubenda-cs-brand-badge{flex-shrink:0!important;margin:16px!important;padding:6px 34px 6px 10px!important;background:#fff!important;display:inline-flex;border-radius:6px!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 0 16px rgba(0,0,0,.1)!important;align-self:flex-end;background-image:url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E")!important;background-position:center right 12px!important;background-repeat:no-repeat!important;color:#222!important;font-weight:400!important;font-size:14px!important;pointer-events:auto!important}#iubenda-cs-banner .iubenda-cs-brand-badge:hover{border:1px solid rgba(0,0,0,.4)!important}#iubenda-cs-banner .iubenda-cs-brand-badge>span{border-right:1px solid rgba(0,0,0,.1)!important;padding-right:12px!important}#iubenda-cs-banner .iubenda-cs-brand-badge>span>span{text-decoration:underline!important}#iubenda-cs-banner .iubenda-cs-brand-badge-text{font-size:11px!important;font-weight:700!important;text-align:right!important;margin:-4px 16px 12px!important}#iubenda-cs-banner .iubenda-cs-brand-badge-text a{color:inherit}#iubenda-cs-banner .iubenda-iframe-spinner~.iubenda-iframe-badge-container .iubenda-cs-brand-badge{display:none!important}#iubenda-cs-banner .iubenda-granular-controls-container{--iub-granular-background:rgba(0, 0, 0, .02);--iub-granular-border:rgba(0, 0, 0, 0.08);--iub-granular-toggle-background:rgba(0, 0, 0, 0.2);display:flex;flex-wrap:wrap;flex-shrink:0;margin-bottom:16px!important;border-top:1px solid var(--iub-granular-border)!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox{flex-basis:100%;display:flex!important;gap:10px!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:14px!important;background-color:var(--iub-granular-background)!important;margin:0!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1{width:48px!important;height:24px!important;background-position:top 3px left 3px!important;background-size:18px 18px!important;background-color:var(--iub-granular-toggle-background)!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1,#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked{background-image:url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E")!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked{background-position:top 3px left 27px!important;background-color:#1cc691!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial]{background-position:top 3px left 15px!important;background-color:#ffd24d!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2){padding-top:16px!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:last-child{padding-bottom:16px!important;border-bottom:1px solid var(--iub-granular-border)!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd),#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox{flex-basis:50%;flex-direction:column-reverse;padding:14px 10px!important;border:1px solid var(--iub-granular-border)!important;border-right:0!important;border-top:0!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--disabled{display:none!important}@media (max-width:991px){#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox{min-width:0!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label{max-width:100%}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label span{display:block;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden{display:none!important}}#iubenda-cs-banner.iubenda-cs-black .iubenda-granular-controls-container{--iub-granular-background:rgba(255, 255, 255, .02);--iub-granular-border:rgba(255, 255, 255, 0.08);--iub-granular-toggle-background:rgba(255, 255, 255, 0.2)}@media (min-width:640px){#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox{flex:1!important;flex-direction:column-reverse!important;padding:14px 10px!important;border:1px solid var(--iub-granular-border)!important;border-right:0!important;border-top:0!important;padding-top:16px!important}}@media (min-width:992px){#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container{grid-gap:24px!important;padding:16px 16px 32px!important;border-top:0!important;margin-bottom:0!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled{display:flex!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child{padding-left:16px!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child{padding-right:16px!important}#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd),#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:nth-last-child(2),#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2),#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd),#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:nth-last-child(2),#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:nth-last-child(2),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd)~.granular-control-checkbox:nth-last-child(2),#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child,#iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2){flex:0 1 auto!important;flex-direction:row!important;background-color:transparent!important;padding:0!important;border:none!important;margin:0!important}}.iubenda-tp-alert-btn *,.iubenda-tp-alert-btn:not([data-tp-nostyle]),.iubenda-tp-btn *,.iubenda-tp-btn:not([data-tp-nostyle]),.iubenda-uspr-btn *,.iubenda-uspr-btn:not([data-tp-nostyle]){font-size:100%!important;width:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:0 0!important;box-sizing:border-box!important;-webkit-tap-highlight-color:transparent!important;backface-visibility:hidden!important;font-family:-apple-system,sans-serif!important;text-decoration:none!important;color:currentColor!important;background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border:0!important;border-color:#000!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:inherit!important;float:none!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto!important;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;outline:0!important;overflow:visible!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:left!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;visibility:inherit!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;background-origin:padding-box!important;background-origin:padding-box!important;background-clip:border-box!important;background-size:auto!important;-o-border-image:none!important;border-image:none!important;border-radius:0!important;border-radius:0!important;box-shadow:none!important;-moz-column-count:auto!important;column-count:auto!important;-moz-column-gap:normal!important;column-gap:normal!important;-moz-column-rule:medium none #000!important;column-rule:medium none #000!important;-moz-column-span:none!important;column-span:none!important;-moz-column-width:auto!important;column-width:auto!important;font-feature-settings:normal!important;overflow-x:visible!important;overflow-y:visible!important;-webkit-hyphens:manual!important;hyphens:manual!important;perspective:none!important;perspective-origin:50% 50%!important;text-shadow:none!important;transition:all 0s ease 0s!important;transform:none!important;transform-origin:50% 50%!important;transform-style:flat!important;word-break:normal!important;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.iubenda-tp-alert-btn:not([data-tp-nostyle]),.iubenda-tp-btn:not([data-tp-nostyle]),.iubenda-uspr-btn:not([data-tp-nostyle]){-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;line-height:34px!important;height:34px!important;min-width:34px!important;border-radius:4px!important;cursor:pointer!important;font-weight:700!important;font-size:14px!important;box-shadow:0 0 0 1px rgba(0,0,0,.15)!important;color:rgba(0,0,0,.65)!important;background-color:#fff!important;display:inline-block!important;vertical-align:middle!important}.iubenda-tp-alert-btn.iubenda-tp-btn--warning,.iubenda-tp-btn.iubenda-tp-btn--warning,.iubenda-uspr-btn.iubenda-tp-btn--warning{z-index:2147483647!important}.iubenda-tp-alert-btn.iubenda-tp-btn--warning:before,.iubenda-tp-btn.iubenda-tp-btn--warning:before,.iubenda-uspr-btn.iubenda-tp-btn--warning:before{content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-size:24px 24px;background-repeat:no-repeat;position:absolute;top:-16px;right:-16px;width:32px;height:32px}.iubenda-tp-alert-btn[data-tp-icon],.iubenda-tp-btn[data-tp-icon],.iubenda-uspr-btn[data-tp-icon]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:32px 32px!important;background-position:top .5px left 1px!important}.iubenda-tp-alert-btn[data-tp-circle],.iubenda-tp-btn[data-tp-circle],.iubenda-uspr-btn[data-tp-circle]{border-radius:32px!important}.iubenda-tp-alert-btn[data-tp-label]:after,.iubenda-tp-btn[data-tp-label]:after,.iubenda-uspr-btn[data-tp-label]:after{content:attr(data-tp-label)!important;padding:0 16px!important;white-space:nowrap!important}.iubenda-tp-alert-btn[data-tp-label][data-tp-icon]:after,.iubenda-tp-btn[data-tp-label][data-tp-icon]:after,.iubenda-uspr-btn[data-tp-label][data-tp-icon]:after{padding-left:32px!important}.iubenda-tp-alert-btn[data-tp-float],.iubenda-tp-btn[data-tp-float],.iubenda-uspr-btn[data-tp-float]{position:fixed!important}.iubenda-tp-alert-btn[data-tp-float]:not([data-tp-anchored]),.iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]),.iubenda-uspr-btn[data-tp-float]:not([data-tp-anchored]){margin:16px!important}.iubenda-tp-alert-btn[data-tp-float]:focus,.iubenda-tp-btn[data-tp-float]:focus,.iubenda-uspr-btn[data-tp-float]:focus{outline:2px solid -webkit-focus-ring-color!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored],.iubenda-tp-btn[data-tp-float][data-tp-anchored],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]{margin:0 16px!important;border-radius:6px!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right]{margin:0!important;top:75%!important;transform:translateY(-50%)!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left]{left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right]{right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right]{margin:0!important;top:50%!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important;transform-origin:bottom!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left]{left:0!important;transform:translateY(-50%) rotate(90deg)!important;transform-origin:left bottom!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right],.iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right]{right:0!important;transform:translateY(-50%) rotate(-90deg)!important;transform-origin:right bottom!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-right],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right]{bottom:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-right],.iubenda-tp-btn[data-tp-float][data-tp-float=top-left],.iubenda-tp-btn[data-tp-float][data-tp-float=top-right],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-left],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-right]{top:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored],.iubenda-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored],.iubenda-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored]{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-left],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-tp-btn[data-tp-float][data-tp-float=top-left],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-left]{left:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-right],.iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-right],.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right],.iubenda-tp-btn[data-tp-float][data-tp-float=top-right],.iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right],.iubenda-uspr-btn[data-tp-float][data-tp-float=top-right]{right:0!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-hover][data-tp-label]:after,.iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after,.iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after{max-width:0!important;overflow:hidden!important;display:block!important;padding:0!important;opacity:0!important;transition:max-width .6s ease,padding .6s ease,opacity .6s ease!important}.iubenda-tp-alert-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after,.iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after,.iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after{max-width:192px!important;padding-left:32px!important;padding-right:10px!important;opacity:1!important}.iubenda-tp-alert-btn:focus,.iubenda-tp-btn:focus,.iubenda-uspr-btn:focus{outline-width:2px!important;outline-style:solid!important;outline-color:#005fcc!important;outline-offset:2px!important}.iubenda-uspr-btn{border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 .25rem 1rem rgba(0,0,0,.1)!important;border-radius:.5rem!important;font-family:sans-serif!important;font-weight:700!important;overflow:hidden!important;display:inline-flex!important;flex-wrap:wrap!important;background:#fff!important;color:#280404!important}.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left],.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right]{border-radius:0!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important;top:auto!important;bottom:32px!important;flex-wrap:nowrap!important}.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *,.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] *{white-space:nowrap!important}.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left]{left:0!important;transform:translateX(46px) rotate(-90deg)!important;transform-origin:left bottom!important}.iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right]{right:0!important;transform:translateX(-46px) rotate(90deg)!important;transform-origin:right bottom!important}@media (min-width:480px){.iubenda-uspr-btn[data-tp-float=bottom-right],.iubenda-uspr-btn[data-tp-float=bottom-right] .iubenda-cs-preferences-link,.iubenda-uspr-btn[data-tp-float=top-right],.iubenda-uspr-btn[data-tp-float=top-right] .iubenda-cs-preferences-link{flex-direction:row-reverse!important}}.iubenda-uspr-btn a{padding:.75rem!important;cursor:pointer!important;flex:1 1 auto!important;display:inline-flex!important;align-items:center!important;grid-gap:0.5rem!important}.iubenda-uspr-btn a img{width:2.5rem!important;flex-shrink:0!important}.iubenda-uspr-btn a:hover{background-color:rgba(0,0,0,.025)!important}.iubenda-uspr-btn a:first-of-type{box-shadow:0 0 0 1px rgba(0,0,0,.2)!important}.iub__us-widget{color:#595959;margin:0;padding:.5em;display:flex;justify-content:center;align-items:center;font-family:-apple-system,sans-serif!important;font-size:1rem;font-weight:700}.iub__us-widget.left{justify-content:flex-start}.iub__us-widget.right{justify-content:flex-end}.iub__us-widget__wrapper{background-color:#fff;border:1px solid currentColor;border-radius:5px;overflow:hidden;display:flex}.iub__us-widget__wrapper[data-tp-circle]{border-radius:32px}.iub__us-widget__link{display:flex;justify-content:center;align-items:center;padding:.5em 1em;line-height:1;text-decoration:none;transition:background-color .3s ease;cursor:pointer}.iub__us-widget__link--privacy-choices{border-left:1px solid currentColor}.iub__us-widget__link--privacy-choices::after{content:url("data:image/svg+xml,%3Csvg width='40' height='18' viewBox='0 0 40 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='17' rx='8.5' fill='white' stroke='%232569F6'/%3E%3Cpath d='M22.5 0H31C35.9706 0 40 4.02944 40 9C40 13.9706 35.9706 18 31 18H18L22.5 0Z' fill='%232569F6'/%3E%3Cpath d='M8 9.5L10.5 12L16.5 6' stroke='%232569F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.5 6L31.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M31.5 6L25.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");height:18px;margin-left:.8em}.iub__us-widget__link:hover{background-color:#e4e6e8}@media screen and (max-width:480px){.iub__us-widget{justify-content:start}.iub__us-widget__wrapper{flex-direction:column-reverse}.iub__us-widget__link{justify-content:flex-start}.iub__us-widget__link--privacy-choices{flex-direction:row-reverse;border-left:none;border-bottom:1px solid currentColor;margin-left:0;margin-right:.8em}}</style><style type="text/css">#iubenda-cs-banner .iubenda-cs-content,#iubenda-cs-title,.iub-toggle-checkbox.granular-control-checkbox span { background-color: #ffffff!important;color: #333333!important;font-size: 14px!important; }#iubenda-cs-banner .iubenda-cs-close-btn { font-size: 20px!important;background-color: #ffffff!important; }#iubenda-cs-banner .iubenda-cs-opt-group { color: #ffffff!important; }#iubenda-cs-banner .iubenda-cs-opt-group button,.iubenda-alert button.iubenda-button-cancel { background-color: #f2f2f2!important;color: #333333!important; }#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary, .iubenda-alert button.iubenda-button-confirm { background-color: #f45a27!important;color: #ffffff!important; }#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { background-color: #333333!important;color: #ffffff!important; }</style></head>
<body data-turbo-prefetch="false">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=G-PYG8X65YJJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<header data-controller="containers--header-component--header" class="sticky z-[60] inset-0 border-b bg-white text-black border-light-dark" data-test-id="header">
<div class="max-sm:container sm:px-6 md:px-10 flex h-12 xl:h-16 justify-between relative">
<div class="flex items-center xl:hidden">
<div class="mr-2">
<input id="dropdown_trigger" class="hidden" type="checkbox" data-controller="containers--navigations--mobile-menu-component--menu" data-action="input->containers--navigations--mobile-menu-component--menu#toggleBodyOverflow">
<label for="dropdown_trigger" class="cursor-pointer grid grid-flow-row gap-y-2" title="Open menu" aria-label="Open menu">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">menu</span>
</label>
<label for="dropdown_trigger" class="mobile-menu-overlay">
</label>
<div class="bg-white z-10 h-dvh px-8 pt-4 pb-12 font-normal overflow-y-scroll text-black mobile-menu">
<nav class="grid grid-flow-row">
<label for="dropdown_trigger" class="cursor-pointer mb-8" aria-label="Close menu">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">close</span>
</label>
<div class="border-t border-b border-light-dark divide-y divide-light-dark">
<div class="py-4">
<div class="xl:hidden w-full">
<input class="toggle-item-input mobile-menu-open-input" type="checkbox" id="menu_dropdown_framework_laptop_mobile">
<label class="relative flex items-center toggle-item-label mobile-menu-open-label font-medium" for="menu_dropdown_framework_laptop_mobile" data-test-id="framework_laptop-dropdown-navigation-mobile">
Framework Laptop
<span class="absolute top-0 right-0 submenu-open-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_down</span>
</span>
<span class="absolute top-0 right-0 submenu-close-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_up</span>
</span>
</label>
<div class="toggle-item-content">
<div class="xl:hidden pl-2 pb-4">
<div class="pt-8">
<a data-test-id="framework_laptop_13-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop13-diy-intel-ultra-1">Framework Laptop 13</a>
</div>
<div class="pt-8">
<a data-test-id="framework_laptop_16-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop16-diy-amd-7040">Framework Laptop 16</a>
</div>
</div>
</div>
</div>
</div>
<div class="py-4">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="framework for business-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/framework-for-business">Framework for Business</a></span>
</div>
<div class="py-4">
<div class="xl:hidden w-full">
<input class="toggle-item-input mobile-menu-open-input" type="checkbox" id="menu_dropdown_marketplace_mobile">
<label class="relative flex items-center toggle-item-label mobile-menu-open-label font-medium" for="menu_dropdown_marketplace_mobile" data-test-id="marketplace-dropdown-navigation-mobile">
Marketplace
<span class="absolute top-0 right-0 submenu-open-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_down</span>
</span>
<span class="absolute top-0 right-0 submenu-close-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_up</span>
</span>
</label>
<div class="toggle-item-content">
<div class="xl:hidden pl-2 pb-4">
<div class="pt-8">
<a data-test-id="marketplace-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace">View All</a>
</div>
<div class="pt-8">
<a data-test-id="framework-laptop-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/laptops">Framework Laptop</a>
</div>
<div class="pt-8">
<a data-test-id="mainboards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/mainboards">Mainboards</a>
</div>
<div class="pt-8">
<a data-test-id="expansion-cards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/expansion-cards">Expansion Cards</a>
</div>
<div class="pt-8">
<a data-test-id="memory-storage-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/memory-storage">Memory & Storage</a>
</div>
<div class="pt-8">
<a data-test-id="keyboards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/keyboards">Keyboards</a>
</div>
<div class="pt-8">
<a data-test-id="parts-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/parts">Parts</a>
</div>
<div class="pt-8">
<a data-test-id="customization-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/customization">Customization</a>
</div>
<div class="pt-8">
<a data-test-id="tools-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/tools">Tools</a>
</div>
<div class="pt-8">
<a data-test-id="software-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/software">Software</a>
</div>
<div class="pt-8">
<a data-test-id="merch-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/merch">Merch</a>
</div>
</div>
</div>
</div>
</div>
<div class="py-4">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="community-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="https://community.frame.work">Community</a></span>
</div>
<div class="py-4">
<div class="xl:hidden w-full">
<input class="toggle-item-input mobile-menu-open-input" type="checkbox" id="menu_dropdown_support_mobile">
<label class="relative flex items-center toggle-item-label mobile-menu-open-label font-medium" for="menu_dropdown_support_mobile" data-test-id="support-dropdown-navigation-mobile">
Support
<span class="absolute top-0 right-0 submenu-open-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_down</span>
</span>
<span class="absolute top-0 right-0 submenu-close-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_up</span>
</span>
</label>
<div class="toggle-item-content">
<div class="xl:hidden pl-2 pb-4">
<div class="pt-8 font-medium">Downloads and guides</div>
<div class="pt-8">
<a data-test-id="framework_laptop_13-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop13-diy-intel-ultra-1?tab=resource-guide">Framework Laptop 13</a>
</div>
<div class="pt-8">
<a data-test-id="framework_laptop_16-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/laptop-16-support">Framework Laptop 16</a>
</div>
<div class="pt-8 font-medium">Resources</div>
<div class="pt-8">
<a data-test-id="linux-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/linux">Linux on the Framework Laptop</a>
</div>
<div class="pt-8">
<a data-test-id="community_forum-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://community.frame.work">Community Forum</a>
</div>
<div class="pt-8">
<a data-test-id="knowledge_base-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://knowledgebase.frame.work">Knowledge Base</a>
</div>
<div class="pt-8 font-medium">Contact Support</div>
<div class="pt-8">
<a data-test-id="submit_a_support_request-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://framework.kustomer.help/contact/support-request-ryon9uAuq">Submit a support request</a>
</div>
</div>
</div>
</div>
</div>
<div class="py-4">
<div class="xl:hidden w-full">
<input class="toggle-item-input mobile-menu-open-input" type="checkbox" id="menu_dropdown_about_mobile">
<label class="relative flex items-center toggle-item-label mobile-menu-open-label font-medium" for="menu_dropdown_about_mobile" data-test-id="about-dropdown-navigation-mobile">
About
<span class="absolute top-0 right-0 submenu-open-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_down</span>
</span>
<span class="absolute top-0 right-0 submenu-close-icon">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">keyboard_arrow_up</span>
</span>
</label>
<div class="toggle-item-content">
<div class="xl:hidden pl-2 pb-4">
<div class="pt-8">
<a data-test-id="about_framework-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/about">About Framework</a>
</div>
<div class="pt-8">
<a data-test-id="sustainability-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/sustainability">Sustainability</a>
</div>
<div class="pt-8">
<a data-test-id="our_blog-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/blog">Our Blog</a>
</div>
<div class="pt-8">
<span class="flex flex-row items-center space-x-1.5 h-full w-full">
<a target="_blank" rel="noopener" title="We're Hiring" class="focus:accent-blue" href="https://jobs.lever.co/framework">We're Hiring</a>
<span class="rounded-full text-xs w-5 h-5 flex items-center justify-center bg-primary">2</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="py-4">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="outlet-menu-link"><a class="focus:accent-blue text-primary cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="https://frame.work/es/en/outlet">Outlet</a></span>
</div>
<div class="hidden lg:block py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="bg-light flex items-center gap-x-2 px-3 py-2 rounded-full">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
EUR
</span>
</a></div>
<div class="lg:hidden py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="flex items-center space-x-2">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
<span>
EUR
</span>
</span>
</a></div>
<div class="hidden p-6 pt-4 lg:flex flex-col items-center text-center">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue group no-underline" data-test-id="sign-in-button" href="/es/en/login"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full"><span>Sign in</span></span></a>
<p class="mt-3">Don't have an account?</p>
<span class="underline">
<a class="focus:accent-blue active:text-primary-pressed disabled:utility-outline-disabled focus:text-primary-pressed hover:text-primary-hover text-on-surface underline" href="/es/en/signup">Create your account</a>
</span>
</div>
<div class="lg:hidden py-3">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-black text-white border-white hover:bg-secondary-hover active:bg-secondary-pressed focus:bg-accent-dark focus:outline-accent-dark group no-underline" href="/es/en/login"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full"><span>Sign in</span></span></a>
<div class="mt-3">
or
<span class="font-semibold display-inline">
<span class="xl:flex xl:items-center xl:px-3 h-full" data-test-id="create account-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/signup">Create account</a></span>
</span>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="absolute transform left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
xl:left-0 xl:translate-x-0 p-inherit">
<div class="w-40 h-6 filter-invert" data-nosnippet="">
<a title="Framework Home" class="focus:accent-blue active:text-primary-pressed disabled:utility-outline-disabled focus:text-primary-pressed hover:text-primary-hover text-on-surface underline" href="/es/en">
<img alt="Framework" width="160" height="21" src="/assets/logo-c1ae78bbc66fed63092c4b9c39c0258f27ab7e2938efc03883bb1a5c73f1a632.svg">
</a></div>
</div>
<div class="hidden xl:flex h-full m-auto">
<div class="hidden h-full my-auto lg:flex">
<div class="dropdown-component hidden lg:flex group" data-test-id="framework_laptop-dropdown-navigation" data-controller="containers--navigations--dropdown-component--body-overflow" data-action="mouseover->containers--navigations--dropdown-component--body-overflow#toggleBodyOverflow">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="framework laptop-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/marketplace/laptops">Framework Laptop</a></span>
<div class="absolute inset-x-0 top-16 hidden group-hover:block">
<div class="fixed w-full h-screen bg-black opacity-50 -z-10 left-0 hidden group-hover:block pointer-events-none menu-overlay"></div>
<nav class="bg-white py-10 text-dark text-sm z-20 w-screen dropdown-nav">
<div class="hidden container lg:grid grid-cols-12 gap-4">
<div class="relative col-start-2 col-span-11 grid grid-cols-10 gap-x-6">
<div class="mt-8 col-start-1 col-span-6 flex justify-between max-h-64">
<div class="flex flex-col flex-wrap w-full">
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="framework_laptop_13-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop13-diy-intel-ultra-1">Framework Laptop 13</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework Laptop 13" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/framework_laptop_13-4e30c3c67deea9db138c868ca9ac5e402ca5e4cf0befbaad5620ee6e2dfd34e9.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="framework_laptop_16-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop16-diy-amd-7040">Framework Laptop 16</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework Laptop 16" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/framework_laptop_16-6474628d092b2e756f186be4e7ec84fbedae5bfe19c72182de8099e6a18a7746.jpg">
</div>
</div>
</div>
</div>
<div class="h-80 w-80 col-start-7 col-span-4 invisible"></div>
</div>
</div>
</nav>
</div>
</div>
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="framework for business-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/framework-for-business">Framework for Business</a></span>
<div class="dropdown-component hidden lg:flex group" data-test-id="marketplace-dropdown-navigation" data-controller="containers--navigations--dropdown-component--body-overflow" data-action="mouseover->containers--navigations--dropdown-component--body-overflow#toggleBodyOverflow">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="marketplace-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/marketplace">Marketplace</a></span>
<div class="absolute inset-x-0 top-16 hidden group-hover:block">
<div class="fixed w-full h-screen bg-black opacity-50 -z-10 left-0 hidden group-hover:block pointer-events-none menu-overlay"></div>
<nav class="bg-white py-10 text-dark text-sm z-20 w-screen dropdown-nav">
<div class="hidden container lg:grid grid-cols-12 gap-4">
<div class="relative col-start-2 col-span-11 grid grid-cols-10 gap-x-6">
<div class="mt-8 col-start-1 col-span-6 flex justify-between max-h-64">
<div class="flex flex-col flex-wrap w-full">
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="marketplace-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace">View All</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="View all" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/breo3govpykzt0fm3ibqtdaf6kqm 128w, https://static.frame.work/gmrc3avian0n6k6ehzotmga08tg9 256w, https://static.frame.work/uy8vi3qo6oxvotgip0dcv4ea5806 1024w" sizes="20rem" src="https://static.frame.work/uy8vi3qo6oxvotgip0dcv4ea5806">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="framework-laptop-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/laptops">Framework Laptop</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework laptops" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/qa1hixlvfc41sd8aeqb6uuqmqeda 128w, https://static.frame.work/0yp7skhm7ec5zv0lr816u5im0p42 256w, https://static.frame.work/63uhegemkawl4d27ebo6xaz6osrk 1024w" sizes="20rem" src="https://static.frame.work/63uhegemkawl4d27ebo6xaz6osrk">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="mainboards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/mainboards">Mainboards</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Mainboards" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/zuhp8lathnvg67y0lz7lnfuuln4h 128w, https://static.frame.work/zallvs4xt7jeo4cokoaxzi0106f2 256w, https://static.frame.work/wyfhy06qvn80px1zw8ka618be7xd 1024w" sizes="20rem" src="https://static.frame.work/wyfhy06qvn80px1zw8ka618be7xd">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="expansion-cards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/expansion-cards">Expansion Cards</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Expansion Cards" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/p460hzvex2k0x704g4t9wcrhj29q 128w, https://static.frame.work/smtxl4nqnhb7bpuqdk7xt3ldy6ai 256w, https://static.frame.work/eim1sw277dv3w4iqpffoy6h1utam 1024w" sizes="20rem" src="https://static.frame.work/eim1sw277dv3w4iqpffoy6h1utam">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="memory-storage-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/memory-storage">Memory & Storage</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Memory & Storage" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/my3n168qiiqwgzkdi7jj2udb6jrl 128w, https://static.frame.work/g9i51hagfvm7fukpliy1twt28ntf 256w, https://static.frame.work/cls7ftzzgsxlgu4ns5otpdsz2w6f 1024w" sizes="20rem" src="https://static.frame.work/cls7ftzzgsxlgu4ns5otpdsz2w6f">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="keyboards-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/keyboards">Keyboards</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Keyboards" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/07zvkje2k86q867fhr3kzikmwmpp 128w, https://static.frame.work/y9nuwnvv7sbz2v08dlg8sikaaulh 256w, https://static.frame.work/qe64aa2rdiqd9x7alqzmp6dtskl8 1024w" sizes="20rem" src="https://static.frame.work/qe64aa2rdiqd9x7alqzmp6dtskl8">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="parts-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/parts">Parts</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Parts" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/h4bzsern2fqbt577q17y6x6j48yb 128w, https://static.frame.work/z1dkeugnpnyfouf2yi4v61zg1mwc 256w, https://static.frame.work/s1ke4037ad457jt7vhub1dd5sbl7 1024w" sizes="20rem" src="https://static.frame.work/s1ke4037ad457jt7vhub1dd5sbl7">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="customization-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/customization">Customization</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Customization" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/laf439m52akefxyt7hc72nd67ac3 128w, https://static.frame.work/6ntkn61giz0cv7l7qucl2v2rmc9w 256w, https://static.frame.work/i9qbpu6rnmlz2vzz5u9i1ostrqg2 1024w" sizes="20rem" src="https://static.frame.work/i9qbpu6rnmlz2vzz5u9i1ostrqg2">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="tools-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/tools">Tools</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Tools" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/r6rh5u1aqbjk5u74vjwb8v2ihh8u 128w, https://static.frame.work/f7knynitlvzja9l1g0ghzgu8h4zl 256w, https://static.frame.work/zyls89jks9y637seuucxekeocixp 1024w" sizes="20rem" src="https://static.frame.work/zyls89jks9y637seuucxekeocixp">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="software-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/software">Software</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Software" width="876" height="876" loading="lazy" class="object-cover w-full h-full" srcset="https://static.frame.work/unya82ieiivyast6ptonpeia0d4b 128w, https://static.frame.work/f6t8jtyy4ichiz0fob8zsony0a2t 256w, https://static.frame.work/x80ojziivrj8kgqtl6k1sg1xfy8f 1024w" sizes="20rem" src="https://static.frame.work/x80ojziivrj8kgqtl6k1sg1xfy8f">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="merch-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/marketplace/merch">Merch</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
</div>
</div>
</div>
</div>
<div class="h-80 w-80 col-start-7 col-span-4 invisible"></div>
</div>
</div>
</nav>
</div>
</div>
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="community-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" rel="noopener noreferrer" target="_blank" href="https://community.frame.work">Community</a></span>
<div class="dropdown-component hidden lg:flex group" data-test-id="support-dropdown-navigation" data-controller="containers--navigations--dropdown-component--body-overflow" data-action="mouseover->containers--navigations--dropdown-component--body-overflow#toggleBodyOverflow">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="support-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/support">Support</a></span>
<div class="absolute inset-x-0 top-16 hidden group-hover:block">
<div class="fixed w-full h-screen bg-black opacity-50 -z-10 left-0 hidden group-hover:block pointer-events-none menu-overlay"></div>
<nav class="bg-white py-10 text-dark text-sm z-20 w-screen dropdown-nav">
<div class="hidden container lg:grid grid-cols-12 gap-4">
<div class="relative col-start-2 col-span-11 grid grid-cols-10 gap-x-6">
<div class="mt-8 col-start-1 col-span-6 flex justify-between max-h-64">
<div class="flex flex-col flex-wrap w-full">
<span class="font-bold h-12 flex items-center">Downloads and guides</span>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="framework_laptop_13-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/products/laptop13-diy-intel-ultra-1?tab=resource-guide">Framework Laptop 13</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework Laptop 13" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/framework_laptop_13-4e30c3c67deea9db138c868ca9ac5e402ca5e4cf0befbaad5620ee6e2dfd34e9.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="framework_laptop_16-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/laptop-16-support">Framework Laptop 16</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework Laptop 16" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/framework_laptop_16-6474628d092b2e756f186be4e7ec84fbedae5bfe19c72182de8099e6a18a7746.jpg">
</div>
</div>
</div>
<div class="flex flex-col flex-wrap w-full">
<span class="font-bold h-12 flex items-center">Resources</span>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="linux-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/linux">Linux on the Framework Laptop</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Linux" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/linux-6740d593e1df8130a4d538cc4b323b162ff8a2d9ddfcbb1a037d2a5050b0c6db.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="community_forum-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://community.frame.work">Community Forum</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Community Forum" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/community_forum-69a1423ceddf67e31e24bd65840aef5bdf245077f2ec45431fb80ebaa8968bae.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="knowledge_base-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://knowledgebase.frame.work">Knowledge Base</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Knowledge Base" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/knowledge_base-e10148f23dd1fad6d9b99f43905b0ccf3b454b4d57e8a9a91b518f64f916e1ef.jpg">
</div>
</div>
</div>
<div class="flex flex-col flex-wrap w-full">
<span class="font-bold h-12 flex items-center">Contact Support</span>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="submit_a_support_request-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="https://framework.kustomer.help/contact/support-request-ryon9uAuq">Submit a support request</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Submit a support request" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/submit_a_support_request-b4334789979a36f3f59fc685ae469d087b17abf53cd4c0400acc476360a0c9ea.jpg">
</div>
</div>
</div>
</div>
<div class="h-80 w-80 col-start-7 col-span-4 invisible"></div>
</div>
</div>
</nav>
</div>
</div>
<div class="dropdown-component hidden lg:flex group" data-test-id="about-dropdown-navigation" data-controller="containers--navigations--dropdown-component--body-overflow" data-action="mouseover->containers--navigations--dropdown-component--body-overflow#toggleBodyOverflow">
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="about-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/about">About</a></span>
<div class="absolute inset-x-0 top-16 hidden group-hover:block">
<div class="fixed w-full h-screen bg-black opacity-50 -z-10 left-0 hidden group-hover:block pointer-events-none menu-overlay"></div>
<nav class="bg-white py-10 text-dark text-sm z-20 w-screen dropdown-nav">
<div class="hidden container lg:grid grid-cols-12 gap-4">
<div class="relative col-start-2 col-span-11 grid grid-cols-10 gap-x-6">
<div class="mt-8 col-start-1 col-span-6 flex justify-between max-h-64">
<div class="flex flex-col flex-wrap w-full">
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="about_framework-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/about">About Framework</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="About" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/about_framework-fd94fd2bdf193057f7717c93993efff017f92b7761b17286cea9cf7ec9fe816f.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="sustainability-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/sustainability">Sustainability</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Sustainability" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/sustainability-54b107ba035a028505ffdbb681044f066aa3207b0eae8475bf955e4a281de579.jpg">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<a data-test-id="our_blog-product-links-navigation" class="focus:accent-blue w-full h-full block flex items-center" href="/es/en/blog">Our Blog</a>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Framework Laptop 13 (Intel Core Ultra Series 1)" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="https://images.prismic.io/frameworkmarketplace/ZvwgM7VsGrYSwPrQ_In-Stock_Other-Annoucements-0982724.jpg?auto=format%2Ccompress&fit=crop&ar=square&h=320&w=320">
</div>
</div>
<div class="dropdown-link cursor-pointer transition-color duration-200 hover:underline hover:text-primary h-12">
<span class="flex flex-row items-center space-x-1.5 h-full w-full">
<a target="_blank" rel="noopener" title="We're Hiring" class="focus:accent-blue" href="https://jobs.lever.co/framework">We're Hiring</a>
<span class="rounded-full text-xs w-5 h-5 flex items-center justify-center bg-primary">2</span>
</span>
</div>
<div class="absolute dropdown-preview opacity-0 transition-opacity duration-200 right-0 top-0 max-w-full">
<div class="h-80 w-80">
<img alt="Hiring" width="320" height="320" class="object-cover w-full h-full" loading="lazy" src="/assets/navigation/we_are_hiring-c2db61fd4a38ce9f05664d27d2072b636a2ae48b639f8c1ae8118074e605b19e.jpg">
</div>
</div>
</div>
</div>
<div class="h-80 w-80 col-start-7 col-span-4 invisible"></div>
</div>
</div>
</nav>
</div>
</div>
<span class="xl:flex xl:items-center xl:px-3 h-full font-medium" data-test-id="outlet-menu-link"><a class="focus:accent-blue text-primary cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="https://frame.work/es/en/outlet">Outlet</a></span>
</div>
</div>
<div class="flex h-full space-x-4 items-center absolute right-0 top-1/2 transform -translate-y-1/2 p-inherit sm:px-6 md:px-10">
<div class="hidden lg:flex h-full group xl:relative">
<input id="profile_desktop_menu" class="hidden" type="checkbox">
<label data-test-id="profile-icon" for="profile_desktop_menu" class="account-icon cursor-pointer leading-none z-20 primary-on-hover flex items-center group-hover:text-primary" title="Open menu" aria-label="Open menu">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">account_circle</span>
</label>
<label for="profile_desktop_menu" class="profile-desktop-menu-overlay inset-0 h-screen bg-transparent"></label>
<div class="profile-desktop-menu z-10 group-hover:flex
flex-col pt-3 space-y-6 absolute top-12 right-0 xl:top-16 xl:right-1/2 xl:translate-x-1/2 w-60 bg-tertiary-light text-black text-xs shadow-md">
<div class="hidden p-6 pt-4 lg:flex flex-col items-center text-center">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue group no-underline" data-test-id="sign-in-button" href="/es/en/login"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full"><span>Sign in</span></span></a>
<p class="mt-3">Don't have an account?</p>
<span class="underline">
<a class="focus:accent-blue active:text-primary-pressed disabled:utility-outline-disabled focus:text-primary-pressed hover:text-primary-hover text-on-surface underline" href="/es/en/signup">Create your account</a>
</span>
</div>
<div class="lg:hidden py-3">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-black text-white border-white hover:bg-secondary-hover active:bg-secondary-pressed focus:bg-accent-dark focus:outline-accent-dark group no-underline" href="/es/en/login"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full"><span>Sign in</span></span></a>
<div class="mt-3">
or
<span class="font-semibold display-inline">
<span class="xl:flex xl:items-center xl:px-3 h-full" data-test-id="create account-menu-link"><a class="focus:accent-blue cursor-pointer xl:link-hover primary-on-hover group-hover:text-primary hover:no-underline flex h-full items-center" href="/es/en/signup">Create account</a></span>
</span>
</div>
</div>
</div>
</div>
<div class="flex items-center space-x-0.5" data-test-id="bag-icon">
<a class="focus:accent-blue active:text-primary-pressed disabled:utility-outline-disabled focus:text-primary-pressed hover:text-primary-hover text-on-surface underline" href="/es/en/cart">
<span class="primary-on-hover">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">local_mall</span>
</span>
</a> <div id="cart-item-count">
</div>
</div>
<div class="hidden xl:block %>">
<div class="hidden lg:block py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="bg-light flex items-center gap-x-2 px-3 py-2 rounded-full">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
EUR
</span>
</a></div>
<div class="lg:hidden py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="flex items-center space-x-2">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
<span>
EUR
</span>
</span>
</a></div>
</div>
</div>
</div>
</header>
<main>
<noscript>
<div id="flash-message" class="transition transform duration-300 fixed w-full z-50" data-js-target="header-flash">
</div>
</noscript>
<div id="dynamic-messages" class="fixed w-full z-50">
</div>
<div id="snackbar-container" class="fixed mx-4 lg:mx-0 right-0 lg:right-24 top-24 flex flex-col gap-y-4 overflow-hidden z-50">
</div>
<div id="snackbar-template-container" class="hidden">
<div class="snackbar p-2 lg:p-3 max-w-sm flex flex-row justify-between rounded-md shadow-sm animate-slide-in-from-right " data-test-id="snackbar" data-controller="elements--snackbar-component--close">
<div class="p-1.5 flex flex-col gap-y-2">
<div data-js-target="content"></div>
<a data-js-target="link" data-turbo="false" href="#" class="hidden underline" data-action="click->elements--snackbar-component--close#closeMessage">Sample Link content</a>
</div>
<div data-test-id="snackbar-close-icon" class="cursor-pointer" data-action="click->elements--snackbar-component--close#closeMessage">
<span class="material-icons material-icons-outlined text-2xl " data-nosnippet="true">close</span>
</div>
</div>
</div>
<div id="hero" style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 text-black">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div id="hero" class="relative overflow-hidden ">
<div class="relative">
<img alt="Framework Laptop 13" width="3840" height="2160" class="w-full h-[calc(100vh-3rem)] object-cover hidden lg:block" srcset="https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format&w=375 375w,https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format&w=768 768w,https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format&w=1024 1024w,https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format&w=1280 1280w,https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format 1920w" sizes="100vw" src="https://images.prismic.io/frameworkmarketplace/Zk_FaSol0Zci9aH4_1A-fw13-laptop-marigold-hero-2x.jpg?auto=format,compress?auto=compress,format">
<img alt="Framework Laptop 13" width="889" height="800" class="w-full h-[calc(100svh-3rem)] object-cover block lg:hidden" srcset="https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800&w=375 375w,https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800&w=768 768w,https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800&w=1024 1024w,https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800&w=1280 1280w,https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800 1920w" sizes="100vw" src="https://images.prismic.io/frameworkmarketplace/ZlCohyol0Zci9beV_1A-fw13-laptop-marigold-hero-mobile-2048x1842-1-.jpg?auto=format,compress?auto=compress,format&rect=0,0,2047,1842&w=889&h=800">
</div>
<div class="flex flex-col lg:grid lg:grid-cols-12 z-20 w-full lg:p-20 container p-8 absolute inset-0 justify-end lg:items-center">
<div class="flex flex-col lg:col-start-1 lg:col-end-13 lg:text-left lg:items-start">
<div class="prose lg:prose-lg lg:max-w-content prose-h1:mb-4 prose-h2:mt-0 prose-h2:mb-2 prose-h3:mt-0 prose-h3:mb-2 prose-h5:mb-2 prose-h6:mb-2 prose-p:m-0 prose-p:leading-normal">
<span class="hidden lg:block">
<h3>Framework Laptop 13<br>(Intel® Core™ Ultra Series 1)</h3>
<p><strong>Customize, upgrade, repair. Now with the latest Intel® processors.</strong></p>
</span>
<span class="lg:hidden">
<h3>Framework Laptop 13<br>(Intel® Core™ Ultra Series 1)</h3>
<p><strong>Customize, upgrade, repair. Now with the latest Intel® processors.</strong></p>
</span>
</div> <div class="flex flex-row flex-wrap mt-8 gap-2">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/es/en/products/laptop13-diy-intel-ultra-1/configuration/new"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span>
<span class="lg:hidden">
Shop now
</span>
<span class="hidden lg:inline">
Shop now
</span>
</span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-transparent text-on-surface border-on-surface border no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/es/en/products/laptop13-diy-intel-ultra-1"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span>
<span class="lg:hidden">
Learn more
</span>
<span class="hidden lg:inline">
Learn more
</span>
</span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
</div>
</div>
<div class=" absolute top-0 inset-0 w-full h-full"></div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-2 lg:col-end-12"><div class="px-7 lg:px-0 lg:flex">
<a target="_blank" rel="noopener noreferrer" class="focus:accent-blue flex flex-col items-center w-full mb-9 mt-9 lg:mt-0 first:mt-0 last:mb-0 lg:w-2/6 lg:mb-0" data-controller="elements--link-component--link" data-elements--link-component--link-event-value="“The Framework Laptop is the best—and so far only—option if you want a laptop you can easily upgrade and repair.” Clicked" data-action="click->elements--link-component--link#trackClick" href="https://www.nytimes.com/wirecutter/reviews/best-laptops/#the-most-repairable-laptop">
<div class="mb-8 w-auto h-32">
<img alt="The New York Times Wirecutter testimonial badge" width="740" height="580" class="h-full object-contain" loading="lazy" src="https://images.prismic.io/frameworkmarketplace/Zk_EqSol0Zci9aHW_2A-wirecutter-lockup.png?auto=format,compress?auto=compress,format">
</div>
<h5 class="text-base w-56 lg:w-auto font-semibold text-center">
“The Framework Laptop is the best—and so far only—option if you want a laptop you can easily upgrade and repair.”
</h5>
</a>
<div class="w-full h-px lg:w-px lg:h-auto lg:mx-12 bg-utility-outline last:hidden"></div>
<a target="_blank" rel="noopener noreferrer" class="focus:accent-blue flex flex-col items-center w-full mb-9 mt-9 lg:mt-0 first:mt-0 last:mb-0 lg:w-2/6 lg:mb-0" data-controller="elements--link-component--link" data-elements--link-component--link-event-value="“The 2023 Framework Laptop 13 has a new AMD option, and it’s a stellar performer.” Clicked" data-action="click->elements--link-component--link#trackClick" href="https://www.theverge.com/23911664/framework-laptop-13-2023-amd-review">
<div class="mb-8 w-auto h-32">
<img alt="The Verge testimonial badge" width="1080" height="1080" class="h-full object-contain" loading="lazy" src="https://images.prismic.io/frameworkmarketplace/Zk_AzCol0Zci9aGp_2B-verge-lockup.png?auto=format,compress?auto=compress,format">
</div>
<h5 class="text-base w-56 lg:w-auto font-semibold text-center">
“The 2023 Framework Laptop 13 has a new AMD option, and it’s a stellar performer.”
</h5>
</a>
<div class="w-full h-px lg:w-px lg:h-auto lg:mx-12 bg-utility-outline last:hidden"></div>
<a target="_blank" rel="noopener noreferrer" class="focus:accent-blue flex flex-col items-center w-full mb-9 mt-9 lg:mt-0 first:mt-0 last:mb-0 lg:w-2/6 lg:mb-0" data-controller="elements--link-component--link" data-elements--link-component--link-event-value="“Exceedingly rare 10/10 Repairability Score" Clicked" data-action="click->elements--link-component--link#trackClick" href="https://www.youtube.com/watch?v=AV2umY3R0vw">
<div class="mb-8 w-auto h-32">
<img alt="The IFixIt testimonial badge" width="1080" height="540" class="h-full object-contain" loading="lazy" src="https://images.prismic.io/frameworkmarketplace/ZmM4_Jm069VX1j6T_2C-ifixit-logo.png?auto=format,compress?auto=compress,format">
</div>
<h5 class="text-base w-56 lg:w-auto font-semibold text-center">
“Exceedingly rare 10/10 Repairability Score"
</h5>
</a>
<div class="w-full h-px lg:w-px lg:h-auto lg:mx-12 bg-utility-outline last:hidden"></div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="text-black container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-3 lg:col-end-11"><div class="prose lg:prose-lg max-w-none text-center prose-h2:mb-4"><h2>Let’s fix consumer electronics</h2>
<p><strong>The Consumer Electronics industry is broken. We’re here to fix it. We build high-performance products that are easy to repair, upgrade, and customize, so you can use them for as long as you'd like.</strong></p></div></div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-20 lg:pb-24 container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div class="container flex justify-center pt-4 ">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/about"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span><span class="text">Learn more about us</span></span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div id="" class="relative overflow-hidden rounded-xl">
<div class="relative">
<img alt="Framework Marketplace parts" width="2720" height="1530" class="w-full rounded-xl hidden lg:block" loading="lazy" srcset="https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&w=375 375w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&w=768 768w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&w=1024 1024w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&w=1280 1280w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format 1920w" sizes="100vw" src="https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format">
<img alt="Framework Marketplace parts" width="1422" height="800" class="w-full rounded-xl block lg:hidden" loading="lazy" srcset="https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800&w=375 375w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800&w=768 768w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800&w=1024 1024w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800&w=1280 1280w,https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800 1920w" sizes="100vw" src="https://images.prismic.io/frameworkmarketplace/Zk_FAyol0Zci9aHd_3A-marketplace-parts-2x.jpg?auto=format,compress?auto=compress,format&rect=0,0,2720,1530&w=1422&h=800">
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-12 lg:pb-14 text-black container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-7"><div class="prose lg:prose-lg max-w-none text-left prose-h2:mb-4"><h2>Choose your laptop</h2>
<p><strong>Available in both highly portable 13.5” and ultra-high-performance 16” form factors.</strong></p></div></div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div class="bg-color-white grid grid-cols-1 gap-16 lg:grid-cols-none lg:grid-flow-col lg:auto-cols-fr lg:gap-6">
<div class="lg:flex lg:flex-col rounded-b-xl lg:justify-end bg-white overflow-hidden rounded-t-xl">
<div class="mb-6 overflow-hidden rounded-t-xl">
<div class="overflow-hidden h-full "><div class="transition duration-500 ease-in-out transform hover:scale-110 h-full">
<a aria-label="Framework Laptop 13" href="/products/laptop13-diy-intel-ultra-1/configuration/new">
<img alt="Framework Laptop 13" width="2400" height="2400" class="z-0" loading="lazy" src="https://images.prismic.io/frameworkmarketplace/ZlCvdCol0Zci9bjZ_4A-fw13-laptop-2-.jpg?auto=format,compress?auto=compress,format">
</a></div></div> </div>
<div class="pb-8 flex flex-col lg:justify-between w-full px-8 lg:flex-row lg:items-end lg:space-x-8">
<div class="lg:h-full">
<div class="prose lg:prose-lg prose-h3:mb-2 prose-h4:mb-1.5 prose-h5:mb-1 prose-h6:mb-0.5 prose-h6:text-lg"><h6>Framework Laptop 13</h6></div>
<p class="leading-normal"><span class="text">Thin and light, and available with both AMD and Intel processors.</span></p>
</div>
<div class="flex space-x-2">
<div class="mt-6">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-transparent text-on-surface border-on-surface border no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/products/laptop13-diy-intel-ultra-1"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span><span class="text">Learn More</span></span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
<div class="mt-6">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/products/laptop13-diy-intel-ultra-1/configuration/new"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span><span class="text">Buy</span></span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
</div>
</div>
</div>
<div class="lg:flex lg:flex-col rounded-b-xl lg:justify-end bg-white overflow-hidden rounded-t-xl">
<div class="mb-6 overflow-hidden rounded-t-xl">
<div class="overflow-hidden h-full "><div class="transition duration-500 ease-in-out transform hover:scale-110 h-full">
<a aria-label="Framework Laptop 16" href="/products/laptop16-diy-amd-7040/configuration/new">
<video width="100%" height="auto" autoplay="true" loop="true" playsinline="true" tabindex="-1" letterboxcolor="transparent" muted="true" lazy="true" class="absolute h-full left-0 overflow-hidden top-0 z-0 relative" poster="https://customer-gbu4wsrjcdamtxzc.cloudflarestream.com/94fee1768384d3ffdcd2580d8bb6b783/thumbnails/thumbnail.jpg">
<source src="https://customer-gbu4wsrjcdamtxzc.cloudflarestream.com/94fee1768384d3ffdcd2580d8bb6b783/downloads/default.mp4" type="video/mp4">
</video>
</a></div></div> </div>
<div class="pb-8 flex flex-col lg:justify-between w-full px-8 lg:flex-row lg:items-end lg:space-x-8">
<div class="lg:h-full">
<div class="prose lg:prose-lg prose-h3:mb-2 prose-h4:mb-1.5 prose-h5:mb-1 prose-h6:mb-0.5 prose-h6:text-lg"><h6>Framework Laptop 16</h6></div>
<p class="leading-normal"><span class="text">AMD-powered with upgradeable, modular, latest-generation graphics.</span></p>
</div>
<div class="flex space-x-2">
<div class="mt-6">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-transparent text-on-surface border-on-surface border no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/products/laptop16-diy-amd-7040"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span><span class="text">Learn More</span></span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
<div class="mt-6">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/products/laptop16-diy-amd-7040/configuration/new"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span><span class="text">Buy</span></span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="homepage-newsletters" style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div class="email-signup container relative flex justify-center mt-5 lg:mt-9 mb-7 lg:mb-0 pb-11 lg:pb-12">
<div data-controller="containers--email-signup-component--eye-follow" data-action="mousemove@window->containers--email-signup-component--eye-follow#followCursor">
<div aria-hidden="true" class="eyes flex absolute -bottom-5 left-5 lg:static lg:mt-9">
<div class="eye relative p-2" data-containers--email-signup-component--eye-follow-target="eye"></div>
<div class="eye relative p-2" data-containers--email-signup-component--eye-follow-target="eye"></div>
</div>
</div>
<div class="lg:max-w-2xl xl:max-w-4xl">
<div data-test-id="email-signup-homepage-newsletter" id="homepage-newsletter" class="justify-items-left">
<div class="email-signup-title lg:text-center max-w-full mb-6 lg:mb-9 text-4xl lg:text-5xl lg:leading-10 font-semibold">
<span class="hidden lg:inline">
<h3>Don’t need a new laptop yet?<br>Keep track of what we’re working<br>on with the Framework newsletter</h3>
</span>
<span class="inline lg:hidden"><h2>Get the latest news and product updates from Framework</h2></span>
</div>
<div class="mb-4">
<div>
</div>
</div>
<turbo-frame id="email-signup-homepage-newsletter">
<form data-turbo="true" data-type="html" data-controller="elements--form-component--state" action="/es/en/email_signup" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mYFSpH6OB4Mq_e4sx1tYCLfKK4R7_4HX76INs98Z81Hbkolvr_MsyELV8koVmitNah1CCS8ZeyaXaLGkAIN2XA">
<div class="current">
<div class="flex flex-col gap-3 justify-center lg:flex-row lg:space-y-0 lg:flex-wrap">
<div class="flex-1">
<div>
<label for="email_signup_newsletter_form[email]"></label>
<span class="relative">
<input type="email" name="email_signup[email]" id="email_signup_homepage_newsletter[email]" class="w-full focus:outline-none focus:ring-offset-0 focus:ring-1 focus:ring-light-darker focus:ring-opacity-0 hover:ring-opacity-0 text-sm text-base text-black border-0 border-b border-black placeholder-black bg-transparent px-0 hover:border-primary focus:border-primary" required="required" aria-label="Your email" placeholder="Your email">
</span>
<span class="block text-xs " data-elements--forms--inputs--text-component--email-warning-target="warning">
</span>
</div>
</div>
<div class="w-full lg:order-last">
<div class="recap" data-controller="elements--recaptcha-component--recaptcha-component" data-elements--recaptcha-component--recaptcha-component-callback-function-value="recaptcha_callback_239ca7a53d5d7eb0ca30">
<script src="https://www.recaptcha.net/recaptcha/api.js?onload=executeRecaptchaForSubscribe&render=6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF" defer=""></script>
<script>
function executeRecaptchaForSubscribe() {
grecaptcha.ready(function() {
grecaptcha.execute('6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF', {action: 'subscribe'}).then(function(token) {
setInputWithRecaptchaResponseTokenForSubscribe('g-recaptcha-response-data-subscribe', token)
});
});
};
var setInputWithRecaptchaResponseTokenForSubscribe = function(id, token) {
var element = document.getElementById(id);
if (element !== null) element.value = token;
}
</script>
<input type="hidden" name="g-recaptcha-response-data[subscribe]" id="g-recaptcha-response-data-subscribe" data-sitekey="6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF" class="g-recaptcha g-recaptcha-response " value="03AFcWeA5JvK5UDig9ChVikImAIh7nBVtWqjSggqenj_Z4zY8iRMUIPd7LLQ4GXt0ejGGneB3cDWNPGogJaMkIXnOHsC5AagT4gDjJSsQpSAeZYi9kOCRP04WotWpGg07MJLsgxmphBhhWXh4Sk4L17vhwDzjltpJmerHc55l0Tg1Ges-xAOIMR1r12Itj-1Nek7OzD3vsa9jmc4mcfvSj8tgK1Wyte0VZ7QxrUKc7_hPjqYZHPua5n2e_giXzAWz5QimXZ9bHDo_rHMiLUZJ9BdhFlwVX0SShyz36D08iCc-krmRQQ8VaY70lD0e02T8k4-K-ouJlx5m08-5_qXeCHeSVduLl9Ye26ZYBwzV4wOGFJsb5tiMo2v8XorcKLhpk4h-RxvYi9U9R4CXBtmAcNXuVCw_nRXSB1PTlE0xHCJuEZDcttzdODGjci79G2_tARafL5bGN5L-mAUIkeiyXk3Um7FlCdAUn1qHalRMaDlHOBndZtaq0P9uFCQ61sylY7SnlT51zXz9T5k77Izx053XvQJw0gPMDXZ45xkoJ6kqn2cuKpNzbCAxQMNHKJ2ykvh1hOhmq-KkoYs-XhoYgSV4TEz2hW-5bDUx7kMUhjSLyPQY6Vpzvqs9k-ofc8fyisyO8QNWkcDg-uHbPR0f4NDNo8EX_wFz2AC2HHS9UR4ggYR9JeFC4padvur4g1jHSbAVylFbDM3OYCWqkMECx68JnaEdyFFZmEGfic9CYrd1UaCPUJQ3dY0vEj7fsieNhrTSQsAkASUoKIuile2YvNOyl23U2uA0spuXTR1rF56In9uobD8Kg--9c67uKYlOH4gXbF0IAi2Hax58-7dWsPfh_6dHp_L8BoLkhTz13kaM5gYfLXT0mQDk" style="">
</div>
</div>
<button name="notify_me" data-controller="elements--button-component--button" class="whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue" type="submit" value="edit"><span class="flex justify-center space-x-3 items-center py-2 px-4 group-[.disabled]:invisible group-disabled:invisible"><span>
Subscribe
</span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></button> </div>
<input type="hidden" name="email_signup[source]" value="Homepage Newsletter" autocomplete="off">
<input type="hidden" name="email_signup[call_to_action]" value="Subscribe" autocomplete="off">
<input type="hidden" name="email_signup[success_text]" value="
<div class="prose lg:prose-lg prose-white text-center text-black max-w-full mt-3"><p>Thanks for subscribing!</p></div>
" autocomplete="off">
<input type="hidden" name="email_signup[appearance]" value="secondary" autocomplete="off">
</div>
</form>
<div></div>
</turbo-frame></div>
</div>
<div class="frequency absolute -bottom-7 right-5 lg:static pb-4 lg:ml-6 xl:ml-0 lg:mt-4 overflow-hidden text-primary-dark font-semibold text-xl">
<p>Monthly-ish</p>
<img alt="wiggle" class="absolute top-7 -left-0 max-w-none h-2" src="/assets/wiggle-17ac27cfea3f79f2c8b5e5dcaa61840e7c343cbdd59b7ed0bec5512428ccf9e8.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #f2f2f2;" class="">
<div class="pb-28 lg:pb-40 text-black container">
<div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-flow-row-dense gap-y-4 gap-x-6">
<div class="lg:col-start-1 lg:col-end-13"><div class="lg:grid grid-cols-12 grid-flow-row-dense gap-x-6">
<div class="lg:pr-8 lg:col-start-1 lg:col-end-7">
<div class="flex h-full ">
<div class="image-with-text-description py-12 text-left lg:max-w-lg lg:py-0">
<div class="prose lg:prose-lg ">
<h2>Framework Marketplace</h2>
<p><strong>Pick up new modules for upgrade, replacement, and customization of your Framework Laptop in the Framework Marketplace.</strong></p>
</div>
<div class="mt-8 flex flex-row gap-4">
<a class="focus:accent-blue whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue no-underline" data-controller="elements--button-component--button" data-action="click->elements--button-component--button#disable" href="/es/en/marketplace"><span class="flex justify-center space-x-3 items-center py-2 px-4 rounded-full group-[.disabled]:invisible group-disabled:invisible"><span>
<span class="lg:hidden">
Explore our Marketplace
</span>
<span class="hidden lg:inline">
Explore our Marketplace
</span>
</span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></a>
</div>
</div>
</div>
</div>
<div class="lg:col-start-7 lg:col-end-13">
<div class="relative">
<img alt="Installing a Framework Mainboard into a Framework Laptop 13" width="2000" height="2000" class="w-full rounded-xl" loading="lazy" srcset="https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format&w=375 375w,https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format&w=768 768w,https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format&w=1024 1024w,https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format&w=1280 1280w,https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format 1920w" sizes="100vw" src="https://images.prismic.io/frameworkmarketplace/Zk_FJSol0Zci9aHe_5A-installing-mainboard-3x.jpg?auto=format,compress?auto=compress,format">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-black text-left py-16 lg:py-20">
<div class="container">
<div class="space-y-12 lg:space-y-0 lg:flex lg:justify-between">
<ul>
<li class="text-base font-semibold text-light m-0">
Company
</li><li class="mt-4 font-normal">
<a title="About Us" class="focus:accent-blue text-white hover:underline" href="/es/en/about">About Us</a>
</li>
<li class="mt-4 font-normal">
<a title="Sustainability" class="focus:accent-blue text-white hover:underline" href="/sustainability">Sustainability</a>
</li>
<li class="mt-4 font-normal">
<a title="Our Blog" class="focus:accent-blue text-white hover:underline" href="/es/en/blog">Our Blog</a>
</li>
<li class="mt-4 font-normal">
<span class="flex flex-row items-center space-x-1.5 h-full w-full">
<a target="_blank" rel="noopener" title="We're Hiring" class="focus:accent-blue text-white hover:underline" href="https://jobs.lever.co/framework">We're Hiring</a>
<span class="rounded-full text-xs w-5 h-5 flex items-center justify-center bg-primary">2</span>
</span>
</li>
<li class="mt-4 font-normal">
<a title="Contact Us" class="focus:accent-blue text-white hover:underline" href="/es/en/contact-us">Contact Us</a>
</li>
<li class="mt-4 font-normal">
<a title="Framework for Business" class="focus:accent-blue text-white hover:underline" href="/es/en/framework-for-business">Framework for Business</a>
</li>
</ul>
<ul>
<li class="text-base font-semibold text-light m-0">
Social
</li><li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on Twitter" href="https://www.twitter.com/FrameworkPuter">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path d="M22.46 6C21.69 6.35 20.86 6.58 20 6.69C20.88 6.16 21.56 5.32 21.88 4.31C21.05 4.81 20.13 5.16 19.16 5.36C18.37 4.5 17.26 4 16 4C13.65 4 11.73 5.92 11.73 8.29C11.73 8.63 11.77 8.96 11.84 9.27C8.28001 9.09 5.11001 7.38 3.00001 4.79C2.63001 5.42 2.42001 6.16 2.42001 6.94C2.42001 8.43 3.17001 9.75 4.33001 10.5C3.62001 10.5 2.96001 10.3 2.38001 10C2.38001 10 2.38001 10 2.38001 10.03C2.38001 12.11 3.86001 13.85 5.82001 14.24C5.46001 14.34 5.08001 14.39 4.69001 14.39C4.42001 14.39 4.15001 14.36 3.89001 14.31C4.43001 16 6.00001 17.26 7.89001 17.29C6.43001 18.45 4.58001 19.13 2.56001 19.13C2.22001 19.13 1.88001 19.11 1.54001 19.07C3.44001 20.29 5.70001 21 8.12001 21C16 21 20.33 14.46 20.33 8.79C20.33 8.6 20.33 8.42 20.32 8.23C21.16 7.63 21.88 6.87 22.46 6Z"></path>
</svg>
</span>
<span class="m-0.5">
Twitter
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on YouTube" href="https://www.youtube.com/@FrameworkComputer">
<span class="w-4 h-4 text-white"><!--?xml version="1.0" encoding="iso-8859-1"?-->
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg height="24" width="24" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 461.001 461.001" xml:space="preserve">
<g>
<path fill="#fff" d="M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728
c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137
C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607
c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"></path>
</g>
</svg></span>
<span class="m-0.5">
YouTube
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on Instagram" href="https://www.instagram.com/FrameworkComputer">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2V2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7V7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z"></path>
</svg>
</span>
<span class="m-0.5">
Instagram
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on Facebook" href="https://www.facebook.com/FrameworkComputer">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2.04004C6.5 2.04004 2 6.53004 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85004C10.44 7.34004 11.93 5.96004 14.22 5.96004C15.31 5.96004 16.45 6.15004 16.45 6.15004V8.62004H15.19C13.95 8.62004 13.56 9.39004 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96C15.9164 21.5879 18.0622 20.3856 19.6099 18.5701C21.1576 16.7546 22.0054 14.4457 22 12.06C22 6.53004 17.5 2.04004 12 2.04004Z"></path>
</svg>
</span>
<span class="m-0.5">
Facebook
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on LinkedIn" href="https://www.linkedin.com/company/frameworkcomputer">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z"></path>
</svg>
</span>
<span class="m-0.5">
LinkedIn
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on Discord" href="https://discord.com/invite/Framework">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6239 5.39005C18.2217 4.74665 16.7181 4.27263 15.1459 4.00114C15.1173 3.9959 15.0887 4.00899 15.0739 4.03518C14.8805 4.37913 14.6663 4.82784 14.5163 5.18052C12.8254 4.92736 11.1431 4.92736 9.48679 5.18052C9.33676 4.82 9.11478 4.37913 8.92053 4.03518C8.90578 4.00987 8.87718 3.99677 8.84855 4.00114C7.27725 4.27176 5.7736 4.74579 4.37052 5.39005C4.35838 5.39528 4.34797 5.40402 4.34106 5.41536C1.48894 9.67636 0.707629 13.8326 1.09092 17.9374C1.09265 17.9574 1.10392 17.9766 1.11953 17.9889C3.00127 19.3708 4.82406 20.2097 6.61301 20.7658C6.64164 20.7745 6.67197 20.764 6.69019 20.7405C7.11337 20.1626 7.49059 19.5532 7.81402 18.9125C7.83311 18.8749 7.81489 18.8304 7.77588 18.8156C7.17754 18.5886 6.6078 18.3119 6.05975 17.9976C6.0164 17.9723 6.01293 17.9103 6.05281 17.8806C6.16814 17.7942 6.2835 17.7043 6.39363 17.6135C6.41355 17.5969 6.44131 17.5934 6.46474 17.6039C10.0652 19.2477 13.9631 19.2477 17.521 17.6039C17.5445 17.5925 17.5722 17.596 17.593 17.6126C17.7032 17.7034 17.8185 17.7942 17.9347 17.8806C17.9746 17.9103 17.972 17.9723 17.9286 17.9976C17.3806 18.318 16.8108 18.5886 16.2116 18.8147C16.1726 18.8295 16.1553 18.8749 16.1744 18.9125C16.5047 19.5523 16.882 20.1617 17.2973 20.7396C17.3147 20.764 17.3459 20.7745 17.3745 20.7658C19.1721 20.2097 20.9949 19.3708 22.8766 17.9889C22.8931 17.9766 22.9035 17.9583 22.9053 17.9382C23.364 13.1927 22.1369 9.07052 19.6525 5.41623C19.6465 5.40402 19.6361 5.39528 19.6239 5.39005ZM8.35169 15.438C7.26771 15.438 6.37454 14.4428 6.37454 13.2207C6.37454 11.9985 7.25039 11.0033 8.35169 11.0033C9.46163 11.0033 10.3462 12.0072 10.3288 13.2207C10.3288 14.4428 9.45296 15.438 8.35169 15.438ZM15.6619 15.438C14.5779 15.438 13.6847 14.4428 13.6847 13.2207C13.6847 11.9985 14.5606 11.0033 15.6619 11.0033C16.7718 11.0033 17.6563 12.0072 17.639 13.2207C17.639 14.4428 16.7718 15.438 15.6619 15.438Z"></path>
</svg>
</span>
<span class="m-0.5">
Discord
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on Mastodon" href="https://fosstodon.org/@frameworkcomputer">
<span class="w-4 h-4 text-white"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="fill-current ionicon">
<title>mastodon</title>
<path id="Layer" fill-rule="evenodd" class="s0" d="m20.9 14c-0.2 1.4-2.4 2.9-4.9 3.2-1.3 0.2-2.6 0.3-4 0.3-2.2-0.1-4-0.6-4-0.6q0 0.1 0 0.2 0 0.1 0 0.2 0 0 0 0.1 0 0.1 0 0.2c0.3 2.2 2.2 2.3 4 2.4 1.8 0 3.5-0.5 3.5-0.5v1.7c0 0-1.2 0.7-3.5 0.8-1.2 0-2.8-0.1-4.6-0.5-3.9-1.1-4.6-5.3-4.7-9.5 0-1.3 0-2.4 0-3.4 0-4.4 2.8-5.6 2.8-5.6 1.5-0.7 3.9-1 6.5-1 2.6 0 5.1 0.3 6.5 1 0 0 2.8 1.2 2.8 5.6 0 0 0.1 3.2-0.4 5.4zm-2.9-5.1q0-1.6-0.8-2.6-0.9-0.9-2.3-0.9-1.6 0-2.4 1.2l-0.5 0.9-0.5-0.9q-0.8-1.2-2.4-1.2-1.4 0-2.3 0.9-0.8 1-0.8 2.6v5.3h2.1v-5.1q0-1.7 1.4-1.7 1.5 0 1.5 2v2.8h2v-2.8q0-2 1.5-2 1.4 0 1.4 1.7v5.1h2.1z"></path>
</svg></span>
<span class="m-0.5">
Mastodon
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on GitHub" href="https://github.com/FrameworkComputer">
<span class="w-4 h-4 text-white"><svg width="24" height="23" viewBox="0 0 98 96" class="fill-current ionicon" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"></path>
</svg>
</span>
<span class="m-0.5">
GitHub
</span>
</a> </li>
<li class="mt-4 font-normal">
<a target="_blank" rel="noopener me" class="focus:accent-blue text-white hover:underline flex space-x-5" title="Framework Computer on RSS" href="https://frame.work/es/en/blog.rss">
<span class="w-4 h-4 text-white"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.22 4.22V7.05C11.25 7.05 16.95 12.75 16.95 19.78H19.78C19.78 11.19 12.81 4.22 4.22 4.22ZM6.4 15.42C5.19602 15.42 4.22 16.396 4.22 17.6C4.22 18.804 5.19602 19.78 6.4 19.78C7.60398 19.78 8.58 18.804 8.58 17.6C8.58 16.396 7.60398 15.42 6.4 15.42ZM4.22 12.71V9.88C9.69 9.88 14.12 14.31 14.12 19.78H11.29C11.29 15.88 8.12 12.71 4.22 12.71Z" fill="white"></path>
</svg>
</span>
<span class="m-0.5">
RSS
</span>
</a> </li>
</ul>
<ul>
<li class="text-base font-semibold text-light m-0">
Community
</li><li class="mt-4 font-normal">
<a title="Community Forum" class="focus:accent-blue text-white hover:underline" href="https://community.frame.work">Community Forum</a>
</li>
<li class="mt-4 font-normal">
<a title="Support" class="focus:accent-blue text-white hover:underline" href="/es/en/support">Support</a>
</li>
<li class="mt-4 font-normal">
<a title="Repair Guides" class="focus:accent-blue text-white hover:underline" href="https://guides.frame.work/c/Framework_Laptop">Repair Guides</a>
</li>
</ul>
<ul>
<li class="text-base font-semibold text-light m-0">
Marketplace
</li><li class="mt-4 font-normal">
<a title="View All" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace">View All</a>
</li>
<li class="mt-4 font-normal">
<a title="Framework Laptop" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/laptops">Framework Laptop</a>
</li>
<li class="mt-4 font-normal">
<a title="Mainboards" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/mainboards">Mainboards</a>
</li>
<li class="mt-4 font-normal">
<a title="Expansion Cards" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/expansion-cards">Expansion Cards</a>
</li>
<li class="mt-4 font-normal">
<a title="Memory & Storage" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/memory-storage">Memory & Storage</a>
</li>
<li class="mt-4 font-normal">
<a title="Keyboards" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/keyboards">Keyboards</a>
</li>
<li class="mt-4 font-normal">
<a title="Parts" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/parts">Parts</a>
</li>
<li class="mt-4 font-normal">
<a title="Customization" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/customization">Customization</a>
</li>
<li class="mt-4 font-normal">
<a title="Tools" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/tools">Tools</a>
</li>
<li class="mt-4 font-normal">
<a title="Software" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/software">Software</a>
</li>
<li class="mt-4 font-normal">
<a title="Merch" class="focus:accent-blue text-white hover:underline" href="/es/en/marketplace/merch">Merch</a>
</li>
</ul>
<div class="flex flex-col mt-12 lg:mt-0 max-w-sm">
<div class="pb-8">
<span class="text-base font-semibold text-light m-0 xl:mb-5 xl:text-md">Subscribe</span>
<div class="mt-4">
<div data-test-id="email-signup-newsletter-form" id="newsletter-form" class="justify-items-center">
<div class="mb-4">
<div>
<div class="text-white">
Stay up to date with the Framework Newsletter (a few times a month)
</div>
</div>
</div>
<turbo-frame id="email-signup-newsletter-form">
<form data-turbo="true" data-type="html" data-controller="elements--form-component--state" action="/es/en/email_signup" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mYFSpH6OB4Mq_e4sx1tYCLfKK4R7_4HX76INs98Z81Hbkolvr_MsyELV8koVmitNah1CCS8ZeyaXaLGkAIN2XA">
<div class="current">
<div class="flex flex-col gap-3 justify-center lg:flex-row lg:space-y-0 lg:flex-wrap">
<div class="flex-1">
<div>
<label for="email_signup_newsletter_form[email]"></label>
<span class="relative">
<input type="email" name="email_signup[email]" id="email_signup_newsletter_form[email]" class="w-full focus:outline-none focus:ring-offset-0 focus:ring-1 focus:ring-light-darker focus:ring-opacity-0 hover:ring-opacity-0 text-sm focus:ring-light border-light bg-light placeholder-dark-lighter hover:border-light-dark focus:border-light-dark rounded-lg" required="required" aria-label="Your email" placeholder="Your email">
</span>
<span class="block text-xs text-secondary-dark" data-elements--forms--inputs--text-component--email-warning-target="warning">
</span>
</div>
</div>
<div class="w-full lg:order-last">
<div class="recap" data-controller="elements--recaptcha-component--recaptcha-component" data-elements--recaptcha-component--recaptcha-component-callback-function-value="recaptcha_callback_69d1cc2f41a7d167e228">
<script src="https://www.recaptcha.net/recaptcha/api.js?onload=executeRecaptchaForSubscribe&render=6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF" defer=""></script>
<script>
function executeRecaptchaForSubscribe() {
grecaptcha.ready(function() {
grecaptcha.execute('6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF', {action: 'subscribe'}).then(function(token) {
setInputWithRecaptchaResponseTokenForSubscribe('g-recaptcha-response-data-subscribe', token)
});
});
};
var setInputWithRecaptchaResponseTokenForSubscribe = function(id, token) {
var element = document.getElementById(id);
if (element !== null) element.value = token;
}
</script>
<input type="hidden" name="g-recaptcha-response-data[subscribe]" id="g-recaptcha-response-data-subscribe" data-sitekey="6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF" class="g-recaptcha g-recaptcha-response " style="">
</div>
</div>
<button name="notify_me" data-controller="elements--button-component--button" class="whitespace-nowrap block flex justify-center items-center transition-colors duration-300 ease-in-out hover:no-underline disabled:cursor-not-allowed font-semibold focus:outline focus:outline-offset-2 focus:outline-2 group rounded-full max-w-max min-w-min bg-primary text-on-primary hover:bg-primary-hover active:bg-primary-pressed focus:outline-accent-blue" type="submit" value="edit"><span class="flex justify-center space-x-3 items-center py-2 px-4 group-[.disabled]:invisible group-disabled:invisible"><span>
Sign up
</span></span><span class="hidden absolute spinner group-[.disabled]:flex group-disabled:flex"></span></button> </div>
<input type="hidden" name="email_signup[source]" value="Newsletter Form" autocomplete="off">
<input type="hidden" name="email_signup[call_to_action]" value="
Sign up
" autocomplete="off">
<input type="hidden" name="email_signup[success_text]" value="
<div class="text-white font-semibold">
Thanks for subscribing!
</div>
" autocomplete="off">
<input type="hidden" name="email_signup[appearance]" value="primary" autocomplete="off">
</div>
</form>
<div></div>
</turbo-frame></div>
</div>
</div>
</div>
</div>
<div class="flex items-end justify-between text-white lg:items-center mb-10 lg:mb-0 mt-20">
<div>
<div class="mb-4">
© 2024 Framework Computer BV
</div>
<div class="space-y-3 lg:flex lg:space-y-0">
<div class="lg:mr-5">
<a class="focus:accent-blue text-white hover:underline iubenda-nostyle no-brand iubenda-embed" title="Terms of Service" href="https://www.iubenda.com/terms-and-conditions/78791085">Terms of Service</a><script type="text/javascript" src="https://cdn.iubenda.com/iubenda_i_badge.js"></script>
</div>
<div class="lg:mr-5">
<a class="focus:accent-blue text-white hover:underline iubenda-nostyle no-brand iubenda-embed" title="Privacy Policy" href="https://www.iubenda.com/privacy-policy/78791085">Privacy Policy</a><script type="text/javascript" src="https://cdn.iubenda.com/iubenda_i_badge.js"></script>
</div>
<div class="lg:mr-5">
<a title="Warranty" class="focus:accent-blue text-white hover:underline" href="/es/en/warranty">Warranty</a>
</div>
<div class="lg:mr-5">
<a title="Terms of Sale" class="focus:accent-blue text-white hover:underline" href="/es/en/terms-of-sale">Terms of Sale</a>
</div>
<div>
<a class="focus:accent-blue text-white hover:underline iubenda-nostyle no-brand iubenda-embed" title="Cookie Policy" href="https://www.iubenda.com/privacy-policy/78791085/cookie-policy">Cookie Policy</a><script type="text/javascript" src="https://cdn.iubenda.com/iubenda_i_badge.js"></script>
</div>
</div>
</div>
<div class="text-white lg:text-black">
<div class="hidden lg:block py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="bg-light flex items-center gap-x-2 px-3 py-2 rounded-full">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
EUR
</span>
</a></div>
<div class="lg:hidden py-4">
<a class="focus:accent-blue" href="/es/en/locale/edit">
<span class="flex items-center space-x-2">
<span class="w-6">
<img alt="Spain (España)" width="24" height="17" src="/images/flags/es.svg">
</span>
<span>
EUR
</span>
</span>
</a></div>
</div>
</div>
</div>
</footer>
<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-601ifln0b5ne" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.recaptcha.net/recaptcha/api2/anchor?ar=1&k=6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF&co=aHR0cHM6Ly9mcmFtZS53b3JrOjQ0Mw..&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&size=invisible&cb=54793jp0i29"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div><div><div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-axls9rl7jhaj" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.recaptcha.net/recaptcha/api2/anchor?ar=1&k=6Ld9XIQaAAAAAMhu0awUDtxcXZ5lkgRADuW3t6CF&co=aHR0cHM6Ly9mcmFtZS53b3JrOjQ0Mw..&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&size=invisible&cb=p4lfd29qdx00"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100001" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div><div id="iubenda-cs-banner" style="z-index:99999998 !important;" class="iubenda-cs-default-floating iubenda-cs-bottom iubenda-cs-center iubenda-cs-overlay iubenda-cs-slidein iubenda-cs-visible iubenda-cs-scrollable" role="alertdialog" aria-describedby="iubenda-cs-paragraph" aria-labelledby="iubenda-cs-title"><div class="iubenda-cs-container"><div class="iubenda-cs-content" style="background-color: #ffffff !important;color: #333333 !important;font-size: 14px !important;"><div class="iubenda-cs-rationale"><button type="button" class="iubenda-cs-close-btn" tabindex="0" role="button" aria-pressed="false" aria-label="Close this notice" style="display:none!important;">×</button><div class="iubenda-banner-content iubenda-custom-content" role="document"><h2 id="iubenda-cs-title">Notice</h2><div id="iubenda-cs-paragraph" class="iubenda-cs-small-margin-top" "=""><p class="iub-p">We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for <strong data-iub-role="purposes_emphasis">functionality, experience, measurement and “marketing (personalized ads)”</strong> as specified in the <a href="https://www.iubenda.com/privacy-policy/78791085/cookie-policy?an=no&s_ck=false&newmarkup=yes" target="_blank" rel="noopener" class="iubenda-cs-cookie-policy-lnk">cookie policy</a>. </p><p class="iub-p"></p><p class="iub-p">Use the “Accept” button to consent. Use the “Reject” button to continue without accepting.</p></div></div><div class="iubenda-cs-counter">Press again to continue 0/2</div><div class="iubenda-cs-opt-group" style="color:#ffffff!important;"><div class="iubenda-cs-opt-group-custom"><button class="iubenda-cs-customize-btn" tabindex="0" role="button" aria-pressed="false">Learn more and customize</button></div><div class="iubenda-cs-opt-group-consent"><button class="iubenda-cs-reject-btn iubenda-cs-btn-primary" tabindex="0" role="button" aria-pressed="false">Reject</button><button class="iubenda-cs-accept-btn iubenda-cs-btn-primary" tabindex="0" role="button" aria-pressed="false">Accept</button></div></div></div></div></div></div></body></html>