<a href="www.habitaclia.com" 
target="_blank">Home</a>

<a href="#js-contact" 
target="_self">Contactar</a>

<a href="#">Descartar</a>

<a href="javascript:void(0);">
    Compartir
</a>

<a href="www.habitaclia.com" 
target="_blank">Home</a>

<a href="#js-contact" target="_self">
    Contactar
</a>

<button type="button">Descartar</button>

<button type="button">Compartir</button>

// 1. Settings
@import '01_settings/colors';
@import '01_settings/globals';

// 2. Tools
@import '02_tools/mixins';
@import '02_tools/animations';

// 3. Generic
@import '03_generic/normalize';

// 4. Elements
@import '04_elements/base';
@import '04_elements/forms';

// 5. Objects
@import '05_objects/grid-responsive';
@import '05_objects/oocss';
@import '05_objects/fonts';

// 6. Components
@import '06_components/shared';
@import '06_components/buttons';
@import '06_components/forms';
@import '06_components/icon';
@import '06_components/header';
@import '06_components/detail';
@import '06_components/fleximages';
@import '06_components/home';
@import '06_components/similars';
@import '06_components/ads';
@import '06_components/live';
@import '06_components/footer';
@import '06_components/tooltipster';
@import '06_components/legacy';
@import '06_components/modallegacy';
@import '06_components/widemedia';
@import '06_components/elperiodico';

// 7.Utilities
@import '07_utilities/modifiers';
@import '07_utilities/print';

// 1. Settings
$hab-orange:  #f60;
$hab-orange-hover:  lighten($hab-orange, 10%);
$hab-orange-hover-dark:  darken($hab-orange, 5%);

$font-family: 'Ubuntu', sans-serif, Arial, Helvetica;
$font-family-2: 'Molengo', sans-serif, Arial, Helvetica;

// 2. Tools

@mixin truncate($truncation-boundary) {
    max-width: $truncation-boundary;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@function z($name) {
    @if index($z-indexes, $name) {
        @return (length($z-indexes) - index($z-indexes, $name)) + 1;
    } @else {
        @warn 'There is no item "#{$name}" in this list; choose one of: #{$z-indexes}';
        @return null;
    }
}

// 3. Generic

body {
  margin: 0;
}

article, aside, details,
figcaption, figure, footer,
header, main, menu,
nav, section, summary { 
  display: block;
}

// 4. Elements

h1{
    font-size: $font-size-extralarge;
    font-weight: $font-weight-light;
    line-height: 1em;
    margin: 1em 0 0.3em 0;
    @include media($tablet, max) {
        font-size: $font-size-large-s;
     }
}

h2{
    font-size: $font-size-large;
    font-weight: $font-weight-light;
    line-height: 1em;
    margin: 1em 0;
    @include media($tablet, max) {
         font-size: $font-size-medium;
     }
}

// 5. Objects

.bg-orange{
     background: $hab-orange;
}

.w-100{
     width: 100%;
}

.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

// 6. Components

header {
    @extend .no-select;
    @include transition(transform 200ms ease-in-out);
    z-index: z('header');
    width: 100%;
    height: 56px;
    display: block;
    position: fixed;
    top: 0;
    will-change: transform;
    .max-1440{
        padding: 0 16px;
    }
}

.head-main {
    z-index: z('header-main');
    position: relative;
    height: 56px;
    display: inline-block;
    font-size: $font-size-normal-s;
}

// 7. Utilities

.hide-tablet{
	  @include media($tablet, max) {
         display: none!important;
     }
}

@media print {
    .head-main{
        display:none;
    }
    .head-second{
        display:none;
    }
}