/*!
// Contents
// ------------------------------------------------

 36. Spacing
 37. Font weight
 38. Lead

/****** PLACE YOUR CUSTOM STYLES HERE ******/



/*!---------- 36. SPACING ----------*/
.mr0 {
  margin-right: 0;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb7 {
  margin-bottom: 7px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb110 {
  margin-bottom: 110px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb130 {
  margin-bottom: 130px;
}
.mb140 {
  margin-bottom: 140px;
}
.mb150 {
  margin-bottom: 150px;
}
.mb160 {
  margin-bottom: 160px;
}
.mb170 {
  margin-bottom: 170px;
}
.mb180 {
  margin-bottom: 180px;
}
.mb190 {
  margin-bottom: 190px;
}
.mb200 {
  margin-bottom: 200px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt7 {
  margin-top: 7px;
}
.mt8 {
  margin-top: 8px;
}
.mt9 {
  margin-top: 9px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt90 {
  margin-top: 90px;
}
.mt100 {
  margin-top: 100px;
}
.mt110 {
  margin-top: 110px;
}
.mt120 {
  margin-top: 120px;
}
.mt130 {
  margin-top: 130px;
}
.mt140 {
  margin-top: 140px;
}
.mt150 {
  margin-top: 150px;
}
.mt160 {
  margin-top: 160px;
}
.mt170 {
  margin-top: 170px;
}
.mt180 {
  margin-top: 180px;
}
.mt190 {
  margin-top: 190px;
}
.mt200 {
  margin-top: 200px;
}
.p32 {
  padding: 0 32px;
}
.p24 {
  padding: 24px;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pt5 {
  padding-top: 5px;
}
.pt8 {
  padding-top: 8px;
}
.pt10 {
  padding-top: 10px;
}
.pt16 {
  padding-top: 16px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt32 {
  padding-top: 32px;
}
.pt40 {
  padding-top: 40px;
}
.pt48 {
  padding-top: 48px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt64 {
  padding-top: 64px;
}
.pt70 {
  padding-top: 70px;
}
.pt72 {
  padding-top: 72px;
}
.pt80 {
  padding-top: 80px;
}
.pt88 {
  padding-top: 88px;
}
.pt90 {
  padding-top: 90px;
}
.pt96 {
  padding-top: 96px;
}
.pt100 {
  padding-top: 100px;
}
.pt104 {
  padding-top: 104px;
}
.pt110 {
  padding-top: 110px;
}
.pt112 {
  padding-top: 112px;
}
.pt120 {
  padding-top: 120px;
}
.pt130 {
  padding-top: 130px;
}
.pt140 {
  padding-top: 140px;
}
.pt150 {
  padding-top: 150px;
}
.pt160 {
  padding-top: 160px;
}
.pt170 {
  padding-top: 170px;
}
.pt180 {
  padding-top: 180px;
}
.pt190 {
  padding-top: 190px;
}
.pt200 {
  padding-top: 200px;
}
.pt240 {
  padding-top: 240px;
}
.pb0 {
  padding-bottom: 0;
}
.pb5 {
  padding-bottom: 5px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb24 {
  padding-bottom: 24px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb32 {
  padding-bottom: 32px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb48 {
  padding-bottom: 48px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb56 {
  padding-bottom: 56px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb64 {
  padding-bottom: 64px;
}
.pb70 {
  padding-bottom: 70px;
}
.pb72 {
  padding-bottom: 72px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb88 {
  padding-bottom: 88px;
}
.pb90 {
  padding-bottom: 90px;
}
.pb96 {
  padding-bottom: 96px;
}
.pb100 {
  padding-bottom: 100px;
}
.pb104 {
  padding-bottom: 104px;
}
.pb110 {
  padding-bottom: 110px;
}
.pb112 {
  padding-bottom: 112px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb130 {
  padding-bottom: 130px;
}
.pb140 {
  padding-bottom: 140px;
}
.pb150 {
  padding-bottom: 150px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb170 {
  padding-bottom: 170px;
}
.pb180 {
  padding-bottom: 180px;
}
.pb190 {
  padding-bottom: 190px;
}
.pb200 {
  padding-bottom: 200px;
}
.pb240 {
  padding-bottom: 240px;
}
.pb250 {
  padding-bottom: 250px;
}
.pb260 {
  padding-bottom: 260px;
}
.pb270 {
  padding-bottom: 270px;
}
.pb280 {
  padding-bottom: 280px;
}
.pb290 {
  padding-bottom: 290px;
}
.pb300 {
  padding-bottom: 300px;
}
@media all and (max-width: 990px) {
  .mb-s-0 {
    margin-bottom: 0;
  }
  .mb-s-5 {
    margin-bottom: 5px;
  }
  .mb-s-8 {
    margin-bottom: 8px;
  }
  .mb-s-10 {
    margin-bottom: 10px;
  }
  .mb-s-15 {
    margin-bottom: 15px;
  }
  .mb-s-16 {
    margin-bottom: 16px;
  }
  .mb-s-20 {
    margin-bottom: 20px;
  }
  .mb-s-24 {
    margin-bottom: 24px;
  }
  .mb-s-25 {
    margin-bottom: 25px;
  }
  .mb-s-30 {
    margin-bottom: 30px;
  }
  .mb-s-32 {
    margin-bottom: 32px;
  }
  .mb-s-35 {
    margin-bottom: 35px;
  }
  .mb-s-40 {
    margin-bottom: 40px;
  }
  .mb-s-45 {
    margin-bottom: 45px;
  }
  .mb-s-48 {
    margin-bottom: 48px;
  }
  .mb-s-50 {
    margin-bottom: 50px;
  }
  .mb-s-55 {
    margin-bottom: 55px;
  }
  .mb-s-60 {
    margin-bottom: 60px;
  }
  .mb-s-64 {
    margin-bottom: 64px;
  }
  .mb-s-65 {
    margin-bottom: 65px;
  }
  .mb-s-70 {
    margin-bottom: 70px;
  }
  .mb-s-72 {
    margin-bottom: 72px;
  }
  .mb-s-75 {
    margin-bottom: 75px;
  }
  .mb-s-80 {
    margin-bottom: 80px;
  }
  .mb-s-85 {
    margin-bottom: 85px;
  }
  .mb-s-88 {
    margin-bottom: 88px;
  }
  .mb-s-90 {
    margin-bottom: 90px;
  }
  .mb-s-95 {
    margin-bottom: 95px;
  }
  .mb-s-96 {
    margin-bottom: 96px;
  }
  .mb-s-100 {
    margin-bottom: 100px;
  }
  .mb-s-104 {
    margin-bottom: 104px;
  }
  .mb-s-105 {
    margin-bottom: 105px;
  }
  .mb-s-110 {
    margin-bottom: 110px;
  }
  .mb-s-112 {
    margin-bottom: 112px;
  }
  .mb-s-115 {
    margin-bottom: 115px;
  }
  .mb-s-120 {
    margin-bottom: 120px;
  }
}
@media all and (max-width: 990px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-5 {
    margin-bottom: 5px;
  }
  .mb-sm-8 {
    margin-bottom: 8px;
  }
  .mb-sm-10 {
    margin-bottom: 10px;
  }
  .mb-sm-15 {
    margin-bottom: 15px;
  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .mb-sm-25 {
    margin-bottom: 25px;
  }
  .mb-sm-30 {
    margin-bottom: 30px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .mb-sm-35 {
    margin-bottom: 35px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .mb-sm-45 {
    margin-bottom: 45px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
  .mb-sm-55 {
    margin-bottom: 55px;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .mb-sm-65 {
    margin-bottom: 65px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
  .mb-sm-72 {
    margin-bottom: 72px;
  }
  .mb-sm-75 {
    margin-bottom: 75px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .mb-sm-85 {
    margin-bottom: 85px;
  }
  .mb-sm-88 {
    margin-bottom: 88px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
  .mb-sm-95 {
    margin-bottom: 95px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
  .mb-sm-104 {
    margin-bottom: 104px;
  }
  .mb-sm-105 {
    margin-bottom: 105px;
  }
  .mb-sm-110 {
    margin-bottom: 110px;
  }
  .mb-sm-112 {
    margin-bottom: 112px;
  }
  .mb-sm-115 {
    margin-bottom: 115px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-5 {
    margin-top: 5px;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mt-sm-15 {
    margin-top: 15px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mt-sm-25 {
    margin-top: 25px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mt-sm-35 {
    margin-top: 35px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mt-sm-45 {
    margin-top: 45px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mt-sm-55 {
    margin-top: 55px;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mt-sm-65 {
    margin-top: 65px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mt-sm-72 {
    margin-top: 72px;
  }
  .mt-sm-75 {
    margin-top: 75px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-85 {
    margin-top: 85px;
  }
  .mt-sm-88 {
    margin-top: 88px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mt-sm-95 {
    margin-top: 95px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mt-sm-104 {
    margin-top: 104px;
  }
  .mt-sm-105 {
    margin-top: 105px;
  }
  .mt-sm-110 {
    margin-top: 110px;
  }
  .mt-sm-112 {
    margin-top: 112px;
  }
  .mt-sm-115 {
    margin-top: 115px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .p0-sm {
    padding: 0;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-5 {
    padding-top: 5px;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pt-sm-10 {
    padding-top: 10px;
  }
  .pt-sm-15 {
    padding-top: 15px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pt-sm-25 {
    padding-top: 25px;
  }
  .pt-sm-30 {
    padding-top: 30px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pt-sm-35 {
    padding-top: 35px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pt-sm-45 {
    padding-top: 45px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pt-sm-55 {
    padding-top: 55px;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pt-sm-65 {
    padding-top: 65px;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pt-sm-75 {
    padding-top: 75px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pt-sm-85 {
    padding-top: 85px;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pt-sm-95 {
    padding-top: 95px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pt-sm-104 {
    padding-top: 104px;
  }
  .pt-sm-105 {
    padding-top: 105px;
  }
  .pt-sm-110 {
    padding-top: 110px;
  }
  .pt-sm-112 {
    padding-top: 112px;
  }
  .pt-sm-115 {
    padding-top: 115px;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-5 {
    padding-bottom: 5px;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pb-sm-10 {
    padding-bottom: 10px;
  }
  .pb-sm-15 {
    padding-bottom: 15px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pb-sm-25 {
    padding-bottom: 25px;
  }
  .pb-sm-30 {
    padding-bottom: 30px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pb-sm-35 {
    padding-bottom: 35px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pb-sm-45 {
    padding-bottom: 45px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .pb-sm-55 {
    padding-bottom: 55px;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pb-sm-65 {
    padding-bottom: 65px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .pb-sm-75 {
    padding-bottom: 75px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pb-sm-85 {
    padding-bottom: 85px;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .pb-sm-95 {
    padding-bottom: 95px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .pb-sm-104 {
    padding-bottom: 104px;
  }
  .pb-sm-105 {
    padding-bottom: 105px;
  }
  .pb-sm-110 {
    padding-bottom: 110px;
  }
  .pb-sm-112 {
    padding-bottom: 112px;
  }
  .pb-sm-115 {
    padding-bottom: 115px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
}
@media all and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0;
  }
  .mb-xs-5 {
    margin-bottom: 5px;
  }
  .mb-xs-8 {
    margin-bottom: 8px;
  }
  .mb-xs-10 {
    margin-bottom: 10px;
  }
  .mb-xs-15 {
    margin-bottom: 15px;
  }
  .mb-xs-16 {
    margin-bottom: 16px;
  }
  .mb-xs-20 {
    margin-bottom: 20px;
  }
  .mb-xs-24 {
    margin-bottom: 24px;
  }
  .mb-xs-25 {
    margin-bottom: 25px;
  }
  .mb-xs-30 {
    margin-bottom: 30px;
  }
  .mb-xs-32 {
    margin-bottom: 32px;
  }
  .mb-xs-35 {
    margin-bottom: 35px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .mb-xs-45 {
    margin-bottom: 45px;
  }
  .mb-xs-48 {
    margin-bottom: 48px;
  }
  .mb-xs-50 {
    margin-bottom: 50px;
  }
  .mb-xs-55 {
    margin-bottom: 55px;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .mb-xs-64 {
    margin-bottom: 64px;
  }
  .mb-xs-65 {
    margin-bottom: 65px;
  }
  .mb-xs-70 {
    margin-bottom: 70px;
  }
  .mb-xs-72 {
    margin-bottom: 72px;
  }
  .mb-xs-75 {
    margin-bottom: 75px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .mb-xs-85 {
    margin-bottom: 85px;
  }
  .mb-xs-88 {
    margin-bottom: 88px;
  }
  .mb-xs-90 {
    margin-bottom: 90px;
  }
  .mb-xs-95 {
    margin-bottom: 95px;
  }
  .mb-xs-96 {
    margin-bottom: 96px;
  }
  .mb-xs-100 {
    margin-bottom: 100px;
  }
  .mb-xs-104 {
    margin-bottom: 104px;
  }
  .mb-xs-105 {
    margin-bottom: 105px;
  }
  .mb-xs-110 {
    margin-bottom: 110px;
  }
  .mb-xs-112 {
    margin-bottom: 112px;
  }
  .mb-xs-115 {
    margin-bottom: 115px;
  }
  .mb-xs-120 {
    margin-bottom: 120px;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-5 {
    margin-top: 5px;
  }
  .mt-xs-8 {
    margin-top: 8px;
  }
  .mt-xs-10 {
    margin-top: 10px;
  }
  .mt-xs-15 {
    margin-top: 15px;
  }
  .mt-xs-16 {
    margin-top: 16px;
  }
  .mt-xs-20 {
    margin-top: 20px;
  }
  .mt-xs-24 {
    margin-top: 24px;
  }
  .mt-xs-25 {
    margin-top: 25px;
  }
  .mt-xs-30 {
    margin-top: 30px;
  }
  .mt-xs-32 {
    margin-top: 32px;
  }
  .mt-xs-35 {
    margin-top: 35px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mt-xs-45 {
    margin-top: 45px;
  }
  .mt-xs-48 {
    margin-top: 48px;
  }
  .mt-xs-50 {
    margin-top: 50px;
  }
  .mt-xs-55 {
    margin-top: 55px;
  }
  .mt-xs-56 {
    margin-top: 56px;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mt-xs-64 {
    margin-top: 64px;
  }
  .mt-xs-65 {
    margin-top: 65px;
  }
  .mt-xs-70 {
    margin-top: 70px;
  }
  .mt-xs-72 {
    margin-top: 72px;
  }
  .mt-xs-75 {
    margin-top: 75px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mt-xs-85 {
    margin-top: 85px;
  }
  .mt-xs-88 {
    margin-top: 88px;
  }
  .mt-xs-90 {
    margin-top: 90px;
  }
  .mt-xs-95 {
    margin-top: 95px;
  }
  .mt-xs-96 {
    margin-top: 96px;
  }
  .mt-xs-100 {
    margin-top: 100px;
  }
  .mt-xs-104 {
    margin-top: 104px;
  }
  .mt-xs-105 {
    margin-top: 105px;
  }
  .mt-xs-110 {
    margin-top: 110px;
  }
  .mt-xs-112 {
    margin-top: 112px;
  }
  .mt-xs-115 {
    margin-top: 115px;
  }
  .mt-xs-120 {
    margin-top: 120px;
  }
  .mt-xs-130 {
    margin-top: 130px;
  }
  .mt-xs-140 {
    margin-top: 140px;
  }
  .mt-xs-150 {
    margin-top: 150px;
  }
  .p0-xs {
    padding: 0;
  }
  .pt-xs-0 {
    padding-top: 0;
  }
  .pt-xs-5 {
    padding-top: 5px;
  }
  .pt-xs-8 {
    padding-top: 8px;
  }
  .pt-xs-10 {
    padding-top: 10px;
  }
  .pt-xs-15 {
    padding-top: 15px;
  }
  .pt-xs-16 {
    padding-top: 16px;
  }
  .pt-xs-20 {
    padding-top: 20px;
  }
  .pt-xs-24 {
    padding-top: 24px;
  }
  .pt-xs-25 {
    padding-top: 25px;
  }
  .pt-xs-30 {
    padding-top: 30px;
  }
  .pt-xs-32 {
    padding-top: 32px;
  }
  .pt-xs-35 {
    padding-top: 35px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pt-xs-45 {
    padding-top: 45px;
  }
  .pt-xs-48 {
    padding-top: 48px;
  }
  .pt-xs-50 {
    padding-top: 50px;
  }
  .pt-xs-55 {
    padding-top: 55px;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pt-xs-64 {
    padding-top: 64px;
  }
  .pt-xs-65 {
    padding-top: 65px;
  }
  .pt-xs-70 {
    padding-top: 70px;
  }
  .pt-xs-72 {
    padding-top: 72px;
  }
  .pt-xs-75 {
    padding-top: 75px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pt-xs-85 {
    padding-top: 85px;
  }
  .pt-xs-88 {
    padding-top: 88px;
  }
  .pt-xs-90 {
    padding-top: 90px;
  }
  .pt-xs-95 {
    padding-top: 95px;
  }
  .pt-xs-96 {
    padding-top: 96px;
  }
  .pt-xs-100 {
    padding-top: 100px;
  }
  .pt-xs-104 {
    padding-top: 104px;
  }
  .pt-xs-105 {
    padding-top: 105px;
  }
  .pt-xs-110 {
    padding-top: 110px;
  }
  .pt-xs-112 {
    padding-top: 112px;
  }
  .pt-xs-115 {
    padding-top: 115px;
  }
  .pt-xs-120 {
    padding-top: 120px;
  }
  .pt-xs-160 {
    padding-top: 160px;
  }
  .pt-xs-180 {
    padding-top: 180px;
  }
  .pt-xs-240 {
    padding-top: 240px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0;
  }
  .pb-xs-5 {
    padding-bottom: 5px;
  }
  .pb-xs-8 {
    padding-bottom: 8px;
  }
  .pb-xs-10 {
    padding-bottom: 10px;
  }
  .pb-xs-15 {
    padding-bottom: 15px;
  }
  .pb-xs-16 {
    padding-bottom: 16px;
  }
  .pb-xs-20 {
    padding-bottom: 20px;
  }
  .pb-xs-24 {
    padding-bottom: 24px;
  }
  .pb-xs-25 {
    padding-bottom: 25px;
  }
  .pb-xs-30 {
    padding-bottom: 30px;
  }
  .pb-xs-32 {
    padding-bottom: 32px;
  }
  .pb-xs-35 {
    padding-bottom: 35px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .pb-xs-45 {
    padding-bottom: 45px;
  }
  .pb-xs-48 {
    padding-bottom: 48px;
  }
  .pb-xs-50 {
    padding-bottom: 50px;
  }
  .pb-xs-55 {
    padding-bottom: 55px;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .pb-xs-64 {
    padding-bottom: 64px;
  }
  .pb-xs-65 {
    padding-bottom: 65px;
  }
  .pb-xs-70 {
    padding-bottom: 70px;
  }
  .pb-xs-72 {
    padding-bottom: 72px;
  }
  .pb-xs-75 {
    padding-bottom: 75px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .pb-xs-85 {
    padding-bottom: 85px;
  }
  .pb-xs-88 {
    padding-bottom: 88px;
  }
  .pb-xs-90 {
    padding-bottom: 90px;
  }
  .pb-xs-95 {
    padding-bottom: 95px;
  }
  .pb-xs-96 {
    padding-bottom: 96px;
  }
  .pb-xs-100 {
    padding-bottom: 100px;
  }
  .pb-xs-104 {
    padding-bottom: 104px;
  }
  .pb-xs-105 {
    padding-bottom: 105px;
  }
  .pb-xs-110 {
    padding-bottom: 110px;
  }
  .pb-xs-112 {
    padding-bottom: 112px;
  }
  .pb-xs-115 {
    padding-bottom: 115px;
  }
  .pb-xs-120 {
    padding-bottom: 120px;
  }
  .pb-xs-180 {
    padding-bottom: 180px;
  }
  .pb-xs-240 {
    padding-bottom: 240px !important;
  }
}

/*!---------- 37. Font weight ----------*/

.weight-100 {
    font-weight: 100;
  }
  .weight-200 {
    font-weight: 200;
  }
  .weight-300 {
    font-weight: 300;
  }
  .weight-400 {
    font-weight: 400;
  }
  .weight-500 {
    font-weight: 500;
  }
  .weight-600 {
    font-weight: 600;
  }
  .weight-700 {
    font-weight: 700;
  }
  .weight-800 {
    font-weight: 800;
  }
  .weight-900 {
    font-weight: 900;
  }

/*!---------- 38. LEAD ----------*/

p.lead-18 {
  font-size: 18px;
  font-weight: 300;
}
p.lead-20 {
  font-size: 20px;
  font-weight: 300;
}
p.lead-22 {
  font-size: 22px;
  font-weight: 300;
}
p.lead-24 {
  font-size: 24px;
  font-weight: 300;
}
p.lead-26 {
  font-size: 26px;
  font-weight: 300;
}
p.lead-28 {
  font-size: 28px;
  font-weight: 300;
}
p.lead-30 {
  font-size: 30px;
  font-weight: 300;
}
p.lead-32 {
  font-size: 32px;
  font-weight: 300;
}
p.lead-34 {
  font-size: 34px;
  font-weight: 300;
}
p.lead-36 {
  font-size: 36px;
  font-weight: 300;
}
p.lead-38 {
  font-size: 38px;
  font-weight: 300;
}
p.lead-40 {
  font-size: 40px;
  font-weight: 300;
}

.275cc8orange {
  color:#fe8100;
}

.bg-orange {
  background-color:#fe8100;
}

/*!---------- 40. TABLE ----------*/
table, th, td {
  border: 1px solid #dddddd;
  border-collapse: collapse;
}
table, tr, th {
  background-color:#013467;
}
th, td {
  padding: 10px 5px;
}
table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th  {
  background-color: black;
  color: white;
}
.texture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.btn-dynamic {
  display: block;
  width: 115px;
  height: 41px;
  /*background: url('user/images/btn-dynamicice.png') bottom;*/
  text-indent: -99999px;
  opacity: 1;
 }
.btn-dynamic:hover {
  opacity: 0.5;
}

img.grayscale:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
  opacity: 1;
} 

img.grayscale {
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(100%);
  opacity: 0.8;
}


#img-icon {
  position:relative;
  height:156px;
  width:148px;
  margin:0 auto;
}


#img-icon img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}

#img-icon img.top:hover {
  opacity:0;
}

.btn-cerrar{
  color: #fff;
}
.btn-cerrar:hover{
  color:#b40000;
}
.btn-clientes {
  color:#fff;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 6px 19px;
  background-color: rgba(255, 255, 255, .2);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bg-primary .btn-clientes:hover,
.bg-dark .btn-clientes:hover,
.btn-clientes:hover {
  color: #990000;
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*   GO TO TOP   */
#return-to-top {
  position: fixed;
  bottom: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  z-index: 1000;
  display: none;
  text-decoration: none;

  border-radius: 50%;

  background: rgba(20, 20, 20, 0.75);
  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
	0 6px 16px rgba(0,0,0,0.35),
	0 0 0 1px rgba(255,255,255,0.05) inset;

  transition:
	transform 0.3s ease,
	box-shadow 0.3s ease,
	background 0.3s ease,
	border 0.3s ease;
}


/* ICONO */
#return-to-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);

  color: rgba(255,255,255,0.85);
  font-size: 16px;

  transition:
	transform 0.3s ease,
	color 0.3s ease;
}

/* HOVER */
#return-to-top:hover {
  background: #d11b17;
  border: 1px solid rgba(255,255,255,0.15);

  transform: translateY(-2px) scale(1.05);

  box-shadow:
	0 10px 22px rgba(0,0,0,0.4),
	0 0 14px rgba(209,27,23,0.45),
	0 0 28px rgba(209,27,23,0.25);
}

#return-to-top:hover i {
  color: #fff;
  transform: translate(-50%, -55%) scale(1.1);
}

/* ACTIVO (cuando se hace click) */
#return-to-top:active {
  transform: translateY(0) scale(0.96);
  box-shadow:
	0 4px 10px rgba(0,0,0,0.35);
}

/* EFECTO SUTIL DE PULSO (MUY DELICADO) */
#return-to-top::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;

  background: radial-gradient(
	circle,
	rgba(209,27,23,0.25),
	transparent 70%
  );

  opacity: 0;
  transition: opacity 0.4s ease;
}

#return-to-top:hover::after {
  opacity: 1;
}

/* MOBILE (evita efectos raros) */
@media (hover: none) {
  #return-to-top:hover {
	transform: none;
	box-shadow:
	  0 6px 16px rgba(0,0,0,0.35);
	background: rgba(20, 20, 20, 0.75);
  }

  #return-to-top:hover i {
	transform: translate(-50%, -50%);
  }

  #return-to-top::after {
	display: none;
  }
}
/*   GO TO TOP   */


.txt-dm {
	font-family: 'DM Serif Display', serif;
}
.txt-shadow {
	text-shadow: 2px 2px 1px
    rgba(0,0,0,.3);
}
a.link {
  font-size: 14px;
  color: #292929;
  font-weight: 200;
  font-style: italic;
  opacity: .8;
}
a.link:hover {
  opacity: .5;
}



/****** ICON BAR STICKY ******/
.icon-bar {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 1000;
  clear: both;
  transform: translateY(-50%);
}

.icon-bar a {
  position: relative;
  display: block;
  float: right;
  clear: both;
  text-align: center;
  padding: 14px 22px 14px 16px;
  min-width: 64px;
  margin: 5px 0;
  font-size: 25px;
  color: #fff;
  border-radius: 20px 0 0 40px;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	box-shadow 0.45s ease,
	filter 0.45s ease,
	padding 0.45s ease,
	min-width 0.45s ease,
	background 0.45s ease;
}

/* brillo interno suave */
.icon-bar a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.20) 0%,
	rgba(255,255,255,0.08) 35%,
	rgba(255,255,255,0.00) 65%
  );
  opacity: 0;
  transform: translateX(6px);
  transition: opacity 0.45s ease, transform 0.45s ease;
  pointer-events: none;
  z-index: 1;
}

/* halo exterior delicado */
.icon-bar a::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: inherit;
  filter: blur(12px);
  opacity: 0;
  transition: opacity 0.45s ease;
  z-index: -1;
  pointer-events: none;
}

.icon-bar a:hover {
  min-width: 76px;
  padding: 14px 26px 14px 20px;
  filter: brightness(1.08) saturate(1.06);
  box-shadow:
	0 8px 18px rgba(0,0,0,0.18),
	0 0 0 1px rgba(255,255,255,0.10) inset;
}

.icon-bar a:hover::before {
  opacity: 1;
  transform: translateX(0);
}

.icon-bar a:hover::after {
  opacity: 0.45;
}

.icon-bar a:focus-visible {
  outline: none;
  box-shadow:
	0 0 0 3px rgba(255,255,255,0.25),
	0 8px 18px rgba(0,0,0,0.18);
}

.icon-bar i {
  width: 20px;
  position: relative;
  z-index: 2;
  display: inline-block;
  transform: translateX(0) scale(1);
  transition: transform 0.45s ease;
}

.icon-bar a:hover i {
  transform: translateX(-2px) scale(1.08);
}

/* FACEBOOK */
.facebook {
  background: linear-gradient(135deg, #4267b2 0%, #35518a 100%);
  color: #fff;
}

.facebook:hover {
  background: linear-gradient(135deg, #4c74c5 0%, #3d5c99 100%);
  box-shadow:
	0 8px 18px rgba(0,0,0,0.18),
	0 0 18px rgba(66,103,178,0.35),
	0 0 34px rgba(66,103,178,0.18),
	0 0 0 1px rgba(255,255,255,0.10) inset;
}

/* INSTAGRAM */
.instagram {
  color: #fff;
  background: linear-gradient(
	45deg,
	#f09433 0%,
	#e6683c 25%,
	#dc2743 50%,
	#cc2366 75%,
	#bc1888 100%
  );
}

.instagram:hover {
  background: linear-gradient(
	45deg,
	#f3a64c 0%,
	#eb7a4f 25%,
	#e33a57 50%,
	#d13a78 75%,
	#c92aa0 100%
  );
  box-shadow:
	0 8px 18px rgba(0,0,0,0.18),
	0 0 18px rgba(220,39,67,0.28),
	0 0 34px rgba(188,24,136,0.20),
	0 0 0 1px rgba(255,255,255,0.10) inset;
}

/* YOUTUBE */
.youtube {
  background: linear-gradient(135deg, #d80000 0%, #a80000 100%);
  color: #fff;
}

.youtube:hover {
  background: linear-gradient(135deg, #f01a1a 0%, #c40000 100%);
  box-shadow:
	0 8px 18px rgba(0,0,0,0.18),
	0 0 18px rgba(216,0,0,0.32),
	0 0 34px rgba(216,0,0,0.18),
	0 0 0 1px rgba(255,255,255,0.10) inset;
}

/* TWITTER / X */
.twitter {
  background: linear-gradient(135deg, #2ab3ff 0%, #148ed6 100%);
  color: #fff;
}

.twitter:hover {
  background: linear-gradient(135deg, #48c0ff 0%, #25a2eb 100%);
  box-shadow:
	0 8px 18px rgba(0,0,0,0.18),
	0 0 18px rgba(29,161,242,0.34),
	0 0 34px rgba(29,161,242,0.18),
	0 0 0 1px rgba(255,255,255,0.10) inset;
}

/* efecto más delicado en pantallas táctiles */
@media (hover: none) {
  .icon-bar a:hover {
	min-width: 64px;
	padding: 14px 22px 14px 16px;
	filter: none;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  }

  .icon-bar a:hover::before,
  .icon-bar a:hover::after {
	opacity: 0;
	transform: translateX(6px);
  }

  .icon-bar a:hover i {
	transform: none;
  }
}
/****** ICON BAR STICKY ******/


/****** SOCIAL FOOTER ******/

/* CONTENEDOR GENERAL */
.social-footer {
  margin-top: 10px;
}

/* CONTENEDOR ICONOS */
.social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* BOTONES */
.social-icons a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  border-radius: 50%;
  text-decoration: none;

  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transform: scale(1);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    border 0.28s ease;
}

/* ICONOS */
.social-icons i {
  font-size: 16px;
  color: rgba(255,255,255,0.85);
  transition: transform 0.28s ease, color 0.28s ease;
}

/* HOVER */
.social-icons a:hover {
  transform: scale(1.08);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);

  box-shadow:
    0 6px 14px rgba(0,0,0,0.25),
    0 0 10px rgba(255,255,255,0.06);
}

.social-icons a:hover i {
  transform: scale(1.05);
  color: #ffffff;
}

/* FACEBOOK */
.social-icons a:hover .fa-facebook {
  color: #7ea1ff;
  text-shadow: 0 0 6px rgba(126,161,255,0.30);
}

/* INSTAGRAM */
.social-icons a:hover .fa-instagram {
  color: #ff8ab3;
  text-shadow: 0 0 6px rgba(255,138,179,0.30);
}

/* MOBILE FIX (CLAVE) */
@media (max-width: 767px) {

  .social-footer {
    text-align: center; /* centra el título */
  }

  .social-icons {
    justify-content: center; /* centra los iconos */
    margin-top: 8px;
  }

}

/* EFECTO TÁCTIL */
@media (hover: none) {
  .social-icons a:hover {
    transform: none;
    box-shadow: none;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
  }

  .social-icons a:hover i {
    transform: none;
    color: rgba(255,255,255,0.85);
  }
}

/****** SOCIAL FOOTER ******/




.sale-tag {
  background: #ff0000;
  padding: 1px 8px;
  position: absolute;
  top: 20px;
  right: 7px;
  z-index: 100;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}
.sale-tag::after {
  /*border-top: 8px solid black;*/
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid black;
  bottom: -8px;
  content: '';
  right: -8px;
  position: absolute;
  z-index: -1;
}



.svg_right {
    background-image: url(../user/images/right_shape.png);
    background-repeat: no-repeat;
    background-size: 80%;
    position: absolute;
    width: 340px;
    height: 568px;
    right: -128px;
    bottom: 705px;
    z-index: 0;
}

.svg_left {
    background-image: url(../user/images/left_shape.png);
    background-repeat: no-repeat;
    background-size: 80%;
    position: absolute;
    width: 842px;
    height: 830px;
    left: -195px;
    z-index: 0;
    bottom: 280px;
}

.shape-1 {
    background-image: url(../user/images/shape-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 857px;
    height: 646px;
    right: -347px;
    bottom: -396px;
    z-index: 0;
}
.shape-2 {
    background-image: url(../user/images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 448px;
    height: 317px;
    left: -147px;
    top: 36px;
    z-index: 0;
    -webkit-transform:rotate(290deg);
    -moz-transform: rotate(290deg);
    -ms-transform: rotate(290deg);
    -o-transform: rotate(290deg);
    transform: rotate(290deg);
}


.spot-paint1 {
    background-image: url(../user/images/spot-paint1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 225px;
    height: 44px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
}

/*.whatsapp-bubble {
    position: fixed;
    bottom: 65px;
    left: 10px;
    background: rgb(0, 199, 84);
    background: rgba(0, 199, 84, 1);
    width: 45px;
    height: 45px;
    display: block;
    z-index:1000;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/
.whatsapp-bubble {
  position: fixed;
  bottom: 65px;
  right: 12px;
  background: rgb(0, 199, 84);
  background: rgba(0, 199, 84, 1);
  width: 55px;
  height: 55px;
  display: block;
  z-index: 1000;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 50%;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 52px;
  text-align: center;
  padding-left: 5px;
}
/*.whatsapp-bubble i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 9px;
    top: 7px;
    font-size: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/
.whatsapp-bubble i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 9px;
  top: 7px;
  font-size: 32px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.whatsapp-bubble:hover {
    background: rgba(1, 1, 1, 1);
}
.whatsapp-bubble:hover i {
    color: #fff;
}



.home-box{
  background-color: rgba(1,1,1,0.7);
  padding: 30px;
  border-radius: 5px;
}
.btn-buscar{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #292929;
  opacity: 0.8;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}


.belloc-features {
  width: 100%;
  background: #f5f5f5;
  padding: 70px 30px;
}

.belloc-features-wrap {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}

.belloc-feature-item {
  padding: 10px 38px 20px 38px;
  border-right: 1px solid #dddddd;
}

.belloc-feature-item:last-child {
  border-right: none;
}

.belloc-feature-icon {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 28px;
  color: #444;
}

.belloc-feature-item h3 {
  margin: 0 0 18px 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
}

.belloc-feature-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  color: #4b4b4b;
  font-family: Arial, Helvetica, sans-serif;
  max-width: 260px;
}

.belloc-feature-icon svg {
  width: 32px;
  height: 32px;
  stroke: #555;
  stroke-width: 1.5;
}


/* Tablet */
@media (max-width: 1024px) {
  .belloc-features-wrap {
	grid-template-columns: repeat(2, 1fr);
  }

  .belloc-feature-item {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 25px 28px;
  }

  .belloc-feature-item:nth-child(2n) {
	border-right: none;
  }

  .belloc-feature-item:nth-last-child(-n+2) {
	border-bottom: none;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .belloc-features {
	padding: 50px 20px;
  }

  .belloc-features-wrap {
	grid-template-columns: 1fr;
  }

  .belloc-feature-item {
	border-right: none;
	border-bottom: 1px solid #dddddd;
	padding: 24px 10px;
  }

  .belloc-feature-item:last-child {
	border-bottom: none;
  }

  .belloc-feature-icon {
	font-size: 30px;
	margin-bottom: 20px;
  }

  .belloc-feature-item h3 {
	font-size: 17px;
  }

  .belloc-feature-item p {
	font-size: 15px;
	max-width: 100%;
  }
}

.whatsapp-link {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.whatsapp-link:hover {
  opacity: .5;
}




/****** AREA CLIENTES - LISTA DE PRECIOS ******/
.client-area-section {
  background: #f4f4f4;
  padding: 70px 0 90px;
}
			
/* FOTO DE FONDO MUY SUAVE */
.client-area-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("user/images/back_area_cliente.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: .2;
  pointer-events: none;
  z-index: 0;
}

/* CAPA CLARA PARA MANTENER EL LOOK LIMPIO */
.client-area-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .5);
  pointer-events: none;
  z-index: 0;
}

/* CONTENIDO POR ENCIMA DEL FONDO */
.client-area-section .container {
  position: relative;
  z-index: 2;
}

.client-area-heading {
  margin-bottom: 34px;
}

.client-area-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #555;
}

.client-area-title {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 500;
  color: #2e2e2e;
}

.client-area-subtitle {
  font-size: 20px;
  font-weight: 500;
  color: #666;
}

.client-area-subtitle span {
  color: #d11b17;
  font-weight: 700;
}

/* ALERTAS SUPERIORES */
.client-alert {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px 24px;
  margin-bottom: 18px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
}

.client-alert::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.22) 0%,
	rgba(255,255,255,0.08) 35%,
	rgba(255,255,255,0.00) 65%
  );
}

.client-alert-info {
  background: rgba(7, 155, 154, 0.14);
  border-color: rgba(7, 155, 154, 0.35);
}

.client-alert-note {
  background: rgba(255,255,255,0.82);
  border-color: rgba(0,0,0,0.08);
}

.client-alert-icon {
  position: relative;
  z-index: 2;
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.client-alert-info .client-alert-icon {
  background: rgba(7, 155, 154, 0.18);
  color: #079b9a;
}

.client-alert-note .client-alert-icon {
  background: rgba(209, 27, 23, 0.08);
  color: #d11b17;
}

.client-alert-content {
  position: relative;
  z-index: 2;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
  color: #4d4d4d;
  margin-top: 9px;
}

/* LAYOUT */
.client-area-layout {
  margin-top: 18px;
}

/* LISTADO */
.client-price-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* TARJETAS */
.client-price-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 26px;
  border-radius: 8px;
  text-decoration: none;
  overflow: hidden;

  background: rgba(255,255,255,0.84);
  border: 1px solid rgba(0,0,0,0.06);

  box-shadow:
	0 10px 28px rgba(0,0,0,0.06),
	0 0 0 1px rgba(255,255,255,0.22) inset;

  transition:
	transform 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease,
	background 0.30s ease;
}

.client-price-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.20) 0%,
	rgba(255,255,255,0.08) 36%,
	rgba(255,255,255,0.00) 65%
  );
}

.client-price-card:hover {
  transform: translateY(-3px);
  background: rgba(255,255,255,0.96);
  border-color: rgba(209, 27, 23, 0.18);
  box-shadow:
	0 18px 36px rgba(0,0,0,0.09),
	0 0 0 1px rgba(255,255,255,0.26) inset,
	0 0 18px rgba(209,27,23,0.08);
}

.client-price-card-icon,
.client-price-card-body,
.client-price-card-arrow {
  position: relative;
  z-index: 2;
}

.client-price-card-icon {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(209, 27, 23, 0.06);
  border: 1px solid rgba(209, 27, 23, 0.20);
  color: #d11b17;
  font-size: 24px;

  transition:
	transform 0.30s ease,
	box-shadow 0.30s ease,
	background 0.30s ease;
}

.client-price-card:hover .client-price-card-icon {
  transform: scale(1.06);
  background: rgba(209, 27, 23, 0.10);
  box-shadow:
	0 0 18px rgba(209,27,23,0.10);
}

.client-price-card-body {
  flex: 1;
}

.client-price-card-label {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #888;
}

.client-price-card-body h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: #2f2f2f;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.client-price-card-arrow {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(0,0,0,0.03);
  color: #777;
  font-size: 16px;
  transition:
	transform 0.30s ease,
	background 0.30s ease,
	color 0.30s ease;
}

.client-price-card:hover .client-price-card-arrow {
  transform: translateX(3px);
  background: rgba(209, 27, 23, 0.08);
  color: #d11b17;
}

/* CONTACTO */
.client-contact-sticky {
  position: sticky;
  top: 120px;
}

.client-contact-card {
  position: relative;
  display: block;
  padding: 30px 26px;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;

  background: linear-gradient(135deg, #d11b17 0%, #b81411 100%);
  color: #fff;

  box-shadow:
	0 18px 38px rgba(209,27,23,0.20),
	0 0 0 1px rgba(255,255,255,0.05) inset;

  transition:
	transform 0.30s ease,
	box-shadow 0.30s ease;
}

.client-contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.16) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
}

.client-contact-card:hover {
  transform: translateY(-4px);
  box-shadow:
	0 24px 46px rgba(209,27,23,0.26),
	0 0 18px rgba(209,27,23,0.18);
}

.client-contact-icon,
.client-contact-content {
  position: relative;
  z-index: 2;
}

.client-contact-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.24);
  font-size: 30px;
  color: #fff;
}

.client-contact-content {
  text-align: center;
}

.client-contact-label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
}

.client-contact-content h4 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
}

.client-contact-content p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.client-contact-content p span {
  opacity: 0.7;
  font-weight: 400;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .client-area-section {
	padding: 56px 0 70px;
  }

  .client-area-title {
	font-size: 28px;
  }

  .client-area-subtitle {
	font-size: 17px;
  }

  .client-price-card {
	padding: 22px 20px;
	gap: 16px;
  }

  .client-price-card-body h3 {
	font-size: 20px;
	letter-spacing: 1px;
  }

  .client-contact-sticky {
	position: relative;
	top: 0;
	margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .client-alert {
	padding: 18px;
	gap: 14px;
  }

  .client-price-card {
	align-items: center;
	padding: 18px 16px;
  }

  .client-price-card-icon {
	width: 54px;
	height: 54px;
	min-width: 54px;
	font-size: 20px;
  }

  .client-price-card-body h3 {
	font-size: 17px;
	line-height: 1.3;
  }

  .client-price-card-label {
	font-size: 11px;
  }

  .client-price-card-arrow {
	display: none;
  }

  .client-contact-card {
	padding: 24px 20px;
	border-radius: 20px;
  }

  .client-contact-content h4 {
	font-size: 20px;
  }

  .client-contact-content p {
	font-size: 16px;
  }
}
/****** AREA CLIENTES - LISTA DE PRECIOS ******/





/****** LOGIN CLIENTES - REDISEÑO PLACA CONTENEDORA ******/
/* sección completa: no toca la imagen de fondo */
.main-container section.cover.fullscreen.image-bg.overlay {
  position: relative;
}

/* placa contenedora del formulario */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 {
  position: relative;
  padding: 34px 34px 28px;
  border-radius: 8px;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  box-shadow:
	0 18px 46px rgba(0, 0, 0, 0.18),
	0 0 0 1px rgba(255,255,255,0.04) inset;
}

/* brillo interno suave */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.14) 0%,
	rgba(255,255,255,0.06) 28%,
	rgba(255,255,255,0.00) 62%
  );
}

/* halo superior delicado */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -130px;
  left: -80px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
	circle,
	rgba(255,255,255,0.11) 0%,
	rgba(255,255,255,0.03) 42%,
	transparent 74%
  );
}

/* para que el contenido quede por encima de los pseudo-elementos */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 > .row {
  position: relative;
  z-index: 2;
}

/* título */
.main-container #login-form + *,
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
  position: relative;
  z-index: 2;
}

.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
  margin-bottom: 28px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-shadow: 0 2px 14px rgba(0,0,0,0.18);
}

/* formulario */
.main-container #login-form {
  position: relative;
  z-index: 2;
}

/* columnas del form */
.main-container #login-form .col-md-6,
.main-container #login-form .col-md-12 {
  margin-bottom: 16px;
}

/* inputs */
.main-container #login-form input[type="text"],
.main-container #login-form input[type="password"] {
  width: 100%;
  height: 52px;
  padding: 0 18px;

  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.22);

  background: rgba(255,255,255,0.90);
  color: #222;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.08),
	0 0 0 1px rgba(255,255,255,0.08) inset;

  transition:
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	background 0.28s ease,
	transform 0.28s ease;
}

/* placeholder */
.main-container #login-form input[type="text"]::placeholder,
.main-container #login-form input[type="password"]::placeholder {
  color: #7a7a7a;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

/* focus inputs */
.main-container #login-form input[type="text"]:focus,
.main-container #login-form input[type="password"]:focus {
  outline: none;
  background: rgba(255,255,255,0.97);
  border-color: rgba(209,27,23,0.42);
  box-shadow:
	0 10px 24px rgba(0,0,0,0.12),
	0 0 0 4px rgba(209,27,23,0.10);
  transform: translateY(-1px);
}

/* botón ingresar */
.main-container #btndialog-login {
  position: relative;
  min-width: 190px;
  height: 52px;
  padding: 0 28px;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,0.92) !important;

  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  box-shadow:
	0 8px 24px rgba(0,0,0,0.20),
	0 0 0 1px rgba(255,255,255,0.06) inset,
	0 0 14px rgba(209,27,23,0.16);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease;
}

/* brillo interno del botón */
.main-container #btndialog-login::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.18) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
}

/* hover botón */
.main-container #btndialog-login:hover {
  background: rgba(209, 27, 23, 1) !important;
  border-color: rgba(255,255,255,1) !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow:
	0 14px 30px rgba(0,0,0,0.24),
	0 0 20px rgba(209,27,23,0.28),
	0 0 36px rgba(209,27,23,0.14);
}

/* mensajes */
.main-container #login_form_msg_error,
.main-container #login_form_msg_success {
  border-radius: 8px;
  margin-top: 16px;
}

/* bloque de links */
.main-container #login-form .text-right {
  margin-top: 8px;
}

/* links secundarios */
.main-container #login-form .text-right a {
  color: rgba(255,255,255,0.96);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 1px 10px rgba(0,0,0,0.18);
  transition: color 0.25s ease, opacity 0.25s ease;
}

.main-container #login-form .text-right a:hover {
  color: #ffffff;
  opacity: 0.85;
}

/* mejora espaciado debajo del botón */
.main-container #login-form .col-md-12.text-center {
  margin-top: 4px;
}

/* responsive */
@media (max-width: 991px) {
  .main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 {
	padding: 28px 22px 24px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.12) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
  }

  .main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
	margin-bottom: 22px;
  }

  .main-container #login-form .col-md-6,
  .main-container #login-form .col-md-12 {
	margin-bottom: 14px;
  }

  .main-container #btndialog-login {
	min-width: 180px;
	width: auto;
  }

  .main-container #login-form .text-right {
	text-align: center !important;
  }
}
/****** LOGIN CLIENTES - REDISEÑO PLACA CONTENEDORA ******/






/***** NAV UTILITY - BOTONES SESION *****/
/* contenedor superior */
.utility-session-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* texto de bienvenida */
.utility-user-welcome {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-right: 2px;
}

.utility-user-welcome i {
  font-size: 11px;
  opacity: 0.75;
}

/* base de botones secundarios */
.utility-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  height: 32px;
  padding: 0 12px 0 11px;

  border-radius: 999px;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;

  color: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
	0 2px 8px rgba(0,0,0,0.14),
	0 0 0 1px rgba(255,255,255,0.03) inset;

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	border-color 0.30s ease,
	box-shadow 0.30s ease,
	color 0.30s ease;
}

/* brillo interno delicado */
.utility-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.12) 0%,
	rgba(255,255,255,0.04) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
  opacity: 0.9;
}

/* icono */
.utility-pill-icon,
.utility-pill-text {
  position: relative;
  z-index: 2;
}

.utility-pill-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  min-width: 14px;
}

.utility-pill-icon i {
  font-size: 12px;
  line-height: 1;
  transition:
	transform 0.30s ease,
	color 0.30s ease,
	opacity 0.30s ease;
}

.utility-pill-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 1;
}

/* botón principal de utilidad: lista de precios */
.utility-pill-primary {
  background: rgba(209,27,23,0.08);
  border-color: rgba(255,255,255,0.18);
  box-shadow:
	0 2px 8px rgba(0,0,0,0.14),
	0 0 10px rgba(209,27,23,0.06),
	0 0 0 1px rgba(255,255,255,0.03) inset;
}

.utility-pill-primary:hover,
.utility-pill-primary:focus-visible {
  color: #fff;
  background: rgba(209,27,23,0.16);
  border-color: rgba(255,255,255,0.28);
  /*transform: translateY(-1px);*/
  box-shadow:
	0 6px 14px rgba(0,0,0,0.18),
	0 0 14px rgba(209,27,23,0.16),
	0 0 24px rgba(209,27,23,0.08),
	0 0 0 1px rgba(255,255,255,0.04) inset;
}

.utility-pill-primary:hover .utility-pill-icon i,
.utility-pill-primary:focus-visible .utility-pill-icon i {
  transform: scale(1.06);
}

/* botón secundario: cerrar sesión */
.utility-pill-secondary {
  background: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.14);
}

.utility-pill-secondary:hover,
.utility-pill-secondary:focus-visible {
  color: #fff;
  background: rgba(209,27,23,0.10);
  border-color: rgba(255,255,255,0.24);
  transform: translateY(-1px);
  box-shadow:
	0 6px 14px rgba(0,0,0,0.16),
	0 0 12px rgba(209,27,23,0.10),
	0 0 0 1px rgba(255,255,255,0.04) inset;
}

.utility-pill-secondary:hover .utility-pill-icon i,
.utility-pill-secondary:focus-visible .utility-pill-icon i {
  transform: rotate(-6deg) scale(1.04);
}

/* accesibilidad */
.utility-pill:focus-visible {
  outline: none;
}

/* ajuste fino del nav superior */
.nav-utility .module.right.utility-session-actions {
  padding-top: 6px;    /*2px;*/
  padding-bottom: 2px;
}

/***** NAV UTILITY - BOTONES SESION *****/


/***** BOTON BUSCADOR HEADER *****/
	.search-trigger-link {
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  text-decoration: none;
	}
		
	.search-trigger-link .search {
	  position: relative;
	  width: 40px;    /*34px;*/
	  height: 40px;    /*34px;*/
	  margin-right: 20px;

	  display: flex;
	  align-items: center;
	  justify-content: center;

	  border-radius: 999px;

	  background: rgba(255,255,255,0.06);
	  border: 1px solid rgba(255,255,255,0.18);

	  backdrop-filter: blur(6px);
	  -webkit-backdrop-filter: blur(6px);

	  box-shadow:
		0 2px 8px rgba(0,0,0,0.14),
		0 0 0 1px rgba(255,255,255,0.03) inset;

	  transition:
		transform 0.32s ease,
		background 0.32s ease,
		border-color 0.32s ease,
		box-shadow 0.32s ease;

	  /* pulso leve */
	  animation: searchPulse 3s ease-in-out infinite;
	}

	/* halo externo */
	.search-trigger-link .search::before {
	  content: "";
	  position: absolute;
	  inset: 0;
	  border-radius: inherit;

	  box-shadow:
		0 0 0 1px rgba(209,27,23,0.18),
		0 0 10px rgba(209,27,23,0.12),
		0 0 20px rgba(209,27,23,0.06);

	  opacity: 0.4;
	  transform: scale(1);
	  transition: all 0.4s ease;
	}

	/* icono */
	.search-trigger-link .search i {
	  font-size: 15px;
	  color: rgba(0,0,0,0.7);
	  transition:
		transform 0.3s ease,
		color 0.3s ease,
		text-shadow 0.3s ease;
	}

	/* HOVER */
	.search-trigger-link:hover .search {
	  transform: scale(1.08);
	  background: rgba(209,27,23,0.08);
	  border-color: rgba(209,27,23,0.28);

	  box-shadow:
		0 6px 14px rgba(0,0,0,0.18),
		0 0 12px rgba(209,27,23,0.16),
		0 0 22px rgba(209,27,23,0.08),
		0 0 0 1px rgba(255,255,255,0.04) inset;
	}

	.search-trigger-link:hover .search::before {
	  opacity: 0.6;
	  transform: scale(1.15);
	}

	.search-trigger-link:hover .search i {
	  color: #d11b17;
	  transform: scale(1.1);
	  text-shadow: 0 0 6px rgba(209,27,23,0.25);
	}

	/* ACTIVE */
	.search-trigger-link:active .search {
	  transform: scale(0.96);
	}

	/* PULSO SUAVE */
	@keyframes searchPulse {
	  0%, 100% {
		box-shadow:
		  0 2px 8px rgba(0,0,0,0.14),
		  0 0 0 1px rgba(255,255,255,0.03) inset;
	  }
	  50% {
		box-shadow:
		  0 3px 10px rgba(0,0,0,0.16),
		  0 0 10px rgba(209,27,23,0.08),
		  0 0 0 1px rgba(255,255,255,0.04) inset;
	  }
	}

	/* MOBILE: sin animaciones */
	@media (hover: none) {
	  .search-trigger-link .search {
		animation: none;
	  }
	}
	/***** BOTON BUSCADOR HEADER *****/
	
	
	


/****** BLOQUE CTA PRODUCTO ******/
.product-cta-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  padding: 34px 40px;

  border-radius: 8px;

  /* fondo rojo suave */
  background: linear-gradient(
	135deg,
	rgba(209,27,23,0.10) 0%,
	rgba(209,27,23,0.18) 100%
  );

  border: 1px solid rgba(209,27,23,0.18);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
	0 12px 30px rgba(0,0,0,0.06),
	0 0 0 1px rgba(255,255,255,0.15) inset;

  position: relative;
  overflow: hidden;
}

/* iluminación sutil */
.product-cta-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: radial-gradient(
	circle at 20% 30%,
	rgba(255,255,255,0.25),
	transparent 60%
  );

  opacity: 0.4;
  pointer-events: none;
}

/* TEXTO */
.product-cta-content {
  max-width: 70%;
}

.product-cta-title {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 300;
  color: #2b2b2b;
  margin-bottom: 8px;
}

.product-cta-title strong {
  display: block;
  font-size: 34px;
  font-weight: 700;
  color: #d11b17;
}

.product-cta-sub {
  font-size: 16px;
  color: rgba(0,0,0,0.55);
}

/* BOTON */
.product-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 48px;
  padding: 0 26px;

  border-radius: 999px;

  border: 2px solid rgba(209,27,23,0.35);

  background: rgba(209,27,23,0.10);
  color: #d11b17;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;

  text-decoration: none !important;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.06),
	0 0 0 1px rgba(255,255,255,0.10) inset;

  transition:
	transform 0.3s ease,
	background 0.3s ease,
	box-shadow 0.3s ease,
	color 0.3s ease;
}

.product-cta-button:hover {
  background: rgba(209,27,23, 1);
  color: #fff;

  transform: translateY(-2px);

  box-shadow:
	0 12px 24px rgba(0,0,0,0.12),
	0 0 16px rgba(209,27,23,0.18);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .product-cta-box {
	flex-direction: column;
	text-align: center;
	padding: 28px 20px;
  }

  .product-cta-content {
	max-width: 100%;
  }

  .product-cta-title {
	font-size: 24px;
  }

  .product-cta-title strong {
	font-size: 28px;
  }
}
/****** BLOQUE CTA PRODUCTO ******/


/****** SEARCH PAGE - REDISEÑO ******/
/* CABECERA */
.search-page-title {
  position: relative;
}

.search-page-title .background-image-holder::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.28);
  pointer-events: none;
}

.search-page-title .container,
.search-page-title .row,
.search-page-title .col-md-6 {
  position: relative;
  z-index: 2;
}

/*.search-page-title h3 {
  font-size: 52px;
  line-height: 1.08;
  font-weight: 300;
  letter-spacing: -0.4px;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0,0,0,0.20);
}*/

/* SECCION PRINCIPAL */
.search-page-section {
  position: relative;
  background: #f6f6f6;
  padding-top: 54px;
  padding-bottom: 54px;
}

/* BLOQUE SUPERIOR DEL BUSCADOR */
.search-page-form-wrap {
  background: rgba(255,255,255, 1);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 8px;
  padding: 34px 34px 28px;
  box-shadow:
	0 14px 34px rgba(0,0,0,0.06),
	0 0 0 1px rgba(255,255,255,0.16) inset;
  margin-bottom: 36px;
}

.search-page-intro {
  color: #666;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 22px;
}

/* FORM */
.search-page-form {
  margin: 0;
}

.search-page-form input[type="text"] {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.15);
  background: rgba(240,240,240,0.96);
  color: #2b2b2b;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04), 0 0 0 1px rgba(255,255,255,0.14) inset;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, transform 0.28s ease;
}

.search-page-form input[type="text"]::placeholder {
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.search-page-form input[type="text"]:focus {
  outline: none;
  background: #fff;
  border-color: rgba(209,27,23,0.30);
  /*box-shadow:
	0 10px 24px rgba(0,0,0,0.08),
	0 0 0 4px rgba(209,27,23,0.08);*/
  transform: translateY(-1px);
}

/* BOTON BUSCAR */
.search-page-button-wrap {
  margin-top: 20px;
}

.search-page-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 170px;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 2px solid #d11b17;
  background: rgba(209,27,23,0.08);
  color: #d11b17 !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  box-shadow:
	0 8px 20px rgba(0,0,0,0.04),
	0 0 0 1px rgba(255,255,255,0.12) inset;
  transition:
	transform 0.28s ease,
	background 0.28s ease,
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	color 0.28s ease;
}

.search-page-button:hover {
  background: rgba(209,27,23,1);
  border-color: rgba(209,27,23,0.34);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow:
	0 14px 28px rgba(0,0,0,0.08),
	0 0 16px rgba(209,27,23,0.10);
}

.search-page-button i {
  font-size: 14px;
}

/* DIVISOR */
.search-page-divider {
  margin-top: 34px;
  margin-bottom: 34px;
  border-color: rgba(0,0,0,0.10);
}


/* ETIQUETAS */
.search-page-results .label.etiqueta {
  background: rgba(209,27,23,0.92);
  color: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(209,27,23,0.18);
}

/* PAGINADO */
.search-page-pagination-wrap {
  padding-bottom: 20px;
  margin-top: 8px;
}

.search-page-pagination-wrap .pagination {
  margin: 0;
}

.search-page-pagination-wrap .pagination > li > a,
.search-page-pagination-wrap .pagination > li > span {
  margin-left: 6px;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.88);
  color: #4b4b4b;
  min-width: 40px;
  height: 40px;
  line-height: 26px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition:
	transform 0.24s ease,
	background 0.24s ease,
	border-color 0.24s ease,
	color 0.24s ease,
	box-shadow 0.24s ease;
}

.search-page-pagination-wrap .pagination > li > a:hover {
  background: rgba(209,27,23,0.10);
  border-color: rgba(209,27,23,0.20);
  color: #d11b17;
  transform: translateY(-1px);
}

.search-page-pagination-wrap .pagination > .active > a,
.search-page-pagination-wrap .pagination > .active > span,
.search-page-pagination-wrap .pagination > .active > a:hover,
.search-page-pagination-wrap .pagination > .active > span:hover {
  background: #d11b17;
  border-color: #d11b17;
  color: #fff;
  box-shadow:
	0 10px 20px rgba(209,27,23,0.20);
}

/* MENSAJES DE RESULTADO / NO RESULTADO */
.div_resultado,
.div_noresultado {
  margin-bottom: 18px;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .search-page-title h3 {
	font-size: 40px;
  }

  .search-page-form-wrap {
	padding: 26px 22px 22px;
	border-radius: 18px;
  }

  .search-page-intro {
	font-size: 16px;
  }
}

@media (max-width: 767px) {
  .search-page-title h3 {
	font-size: 32px;
  }

  .search-page-section {
	padding-top: 38px;
	padding-bottom: 38px;
  }

  .search-page-form-wrap {
	padding: 22px 16px 18px;
  }

  .search-page-form input[type="text"] {
	height: 52px;
	padding: 0 16px;
  }

  .search-page-button {
	min-width: 150px;
	height: 46px;
  }
}
/****** SEARCH PAGE - REDISEÑO ******/


/***** BOTON ACCESO CLIENTES *****/
.client-access-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 36px;
  width: 36px;
  padding: 0;

  border-radius: 999px;
  overflow: visible;
  white-space: nowrap;
  text-decoration: none;

  color: rgba(255,255,255,0.95);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.22);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
	0 3px 10px rgba(0,0,0,0.16),
	0 0 0 1px rgba(255,255,255,0.04) inset;

  transition:
	width 0.42s cubic-bezier(.22,.61,.36,1),
	padding 0.42s cubic-bezier(.22,.61,.36,1),
	background 0.32s ease,
	border-color 0.32s ease,
	box-shadow 0.32s ease,
	transform 0.32s ease;

  animation: clientPulse 2.6s ease-in-out infinite;
  z-index: 10;
}

/* PRIMER HALO EXTERIOR */
.client-access-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  pointer-events: none;
  z-index: -1;

  box-shadow:
	0 0 0 1px rgba(209,27,23,0.22),
	0 0 10px rgba(209,27,23,0.18),
	0 0 22px rgba(209,27,23,0.10);

  opacity: 0.55;
  animation: clientHaloOne 2s ease-out infinite;
}

/* SEGUNDO HALO EXTERIOR */
.client-access-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  pointer-events: none;
  z-index: -2;

  box-shadow:
	0 0 0 1px rgba(209,27,23,0.16),
	0 0 8px rgba(209,27,23,0.14),
	0 0 18px rgba(209,27,23,0.08);

  opacity: 0;
  animation: clientHaloTwo 2s ease-out infinite;
  animation-delay: 1s;
}

/* brillo interno leve */
.client-access-btn .client-access-icon::before {
  content: "";
  position: absolute;
  inset: 4px;
  pointer-events: none;
  z-index: -1;
}

.client-access-icon,
.client-access-text {
  position: relative;
  z-index: 2;
}

.client-access-icon {
  width: 100%;
  height: 100%;
  min-width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
}

.client-access-icon i {
  font-size: 15px;
  line-height: 1;
  color: #fff;
  transition:
	transform 0.32s ease,
	color 0.32s ease,
	text-shadow 0.32s ease,
	opacity 0.32s ease;
}

.client-access-text {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(6px);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding-right: 0;
  transition:
	max-width 0.42s cubic-bezier(.22,.61,.36,1),
	opacity 0.24s ease 0.10s,
	transform 0.32s ease 0.10s,
	padding-right 0.42s cubic-bezier(.22,.61,.36,1);
}

/* HOVER / FOCUS */
.client-access-btn:hover,
.client-access-btn:focus-visible {
  width: 152px;
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 12px;
  background: rgba(209,27,23,0.13);
  border-color: rgba(255,255,255,0.34);
  box-shadow:
	0 6px 16px rgba(0,0,0,0.18),
	0 0 12px rgba(209,27,23,0.14),
	0 0 24px rgba(209,27,23,0.08),
	0 0 0 1px rgba(255,255,255,0.05) inset;
  transform: translateY(-1px);
}

.client-access-btn:hover .client-access-text,
.client-access-btn:focus-visible .client-access-text {
  max-width: 104px;
  opacity: 1;
  transform: translateX(0);
  padding-right: 2px;
}

.client-access-btn:hover .client-access-icon i,
.client-access-btn:focus-visible .client-access-icon i {
  transform: scale(1.05);
  text-shadow: 0 0 6px rgba(255,255,255,0.12);
}

/* en hover pausamos el halo para que no compita con la expansión */
.client-access-btn:hover::before,
.client-access-btn:hover::after,
.client-access-btn:focus-visible::before,
.client-access-btn:focus-visible::after {
  animation-play-state: paused;
  opacity: 0.45;
  transform: translate(-50%, -50%) scale(1.08);
}

/* ACTIVO */
.client-access-btn:active {
  transform: translateY(0) scale(0.98);
}

/* Micro pulso del botón */
@keyframes clientPulse {
  0%, 100% {
	box-shadow:
	  0 3px 10px rgba(0,0,0,0.16),
	  0 0 0 1px rgba(255,255,255,0.04) inset;
  }
  50% {
	box-shadow:
	  0 4px 12px rgba(0,0,0,0.18),
	  0 0 10px rgba(209,27,23,0.08),
	  0 0 0 1px rgba(255,255,255,0.05) inset;
  }
}

/* HALO 1 */
@keyframes clientHaloOne {
  0% {
	transform: translate(-50%, -50%) scale(1);
	opacity: 0.48;
  }
  70% {
	transform: translate(-50%, -50%) scale(1.9);
	opacity: 0.08;
  }
  100% {
	transform: translate(-50%, -50%) scale(2.15);
	opacity: 0;
  }
}

/* HALO 2 */
@keyframes clientHaloTwo {
  0% {
	transform: translate(-50%, -50%) scale(1);
	opacity: 0.34;
  }
  70% {
	transform: translate(-50%, -50%) scale(1.75);
	opacity: 0.06;
  }
  100% {
	transform: translate(-50%, -50%) scale(2);
	opacity: 0;
  }
}

/* accesibilidad */
.client-access-btn:focus-visible {
  outline: none;
}

/* tactil */
@media (hover: none) {
  .client-access-btn {
	width: 142px;
	justify-content: flex-start;
	padding-left: 10px;
	padding-right: 12px;
	animation: none;
  }

  .client-access-btn::before,
  .client-access-btn::after {
	animation: none;
	opacity: 0.18;
	transform: translate(-50%, -50%) scale(1.15);
  }

  .client-access-text {
	max-width: 100px;
	opacity: 1;
	transform: translateX(0);
	padding-right: 2px;
	transition: none;
  }

  .client-access-btn:hover,
  .client-access-btn:focus-visible {
	width: 142px;
	transform: none;
  }
}
/***** BOTON ACCESO CLIENTES *****/




/* botón password */
.main-container #btndialog-password {
  position: relative;
  min-width: 190px;
  height: 52px;
  padding: 0 28px;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,0.92) !important;

  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  box-shadow:
	0 8px 24px rgba(0,0,0,0.20),
	0 0 0 1px rgba(255,255,255,0.06) inset,
	0 0 14px rgba(209,27,23,0.16);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease;
}
/* brillo interno del botón password */
.main-container #btndialog-password::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.18) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
}

/* hover botón password */
.main-container #btndialog-password:hover {
  background: rgba(209, 27, 23, 1) !important;
  border-color: rgba(255,255,255,1) !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow:
	0 14px 30px rgba(0,0,0,0.24),
	0 0 20px rgba(209,27,23,0.28),
	0 0 36px rgba(209,27,23,0.14);
}

/* mensajes */
.main-container #password_form_msg_error,
.main-container #password_form_msg_success {
  border-radius: 8px;
  margin-top: 16px;
}

/* inputs */
.main-container #password-form input[type="text"],
.main-container #password-form input[type="password"] {
  width: 100%;
  height: 52px;
  padding: 0 18px;

  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.22);

  background: rgba(255,255,255,0.90);
  color: #222;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.08),
	0 0 0 1px rgba(255,255,255,0.08) inset;

  transition:
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	background 0.28s ease,
	transform 0.28s ease;
}

/****** CLIENTES - REDISEÑO PLACA CONTENEDORA ******/
/* sección completa: no toca la imagen de fondo */
.main-container section.cover.fullscreen.image-bg.overlay {
  position: relative;
}

/* placa contenedora del formulario */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 {
  position: relative;
  padding: 34px 34px 28px;
  border-radius: 8px;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  box-shadow:
	0 18px 46px rgba(0, 0, 0, 0.18),
	0 0 0 1px rgba(255,255,255,0.04) inset;
}

/* brillo interno suave */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.14) 0%,
	rgba(255,255,255,0.06) 28%,
	rgba(255,255,255,0.00) 62%
  );
}

/* halo superior delicado */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -130px;
  left: -80px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
	circle,
	rgba(255,255,255,0.11) 0%,
	rgba(255,255,255,0.03) 42%,
	transparent 74%
  );
}

/* para que el contenido quede por encima de los pseudo-elementos */
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 > .row {
  position: relative;
  z-index: 2;
}

/* título */
.main-container #cliente-form + *,
.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
  position: relative;
  z-index: 2;
}

.main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
  margin-bottom: 28px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-shadow: 0 2px 14px rgba(0,0,0,0.18);
}

/* formulario */
.main-container #cliente-form {
  position: relative;
  z-index: 2;
}

/* columnas del form */
.main-container #cliente-form .col-md-6,
.main-container #cliente-form .col-md-12 {
  margin-bottom: 16px;
}

/* inputs */
.main-container #cliente-form input[type="text"],
.main-container #cliente-form input[type="password"] {
  width: 100%;
  height: 52px;
  padding: 0 18px;

  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.22);

  background: rgba(255,255,255,0.90);
  color: #222;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.08),
	0 0 0 1px rgba(255,255,255,0.08) inset;

  transition:
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	background 0.28s ease,
	transform 0.28s ease;
}

/* placeholder */
.main-container #cliente-form input[type="text"]::placeholder,
.main-container #cliente-form input[type="password"]::placeholder {
  color: #7a7a7a;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

/* focus inputs */
.main-container #cliente-form input[type="text"]:focus,
.main-container #cliente-form input[type="password"]:focus {
  outline: none;
  background: rgba(255,255,255,0.97);
  border-color: rgba(209,27,23,0.42);
  box-shadow:
	0 10px 24px rgba(0,0,0,0.12),
	0 0 0 4px rgba(209,27,23,0.10);
  transform: translateY(-1px);
}

/* botón ingresar */
.main-container #btndialog-cliente {
  position: relative;
  min-width: 190px;
  height: 52px;
  padding: 0 28px;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,0.92) !important;

  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  box-shadow:
	0 8px 24px rgba(0,0,0,0.20),
	0 0 0 1px rgba(255,255,255,0.06) inset,
	0 0 14px rgba(209,27,23,0.16);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease;
}

/* brillo interno del botón */
.main-container #btndialog-cliente::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.18) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
}

/* hover botón */
.main-container #btndialog-cliente:hover {
  background: rgba(209, 27, 23, 1) !important;
  border-color: rgba(255,255,255,1) !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow:
	0 14px 30px rgba(0,0,0,0.24),
	0 0 20px rgba(209,27,23,0.28),
	0 0 36px rgba(209,27,23,0.14);
}

/* mensajes */
.main-container #cliente_form_msg_error,
.main-container #cliente_form_msg_success {
  border-radius: 8px;
  margin-top: 16px;
}

/* bloque de links */
.main-container #cliente-form .text-right {
  margin-top: 8px;
}

/* links secundarios */
.main-container #cliente-form .text-right a {
  color: rgba(255,255,255,0.96);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 1px 10px rgba(0,0,0,0.18);
  transition: color 0.25s ease, opacity 0.25s ease;
}

.main-container #cliente-form .text-right a:hover {
  color: #ffffff;
  opacity: 0.85;
}

/* mejora espaciado debajo del botón */
.main-container #cliente-form .col-md-12.text-center {
  margin-top: 4px;
}

/* responsive */
@media (max-width: 991px) {
  .main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 {
	padding: 28px 22px 24px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.12) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
  }

  .main-container section.cover.fullscreen.image-bg.overlay .feature.bordered.text-center.mb0.mt100 h2 {
	margin-bottom: 22px;
  }

  .main-container #cliente-form .col-md-6,
  .main-container #cliente-form .col-md-12 {
	margin-bottom: 14px;
  }

  .main-container #btndialog-cliente {
	min-width: 180px;
	width: auto;
  }

  .main-container #cliente-form .text-right {
	text-align: center !important;
  }
}
/****** CLIENTES - REDISEÑO PLACA CONTENEDORA ******/



/* botón client */
.main-container #btndialog-cliente {
  position: relative;
  min-width: 190px;
  height: 52px;
  padding: 0 28px;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,0.92) !important;

  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  box-shadow:
	0 8px 24px rgba(0,0,0,0.20),
	0 0 0 1px rgba(255,255,255,0.06) inset,
	0 0 14px rgba(209,27,23,0.16);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease;
}
/* brillo interno del botón cliente */
.main-container #btndialog-cliente::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.18) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
}

/* hover botón client */
.main-container #btndialog-cliente:hover {
  background: rgba(209, 27, 23, 1) !important;
  border-color: rgba(255,255,255,1) !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow:
	0 14px 30px rgba(0,0,0,0.24),
	0 0 20px rgba(209,27,23,0.28),
	0 0 36px rgba(209,27,23,0.14);
}
/* mensajes */
.main-container #cliente_form_msg_error,
.main-container #cliente_form_msg_success {
  border-radius: 8px;
  margin-top: 16px;
}

/* inputs */
.main-container #cliente-form input[type="text"],
.main-container #cliente-form input[type="password"] {
  width: 100%;
  height: 52px;
  padding: 0 18px;

  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.22);

  background: rgba(255,255,255,0.90);
  color: #222;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.08),
	0 0 0 1px rgba(255,255,255,0.08) inset;

  transition:
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	background 0.28s ease,
	transform 0.28s ease;
}

/* botón password */
.main-container #btndialog-password {
  position: relative;
  min-width: 190px;
  height: 52px;
  padding: 0 28px;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,0.92) !important;

  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  box-shadow:
	0 8px 24px rgba(0,0,0,0.20),
	0 0 0 1px rgba(255,255,255,0.06) inset,
	0 0 14px rgba(209,27,23,0.16);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  transition:
	transform 0.30s ease,
	background 0.30s ease,
	box-shadow 0.30s ease,
	border-color 0.30s ease;
}
/* brillo interno del botón password */
.main-container #btndialog-password::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
	135deg,
	rgba(255,255,255,0.18) 0%,
	rgba(255,255,255,0.06) 35%,
	rgba(255,255,255,0.00) 65%
  );
  pointer-events: none;
}

/* hover botón password */
.main-container #btndialog-password:hover {
  background: rgba(209, 27, 23, 1) !important;
  border-color: rgba(255,255,255,1) !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow:
	0 14px 30px rgba(0,0,0,0.24),
	0 0 20px rgba(209,27,23,0.28),
	0 0 36px rgba(209,27,23,0.14);
}
/* mensajes */
.main-container #password_form_msg_error,
.main-container #password_form_msg_success {
  border-radius: 8px;
  margin-top: 16px;
}

/* inputs */
.main-container #password-form input[type="text"],
.main-container #password-form input[type="password"] {
  width: 100%;
  height: 52px;
  padding: 0 18px;

  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.22);

  background: rgba(255,255,255,0.90);
  color: #222;

  box-shadow:
	0 6px 18px rgba(0,0,0,0.08),
	0 0 0 1px rgba(255,255,255,0.08) inset;

  transition:
	border-color 0.28s ease,
	box-shadow 0.28s ease,
	background 0.28s ease,
	transform 0.28s ease;
}