/*
 Theme Name:	CERCANNA
 Theme URI:		https://sliven-group.github.io/portafolio/
 Description:	Template desarrollado para cercanna.
 Author:		sliven
 Author URI:	https://sliven-group.github.io/portafolio/
 Version:		1.0
 License:		GNU General Public License v2 or later
 License URI:	LICENSE
 Tags:			themes, WordPress, WooCommerce
 Text Domain:	cercanna
*/

/* Promociones */
.promociones-banner .about-banner-box {
  display: block;
  width: 100%;
}
.promociones-banner .about-banner-data {
  grid-template-columns: repeat(4, calc(25% - 15px));
  gap: 20px 20px;
}
@media (max-width: 992px) {
  .promociones-banner .about-banner-data {
    grid-template-columns: repeat(3, calc(33.333333% - 12px));
  }
}
@media (max-width: 767px) {
  .promociones-banner .about-banner-data {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 500px) {
  .promociones-banner .about-banner-data {
    grid-template-columns: 1fr;
  }
}
.promociones-banner .about-banner-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 48px;
  padding-bottom: 32px;
}
.promociones-banner .about-banner-text .title-general {
  flex: 1;
}
.promociones-banner .about-banner-text .text-general {
  max-width: 580px;
}
@media (max-width: 1024px) {
  .promociones-banner .about-banner-text .text-general {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .promociones-banner .about-banner-text {
    gap: 0px;
  }
}
@media (max-width: 1024px) {
  .promociones-banner .about-banner-text {
    flex-flow: row wrap;
  }
}
.promociones-banner .about-banner-col .title-general {
  font-weight: 500;
  display: block;
  font-size: 20px;
}

.promociones {
  padding-top: 64px;
  padding-bottom: 64px;
}
.promociones-wrap {
  display: flex;
  gap: 48px;
}
@media (max-width: 1200px) {
  .promociones-wrap {
    gap: 30px;
  }
}
@media (max-width: 1024px) {
  .promociones-wrap {
    flex-flow: row wrap;
  }
}
.promociones-data {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.promociones-data::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3215686275);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .promociones-data {
    padding: 20% 0px;
  }
}
.promociones-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.promociones-image img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promociones-data-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 552px;
  padding: 0px 20px;
  box-sizing: border-box;
}
.promociones-left {
  flex: 1;
}
.promociones-right {
  width: 504px;
  /* border-top: 1px solid #222221; */
  /* padding-top: 24px; */
}

.promociones-right > div:first-child{
  margin-bottom: 15px;
}

.promociones-logo{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}

.promociones-right .g-title {
  font-weight: 500;
  line-height: initial;
  color: #222221;
  font-size: clamp(17px, 5vw, 18px);
}
@media (max-width: 768px) {
  .promociones-right .g-title {
    line-height: inherit;
  }
}
.promociones-right .g-title {
  font-family: var(--font-f-2);
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .promociones-right {
    width: 100%;
  }
}
.promociones-logo img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.promociones-title {
  font-weight: 500;
  line-height: initial;
  color: #FFFFFF;
  font-size: clamp(20px, 5vw, 28px);
}
@media (max-width: 768px) {
  .promociones-title {
    line-height: inherit;
  }
}
.promociones-title {
  font-family: var(--font-f-2);
  border-top: 1px solid white;
  padding-top: 12px;
  margin-top: 12px;
}
.promociones-list {
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
  font-size: clamp(15px, 5vw, 15px);
}
@media (max-width: 768px) {
  .promociones-list {
    line-height: inherit;
  }
}
.promociones-list {
  font-family: var(--font-f-1);
  display: flex;
  padding-top: 15px;
  align-items: center;
  text-align: left;
  gap: 24px;
}
.promociones-list i {
  width: 20px;
  height: 20px;
  background-color: white;
}
.promociones-list li {
  display: flex;
  gap: 12px;
  align-items: center;
}
.promociones-list li:first-child {
  width: 168px;
}
.promociones-list span {
  display: block;
  width: calc(100% - 20px);
}
@media (max-width: 600px) {
  .promociones-list {
    flex-flow: row wrap;
    justify-content: center;
  }
}
.promociones .g-select-custom select {
  padding-top: 14px;
}
.promociones .g-select-custom.active .form-label {
  opacity: 1;
}
.promociones .g-select-custom i {
  background-color: #222221;
}

/* Promociones Terminos */
.promociones-terminos {
  /* padding-top: 64px; */
  padding-bottom: 64px;
}

.promociones-terminos  .container-secondary{
  padding-top:64px;
  border-top:1px solid  rgba(0, 0, 0, 0.10);
}

.promociones-terminos-wrap {
  display: flex;
  gap: 48px;
  align-items: center;
}
@media (max-width: 1024px) {
  .promociones-terminos-wrap {
    flex-flow: row wrap;
    gap: 24px;
  }
}
.promociones-terminos-image {
  width: 210px;
}
.promociones-terminos-image img {
  display: block;
  width: 100%;
}
@media (max-width: 1024px) {
  .promociones-terminos-image img {
    width: auto;
    margin:0 auto;
  }
  .promociones-terminos-text .title-general{
    font-size: 28px!important;
  }
}
@media (max-width: 1024px) {
  .promociones-terminos-image {
    width: 100%;
  }
}
.promociones-terminos-text {
  flex: 1;
  font-family: var(--font-f-1);
  font-weight: 400;
  line-height: initial;
  color: var(--color-black);
  font-size: clamp(14px, 5vw, 14px);
}
@media (max-width: 768px) {
  .promociones-terminos-text {
    line-height: inherit;
  }
}
.promociones-terminos-text .title-general {
color: var(--Secondary-Black, #222221);
font-family: Aleo;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 40px; 
margin-bottom:14px;
}
.promociones-terminos-text .text-general {
  margin-bottom: 20px;
}
.promociones-terminos-text .btn-general {
  display: inline-block;
  background-color: transparent;
  color: #000;
  padding: 12px 35px;
  text-decoration: none;
  font-weight: 500;
  border:1px solid #000;
}
.promociones-terminos-text .btn-general  svg{
      width: 12px;
    margin-left: 10px;
}

.home-widgets-list:has(.home-widgets-item:only-child) {
  grid-template-columns: 1fr;
      max-width: 650px;
    margin: 0 auto;
}