.card{ background-color:#fff; border:0; padding:0px; border-radius:0.6rem; box-shadow:3px 3px 4px 0 rgba(0,0,0,.07); overflow:hidden; }
.card .card-header{ font-size:1.26rem; border-bottom:none; background-color:#fff; padding:1.5rem 2rem 1rem 2rem; font-weight:500; color:#333333 }
.card .card-body{ border-bottom:none; background-color:#fff; padding:1rem 2rem 1.5rem 2rem; }
.card .card-footer{  padding:1rem 2rem 1rem 2rem; border:0; }
.card .card-header-small{ font-size:1rem; font-weight:500; padding:1.6rem 0.2rem 0 0.2rem; }

.card .card-header.card-header-nav{ border-bottom:1px solid #DEDEDE; background-color:#fff; padding:1.5rem 1rem 0rem 1rem; }
.card .card-header.card-header-nav .card-header-select{ position:relative; display:flex; float:left; }
.card .card-header.card-header-nav .card-header-select a{ display:inline-block; margin:0 1rem 0 0; padding:0.6rem 1rem 0.5rem 1rem; font-size:1.3rem; line-height:1.3rem; font-weight:600; color:#454545; border-bottom:0.3rem solid #FF0000; }
.card .card-header.card-header-nav .card-header-select a.off{ color:#9b9191; border-bottom:0.3rem solid #c8bfbf; }
.card .card-header.card-header-nav .card-header-action{ position:relative; display:flex; float:right; }
.card .card-header.card-header-nav .card-header-action a{ display:inline-block; margin:0; padding:0.6rem 1rem 0.8rem 1rem; font-size:1rem; line-height:1.3rem; font-weight:300; color:#454545; }

.card .card-header .card-header-options{ position:absolute; display:none; top:59px; right:15px; background-color:#fff; padding:15px; border-radius:5px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); z-index:10; }

.card .danger{ color:var(--alert); }
.card .card-header h2, .panel-title, .bg-highlighted h2{ font-size:1.12rem; line-height:1; margin:0; font-weight:400; }
.card form{ margin:0; }
.card-edit{ font-size:0.8rem; text-decoration:none; font-weight:100; margin-left:0.6rem; }
.card-action{ font-size:1.2rem; text-decoration:none; font-weight:300; margin-left:0.6rem; color:#333333; }

.card .card-title{ font-size:1.15rem; border-bottom:none; background-color:#fff; padding:0; font-weight:500; color:#333333 }

.card-collapse .card-header{ cursor:pointer; }
.card-collapse .card-header:after{ content:""; position:absolute; top:23px; right:30px; width:15px; height:15px; border-right:2px solid #999999; border-bottom:2px solid #999999; transform:rotate(45deg); }
.card-collapse.on .card-header:after{ top:30px; right:30px; transform:rotate(-135deg); }
.card-collapse .card-body{ max-height:0px; min-height:0; overflow:hidden; transition:all 300ms; padding-top:0; padding-bottom:0; }
.card-collapse.on .card-body{ max-height:5000px; overflow:auto; padding-bottom:15px; }
.card-collapse .card-header.p-3:after{ top:17px; right:15px; }
.card-collapse.on .card-header.p-3:after{ top:25px; right:15px; }

.toggle-collapse { position:relative; display:block; width:100%; padding:0; margin:0; line-height:24px; }
.toggle-collapse:after { content:""; position:absolute; top:0; right:0; width:15px; height:15px; border-right:2px solid #666; border-bottom:2px solid #666; transform:rotate(45deg); }
.panel-collapse{ display:none; }
.panel-collapse.show{ display:block; }

.card .card-header:has(span.toggle-collapse){ padding-bottom:1.4rem; }

.order-wrap .card-header{ padding:1.5rem 2.5rem 0rem 2.5rem; }
.order-wrap .card-body{ padding:0.5rem 2.5rem 2rem 2.5rem; }

.card-dark{ border-radius:5px; overflow:hidden; }
.card-dark .card-header{ background-color:var(--complementar2); padding:10px 20px 10px 20px; color:#FFFFFF; }
.card-dark .card-body{ border-bottom:5px solid var(--complementar2); }

.card-numbers { position:relative; width:100%; min-height:100px; box-shadow:3px 3px 4px rgba(0, 0, 0, 0.06); border-radius:12px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; margin:0 0 20px 0; transition:0.3s; overflow:hidden; }
.card-numbers.off{ opacity:0.3; }
.card-numbers.on{ opacity:1; }
.card-numbers .card-numbers-title { font-weight:400; font-size:1rem; text-align:center; padding-top:1.7rem; }
.card-numbers .card-numbers-value { font-size:2rem; font-weight:400; color:#56CCF2; padding-bottom:1.4rem; }
.card-numbers .card-numbers-value.small { font-size:1.3rem; }
.card-numbers .card-numbers-value span { font-size:1.5rem; font-weight:300; color:#333333; }
.card-numbers .card-numbers-value-blue{ font-size:2.5rem; font-weight:400; color:#56CCF2; }
.card-numbers .card-numbers-value-blue span { font-size:1.8rem; font-weight:400; color:#333333; }
.card-numbers.link .card-numbers-value{ font-size:2rem; font-weight:400; color:#56CCF2; }
.card-numbers.link{ padding:0 1rem; }
.card-numbers.link .card-numbers-value{ border-bottom:4px solid #56CCF2; }
.card-numbers.link .btn-numbers{ margin-bottom:0.4rem; padding:0.4rem 0.8rem 0.3rem 0.8rem; font-size:0.8rem; line-height:1; color:#56CCF2; border:1px solid #56CCF2; border-radius:4px; background-color:transparent; box-shadow:none; }
.card-numbers .card-numbers-filters { text-align:right; }
.card-numbers .card-numbers-list { display:flex; justify-content:space-around; max-width:70vw; }
.card-numbers p { margin:5px; }
.card-numbers .card-numbers-value span.card-numbers-status-active{ color:#55E352; font-size:inherit; }
.card-numbers .card-numbers-value span.card-numbers-status-inactive{ color:var(--primaryColor); }
.card-numbers-image{ position:relative; display:table; padding:0; width:100%; height:10rem; background-position:center; background-repeat:no-repeat; background-size:contain; }
.card-numbers-image a{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; }
.card-numbers-image img{ max-width:96%; min-width:80%; height:auto; }

.card-round{ box-shadow:3px 3px 4px rgba(0, 0, 0, 0.06); border-radius:7px; overflow:hidden; }

.card-product-shadow{ display:inline-block; width:100%; height:0px; padding-bottom:100%; background-color:#FFFFFF; box-shadow:0px 3px 5px rgba(0, 0, 0, .2); border-radius:4px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain; }

.card-nav{ position:relative; margin-top:60px; }
.card-nav-btn-line{ position:absolute; top:-33px; left:0; border-bottom:1px solid #CCCCCC; }
.card-nav-list{ position:relative; display:none; }
.card-nav-list.on{ display:block; }
.card-nav-btn{ position:relative; display:inline-block; color:#666666; padding:0 0 10px 0; cursor:pointer; }
.card-nav-btn.on{ color:#000000; }
.card-nav-btn.on:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:4px; border-radius:2px; background-color:#FF3333; }

.bg-highlighted { background-color:#fff; padding:20px 30px; box-shadow:2.5px 2.5px 4px rgba(0, 0, 0, .05); }