/* /charo_casa_websites/static/src/css/designer_portal.css */
.cc-pro-access-main, .cc-pro-status-main, .cc-pro-library-main{background: #fff; color: var(--cc-ink); padding-top: calc(var(--cc-topbar-height) + var(--cc-header-nav-height));}.cc-pro-access-main{display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(540px, 1fr); min-height: 860px;}.cc-pro-access-intro{background: #2f302c; color: #fff; padding: clamp(72px, 9vw, 128px) clamp(28px, 6vw, 92px);}.cc-pro-access-intro-inner{margin-left: auto; max-width: 620px;}.cc-pro-access-intro .cc-kicker, .cc-pro-access-intro .cc-pro-access-lede{color: rgba(255, 255, 255, 0.72);}.cc-pro-access-intro h1, .cc-pro-status-copy h1, .cc-pro-library-head h1{font-size: clamp(42px, 5vw, 72px); font-weight: 300; letter-spacing: 0; line-height: 1.02; margin: 18px 0 0; text-transform: none;}.cc-pro-access-lede{font-size: 18px; line-height: 1.7; margin: 28px 0 0; max-width: 48ch;}.cc-pro-access-index{border-bottom: 1px solid rgba(255, 255, 255, 0.22); border-top: 1px solid rgba(255, 255, 255, 0.22); margin: clamp(52px, 8vw, 108px) 0 0;}.cc-pro-access-index div{align-items: center; display: grid; gap: 18px; grid-template-columns: 42px 1fr; min-height: 74px;}.cc-pro-access-index div + div{border-top: 1px solid rgba(255, 255, 255, 0.16);}.cc-pro-access-index dt{color: rgba(255, 255, 255, 0.48); font-size: 12px;}.cc-pro-access-index dd{font-size: 17px; margin: 0;}.cc-pro-access-workspace{padding: clamp(54px, 7vw, 94px) clamp(28px, 6vw, 92px) clamp(72px, 8vw, 118px);}.cc-pro-access-tabs, .cc-pro-library-nav{border-bottom: 1px solid var(--cc-line); display: flex; gap: 28px;}.cc-pro-access-tabs a, .cc-pro-library-nav a{color: #6b665d; font-size: 13px; font-weight: 600; padding: 0 0 15px; position: relative; text-decoration: none;}.cc-pro-access-tabs a.is-active, .cc-pro-library-nav a.is-active{color: var(--cc-ink);}.cc-pro-access-tabs a.is-active::after, .cc-pro-library-nav a.is-active::after{background: var(--cc-ink); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0;}.cc-pro-signin-prompt{align-items: center; border-bottom: 1px solid var(--cc-line); display: flex; gap: 24px; justify-content: space-between; padding: 30px 0;}.cc-pro-signin-prompt div{display: grid; gap: 5px;}.cc-pro-signin-prompt span, .cc-pro-status-label, .cc-pro-status-account span, .cc-pro-library-account span, .cc-pro-library-empty > span{color: #8a837a; font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}.cc-pro-signin-prompt strong{font-size: 18px; font-weight: 400;}.cc-pro-access-form{margin-top: clamp(44px, 6vw, 74px);}.cc-pro-access-form header{margin-bottom: 16px;}.cc-pro-access-form h2{font-size: clamp(30px, 3vw, 42px); font-weight: 300; letter-spacing: 0; line-height: 1.08; margin: 10px 0 0;}.cc-pro-status-main{align-items: start; display: grid; gap: clamp(48px, 9vw, 140px); grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); min-height: 720px; padding-bottom: clamp(82px, 10vw, 150px); padding-left: max(24px, calc((100vw - 1240px) / 2)); padding-right: max(24px, calc((100vw - 1240px) / 2)); padding-top: calc(var(--cc-topbar-height) + var(--cc-header-nav-height) + clamp(78px, 9vw, 130px));}.cc-pro-status-copy{max-width: 720px;}.cc-pro-status-copy > p:not(.cc-kicker){color: #655f56; font-size: 19px; line-height: 1.7; margin: 28px 0 0; max-width: 48ch;}.cc-pro-status-actions{align-items: center; display: flex; flex-wrap: wrap; gap: 24px; margin-top: 42px;}.cc-pro-status-account, .cc-pro-library-account{border-top: 1px solid var(--cc-line); display: grid; gap: 8px; padding-top: 20px;}.cc-pro-status-account strong, .cc-pro-library-account strong{font-size: 18px; font-weight: 500;}.cc-pro-status-account small{color: #777168; overflow-wrap: anywhere;}.cc-pro-status-account a, .cc-pro-library-account a{color: var(--cc-ink); font-size: 13px; margin-top: 12px;}.cc-pro-library-main{min-height: 780px; padding-bottom: clamp(90px, 10vw, 148px); padding-left: max(24px, calc((100vw - 1320px) / 2)); padding-right: max(24px, calc((100vw - 1320px) / 2)); padding-top: calc(var(--cc-topbar-height) + var(--cc-header-nav-height) + clamp(58px, 7vw, 94px));}.cc-pro-library-head{align-items: end; display: grid; gap: 40px; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);}.cc-pro-library-head > div:first-child > p:last-child{color: #655f56; font-size: 18px; margin: 22px 0 0;}.cc-pro-library-nav{margin-top: 54px;}.cc-pro-library-filters{align-items: end; border-bottom: 1px solid var(--cc-line); display: grid; gap: 16px; grid-template-columns: minmax(260px, 1.7fr) repeat(3, minmax(140px, 0.75fr)) auto; padding: 30px 0;}.cc-pro-library-filters label{display: grid; gap: 8px; min-width: 0;}.cc-pro-library-filters label > span{color: #746e65; font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}.cc-pro-library-filters input, .cc-pro-library-filters select{background: #fff; border: 1px solid #cfcac1; border-radius: 4px; color: var(--cc-ink); font: inherit; height: 48px; letter-spacing: 0; min-width: 0; padding: 0 13px; width: 100%;}.cc-pro-library-filters input:focus, .cc-pro-library-filters select:focus{border-color: var(--cc-ink); outline: 2px solid rgba(47, 48, 44, 0.16); outline-offset: 1px;}.cc-pro-library-filters .cc-btn{height: 48px; justify-content: center; min-width: 112px;}.cc-pro-library-summary{align-items: center; display: flex; justify-content: space-between; min-height: 58px;}.cc-pro-library-summary p{color: #69635a; margin: 0;}.cc-pro-library-summary strong{color: var(--cc-ink);}.cc-pro-library-summary a{color: var(--cc-ink); font-size: 13px;}.cc-pro-library-results{border-top: 1px solid var(--cc-line);}.cc-pro-asset-row{align-items: center; border-bottom: 1px solid var(--cc-line); display: grid; gap: clamp(18px, 3vw, 38px); grid-template-columns: 116px minmax(220px, 1fr) minmax(210px, 0.58fr) auto; min-height: 164px; padding: 24px 0;}.cc-pro-asset-preview{align-items: center; aspect-ratio: 1; background: #f2f0ec; border: 1px solid #e0dcd4; border-radius: 4px; color: #766f65; display: flex; font-size: 13px; font-weight: 700; justify-content: center; overflow: hidden; width: 116px;}.cc-pro-asset-preview img{height: 100%; object-fit: cover; width: 100%;}.cc-pro-asset-copy{min-width: 0;}.cc-pro-asset-eyebrow{display: flex; flex-wrap: wrap; gap: 7px 16px;}.cc-pro-asset-eyebrow span{color: #827b71; font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}.cc-pro-asset-row h2, .cc-pro-library-empty h2{font-size: 28px; font-weight: 300; letter-spacing: 0; line-height: 1.12; margin: 8px 0 0;}.cc-pro-asset-copy > p{color: #6f685f; line-height: 1.55; margin: 10px 0 0; max-width: 58ch;}.cc-pro-asset-products{display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px;}.cc-pro-asset-products span{color: #625c53; font-size: 12px;}.cc-pro-asset-meta{display: grid; gap: 9px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0;}.cc-pro-asset-meta div{min-width: 0;}.cc-pro-asset-meta dt{color: #8b847a; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}.cc-pro-asset-meta dd{color: var(--cc-ink); font-size: 13px; margin: 5px 0 0; overflow-wrap: anywhere;}.cc-pro-asset-actions{align-items: center; display: flex; gap: 18px; justify-content: end;}.cc-pro-library-empty{border-bottom: 1px solid var(--cc-line); padding: clamp(54px, 8vw, 104px) 0;}.cc-pro-library-empty p{color: #655f56; font-size: 17px; margin: 18px 0 0;}.cc-pro-library-pagination{display: flex; gap: 6px; justify-content: center; padding-top: 36px;}.cc-pro-library-pagination a{align-items: center; border: 1px solid #d4cfc7; border-radius: 4px; color: var(--cc-ink); display: inline-flex; height: 40px; justify-content: center; min-width: 40px; text-decoration: none;}.cc-pro-library-pagination a.is-current{background: var(--cc-ink); border-color: var(--cc-ink); color: #fff;}@media (max-width: 980px){.cc-pro-access-main{grid-template-columns: 1fr;}.cc-pro-access-intro-inner{margin-left: 0;}.cc-pro-status-main, .cc-pro-library-head{grid-template-columns: 1fr;}.cc-pro-status-account, .cc-pro-library-account{max-width: 420px;}.cc-pro-library-filters{grid-template-columns: repeat(2, minmax(0, 1fr));}.cc-pro-library-search{grid-column: 1 / -1;}.cc-pro-library-filters .cc-btn{width: 100%;}.cc-pro-asset-row{grid-template-columns: 96px minmax(0, 1fr);}.cc-pro-asset-preview{width: 96px;}.cc-pro-asset-meta, .cc-pro-asset-actions{grid-column: 2;}.cc-pro-asset-actions{justify-content: start;}}@media (max-width: 640px){.cc-pro-access-intro, .cc-pro-access-workspace{padding-left: 22px; padding-right: 22px;}.cc-pro-signin-prompt, .cc-pro-signin-prompt{align-items: stretch; flex-direction: column;}.cc-pro-signin-prompt .cc-btn, .cc-pro-asset-actions .cc-btn{justify-content: center; width: 100%;}.cc-pro-access-tabs, .cc-pro-library-nav{gap: 20px; overflow-x: auto;}.cc-pro-library-filters{grid-template-columns: 1fr;}.cc-pro-library-search{grid-column: auto;}.cc-pro-asset-row{align-items: start; grid-template-columns: 78px minmax(0, 1fr); min-height: 0;}.cc-pro-asset-preview{width: 78px;}.cc-pro-asset-row h2{font-size: 23px;}.cc-pro-asset-meta, .cc-pro-asset-actions{grid-column: 1 / -1;}.cc-pro-asset-actions{align-items: stretch; flex-direction: column-reverse;}}