@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";:root{--white: #ffffff;--black: #191919;--acento-uno: #e8e2e2;--border: 1px solid #707070}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{color:var(--black);transition:color .5s,background-color .5s;line-height:1.6;font-family:Cabin,serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-size:16px;text-rendering:optimizeLegibility;background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tag{padding:.5rem 1rem;border-radius:7rem;display:flex;width:fit-content;border:#800080}.max-width{width:100%;max-width:1200px;height:100%;margin:0 auto}.main-navbar{width:100vw;height:100px;padding:0 2rem;position:fixed;top:0;left:0;background-color:var(--acento-uno);z-index:50}.main-navbar .max-width{display:flex;align-items:center;justify-content:space-between}.main-navbar .max-width .header-home-logo{display:flex;align-items:center;gap:21px;position:relative;text-decoration:none;color:inherit}.main-navbar .max-width .header-home-logo .logo{width:auto;height:100%;max-height:66%}.main-navbar .max-width .header-home-logo .brandbook-logo-mark{font-size:24px;font-weight:600;position:relative;color:#707070}.main-navbar .max-width .header-home-logo .brandbook-logo-mark:after{content:"";width:1px;height:100%;max-height:40px;position:absolute;left:-11px;top:50%;transform:translateY(-50%);background-color:#707070}.main-navbar .max-width .lg-navlist{display:none;align-items:center;gap:32px;list-style-type:none}.main-navbar .max-width .lg-navlist .lg-navitem .lg-navlink{padding:10px 0;text-decoration:none;text-transform:uppercase;letter-spacing:3.5px;color:inherit}.main-navbar .max-width .lg-navlist .lg-navitem .link-with-sublinks{position:relative}.main-navbar .max-width .lg-navlist .lg-navitem .link-with-sublinks .lg-sublinks-list{padding:16px 21px 16px 36px;display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:100%;right:-21px;list-style-type:none;background-color:#000;z-index:1}.main-navbar .max-width .lg-navlist .lg-navitem .link-with-sublinks .lg-sublinks-list .lg-subitem .lg-navlink{color:#fff}.main-navbar .max-width .logout-action{padding:4px 16px;border-radius:16px;border:.75px solid #707070;display:flex;align-items:center;gap:8px;position:relative;text-decoration:none;color:#000;overflow:hidden;background-color:#fff}.main-navbar .max-width .logout-action:after{content:"";width:66%;aspect-ratio:1;border-radius:50%;position:absolute;left:50%;bottom:-250%;transform:translate(-50%);transition:all .25s ease;background-color:#000;z-index:0}.main-navbar .max-width .logout-action:hover:after{width:120%;bottom:-150%}.main-navbar .max-width .logout-action span,.main-navbar .max-width .logout-action svg{position:relative;mix-blend-mode:difference;color:#fff;fill:#fff;z-index:1}.page-wrapper{margin-top:100px;position:relative;z-index:0}.page-wrapper .max-width{min-height:calc(100vh - 100px);padding:3rem 2rem;display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center}.page-wrapper .max-width .welcome-header{display:flex;flex-direction:column;align-items:center;gap:8px}.page-wrapper .max-width .welcome-header .section-title{font-size:64px;font-weight:500;line-height:1;text-align:center}.page-wrapper .max-width .welcome-header .section-title span{font-size:inherit;font-weight:700;line-height:1;opacity:.8;text-align:center;color:inherit}.page-wrapper .max-width .welcome-header .section-subtitle{font-size:30px;line-height:1;text-align:center;text-wrap:balance}.page-wrapper .max-width .brandbooks-list{width:100%;max-width:594px;display:flex;flex-direction:column;gap:1.5rem}.brand-wrapper{margin-top:100px;position:relative;z-index:0}.brand-wrapper .cover-section{width:100%;position:relative}.brand-wrapper .cover-section .cover-bg-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;pointer-events:none;background-color:#e8e2e280}.brand-wrapper .cover-section .cover-bg-img img{width:100%;height:100%;object-fit:cover}.brand-wrapper .cover-section .max-width{height:450px;position:relative;z-index:1}.brand-wrapper .cover-section .max-width .cover-data{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.brand-wrapper .cover-section .max-width .cover-data .cover-title{font-size:clamp(4rem,3.0909rem + 3.8788vw,6rem);line-height:.8;font-weight:700;text-align:center}.brand-wrapper .cover-section .max-width .cover-data .cover-subtitle{font-size:clamp(1.25rem,1.1364rem + .4848vw,1.5rem);letter-spacing:8px;line-height:1;text-align:center}@media screen and (min-width:1024px){.main-navbar{padding:0 5rem}.main-navbar .max-width .mb-menu{display:none}.main-navbar .max-width .lg-navlist{display:flex}}@media screen and (min-width:1360px){.main-navbar{padding:0}}.header-user{display:flex;align-items:center;gap:1rem}.header-user .header-email{font-size:14px;color:#707070}.header-user .logout-action{display:flex;align-items:center;gap:.5rem;background:none;border:0;font:inherit;cursor:pointer;color:inherit}.header-user .logout-action svg{height:18px;width:auto}.auth-box{max-width:420px;display:flex;flex-direction:column;gap:1rem}.auth-box form{display:flex;flex-direction:column;gap:.5rem}.auth-box input{padding:.75rem;border:var(--border);font:inherit}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1.25rem;border:1px solid var(--black);background:var(--black);color:var(--white);font:inherit;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn.btn-google{background:var(--white);color:var(--black)}.btn.btn-link{background:none;border:0;color:inherit;text-decoration:underline;padding:0}.divider{text-align:center;color:#707070;font-size:14px}.alert{padding:.75rem 1rem;background:#fdecea;border-left:3px solid #c0392b}.muted{color:#707070;font-size:14px}.brand-list{width:100%;list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.brand-list .brand-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;border:var(--border);text-decoration:none;color:inherit;background:var(--acento-uno)}.brand-list .brand-card .brand-name{font-size:22px;font-weight:600}