s@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body, html{height: 100%;scroll-behavior: smooth;scroll-snap-type: y mandatory;background: #ffffff; margin: 0;padding: 0; color:#4e5458;font-family: 'Montserrat', sans-serif;}

/*PLACEHOLDER*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
::-moz-placeholder { /* Firefox 19+ */ color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
:-ms-input-placeholder { /* IE 10+ */ color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
:-moz-placeholder { /* Firefox 18- */color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
:-ms-input-placeholder { /* IE10–11 */color: #323232 !important;font-size: 12px !important;letter-spacing: normal !important;font-weight: normal !important;}
::-ms-input-placeholder { /* Edge */color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
::placeholder { /* CSS Working Draft */color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}
input[type="email"].big-dog::-webkit-input-placeholder {color: #323232;font-size: 12px;letter-spacing: normal;font-weight: normal;}

/*ALERTAS*/
.alert-bg {background: #3d3d3d;width: 100%;height: 100%;filter: alpha(opacity:0.6);KHTMLOpacity: 0.6;MozOpacity: 0.6;-khtml-opacity: .6;-ms-filter: "alpha(opacity=60)";-moz-opacity: 0.6;filter: alpha(opacity=60);opacity: 0.6;position: fixed;top: 0;left: 0;z-index: 11;}
.alert-box {color: #555;border-radius: 3px;font-size: 12px;padding: 15px 20px;margin: 10px 0;width: -webkit-fill-available;}
.alert-box span {font-weight: bold;text-transform: uppercase;}
.error {background: #ffecec;border: 1px solid #f5aca6;}
.success {background: #e9ffd9;border: 1px solid #a6ca8a;}
.warning {background: #fff8c4;border: 1px solid #f2c779;}
.notice {background: #e3f7fc;border: 1px solid #8ed9f6;}
a.close:hover {color: black !important;}
.close:focus, .close:hover {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}

/*HEADER LOR*/
#CapsulasLor {margin: 0;background: none;position: absolute;width: 100%;padding: 30px;z-index: 99;}
header img {width: 124px;}
.HeaderPosi{display: flex;justify-content: space-between;align-items: center;}

/*CONTEUDO LOR*/
.ConteudoLor{    color: #ffffff;
    background: #000000;
    z-index: 9999;
    margin-top: -8px;
    position: relative;}
.BannerLor{background: #000000;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.ImgBannerLor{width: 50%;}
.ImgBannerLor img{width: 100%;}
.ChamaLor{width: 890px;}
.ChamaLor p{    line-height: 26px;
    text-align: center;
    font-size: 19px;
    color: #c5b395;}
.ChamaLor h1{color: #9d7f4b;font-size: 40px;margin-bottom: 14px;}
.ChamaLor h2{color: #9d7f4b;font-size: 27px;}
.EspacoTexto{color: #9d7f4b;}
.RegrasLor{    color: #9d7f4b;
    text-align: center;
    width: 480px;
    margin: 0 auto;
    font-size: 12px;
}
.EspacoTexto{height: auto;text-align: center;color: #9d7f4b;font-weight: 700;}

/*BOXES*/
.TiposLor{    background: #000000;
    width: 1024px;
    margin: 0 auto 0;
    padding: 50px 0 50px 0;}
.TiposLor h3{color: #9d7f4b;text-align: center;text-transform: uppercase;font-size: 42px;letter-spacing: 15px;font-weight: 700;}
.BoxesTipos {justify-content: center;width: 100%;color: #161616;display: flex;padding: 25px 50px 0 50px;flex-wrap: wrap;}
.BoxesTipos .BoxLor{background: #ffffff;border-radius: 0 0 40px 40px;width: 278px;margin: 15px;}
.Line01{padding: 10px;text-align: center;color: #ffffff;}
.Line01 div:nth-child(1){font-size: 22px;}
.Line01 div:nth-child(1) font{font-size: 10px;}
.Line01 div:nth-child(2){font-size: 10px;}
.Line02{text-align: center;}
.Line02 img{}
.Line03{display: flex;flex-wrap: nowrap;padding: 0 10px;justify-content: space-around;align-items: center;}
.Line03 .BoxLorTxt{text-transform: uppercase;color: #5F625F}
.Line03 .BoxLorTit{font-size: 18px;font-weight: bold;}
.Line03 .BoxLorDesc{font-size: 10px;font-weight: bold;font-style: italic;}
.Line03 .SaibaLor{}
.Line03 .SaibaLor img{width: 30px;}
.AcaoLor{text-align: center;padding: 20px 0;}
.AcaoLor a{}
.MobSaiba{display: none;}

/*INDIIDUAIS*/
#Decaffeinato{background: #005C96;}
#Ristretto{background: #1C1C1C;}
#Onyx{background: #5F6369;}
#Sontuoso{background: #7F1066;}
#Forza{background: #3E1707;}
#Estremo{background: #8F3E0F;}
#India{background: #BC0055;}
#Indonesia{background: #E72E52;}
#Colombia{background: #B24230;}
#Guatemala{background: #B87731;}
#Papua{background: #0072A1;}

/*MODAL*/

.ModalTotal {background: #000000b3;width: 100%;height: 100%;position: fixed;display: flex;flex-direction: row;justify-content: center;align-items: center;z-index: 999999;display: none;}
.ModalLor{}
.CafeLor{background: #000000;width: 980px;height: 520px;color: #ffffff;position: relative;border: 5px solid #000000;border-radius: 10px;}
.L01 {display: flex;color: #ffffff;align-items: center;justify-content: space-between;padding: 15px 25px;border-radius: 5px 5px 0 0;}
.L01titulo{font-weight: 700;font-size: 45px;}
.L01descricao{font-size: 16px;font-style: italic;}
.L01sair{}
.L01sair a{}
.L01sair a .BtFecharModal{border: 2px solid #ffffff;width: 38px;display: flex;height: 38px;color: #ffffff;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;border-radius: 100%;}
.L01sair a:hover{text-decoration: none;}
.L02 {position: absolute;right: 70px;top: 120px;}
.L02 .CircIntens{border: 4px solid #9d7f4b;width: 80px;display: flex;height: 80px;color: #9d7f4b;align-items: center;justify-content: center;font-size: 32px;font-weight: bold;border-radius: 100%;}
.L02 .CircIntensTxt{width: 80px;font-size: 11px;margin: 5px 0 0 0;text-align: center;color: #9d7f4b;}
.L03{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.L03 .TextoLor{width: 593px;padding: 20px;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;}
.L03 .TextoLor .TextoLor01{padding: 28px 0;font-style: italic;line-height: 25px;font-size: 15px;}
.L03 .ImagemLor{width: 557px;}
.L03 .ImagemLor img{width: 100%;border-radius: 0 0 5px 0;}
.IntensidadeLor{width: 460px;}
.IntBullet{display: flex;justify-content: space-between;align-items: center;margin: 5px 0 5px 0;}
.IntBullet .TxtInt{width: 120px;font-weight: bold;}
.IntBullet .TxtNumb{font-weight: 400;}
.IntBullet .BulletInt{display: flex;}
.IntBullet .BulletInt .BulletDados{background: #ffffff;    width: 17px;height: 17px;border-radius: 100%;margin: 0 5px 0 0;}
.IntBullet .BulletInt .BulMarcado{background: #9d7f4b}
.L04 {position: absolute;bottom: 40px;right: 40px;}
.BtAcaoLor{border-radius: 5px;border: 1px solid transparent;font-family: 'Montserrat', sans-serif;font-weight: bold;letter-spacing: 2px;text-transform: uppercase;font-size: 13px;padding: 2px 10px;text-align: center;-webkit-transition: all 400ms;-moz-transition: all 400ms;transition: all 400ms;background: #D22630;color: #ffffff;cursor: pointer;}
.BtVoltarLor{line-height: normal;border-radius: 3px;border: 1px solid transparent;font-family: 'Montserrat', sans-serif;font-weight: bold;letter-spacing: 3px;font-size: 12px;padding: 2px 12px;text-transform: uppercase;text-align: center;-webkit-transition: all 400ms;-moz-transition: all 400ms;transition: all 400ms;background: #D22630;color: #ffffff;cursor: pointer;}
.ModalTotal .BtAcaoLor {border: 2px solid black;}

.VideoCapsulas{    position: relative;
    z-index: 1;}
.VideoCapsulas video{margin: -542px 0 0 0;}
.LorIntro {text-align: center;position: absolute;background: #00000094;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.LorIntro .BannerVideoLor {display: flex;flex-wrap: nowrap;justify-content: center;}

/*FOOTER*/
.footer-lp {font-size: 11px;color: #ffffff;background: #0b0b0b;line-height: 16px;text-align: center;height: auto;padding: 35px 0px 35px 0px;clear: both;}
.footer-lp a {color: #ffffff;text-decoration: underline;}

/*responsivo*/
@media (max-width: 1920px) {}
@media (max-width: 1680px) {
.VideoCapsulas video {margin: -505px 0 0 0;}
}
@media (max-width: 1600px) {
.VideoCapsulas video {margin: -414px 0 0 0;}
}
@media (max-width: 1440px) {
.ImgBannerLor {width: 100%;}
.VideoCapsulas video {
    margin: -356px 0 0 0;
}
.ChamaLor h1 {
    font-size: 29px;
    line-height: 38px;
    margin-bottom: 8px;
}
.RegrasLor {
    width: 490px;
}
.ChamaLor {width: 650px;}

}
@media (max-width: 1366px) {
.VideoCapsulas video {margin: -297px 0 0 0;}
}
@media (max-width: 1279px) {
.VideoCapsulas video {margin: -233px 0 0 0;}
}
@media (max-width: 1170px) {
.VideoCapsulas video {margin: -211px 0 0 0;}
}
@media (max-width: 1024px) {
.TiposLor {width: 100%;}
.VideoCapsulas video {margin: -81px 0 0 0;}
}
@media (max-width: 992px) {
.BoxesTipos .BoxLor {width: 250px;}
.VideoCapsulas video {margin: -41px 0 0 0;}
}
@media (max-width: 980px) {
.CafeLor {width: 950px;height: auto;}
.BoxesTipos .BoxLor {margin: 13px;}
.BoxesTipos {padding: 25px 15px 0 15px;}
}
@media (max-width: 768px) {
.VideoCapsulas video {margin: 0px 0 0 0;}
.ChamaLor {width: 580px;}
.ChamaLor h1 {font-size: 26px;line-height: 35px;margin-bottom: 10px;}
.ChamaLor p {line-height: 22px;font-size: 14px;}
.RegrasLor {
    width: 360px;
    margin: 24px auto 0;
}
.TiposLor h3 {font-size: 25px;letter-spacing: 6px;}
.TiposLor {padding: 35px 0 35px 0;}
#CapsulasLor {padding: 15px;}
header img {width: 84px;}
.BtVoltarLor {letter-spacing: 2px;font-size: 10px;padding: 3px 6px;}
.CafeLor {width: 350px;border: 3px solid #ffffff;}
.L03 {flex-direction: column-reverse;}
.L03 .ImagemLor {width: 100%;text-align: left;padding: 20px 10px;}
.L03 .ImagemLor img {width: 52%;}
.L03 .TextoLor {width: 100%;padding: 0px 10px 20px;}
.L01sair {position: absolute;right: -5px;top: -23px;}
.L01 {flex-direction: column;padding: 10px 25px;}
.IntensidadeLor {width: 100%;}
.IntBullet .BulletInt .BulletDados {width: 12px;height: 12px;margin: 0px 4px 0 0;}
.L01sair a .BtFecharModal {border: 3px solid #ffffff;background: #000000;}
.IntBullet .TxtNumb {width: 27px;text-align: center;}
.L03 .TextoLor .TextoLor01 {padding: 0 0 15px 0;line-height: 24px;font-size: 13px;width: 100%;text-align: center;}
.L02 {position: absolute;right: 40px;top: 132px;}
.L01titulo {font-size: 28px;}
.L01descricao {font-size: 12px;}
.IntBullet .TxtInt {width: 80px;font-weight: bold;font-size: 12px;}
.L04 {bottom: 0px;right: 25px;position: initial;margin: 0 30px 20px;text-align: center;}
.ModalTotal .BtAcaoLor {padding: 5px 60px;}
.IntBullet {margin: 3px 0 3px 0;}
.BoxesTipos {padding: 25px 0;}
.BoxesTipos .BoxLor {width: 216px;}
.DeskSaiba{display: none;}
.MobSaiba {display: block;}
.Line03 {flex-direction: column-reverse;}
.Line03 .BoxLorTxt {text-align: center;}
.Line03 .SaibaLor img.MobSaiba {width: 60px;margin: 0 0 15px;z-index: 99;}
.EspacoTexto {height: 16px;font-size: 13px;}
}
@media (max-width: 680px) {
.BoxesTipos .BoxLor {width: 297px;}
.ChamaLor p {line-height: 18px;font-size: 11px;margin: 0 0 8px 0;}
.ChamaLor {width: 380px;}
.ChamaLor h1 {font-size: 17px;line-height: 26px;}
.RegrasLor {width: 380px;margin: 15px auto 0;font-size: 9px;}
}
@media (max-width: 600px) {
.BoxesTipos {padding: 25px 0;}
#CapsulasLor {padding: 12px;}
.BoxesTipos .BoxLor {width: 258px;}
}
@media (max-width: 540px) {
.BoxesTipos .BoxLor {width: 229px;}
}
@media (max-width: 475px) {
.BoxesTipos .BoxLor {margin: 6px;width: 213px;}
.ChamaLor h1 {font-size: 15px;line-height: 20px;}
.ChamaLor p {line-height: 14px;font-size: 10px;margin: 0 0 6px 0;}
.EspacoTexto {height: 5px;font-size: 10px;}
.RegrasLor {font-size: 8px;}
}
@media (max-width: 445px) {
.BoxesTipos .BoxLor {width: 191px;margin: 5px;}
.Line02 img {width: 80%;}
.Line01 div:nth-child(1) {font-size: 18px;}
.Line01 div:nth-child(2) {font-size: 9px;}
}
@media (max-width: 424px) {
.BoxesTipos .BoxLor {width: 193px;margin: 4px;}
.LorIntro {padding: 30px 0 0 0;}
}
@media (max-width: 414px) {
.TiposLor {padding: 25px 0 25px 0;}
.BoxesTipos .BoxLor {width: 186px;margin: 5px;}
}
@media (max-width: 412px) {
.BoxesTipos .BoxLor {width: 185px;}
}
@media (max-width: 411px) {}
@media (max-width: 375px) {
.BoxesTipos .BoxLor {width: 168px;margin: 5px;}
.Line01 div:nth-child(1) {font-size: 16px;}
.ChamaLor {width: 240px;}
.RegrasLor {width: 240px;}
.ChamaLor p {display: none;}
.BtVoltarLor {font-size: 7px;}
}
@media (max-width: 370px) {
.BoxesTipos .BoxLor {width: 165px;}
}
@media (max-width: 345px) {
.BoxesTipos .BoxLor {width: 100%;}
header img {width: 62px;}
}
@media (max-width: 280px) {}