/*
** IMPORTANT: DO NOT REMOVE THIS
** OID: 45d0a505-ba1e-419a-aa7a-dbc129daba0f
** OID: ID-21-atlas.css
** Publish date: Feb 11, 2020, 3:33:53 PM CST
** Last modified: Oct 27, 2022, 10:38:09 AM CDT
*/


 
#id-0021 .c-tabs-header{
border-bottom:0px;
}
#id-0021 .titleP{
    font-size: 15px !important;
    line-height: 16px !important;
    font-family: AMX-Bold;
}

#id-0021 .tab-line {
    bottom: 0;
    height: 8px;
    left: 0;
    transition: left 0.25s ease, width 0.25s;
    border-radius: 0px 0px 0px 0px;
}


#id-0021 .card-equipo .cardImg{
  position: absolute;
    left: -50px;
    top: 60px;
}
#id-0021 .card-equipo .cardInfo{
    margin-top: 0px;
    padding-left: 73px;
}
#id-0021 .card-equipo .cardShopTitle h3
{color:#3C3C3C !important;}
#id-0021 .card-equipo .cardModelo,
#id-0021 .card-equipo .cardCapacidad
{color: #6C6C6C !important;}

#id-0021 .cardPrecioAntes{
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #3C3C3C;
}
#id-0021 .cardPlan{
color:#3C3C3C;
}
#id-0021 .btnWidthSmall {
    height: 40px !important;
     width:144px;
    justify-content: center;
}

#id-0021 .btnWidth {
    width:300px;
    height: 40px !important;
    justify-content: center;
}
@media (min-width: 1280px){
#id-0021 .card-equipo .cardImg {
    position: absolute;
    left: -27px;
    top: 70px;
}
}
 

#id-0021 .owl_1 .card-equipo .cardShopCont .caracteristicas h3 {
line-height: 19px;
}

#id-0021 .owl_1 .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   flex: 1 0 auto;
}
#id-0021 .owl_1 .owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
flex: 1 0 auto;
}

#id-0021 .owl_1 .owl-nav {
    position: absolute;
    left: -235px;
    top: 240px;
}

#id-0021 .owl_1 .owl-item img{
width:147px;
//clip-path: inset(0px 8px 20px 30px)
}
#id-0021 .owl_1 .owl-dots {
  counter-reset: slides-num;
    position: absolute;
    top:262px;
    bottom: 13px;
    margin-left: 39px;
    color: #555;
    left:-230px;
}
 
#id-0021 .owl_1 .owl-dots:after {
   content: counter( slides-num );
    display: inline-block; 
    padding-left: 0px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    left: 10px; 
    letter-spacing: 0.1em;
    top: -2px;
    position: relative;
  }

#id-0021 .owl_1 .owl-dot {
  display: inline-block;
  counter-increment: slides-num; 
  margin-right: 5px;
}
#id-0021 .owl_1 .owl-dot span {
    display: none !important;
  }

#id-0021 .owl_1 .owl-dot.active:before {
    content: counter(slides-num) "/";  
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 2px;
    top: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px; 
    letter-spacing: 0.14em;
    top: -2px; 
}

#id-0021 .owl_1  .owl-nav [class*=owl-]:hover{
background:unset;
}
#id-0021 .slider-counter{
position: absolute;
    top: 315px;
    left: 51px;
}
#id-0021 .tab-title{
border-bottom:unset;
font-family: 'AMX-Bold';
}


 #id-0021 .owl-nav .owl-prev{
margin-right:40px;
}
@media (max-width: 667px){
#id-0021 div.item{
margin-left:15%;
}
#id-0021 .titleP{
    font-size: 13px !important; 
}
#id-0021 .owl_1 .owl-item img{
width:150px;
/*clip-path: inset(0px 2px 0px 40px)*/
}


#id-0021 .owl_1 .owl-dot.active:before,
#id-0021 .owl_1 .owl-dots:after{
content:'';
}
#id-0021 .owl_1 .owl-dot span{
display:block !important;
}
#id-0021 .owl_1 .owl-dots{
margin: 10px auto !important;
left: auto;
bottom:-20px;
width:100%;
}

#id-0021 .owl_1 .owl-nav {
    position: relative;
    left: 0;
    top: 0;
}

#id-0021 .tabs {
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
     width: calc(100% + 40px); 
     margin-left: -20px; 
     margin-right: -20px;
}

#id-0021 .tabs .owl-stage-outer .owl-item{
border-bottom:solid 4px #B9B9B9 !important;
}
#id-0021 .tabs .owl-stage-outer .owl-item.active.center {
    border-bottom: solid 8px #DA291C !important;
    padding-bottom: 12px !important;
}
#id-0021 .tabs .owl-item{
width:175px !important;
}
#id-0021 .tabs .owl-item a{
font-size:18px !important;
}
}
#id-0021 .tab-content {
    display: none;
 }
#id-0021  .tab-content.active {
    display: block;
 }


#id-0021 .tabs .owl-prev{
   left: 0px;
    position: absolute;
    top: 2px;
    width: 48px;
    height: 34px;
    z-index: 1;
}

#id-0021 .tabs .owl-prev:after{
  content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 4px);
    display: block;
    background: #fff;
    background: -moz-linear-gradient(90deg, #fff 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, #fff 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, #ffffff 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
#id-0021 .tabs .owl-next:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 4px);
    display: block;
    background: #fff;
    background: -moz-linear-gradient(270deg, #fff 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(270deg, #fff 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(270deg, #ffffff 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


#id-0021 .tabs .owl-prev img{
    position: absolute;
    top: 2px;
    left: 8px;
    z-index: 2;
}
#id-0021 .tabs .owl-next img{
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 6px;
}

#id-0021 .tabs .owl-next{
   right: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease;
    width: 48px;
    height: 35px;
    z-index: 1;
}

#id-0021 .tabs .owl-stage-outer  {
border-radius:0px !important;
}

#id-0021 .tabs .owl-stage-outer .owl-item.active.center{
border-bottom:solid 8px #DA291C;
padding-bottom:14px;
}

#id-0021 .tabs .owl-stage-outer .owl-item{
padding-bottom:16px;
border-bottom:solid 6px #B9B9B9;
}

#id-0021 .bloqFix{
font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #000000;
    text-align: center;
    margin-top: 60px;
   margin-bottom: 60px;
display:none;
}
#id-0021 .c-tab-content .bloqFix{
display:block !important;
}
#id-0021 .cardPack {
    width: 230px;
}
#id-0021 .descripcionFinal{
bottom: 0;
padding: 0 20px; 
}
#id-0021 .cardPromo{
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    height: 70px;
    width: 70px;
   border-top-right-radius:12px;
}
#id-0021 .cardPromo .promo.rojo{
background-color:#DA291C;
}

#id-0021 .cardPromo .promo strong {
    font-weight: 700;
    font-family: AMX-Bold;
    position: absolute;
    left: 20px;
    bottom: 30px;
    font-size: 16px;
    color: #fff;
}

#id-0021 .cardPromo .promo{
   border-radius: 50%;
    display: block;
    position: absolute;
    right: -70px;
    top: -70px;
    width: 140px;
    height: 140px;
}

@media (max-width: 992px){
.titulo-equipos{
display:none;
}
#id-0021 .card-equipo .cardInfo {
    margin-top: 0px;
    padding-left: 80px;
}
#id-0021 .bloqFix{ 
    font-size: 24px; 
    margin-top: 40px;
   margin-bottom: 40px; 
}
#id-0021 .cardPack:nth-child(5) {
    margin-top: 40px !important; 
   margin-bottom: 70px !important;
}
#id-0021 .cardItem {
  //margin-left: 30px !important
}
#id-0021 .owl-theme .owl-dots .owl-dot { 
    border: 1px solid #B9B9B9;
    border-radius: 50px;
    margin: 0 15px;
}
#id-0021 .card-equipo .cardImg {
    left: -50px;
    top: 45px;
}
}