/* Theme Name: gSexy Theme URI: https://www.gsexy.com.br Author: The gSexy team Author URI: https://www.gsexy.com.br Description: Website personalizado, desenvolvido exclusivamente para o gSexy de Campinas, SP. Version: 2.0 Tags: Acompanhantes Campinas, Garotas de programa, gsexy, Acompanhantes de luxo, Acompanhantes Text Domain: gsexy */ /* INICIO DO css-reset.css */ 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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,hgroup,nav,section{display:block}button,li,a,img:focus{border:none!important;outline:none!important}input,select,textarea,radio,password,num,data,img:focus{border:none!important;outline:none!important;outline:0!important}img,object,embed{border:none}html{overflow-y:scroll}ul{list-style:none}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; list-style:none; text-decoration:none;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;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;*vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}a:hover,a:active{outline:none!important; text-decoration:none!important;}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type="button"],input[type="submit"],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both} /*.clearfix{zoom:1}*/ *:focus{outline:none!important; box-shadow:unset!important;} body{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family:'Muli', sans-serif; background-color:#000;} *{/*-webkit-transition:all .15s linear; -moz-transition:all .15s linear; -ms-transition:all .15s linear; transition:all .15s linear;*/ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} *::-moz-selection{background:#000; color:#eda9b8;} *::selection{background:#000; color:#eda9b8;} main{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%;} main article{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%;} /* primeiro texto no topo do site */ #faixa_top{text-align:center; color:#9e9e9e; font-size:13px; line-height:1;} #faixa_top p{padding:3px 5px;} /* logotípo */ #hd .logotipo{padding:0px 0px 0px 0px; margin:0px auto; display:table; width:90%; max-width:540px;} #hd .logotipo img{padding:0px 0px 0px 0px; margin:0px auto; display:table; width:100%; max-width:600px; height:auto;} /* menu do topo */ .main-nav{padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; background-color:#333; width:100%; text-align:center;} .main-nav ul li a{color:#FFF; display:table;} .main-nav ul li a:hover{color:#FFF;} .main-nav ul li a:active{color:#FFF;} #menu-navbar{margin:0px 0px 0px 0px; padding:0px; font-family:'Muli', sans-serif; line-height:1; text-align:center; display: inline-table; width:100vw; background-color:#333;} #menu-navbar li{font-size:22px; font-weight:bold; letter-spacing:1px; display:inline-table; background-color:#333; color:#FFF; margin:0px 0px; text-transform:uppercase; border-left:solid 1px #000!important; border-right:solid 1px #000!important;} #menu-navbar li:hover{background-color:#2f6bd9; wi} #menu-navbar li a{padding:20px 30px;} #menu-navbar li .sub-menu{width:100%;} #menu-navbar li .sub-menu li .sub-menu{left:105px; max-width: 130px;} #menu-navbar li .sub-menu li{display:table; width: 100%; background-color:#333; font-size:16px; text-transform:capitalize; max-width:auto;} #menu-navbar li .sub-menu li:hover{background-color:#2f6bd9;} #menu-navbar li .sub-menu li a{padding:18px 5px 18px 30px; width:100%; text-align:left;} .main-nav ul ul{display:none;} .main-nav ul li:hover > ul{display:block;} .main-nav ul ul{display: none; position: absolute; top:auto; left: 0; z-index: 99999; width: auto; background:transparent; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);} .main-nav li{position: relative;} .toggle-nav{display: none !important;} /* Primeiro texto na home e em outras paginas - Texto final também */ #seo{color:#FFF; width:auto; max-width:1300px; margin:40px auto; padding:0px 50px;} #seo a{color:#FFF; text-decoration:underline;} #seo a:hover{color:#eda9b8; text-decoration:underline !important;} #seo h1{text-transform:uppercase; font-size:26px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo h2{text-transform:uppercase; font-size:25px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo h3{text-transform:uppercase; font-size:24px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo h4{text-transform:uppercase; font-size:23px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo h5{text-transform:uppercase; font-size:22px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo h6{text-transform:uppercase; font-size:21px; font-weight:900; text-align:left; margin:14px 0px 0px 0px;} #seo p{text-align:justify; font-family:'Muli', sans-serif; font-weight:300; font-size:20px; margin:14px 0px 0px 0px;} /* Bloco das gatas da semana */ #mulheres .gata{display:table; width:auto; max-width:900px; margin:0px auto 50px auto; padding:0px 0px 0px 0px; font-family:'muli', sans-serif; font-weight:900;} #mulheres a{color:#FFF; text-decoration:none;} #mulheres a:hover{color:#FFF; text-decoration:none;} #mulheres .gata figure img{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:table; width:900px; max-width:100%; height:auto;} #mulheres .gata .gs{text-align:center; background-color:#d6336c; letter-spacing:10px; font-size:38px; word-spacing:10px; text-transform:uppercase; line-height:1.5; padding:0px; margin:0px; text-shadow:0 0 2px #FFF; /*-webkit-text-stroke: .5px #FFF;*/} #mulheres .gata figure figcaption{height:60px; max-height:60px; line-height:60px; width:auto; position:relative; background:rgba(0, 0, 0, .25); padding:0px 10px 0px 18px; margin:-60px 0px 0px 0px;} #mulheres .gata figure figcaption p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:60px; overflow:hidden;} #mulheres .gata figure figcaption p span{text-align:left; letter-spacing:6px; font-size:30px; word-spacing:10px; text-transform:uppercase; padding:0px; margin:0px; text-shadow:0 0 2px #000; /*-webkit-text-stroke: .5px #FFF;*/} #mulheres .gata figure figcaption p .fa{float:right; font-size:45px; line-height:60px; color:#F00; padding-top:2px;} #mulheres .gata figure figcaption p .fa:hover{color:#FFF;} #mulheres .gata figure .videoic{margin:4px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; width:auto; max-width:54px!important; height:auto; float:right;} /* 🔥 NOVO: Estilo Exclusivo Premium */ #mulheres .gata-premium .gs { background-color: #2f6bd9 !important; color: #FFF !important; } #mulheres .gata figure figcaption{height:60px; max-height:60px; line-height:60px; width:auto; position:relative; background:rgba(0, 0, 0, .25); padding:0px 10px 0px 18px; margin:-60px 0px 0px 0px;} /* Bloco das meninas com a camisa do site */ #faixar{background-color:#2f6bd9; max-width:100%; width:auto; padding:12px 5px 12px 5px; margin:0px 0px 0px 0px; color:#FFF; text-align:center;} #faixar p{font-size:14px; margin:0px; padding:0px;} #faixar h1{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #faixar h2{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #faixar h3{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #faixar h4{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #faixar h5{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #faixar h6{font-size:29px; font-weight:bold; margin:0px 0px -5px 0px; padding:0px; text-transform:uppercase;} #dacamisa{margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; text-align:center; font-family:'Muli', sans-serif; font-weight:900; display:table; width:100%;} #dacamisa .camisa{margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; display:inline-block; transition:all 1s ease-out; width:calc((100% / 7) - 12px); max-width:100%;} #dacamisa .camisa figure{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; max-width:100%;} #dacamisa .camisa figure img{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:table; width:100%; max-width:100%; height:auto; /*filter:brightness(100%);*/} /*#dacamisa .camisa figure img:hover{filter:brightness(110%);}*/ #dacamisa .camisa figure figcaption {margin: -45px 0px 0px 0px; padding: 0px 0px 0px 0px; background: rgba(0, 0, 0, 0.45); width: 100%; height: 45px; line-height: 45px; position: relative; text-align: center;} #dacamisa .camisa figure figcaption p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; white-space: nowrap; font-size: 24px; letter-spacing: 1px; text-overflow: ellipsis;} #dacamisa .camisa figure figcaption cidadeleg{font-weight: 400; font-size: 12px} /* anúncio geral - só adaptações */ .comm{margin:40px 0px 15px 0px !important;} .gage{max-height:314px !important;} /* botões no fim da home */ #botoes1{margin:0px 0px 0px 0px; padding:40px 20px 40px 20px; text-align:center; display:block; width:auto; border-top:solid 1px #fff;} #botoes1 a{padding:10px 10px; margin:10px 10px; font-size:26px; display:inline-table; border-radius:8px;} #botoes1 .bcinza{background-image:linear-gradient(#202020, #202020);} #botoes1 .bcinza:hover{background-image:linear-gradient(#202020, #333);} #botoes1 .bred{background-image:linear-gradient(#2f6bd9, #2f6bd9); text-transform:uppercase;} #botoes1 .bred:hover{background-image:linear-gradient(#2b62d1, #2b62d1);} #botoes1 .bgreen{background-image:linear-gradient(#d6336c, #d6336c); text-transform:uppercase;} #botoes1 .bgreen:hover{background-image:linear-gradient(#b83262, #b83262);} #botoes1 .margin1{margin:15px 0px 0px 0px;} #botoes1 .byellow{background-image:linear-gradient(#333333, #333333); color:#FFD400; border:2px solid #FFD400; text-transform:uppercase;} #botoes1 .byellow:hover{background-image:linear-gradient(#444444, #444444); color:#FFE44D; border-color:#FFE44D;} /* texto no fim da home */ #tfh{margin:0px 0px 0px 0px; padding:40px 20px 40px 20px; text-align:justify; display:block; width:auto; border-top:solid 1px #fff; color:#fff;} #tfh .limite{margin:0px auto; padding:0px; max-width:1300px;} #tfh h2, #tfh h3, #tfh h4, #tfh h5, #tfh h6{text-transform:uppercase; text-align:center; font-size:25px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px;} #tfh p{margin:20px 0px; font-size:20px;} #tfh a{text-decoration:underline;} #tfh a:hover{text-decoration:underline!important;} /* logo dos motéis no fim da home */ #moteis{margin:0px 0px 0px 0px; padding:40px 20px 40px 20px; text-align:center; display:block; width:auto; border-top:solid 1px #fff;} #moteis a{padding:0px; margin:20px 20px 20px 20px; display:inline-table; width:15%;} #moteis img{margin:0px 0px 0px 0px; display:table; width:auto; max-width:100%; height:auto;} /* rodapé */ footer{text-align:center; border-top:solid 1px #fff; padding:30px 0px 0px 0px;} #copyr{margin:50px 0px 0px 0px; padding:0px 5px 30px 5px; color:#fff; text-align:center;} #copyr p{font-size:16px; font-weight:bold;} footer .sites{color:#ffff00; font-weight:bold; font-size:18px;} footer ul{margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:14px;} footer ul li{display:inline-table; border-right:solid 3px #FFF !important; padding:0px 8px; margin:20px 0px 0px 0px; line-height:2;} footer ul li:last-child{border-right:none!important;} footer ul li a{color:#FFF; display:table; padding:0px 0px; margin:0px 4px 0px 0px;} footer ul li a:hover{color:#fff;} /* página do anúncio - Versão Slim */ #xanunciox{margin:0px 0px 40px 0px; padding:0px 0px 20px 0px; display:block; color:#FFF; text-align:center; width:100%; border-bottom:solid 1px #fff; box-sizing: border-box;} #xanunciox h1{background-color:#d6336c; margin:0px; padding:12px 5px; font-size:40px; font-family:'Muli'; font-weight:900; width:100%; box-sizing: border-box;} #xanunciox .texto{margin:15px auto; padding:0px 20px; max-width:1400px; box-sizing: border-box;} .fanun{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:600px; max-width:100%; height:auto;} /* Força a largura máxima igual à foto e centraliza o bloco */ #xanunciox .texto .just { width: 100% !important; max-width: 860px !important; margin: 0 auto !important; text-align: justify !important; display: block !important;} /* Garante que os parágrafos dentro do bloco também sejam justificados */ #xanunciox .texto .just p {text-align: justify !important; margin:0px 0px 18px 0px; font-size:18px;} #xanunciox .texto a{color:#8aff8a; text-decoration:underline;} #xanunciox .texto a:hover{text-decoration:underline!important;} #xanunciox .texto .dados1{margin:20px 0px 0px 0px; padding:0px 0px 15px 0px; font-weight:bold; font-size:24px;} #xanunciox .texto p{font-size:24px; font-family:'Muli', sans-serif; font-weight:400;} #xanunciox .texto .lpec{color:#ffff00; font-weight:bold; margin:0px 0px 18px 0px; font-size:24px;} #xanunciox .texto .fqv{font-weight:bold; margin:25px 0px 0px 0px; font-size:24px; text-transform:uppercase;} #xanunciox .texto .cartoes{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #xanunciox .texto .cartoes img{margin:20px 10px 0px 10px; padding:0px 0px 0px 0px; width:100px; max-width:35%; height:auto;} #xanunciox .texto .pix{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #xanunciox .texto .pix img{margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; width:200px; max-width:70%; height:auto;} #xanunciox .texto .whats{margin:0px 20px 0px 20px; padding:0px 0px 0px 0px;} #xanunciox .texto .whats img{margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; max-width:100%; height:auto; max-height: 80px;} #xanunciox .fone{background-color:#03C; margin:0px 0px 0px 0px; font-family:'Muli', sans-serif; font-weight:bold; width:auto; text-align:center; padding:12px 5px 15px 5px; font-size:40px;} #anc{margin:20px 15px 20px 15px; padding:0px 0px 0px 0px; width:auto; max-width:100%;} #anc img{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:600px; max-width:100%; height:auto;} #xanunciox .tvideo{margin:0px 0px 20px 0px; font-family:'Muli', sans-serif; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; font-size:40px;} #xanunciox .video{margin:0px auto 20px auto; padding:0px 50px 0px 50px;} #xanunciox .video video{width:100%; max-width:768px;} /* paginas diversas */ #diversas{margin:30px 0px 40px 0px; padding:0px 50px 20px 50px; display:block; color:#FFF; text-align:center; width:auto; max-width:100%;} #diversas h1 , #diversas h2 , #diversas h3 , #diversas h4 , #diversas h5 , #diversas h6{margin:0px 0px 0px 0px; padding:12px 0px 12px 0px; font-size:40px; font-weight:bold;} #diversas .texto{margin:15px auto 15px auto; padding:0px 0px 0px 0px; max-width:1400px;} #diversas p{font-size: 22px;} #diversas h1{text-transform:uppercase;} /* H1 em maiúsculas só no visual (no gsexy o título é digitado em caixa alta); tamanhos iguais ao gsexy */ #diversas img{margin:20px auto 20px auto; padding:0px 0px 0px 0px; width:auto; max-width:100%; height:auto;} #diversas .banner{margin:50px auto 20px auto; padding:0px 0px 0px 0px; max-width:700px; width:100%; display:table;} @media(max-width:2580px){ #dacamisa .camisa{width:calc((100% / 6) - 12px);} } @media(max-width:2150px){ #dacamisa .camisa{width:calc((100% / 5) - 12px);} } @media(max-width:1840px){ #dacamisa .camisa figure figcaption p{font-size:30px;} } @media(max-width:1720px){ #dacamisa .camisa{width:calc((100% / 4) - 12px);} #dacamisa .camisa figure figcaption p{font-size:31px;} } @media(max-width:1425px){ #dacamisa .camisa figure figcaption p{font-size:28px;} } @media(max-width:1290px){ #dacamisa .camisa{width:calc((100% / 3) - 12px);} #dacamisa .camisa figure figcaption p{font-size:31px;} } @media(max-width:1080px){ #dacamisa .camisa figure figcaption p{font-size:29px;} } @media(max-width:1000px){ #mulheres .gata{margin:0px 50px 50px 50px;} #dacamisa .camisa figure figcaption p{font-size:26px;} #tfh h2, #tfh h3, #tfh h4, #tfh h5, #tfh h6{font-size:23px;} #tfh p{font-size:18px;} } @media(max-width:900px){ #hd .logotipo{width:80%; max-width:480px;} #menu-navbar li{font-size:21px;} #menu-navbar li a{padding:14px 16px;} #menu-navbar li .sub-menu li{font-size:15px;} #menu-navbar li .sub-menu li a{padding:13px 14px;} #seo h1{font-size:22px;} #seo h2{font-size:21px;} #seo h3{font-size:20px;} #seo h4{font-size:19px;} #seo h5{font-size:18px;} #seo h6{font-size:17px;} #seo p{font-size:17px;} #mulheres .gata .gs{letter-spacing:8px; font-size:36px;} #dacamisa .camisa figure figcaption p{font-size:24px;} #botoes1 a{font-size:22px;} #xanunciox .texto .just p{font-size:22px;} #xanunciox .texto .fqv{font-size:19px;} #xanunciox .texto .lpec{font-size:20px;} #diversas h1 , #diversas h2 , #diversas h3 , #diversas h4 , #diversas h5 , #diversas h6{font-size:34px;} } @media(max-width:860px){ #dacamisa .camisa{width:calc((100% / 2) - 12px);} #dacamisa .camisa figure figcaption p{font-size:31px;} #moteis a{width:21%;} } @media(max-width:800px){ #faixa_top{font-size:12px;} #hd .logotipo{width:70%; max-width:420px;} #menu-navbar li{font-size:20px;} #mulheres .gata .gs{letter-spacing:6px; word-spacing:6px; font-size:35px;} } @media(max-width:750px){ #mulheres .gata .gs{letter-spacing:4px; word-spacing:4px;} #mulheres .gata figure figcaption p span{letter-spacing:5px; font-size:30px;} #dacamisa .camisa figure figcaption p{font-size:30px;} #tfh h2, #tfh h3, #tfh h4, #tfh h5, #tfh h6{font-size:22px;} #tfh p{font-size:16px;} footer ul{font-size:13px;} #xanunciox .texto{padding:0px 15px 0px 15px;} #xanunciox .video{padding:0px 15px 0px 15px;} #diversas{padding:0px 15px 20px 15px;} #diversas h1 , #diversas h2 , #diversas h3 , #diversas h4 , #diversas h5 , #diversas h6{font-size:26px;} #diversas p{font-size:19px;} #mulheres .gata figure .videoic{margin:6px 0px 0px 0px; max-width:50px!important;} } @media(max-width:700px){ #menu-navbar li{font-size:19px;} #mulheres .gata .gs{letter-spacing:3px; word-spacing:3px; font-size:31px; line-height:2;} #mulheres .gata figure figcaption p span{word-spacing:5px; letter-spacing:4px;} #mulheres .gata figure figcaption{height:55px; max-height:55px; line-height:55px; margin:-55px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:55px;} #mulheres .gata figure figcaption p .fa{line-height:55px;} #mulheres .gata{margin:0px 50px 25px 50px;} #dacamisa .camisa figure figcaption p{font-size:27px;} #xanunciox .tvideo{font-size:32px;} #mulheres .gata figure .videoic{margin:5px 0px 0px 0px; max-width:48px!important;} } @media(max-width:632px){ #mulheres .gata .gs{letter-spacing:2px; word-spacing:0px; font-size:31px; line-height:2;} #mulheres .gata figure figcaption p span{word-spacing:0px; letter-spacing:2px; font-size:30px;} #mulheres .gata figure figcaption{height:50px; max-height:50px; line-height:50px; margin:-50px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:50px;} #mulheres .gata figure figcaption p .fa{line-height:50px;} #dacamisa .camisa figure figcaption p{font-size:26px;} #botoes1 a{font-size:21px; border-radius:7px; padding:8px 10px;} #moteis a{width:24%;} #mulheres .gata figure .videoic{margin:2px 0px 0px 0px; max-width:48px!important;} } @media(max-width:600px){ #faixa_top{font-size:11px;} #faixa_top p{padding:3px 4px 1px 4px;} #hd .logotipo{width:65%; max-width:390px;} #menu-navbar li{font-size:18px;} #seo{padding:0px 25px;} #seo h1{font-size:19px;} #seo h2{font-size:18px;} #seo h3{font-size:17px;} #seo h4{font-size:16px;} #seo h5{font-size:16px;} #seo h6{font-size:16px;} #seo p{font-size:16px;} #mulheres .gata{margin:0px 20px 25px 20px;} #dacamisa .camisa figure figcaption p{font-size:24px;} footer ul{font-size:12px;} #xanunciox h1{padding:8px 5px 8px 5px; font-size:36px;} } @media(max-width:550px){ #mulheres .gata .gs{letter-spacing:3px; font-size:30px; line-height:2;} #mulheres .gata figure figcaption p span{letter-spacing:3px; font-size:30px;} #mulheres .gata figure figcaption p .fa{font-size:37px; line-height:45px;} #mulheres .gata figure figcaption{height:45px; max-height:45px; line-height:45px; margin:-45px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:45px;} #mulheres .gata figure figcaption{padding:0px 7px 0px 10px;} #faixar h2{font-size:27px;} #faixar h1{font-size:27px;} #faixar h3{font-size:27px;} #faixar h4{font-size:27px;} #faixar h5{font-size:27px;} #faixar h6{font-size:27px;} #dacamisa .camisa figure figcaption p{font-size:23px;} #xanunciox .texto p{font-size:22px;} #xanunciox .tvideo{font-size:28px;} #diversas h1 , #diversas h2 , #diversas h3 , #diversas h4 , #diversas h5 , #diversas h6{font-size:24px;} #mulheres .gata figure .videoic{margin:1px 0px 0px 0px; max-width:44px!important;} } @media(max-width:535px){ #mulheres .gata .gs{letter-spacing:2px; font-size:28px; line-height:2;} #mulheres .gata figure figcaption p span{letter-spacing:2px; font-size:30px;} #mulheres .gata figure figcaption{height:40px; max-height:40px; line-height:40px; margin:-40px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:40px;} #mulheres .gata figure figcaption p .fa{font-size:35px; line-height:40px;} #dacamisa .camisa figure figcaption p{font-size:21px;} #copyr p{font-size:13px;} #mulheres .gata figure .videoic{margin:1px 0px 0px 0px; max-width:39px!important;} } @media(max-width:500px){ #hd .logotipo{width:60%; max-width:249px;} #menu-navbar li{font-size:16px;} #menu-navbar li a{padding:14px 14px;} #seo{padding:0px 20px; margin:27px auto;} #seo h1{font-size:18px;} #seo h2{font-size:17px;} #seo h3{font-size:16px;} #seo h4{font-size:15px;} #seo h5{font-size:14px;} #seo h6{font-size:13px;} #seo p{font-size:13px;} #mulheres .gata .gs{letter-spacing:1px; font-size:27px; line-height:2;} #mulheres .gata figure figcaption p span{font-size:30px;} #mulheres .gata figure figcaption p .fa{font-size:34px; line-height:35px;} #mulheres .gata figure figcaption{height:35px; max-height:35px; line-height:35px; margin:-35px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:35px;} #dacamisa .camisa figure figcaption p{letter-spacing:0px;} #dacamisa .camisa figure figcaption{margin:-40px 0px 0px 0px; height:40px; line-height:40px;} #botoes1 a{font-size:19px; margin:8px 8px;} #botoes1{padding:40px 10px 40px 10px;} #xanunciox .texto .dados1{font-size:22px;} #xanunciox .texto .just p{font-size:21px;} #xanunciox .tvideo{font-size:23px;} #mulheres .gata figure .videoic{margin:1px 0px 0px 0px; max-width:35px!important;} } @media(max-width:470px){ #menu-navbar li{font-size:15px;} #menu-navbar li a{padding:13px 12px;} #menu-navbar li .sub-menu li a{padding:13px 12px;} #mulheres .gata .gs{font-size:25px;} #mulheres .gata figure figcaption p span{font-size:26px; letter-spacing:1px;} #mulheres .gata figure figcaption p .fa{font-size:32px;} #dacamisa .camisa figure figcaption p{font-size:20px;} #moteis a{width:30%;} } @media(max-width:450px){ #mulheres .gata .gs{font-size:24px;} #mulheres .gata figure figcaption p span{font-size:26px;} #mulheres .gata figure figcaption p .fa{font-size:31px;} #mulheres .gata figure figcaption{padding:0px 7px 0px 8px;} #faixar h2{font-size:22px;} #faixar h1{font-size:22px;} #faixar h3{font-size:22px;} #faixar h4{font-size:22px;} #faixar h5{font-size:22px;} #faixar h6{font-size:22px;} #dacamisa .camisa figure figcaption p{font-size:19px;} #botoes1 a{font-size:18px; margin:5px 5px;} #tfh h2, #tfh h3, #tfh h4, #tfh h5, #tfh h6{font-size:21px;} #tfh p{font-size:15px;} #xanunciox h1{padding:10px 5px 10px 5px; font-size:32px;} #xanunciox .texto .dados1{font-size:19px;} #xanunciox .texto p{font-size:19px;} #xanunciox .texto .just p{font-size:19px;} } @media(max-width:420px){ #mulheres .gata .gs{text-shadow:none;} #mulheres .gata .gs{font-size:23px;} #mulheres .gata figure figcaption p span{font-size:26px;} #mulheres .gata figure figcaption p .fa{font-size:30px; padding-top: 1px; text-shadow:none;} #mulheres .gata figure figcaption{height:32px; max-height:32px; line-height:32px; margin:-32px 0px 0px 0px;} #mulheres .gata figure figcaption p{height:32px;} #dacamisa .camisa figure figcaption p{font-size:18px;} #copyr p{font-size:12px;} #mulheres .gata figure .videoic{margin:1px 0px 0px 0px; max-width:32px!important;} } @media(max-width:410px){ #menu-navbar li{font-size:14px;} #menu-navbar li a{padding:13px 10px;} #mulheres .gata .gs{font-size:21px;} #mulheres .gata figure figcaption p span{font-size:26px;} #mulheres .gata figure figcaption p .fa{font-size:27px; padding-top: 1px;} #moteis a{width:35%;} #xanunciox .texto .dados1{font-size:18px;} #xanunciox .tvideo{font-size:21px;} } @media(max-width:399px){ .main-nav{margin:15px 0px 0px 0px;} #menu-navbar li a{padding:13px 6px;} #mulheres .gata figure figcaption{margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;} #mulheres .gata .gs{font-size:20px;} #mulheres .gata figure figcaption p span{font-size:25px;} #mulheres .gata figure figcaption p .fa{font-size:26px; padding-top:0px; padding-right:1px;} #dacamisa .camisa figure figcaption p{font-size:16px;} #copyr p{font-weight:300;} } @media(max-width:361px){ #xanunciox .texto .dados1{font-size:17px;} #xanunciox .texto .just p{font-size:18px;} #xanunciox .tvideo{font-size:20px;} } @media(max-width:359px){ .main-nav{padding:0px 15px 0px 15px;} #menu-navbar{display:block; width:100%;} #menu-navbar li{font-size:17px;} #menu-navbar li .sub-menu li{font-size:16px;} #menu-navbar li{border-right:none!important; border-left:none!important; display:table; width:100%; border-top:solid 1px #000!important; border-bottom:solid 1px #000!important;} #menu-navbar li:first-child{border-top:none!important;} #menu-navbar li:last-child{border-bottom:none!important;} #menu-navbar li .sub-menu li{display:table; width:100%; width:100vw; max-width:100%!important;} #mulheres .gata figure figcaption{margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;} #mulheres .gata .gs{font-size:19px; letter-spacing:0px;} #mulheres .gata figure figcaption p span{font-size:22px; letter-spacing:0px;} #mulheres .gata figure figcaption p .fa{font-size:26px; padding-top:0px;} #faixar h2{font-size:20px;} #faixar h1{font-size:20px;} #faixar h3{font-size:20px;} #faixar h4{font-size:20px;} #faixar h5{font-size:20px;} #faixar h6{font-size:20px;} #faixar p{font-size:13px;} /* 1 menina com a camisa por linha #dacamisa .camisa{width:calc((100% / 1) - 12px);} #dacamisa .camisa figure figcaption p{font-size:26px; letter-spacing:1px;} #dacamisa .camisa figure figcaption{margin:-50px 0px 0px 0px; height:50px; line-height:50px;} #dacamisa{padding:12px 12px 0px 12px;} */ #dacamisa .camisa figure figcaption p{font-size:26px;} #dacamisa .camisa figure figcaption{margin:-30px 0px 0px 0px; height:30px; line-height:30px;} #dacamisa .camisa figure figcaption p{font-size:14px;} #botoes1 a{font-size:15px; padding:7px 8px; margin:4px 3px;} #tfh h2, #tfh h3, #tfh h4, #tfh h5, #tfh h6{font-size:18px;} #tfh p{font-size:14px;} #copyr p{font-size:11px;} #xanunciox h1{font-size:28px;} #xanunciox .texto .just p{font-size:17px;} #xanunciox .texto p{font-size:17px;} #xanunciox .texto .lpec{font-size:18px;} #xanunciox .texto .fqv{font-size:18px;} #xanunciox .fone{font-size:35px;} #xanunciox .tvideo{font-size:19px;} #diversas p{font-size:16px;} } @media(max-width:321px){ #xanunciox .texto .dados1{font-size:20px;} #xanunciox .texto .just p{font-size:16px;} #xanunciox .fone{font-size:33px;} #xanunciox .texto .lpec{font-size:17px;} #xanunciox .texto .fqv{font-size:16px;} #xanunciox .tvideo{font-size:18px;} } /* ========================================================== */ /* DESIGN VERTICAL: ATENDIMENTO, LOCAL E PAGAMENTO */ /* ========================================================== */ #xanunciox .texto .perfil-specs-vertical { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 500px !important; margin: 30px auto !important; background: #151515 !important; border-radius: 8px !important; border: 1px solid #222 !important; box-sizing: border-box !important; } /* Cada linha dentro da caixa */ #xanunciox .texto .perfil-specs-vertical .spec-row { padding: 18px 15px !important; text-align: center !important; border-bottom: 1px solid #333 !important; width: 100% !important; box-sizing: border-box !important; } /* Remove a linha debaixo do último item */ #xanunciox .texto .perfil-specs-vertical .spec-row:last-child { border-bottom: none !important; } /* Títulos (ATENDIMENTO, LOCAL...) */ #xanunciox .texto .perfil-specs-vertical .spec-label-vert { display: block !important; color: #999999 !important; font-weight: 400 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin-bottom: 8px !important; } /* ========================================================== */ /* PADRÃO GERAL: ATENDIMENTO, CACHÊ E PAGAMENTO (INTACTOS) */ /* ========================================================== */ #xanunciox .texto .perfil-specs-vertical .spec-value-vert { display: block !important; color: #ffffff !important; font-weight: 700 !important; font-size: 19px !important; /* 🔥 Fonte grande e fixa para os demais */ line-height: 1.3 !important; white-space: normal !important; /* Libera quebra de linha se precisar */ width: 100% !important; } /* Estilo da barra vertical - PADRÃO */ #xanunciox .texto .perfil-specs-vertical .spec-divider-vert { color: #999999 !important; font-weight: 300 !important; opacity: 0.6 !important; padding: 0 8px !important; font-size: inherit !important; } /* ========================================================== */ /* EXCLUSIVO PARA "LOCAL" (2ª LINHA) - INTELIGÊNCIA DE ESPAÇO */ /* ========================================================== */ #xanunciox .texto .perfil-specs-vertical .spec-row:nth-child(2) .spec-value-vert { white-space: nowrap !important; font-size: 19px !important; /* 🔥 Começa SEMPRE grande (19px) */ padding: 0 4px !important; /* Mantém as bordas de segurança de 4px */ letter-spacing: -0.2px !important; box-sizing: border-box !important; overflow: hidden !important; } /* CLASSE DE EMERGÊNCIA: Só é ativada se o texto ultrapassar a largura */ #xanunciox .texto .perfil-specs-vertical .spec-row:nth-child(2).ajustar-linha .spec-value-vert { /* 🔥 AUMENTADO: O mínimo subiu para 12px, o ideal para 4.2vw e o máximo para 17px */ font-size: clamp(12px, 4.2vw, 17px) !important; } #xanunciox .texto .perfil-specs-vertical .spec-row:nth-child(2).ajustar-linha .spec-divider-vert { /* Aumentei um milímetro o espaço da barrinha também para respirar melhor */ padding: 0 clamp(3px, 1.2vw, 5px) !important; } /* ========================================================== */ /* Ajuste fino para celulares pequenos */ /* ========================================================== */ @media (max-width: 420px) { #xanunciox .texto .perfil-specs-vertical .spec-label-vert { font-size: 10px !important; } #xanunciox .texto .perfil-specs-vertical .spec-row { padding: 15px 10px !important; } } /* ========================================================== */ /* NOVO DESIGN: GRID DE ESPECIFICAÇÕES (ESTILO APP) */ /* ========================================================== */ #xanunciox .texto .perfil-specs-grid { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; max-width: 500px !important; /* 👈 Ajuste para a largura da sua imagem */ margin: 20px auto 30px auto !important; background: #151515 !important; /* Fundo sutil para destacar a caixa */ border-radius: 8px !important; /* Bordas arredondadas */ padding: 15px 10px !important; box-sizing: border-box !important; border: 1px solid #222 !important; } /* Cada "coluna" de informação */ #xanunciox .texto .perfil-specs-grid .spec-box { display: flex !important; flex-direction: column !important; text-align: center !important; flex: 1 !important; border-right: 1px solid #333 !important; /* Linha vertical divisória */ } /* Remove a linha divisória do último item (Peso) */ #xanunciox .texto .perfil-specs-grid .spec-box:last-child { border-right: none !important; } /* Títulos (TIPO, IDADE, etc) - Pequenos e discretos */ #xanunciox .texto .perfil-specs-grid .spec-label-grid { color: #999999 !important; font-weight: 400 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 6px !important; line-height: 1 !important; } /* Dados (Morena, 25 anos) - Grandes e em destaque */ #xanunciox .texto .perfil-specs-grid .spec-value-grid { color: #ffffff !important; font-weight: 800 !important; font-size: 17px !important; line-height: 1 !important; text-transform: capitalize !important; } /* ========================================================== */ /* RESPONSIVO: Ajuste automático para celulares pequenos */ /* ========================================================== */ @media (max-width: 420px) { #xanunciox .texto .perfil-specs-grid .spec-label-grid { font-size: 9px !important; /* Reduz o título no celular */ letter-spacing: 0.5px !important; } #xanunciox .texto .perfil-specs-grid .spec-value-grid { font-size: 14px !important; /* Reduz o dado para não encavalar */ } #xanunciox .texto .perfil-specs-grid { padding: 12px 5px !important; } } /* ========================================================== */ /* CORREÇÃO DOS ALINHAMENTOS DE TEXTO */ /* ========================================================== */ /* 1. Descrição Geral (Mantém Justificado) */ #xanunciox .texto .just { width: 100% !important; max-width: 860px !important; margin: 0 auto !important; text-align: justify !important; display: block !important; } #xanunciox .texto .just p { text-align: justify !important; margin: 0px 0px 18px 0px !important; font-size: 24px !important; } /* 2. Bloco de Texto Dois Antigo (Centralizado) */ #xanunciox .texto .bloco-transicao-cent { width: 100% !important; max-width: 860px !important; margin: 0 auto 25px auto !important; text-align: center !important; display: block !important; } #xanunciox .texto .bloco-transicao-cent p { text-align: center !important; margin: 0px 0px 18px 0px !important; font-size: 24px !important; display: block !important; } #xanunciox .texto .bloco-transicao-cent img { margin: 10px auto !important; display: block !important; } /* Ajuste para permitir que o texto de valor respire melhor */ #xanunciox .texto .perfil-specs-grid .spec-value-grid { padding: 0 4px !important; word-break: break-word !important; /* Permite quebra se o nome for longo */ } /* No celular, reduzimos um pouco mais a fonte do segundo grid para caber tudo */ @media (max-width: 420px) { #xanunciox .texto .perfil-specs-grid .spec-value-grid { font-size: 13px !important; /* Ajuste fino para nomes como "Local Próprio" */ } #xanunciox .texto .perfil-specs-grid .spec-label-grid { font-size: 9px !important; } } /* ========================================================== */ /* ÍCONES COM GRADIENTE (MÁSCARA CSS) E GRID DE REDES */ /* ========================================================== */ /* Remove sublinhados dos links e ajusta o cursor */ #xanunciox .texto .perfil-redes-sociais .rede-item { display: flex !important; /* Garante que o link ocupe todo o espaço do box */ flex-direction: column !important; align-items: center !important; text-decoration: none !important; cursor: pointer !important; } #xanunciox .texto .perfil-redes-sociais .inativa { cursor: default !important; /* Cursor normal quando apagado */ } /* Estrutura base do ícone usando máscara (O PNG preto vira um molde vazado) */ #xanunciox .texto .perfil-redes-sociais .icone-rede { width: 34px !important; height: 34px !important; margin: 0 auto 8px auto !important; -webkit-mask-size: contain !important; -webkit-mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-size: contain !important; mask-position: center !important; mask-repeat: no-repeat !important; display: block !important; } /* 🔗 Associa cada bloco ao seu respectivo molde PNG */ .icone-privacy { -webkit-mask-image: url('/wp-content/uploads/icon_privacy-oldb.png'); mask-image: url('/wp-content/uploads/icon_privacy-oldb.png'); } .icone-whatsapp { -webkit-mask-image: url('/wp-content/uploads/icon_whatsapp.png'); mask-image: url('/wp-content/uploads/icon_whatsapp.png'); } .icone-instagram { -webkit-mask-image: url('/wp-content/uploads/icon_instagram.png'); mask-image: url('/wp-content/uploads/icon_instagram.png'); } /* 🎨 CORES: ESTADO ATIVO (O degradê preenche o molde) */ .ativa .icone-privacy { background: linear-gradient(135deg, #FF8A65 0%, #F94101 100%) !important; } .ativa .icone-whatsapp { background: linear-gradient(135deg, #63bf7d 0%, #06ad07 100%) !important; } .ativa .icone-instagram { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; } /* 🌑 CORES: ESTADO INATIVO (Cinza apagado preenche o molde) */ .inativa .icone-rede { background: #333333 !important; } /* 📝 ESTILO DO NOME ABAIXO DO ÍCONE */ #xanunciox .texto .perfil-redes-sociais .nome-rede { font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 1px !important; line-height: 1 !important; } /* Cor do texto: Branco ativado / Cinza desativado */ .ativa .nome-rede { color: #ffffff !important; } .inativa .nome-rede { color: #888888 !important; } @media(max-width:319px){ /* se for só 1 menina com a camisa por linha, não vai precisar dessa parte */ #dacamisa .camisa figure figcaption p{font-size:13px;} } @font-face{ font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v10-latin-300.eot'); src: local('Muli Light'), local('Muli-Light'), url('fonts/muli-v10-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v10-latin-300.woff2') format('woff2'), url('fonts/muli-v10-latin-300.woff') format('woff'), url('fonts/muli-v10-latin-300.ttf') format('truetype'), url('fonts/muli-v10-latin-300.svg#Muli') format('svg'); font-display:swap;} @font-face{ font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v10-latin-regular.eot'); src: local('Muli Regular'), local('Muli-Regular'), url('fonts/muli-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v10-latin-regular.woff2') format('woff2'), url('fonts/muli-v10-latin-regular.woff') format('woff'), url('fonts/muli-v10-latin-regular.ttf') format('truetype'), url('fonts/muli-v10-latin-regular.svg#Muli') format('svg'); font-display:swap;} @font-face{font-family: 'Muli'; font-style: normal; font-weight: 900; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v16-latin-900.eot'); src: local('Muli Black'), local('Muli-Black'), url('fonts/muli-v16-latin-900.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v16-latin-900.woff2') format('woff2'), url('fonts/muli-v16-latin-900.woff') format('woff'), url('fonts/muli-v16-latin-900.ttf') format('truetype'), url('fonts/muli-v16-latin-900.svg#Muli') format('svg'); font-display:swap;} /* outros */ .verde{color:#060!important;} .vermelho{color:#C00!important;} .amarelo{color:#ffff00!important;} .tac{text-align:center!important;} .bordernone{border:none!important;} .fs25{font-size:25px!important;} .fwb{font-weight:bold;!important;} .linkw{color:#fff!important;} .linkw:hover{color:#fff!important;} /* para os slides de fotos */ .blueimp-gallery > .close, .blueimp-gallery > .title{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .next{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .prev{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .play-pause{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery-controls > .indicator{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .indicator{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .indicator > li{display: inline-block!important;} .blueimp-gallery > .prev, .blueimp-gallery > .next{color:#FFF!important;} .blueimp-gallery > .close {color: #FFF!important;} /* Tag sem anúncios: aparece, mas "indisponível" (igual ao gsexy) */ #botoes1 a.gs-indisponivel{background-image:linear-gradient(#2a2a2a, #2a2a2a); color:#777; cursor:default;} #botoes1 a.gs-indisponivel:hover{background-image:linear-gradient(#2a2a2a, #2a2a2a);} li.gs-indisponivel > a{color:#777 !important; cursor:default;} /* ========================================================== */ /* ATENDE EM DUPLA — bloco pink logo antes das redes sociais */ /* ========================================================== */ /* Segue o mesmo esqueleto visual das outras caixas do bloco (mesma largura, mesmo card cinza escuro, mesma borda) — só troca a cor do texto pra rosa da marca pra chamar atenção, sem quebrar o ritmo visual da página. */ #xanunciox .texto .atende-dupla-box { display: block !important; width: 100% !important; max-width: 500px !important; margin: 20px auto !important; padding: 18px 20px !important; background: #151515 !important; border-radius: 8px !important; border: 1px solid #222 !important; box-sizing: border-box !important; text-align: center !important; color: #ff8fb8 !important; font-weight: 900 !important; /* clamp = fluído entre 14px (mobile) e 18px (desktop) */ font-size: clamp(14px, 3.6vw, 18px) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: 1.35 !important; } /* Link com o nome da parceira herda a cor rosa, sem sublinhado por padrão. No hover, um pontilhado sutil pra deixar claro que é clicável. */ #xanunciox .texto .atende-dupla-box a { color: #ff8fb8 !important; text-decoration: none !important; border-bottom: 1px dashed rgba(255, 143, 184, 0.45) !important; padding-bottom: 1px !important; transition: color .15s ease, border-color .15s ease !important; } #xanunciox .texto .atende-dupla-box a:hover { color: #ffb3cf !important; border-bottom-color: #ffb3cf !important; text-decoration: none !important; } @media (max-width: 420px) { #xanunciox .texto .atende-dupla-box { padding: 15px 12px !important; letter-spacing: 0.3px !important; } } @media(max-width:319px){ /* se for só 1 menina com a camisa por linha, não vai precisar dessa parte */ #dacamisa .camisa figure figcaption p{font-size:13px;} } @font-face{ font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v10-latin-300.eot'); src: local('Muli Light'), local('Muli-Light'), url('fonts/muli-v10-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v10-latin-300.woff2') format('woff2'), url('fonts/muli-v10-latin-300.woff') format('woff'), url('fonts/muli-v10-latin-300.ttf') format('truetype'), url('fonts/muli-v10-latin-300.svg#Muli') format('svg'); font-display:swap;} @font-face{ font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v10-latin-regular.eot'); src: local('Muli Regular'), local('Muli-Regular'), url('fonts/muli-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v10-latin-regular.woff2') format('woff2'), url('fonts/muli-v10-latin-regular.woff') format('woff'), url('fonts/muli-v10-latin-regular.ttf') format('truetype'), url('fonts/muli-v10-latin-regular.svg#Muli') format('svg'); font-display:swap;} @font-face{font-family: 'Muli'; font-style: normal; font-weight: 900; src: local('Muli-Regular'), local('Pacifico-Regular'), url('fonts/muli-v16-latin-900.eot'); src: local('Muli Black'), local('Muli-Black'), url('fonts/muli-v16-latin-900.eot?#iefix') format('embedded-opentype'), url('fonts/muli-v16-latin-900.woff2') format('woff2'), url('fonts/muli-v16-latin-900.woff') format('woff'), url('fonts/muli-v16-latin-900.ttf') format('truetype'), url('fonts/muli-v16-latin-900.svg#Muli') format('svg'); font-display:swap;} /* outros */ .verde{color:#060!important;} .vermelho{color:#C00!important;} .amarelo{color:#ffff00!important;} .tac{text-align:center!important;} .bordernone{border:none!important;} .fs25{font-size:25px!important;} .fwb{font-weight:bold;!important;} .linkw{color:#fff!important;} .linkw:hover{color:#fff!important;} /* para os slides de fotos */ .blueimp-gallery > .close, .blueimp-gallery > .title{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .next{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .prev{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .play-pause{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery-controls > .indicator{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .indicator{display: block!important;} .blueimp-gallery > .close, .blueimp-gallery > .indicator > li{display: inline-block!important;} .blueimp-gallery > .prev, .blueimp-gallery > .next{color:#FFF!important;} .blueimp-gallery > .close {color: #FFF!important;} /* ========================================================== */ /* MENU DO TOPO NO CELULAR E TABLET (29/09/2026) */ /* Antes: 3 itens numa linha e o 4º sozinho embaixo. */ /* Tablet (601–1100px): todos numa linha só, largura dividida */ /* Celular (até 600px): grade de 2 colunas, blocos iguais */ /* (item ímpar no final ocupa a linha inteira). */ /* (substitui a lista vertical antiga dos celulares pequenos) */ /* ========================================================== */ @media (min-width:601px) and (max-width:1100px){ #menu-navbar{display:flex; flex-wrap:nowrap; width:100%;} #menu-navbar > li{display:block; flex:1 1 auto;} #menu-navbar > li > a{display:block; padding:16px 8px; text-align:center;} } @media (max-width:600px){ .main-nav{padding:0 !important;} #menu-navbar{display:grid; grid-template-columns:1fr 1fr; width:100%;} #menu-navbar > li{display:block; width:auto; font-size:16px; letter-spacing:0.5px; border:solid 1px #000!important;} #menu-navbar > li:last-child:nth-child(odd){grid-column:1 / -1;} #menu-navbar > li > a{display:block; padding:15px 6px; text-align:center;} #menu-navbar li .sub-menu{min-width:100%;} #menu-navbar li .sub-menu li a{padding:13px 12px;} } /* ===================================================================== MULTI-CIDADE (29/09/2026) - Nome da cidade discreto abaixo do nome da anunciante, dentro da foto (páginas globais: Travestis de Programa, Trans de Luxo e 404) - Aviso "em breve" das páginas de cidade sem anúncios ===================================================================== */ #dacamisa .camisa.gst-com-cidade figure figcaption{height:58px; line-height:normal; margin:-58px 0px 0px 0px; display:flex; flex-direction:column; justify-content:center; align-items:center;} #dacamisa .camisa.gst-com-cidade figure figcaption p{line-height:1.1; max-width:100%;} .gst-cidade-selo{display:block; max-width:100%; margin:3px 0 0 0; font-family:'Muli', sans-serif; font-weight:400; font-size:11px; line-height:1.2; letter-spacing:2px; text-transform:uppercase; color:#FFF; opacity:.85; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .gst-cidade-embreve{max-width:900px; margin:20px auto 30px auto; padding:18px 20px; border:1px solid rgba(255,255,255,.25); border-radius:8px; color:#FFF; text-align:center; font-size:18px; line-height:1.5;} .gst-cidade-embreve p{margin:0 0 6px 0;} .gst-aviso-legal{max-width:1100px; margin:10px auto 40px auto; padding:0 50px; color:#FFF; text-align:left;} .gst-aviso-legal h2{font-size:28px; font-weight:bold; margin:35px 0 10px 0; padding:0; text-transform:uppercase;} .gst-aviso-legal p{font-size:20px; line-height:1.6; margin:0 0 16px 0;} #mulheres .gst-cidade-embreve a, .gst-cidade-embreve a{color:#ff8fb8 !important; text-decoration:underline !important;} @media (max-width:550px){ .gst-cidade-embreve{margin:15px; font-size:16px;} .gst-aviso-legal{padding:0 15px;} .gst-aviso-legal h2{font-size:22px;} .gst-aviso-legal p{font-size:18px;} #dacamisa .camisa.gst-com-cidade figure figcaption{height:52px; margin-top:-52px;} .gst-cidade-selo{font-size:10px; letter-spacing:1px;} } /* Botões fora do bloco das fotos (tags, anúncio, 404, página global): mesma cor de texto da home — antes ficavam com o azul/roxo padrão de link */ #botoes1 a, #botoes1 a:hover, #botoes1 a:visited{color:#FFF;} #botoes1 a.byellow, #botoes1 a.byellow:visited{color:#FFD400;} #botoes1 a.byellow:hover{color:#FFE44D;} #botoes1 a.gs-indisponivel, #botoes1 a.gs-indisponivel:hover{color:#777;} /* Rodapé: área de toque mínima de 24px nos links Termos / Política (acessibilidade) */ footer a[href*="termos-de-uso"], footer a[href*="politica-de-privacidade"]{display:inline-block; padding:6px 8px; min-height:24px; box-sizing:border-box;}