/*
Theme Name: Tema A70
Theme URI: anetecnologia.com.br
Author: Ane Tecnologia
Author URI: anetecnologia.com.br
Description: Tema responsivo A70
Version: 1.1.0
License: Código registrado e protegido. Produto Ane Tecnologia. 
*/ ﻿
html,body{margin:0;padding:0;border:0}body{font-family:'Open Sans',sans-serif;background-color:#FFF;color:#333;font-size:14px;line-height:24px}body,html{height:100%!important}iframe{border:0}img{max-width:100%;height:auto}a,a:hover{color:#333;text-decoration:underline}iframe{max-width:100%!important}hr{border:1px dotted #373737;border-style:none none dotted;color:#fff;margin:10px 0}a,a:hover{text-decoration:none;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}strong{font-weight:bold}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}h1,h2,h3,h4,h5,h6{font-weight:normal;min-height:20px;line-height:26px}h1,h2,h3,h4,h5,h6{margin:0 0 15px}h1{font-size:18px;line-height:24px;margin:0 0 20px}h2{margin:0 0 20px 0}.tab-content{padding:25px 0}.carregando{background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;text-align:center;z-index:10000}.carregando img{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-80px}.aneTemaS12f2457_5f3899{clear:both}.text-form{color:#6c757d;font-size:12px;display:block}.text-muted{color:gray;font-size:12px;line-height:22px;margin:0;padding:0;display:block}.aneTemaS12f2457_D43cdf{font-weight:bold}.alignnone{margin:0 6px 6px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.aneTemaS12f2457_Cfabe5{text-align:center}.aneTemaS12f2457_0a1ffc{max-width:1170px;padding:0 6px;margin:0 auto;width:100%}@media (max-width:972px){.aneTemaS12f2457_0a1ffc{width:100%}}.row{margin-right:-6px;margin-left:-6px}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-6{width:50%}.col-md-3,.col-md-4,.col-md-6{padding-right:6px;padding-left:6px;float:left}@media (max-width:768px){.col-md-3,.col-md-4,.col-md-6{width:100%;margin-bottom:8px}}.aneTemaS12f2457_Cfabe5{text-align:center}.aneTemaS12f2457_5461ff{font-size:20px;line-height:30px;margin:0 0 20px;padding:0 0 4px;font-weight:600;border-bottom:1px #E8E8E8 solid}.aneTemaS12f2457_Bee7c0{margin-bottom:25px}.aneTemaS12f2457_74d814{margin:0 0 15px;padding:0;text-align:center;list-style:none}.aneTemaS12f2457_74d814 li{display:inline-block;margin:0 2px 2px 0}.aneTemaS12f2457_74d814 li a,.aneTemaS12f2457_74d814 li em{background-color:#f1f1f1;color:#555;display:block;font-size:12px;font-weight:400;text-align:center;height:34px;padding:0 15px;line-height:34px}.aneTemaS12f2457_74d814 li.active a,.aneTemaS12f2457_74d814 li a:hover{background-color:#333;border-color:#333;color:#FFF;text-decoration:none}.aneTemaS12f2457_07d65e{background-color:#353535}.aneTemaS12f2457_47d5df{display:none}.aneTemaS12f2457_20b0b3{margin:0;padding:0;list-style:none;text-align:left}.aneTemaS12f2457_20b0b3>li{float:left;position:relative}.aneTemaS12f2457_20b0b3>li>a{color:#FFF;display:block;padding:0 16px;text-transform:uppercase;font-size:12px;font-weight:600;line-height:42px}.aneTemaS12f2457_20b0b3>li:first-child a{padding-left:0}.aneTemaS12f2457_20b0b3>li.menu-item-has-children>a:after{color:#C7C7C7;content:' ▾'}.aneTemaS12f2457_20b0b3>li>a:hover{opacity:.8}.sub-menu{display:none}.sub-menu{background-color:#cd031b;position:absolute;left:0;top:100%;width:192px;z-index:100;margin:0;padding:4px 8px;list-style:none;display:none}.sub-menu li{width:100%;border-right:0;border-bottom:1px #d45555 solid}.sub-menu li:last-child{border-bottom:0}.sub-menu a{color:#FFF;line-height:38px;font-size:14px}@media (min-width:992px){.aneTemaS12f2457_20b0b3>li.menu-item-has-children:hover .sub-menu{display:block}}@media (max-width:992px){.aneTemaS12f2457_07d65e{display:none;position:fixed;top:0;left:0;bottom:0;width:250px;z-index:1000;border-right:2px #000 solid;padding:8px;overflow-y:auto}.aneTemaS12f2457_47d5df{display:block;float:right;width:30px;height:30px;background-color:#FFF;border:0;font-weight:600}.aneTemaS12f2457_20b0b3>li{width:100%}.aneTemaS12f2457_20b0b3>li>a{padding:0}.sub-menu{position:relative;width:100%}}.aneTemaS12f2457_01de38{background-repeat:no-repeat;background-position:center;background-image:url(img/topoFundo.jpg);border-bottom:5px #cd031b solid;padding:22px 0}.aneTemaS12f2457_5ecc58{text-align:center;float:left}.aneTemaS12f2457_5ecc58 button{display:none}.aneTemaS12f2457_F8bfd9{font-size:26px;line-height:38px;font-weight:800;display:inline-block}@media (max-width:992px){.aneTemaS12f2457_01de38{padding:8px 0}.aneTemaS12f2457_5ecc58{text-align:center;width:100%;padding:0 40px;position:relative}.aneTemaS12f2457_F8bfd9{font-size:22px}.aneTemaS12f2457_5ecc58 button{display:block}.aneTemaS12f2457_27297f,.aneTemaS12f2457_E75ac7{background-repeat:no-repeat;background-position:center;position:absolute;top:4px;width:32px;height:32px;border:0;cursor:pointer;background-color:#656565;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aneTemaS12f2457_27297f{background-image:url(img/nav.png);left:0}.aneTemaS12f2457_E75ac7{background-image:url(img/buscar.png);right:0}}.aneTemaS12f2457_73d9d7{background-color:#FFF;border:3px #f1f1f1 solid;position:relative;width:100%;max-width:450px;padding-right:34px;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;float:right}.aneTemaS12f2457_73d9d7 input{background:transparent;border:0;color:#333;font-size:11px;line-height:21px;height:34px;width:100%;padding:0 10px;text-transform:uppercase}.aneTemaS12f2457_73d9d7 input::-webkit-input-placeholder,.aneTemaS12f2457_73d9d7 input:-ms-input-placeholder,.aneTemaS12f2457_73d9d7 input::placeholder{color:#FFF}.aneTemaS12f2457_73d9d7 button{background-color:#9e9e9e;background-image:url(img/buscar.png);background-repeat:no-repeat;background-position:center;position:absolute;top:0;right:0;width:40px;height:34px;border:0;cursor:pointer}.aneTemaS12f2457_73d9d7 button:hover{opacity:.8}@media (max-width:992px){.aneTemaS12f2457_73d9d7{display:none;max-width:100%;margin-top:15px}}.aneTemaS12f2457_9cb3aa{background-image:url(img/meioFundo.jpg);background-repeat:repeat-x;padding:30px 0 20px}.aneTemaS12f2457_5de7e1{float:right;width:calc(100% - 315px)}@media (max-width:992px){.aneTemaS12f2457_5de7e1{width:100%}}.aneTemaS12f2457_2cfc82{margin:0 -6px 15px;overflow:hidden}.aneTemaS12f2457_F88531{float:left;padding:0 6px;margin-bottom:12px;width:33.33333%}.aneTemaS12f2457_5e30f4{background-color:#FFF;display:block}.aneTemaS12f2457_F88531 a,.aneTemaS12f2457_F88531 a:hover{text-decoration:none}.aneTemaS12f2457_A46fe3{background-color:#000;border:1px #dadada solid;display:block;position:relative;padding-top:86%;margin-bottom:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.aneTemaS12f2457_2a97b8{padding-top:120%}.aneTemaS12f2457_A46fe3 img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}.aneTemaS12f2457_3fb6bc{display:block;font-size:16px;text-shadow:1px 1px #FFF;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.aneTemaS12f2457_C0b380{background-color:rgba(0,0,0,.6);color:#FFF;padding:0 8px;position:absolute;bottom:4px;left:4px;font-weight:600;font-size:24px;line-height:33px;display:inline-block;z-index:2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.aneTemaS12f2457_C0b380 sup{font-size:14px;line-height:18px;font-weight:normal}.aneTemaS12f2457_46e860{position:absolute;z-index:2;top:4px;right:4px}.aneTemaS12f2457_338e4b,.aneTemaS12f2457_351c9c,.aneTemaS12f2457_D9c385,.aneTemaS12f2457_224d21{display:inline-block;margin:0 0 4px 4px;background-color:rgba(0,0,0,.8);color:#FFF;padding:0 6px;font-size:12px;line-height:25px;font-weight:400;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.aneTemaS12f2457_351c9c{background-color:#FF8C00;text-shadow:1px 1px #a55b01}.aneTemaS12f2457_D9c385{background-color:#8B2323;text-shadow:1px 1px #000}.aneTemaS12f2457_224d21{background-color:#CD0000}.aneTemaS12f2457_338e4b{background-color:#006400;text-shadow:1px 1px #0b580b}.aneTemaS12f2457_F88531:hover img{opacity:.9}@media (max-width:768px){.aneTemaS12f2457_F88531{width:50%}}@media (max-width:420px){.aneTemaS12f2457_F88531{width:100%}}.aneTemaS12f2457_A5295e{background-color:#fff;border-top:4px #cd031b solid;padding:24px 0}.aneTemaS12f2457_Ddbe41{margin-bottom:15px}.aneTemaS12f2457_4e6036{background-color:#cd031b;color:#FFF;display:inline-block;font-size:14px;margin:0 0 20px;padding:5px 14px;line-height:20px}.aneTemaS12f2457_Ddbe41 ul{margin:0;padding:0;list-style:none}.aneTemaS12f2457_Ddbe41 li{border-bottom:1px #EAEAEA solid;padding-bottom:6px;margin-bottom:6px}.aneTemaS12f2457_Ddbe41 li:last-child{border-bottom:0}@media (max-width:992px){.aneTemaS12f2457_Ddbe41 .col-md-4{margin-bottom:15px}}.aneTemaS12f2457_80f212{text-align:center;font-size:12px;margin-top:25px}.aneTemaS12f2457_143f31{margin:0;padding:0;list-style:none;text-align:center}.aneTemaS12f2457_143f31 li{display:inline-block;margin:0 6px 4px}.aneTemaS12f2457_B3b629{position:fixed;width:52px;height:52px;bottom:40px;right:40px;background-color:#25d366;background-image:url(img/whatsappBranco.png);background-repeat:no-repeat;background-position:center;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.aneTemaS12f2457_1a9462{float:left;width:480px;padding:4px;background-color:#FFF;border:1px #e8e8e8 solid;margin-bottom:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.aneTemaS12f2457_Fcbfb6{position:relative}.aneTemaS12f2457_D2aaa6{float:right;width:calc(100% - 490px);background-color:#FFF;padding:10px 12px;border:1px #e8e8e8 solid;margin-bottom:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.aneTemaS12f2457_Eb7894{font-size:20px;line-height:28px;display:block;padding-bottom:4px;margin-bottom:14px;border-bottom:1px #f1f1f1 solid;font-weight:600;text-align:center}.aneTemaS12f2457_Eb7894 span{display:inline-block}.aneTemaS12f2457_A9718e{margin:0 0 15px;font-weight:600}.aneTemaS12f2457_B1a9be{margin-bottom:10px}.aneTemaS12f2457_67ebce{margin-bottom:10px}.aneTemaS12f2457_67ebce ul{margin:4px 0 0;padding:0;list-style:none}.aneTemaS12f2457_67ebce li{background-color:#F8F8F8;margin-bottom:4px;padding:4px 12px;border:1px #dadada solid;color:#cd031b}.aneTemaS12f2457_67ebce li:last-child{margin-bottom:0}.aneTemaS12f2457_3def1d{margin-bottom:10px}.aneTemaS12f2457_1887da{margin-bottom:6px;overflow:hidden}.aneTemaS12f2457_1887da a,.aneTemaS12f2457_1887da span{background-color:#e4e4e4;float:left;margin-right:4px;padding:0 8px;line-height:28px;margin-bottom:4px}.aneTemaS12f2457_1887da span{background-color:#404040;color:#FFF}.aneTemaS12f2457_1887da a:hover{opacity:.9;text-decoration:none}.aneTemaS12f2457_68eee6{margin:0 -2px 15px;padding:0;list-style:none;overflow:hidden}.aneTemaS12f2457_68eee6 li{float:left;padding:0 2px;margin-bottom:4px;width:6.25%}.aneTemaS12f2457_68eee6 a{display:block;width:100%;height:50px;line-height:46px;font-size:15px;font-weight:600;text-align:center;border:2px #dcdcdc solid;color:#6f6f6f}.aneTemaS12f2457_68eee6 a,.aneTemaS12f2457_68eee6 a:hover{text-decoration:none}.aneTemaS12f2457_Fee31e{margin:0 0 15px;padding:0;list-style:none;text-align:right}.aneTemaS12f2457_Fee31e li{display:inline-block;margin:0 0 4px 2px;font-weight:600;padding:0 8px;border:2px #CCC solid;color:#555;line-height:30px;font-size:12px}.aneTemaS12f2457_Fee31e li.aneTemaS12f2457_F11f90{background-color:#f5f9ff;border-color:#B0C4DE}.aneTemaS12f2457_Fee31e li.aneTemaS12f2457_09b30c,.aneTemaS12f2457_68eee6 a.listaReservado{background-color:#f9a443;border-color:#ce7005;color:#FFF}.aneTemaS12f2457_Fee31e li.aneTemaS12f2457_Ea3da2,.aneTemaS12f2457_68eee6 a.listaPago{background-color:#58b77f;border-color:#06863b;color:#FFF}.aneTemaS12f2457_Fee31e li.aneTemaS12f2457_14b102,.aneTemaS12f2457_68eee6 a.listaSelecionado{background-color:#ffa482;border-color:#FF4500;color:#FFF}.aneTemaS12f2457_06d1dc{margin:0 0 15px;padding:0;list-style:none;border-bottom:1px #CCC solid;overflow:hidden}.aneTemaS12f2457_06d1dc li{float:left;border-top:1px #CCC solid;border-right:1px #CCC solid;padding:0 14px;line-height:36px;font-weight:600;color:#555;cursor:pointer}.aneTemaS12f2457_06d1dc li:hover{background-color:#F8F8F8}.aneTemaS12f2457_06d1dc li:first-child{border-left:1px #CCC solid}.aneTemaS12f2457_6beefa{margin-bottom:15px}.aneTemaS12f2457_42b470{position:fixed;bottom:20px;left:50%;width:278px;margin-left:-139px;z-index:100;text-shadow:1px 1px #070}.aneTemaS12f2457_84c074{padding:0;margin:0;list-style:none}.aneTemaS12f2457_84c074 li{padding-bottom:8px;margin-bottom:8px;border-bottom:1px #ECECEC solid}.aneTemaS12f2457_84c074 li:last-child{border-bottom:none}.aneTemaS12f2457_3e919d{background-color:#f9f9f9;display:block;margin-bottom:6px}.aneTemaS12f2457_3e919d img{width:90px;height:90px;object-fit:cover}.aneTemaS12f2457_02e499{margin-bottom:10px;font-weight:bold}.aneTemaS12f2457_491220{margin:0;padding:0;list-style:none}.aneTemaS12f2457_491220 li{display:inline-block;margin:0 5px 5px 0;position:relative;background-color:#1f9851;color:#FFF;border:2px #2d5d41 solid;padding:0 26px 0 6px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aneTemaS12f2457_491220 li span{position:absolute;top:0;right:0;background-color:#ea1313;padding:0 4px;height:24px;width:20px;cursor:pointer}.aneTemaS12f2457_491220 li span:hover{opacity:.8}.aneTemaS12f2457_C136fe ul{padding-left:23px;margin-top:6px}.aneTemaS12f2457_423923{background-color:#f9f9f9;display:block;position:relative;padding-left:33px;border:1px #CCC solid}.aneTemaS12f2457_423923 span{background-color:#e6e6e6;color:#808080;position:absolute;top:0;left:0;width:33px;font-size:18px;font-weight:bold;line-height:34px;text-align:center}.aneTemaS12f2457_423923 input{border:0;background:transparent;height:34px;padding:0 8px;width:100%;font-size:20px;font-weight:bold}.aneTemaS12f2457_B4b4a7 .form-group{margin-bottom:10px}.aneTemaS12f2457_B4b4a7 .form-group label{font-size:14px;line-height:16px}.aneTemaS12f2457_13b4e1 h3{background-color:#28a745;border:1px #106523 solid;color:#FFF;font-size:16px;padding:4px 12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:1px 1px #106523}.aneTemaS12f2457_13b4e1 ul{margin:0 0 15px;padding:0;list-style:none}.aneTemaS12f2457_13b4e1 li{border-bottom:1px #EAEAEA solid;padding-bottom:8px;margin-bottom:8px}.aneTemaS12f2457_09f87a{font-size:22px;border-bottom:1px #EAEAEA solid;padding-bottom:6px;margin:0 0 10px;text-align:center;font-weight:600}@media (max-width:992px){.aneTemaS12f2457_68eee6 li{width:10%}}@media (max-width:768px){.aneTemaS12f2457_1a9462,.aneTemaS12f2457_D2aaa6{width:100%}.aneTemaS12f2457_Fee31e{text-align:left}.aneTemaS12f2457_Fee31e li{margin:0 0 4px 0;font-weight:400;padding:0 6px;line-height:24px;font-size:11px}.aneTemaS12f2457_68eee6 li{width:12.5%}}@media (max-width:590px){.aneTemaS12f2457_68eee6 li{width:20%}}.flexslider{margin:0 0 2px}#carousel li{cursor:pointer}.aneTemaS12f2457_577b91{margin-bottom:15px}.carousel-control .fa-angle-left,.carousel-control .fa-angle-right{top:50%;position:absolute;font-size:32px;margin-top:-16px}.carousel-indicators li,.carousel-indicators .active{margin:0 4px 2px;width:12px;height:12px}.aneTemaS12f2457_7ccc34{background-color:#F9F9F9;border:1px #eaeaea solid;padding:8px 12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.aneTemaS12f2457_9e81cf{padding:15px 15px 0 15px;background-color:#eaeaea;margin-bottom:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.aneTemaS12f2457_59f609{background-color:#FFF;border:1px #EAEAEA solid;max-width:620px;margin:0 auto;padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aneTemaS12f2457_6144ce{background-color:#FFF;border:1px #d6d6d6 solid;padding:14px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aneTemaS12f2457_728475{border:1px #CCC solid;float:left;width:240px;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aneTemaS12f2457_728475 li{float:left;width:100%;border-bottom:1px #CCC solid}.aneTemaS12f2457_728475 li:last-child{border-bottom:0}.aneTemaS12f2457_728475 a{display:block;line-height:38px;padding:0 12px}.aneTemaS12f2457_0e18e9 a:hover{text-decoration:none}.aneTemaS12f2457_728475 i{color:#848484}.aneTemaS12f2457_D441c7{float:right;width:880px}.aneTemaS12f2457_Be7af8{border-bottom:1px #efefef solid;padding-bottom:6px;margin:0 0 15px;font-weight:800;text-transform:uppercase;font-size:16px}.aneTemaS12f2457_Bbb27a{margin:6px 0 0;padding:0;list-style:none;font-size:13px;color:#555}.aneTemaS12f2457_Bbb27a li{margin-bottom:2px}.aneTemaS12f2457_Ea05c7{margin-bottom:15px}.aneTemaS12f2457_Ea05c7 .alert{margin-bottom:4px}.aneTemaS12f2457_20e6eb{margin:0;padding:0;list-style:none}.aneTemaS12f2457_20e6eb li{background-color:#fbeec9;border:1px #ffc107 solid;padding:0 3px;float:left;margin:0 2px 4px;font-weight:bold;color:#846300}@media (max-width:1200px){.aneTemaS12f2457_D441c7{width:calc(100% - 255px)}}@media (max-width:990px){.aneTemaS12f2457_728475{margin-bottom:15px}.aneTemaS12f2457_728475,.aneTemaS12f2457_D441c7{width:100%}}

.paginaTitulo {
  	margin-bottom: 15px;
  	border-bottom: 1px #CCC solid;
    padding-bottom: 8px;
}

.paginaTitulo h1,
.paginaTitulo h2 {
    margin: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
}

/* Blog */

.blogTitulo {
  margin: 0 0 15px;
  padding: 0;
  font-size: 30px;
  line-height: 38px;
  color: #cd031b;
  border-bottom: 1px #181818 solid;
  padding-bottom: 12px;
  font-weight: bold;
}

.blogTexto {
  	margin-bottom: 25px;
    font-size: 16px;
    line-height: 30px;
    background-color: #FFF;
    padding: 12px 22px;
    border-radius: 8px;
}

.blogRow {
  margin: 0 -4px 25px;
}

.blogItem {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.blogItemConteudo {
  padding: 12px;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 3px;
}

.blogItemConteudo a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.blogItemThumb {
  float: left;
  width: 270px;
  height: 190px;
  position: relative;
}

.blogItemThumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

.blogItemInfo {
  float: right;
  width: calc(100% - 286px);
}

.blogItemTitulo {
  display: block;
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #009688;
}

.blogItemTexto {
  margin-bottom: 13px;
  display: block;
}

.blogItemLer {
  display: inline-block;
  font-weight: bold;
  background-color: #009688;
  color: #FFF;
  margin-bottom: 12px;
  padding: 6px 12px;
}

.pagina {
  padding: 10px 25px;
}

.blogLeft {
  float: left;
  width: calc(100% - 320px);
  margin-bottom: 25px;
}

.blogLateral {
  float: right;
  width: 300px;
}

@media (max-width: 992px) {
  .blogLeft,
  .blogLateral {
    width: 100%;
  }

  .blogItemThumb {
    width: 100%;
    height: auto;
    padding-top: 64%;
    margin-bottom: 12px;
  }

  .blogItemInfo {
    width: 100%;
  }
}

/* ==========================================================================
   Blog - cards (home e página do blog)
   ========================================================================== */

.blogHome {
    margin-top: 30px;
}

.blogCabecalho {
    background-color: #cd031b;
    color: #FFF;
    padding: 26px 28px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.blogCabecalho h1 {
    margin: 0 0 4px;
    min-height: 0;
    font-size: 32px;
    line-height: 38px;
    font-weight: bold;
}

.blogCabecalho p {
    margin: 0;
    font-size: 15px;
    opacity: .9;
}

.blogGrade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}

.blogCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(33.3333% - 20px);
    margin: 0 10px 20px;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: box-shadow 300ms;
    transition: box-shadow 300ms;
}

.blogCard:hover {
    box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .3);
}

.blogCardImagem {
    display: block;
    position: relative;
    padding-top: 60%;
    background-color: #f3f3f3;
    overflow: hidden;
}

.blogCardImagem img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 400ms;
    transition: transform 400ms;
}

.blogCard:hover .blogCardImagem img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.blogCardSemImagem {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fdecee;
    color: #cd031b;
    font-size: 40px;
}

.blogCardCorpo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 18px 18px;
}

.blogCardData {
    font-size: 13px;
    color: #777;
    margin-bottom: 6px;
}

.blogCardTitulo {
    margin: 0 0 8px;
    min-height: 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}

.blogCardTitulo a,
.blogCardTitulo a:hover {
    color: #222;
    text-decoration: none;
}

.blogCard:hover .blogCardTitulo a {
    color: #cd031b;
}

.blogCardResumo {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 22px;
    color: #555;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blogCardLer,
.blogCardLer:hover {
    font-weight: bold;
    color: #cd031b;
    text-decoration: none;
}

.blogCardLer i {
    margin-left: 4px;
}

.blogBotaoArea {
    text-align: center;
    margin-bottom: 25px;
}

.blogBotao,
.blogBotao:hover,
.blogBotao:focus {
    display: inline-block;
    background-color: #cd031b;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    padding: 13px 30px;
    border-radius: 6px;
    text-decoration: none;
}

.blogBotao:hover,
.blogBotao:focus {
    background-color: #a10215;
    color: #FFF;
}

@media (max-width: 992px) {
    .blogCard {
        width: calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .blogCard {
        width: calc(100% - 20px);
    }

    .blogCabecalho {
        padding: 20px;
    }

    .blogCabecalho h1 {
        font-size: 26px;
        line-height: 32px;
    }
}


/* ==========================================================================
   Tema A70 - Página da rifa
   ========================================================================== */

:root {
    --tema-cor: #cd031b;
    --tema-cor-escura: #9f0215;
    --tema-cor-clara: #fdecee;
    --tema-texto: #26262b;
    --tema-suave: #6b6b73;
    --tema-linha: #e4e4e8;
    --tema-fundo: #f5f5f7;
    --tema-reservado: #e8930c;
    --tema-pago: #23965a;
}

.paginaTitulo {
    margin-bottom: 15px;
    border-bottom: 1px #CCC solid;
    padding-bottom: 8px;
}

.paginaTitulo h1,
.paginaTitulo h2 {
    margin: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
}

/* Botão padrão do tema */
.botaoTema,
.rifaBotao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 26px;
    border: 0;
    border-radius: 6px;
    background-color: var(--tema-cor);
    color: #FFF !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 200ms;
}

.botaoTema:hover,
.rifaBotao:hover,
.botaoTema:focus,
.rifaBotao:focus {
    background-color: var(--tema-cor-escura);
    color: #FFF;
}

.botaoTema:focus-visible,
.rifaBotao:focus-visible,
.rifaFiltro:focus-visible,
.rifaAba:focus-visible,
.rifaGrade a:focus-visible,
.rifaPacote:focus-visible,
.rifaRapidaBotao:focus-visible {
    outline: 3px solid #1a73e8;
    outline-offset: 2px;
}

.rifaBotao[disabled] {
    opacity: .6;
    cursor: wait;
}

.rifaBotaoBloco {
    display: flex;
    width: 100%;
}

/* Cabeçalho de seção (home, relacionados) */
.secaoCabecalho {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 10px 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--tema-linha);
    position: relative;
}

.secaoCabecalho:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 56px;
    height: 2px;
    background-color: var(--tema-cor);
}

.secaoCabecalho h2 {
    margin: 0;
    min-height: 0;
    font-size: 26px;
    line-height: 32px;
    font-weight: 800;
    color: var(--tema-texto);
}

.secaoCabecalho a {
    color: var(--tema-cor);
    font-weight: 700;
}

.secaoCabecalho a:hover {
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Página da rifa
   -------------------------------------------------------------------------- */

.rifaTopo {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 24px;
    align-items: start;
    margin-bottom: 26px;
}

.rifaGaleria {
    background-color: #FFF;
    border: 1px solid var(--tema-linha);
    border-radius: 12px;
    padding: 8px;
}

.rifaGaleria .flexslider {
    border: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    background: transparent;
}

.rifaGaleria #slider img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.rifaGaleria #carousel {
    margin-top: 8px;
}

.rifaGaleria #carousel li {
    border-radius: 6px;
    overflow: hidden;
    opacity: .6;
    cursor: pointer;
}

.rifaGaleria #carousel li.flex-active-slide {
    opacity: 1;
    box-shadow: inset 0 0 0 2px var(--tema-cor);
}

.rifaImagemUnica img {
    width: 100%;
    border-radius: 8px;
}

.rifaSemImagem {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tema-fundo);
    color: #b5b5bd;
    font-size: 60px;
    border-radius: 8px;
}

.rifaPainel {
    background-color: #FFF;
    border: 1px solid var(--tema-linha);
    border-radius: 12px;
    padding: 24px 26px;
}

.rifaPainelTopo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.rifaSelo {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
}

.rifaSelo:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: currentColor;
}

.rifaSeloAberta     { background-color: #e5f5ec; color: #17784a; }
.rifaSeloAguardando { background-color: #fff3df; color: #a86400; }
.rifaSeloPausada    { background-color: #fff3df; color: #a86400; }
.rifaSeloFinalizada { background-color: #eeeef1; color: #55555c; }

.rifaCodigo {
    font-size: 13px;
    color: var(--tema-suave);
    font-variant-numeric: tabular-nums;
}

.rifaTitulo {
    margin: 0 0 14px;
    min-height: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--tema-texto);
    text-wrap: balance;
}

.rifaPreco {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 18px;
}

.rifaPrecoValor {
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    color: var(--tema-cor);
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums;
}

.rifaPrecoValor small {
    font-size: 18px;
    font-weight: 700;
    margin-right: 4px;
    letter-spacing: 0;
}

.rifaPrecoRotulo {
    color: var(--tema-suave);
    font-size: 15px;
}

.rifaProgresso {
    margin-bottom: 18px;
}

.rifaProgressoBarra {
    height: 10px;
    border-radius: 5px;
    background-color: #ececf0;
    overflow: hidden;
}

.rifaProgressoBarra span {
    display: block;
    height: 100%;
    min-width: 4px;
    border-radius: 5px;
    background-color: var(--tema-cor);
}

.rifaProgressoTexto {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 6px;
    font-size: 13px;
    color: var(--tema-suave);
}

.rifaProgressoTexto strong {
    color: var(--tema-texto);
}

.rifaAviso {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
}

.rifaAviso i {
    font-size: 18px;
    line-height: 22px;
}

.rifaAvisoSucesso { background-color: #e5f5ec; color: #135f3a; }
.rifaAvisoAlerta  { background-color: #fff3df; color: #7a4a00; }

.rifaInfos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}

.rifaInfos > div {
    padding: 10px 12px;
    border-radius: 8px;
    background-color: var(--tema-fundo);
}

.rifaInfos dt {
    font-size: 12px;
    font-weight: 600;
    color: var(--tema-suave);
    line-height: 18px;
}

.rifaInfos dd {
    margin: 0;
    font-weight: 700;
    color: var(--tema-texto);
    font-size: 15px;
}

.rifaResumo {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 25px;
    color: #45454c;
}

.rifaRotulo {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--tema-texto);
    margin-bottom: 8px;
}

.rifaPromocoes {
    margin-bottom: 18px;
}

.rifaPromocoes ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rifaPromocoes li {
    padding: 7px 12px;
    border: 1px dashed var(--tema-cor);
    border-radius: 8px;
    background-color: var(--tema-cor-clara);
    color: var(--tema-cor-escura);
    font-size: 14px;
}

.rifaBotaoEscolher {
    min-height: 52px;
    font-size: 16px;
    margin-bottom: 16px;
}

.rifaTermosLista {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px solid var(--tema-linha);
}

.rifaTermosLista a {
    padding: 3px 10px;
    border-radius: 14px;
    background-color: var(--tema-fundo);
    font-size: 13px;
    color: #45454c;
}

.rifaTermosLista a:hover {
    background-color: var(--tema-texto);
    color: #FFF;
}

/* Abas */
.rifaConteudo {
    background-color: #FFF;
    border: 1px solid var(--tema-linha);
    border-radius: 12px;
    padding: 0 22px 22px;
    margin-bottom: 20px;
    scroll-margin-top: 10px;
}

.rifaAbas {
    display: flex;
    gap: 4px;
    margin: 0 -22px 20px;
    padding: 0 22px;
    border-bottom: 1px solid var(--tema-linha);
    overflow-x: auto;
}

.rifaAba {
    position: relative;
    padding: 16px 14px 14px;
    border: 0;
    background: transparent;
    font-weight: 700;
    font-size: 15px;
    color: var(--tema-suave);
    cursor: pointer;
    white-space: nowrap;
}

.rifaAba:hover {
    color: var(--tema-texto);
}

.rifaAba.current {
    color: var(--tema-cor);
}

.rifaAba.current:after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background-color: var(--tema-cor);
}

.rifaDica {
    margin: 0 0 12px;
    color: var(--tema-suave);
    font-size: 14px;
}

/* Filtros / legenda */
.rifaFiltros {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.rifaFiltro {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 14px;
    border-radius: 18px;
    border: 1px solid var(--tema-linha);
    background-color: #FFF;
    color: #45454c;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.rifaFiltro b {
    font-variant-numeric: tabular-nums;
    color: var(--tema-texto);
}

.rifaFiltro:hover {
    border-color: #b9b9c2;
}

.rifaFiltro.ativo {
    background-color: var(--tema-texto);
    border-color: var(--tema-texto);
    color: #FFF;
}

.rifaFiltro.ativo b {
    color: #FFF;
}

.rifaCor {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
}

.rifaCorDisponivel  { background-color: #FFF; box-shadow: inset 0 0 0 2px #c9c9d1; }
.rifaCorReservado   { background-color: var(--tema-reservado); }
.rifaCorPago        { background-color: var(--tema-pago); }
.rifaCorSelecionado { background-color: var(--tema-cor); }

/* Grade de números */
.rifaGrade {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(62px, 1fr));
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rifaGrade li {
    margin: 0;
}

.rifaGrade a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 8px;
    border: 1.5px solid #d6d6dd;
    background-color: #FFF;
    color: #3a3a40;
    font-weight: 700;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    text-decoration: none !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 120ms, border-color 120ms, color 120ms;
}

.rifaGrade a:hover {
    border-color: var(--tema-cor);
    color: var(--tema-cor);
}

.rifaGrade a.listaSelecionado,
.rifaGrade a.listaSelecionado:hover {
    background-color: var(--tema-cor);
    border-color: var(--tema-cor);
    color: #FFF;
}

.rifaGrade a.listaReservado,
.rifaGrade a.listaReservado:hover {
    background-color: var(--tema-reservado);
    border-color: var(--tema-reservado);
    color: #FFF;
    cursor: not-allowed;
}

.rifaGrade a.listaPago,
.rifaGrade a.listaPago:hover {
    background-color: var(--tema-pago);
    border-color: var(--tema-pago);
    color: #FFF;
    cursor: not-allowed;
}

.rifaGradeBloqueada a:not(.listaReservado):not(.listaPago) {
    background-color: var(--tema-fundo);
    color: #8a8a92;
    border-color: #e6e6ea;
    cursor: default;
}

.rifaGradeVazia {
    padding: 24px;
    text-align: center;
    color: var(--tema-suave);
    background-color: var(--tema-fundo);
    border-radius: 8px;
    margin: 0;
}

/* Pagamento e regulamento */
.rifaPagamentos {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.rifaPagamentos li {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--tema-linha);
    border-radius: 10px;
}

.rifaPagamentoLogo {
    flex: 0 0 72px;
}

.rifaPagamentoLogo img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 8px;
    background-color: var(--tema-fundo);
}

.rifaPagamentoTexto {
    flex: 1;
    min-width: 0;
    word-wrap: break-word;
}

.rifaRegulamento {
    max-width: 780px;
    font-size: 16px;
}

.rifaAvisoLegal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: var(--tema-fundo);
    font-size: 13px;
    line-height: 20px;
    color: var(--tema-suave);
}

.rifaAvisoLegal p {
    margin: 0;
    flex: 1 1 400px;
}

.rifaAvisoLegal a {
    font-weight: 700;
    color: var(--tema-cor);
    white-space: nowrap;
}

/* Barra fixa de reserva */
.rifaBarra {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    padding: 12px 0;
    background-color: #FFF;
    border-top: 1px solid var(--tema-linha);
    box-shadow: 0 -8px 24px -12px rgba(0, 0, 0, .25);
    transform: translateY(110%);
    transition: transform 250ms ease;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}

.rifaBarra.ativo {
    transform: translateY(0);
}

.rifaBarraConteudo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rifaBarraResumo {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 14px;
    line-height: 22px;
}

.rifaBarraResumo strong {
    font-size: 16px;
    color: var(--tema-texto);
}

.rifaBarraResumo b {
    color: var(--tema-cor);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.rifaBarraResumo small {
    flex-basis: 100%;
    font-size: 12px;
    color: var(--tema-pago);
    font-weight: 600;
}

.rifaBarraLimpar {
    border: 0;
    background: transparent;
    color: var(--tema-suave);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    padding: 8px;
}

body.rifaBarraAtiva {
    padding-bottom: 90px;
}

body.rifaBarraAtiva .aneTemaS12f2457_B3b629 {
    bottom: 110px;
}

/* Modal de reserva */
.rifaModal .modal-dialog {
    max-width: 480px;
    width: auto;
    margin: 40px auto;
    padding: 0 10px;
}

.rifaModal .modal-content {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .5);
    overflow: hidden;
}

.rifaModal .modal-header {
    padding: 20px 24px 14px;
    border-bottom: 1px solid var(--tema-linha);
}

.rifaModal .modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    opacity: .5;
}

.rifaModal .modal-title {
    margin: 0;
    min-height: 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaModalSubtitulo {
    margin: 2px 0 0;
    font-size: 13px;
    color: var(--tema-suave);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rifaModal .modal-body {
    padding: 20px 24px 24px;
}

.rifaPedidoResumo {
    padding: 14px 16px;
    border-radius: 10px;
    background-color: var(--tema-fundo);
    margin-bottom: 18px;
}

.rifaPedidoTopo {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.rifaPedidoQtd {
    font-size: 13px;
    color: var(--tema-suave);
}

.rifaChips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    max-height: 132px;
    overflow-y: auto;
}

.rifaChips li {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 4px 0 10px;
    border-radius: 6px;
    background-color: var(--tema-cor);
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.rifaChips .classReservadoRemover {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    border: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, .18);
    color: #FFF;
    font-size: 17px;
    line-height: 22px;
    cursor: pointer;
    padding: 0;
}

.rifaChips .classReservadoRemover:hover {
    background: rgba(0, 0, 0, .2);
}

.rifaPedidoTotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #e2e2e7;
}

.rifaPedidoTotal label {
    margin: 0;
    font-weight: 600;
    color: #45454c;
}

.rifaPedidoValor {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaPedidoValor span {
    font-size: 15px;
}

.rifaPedidoValor input {
    width: 5ch;
    max-width: 200px;
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--tema-texto);
    text-align: right;
    font-variant-numeric: tabular-nums;
    outline: 0;
}

.rifaPedidoPromo {
    margin: 6px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--tema-pago);
    text-align: right;
}

.rifaCampos .form-group {
    margin-bottom: 14px;
}

.rifaCampos label {
    font-size: 14px;
    font-weight: 600;
    color: var(--tema-texto);
    margin-bottom: 5px;
}

.rifaCampos .form-control {
    height: 46px;
    border-radius: 8px;
    border: 1px solid #cfcfd6;
    box-shadow: none;
    font-size: 16px;
    padding: 0 14px;
}

.rifaCampos .form-control:focus {
    border-color: var(--tema-cor);
    box-shadow: 0 0 0 3px rgba(205, 3, 27, .12);
}

.rifaCampos .text-form {
    margin-top: 5px;
    line-height: 17px;
}

.rifaCampoCodigo {
    letter-spacing: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

.rifaTermos {
    margin: 4px 0 18px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #d6e4f5;
    background-color: #f2f7fd;
    font-size: 13px;
    line-height: 20px;
    color: #2d4a6b;
}

.rifaTermos p {
    margin: 0 0 4px;
    font-weight: 700;
}

.rifaTermos ul {
    margin: 0;
    padding-left: 20px;
}

#botaoContinuarPedido {
    margin-bottom: 8px;
}

#botaoFinalizarPedido {
    min-height: 52px;
    font-size: 16px;
}

/* Reserva concluída */
.rifaSucesso {
    text-align: center;
}

.rifaSucessoIcone {
    width: 64px;
    height: 64px;
    margin: 4px auto 12px;
    border-radius: 50%;
    background-color: #e5f5ec;
    color: var(--tema-pago);
    font-size: 28px;
    line-height: 64px;
}

.rifaSucessoTitulo {
    margin: 0 0 14px;
    min-height: 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaSucessoPedido {
    padding: 14px;
    border-radius: 10px;
    background-color: var(--tema-fundo);
    margin-bottom: 16px;
}

.rifaSucessoPedido .rifaChips {
    justify-content: center;
    margin-bottom: 8px;
}

.rifaSucessoPedido .rifaChips li {
    padding: 0 10px;
}

.rifaSucessoPedido p {
    margin: 0;
}

.rifaSucessoTexto {
    text-align: left;
    margin-bottom: 16px;
    font-size: 14px;
}

.rifaContato {
    text-align: left;
    margin-bottom: 16px;
}

.rifaContato h4 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 8px;
    min-height: 0;
}

.rifaContato dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 14px;
    margin: 0;
    font-size: 14px;
}

.rifaContato dt {
    color: var(--tema-suave);
    font-weight: 600;
}

.rifaContato dd {
    margin: 0;
    word-break: break-word;
}

.rifaBotaoWhatsapp {
    background-color: #1faa53;
}

.rifaBotaoWhatsapp:hover,
.rifaBotaoWhatsapp:focus {
    background-color: #178a42;
}

@media (max-width: 992px) {
    .rifaTopo {
        grid-template-columns: 1fr;
    }

    .rifaGaleria {
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .rifaPainel {
        padding: 18px;
    }

    .rifaTitulo {
        font-size: 23px;
    }

    .rifaPrecoValor {
        font-size: 34px;
    }

    .rifaConteudo {
        padding: 0 12px 16px;
    }

    .rifaAbas {
        margin: 0 -12px 16px;
        padding: 0 8px;
    }

    .rifaGrade {
        grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
        gap: 5px;
    }

    .rifaGrade a {
        height: 42px;
        font-size: 14px;
    }

    .rifaFiltro {
        height: 34px;
        padding: 0 11px;
    }

    .rifaBarraLimpar {
        display: none;
    }

    .rifaBarra .rifaBotao {
        padding: 0 16px;
    }

    .rifaModal .modal-dialog {
        margin: 12px auto;
    }

    .rifaModal .modal-body,
    .rifaModal .modal-header {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rifaBarra,
    .rifaGrade a {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Página da rifa - recursos de engajamento
   -------------------------------------------------------------------------- */

/* Contagem regressiva */
.rifaContagem {
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 10px;
    background-color: var(--tema-texto);
    color: #FFF;
}

.rifaContagemTitulo {
    display: block;
    font-size: 13px;
    font-weight: 600;
    opacity: .85;
    margin-bottom: 8px;
}

.rifaContagemBlocos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.rifaContagemBlocos div {
    text-align: center;
    padding: 8px 4px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .1);
}

.rifaContagemBlocos b {
    display: block;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.rifaContagemBlocos span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .75;
}

/* Compartilhar */
.rifaCompartilhar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--tema-suave);
}

.rifaSocial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--tema-linha);
    background-color: #FFF;
    color: var(--tema-texto) !important;
    font-size: 17px;
    cursor: pointer;
    padding: 0;
}

.rifaSocialWhatsapp i { color: #1faa53; }
.rifaSocialFacebook i { color: #1877f2; }

.rifaSocial:hover {
    border-color: var(--tema-texto);
}

.rifaSocialCopiar.copiado {
    background-color: var(--tema-pago);
    border-color: var(--tema-pago);
    color: #FFF !important;
}

/* Compra rápida */
.rifaCompra {
    margin-bottom: 20px;
    padding: 22px;
    border-radius: 12px;
    background-color: #FFF;
    border: 1px solid var(--tema-linha);
    scroll-margin-top: 10px;
}

.rifaCompraCabecalho h2 {
    margin: 0 0 2px;
    min-height: 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaCompraCabecalho h2 i {
    color: var(--tema-cor);
}

.rifaCompraCabecalho p {
    margin: 0 0 16px;
    color: var(--tema-suave);
    font-size: 14px;
}

.rifaPacotes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.rifaPacote {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 18px 10px 14px;
    border: 2px solid var(--tema-linha);
    border-radius: 12px;
    background-color: #FFF;
    cursor: pointer;
    transition: border-color 150ms, transform 150ms, box-shadow 150ms;
}

.rifaPacote:hover {
    border-color: var(--tema-cor);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -14px rgba(205, 3, 27, .6);
}

.rifaPacote.ativo {
    border-color: var(--tema-cor);
    background-color: var(--tema-cor-clara);
}

.rifaPacoteDestaque {
    border-color: var(--tema-cor);
}

.rifaPacoteSelo {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 10px;
    border-radius: 10px;
    background-color: var(--tema-cor);
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.rifaPacoteQtd {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaPacoteQtd small {
    font-size: 14px;
    font-weight: 600;
    color: var(--tema-suave);
}

.rifaPacoteValor {
    font-size: 17px;
    font-weight: 700;
    color: var(--tema-cor);
}

.rifaPacoteEconomia {
    margin-top: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    background-color: #e5f5ec;
    color: #17784a;
    font-size: 12px;
    font-weight: 700;
}

.rifaPacoteEconomiaNeutra {
    background-color: var(--tema-fundo);
    color: var(--tema-suave);
}

.rifaRapida {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.rifaRapidaRotulo {
    font-size: 14px;
    font-weight: 700;
    color: var(--tema-texto);
    margin-right: 4px;
}

.rifaRapidaBotao {
    min-width: 60px;
    height: 42px;
    padding: 0 14px;
    border-radius: 8px;
    border: 0;
    background-color: var(--tema-texto);
    color: #FFF;
    font-weight: 800;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 150ms;
}

.rifaRapidaBotao:hover {
    background-color: var(--tema-cor);
}

.rifaCompraOu {
    position: relative;
    margin: 18px 0 0;
    text-align: center;
    font-size: 13px;
    color: var(--tema-suave);
}

.rifaCompraOu:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid var(--tema-linha);
}

.rifaCompraOu span {
    position: relative;
    padding: 0 12px;
    background-color: #FFF;
}

/* Ferramentas da lista */
.rifaFerramentas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
}

.rifaFerramentas .rifaFiltros {
    margin-bottom: 0;
}

.rifaBusca {
    display: flex;
    margin: 0;
}

.rifaBusca input {
    width: 150px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--tema-linha);
    border-right: 0;
    border-radius: 18px 0 0 18px;
    font-size: 14px;
    outline: 0;
}

.rifaBusca input:focus {
    border-color: var(--tema-texto);
}

.rifaBusca button {
    width: 42px;
    height: 36px;
    border: 0;
    border-radius: 0 18px 18px 0;
    background-color: var(--tema-texto);
    color: #FFF;
    cursor: pointer;
}

/* Estados extras dos números */
.rifaGrade a.listaSorteado {
    position: relative;
    box-shadow: 0 0 0 3px #f5c518;
}

.rifaGrade a.listaSorteado:after {
    content: '\f091';
    font-family: FontAwesome;
    position: absolute;
    top: -8px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #f5c518;
    color: #5a4500;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}

.rifaGrade a.rifaDestaque {
    animation: rifaPulso 600ms ease 3;
}

.rifaGrade a.rifaPiscar {
    animation: rifaPulso 450ms ease 1;
}

@keyframes rifaPulso {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.15); box-shadow: 0 0 0 4px rgba(205, 3, 27, .25); }
}

/* Ranking */
.rifaRanking {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 560px;
}

.rifaRankingItem {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--tema-linha);
    margin-bottom: 8px;
}

.rifaRankingPosicao {
    flex: 0 0 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--tema-fundo);
    font-weight: 800;
    text-align: center;
    line-height: 36px;
    color: var(--tema-texto);
}

.rifaRankingPos1 .rifaRankingPosicao { background-color: #f5c518; color: #4d3b00; }
.rifaRankingPos2 .rifaRankingPosicao { background-color: #d5d7dc; color: #33353a; }
.rifaRankingPos3 .rifaRankingPosicao { background-color: #e0a36c; color: #4a2a0c; }

.rifaRankingNome {
    flex: 1;
    font-weight: 700;
    color: var(--tema-texto);
}

.rifaRankingTotal {
    font-size: 14px;
    font-weight: 600;
    color: var(--tema-cor);
}

/* Como participar */
.rifaPassos {
    margin-bottom: 20px;
    padding: 22px;
    border-radius: 12px;
    background-color: #FFF;
    border: 1px solid var(--tema-linha);
}

.rifaPassos h2 {
    margin: 0 0 16px;
    min-height: 0;
    font-size: 21px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaPassos ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: passo;
}

.rifaPassos li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    border-radius: 10px;
    background-color: var(--tema-fundo);
    font-size: 14px;
    line-height: 21px;
    color: var(--tema-suave);
}

.rifaPassos strong {
    font-size: 16px;
    color: var(--tema-texto);
}

.rifaPassoIcone {
    width: 42px;
    height: 42px;
    margin-bottom: 6px;
    border-radius: 10px;
    background-color: var(--tema-cor);
    color: #FFF;
    font-size: 19px;
    line-height: 42px;
    text-align: center;
}

/* Modal - extras */
.rifaBotaoConfirmar i {
    font-size: 15px;
}

.rifaSucessoSub {
    margin: -8px 0 14px;
    color: var(--tema-suave);
}

.rifaBotaoTexto {
    margin-top: 10px;
    border: 0;
    background: transparent;
    color: var(--tema-suave);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 767px) {
    .rifaPassos ol {
        grid-template-columns: 1fr;
    }

    .rifaPassos li {
        display: grid;
        grid-template-columns: 42px 1fr;
        column-gap: 12px;
    }

    .rifaPassoIcone {
        grid-row: span 2;
        margin-bottom: 0;
    }

    .rifaBusca,
    .rifaBusca input {
        width: 100%;
    }

    .rifaBusca input {
        flex: 1;
    }
}

@media (max-width: 640px) {
    .rifaCompra,
    .rifaPassos {
        padding: 18px 14px;
    }

    .rifaPacotes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
    }

    .rifaPacoteQtd {
        font-size: 24px;
    }

    .rifaContagemBlocos b {
        font-size: 22px;
    }

    .rifaRapidaRotulo {
        flex-basis: 100%;
    }

    .rifaRapidaBotao {
        flex: 1;
        min-width: 0;
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rifaPacote,
    .rifaGrade a.rifaDestaque,
    .rifaGrade a.rifaPiscar {
        transition: none;
        animation: none;
    }
}


/* ==========================================================================
   PIX e comprovante (modal da rifa)
   ========================================================================== */

.rifaPix,
.rifaComprovante {
    text-align: left;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--tema-linha);
    border-radius: 10px;
    background-color: #FFF;
}

.rifaPixTitulo {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 0;
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
    color: var(--tema-texto);
}

.rifaPixTitulo .fa {
    color: #32bcad;
    font-size: 18px;
}

.rifaPixDica {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--tema-suave);
}

.rifaPixQr {
    width: 208px;
    max-width: 100%;
    margin: 0 auto;
    padding: 12px;
    border-radius: 10px;
    border: 2px solid #32bcad;
    background-color: #FFF;
    line-height: 0;
}

.rifaPixQr svg {
    display: block;
    width: 100%;
    height: auto;
}

.rifaPixValor {
    margin: 10px 0 14px;
    text-align: center;
    font-size: 15px;
    color: var(--tema-suave);
}

.rifaPixValor strong {
    font-size: 22px;
    color: var(--tema-texto);
}

.rifaPixRotulo {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
}

.rifaPixCopia {
    display: flex;
    gap: 8px;
}

.rifaPixCopia input {
    flex: 1;
    min-width: 0;
    height: 46px;
    padding: 0 12px;
    border: 1px solid var(--tema-linha);
    border-radius: 6px;
    background-color: var(--tema-fundo);
    font-family: monospace;
    font-size: 12px;
    color: var(--tema-texto);
}

.rifaPixCopia .rifaBotao {
    flex: none;
    padding: 0 16px;
    background-color: #32bcad;
}

.rifaPixCopia .rifaBotao:hover,
.rifaPixCopia .rifaBotao:focus,
.rifaPixCopia .rifaBotao.copiado {
    background-color: #25968a;
}

.rifaPixDados {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 14px;
    margin: 14px 0 0;
    font-size: 13px;
}

.rifaPixDados dt {
    color: var(--tema-suave);
    font-weight: 600;
}

.rifaPixDados dt span {
    font-weight: 400;
}

.rifaPixDados dd {
    margin: 0;
    word-break: break-all;
}

/* Upload do comprovante */
.rifaComprovanteArea {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    margin: 10px 0 12px;
    padding: 14px;
    border: 2px dashed var(--tema-linha);
    border-radius: 10px;
    background-color: var(--tema-fundo);
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    transition: border-color 150ms, background-color 150ms;
}

.rifaComprovanteArea:hover,
.rifaComprovanteArea:focus-within {
    border-color: var(--tema-cor);
    background-color: var(--tema-cor-clara);
}

.rifaComprovanteArea input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

.rifaComprovanteVazio {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: var(--tema-suave);
    font-size: 13px;
}

.rifaComprovanteVazio .fa {
    font-size: 30px;
    color: var(--tema-cor);
}

.rifaComprovanteVazio strong {
    color: var(--tema-texto);
    font-size: 14px;
}

.rifaComprovanteArea.comArquivo .rifaComprovanteVazio {
    display: none;
}

.rifaComprovantePreview {
    max-width: 100%;
    max-height: 260px;
    border-radius: 6px;
    box-shadow: 0 4px 14px -8px rgba(0, 0, 0, .4);
}

.rifaComprovanteProgresso {
    height: 6px;
    margin-bottom: 12px;
    border-radius: 3px;
    background-color: var(--tema-linha);
    overflow: hidden;
}

.rifaComprovanteProgresso span {
    display: block;
    width: 0;
    height: 100%;
    background-color: var(--tema-pago);
    transition: width 150ms;
}

.rifaComprovante .rifaBotao[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

.rifaComprovanteOk {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px;
    border-radius: 8px;
    background-color: #e5f5ec;
    color: var(--tema-texto);
    font-size: 14px;
}

.rifaComprovanteOk > .fa {
    font-size: 26px;
    color: var(--tema-pago);
}

.rifaComprovanteOk strong,
.rifaComprovanteOk span {
    display: block;
}

.rifaComprovanteOk .rifaBotaoTexto {
    margin-top: 4px;
    padding: 0;
}
