@charset "utf-8";
/* ======================== CSS TOKENS ======================== */
/* @import url("tokens/oldcss.css"); */

/* @import url("tokens/buttons.css");
@import url("tokens/inputs.css");
@import url("tokens/icons.css");
@import url("tokens/modals-site.css"); */

/* ======================== HEADER | FOOTER ======================== */
/* @import url("pages/header.css");
@import url("pages/footer.css"); */

/* ======================== PAGES SITE ======================== */
/* @import url("pages/home.css");
@import url("pages/sobre-nos.css");
@import url("pages/como-funciona.css");
@import url("pages/page-sucesso.css");
@import url("pages/nossos-planos.css");
@import url("pages/checkout.css"); */

/* ======================== LOGIN ======================== */
/* @import url("pages/login.css");
@import url("pages/admin.css"); */

/* ======================== ADMIN PAGES ======================== */



/* ======================== MOBILE ======================== */
/* @import url("styles-mobile.css"); */




/* ======================== RESET ======================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h4, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0;} a, a:link, a:visited, a:hover, a:active{text-decoration:none} table { border-collapse: separate;border-spacing: 0;} th, td {text-align: left; font-weight: normal;} img, iframe {border: none; text-decoration:none;} ol, ul {list-style: none;} input, textarea, select, button {font-size: 100%;font-family: inherit; margin:0; padding:0;} select {margin: inherit;} hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px} b { font-weight:700 } img { max-width: 100%; height: auto; } @media \0screen { img { width: auto; /* for ie 8 */ }  }


/* ======================== TOKENS ======================== */
:root {
    /* ++++++++ COLORS ++++++++ */
    --lightgreen: #53C46C;
    --darkgreen: #00332A;
    --lightbg: #FCFCF9;
    --darkbg: #F1F1EB;
    --darkbg-light: #f1f1eb52;
    --black: #000000;
    --white: #FFFFFF;
    --text: #667085;
    --textbg: #66708514;
    --gray900: #343434;
    --gray800: #4F4F4F;
    --gray500: #828282;
    --gray300: #BDBDBD;
    --gray200: #E0E0E0;
    --gray100: #F2F2F2;

    --blue: #42A2F6;  
    --bluebg: #42A2F614;
    --bluedark: #3e74a4;  
    --bluedarkbg: #3e74a414;

    --red: #c45353;
    --redbg: #c4535314;
    
    --bronze: #D95436;
    --bronzebg: #D9543614;
    --prata: #DCDCDC;
    --pratabg: #DCDCDC14;
    --ouro: #EECD22;
    --ourobg: #EECD2214;

    
    /* ++++++++ HOVERS ++++++++ */
    --lightgreen-hover:#57ce71;
    --darkgreen-hover: #004b3d;
    --blue-hover: #82c1f8;   
    --darkgreenbg: #00332a11;
    --lightgreenbg: #53c46b14;


    --shadow: 3.0px 6.1px 6.1px hsl(0deg 0% 0% / 0.11);
    --shadow-hover: 6.3px 12.6px 12.6px hsl(0deg 0% 0% / 0.21);

    /* ++++++++ FONT ++++++++ */
    --base-font-size: var(--spac4);
    --font-light:300;
    --font-regular:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;

    /* ++++++++ SPACINGS ++++++++ */
    --base-spacing: 4px;
    --spac1: calc(var(--base-spacing) * 1); /* 4px */
    --spac2: calc(var(--base-spacing) * 2); /* 8px */
    --spac3: calc(var(--base-spacing) * 3); /* 12px */
    --spac4: calc(var(--base-spacing) * 4); /* 16px */
    --spac5: calc(var(--base-spacing) * 5); /* 20px */
    --spac6: calc(var(--base-spacing) * 6); /* 24px */
    --spac7: calc(var(--base-spacing) * 7); /* 28px */
    --spac8: calc(var(--base-spacing) * 8); /* 32px */
    --spac9: calc(var(--base-spacing) * 9); /* 36px */
    --spac10: calc(var(--base-spacing) * 10); /* 40px */
    --spac11: calc(var(--base-spacing) * 11); /* 44px */
    --spac12: calc(var(--base-spacing) * 12); /* 48px */
    --spac13: calc(var(--base-spacing) * 13); /* 52px */
    --spac14: calc(var(--base-spacing) * 14); /* 56px */
    --spac15: calc(var(--base-spacing) * 15); /* 60px */
    --spac16: calc(var(--base-spacing) * 16); /* 64px */
    --spac17: calc(var(--base-spacing) * 17); /* 68px */
    --spac18: calc(var(--base-spacing) * 18); /* 72px */
    --spac19: calc(var(--base-spacing) * 19); /* 76px */
    --spac20: calc(var(--base-spacing) * 20); /* 80px */

    /* ++++++++ border ++++++++ */
    --box-border-radius: var(--spac4);
    --box-border-radius-small: var(--spac2);
    --border-color: var(--gray200);
    /* ++++++++ MODAL ++++++++ */
    --modalbg: #00000061;
    --modalblur: blur(3px);


}

/* ======================== GLOBALS ======================== */
html{background: var(--lightbg);border:0;scroll-behavior: smooth; }
body{ font-family: 'Inter', sans-serif, Arial; color:var(--text); font-size: var(--base-font-size); font-weight:var(--font-regular); background:var(--lightbg); height: auto; display: flex;
  flex-direction: column;}
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section {width:-webkit-fill-available; position: relative; }
figure {padding: 0; margin: 0;}
.row { width: -webkit-fill-available; max-width: 1340px; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0 4%;}
.admin .row { max-width: inherit;}

.hide { display: none !important}
.scrollhidden {overflow: hidden !important;}
.scroll-off {overflow: hidden !important;}
.is-visible {display: flex !important;}   
.pointer {cursor: pointer;}
.absolute{position: absolute;}
.disable {display: none;}

.space-between{justify-content: space-between !important;}
.space-around{justify-content: space-around !important;}
.flex-row {display: flex; flex-direction: row !important;}
.flex-column {display: flex; flex-direction: column !important;}

.start{justify-content: flex-start !important; align-items: flex-start !important;}
.center{justify-content: center !important; align-items: center !important;}
.end{justify-content: flex-end !important; align-items: flex-end !important;}

.full-width{width: -webkit-fill-available;}
.grid-container {display: grid;display: inline-grid; gap: var(--spac10);}
.grid1 {grid-template-columns: 1fr;}
.grid2 {grid-template-columns: 1fr 1fr;}
.grid3 {grid-template-columns: 1fr 1fr 1fr;}
.grid4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.flex-container {display: flex; gap: var(--spac10); }
.box-darkbg { background-color: var(--darkbg); display: flex; padding: var(--spac10); border-radius: var(--box-border-radius); flex-direction: column; width: -webkit-fill-available;}
.divider{width: -webkit-fill-available;height: 1px; background-color: var(--border-color); display: flex;margin: var(--spac6) 0 var(--spac4) 0;}
@media (max-width: 800px) { 
  .grid1 {grid-template-columns: 1fr !important;}
  .grid2 {grid-template-columns: 1fr !important;}
  .grid3 {grid-template-columns: 1fr !important;}
  .grid4 {grid-template-columns: 1fr !important;}
  .grid5 {grid-template-columns: 1fr !important;}
}
@media (max-width: 600px) { 
  .box-darkbg { padding: var(--spac6);}
}


.gap1{gap: var(--spac1);}
.gap2{gap: var(--spac2);}
.gap3{gap: var(--spac3);}
.gap4{gap: var(--spac4);}
.gap5{gap: var(--spac5);}
.gap6{gap: var(--spac6);}
.gap7{gap: var(--spac7);}
.gap8{gap: var(--spac8);}
.gap9{gap: var(--spac9);}
.gap10{gap: var(--spac10);}
.gap11{gap: var(--spac11);}
.gap12{gap: var(--spac12);}
.gap13{gap: var(--spac13);}
.gap14{gap: var(--spac14);}
.gap15{gap: var(--spac15);}
.gap16{gap: var(--spac16);}
.gap17{gap: var(--spac17);}
.gap18{gap: var(--spac18);}
.gap19{gap: var(--spac19);}
.gap20{gap: var(--spac20);}
.pad1{padding: var(--spac1);}
.pad2{padding: var(--spac2);}
.pad3{padding: var(--spac3);}
.pad4{padding: var(--spac4);}
.pad5{padding: var(--spac5);}
.pad6{padding: var(--spac6);}
.pad7{padding: var(--spac7);}
.pad8{padding: var(--spac8);}
.pad9{padding: var(--spac9);}
.pad10{padding: var(--spac10);}
.pad11{padding: var(--spac11);}
.pad12{padding: var(--spac12);}
.pad13{padding: var(--spac13);}
.pad14{padding: var(--spac14);}
.pad15{padding: var(--spac15);}
.pad16{padding: var(--spac16);}
.pad17{padding: var(--spac17);}
.pad18{padding: var(--spac18);}
.pad19{padding: var(--spac19);}
.pad20{padding: var(--spac20);}

/* ++++++++ FONTS ++++++++ */
p {color: var(--text); font-size: var(--base-font-size);line-height: calc(var(--base-font-size) * 1.6);font-weight: var(--font-regular);margin: 0;padding: 0;}
a {cursor: pointer !important;}
p a {color: var(--blue); text-decoration: underline !important;}
p a:hover {color: var(--blue);opacity: .85;}
b {font-weight: var(--font-semibold);}
p.small { font-size: 13px;line-height: calc(var(--base-font-size) * 1.2);}
p.uppercase { text-transform: uppercase; font-weight: var(--font-semibold); }
p.light {font-weight: var(--font-light);}
p.medium {font-weight: var(--font-medium);}
p.semibold {font-weight: var(--font-semibold);}
.word-break {word-break: break-word;}
h1, h2, h3, h4, h5, h6 {color: var(--darkgreen); font-weight: var(--font-semibold);line-height: calc(var(--base-font-size) * 1.6); padding: 0;margin: 0;}
h1 {font-size: 46px;line-height: calc(var(--base-font-size) * 3.5); }
h2 {font-size: 32px; align-self: center; line-height: calc(var(--base-font-size) * 2);}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}


a.link {font-weight: var(--font-medium);font-size: 14px;color: var(--darkgreen);}
a.link:hover {text-decoration: underline;}

.slide-home {overflow: hidden;width: -webkit-fill-available;position: relative;}
.slide-track {display: flex;gap: var(--spac12);width: calc(200%);  animation: scroll 150s linear infinite;}
.slide-track img {border-radius: var(--spac2);height: var(--spac16); flex-shrink: 0;width: auto;}
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }




.tag {display: flex; padding: var(--spac1) var(--spac2); border-radius: var(--spac1); font-weight: var(--font-semibold); font-size: 15px; text-transform: uppercase;}
.tag.green {color: var(--lightgreen); background-color: var(--lightgreenbg);}
.tag.blue {color: var(--blue); background-color: var(--bluebg);}


.new-switch { display: flex; align-self: center;  }
.new-switch a { padding: var(--spac3) var(--spac6); border-bottom: 3px solid var(--border-color); justify-content: center; display: flex; gap: var(--spac3); align-items: center;  transition: .2s;}
.new-switch a p { text-align: center; line-height: 1.3;}
.new-switch a:hover {border-bottom: 3px solid var(--gray300); }
.new-switch a.active {border-bottom: 3px solid var(--darkgreen);}
.new-switch a.active p { color: var(--darkgreen); font-weight: var(--font-medium); }

.alert-success {color: var(--blue) !important;background: var(--bluebg);padding: var(--spac1) var(--spac2);font-weight: var(--font-semibold);border-radius: var(--spac1);text-align: center;}
.alert-danger {color: var(--red) !important;background: var(--redbg);padding: var(--spac1) var(--spac2);font-weight: var(--font-semibold);border-radius: var(--spac1);text-align: center;}


@media (max-width:650px) {
  h1 {font-size: 30px;line-height: 1.2; }
  h2 {font-size: 26px; }
  h3 {font-size: 18px;}
  h4 {font-size: 16px;}
  .slide-track{ gap: var(--spac4) !important; }
}

#wallet_container p {color: #FCFCF9;}


.servico .breadcamps { width: fit-content; align-self: center; gap: var(--spac5) !important;  border: 0;}


/* ===================== HOME - BANNER LAST DAYS =================== */
#last-days {background-color: var(--darkgreen);display: flex; flex-direction: column; width: 100%; padding: var(--spac3);box-sizing: border-box; position: relative;overflow: hidden; justify-content: center; align-items: center; gap: var(--spac1); z-index: 1; border-radius: var(--box-border-radius-small) var(--box-border-radius-small) 0 0; }
#last-days i {width: 24px; height: 24px;}
#last-days h4 {position: relative; z-index: 2;color: var(--white); font-weight: var(--font-regular); line-height: 1.4;}
#last-days h4 b {color: var(--lightgreen);font-weight: var(--font-semibold);}
#last-days p {position: relative; z-index: 2;color: var(--gray200); font-weight: var(--font-regular); line-height: 1.4;}
.nossos-planos #last-days {}


/* ===================== LP MAX VARIAVEL 1 =================== */
.lp header .row {justify-content: center;}
.lp section#funciona .last a.btn.small {display: none;}
.lp #perguntas-e-blog .grid-container { grid-template-columns: 1fr;}
.lp #perguntas-e-blog .grid-container ul.perguntas {    max-width: 740px;
  justify-self: center;}
  .lp #perguntas-e-blog .grid-container .blog {display: none;}



  /* ---------------- NEW ATUALIZAR BTN ---------------- */
.atualizar-page {height: 48px; color:var(--text); padding: 0 var(--spac4); display: flex; gap: var(--spac2); align-items: center; border-left:1px solid var(--border-color); background-color: var(--textbg);} 
.atualizar-page:hover {background-color: var(--darkbg-light)}
.atualizar-page i {animation: spin 5s linear infinite; }
.atualizar-page p b { width:15px; }
.atualizar-page p {color:var(--darkgreen);font-size: 12px; font-weight: var(--font-regular); display: flex; gap:var(--spac1) }
.atualizar-page a {color:var(--darkgreen);}
.atualizar-page a:hover {color:var(--darkgreen-hover);}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ---------------- KPIS ADMIN ---------------- */
ul.kpis {display: flex; gap: var(--spac6); padding-bottom: var(--spac6);}
ul.kpis.gridExcep {display: grid; grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);}
ul.kpis li {display: flex; gap:var(--spac2); padding: var(--spac4) 0; width: -webkit-fill-available; background-color: var(--lightbg); border:1px solid var(--border-color);border-radius: var(--box-border-radius-small); justify-content: center;}
ul.kpis li p {font-size: 12px; font-weight: var(--font-semibold); text-transform: uppercase; color: var(--darkgreen);}

ul.kpis.kpis-financeiro li {flex-direction: column; padding: var(--spac2) var(--spac4) var(--spac3); gap:0;}
ul.kpis.kpis-financeiro li div {display: flex; justify-content: space-between; align-items: center;}
ul.kpis.kpis-financeiro li div small {font-size: 10px;}
ul.kpis.kpis-financeiro li div small b {font-size: 12px;font-weight: var(--font-semibold); color: var(--darkgreen);}


 /* ---------------- NEW LEAD LABELS  ---------------- */
 label.new-label {width: max-content;padding: var(--spac2) var(--spac2); background: var(--textbg); color: var(--text); display: flex;align-items: center;justify-content: center;border-radius: var(--box-border-radius-small); font-size: 12px;font-weight: var(--font-semibold); gap: var(--spac2); text-transform: uppercase;}  
  label.new-label.small {padding: var(--spac1) var(--spac1); font-size: 11px;}  
 label.new-label.red {background: #eb575726;color: #EB5757;}  
 label.new-label.danger {background: #EB5757;color: #FFFFFF;}  
 label.new-label.success {background: #53C46C26;color: #53C46C;}  
 label.new-label.warning {background: #F2994A26;color: #F2994A;}  
 label.new-label.mint {background: #00C7BE26;color: #00C7BE;}  
 label.new-label.indigo {background: #5856D626;color: #5856D6;}  
 label.new-label.bronze {background: #953D0726;color: #953D07;}  
 label.new-label.orange {background: #F2994A;color: #FFFFFF;}  
 label.new-label.successDanger {background: #53C46C;color: #FFFFFF;}  

 label.new-label i.mail {width: 16px;height: 16px; margin-top:-2px; background-color: var(--text);}  
 label.new-label i.whatsapp {width: 12px;height: 12px; background-color: var(--text);}  
 label.new-label p {color: var(--text);font-size: 12px;font-weight: var(--font-semibold); line-height: 1;}  
 label.new-label.success i {background-color: #53C46C;}  
 label.new-label.success p {color: #53C46C;}  
 label.new-label.orange i {background-color: #FFFFFF;}  
 label.new-label.orange p {color: #FFFFFF;}  

label.label.progress.orange span {background:#F2994A;}

.table-cliente-js label.new-label {display: inline; margin: 0 0 0 4px;}

label.new-label.Google {background: #53C46C26;color: #53C46C;}  
label.new-label.Meta {background: #5371c426;color: #1d5fe2;}  
label.new-label.Direto {background: #5856D626;color: #5856D6;}  

 /* ---------------- NEW LABEL ATENDIMENTO  ---------------- */
.atendimento {display: flex; gap: var(--spac2); align-items: center;}
.atendimento::before {content:"";width: 28px; height: 28px;
  border-radius: 50px; display: block;
  background-size: cover;
  background-position: center;}
.atendimento.Gabriele::before {background-image: url(../img/gabi.webp);}
.atendimento.Mauricio::before {background-image: url(../img/mau.webp);}
.atendimento.Carol::before {background-image: url(../img/carol.webp);}
.atendimento.Belle::before {background-image: url(../img/belle.webp);}
.atendimento.Natanael::before {background-image: url(../img/natanael.webp);}


 /* ---------------- NEW IOS SWITCH  ---------------- */
.switch-ios {position: relative;display: inline-block;width: 42px;height: 24px; margin-top: var(--spac1);}
.switch-ios input {opacity: 0;width: 0;height: 0;}
.switch-ios .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--gray200);transition: .4s;border-radius: 8px;}
.switch-ios .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: white;border-radius: 6px;transition: .4s;}
.switch-ios input:checked + .slider {background-color: var(--lightgreen);}
.switch-ios input:checked + .slider:before {transform: translateX(18px);}



 /* ---------------- MENU ETAPAS ADMIN ---------------- */
.menuEtapas { width: 187px; visibility: initial;  transition: top 0.5s ease-in-out; position: relative;height: fit-content; margin-bottom: var(--spac6); align-items: center;background:var(--lightbg);border-bottom: 1px solid var(--border-color); border-radius: var(--box-border-radius-small); display: flex; flex-direction: column; border: 1px solid var(--border-color);}
.menuEtapas a { display: flex;width: -webkit-fill-available; height: 40px; font-size: 12px; align-items: center; align-self: flex-start; border-bottom: 3px solid var(--gray100); color: var(--text); padding: 0 0 0 var(--spac4);}
.menuEtapas a:hover {background-color: var(--darkbg-light)}
.menuEtapas a.active { border-bottom: 3px solid var(--lightgreen); color: var(--darkgreen);font-weight: var(--font-semibold);}

.menuEtapas .year-sells {display: flex;width: -webkit-fill-available;flex-direction: column; }
.menuEtapas .year-sells a { display: flex; width: -webkit-fill-available; justify-content: space-between;padding: 0 var(--spac2) 0 var(--spac4);}
.menuEtapas .year-sells a p { font-size: 12px;}
.menuEtapas .year-sells a.active p { font-weight: var(--font-semibold);}
.menuEtapas .year-sells a small { font-size: 9px;}
.menuEtapas .year-sells .year-top {display: flex; width: -webkit-fill-available; justify-content: space-between; padding:  var(--spac2) var(--spac4); align-items: center;border-bottom: 1px solid var(--border-color); cursor: pointer; }
.menuEtapas .year-sells .year-top:hover {border-top: 1px solid var(--gray100);background-color: var(--darkbg-light) }
.menuEtapas .year-sells .year-top i {width: 12px;height: 12px; }
.menuEtapas .year-sells .year-bottom {display: none; flex-direction: column; width: -webkit-fill-available; }
.menuEtapas .year-sells .year-bottom.open  {display: flex; }


 /* ---------------- TABLE LEADS_VENDAS ADMIN ---------------- */
.table.leadsVendas .table-container .gasto {color: #C84A4A;}
.table.leadsVendas .table-container tr:last-child td {background-color: var(--darkbg);border-top: 1px solid var(--border-color);}
.table.leadsVendas .table-container tr:last-child td:first-child {font-weight: var(--font-semibold);}

input:disabled {opacity: .6;}


/* ======================== PAGINAS DE ERRO ======================== */
section#pagina-erro {  width: -webkit-fill-available; display: flex; padding: 20vh 0;}
section#pagina-erro .row {max-width: 900px; }

section#pagina-erro img {  max-width: 173px;}
section#pagina-erro .emoticon {  font-size: 122px; line-height: 1; }
section#pagina-erro h4 { text-align: center; }
section#pagina-erro .pagina-erro {display: flex; gap: var(--spac10);align-items: center; text-align: center;}
section#pagina-erro .pagina-erro i.arrow-right {transform: rotate(-180deg); }

@media (max-width:650px) {
  section#pagina-erro div { flex-direction: column !important;align-items: center;}

}




/* ======================== CALENDARIO ======================== */
.bigCalendar, .table {
  transition: opacity 0.2s ease;
}
.bigCalendar {width: -webkit-fill-available;margin: 0 auto;background: var(--lightbg);border-radius: var(--box-border-radius-small);border:1px solid var(--border-color); overflow: hidden;}
.bigCalendar .calendar-header {display: flex;justify-content: space-between;align-items: center;background: var(--lightbg);padding: var(--spac4) var(--spac6);}
.bigCalendar .calendar-header h2 {margin: 0;}
.bigCalendar .calendar-header .controls {display: flex; gap: var(--spac2); }
.bigCalendar .calendar-day-names {display: grid;grid-template-columns: repeat(7, 1fr); text-align: center;padding: 0 0 var(--spac5) 0; color: var(--darkgreen);}
.bigCalendar .calendar-grid {display: grid;grid-template-columns: repeat(7, 1fr); border-top: 1px solid #ddd;}
.bigCalendar .day-name, .bigCalendar .day {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 10px;}
.bigCalendar .day {position: relative;min-height: 110px;}
.bigCalendar .day .date {font-weight: bold;margin-bottom: 5px;display: inline-block;padding: 7px 8px;border-radius: 50%;}
.bigCalendar .today .date {background: var(--darkgreen);color:var(--white);}
.bigCalendar .other-month {background-color: #f8f8f8;}
.bigCalendar .past {background-color: #f8f8f8;color: #aaa;}
.bigCalendar .event {background: var(--darkgreenbg);color: var(--darkgreen); padding: var(--spac1) var(--spac2);margin: 2px 0;border-radius: 4px;display: flex; justify-content: space-between; gap:var(--spac2)}
.bigCalendar .event p {color: var(--darkgreen);line-height: 1;font-size: 14px;}
.bigCalendar .event a.awhats {color: var(--darkgreen); font-size: 12px;}
.bigCalendar .event .eventIn {display: flex;gap: var(--spac1);}
.bigCalendar .event .eventIn .btn.small {padding: 1px 5px;}