html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}



.cbyte-cotas-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
}


:root {
--lime-50: #f1f5f0;
--lime-400: #b0f80f;
--lime-500: #6ecf00;

--gray-200: #dadbda;
--gray-800: #262626;
--gray-900: #181818;
--gray-950: #090a0a;

--font-sans: 'Inter', sans-serif;

--text-xs: 0.75rem;    /* 12px */
--text-sm: 0.875rem;   /* 14px */
--text-base: 1rem;     /* 16px */
--text-lg: 1.125rem;   /* 18px */
--text-xl: 1.25rem;    /* 20px */
--text-2xl: 1.5rem;    /* 24px */
--text-3xl: 1.875rem;  /* 30px */
--text-4xl: 2.25rem;   /* 36px */
--text-5xl: 3rem;      /* 48px */
--text-6xl: 3.75rem;   /* 60px */
--text-7xl: 4.5rem;    /* 72px */
--text-8xl: 6rem;      /* 96px */
--text-9xl: 8rem;      /* 128px */

--spacing-0: 0rem;
--spacing-0-5: 0.125rem;  /* 2px */
--spacing-1: 0.25rem;     /* 4px */
--spacing-1-5: 0.375rem;  /* 6px */
--spacing-2: 0.5rem;      /* 8px */
--spacing-2-5: 0.625rem;  /* 10px */
--spacing-3: 0.75rem;     /* 12px */
--spacing-3-5: 0.875rem;  /* 14px */
--spacing-4: 1rem;        /* 16px */
--spacing-5: 1.25rem;     /* 20px */
--spacing-6: 1.5rem;      /* 24px */
--spacing-7: 1.75rem;     /* 28px */
--spacing-8: 2rem;        /* 32px */
--spacing-9: 2.25rem;     /* 36px */
--spacing-10: 2.5rem;     /* 40px */
--spacing-11: 2.75rem;    /* 44px */
--spacing-12: 3rem;       /* 48px */
--spacing-14: 3.5rem;     /* 56px */
--spacing-16: 4rem;       /* 64px */
--spacing-20: 5rem;       /* 80px */
--spacing-24: 6rem;       /* 96px */
--spacing-28: 7rem;       /* 112px */
--spacing-32: 8rem;       /* 128px */
--spacing-36: 9rem;       /* 144px */
--spacing-40: 10rem;      /* 160px */
--spacing-44: 11rem;      /* 176px */
--spacing-48: 12rem;      /* 192px */
--spacing-52: 13rem;      /* 208px */
--spacing-56: 14rem;      /* 224px */
--spacing-60: 15rem;      /* 240px */
--spacing-64: 16rem;      /* 256px */
--spacing-72: 18rem;      /* 288px */
--spacing-80: 20rem;      /* 320px */
--spacing-96: 24rem;      /* 384px */

--rounded-0: 0rem;          /* 0px */
--rounded-sm: 0.125rem;     /* 2px */
--rounded: 0.25rem;          /* 4px */
--rounded-md: 0.375rem;      /* 6px */
--rounded-lg: 0.5rem;        /* 8px */
--rounded-xl: 0.75rem;       /* 12px */
--rounded-2xl: 1rem;         /* 16px */
--rounded-3xl: 1.5rem;       /* 24px */
--rounded-full: 9999px;      /* Full */
}



/* ==================== FILTRO DE DATA ===================== */

.filter-schedule {
display: flex;
flex-direction: row;
align-items: end;
justify-content: space-between;

/* border: 1px solid var(--lime-400); */

margin-bottom: var(--spacing-5);
}

.filter-schedule h3 {
color: var(--lime-400);
font-size: var(--text-3xl);
}

#date-filters {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--spacing-4);
}

#date-filters > button {
height: var(--spacing-10);
padding: 0 var(--spacing-5);

background-color: var(--gray-950);
color: var(--lime-400);

font-size: var(--text-xl);
font-weight: bold;

border: 1px solid var(--lime-400);

&:hover {
  background-color: var(--lime-400);
  color: var(--gray-950);
}
}

#date-filters > button.active {
background-color: var(--lime-400);
color: var(--gray-950);
}

/* ================ FILTRO DE TIPO ================ */

.filter-schedule-type {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;

background-color: var(--lime-400);
color: var(--gray-950);

padding: var(--spacing-3) var(--spacing-5);
margin-bottom: var(--spacing-5);
}

.filter-schedule-type > h3 {
color: var(--gray-950);
font-size: var(--text-lg);
font-weight: 800;
}

.filter-schedule-type div.buttons-container {
display: flex;
flex-direction: row;
align-items: center;

gap: var(--spacing-12);
}

button.type-button {
display: flex;
align-items: center;
justify-content: start;

gap: var(--spacing-2);

background-color: transparent;
}

button.type-button span {
color: var(--gray-950);
text-align: start;

font-size: var(--text-sm);
font-weight: bold;
}

button.type-button div.square {
width: var(--spacing-5);
height: var(--spacing-5);

border: 1px solid var(--gray-950);
}

button.type-button.active div {
background-color: var(--gray-950);
}

button.type-button.active div::before {
content: "";

display: block;
position: relative;

width: var(--spacing-2-5);
height: var(--spacing-2-5);

border-radius: var(--rounded-full);

top: 50%;
left: 50%;

transform: translate(-50%, -50%);

background-color: var(--lime-400);
}

/* =============== PROGRAMAÇÕES ================ */

#schedule-container {
display: flex;
flex-direction: column;
gap: var(--spacing-4);
}

.schedule-card {
display: flex;
gap: var(--spacing-4);
}

.schedule-card > p.time {
color: var(--gray-950);
background-color: var(--lime-400);

font-size: var(--text-2xl);
font-weight: 800;

padding: var(--spacing-6) var(--spacing-4);
}

.schedule-card > .card-description-container {
position: relative;

flex: 1;

display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-4);

padding: var(--spacing-4);

background-color: var(--gray-900);
}

.card-description-container > p.session {
color: var(--gray-200);

font-size: var(--text-base);
font-weight: 700;

border: 1px solid var(--gray-200);
padding: var(--spacing-2);
}

.card-description-container > .icon-and-description-container {
max-width: 60%;
min-width: 60%;

display: flex;
align-items: center;
justify-content: space-between;

gap: var(--spacing-4);
}

.icon-and-description-container > p.description {
color: var(--gray-200);

font-size: var(--text-xl);
font-weight: 700;
}

.icon-and-description-container > .toggle-details-button {
background: transparent;

color: var(--lime-400);


& > svg {
  stroke-width: 3px;
}
}

/* =============== DETALHES DA PROGRAMAÇÃO ================ */

.schedule-details {
display: none;

position: absolute;
z-index: 9999;

top: 100%;
left: 0;

width: 100%;
padding: var(--spacing-8) var(--spacing-4);

background-color: var(--lime-50);
}

.schedule-details.visible {
display: flex;
flex-direction: row;
 position: absolute !important;
 left: -128px !important;
 width: -webkit-fill-available;
align-items: start;

gap: var(--spacing-4);
}

.schedule-details > .close-details-button {
font-size: var(--text-lg);
font-weight: 800;;
color: var(--lime-500);
}

.schedule-details > .details-content {
flex: 1;
display: flex;
flex-direction: column;
gap: var(--spacing-2);
}

.details-content > .header {
color: var(--gray-950);

font-size: var(--text-lg);
font-weight: 700;
line-height: normal;
}

.details-content > .session {
color: var(--gray-200);
background-color: var(--gray-900);

font-size: var(--text-sm);
font-weight: 700;

width: fit-content;
padding: var(--spacing-2);
margin-bottom: var(--spacing-4);
}

.details-content > .profiles-container {
/* border: 1px solid red; */

/*  DEIXAR UM ESPACO ENTRE UM .profiles-container E OUTRO */
& ~ .profiles-container {
  margin-top: var(--spacing-4);
}
}

.profiles-container > h3 {
color: var(--lime-500);
margin-bottom: var(--spacing-4);
}

.profiles-container > .speaker-info {
display: flex;
flex-direction: row;

align-items: center;

gap: var(--spacing-4);

& ~ .speaker-info {
  margin-top: var(--spacing-4);
}
}

.speaker-info > .speaker-info-image {
width: var(--spacing-24);
height: var(--spacing-24);

border-radius: var(--rounded-lg);
object-fit: cover;

background-color: var(--gray-200);
}

.speaker-info > .speaker-info-content {
display: flex;
flex-direction: column;

color: var(--gray-950);

& > strong {
  font-size: var(--text-lg);
  font-weight: 800;
}
}