@import url("main-menu.css");
@import url("../../../assets/redmond/jquery-ui.css");
@font-face { font-family: 'YanoneKaffeesatzRegular'; src: url('../fonts/yanonekaffeesatz-regular-webfont.eot'); src: url('../fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),  url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),  url('../fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg'); font-weight: normal; font-style: normal; }
* { margin: 0; }
html,body{margin:0;padding:0}
body{font:13px/1.4em "Segoe UI", Arial, Helvetica, sans-serif;color:#666;background-color:#F8F8F8;background-image:url(../images/bg.png);background-repeat:repeat-x;background-position:top;min-height:100vh;display:flex;flex-direction:column}
a:link,a:visited,a:active{color:#049DCA;font-weight:400;text-decoration:none;outline:none}
a:hover{color:#555}
ul{list-style-type:none;margin:0;padding:0}
li{padding-left:15px;background:url(../images/bullet.png) no-repeat left 8px}
.wrap{ width:100%; max-width:1024px; margin-right:auto; margin-left:auto;position:relative;padding-left:20px;padding-right:20px;box-sizing:border-box }
.wrapper{flex:1 0 auto}
.shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5)}
p{margin:0 0 10px;padding:0}
hr{background:url(../images/hr.png) no-repeat center;height:31px;border:none;display:block;margin:10px 0;padding:0}
img{border:0}
.image{border:1px solid #CECECE;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F8F8FA;margin:1px;padding:5px}
.image:hover{border:1px solid #C7C7C7;background-color:#ECEEEC}

input {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding: 2px;
}


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   min-width: 100px;
   width: auto;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126;}
.blue    { background-color: #3b8ec2;}
.bluedco { background-color: #3b8ec2; background:url(../images/buttons.png); color: #fff; font-weight:bold;}
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.bluedco select    { color: #fff;}
.yellow select  { color: #000; }
.black select   { color: #fff; }

option {
  color: #000;
} 

/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: auto;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
  
}


/** Forms **/
form{margin:0;padding:0}
.inputbox,textarea,select{font:13px "Segoe UI", Arial, Helvetica, sans-serif;border:1px solid #E2E2E2;background-color:#FFF;background-image:url(../images/search-bg.png);background-repeat:repeat-x;background-position:left top;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;outline:none;margin:0;padding:5px;outline:none}
textarea{overflow:auto}
.button,a.button{ color:#fff; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#01485C; background-image:url(../images/button.png); background-repeat:repeat-x; background-position:left top; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:13px; text-shadow:#000 1px 1px 0; font-weight:600; border-width:0; margin:0; padding:5px 10px;outline:none }
.button:hover{ color:#FFF; background-color:#002A35; background-image: url(../images/button.png); background-repeat: repeat-x; background-position: left -30px; }
.input-out{display:inline-block;background-color:#FFF;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;line-height:20px;height:20px;border:1px solid #B8B8B8;padding:4px}
.clear{height:0px;overflow:hidden;margin:0px;clear:both;}
#header{ height:150px;background-image:url(../images/overlay.png);background-repeat:no-repeat;background-position:center top;}
#header .logo{height:72px}
#header .logo img{padding-top:12px}

h1,h2,h3,h4,h5,h6{font-weight:400;font-family:YanoneKaffeesatzRegular, "Segoe UI", Arial, Helvetica, sans-serif;text-shadow:#fff 1px 1px 0;margin:0 0 10px;padding:0}
h1{font-size:32px;line-height:32px}
h2{font-size:28px;line-height:28px}
h3{ font-size:26px; line-height:26px; color:#00617D }
h4{font-size:18px;line-height:18px}
h5{font-size:16px;line-height:16px}
h6{font-size:14px;line-height:14px}

/** Lang Switching **/
#langswitch{position:absolute;top:55px;right:300px;z-index:5000;width:40px}
#langswitch img{vertical-align:middle;cursor:pointer}
#langswitch .lang-switcher{margin-top:4px;background-color:#F5F5F5;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid #CCC;-moz-box-shadow:0 0 4px #ccc;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;padding:3px}
#langswitchr ul{ margin:0; padding:0; list-style-type: none; }
#langswitch li{ margin:1px 0; padding:0; list-style-type: none; background-image: none; }
#langswitch li a{text-decoration:none;display:block;text-align:center;padding:3px 0}
#langswitch li.lang-active{opacity:0.3}

/* == Content Style == */
#content-left,#content-right,#content-left-right,#main-col{margin-top:15px;margin-bottom:20px}
#left-col{float:left;width:270px;padding-bottom:15px;padding-left:0}
#left-col .left-col-inner{margin-right:10px}
#right-col{float:right;width:334px;padding-right:0;padding-bottom:15px;margin-left:2px}
#right-col .right-col-inner{margin-left:4px}
#right-col-sml{float:right;width:150px;padding-right:0;padding-bottom:15px;padding-left:20px}
#main-col-left{margin-right:285px}
#main-col-right{margin-left:285px}
#main-col-left-right{margin-left:285px;margin-right:170px}
#crumbs{height:35px;line-height:28px}
.box{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-color:#fff #CECECE #CECECE #fff;border-style:solid;border-width:1px;padding:10px}
#right-col .mod-body,#left-col .mod-body{margin:0 0 15px}
#botmodule{padding-top:20px;padding-bottom:10px;color:#FFF;background-color:#01475A;background-image:url(../images/mod-bottom-bg.png);background-repeat:repeat-x;background-position:top;text-shadow:#000 1px 1px 0}
#botmodule h3{ color:#fff; text-shadow:#000 1px 1px 0 }
#botmodule .botmodule-inner{margin-right:10px;margin-left:10px;}
#topmodule{min-height:40px;margin-bottom:10px;padding-bottom:10px;background-image:url(../images/hr.png);background-repeat:no-repeat;background-position:center bottom}
#topmodule .topmodule-inner{margin-right:5px;margin-left:5px;padding-bottom:10px;padding-top:10px}
#home-top-module{padding-top:10px;padding-bottom:10px}
.right-mod-wrap, .left-mod-wrap{ background-color:#E4E4E4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; padding:7px}
.right-mod-inner, .left-mod-inner{background-color:#F8F8FA;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #FFF;padding:5px}

/* == Alternate Module Styling == */ 
.right-mod-wrap.blue, .left-mod-wrap.blue{ background-color:#8DB5D2;}
.right-mod-inner.blue, .left-mod-inner.blue{ background-color:#E3F4F9;}
.right-mod-wrap.green, .left-mod-wrap.green{ background-color:#B5D38B; }
.right-mod-inner.green, .left-mod-inner.green{ background-color:#F0FAE2; }
.right-mod-wrap.red, .left-mod-wrap.red{ background-color:#D58A8A; }
.right-mod-inner.red, .left-mod-inner.red{ background-color:#FBE1E1; }

/* == Button Style == */
a.but,a.but:hover,a.dark_but,a.dark_but:hover,a.skin_but,a.skin_but:hover{background:url(../images/default_button_left.png) no-repeat left top;font-size:11px;color:#363636;display:inline-block;text-decoration:none;width:auto;border:0;margin:4px 0 0}
.but but{border:0;font-size:11px;cursor:pointer;background-image:url(../images/pixel.gif);background-repeat:no-repeat;margin:4px;padding:0}
a.but span,a.but:hover span,a.dark_but span,a.dark_but:hover span,a.skin_button span,a.skin_but:hover span{background:url(../images/default_button_right.png) no-repeat right top;display:inline-block;line-height:24px;margin:0 0 0 6px;padding:0 10px 0 3px}
a.but span img,a.but:hover span img,a.dark_but span img,a.dark_but:hover span img,a.skin_but span img,a.skin_but:hover span img{vertical-align:middle;padding:0 5px 0 0}
a.but:hover{background:url(../images/default_button_left-hover.png) no-repeat left top;cursor:pointer}
a.but:hover span{background:url(../images/default_button_right-hover.png) no-repeat right top}

/* == Liquid Boxes == */
.col-31{float:left;width:31%;margin-right:1.5%}
.col-32{float:left;width:31%;margin-right:2%;margin-left:2%}
.col-33{float:left;width:31%;margin-left:1.5%}
.col-51{float:left;width:48%;margin-right:1%}
.col-52{float:left;width:48%;margin-left:1%}

/* == Misc == */
.testimonial{background:url(../images/testimonial-bg.png) no-repeat left bottom;padding-bottom:30px}
ul#infopoint-list li{background:url(../images/sep.png) no-repeat left bottom;margin:0 0 5px;padding:0 0 5px}
ul#infopoint-list li img{display:inline-block;float:left;margin-right:10px}

/* == Gallery == */
ul#galleryrow{list-style:none;margin:0;padding:0}
ul#galleryrow li{list-style:none;float:left;text-align:center;background-image:url(../images/pixel.gif);background-repeat:no-repeat;margin:0;padding:0}
ul#galleryrow li img{border:1px solid #CFCFCF;background-color:#FFF;text-align:center;vertical-align:middle;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 4px #ccc;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;margin:5px;padding:10px}
ul#galleryrow li img:hover{background-color:#eee}

/* == Tabs == */
ul.tabs{list-style:none;height:35px;width:100%;padding:0}
ul.tabs li{list-style:none outside none;float:left;height:45px;margin:0!important;padding:0}
ul.tabs li a{color:#fff;text-shadow:1px 1px 0 #666;display:block;background-image:url(../images/tabs.png);background-repeat:repeat-x;background-position:0 0 height:43px;font-size:14px;line-height:43px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:#DCDCDC;border-left-color:#DCDCDC;padding:0 20px}
ul.tabs li span.inner-pad{display:block;margin-right:3px}
ul.tabs li.tabend span.inner-pad{margin:0}
ul.tabs li a:hover{color:#049DCA;text-shadow:1px 1px 0 #000}
ul.tabs li.active a{background-image:url(../images/tabs.png);background-repeat:repeat-x;background-position:0 -45px;height:44px;line-height:44px;border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;text-shadow:1px 1px 0 #fff;color:#666}
ul.tabs li.active a:hover{color:#000!important;text-decoration:none}

/* == Login Box == */
#login-box{ position:absolute; right:10px; top:10px; color: #20A7D1; }
#login-box a{color: #20A7D1; }
#login-box a:hover{text-decoration:underline}

/* == Search == */
#search-box{float:right;margin-top:45px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;position:relative;width:280px;z-index:799;border-color:#002A35 #003746 #015F78;border-style:solid;border-width:1px;padding:5px}
#inputString{border:0;background-color:transparent;color:#fff;background-image:url(../images/mag-glass.png);background-repeat:no-repeat;background-position:100% center;width:270px;padding:5px}
#suggestions{position:absolute;z-index:800;left:0}
#searchresults{position:relative;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#ededed;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);width:280px;margin-top:7px;left:0;z-index:800;border-color:#fff #CECECE #CECECE #fff;border-style:solid;border-width:1px;padding:5px}
#searchresults .search-odd,#searchresults .search-even{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:1px;margin-bottom:1px;-moz-box-shadow:0 0 3px #ddd;-webkit-box-shadow:0 0 3px #ddd;box-shadow:0 0 3px #ddd}
#searchresults a small{display:block;line-height:1.2em;color:#999}
#searchresults a{display:block;text-decoration:none;background-image:url(../images/bullet.png);background-repeat:no-repeat;background-position:5px 13px;padding:5px 5px 5px 15px}
#searchresults a:hover{text-decoration:none}

/* == Comments == */
#comments ul{margin:0;padding:0}
#comments li{list-style:none;background-image:url(../images/pixel.gif);background-repeat:no-repeat;margin:0;padding:0}
#comments .commentWrap{display:block;margin-bottom:15px}
#comments small{font-size:10px;color:#999}
#comments .comment-body{padding-left:85px;min-height:65px}
#comments .comment-body .com-box{background:#fafafa;border:1px solid #ccc;min-height:80px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;padding:15px}
#comments .comm-reply{display:block;width:100%;text-align:right}
#comments .comm-reply a{font-size:10px;text-decoration:underline;color:#555}
#comments .comment-body div.desc h4{display:inline-block}
#comments li ul li{clear:both;padding-left:20px}
#comments a.reply-link{text-align:center;display:block;width:70px;font-size:12px;font-weight:600;text-transform:lowercase}
#comments p.authorcomment{margin-bottom:5px}
#comments .avatar{width:65px;height:65px;border:3px solid #ccc;padding:2px}
#comments .img-holder{float:left;width:90px;height:90px;position:relative;padding-top:1px}
pre,code{font:11px/19px Consolas, "Andale Mono", Courier, "Courier New", monospace}
pre{border:1px solid #eee;overflow-x:visible;overflow-y:hidden;margin:15px 0 20px;padding:1px}
blockquote{font-size:15px!important;padding-left:105px;line-height:22px;text-shadow:-1px -1px #fff;font-style:italic;color:#222!important;background-image:url(../images/quote.png);background-repeat:no-repeat;background-position:60px 0;margin:30px 0}
.char-alert{color:#C30}

/* == Pagination == */
#pagination,.pagination{text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px}
#pagination a,.pagination a{text-decoration:none;outline:none;margin:0 5px 0 0;padding:3px 6px}
#pagination a.number,.pagination a.number{border:1px solid #484848;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#pagination a.number:hover,.pagination a.number:hover{border:1px solid #333;color:#FFF;background-image:url(../images/button.png);background-repeat:repeat-x;background-position:left top}
#pagination a.current,.pagination a.current{color:#FFF;border:1px solid #333;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-image:url(../images/button.png);background-repeat:repeat-x;background-position:left -30px}
#pagination a.current:hover,.pagination a.current:hover{text-decoration:underline}

/* == Messages == */
#msgholder,#msgholder-alt{width:auto;overflow:hidden;position:absolute;z-index:8000;display:inline-block;top:0;right:0}
p.info{background-repeat:no-repeat;background-color:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;background-image:url(../images/info-ico.png);border:1px solid #E6E6E6;background-position:10px 10px}
.msgAlert,.msgInfo,.msgError,.msgOk,p.info{-moz-border-radius:7px;border-radius:7px;text-shadow:1px 1px 1px #fff;margin-top:5px;margin-bottom:5px;padding:8px 5px}
.msgAlert{background-image:url(../images/alert-bg.png);background-repeat:repeat-x;background-position:top;background-color:#FEE684;border:2px solid #BF9900;color:#85664E}
.msgAlert span{background-image:url(../images/alert-ico.png)}
.msgInfo{background-image:url(../images/info-bg.png);background-repeat:repeat-x;background-position:top;background-color:#92D6ED;border:2px solid #2FADD7;color:#3158BB}
.msgInfo span{background-image:url(../images/info-ico.png)}
.msgError{background-image:url(../images/error-bg.png);background-repeat:repeat-x;background-position:top;background-color:#F5D0CD;color:#8D0D0D;border:2px solid #900}
.msgError span{background-image:url(../images/error-ico.png)}
.msgOk{background-color:#CBDA8F;background-image:url(../images/ok-bg.png);background-repeat:repeat-x;background-position:top;border:2px solid #8EA534;color:#336801}
.msgOk span{background-image:url(../images/ok-ico.png)}
.msgError span,.msgOk span,.msgAlert span,.msgInfo span,p.info span{background-repeat:no-repeat;background-position:5px center;display:inline-block;padding-right:10px;padding-left:30px;font-weight:700}
.msgError .error li{background-image:url(../images/required.png);background-repeat:no-repeat;background-position:left 6px;padding-left:15px;margin-left:15px}
#tooltip{color:#222;font-size:11px;text-shadow:1px 1px 0 #fff;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-image:url(../images/tooltip.png);background-repeat:repeat-x;background-position:left top;background-color:#D7D7D7;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;box-shadow:0 0 4px #bbb;line-height:1.2em;padding:5px;position:absolute;z-index:100000;display:none}
.loadbg{background-image:url(../images/loadingLarge.gif);background-repeat:no-repeat;background-position:center center}

/* == Footer == */
.push{display:none}
#footer{flex-shrink:0;min-height:4em;color:#C0BFBF;line-height:4em;background-color:#022731;background-image:url(../images/footer-bg.png);background-repeat:repeat-x;background-position:top;text-shadow:#000 1px 1px 0}
#footer .foot-icons{float:right;width:300px;text-align:right}
#footer .foot-icons img{padding-left:10px}
#footer a{color:#049DCA}
#footer a:hover{text-decoration:underline}

/* == Scroolbars == */
.scroolDCO{scrollbar-arrow-color:#000000;scrollbar-3dlight-color:#000000;scrollbar-highlight-color:#FF0000;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#0000FF;scrollbar-darkshadow-color:#FFFF00;scrollbar-track-color:#00FF00}


/* =======================================================================
   MIX GLASS  ·  "FUTURO DESERTO"
   Camada glassmorphism aplicada sobre a estrutura base do tema.
   Céu de entardecer + dunas + painéis de vidro fosco (backdrop-filter).
   ======================================================================= */

:root{
  --g-bg:        rgba(26,18,36,.34);   /* vidro padrao            */
  --g-bg-strong: rgba(20,13,30,.58);   /* vidro para menus/rodape */
  --g-brd:       rgba(255,255,255,.16);
  --g-hi:        rgba(255,255,255,.16);
  --g-gold:      #ffd9a0;
  --g-amber:     #f4a259;
  --g-ink:       #f4ece0;
  --g-ink-mut:   #d3c2ad;
  --g-radius:    18px;
  --g-shadow:    0 12px 36px rgba(0,0,0,.40), inset 0 1px 0 var(--g-hi);
}

/* ---- Fundo Deserto Futurista (fixo, atras de tudo) ------------------- */
html{background:#140d2c}
body{
  color:var(--g-ink)!important;
  background:none!important;                 /* remove bg.png */
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{                                 /* ceu + sol poente */
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(34% 26% at 68% 58%, rgba(255,226,172,.90), rgba(255,190,120,.34) 34%, transparent 64%),
    radial-gradient(120% 90% at 68% 58%, rgba(255,150,90,.20), transparent 55%),
    linear-gradient(180deg,#140d2c 0%,#291542 26%,#5b2a54 46%,#9c4a54 62%,#cf6f47 76%,#e89a56 88%,#f2b268 100%);
}
body::after{                                  /* silhuetas de dunas */
  content:''; position:fixed; left:0; right:0; bottom:0; height:62vh; z-index:-1;
  pointer-events:none; filter:saturate(1.05);
  background:
    radial-gradient(150% 100% at 20% 100%, #3a1e22 0 40%, transparent 41%),
    radial-gradient(150% 100% at 72% 100%, #582b28 0 46%, transparent 47%),
    radial-gradient(170% 100% at 48% 100%, #7a3d2e 0 56%, transparent 57%);
}

/* ---- Tipografia ------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{ color:var(--g-ink)!important; text-shadow:none!important; letter-spacing:.5px }
h1,h2{ text-shadow:0 2px 18px rgba(0,0,0,.35)!important }
h3{ color:var(--g-gold)!important }
a:link,a:visited,a:active{ color:var(--g-gold); transition:color .2s,opacity .2s }
a:hover{ color:#fff }
p{ color:var(--g-ink) }
hr{ background:none!important; height:1px!important; border:none; background:linear-gradient(90deg,transparent,var(--g-brd),transparent)!important }
li{ background:none!important; padding-left:20px!important; position:relative }
li::before{ content:'◈'; position:absolute; left:0; top:-1px; color:var(--g-amber); font-size:11px }

/* ---- utilitario de vidro -------------------------------------------- */
.g-panel,
#header .wrap,
.main-col-inner, .left-col-inner, .right-col-inner,
.box{
  background:var(--g-bg)!important;
  -webkit-backdrop-filter:blur(17px) saturate(150%);
          backdrop-filter:blur(17px) saturate(150%);
  border:1px solid var(--g-brd)!important;
  border-radius:var(--g-radius)!important;
  box-shadow:var(--g-shadow)!important;
}

/* ---- Cabecalho: barra de vidro fixa ---------------------------------- */
#header{
  position:sticky; top:0; z-index:900;
  height:auto!important; min-height:0!important;
  background:none!important; background-image:none!important;
  margin-bottom:20px;
}
#header .wrap{ margin-top:14px; padding:16px 24px 10px }
#header .logo{ height:auto!important }
#header .logo a{ color:var(--g-gold); font-size:30px; font-weight:700; letter-spacing:1px }
#header .logo img{ padding-top:0!important; margin-top:0!important; filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) }
/* logo em texto (substitui a imagem enviada) */
#header .glass-logo{ display:inline-block; line-height:1; font-size:34px; font-weight:800; letter-spacing:1px; color:var(--g-gold)!important; text-shadow:0 4px 18px rgba(0,0,0,.45) }
#header .glass-logo:hover{ color:#fff!important }
#header .glass-logo .i{ color:var(--g-amber) }
#header .glass-logo small{ display:block; font-size:11px; font-weight:600; letter-spacing:3px; color:var(--g-ink-mut); margin-top:5px; text-transform:uppercase }
#login-box, #login-box a{ color:var(--g-ink-mut)!important }
#login-box a:hover{ color:var(--g-gold)!important; text-decoration:none }

/* busca em vidro */
#search-box{
  background:var(--g-bg-strong)!important;
  border:1px solid var(--g-brd)!important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-radius:12px!important;
}
#search-box #inputString, #search-box input[type=text]{
  background:transparent!important; border:none!important; color:var(--g-ink)!important; width:100%!important;
}
#search-box #inputString::placeholder{ color:var(--g-ink-mut) }
#suggestions{ background:var(--g-bg-strong)!important; border:1px solid var(--g-brd)!important; border-radius:0 0 12px 12px; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px) }

/* ---- Migalhas / divisores ------------------------------------------- */
#crumbs{ background:none!important; border:none!important; color:var(--g-ink-mut) }
#crumbs a{ color:var(--g-gold) }
#topmodule{ background-image:none!important; border-bottom:1px solid var(--g-brd); margin-bottom:16px }

/* ---- Conteudo (cartoes de vidro) ------------------------------------ */
#content-left,#content-right,#content-left-right,#main-col{ margin-top:8px!important }
.main-col-inner, .left-col-inner, .right-col-inner{ padding:26px 30px!important; color:var(--g-ink) }

/* ---- Modulo inferior "Plataforma" (era teal solido) ----------------- */
#botmodule{
  background:var(--g-bg-strong)!important; background-image:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border:1px solid var(--g-brd); border-radius:var(--g-radius);
  color:var(--g-ink)!important; text-shadow:none!important;
  margin:24px auto; padding:26px 0!important;
}
#botmodule h3{ color:var(--g-gold)!important; text-shadow:none!important }
#botmodule a{ color:var(--g-gold) }
/* == Modulo "Plataforma" no estilo do exemplo (pilulas de vidro + selos) == */
#botmodule .plat{ display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0 0 18px!important; padding:0!important }
#botmodule .plat li{
  display:inline-block; padding:8px 16px 8px 30px!important; position:relative;
  border-radius:12px; background:rgba(255,255,255,.05)!important; border:1px solid var(--g-brd);
  font-size:14px; color:var(--g-ink);
}
#botmodule .plat li::before{ content:'\25C8'; position:absolute; left:12px; top:9px; color:var(--g-amber); font-size:12px }
#botmodule .badges{ display:flex; flex-wrap:wrap; gap:12px }
#botmodule .badge{
  font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--g-ink-mut)!important;
  padding:7px 13px; border-radius:8px; border:1px solid var(--g-brd); background:rgba(255,255,255,.04);
  text-decoration:none; transition:color .2s, border-color .2s;
}
#botmodule .badge:hover{ color:var(--g-gold)!important; border-color:rgba(255,217,160,.6) }
#botmodule .mod-body img:not([src]){ display:none }

/* ---- Respiro dos textos das paginas (linhas e itens menos coladas) ---- */
.main-col-inner, .left-col-inner, .right-col-inner{ line-height:1.75 }
.post-body, .post-body p, .main-col-inner p, .left-col-inner p, .right-col-inner p{ line-height:1.75; margin:0 0 15px }
.post-body ul, .main-col-inner ul{ margin:0 0 16px }
.post-body li, .main-col-inner li, .left-col-inner li, .right-col-inner li{ margin:0 0 10px; line-height:1.6 }
.post-body li::before, .main-col-inner li::before{ top:1px }
.post-body h2, .post-body h3, .post-body h4{ margin-top:22px }
.post-body h2:first-child, .post-body h3:first-child{ margin-top:0 }
.post-body h4{ margin-bottom:8px }

/* ---- Caixas de mensagem / "Informação!" no vidro ---- */
p.info, .msgInfo, .msgAlert, .msgOk, .msgError{
  background:var(--g-bg-strong)!important; background-image:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%);
  border:1px solid var(--g-brd)!important; border-radius:12px!important;
  color:var(--g-ink)!important; text-shadow:none!important; padding:12px 14px!important;
}
p.info span, .msgInfo span, .msgAlert span, .msgOk span, .msgError span{
  background:none!important; background-image:none!important; padding-left:0!important; color:var(--g-gold)!important;
}
.msgError{ border-color:rgba(220,90,90,.5)!important } .msgError span{ color:#ffb0a8!important }
.msgOk{ border-color:rgba(150,200,120,.5)!important } .msgOk span{ color:#bfe39a!important }
.msgAlert{ border-color:rgba(244,190,120,.55)!important }

/* ---- Tabela de associação / conta: valores azuis inline (#09F) -> dourado ---- */
#main-col td[style*="#09F"]{ color:var(--g-gold)!important }
.main-col-inner .box table td{ color:var(--g-ink) }
/* caixinhas de leitura (Data de Registro, Último Login, Sim/Não) em vidro */
.input-out{ background:rgba(255,255,255,.07)!important; border:1px solid var(--g-brd)!important; color:var(--g-ink)!important; border-radius:8px!important }
/* radios/checkboxes com destaque dourado */
input[type=radio], input[type=checkbox]{ accent-color:var(--g-amber); }

/* ---- Formularios ----------------------------------------------------- */
input[type=text],input[type=password],input[type=email],input[type=search],textarea,select{
  background:rgba(255,255,255,.07)!important; background-image:none!important;
  border:1px solid var(--g-brd)!important; border-radius:10px!important;
  color:var(--g-ink)!important; padding:9px 13px!important;
  transition:border-color .2s, box-shadow .2s;
}
input:focus,textarea:focus,select:focus{
  outline:none!important; border-color:var(--g-gold)!important;
  box-shadow:0 0 0 3px rgba(255,217,160,.20)!important;
}
::placeholder{ color:var(--g-ink-mut) }
.button,button,input[type=submit],input[type=button],a.button{
  background:linear-gradient(180deg,#ffe0b0,#f4a259)!important; background-image:linear-gradient(180deg,#ffe0b0,#f4a259)!important;
  color:#2a170c!important; border:none!important; border-radius:12px!important;
  padding:10px 20px!important; font-weight:700!important; text-shadow:none!important; cursor:pointer;
  box-shadow:0 6px 18px rgba(244,162,89,.35); transition:transform .12s, box-shadow .2s, filter .2s;
}
.button:hover,button:hover,input[type=submit]:hover{ transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 9px 24px rgba(244,162,89,.45) }

/* ---- Rodape ---------------------------------------------------------- */
#footer{
  background:var(--g-bg-strong)!important; background-image:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border-top:1px solid var(--g-brd); color:var(--g-ink-mut)!important; text-shadow:none!important;
}
#footer a{ color:var(--g-gold)!important }
#footer .foot-icons img{ opacity:.55; transition:opacity .2s }
#footer .foot-icons img:hover{ opacity:1 }

/* ---- Entrada suave dos paineis (revolucionario, discreto) ----------- */
@keyframes gIn{ from{ opacity:0; transform:translateY(14px) } to{ opacity:1; transform:none } }
.main-col-inner, .left-col-inner, .right-col-inner, #botmodule{ animation:gIn .6s ease both }

/* ---- Scrollbar custom ------------------------------------------------ */
*{ scrollbar-color:rgba(255,217,160,.5) transparent; scrollbar-width:thin }
::-webkit-scrollbar{ width:11px; height:11px }
::-webkit-scrollbar-track{ background:transparent }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--g-amber),#b9613a); border-radius:10px; border:3px solid transparent; background-clip:content-box }

/* ---- Responsivo ------------------------------------------------------ */
@media (max-width:820px){
  #main-col-left,#main-col-right{ margin-left:0!important; margin-right:0!important }
  #main-col-left-right{ margin-left:0!important; margin-right:0!important }
  #left-col,#right-col,#right-col-sml{ float:none!important; width:auto!important; margin:0 0 16px!important }
  #login-box{ position:static!important; text-align:center; margin-bottom:8px }
  #search-box{ float:none!important; margin:10px auto!important; width:auto!important }
  #header .wrap{ padding:14px 16px }
  .main-col-inner,.left-col-inner,.right-col-inner{ padding:20px!important }
}

/* =======================================================================
   MIX GLASS · botao de alternancia + MODO NOITE (deserto sob a lua)
   O padrao ao entardecer continua sendo o CLARO. data-theme="night" no <html>.
   ======================================================================= */

/* ---- Botao flutuante (FAB de vidro) ---- */
#glass-theme-toggle{
  position:fixed; right:20px; bottom:20px; z-index:1000;
  width:48px; height:48px; border-radius:50%;
  border:1px solid var(--g-brd); background:var(--g-bg-strong);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%);
  color:var(--g-gold); cursor:pointer; font-size:19px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  box-shadow:var(--g-shadow); transition:transform .2s, filter .2s, box-shadow .2s;
}
#glass-theme-toggle:hover{ transform:scale(1.08); filter:brightness(1.12); box-shadow:0 14px 40px rgba(0,0,0,.5) }
#glass-theme-toggle:active{ transform:scale(.96) }
#glass-theme-toggle .tsun{ display:none }
#glass-theme-toggle .tmoon{ display:inline }
html[data-theme="night"] #glass-theme-toggle .tmoon{ display:none }
html[data-theme="night"] #glass-theme-toggle .tsun{ display:inline }

/* ---- Tokens do modo noite ---- */
html[data-theme="night"]{
  background:#05060f;
  --g-bg:        rgba(10,9,20,.48);
  --g-bg-strong: rgba(6,6,14,.68);
  --g-brd:       rgba(255,255,255,.14);
}
/* ceu noturno + lua + estrelas */
html[data-theme="night"] body::before{
  background:
    radial-gradient(1.5px 1.5px at 12% 16%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 26% 9%, rgba(255,255,255,.85), transparent),
    radial-gradient(1px 1px at 38% 22%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.5px 1.5px at 52% 11%, #fff, transparent),
    radial-gradient(1px 1px at 61% 26%, rgba(255,255,255,.65), transparent),
    radial-gradient(1.5px 1.5px at 84% 14%, rgba(255,255,255,.9), transparent),
    radial-gradient(1px 1px at 91% 30%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 45% 34%, rgba(255,255,255,.5), transparent),
    radial-gradient(22% 17% at 74% 26%, rgba(222,232,255,.55), rgba(150,170,220,.14) 42%, transparent 68%),
    radial-gradient(120% 90% at 58% 92%, rgba(120,60,92,.16), transparent 60%),
    linear-gradient(180deg,#04050d 0%,#080a18 30%,#110e24 52%,#221630 70%,#38212f 86%,#48282f 100%);
}
/* dunas noturnas */
html[data-theme="night"] body::after{
  background:
    radial-gradient(150% 100% at 20% 100%, #0b0912 0 40%, transparent 41%),
    radial-gradient(150% 100% at 72% 100%, #160f1a 0 46%, transparent 47%),
    radial-gradient(170% 100% at 48% 100%, #231726 0 56%, transparent 57%);
}
/* pequenos ajustes de leitura no escuro */
html[data-theme="night"] h1, html[data-theme="night"] .hero-card h2{ color:#fbf3e8!important }

/* ---- Slider (modulo jqueryslider / nivoSlider) no visual de vidro ---- */
#slider-wrapper{
  width:100%!important; max-width:960px; margin:0 auto!important; padding:12px!important;
  background:var(--g-bg)!important; background-image:none!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%); backdrop-filter:blur(16px) saturate(150%);
  border:1px solid var(--g-brd)!important; border-radius:var(--g-radius)!important;
  box-shadow:var(--g-shadow)!important;
}
#slider{ border-radius:12px; overflow:hidden; max-width:100% }
#slider img{ max-width:100%; height:auto }
/* legenda embutida na propria arte do slide -> esconde a do nivo (evita texto duplicado) */
.nivo-caption{ display:none!important }

/* ---- Corrige marcador ◈ vazando para o menu principal ---- */
#mainmenu li{ padding-left:0!important; }
#mainmenu li::before{ content:none!important; display:none!important; }

/* ---- Modulos laterais (login "Usuario Logado" etc.) no visual de vidro ---- */
.right-mod-wrap, .left-mod-wrap,
.right-mod-wrap.blue, .left-mod-wrap.blue,
.right-mod-wrap.green, .left-mod-wrap.green,
.right-mod-wrap.red, .left-mod-wrap.red{
  background:var(--g-bg)!important; background-image:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%);
  border:1px solid var(--g-brd)!important; border-radius:14px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.30)!important; padding:14px!important;
}
.right-mod-inner, .left-mod-inner,
.right-mod-inner.blue, .left-mod-inner.blue,
.right-mod-inner.green, .left-mod-inner.green,
.right-mod-inner.red, .left-mod-inner.red{
  background:transparent!important; background-image:none!important; border:none!important; padding:6px!important;
}
.right-mod-wrap h3, .left-mod-wrap h3{ color:var(--g-gold)!important; text-shadow:none!important }