:root {
    --white: #FFFFFF;
    --beige: #EFEBE3;
    --dark: #060614;
    --yellow: #FFFD77;
    --green-1: #F1FFFA;
    --green-2: #CCFCEC;
    --green-3: #00EF9F;
    --red-1: #FFF3EF;
    --red-2: #FEDACF;
    --red-3: #FEB49F;
    --violet-1: #EBEBF6;
    --violet-2: #E0D9FF;
    --violet-3: #8566FE;

    --status-green: #0a875a;
    --status-yellow: #FAC300;
    --status-red: #FF4B33;
	--color-accent: #00EF9F;

	
    --raul: #306EFF;
    --raul-yellow: #FFAF00;





    --fs-4:  max(.5vw,   4px);
    --fs-8:  max(1vw,   8px);
    --fs-12: max(1.5vw, 12px);
    --fs-16: max(2vw,   16px);
    --fs-24: max(3vw,   24px);
    --fs-32: max(4vw,   32px);
    --fs-40: max(5vw,   40px);
    --fs-48: max(6vw,   48px);
    --fs-56: max(7vw,   56px);
    --fs-64: max(8vw,   64px);
    --fs-72: max(9vw,   72px);
    --fs-80: max(10vw,  80px);
    --fs-88: max(11vw,  88px);
    --fs-96: max(12vw,  96px);
    
}
/* ---------------------------------------------- */
*{-webkit-font-smoothing:antialiased;} html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent; /*overflow: hidden; width: fit-content;*/ box-sizing: border-box; } html{ overflow: auto; } body { position: relative; } article,aside,figure,footer,header,hgroup,nav,section,details,summary{display:block; /*width: fit-content;*/ }object,embed{max-width:100%}img{-ms-interpolation-mode:bicubic;vertical-align:top}ul,li { margin: 0px; padding: 0px; list-style: none; }h1,h2,h3,h4,h5,h6{font-weight:normal !important;line-height:inherit !important;margin:0px;padding:0px}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;cursor: pointer;}p{margin:0px 0px 0px 0px}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted var(--color-main);cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom} select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.25em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,,option,textarea{padding:0px;margin:0px}button{width:auto;overflow:visible;height:auto; background: transparent; border: none; padding-block: 0; padding-inline: 0; }.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}html,body{margin:0px;padding:0px}.left{float:left}.right{float:right}.both{clear:both} body button:focus, body input:focus, body textarea:focus { outline: none; } .prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .active-select { -webkit-user-select: text; -ms-user-select: text; user-select: text; }

/*::-webkit-scrollbar          { display: none; }
::-webkit-scrollbar-button       {  }
::-webkit-scrollbar-track        {  }
::-webkit-scrollbar-track-piece  {  }
::-webkit-scrollbar-thumb        {  }
::-webkit-scrollbar-corner       {  }
::-webkit-resizer                {  }*/

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}
body, h1, h2, h3, button, input, textarea, a { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: max(2vw, 16px); line-height: 160%; color:var(--dark); }

body { position: relative; }
body ul,li { margin: 0px; padding: 0px; list-style: none; }
body p { margin: 0px 0px 32px 0px; padding: 0px; }
body a { cursor: pointer; text-decoration: none; }
body img { border: none; margin: 0px; padding: 0px; }
body > .wrap {  }




#headerLAYOUT {  }
#headerLAYOUT > .wrap {  }





#footerLAYOUT {  }
#footerLAYOUT > .wrap {  }





#contentLAYOUT { position: relative; }
#contentLAYOUT > .wrap {  }











@media screen and (min-width: 1025px) {
	
	
}

@media screen and (max-width: 1024px) {
	
	
}

@media screen and (max-width: 768px) {
	
	
}

@media screen and (max-width: 667px) {


}

@media screen and (max-width: 414px) {
	

  
}