/* -------------------------------- 
COMPARATIVA
-------------------------------- */
 
.comparativa_card {
  background-color: hsla(var(--light),1);
  padding:0;
  box-shadow: 0 0 30px hsla(var(--dark),.2);
  border-radius:12px;
  margin: var(--space-l) auto;
  max-width: 100%;
  width: 100%;
}

img[alt=logo-table]    { display:block; margin:0 auto; width:120px; }  

.comparativa_card--row   { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid hsla(var(--dark),.07);}

.comparativa_card--header, 
.comparativa_card--info, 
.comparativa_card--venta,    
.comparativa_card--renting     { padding:var(--space-m) var(--space-s); }

/*.comparativa_card--renting  { display: flex; align-items: center; justify-content: center; flex-direction: column; }*/

.comparativa_card--footer--venta,
.comparativa_card--footer--renting { padding:var(--space-l) var(--space-s); }

.comparativa_card--info        { width:50%; text-transform: uppercase; font-size: var(--text-xs); text-align: right;
                                 border-right: 1px solid hsla(var(--dark),.07); }

.comparativa_card--header,
.comparativa_card--footer--venta,
.comparativa_card--footer--renting,
.comparativa_card--venta,
.comparativa_card--renting     { width:25%; text-align: center;  }


.comparativa_card--info p      { font-family: var(--font-secondary); font-weight:400; font-size: var(--h6) }   
.comparativa_card--info strong { color: hsla(var(--dark),1); }   

.comparativa_card--renting small,
.comparativa_card--venta small   { margin-top: 0; display: block; }

.comparativa_card--venta p.h4    { font-family: var(--font-secondary); font-weight: 500; color: hsla(var(--dark),.4); margin-bottom: 0; }
 
.comparativa_card--renting p.h4  { color: hsla(var(--brand),1); display: flex; justify-content: center; align-items: center }
.comparativa_card--renting p svg { margin-right: var(--space-xxxs); }
.comparativa_card--renting i     { background-color: hsla(var(--brand-second),1); color: #fff; border-radius: 100%; padding: 2px; position: relative; top:4px; }

.comparativa_card--footer--venta p.h2   { color: #f77272; }
.comparativa_card--footer--renting p.h2 { color: hsla(var(--brand-second),1); }

.comparativa_card--row02 { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid hsla(var(--dark),.07);}
.comparativa_card--row02 .comparativa_card--info        { text-align: center; border-left: 1px solid hsla(var(--dark),.07);  }


.comparativa_card--end           { text-align: center; }
/*.comparativa_card--end .h1       {  color: hsla(var(--brand-second),1); font-size: var(--text-huge) }*/
/*.comparativa_card--end .h1 span  { font-size: var(--text-xxs) }*/
/*.comparativa_card--end .h3,
.comparativa_card--end .h2       { margin-bottom: var(--space-xxs); }
.comparativa_card--end .h5       { margin-bottom: var(--space-xl); }*/
 

.dest_list     { padding-left: 0; list-style: none; font-size:var(--text-s); color: hsla(var(--dark),.6);  } 
.dest_list li  { margin-bottom: var(--space-m); padding-left:26px; } 

.dest_list li:before  {
  content:'';
  background:url(images/svg/bx-check-double.svg);
  width:24px;
  height:24px;
  display:inline-block;
  position: absolute;
  left:0;
} 

.dest_list i   { color: hsla(var(--brand-second),1); }


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

.comparativa_card           { max-width: 100%; }

.comparativa_card--row      { border:none; }
.comparativa_card--row02 .comparativa_card--info        { text-align: center; border:none;  }

.comparativa_card--info     { width: 100%; background-color: hsla(var(--dark),.07); border:none; padding:var(--space-s); flex-direction: column; text-align: center;  }
.comparativa_card--venta,
.comparativa_card--header,
.comparativa_card--renting  { width: 50%; padding:var(--space-l) var(--space-s);}
.comparativa_card--renting  { border-left: 1px solid hsla(var(--dark),.07)}

.comparativa_card--row02 .comparativa_card--footer--venta,
.comparativa_card--row02 .comparativa_card--footer--renting { width: 50%; }

.comparativa_card--row02 .comparativa_card--info     {order:1;}
.comparativa_card--row02 .comparativa_card--venta,
.comparativa_card--row02 .comparativa_card--renting,
.comparativa_card--row02 .comparativa_card--footer--venta,
.comparativa_card--row02 .comparativa_card--footer--renting  {order:2;}

}