:root{--bg-color: #ffffff;--text-color: #222222;--text-color-invert: #fff;--menu-color: #ffffff;--sidebar-menu-color: #222222;--header-bg: #f8f8f8;--logo-bg: #1e2a36;--sidebar-bg: #f8f9ef;--sidebar-hover: #35c9c5;--submenu-bg: #34495e;--primary-color: #0066cc;--placeholder-color: #aaa;--input-color: #888;--input-background: #fafafa;--select-border: #ccc;--hr-border: #e7e7e7;--simple-form-label-color: #8a8a8a;--ticket-grey: #ebebeb;--font-size-base: .9em;--line-height-base: 1.1;--font-family-base: "Satoshi", sans-serif;--sidebar-width: 190px;--sidebar-width-collapsed: 58px;--sidebar-width-mobile: 65vw;--sidebar-icon-width: 36px;--header-height: 90px;--icon-hover-filter: brightness(0) saturate(0%);--icon-hover-filter-invert: brightness(100%) saturate(100%);--box-icon-filter-inverted: brightness(0) invert(1);--box-icon-filter: brightness(0) invert(0);--filter-teal: invert(73%) sepia(38%) saturate(508%) hue-rotate(125deg) brightness(92%) contrast(93%);--filter-pink: invert(27%) sepia(96%) saturate(2666%) hue-rotate(318deg) brightness(95%) contrast(96%);--filter-grey: brightness(0) invert(1) grayscale(1) brightness(.53) sepia(0) saturate(0) contrast(0) hue-rotate(0deg) brightness(.67) contrast(1.1);--filter-disponible: invert(62%) sepia(18%) saturate(707%) hue-rotate(56deg) brightness(92%) contrast(85%);--winkel-pink: #ea356f;--winkel-teal: #35c9c5;--winkel-warning: #ff9800;--winkel-dark-blue: #2a3d4c;--winkel-grey: #707070;--winkel-light-grey: #f7f7f7;--winkel-light-teal: #39ddd8;--winkel-light-pink: #faebf0;--winkel-white-card: #fff;--winkel-ruta: #f9faf0;--winkel-ruta-texto: #646464;--winkel-usuario-grey: #d0d0d0;--winkel-usuario-grey-mail: #b6b6b6;--winkel-folder-light-grey: #f7f7f7;--winkel-folder-grey: #d8dae0;--winkel-admin-pink: #ea356f;--winkel-admin-teal: #35c9c5;--winkel-admin-dark-blue: #2a3d4c;--winkel-admin-grey: #707070;--winkel-admin-light-grey: #f7f7f7;--winkel-admin-light-teal: #39ddd8;--winkel-admin-white-card: #fff;--winkel-admin-ruta: #f9faf0;--winkel-admin-ruta-texto: #646464;--winkel-admin-usuario-grey: #d0d0d0;--winkel-admin-usuario-grey-mail: #b6b6b6;--apex-text-color: #000;--avatar-size: 96px;--avatar-fab: 32px;--chev-size: 36px}.dark-mode{--bg-color: #272727;--text-color: #eaeaea;--text-color-invert: #fff;--menu-color: #ffffff;--sidebar-menu-color: #bebebe;--header-bg: #1e2a38;--logo-bg: #1e2a36;--sidebar-bg: #1f2d3d;--sidebar-hover: #2e3d4f;--submenu-bg: #2b3b4b;--primary-color: #4dabf7;--placeholder-color: #666;--input-color: #888;--input-background: #fafafa;--select-border: #8a8a8a;--hr-border: #e7e7e7;--simple-form-label-color: #aaa;--ticket-grey: #ebebeb;--sidebar-width: 190px;--sidebar-width-collapsed: 54px;--sidebar-width-mobile: 60vw;--sidebar-icon-width: 32px;--header-height: 90px;--icon-hover-filter: brightness(100%) saturate(100%);--icon-hover-filter-invert: brightness(0) saturate(0%);--box-icon-filter-inverted: brightness(0) invert(1);--box-icon-filter: brightness(0) invert(1);--filter-teal: invert(73%) sepia(38%) saturate(508%) hue-rotate(125deg) brightness(92%) contrast(93%);--filter-pink: invert(27%) sepia(96%) saturate(2666%) hue-rotate(318deg) brightness(95%) contrast(96%);--filter-warning: invert(51%) sepia(94%) saturate(2475%) hue-rotate(358deg) brightness(102%) contrast(101%);--filter-grey: brightness(0) invert(1) grayscale(1) brightness(.53) sepia(0) saturate(0) contrast(0) hue-rotate(0deg) brightness(.67) contrast(1.1);--filter-disponible: invert(62%) sepia(18%) saturate(707%) hue-rotate(56deg) brightness(92%) contrast(85%);--winkel-pink: #ee5988;--winkel-teal: #7ddbd8;--winkel-warning: #ff9800;--winkel-dark-blue: #2a3d4c;--winkel-grey: #707070;--winkel-light-grey: #494749;--winkel-light-teal: #39ddd8;--winkel-light-pink: #f8d6e1;--winkel-white-card: #494749;--winkel-ruta: #646464;--winkel-ruta-texto: #f9faf0;--winkel-usuario-grey: #d0d0d0;--winkel-usuario-grey-mail: #b6b6b6;--winkel-folder-light-grey: #1f2937;--winkel-folder-grey: #111827;--winkel-admin-pink: #ee5988;--winkel-admin-teal: #7ddbd8;--winkel-admin-dark-blue: #2a3d4c;--winkel-admin-grey: #d4d4d4;--winkel-admin-light-grey: #494749;--winkel-admin-light-teal: #39ddd8;--winkel-admin-white-card: #494749;--winkel-admin-ruta: #646464;--winkel-admin-ruta-texto: #f9faf0;--winkel-admin-usuario-grey: #d0d0d0;--winkel-admin-usuario-grey-mail: #b6b6b6;--apex-text-color: #fff;--avatar-size: 100px;--avatar-fab: 32px;--chev-size: 36px}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Light-2P3JTK5B.woff2") format("woff2"),url("./media/Satoshi-Light-ZYQXYXMZ.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Regular-WHOKFJOU.woff2") format("woff2"),url("./media/Satoshi-Regular-XMVMZ3XY.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Medium-EJJZ2F7T.woff2") format("woff2"),url("./media/Satoshi-Medium-6OKB42DH.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Bold-CIEESITA.woff2") format("woff2"),url("./media/Satoshi-Bold-WKFAJRA3.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Black-Y3JAU25J.woff2") format("woff2"),url("./media/Satoshi-Black-FCDTKCOV.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}html{font-size:var(--font-size-base);line-height:var(--line-height-base);font-family:var(--font-family-base);color:var(--text-color);background-color:var(--bg-color)}body{margin:0;background-color:var(--bg-color);color:var(--text-color)}hr{border:0;border-top:1px solid var(--hr-border);margin:.8rem auto;width:95%}.hidden{display:none!important}main{background-color:var(--bg-color);box-sizing:border-box;width:calc(100% - var(--sidebar-width-collapsed));margin:0 0 0 auto}#section-banner{position:relative;height:250px}#section-banner h1{position:absolute;top:40%;left:100px;color:var(--winkel-pink);font-weight:500;font-size:1.8rem}#section-banner img{width:100%;height:250px;object-fit:cover;margin:0;padding:0;overflow:hidden}#route{background-color:var(--winkel-light-grey);text-align:left;box-sizing:border-box;padding:10px 30px;margin:-2px 0 0;color:var(--winkel-usuario-grey)}#route a,#route span{color:var(--winkel-pink);text-decoration:none}.btn{appearance:none;border:0;cursor:pointer;font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;padding:9px 70px;border-radius:16px;transition:transform .06s ease,background .2s ease}.action-btn{padding:7px 20px;border:none;text-transform:uppercase;font-weight:500;border-radius:20px;cursor:pointer;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:8px;justify-content:center;transition:background-color .3s,color .3s}.btn-sm{width:150px;padding:5px 12px}.btn-sm img{width:20px;height:20px;object-fit:cover}.btn-xs{padding:8px 20px;width:auto;font-size:.9rem}.btn-xs img{width:16px;height:16px;object-fit:cover}.btn-pink{background:var(--winkel-pink);color:var(--text-color-invert)}.btn-teal{background:var(--winkel-teal);color:var(--text-color-invert)}.btn-teal img,.btn-pink img{filter:invert(1)}.dark-mode #header-search-wrap input{box-shadow:none}.dark-mode .sidebar a:hover .icon img{filter:var(--filter-teal)}.btn-white{background:var(--bg-color);color:var(--winkel-pink)}.address-form{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.field-group{margin-bottom:1.5rem}.field-group label{display:block;font-size:.9rem;color:var(--winkel-grey)}.field-group input{width:100%;border:none;border-bottom:1px solid var(--select-border);padding:4px 0;box-sizing:border-box;font-size:1rem;background-color:transparent}.field-group select{appearance:none;-moz-appearance:none;-webkit-appearance:none;color:var(--placeholder-color);border:none;border-bottom:1px solid var(--select-border);padding:4px 0 4px 20px;box-sizing:border-box;font-size:1rem;width:100%;background-color:transparent;background-image:url("./media/arrow-down-grey-NKIY2AFK.svg");background-repeat:no-repeat;background-position:right 5px center;background-size:1.2rem}.field-group input:focus,.field-group select:focus{outline:none;border-bottom:1px solid var(--text-color)}.span-2{grid-column:span 2}.default-checkbox-container{margin:1rem 0 2rem}.address-modal-actions{display:flex;align-items:center;justify-content:center;gap:1rem;grid-column:span 2}.form-checkbox{display:flex;align-items:center;gap:.75rem;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;margin:1rem 0 0}.field-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--winkel-teal, #20c997);flex-shrink:0;margin:0;padding:0;border:none}.book-item-actions button:last-child>img{filter:var(--filter-pink)}.book-item-actions button.adquirir-trigger-btn{color:var(--winkel-pink);background:var(--bg-color)}.book-item-socials img{width:22px;height:22px}.book-item-actions button:not(:last-child){margin-bottom:8px}.book-item-actions{margin-top:10px}.book-item-actions button>img{width:18px;height:18px;filter:var(--box-icon-filter-inverted)}.book-item-actions button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--winkel-pink);border-radius:15px;padding:4px 0;background:var(--winkel-pink);color:var(--text-color-invert)}.book-item-actions button.adquirir-trigger-btn>img{filter:var(--filter-pink)}.hidden,[hidden]{display:none!important}.visually-hidden{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.cdk-overlay-container{z-index:1000}.tooltip-overlay-pane{pointer-events:none;z-index:1000}.error-msg{margin-bottom:20px;padding:5px;background:#ffe5e5;border-left:4px solid #e63946;color:#b00020;border-radius:4px;animation:fadeInOut 5s ease-in-out}.success-msg{margin-bottom:20px;padding:10px;background:#e6f7ef;border-left:4px solid #2a9d8f;color:#1b6f5a;border-radius:4px;animation:fadeInOut 5s ease-in-out}@media (max-width: 960px){main{width:100vw;margin:0}}