@charset "UTF-8";
/* base.css — une reset.css, fonts.css, gridpak.css y gdpr.css (en ese orden).
   Ubicación: /subaru/css/v1/base.css (las rutas de fuentes son relativas a esta carpeta). */

/* ===== reset.css ===== */
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:focus {outline:0px dotted !important;}



/* ===== fonts.css ===== */
@font-face{font-family:nunito_sans_blackregular;src:url(fonts/nunito_sans/nunitosans-black-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:nunito_sansbold;src:url(fonts/nunito_sans/nunitosans-bold-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:nunito_sans_extraboldregular;src:url(fonts/nunito_sans/nunitosans-extrabold-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:nunito_sansregular;src:url(fonts/nunito_sans/nunitosans-regular-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}

@font-face {
    font-family: avenirnextltpro-bold;
    src: url(fonts/avenir/AvenirNextLTPro-Bold.woff2) format('woff2'), url(fonts/avenir/AvenirNextLTPro-Bold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: avenirnextltpro-demi;
    src: url(fonts/avenir/AvenirNextLTPro-Demi.woff2) format('woff2'), url(fonts/avenir/AvenirNextLTPro-Demi.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: avenirnextltpro-medium;
    src: url(fonts/avenir/AvenirNextLTPro-Medium.woff2) format('woff2'), url(fonts/avenir/AvenirNextLTPro-Medium.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: avenirnextltpro-regular;
    src: url(fonts/avenir/AvenirNextLTPro-Regular.woff2) format('woff2'), url(fonts/avenir/AvenirNextLTPro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* ===== gridpak.css ===== */
.col { border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important;}
.col {border-left-width:18px; padding:0 0px;}

.row {margin-left:-18px;}
.row .col:first-child {margin-left:0;}

.row .col.esp:first-child {margin-left:0;}
.row .col.esp:last-child {margin-right:0;}

.span-1 {width:8.33333333333%;}
.span-2 {width:16.6666666667%;}
.span-25 {width:20%;}
.span-3 {width:25.0%;}
.span-4 {width:33.3333333333%;}
.span-5 {width:41.6666666667%;}
.span-6 {width:50.0%;}
.span-7 {width:58.3333333333%;}
.span-8 {width:66.6666666667%;}
.span-9 {width:75.0%;}
.span-10 {width:83.3333333333%;}
.span-11 {width:91.6666666667%;}
.span-12 {margin-left:0; width:100%;}

/*--XS Extra Small Móviles--*/
@media screen and (max-width: 767px) {
	.xs-1 {width:8.33333333333%;}
	.xs-2 {width:16.6666666667%;}
	.xs-25{width:20%}
	.xs-3 {width:25.0%;}
	.xs-4 {width:33.3333333333%;}
	.xs-5 {width:41.6666666667%;}
	.xs-6 {width:50.0%;}
	.xs-7 {width:58.3333333333%;}
	.xs-8 {width:66.6666666667%;}
	.xs-9 {width:75.0%;}
	.xs-10 {width:83.3333333333%;}
	.xs-11 {width:91.6666666667%;}
	.xs-12 {margin-left:0; width:100%;}
    }

/*--XSM Small Móviles--*/
@media (min-width:426px) and (max-width: 766px){
	.xsm-1 {width:8.33333333333%;}
	.xsm-2 {width:16.6666666667%;}
	.xsm-25{width:20%}
	.xsm-3 {width:25.0%;}
	.xsm-4 {width:33.3333333333%;}
	.xsm-5 {width:41.6666666667%;}
	.xsm-6 {width:50.0%;}
	.xsm-7 {width:58.3333333333%;}
	.xsm-8 {width:66.6666666667%;}
	.xsm-9 {width:75.0%;}
	.xsm-10 {width:83.3333333333%;}
	.xsm-11 {width:91.6666666667%;}
	.xsm-12 {margin-left:0; width:100%;}
    }

/*--SM Small Tablet y móviles grandes--*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.sm-1 {width:8.33333333333%;}
	.sm-2 {width:16.6666666667%;}
	.sm-25{width:20%}
	.sm-3 {width:25.0%;}
	.sm-4 {width:33.3333333333%;}
	.sm-5 {width:41.6666666667%;}
	.sm-6 {width:50.0%;}
	.sm-7 {width:58.3333333333%;}
	.sm-8 {width:66.6666666667%;}
	.sm-9 {width:75.0%;}
	.sm-10 {width:83.3333333333%;}
	.sm-11 {width:91.6666666667%;}
	.sm-12 {margin-left:0; width:100%;}
    }

/*--MD Medium PC pequeño y tablet--*/
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.md-1 {width:8.33333333333%;}
	.md-2 {width:16.6666666667%;}
	.md-25{width:20%}
	.md-3 {width:25.0%;}
	.md-4 {width:33.3333333333%;}
	.md-5 {width:41.6666666667%;}
	.md-6 {width:50.0%;}
	.md-7 {width:58.3333333333%;}
	.md-8 {width:66.6666666667%;}
	.md-9 {width:75.0%;}
	.md-10 {width:83.3333333333%;}
	.md-11 {width:91.6666666667%;}
	.md-12 {margin-left:0; width:100%;}
    }

/*--LG Large PC grande--*/
@media screen and (min-width: 1200px) {
	.lg-1 {width:8.33333333333%;}
	.lg-2 {width:16.6666666667%;}
	.lg-25{width:20%}
	.lg-3 {width:25.0%;}
	.lg-4 {width:33.3333333333%;}
	.lg-5 {width:41.6666666667%;}
	.lg-6 {width:50.0%;}
	.lg-7 {width:58.3333333333%;}
	.lg-8 {width:66.6666666667%;}
	.lg-9 {width:75.0%;}
	.lg-10 {width:83.3333333333%;}
	.lg-11 {width:91.6666666667%;}
	.lg-12 {margin-left:0; width:100%;}
    }



/* ===== gdpr.css ===== */
.grt-cookie {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding: 30px 50px;
	background:#FFF;
	color:#333;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	z-index:9999;
}

.grt-cookie-active {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.grt-cookie h2 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 30px;
    font-family: var(--font-bold);
}

.grt-cookie p {
	font-size: 14px;
	margin: 0;
	padding:0;
	line-height: 1.35;
	color:#333;
	font-weight: normal;
	margin-bottom: 20px;
    font-family: var(--font-regular);
}

.grt-cookie a {
	color:#333;
	text-decoration: underline;
	font-size: 14px;
	margin-bottom: 20px;
	padding:0;
    font-family: var(--font-regular);
}

.grt-cookie-button {
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	padding: 18px 30px;
	letter-spacing:0.5px;
	background: #00A0DC !important;
	color: #FFFFFF !important;
	white-space: nowrap;
    border-radius: 0px;
    font-family: var(--font-bold);
}

@media (max-width:767px) {

	.grt-cookie {
		flex-direction: column;
		padding: 15px;
		margin-bottom: 70px;
	}

	.grt-cookie p, .grt-cookie p a {
		font-size:13px;
	}

	.grt-cookie-button {
		font-size:13px;
		padding:15px 20px;
	}

}

.grt-cookie html {
	line-height: 1.15 !important; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}