/* -------------------------------- 
OFERTAS SINGLE
-------------------------------- */

.block--inputs { width: 100%; }
.sec_planes {
    position:relative;
  }


.sec_planes > svg {
  position: absolute;
  fill:hsla(var(--light),1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
*/
.sec_planes .row { z-index: 4; }

/*.sec_planes:after {
content: '';
background-image:    url(images/svg/pat02.svg);
background-repeat:   repeat;
background-color:    hsla(var(--brand),1); 
background-size:     auto;
background-position: top left;

position: absolute;
bottom: 0;
right: 0;
height: 100%;
width: 30%;
z-index: 0;
}*/
  
.combo {
text-align: center;
}
.combo article { text-align: left;}
 

/*.combo .euro  { display: inline-block; color: hsla(var(--dark),1); } 
.combo small  { margin-bottom: var(--space-m); color: hsla(var(--dark),.6) }*/


/*input#firstvalue1 {
display: block;
font-size: var(--text-huge);
color: hsla(var(--brand-second),1);
font-weight: 600;
border:none;
background-color: transparent;
padding: 0;
margin: 0;
width: auto;
}*/

 
.stuffwhite:before, .stuffblue:before {
  position:absolute;
  content: " ";
  display:block;
  top:0;
  right:0;
  width:  calc(80vw - 1100px);
  height: calc(100vh - 0);
  border-style: solid;
  border-width: 780px 400px 0 700px;
  border-color: white white transparent transparent;
}

.stuffblue:before { border-color: hsla(var(--brand),1) hsla(var(--brand),1) transparent transparent; }
 

.car-tag_title { position: relative; padding: var(--space-s) 0; /*border:1px solid black;*/ }


.car-tag_card, .car-tag_new {
  /*position: absolute;*/
  display: flex; align-items: center;
  z-index:  4;
  left:     var(--space-xs);
}


.car-tag_card { margin-bottom: -25px;}
.car-tag_new  { bottom: var(--space-xs); }  


.car-tag, .car-tag-single {
  display: inline-block;
  background-color: hsla(var(--brand),.17);
  border-radius: 6px;
  font-weight: 600;
  color: hsla(var(--dark),6);
  padding: var(--space-s) var(--space-m) var(--space-xxs);
  margin-right:var(--space-xxxs);
  text-transform: uppercase;
  font-size: var(--text-xxxs);
}

.car-tag_new span.car-tag { background-color: hsla(var(--brand),0); }

.car-tag-single { font-size: var(--text-xxs); margin: var(--space-xs); }

.rapida, .profe, .empre {
  padding: 0;
  margin: 0 4px 0 0;
  background-color: transparent;
}

.oferta_card .car-tag_new img        { width: 16px; display: inline-block; transform: scale(1) translateX(0); margin-top: -3px }
.oferta_card:hover .car-tag_new img  { transform: scale(1); }
 
.car-tag.rapida {
  display: flex;
  align-items: center;
  line-height: 1.5;
  background-color: hsla(var(--brand-third),1)!important;
  padding: 4px;
  color:#fff;
}

.car-tag.rapida img  { margin:0 4px 0 0; }

/*
.car-tag-extra:before {
  content:'';
  background:url(images/svg/badge-green.svg);
  width:24px;
  height:24px;
  display:block;
  position: absolute;
  left: 10px;
  top:  13px;
 }
  
.car-tag-extra {
  display:block;
  max-width: 100%;
  background:hsla(var(--light),1); 
  box-shadow: var(--shadow30);  
  border-radius: 12px;
  color: hsla(var(--brand),1);
  line-height: 1.6!important;
  padding: var(--space-m) var(--space-m) var(--space-m) var(--space-xl);
  margin: var(--space-s);
  text-transform: uppercase;
  font-size: var(--text-xs);
  position: relative;
  font-weight: 600;
}

.block_new { display: flex; flex-wrap: wrap; width: 100%; }
.block_new  > * {
    margin: 0 calc(50% - var(--space-s));
    flex: 1 0 50%;
    max-width: 50%;
}*/

 
.tag-medium {
  display:flex;
  align-items: center;
  max-width: 100%;
  background:hsla(var(--light),1); 
  /*box-shadow: var(--shadow30);  */
  border-radius: 12px;
  color: hsla(var(--dark),1);
  border:2px solid hsla(var(--brand-second),.8);
  padding: var(--space-xs) ;
  text-transform: uppercase;
  position: relative;
} 

.border--alt .tag-medium { border:2px solid hsla(var(--dark),.2); }

 
/*.tag-medium:nth-child(even) { margin-left: var(--space-s); }*/

.tag-medium img,
.tag-medium svg  { width: 36px; }
.tag-medium span { width: calc(100% - 36px); font-size: var(--h6); font-weight: 700; }

/*.tag-medium img { filter:brightness(3.2) grayscale(1);}*/

.block_extras           { padding: var(--space-xl) 0 0; margin:0 auto; }
.block_extras > *       { margin: 0 0 var(--space-s); width: 20%; }
 

@media only screen and (max-width:768px) {

.block_extras > *       { margin: 0; flex:1 0 50%; max-width: 50%; }

}

@media only screen and (max-width:512px) { 

.block_extras > *       { flex:1 0 100%; max-width: 100%; }

}
 

/*.block_equip > *       { display: flex; flex: none; margin: 0 calc( var(--space-s) / 2 ); } */
/*.block_equip > *       { flex-basis: calc( 33.3333% - var(--space-s)); max-width: calc( 33.3333% - var(--space-s)) }*/

.equip_card            { 
  display: flex; align-items: center; 
  border-radius: var(--radius12); 
  border:2px solid hsla(var(--brand),.2);
  padding: var(--space-s) var(--space-xxs);  }  
 

.equip_card--text span     { display: block; text-transform: uppercase; font-size: var(--text-xs); margin: 0; color:hsla(var(--dark),.4); }
.equip_card--text p        { font-family: var(--font-secondary); font-size: 16px; font-weight: 400!important; color:hsla(var(--dark),1); }
.equip_card--text p small  { display: block; margin-top: 0; font-style: italic; }

.equip_card img        { width: 50px; margin:0; padding:var(--space-xxs); }
.equip_card--text      { width: calc(100% - 70px) }
.equip_card--text h6   { font-weight: 400!important; font-size: var(--text-xs); font-style: italic; }
/*.equip_card--text span { display: block; text-transform: uppercase; font-size: calc( var(--text-xxs) - 1px ); margin: 0; color:hsla(var(--dark),.45); }
.equip_card--text h5   { font-weight: 400!important; font-size: var(--text-s) }
*/
 
.tablet { display: none; }


.block_tabla       { background-color:hsla(var(--dark),.07); box-shadow: var(--shadow30) }
.block_tabla > *   { flex-basis: calc( 25% - var(--no-gutter));      max-width: calc( 25% - var(--no-gutter)); border-left:2px solid #fff; }


@media only screen and (max-width:768px) {

.block_equip > *   { flex-basis: calc( 33.3333% - var(--space-s)); max-width: calc( 33.3333% - var(--space-s)) }
.single_card h1    { font-size: var(--text-large) }

 
.tablet { display: block; }


.stuffwhite:before, .stuffblue:before {
  border-width: 1000px 200px 0 500px;
  border-color: white white transparent transparent;
}

 
.sec_planes:after {
 
height: 50%;
width: 100%;
z-index: 0;
} 
 

}


@media only screen and (max-width:512px) { 

.block_equip > *   { flex-basis: calc( 50% - var(--space-s)); max-width: calc( 50% - var(--space-s)) }

.stuffwhite:before, .stuffblue:before {
  border-width: 1000px 160px 0 140px;
  border-color: white white transparent transparent;
}



}