/*reset*/
@charset "UTF-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, #mf-content img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } ul { list-style: none; }

/*//fonts*/
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexend/v25/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*root*/
:root {
	--font: "Lexend", sans-serif;
	--break-s:560px;
	--break-m:768px;
	--break-l:1100px;
	--break-xl:1600px;
	--white:#fff;
	--black:#000000;
	--color-font:#000000;
	--grey-border:#cccccc;
	--grey-bg: #f9f9f9;
	--primary-color:#d5a718;
	--primary-color-txt:#ffffff;
	--primary-color-hover:#555555;
	--primary-color-txt-hover:#ffffff;
	--secondary-color:#000000;
	--secondary-color-txt:#ffffff;
	--secondary-color-hover:#222222;
	--secondary-color-txt-hover:#ffffff;
}
/*personalizacion*/
.calculadoraMotorflash{border:0;border-radius:0;max-width: 100%;margin:0;padding:0 10px;}
.calculadoraMotorflash .ttl{align-items: center;display: flex;justify-content: center;}
.calculadoraMotorflash .ttl:before{background-color: #383e42;content: "";display: block;height: 4px;margin-right: 5px;width: 15px;}
.calculadoraMotorflash .ttl:after{background-color: #383e42;content: "";display: block;height: 4px;margin-left: 5px;width: 15px;}
.calculadoraMotorflash .gridResults > div, .calculadoraMotorflash .gridResults > div + div{margin-left:0;width:100%;}
.calculadoraMotorflash .diffBox > div:nth-child(1){width: 100%;}
.calculadoraMotorflash .cuota{color: var(--secondary-color);}
.calculadoraMotorflash .gridConfig > div{margin:6px 0 12px 0;}
.calculadoraMotorflash .gridConfig label{margin: 20px 10px;}
.calculadoraMotorflash .condiciones{font-size: 11px;}

/*slider*/
.calculadoraMotorflash .gridConfig .range{margin: 0;padding: 0 10px;}
.calculadoraMotorflash .gridConfig .range #slider-price{margin: 20px 5px;width: 99%;}
.calculadoraMotorflash .gridConfig .range #slider-months{margin: 20px 5px;width: 99%;}
.calculadoraMotorflash .gridConfig .range .rangeInfo{margin: 10px 0;}
.calculadoraMotorflash .gridConfig .range .rango-max-input{margin: 10px 0;}

@media screen and (min-width:620px){
	.calculadoraMotorflash .gridConfig > div{order:0;width:calc(50% - 15px)}
	.calculadoraMotorflash .gridConfig > div:nth-child(3){order:2;width:100%;margin-left:0;}
	.calculadoraMotorflash .gridResults > div + div{display: flex;}
	.calculadoraMotorflash .gridResults > div .secondaryBtn{margin-left: 20px;}
	.calculadoraMotorflash .diffBox > div:nth-child(1){width: 100%;}
	.calculadoraMotorflash .diffBox > div:nth-child(2){margin-left: 0;padding-left:0;border-left:none;}
}