html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
:where(.w-popover[data-w-popover-backdrop-animated])::backdrop {
animation: var(--w-backdrop-animation, none);
}
:where(.w-popover) {
--w-backdrop-animation: initial;
}
.w-popover-mask {
opacity: 0 !important;
clip-path: none !important;
pointer-events: auto !important;
border: 0 !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
position: fixed !important;
inset: 0 !important;
transform: none !important;
}
.w-popover-mask[popover] {
translate: none !important;
rotate: none !important;
scale: none !important;
}
.w-popover-mask::backdrop {
display: none !important;
}
.w-popover-mask:not(:popover-open) {
display: none !important;
}
@supports not selector(:popover-open) {
.w-popover-mask {
display: none !important;
}
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
.w-modal:not([open]):not([popover]) {
display: none;
}
.w-modal[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Gotham Medium;
src: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f83bcc97f4264d00ec0bfe_GothamMedium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Gotham Book;
src: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f83bcc97f4264d00ec0c00_GothamBook.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Gotham Light;
src: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f83bcc97f4264d00ec0bff_GothamLight.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Droidiga;
src: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f843554de8d3c6c88d931a_Droidiga.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--black: black;
--white: white;
--grey: #393c41;
--yaii-hueso: #f0ede4;
--yaii-negro: #0a0a0a;
--yaii-hueso-soft: #f7f5ee;
--yaii-gris: #737373;
--yaii-carbon: #1f1f1f;
--yaii-deep: #050507;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
body {
color: var(--black);
background-color: #f7f5ee;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.25;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1.25;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.25;
}
p {
max-width: 75ch;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
line-height: 1.5;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5rem 1.5rem;
}
.container.container--1260 {
max-width: 1260px;
}
.container.container--1260.container--1260-powertrain {
padding-top: 2rem;
}
.container.container--840 {
max-width: 840px;
}
.container.container--840.contaiener--840-powertrain {
padding-bottom: 0;
}
.container.container--840.contaiener--840-powertrain-2 {
padding-top: 2rem;
padding-bottom: 0;
}
.hero {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6acc9c51b874ba892a42c0f1_YAII-2027-BLACK-panoramica-4800.webp");
background-position: 60%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
min-height: 100vh;
position: relative;
overflow: hidden;
}
.hero-grid__heading {
text-align: center;
overflow-wrap: normal;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 48px;
}
.hero-grid__heading.hero-anim {
opacity: 0;
transform-style: preserve-3d;
transition: opacity .2s, transform .2s;
transform: translate3d(0, 30%, 0);
}
.hero-grid__heading.hero-anim.is-viva {
opacity: 1;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
}
.hero-grid__subheading {
text-align: center;
margin-top: 4px;
font-family: Gotham Light, sans-serif;
font-size: 18px;
}
.hero-grid__subheading.hero-grid__subheading--alight-left {
text-align: left;
}
.hero-grid__subheading.hero-anim {
opacity: 0;
transform-style: preserve-3d;
transition: opacity .2s, transform .2s;
transform: translate3d(0, 30%, 0);
}
.hero-grid__subheading.hero-anim.is-viva {
opacity: 1;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
}
.hero-flex-huracan-2024 {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.hero-flex-huracan-2024.hero-flex--slide, .hero-flex__item {
width: 100%;
}
.hero-flex__item.hero-flex__item-mid {
min-height: 70vh;
}
.hero-flex__item.hero-flex__item--bot {
color: #f0ede4;
background-color: #2323268c;
justify-content: center;
align-items: center;
min-height: 15vh;
margin-bottom: -14px;
padding-top: 1px;
display: flex;
position: static;
top: auto;
bottom: auto;
}
.hero-flex__item.hero-flex__item--nav {
justify-content: space-between;
align-items: flex-start;
min-height: 15vh;
margin-bottom: -58px;
display: flex;
}
.data-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.data-grid.data-grid-2027 {
grid-auto-columns: 1fr;
display: grid;
}
.data__title {
color: #0a0a0a;
letter-spacing: 1px;
font-family: Gotham Medium, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 36px;
}
.data__title.data__title-black {
color: var(--black);
font-size: 24px;
}
.data__title.data__title-black.data__title--mob {
display: none;
}
.data__title.data__title-light {
color: #f0ede4;
}
.data-grid__item {
flex-direction: column;
align-items: center;
display: flex;
}
.data-grid__item.data-grid__item-bot {
justify-content: flex-end;
}
.data-grid__item.data-grid__item--future {
justify-content: flex-end;
align-items: flex-start;
}
.data__sub-text {
color: #0a0a0a;
font-size: 12px;
}
.data__sub-text.data__sub-text--black {
opacity: .6;
color: var(--black);
}
.data__sub-text.data__sub-text--black.data__sub-text--mobile {
display: none;
}
.data__sub-text.data__sub-text-light {
color: #f0ede4;
}
.button {
z-index: 0;
color: #f0ede4;
text-transform: uppercase;
background-color: #0a0a0a;
border: 2px solid #0a0a0a;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
margin: 3px;
padding: 10px 40px;
font-family: Gotham Medium, sans-serif;
font-size: 12px;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.button:hover {
background-color: var(--white);
color: var(--black);
}
.button.w--current {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button.button--dark {
border-color: var(--black);
color: var(--black);
}
.button.button--dark:hover {
background-color: var(--black);
color: var(--white);
}
.button.button--dark.button--auto {
max-width: 200px;
margin-top: auto;
margin-bottom: 3rem;
}
.data-grid__button-wrapper {
z-index: 1;
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.nav {
z-index: 2000;
-webkit-text-fill-color: inherit;
cursor: auto;
mix-blend-mode: normal;
overscroll-behavior: contain;
background-color: #fafaf6;
background-clip: border-box;
justify-content: space-between;
width: 100%;
height: 52px;
margin-right: 0;
padding-right: 0;
font-size: 16px;
transition: background-color .2s;
display: flex;
position: sticky;
inset: 0 0 auto;
overflow: hidden;
}
.nav:hover {
background-color: #888;
}
.nav__logo {
z-index: 2200;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 8px;
padding-right: 24px;
transition: opacity .2s;
display: flex;
position: relative;
}
.nav__logo:hover {
opacity: .55;
}
.nav__logo.w--current {
margin-left: 10px;
padding-right: 30px;
}
.nav__center-nav {
z-index: auto;
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
margin-left: 0;
padding-left: 0;
font-size: 12px;
display: flex;
position: relative;
inset: 0%;
overflow: hidden;
}
.nav__left-nav {
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.nav__link {
z-index: 3000;
color: var(--black);
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 2px solid #0000;
margin-left: 10px;
margin-right: 10px;
padding: 6px 0;
font-family: Gotham Medium, sans-serif;
font-weight: 500;
text-decoration: none;
transition: all .3s;
position: relative;
}
.nav__link:hover {
color: var(--white);
border-bottom-color: #0a0a0a;
}
.nav__burger {
z-index: 3300;
cursor: pointer;
flex-direction: column;
justify-content: space-between;
width: 18px;
height: 18px;
padding-top: 3px;
padding-bottom: 3px;
display: flex;
position: relative;
}
.nav__burger-line {
background-color: var(--black);
width: 100%;
height: 2px;
}
.side-nav {
z-index: 3200;
background-color: var(--white);
overscroll-behavior: contain;
flex-direction: column;
align-items: stretch;
width: 300px;
height: 100dvh;
margin-bottom: 0;
padding: 40px 20px;
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
overflow: auto;
transform: translate(100%);
}
.side-nav__link {
color: var(--black);
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #00000026;
margin-left: 10px;
margin-right: 10px;
padding: 20px 10px;
font-family: Gotham Medium, sans-serif;
font-weight: 500;
line-height: 17.5px;
text-decoration: none;
transition: all .3s;
}
.side-nav__link.side-nav__link-mobile {
display: none;
}
.hero-dark-screen {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #00000040;
display: none;
position: absolute;
inset: 0%;
}
.interior__img {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height: 100vh;
}
.interior__headline {
color: #0a0a0a;
background-color: #f0ede4;
justify-content: center;
align-items: center;
width: 100%;
min-height: 13.61vw;
padding: 5.44vw 24px;
display: flex;
}
.slider {
color: #0a0a0a;
background-color: #f7f5ee;
}
.slider-wide {
z-index: 0;
background-color: #0000;
min-height: 700px;
}
.slider__img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height: 580px;
}
.slider__img.slider__img--1 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
}
.slider__img.slider__img--2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
}
.slider__img.slider__img--3 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e0892_yaii-energy-charger.png");
}
.slider__img.slider__img--4 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11807d52a736042129_yaii-texture-bg.png");
}
.slider__text {
flex-direction: column;
align-items: flex-start;
width: 100%;
min-height: 120px;
padding-left: 350px;
display: flex;
}
.right-arrow {
justify-content: center;
align-items: center;
height: 580px;
display: flex;
inset: 0% 0% auto auto;
}
.left-arrow {
justify-content: center;
align-items: center;
height: 580px;
display: flex;
inset: 0% auto auto 0%;
}
.slide-nav {
padding-bottom: 95px;
padding-left: 200px;
inset: auto auto 0% 0%;
}
.slider__arrow-wrapper {
background-color: #f0ede599;
border: 2px solid #0a0a0a;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: flex;
}
.slider__arrow-wrapper.slider__arrow-wrapper--left {
transform: rotate(180deg);
}
.slider__arrow {
border-top: 2px solid #0a0a0a;
border-right: 2px solid #0a0a0a;
width: 10px;
height: 10px;
margin-right: 5px;
transform: rotate(45deg);
}
.showcase {
color: #0a0a0a;
background-color: #f0ede4;
}
.showcase-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.showcase-grid__item {
min-height: 328px;
}
.showcase-grid__item.showcase-grid__img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--1 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e0892_yaii-energy-charger.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--3 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--4 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11807d52a736042129_yaii-texture-bg.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--5 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--6 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e0892_yaii-energy-charger.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--7 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
}
.showcase-grid__item.showcase-grid__img.showcase-grid__img--8 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11807d52a736042129_yaii-texture-bg.png");
}
.showcase-grid__item.showcase-grid__text {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 2.5rem;
display: flex;
}
.showcase-grid__item.showcase-grid__text.showcase-grid__text--left {
margin-left: auto;
}
.showcase-grid__text {
max-width: 40ch;
}
.ludicrous {
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-height: 100vh;
display: flex;
}
.ludicrous__img {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
align-items: flex-end;
width: 100%;
min-height: 70vh;
display: flex;
}
.ludicrous__img.ludicrous__img-2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11807d52a736042129_yaii-texture-bg.png");
}
.ludicrous-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.ludicrous-grid-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 960px;
min-height: 30vh;
padding-left: 20px;
padding-right: 20px;
}
.ludicrous-grid-2__item {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 2rem;
display: flex;
}
.ludicrous__heading {
margin-top: 0;
}
.powertrain {
background-color: #393c411a;
min-height: 100vh;
}
.tabs-imgs-wrapper {
background-color: var(--white);
width: 100%;
max-width: 1066px;
min-height: 500px;
position: relative;
}
.powetrain__img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.powetrain__img.powetrain__img--1 {
background-image: none;
}
.powetrain__img.powetrain__img--2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f83bcc97f4264d00ec0c18_Model-S-Performance-Tri-Motor-Desktop%20(1).jpeg");
}
.powertrain__grid-item {
cursor: pointer;
background-color: #0000;
border: 3px solid #0000;
flex-direction: column;
padding: 1rem;
transition: all .3s;
display: flex;
position: relative;
}
.powertrain__grid-item:hover {
border: 3px solid #000;
}
.powertrain__grid-item.w--current {
border-color: var(--black);
background-color: #0000;
}
.powertrain-subgrid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
opacity: .8;
width: 100%;
color: var(--black);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: auto;
}
.powetrain__text {
margin-bottom: 2rem;
font-size: 12px;
}
.powetrain__text.powertrain__text--margin-auto {
margin-top: auto;
}
.powertrain__heading {
font-size: 18px;
}
.powertrain__heading.powertrain__heading--margin {
margin-bottom: 2rem;
}
.powertrarin__note {
opacity: .6;
text-align: center;
margin-top: 2rem;
font-size: 12px;
}
.go {
min-height: 100vh;
display: flex;
}
.go_img {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
align-items: flex-end;
width: 75%;
min-height: 100vh;
display: flex;
}
.go_text {
flex-direction: column;
width: 25%;
min-height: 100vh;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 2.5rem;
display: flex;
}
.freedom {
background-color: #0000;
min-height: 100vh;
}
.tab-vids__wrapper {
justify-content: center;
width: 100%;
min-height: 580px;
display: flex;
position: relative;
}
.freedom-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 840px;
margin-top: 2rem;
display: grid;
}
.tab {
position: absolute;
inset: 0%;
}
.line {
background-color: var(--black);
opacity: .6;
width: 100%;
height: 3px;
position: absolute;
inset: -3px 0% auto;
}
.impact {
min-height: 100vh;
display: flex;
}
.impact__text {
flex-direction: column;
width: 30%;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.impact__img {
justify-content: center;
align-items: center;
width: 70%;
display: flex;
}
.prot-content-wrapper {
justify-content: center;
align-items: center;
width: 600px;
height: 600px;
display: flex;
position: relative;
}
.prot__content {
width: 200px;
height: 100px;
position: absolute;
}
.prot__content.prot__content-1 {
bottom: 433px;
left: 280px;
}
.prot__content.prot__content-2 {
height: 200px;
bottom: 282px;
left: 64px;
}
.prot__content.prot__content-3 {
display: flex;
bottom: 136px;
left: 322px;
}
.prot__heading {
margin-top: 0;
margin-left: 1.5rem;
}
.prot__heading.prot__heading--up {
margin-top: auto;
margin-bottom: 0;
}
.prot__dot {
background-color: var(--white);
border: 3px solid #000;
border-radius: 100%;
width: 12px;
height: 12px;
position: absolute;
inset: auto auto 0% 0%;
}
.prot__dot.prot__dot--up {
inset: 0% auto auto 0%;
}
.prot__line {
background-color: var(--black);
width: 3px;
height: 100%;
margin-left: 4.5px;
position: absolute;
inset: 0% auto auto 0%;
}
.future__video {
background-color: #393c411a;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 70vh;
display: flex;
position: relative;
}
.future__text {
width: 30%;
position: relative;
}
.future__grid {
grid-column-gap: 1.5rem;
grid-row-gap: 4rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-left: 4rem;
}
.background-video, .tab__vid {
height: 100%;
position: absolute;
inset: 0%;
}
.tabs {
flex-direction: column;
align-items: center;
display: flex;
}
.tab-vids__grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 840px;
margin-top: 2rem;
display: grid;
}
.future {
background-color: #0000;
min-height: 100vh;
}
.specs {
background-color: #fafaf6;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 100vh;
display: flex;
}
.cta {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100vh;
display: flex;
}
.specs__img {
justify-content: center;
align-items: center;
width: 60%;
display: flex;
}
.specs__txt {
justify-content: flex-start;
align-items: center;
width: 40%;
display: flex;
}
.cta__text {
justify-content: center;
align-items: center;
width: 40%;
display: flex;
}
.cta__img {
justify-content: center;
align-items: center;
width: 60%;
display: flex;
}
.cta__text-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.cta__text-buttons {
display: flex;
}
.specs__info {
color: #0a0a0a;
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.button-tab {
border: 2px solid var(--grey);
min-width: 200px;
color: var(--grey);
text-transform: uppercase;
background-color: #0000;
border-radius: 100px;
flex-direction: column;
align-items: center;
margin: 3px;
padding: 10px 40px;
font-family: Gotham Medium, sans-serif;
font-size: 12px;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.button-tab:hover {
background-color: var(--white);
color: var(--black);
}
.button-tab.w--current {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.tabs-menu {
display: flex;
}
.specs__grid {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.specs__item {
margin-top: .5rem;
margin-bottom: 1rem;
}
.specs__line {
background-color: var(--grey);
width: 40px;
height: 1px;
margin-bottom: .5rem;
}
.specs__tabs, .specs__tab-content {
margin-top: 1rem;
}
.text-block {
font-family: Gotham Medium, sans-serif;
font-size: 1rem;
}
.text-block-2 {
font-family: Gotham Book, sans-serif;
}
.footer {
justify-content: center;
align-items: center;
padding: 1.5rem;
display: flex;
}
.footer__link {
color: #0a0a0a;
letter-spacing: 0;
text-transform: none;
margin-left: 10px;
margin-right: 10px;
font-family: Gotham Book, sans-serif;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: all .3s;
}
.showcase__sub-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.eikon {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: fixed;
inset: auto 0% 0%;
transform: none;
}
.eikon__notif {
z-index: 10;
background-color: var(--white);
border-radius: 3px 3px 0 0;
flex-direction: column;
width: 100%;
max-width: 400px;
min-height: 200px;
padding: 2rem;
display: flex;
position: relative;
box-shadow: 17px 17px 64px #0003;
}
.eikon__logo {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f83bcc97f4264d00ec0c2b_eikon.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 40px;
}
.eikon__paragraph {
margin-top: .5rem;
}
.eikon__email {
color: #22be87;
margin-top: auto;
font-size: 24px;
text-decoration: none;
}
.link {
color: #22be87;
text-decoration: none;
}
.eikon__close {
opacity: .4;
cursor: pointer;
margin-top: 1rem;
margin-right: 1rem;
position: absolute;
inset: 0% 0% auto auto;
}
.eikon__notif-wrapper {
background-color: var(--white);
border-radius: 3px;
}
.image {
height: auto;
}
.image-2 {
margin-top: -5px;
margin-left: 12px;
margin-right: 0;
font-weight: 900;
}
.image-3 {
margin-top: -7px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-weight: 900;
}
.container-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: static;
}
.hero-heading-left {
background-color: #f0ede4;
border-bottom: 1px solid #e4ebf3;
margin-bottom: 0;
padding: 0;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #0a0a0a;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.shadow-two {
box-shadow: 0 4px 24px #96a3b514;
}
.italic-text {
font-family: Montserrat, sans-serif;
font-weight: 700;
}
.yaii-promo {
color: #0a0a0a;
text-align: center;
letter-spacing: .02em;
background-color: #f7f5ee;
padding: 9px 16px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
}
.yaii-nav {
z-index: 100;
background-color: var(--yaii-hueso);
border-bottom: 1px solid #e2dfd5;
position: sticky;
top: 0;
}
.yaii-nav-in {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
max-width: 1180px;
margin: 0 auto;
padding: 13px 24px;
display: flex;
}
.yaii-logo {
color: var(--yaii-negro);
letter-spacing: .28em;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 800;
text-decoration: none;
}
.yaii-nav-links {
grid-column-gap: 26px;
grid-row-gap: 26px;
margin-left: auto;
display: flex;
}
.yaii-btn-dark {
background-color: var(--yaii-negro);
color: var(--yaii-hueso);
letter-spacing: .04em;
text-transform: uppercase;
border-radius: 2px;
padding: 11px 22px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.utility-page-wrap {
background-color: #f7f5ee;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
font-family: Montserrat, sans-serif;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 420px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.tienda-overlay {
z-index: 840;
pointer-events: none;
width: 100vw;
display: block;
position: fixed;
inset: 52px 0 0;
overflow: hidden;
}
.tienda-mega {
z-index: 850;
overscroll-behavior: contain;
justify-content: center;
width: 100vw;
padding: 48px 24px;
display: flex;
position: fixed;
top: 52px;
left: 0;
overflow: hidden;
}
.tienda-mega__inner {
grid-template-rows: auto;
grid-template-columns: repeat(5, 213px);
justify-content: center;
column-gap: 28px;
width: 100%;
max-width: 1180px;
display: grid;
overflow: hidden;
}
.tienda-col {
text-align: center;
cursor: pointer;
color: inherit;
flex-direction: column;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tienda-col__img {
background-color: #eceae2;
border-radius: 4px;
width: 213px;
height: 150px;
margin-top: 14px;
margin-bottom: 0;
overflow: hidden;
}
.tienda-col__img.tienda-img--cargadores {
background-color: #eceae2;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f044cea8083523cf091_drop-cargadores.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tienda-col__img.tienda-img--repartidor {
background-color: #eceae2;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f040896aeb7a75a0a14_drop-tienda-repartidor.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tienda-col__img.tienda-img--refacciones {
background-color: #eceae2;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f04c32a4deb79488945_drop-tienda-refacciones.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tienda-col__img.tienda-img--accesorios {
background-color: #eceae2;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f034cf1b4544b69327c_drop-tienda-accesorios.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tienda-col__img.tienda-img--motocicletas {
background-color: #eceae2;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f044cea8083523cf036_drop-tienda-motocicletas.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tienda-col__title {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
height: 47px;
margin-top: 36px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
overflow: hidden;
}
.tienda-dropdown-list {
z-index: auto;
background-color: #ddd0;
position: absolute;
overflow: hidden;
}
.tienda-hover-bridge {
z-index: 2100;
overscroll-behavior: contain;
background-color: #0000;
width: 100vw;
height: 52px;
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.productos-dd-root {
display: contents;
position: fixed;
overflow: hidden;
}
.productos-hover-bridge {
z-index: 2100;
overscroll-behavior: contain;
background-color: #0000;
width: 100vw;
height: 52px;
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.productos-overlay {
z-index: 840;
pointer-events: none;
width: 100vw;
display: block;
position: fixed;
inset: 52px 0 0;
overflow: hidden;
}
.productos-mega {
z-index: 850;
overscroll-behavior: contain;
justify-content: center;
width: 100vw;
padding: 48px 24px;
display: flex;
position: fixed;
top: 52px;
left: 0;
right: 0;
overflow: hidden;
}
.productos-mega__inner {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: flex;
overflow: hidden;
}
.productos-group {
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.productos-eyebrow {
color: #737373;
letter-spacing: .16em;
text-transform: uppercase;
margin: 0 0 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
overflow: hidden;
}
.productos-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
display: flex;
overflow: hidden;
}
.productos-row.productos-row--2024 {
padding-left: 265px;
}
.productos-prod {
text-align: center;
width: 213px;
color: inherit;
flex-direction: column;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.productos-prod.productos-prod--taranis {
width: 237px;
}
.productos-prod.productos-prod--huracan {
width: 224px;
}
.productos-name {
color: #0a0a0a;
cursor: pointer;
margin: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.2;
overflow: hidden;
}
.productos-name.is-pronto {
opacity: 1;
}
.productos-price {
color: #8a877e;
cursor: pointer;
margin: 5px 0 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 400;
overflow: hidden;
}
.productos-price.is-pronto {
opacity: 1;
}
.productos-img {
cursor: pointer;
background-color: #eceae2;
border-radius: 4px;
width: 213px;
height: 150px;
margin-top: 14px;
overflow: hidden;
}
.productos-img.productos-img--tormenta {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed380703e672d8cead778_drop-productos-tormenta-2024-s4.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.productos-img.productos-img--scooter {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8cae2ed6997355dde5b974_drop-productos-scooter-v5.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.productos-img.productos-img--huracan {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed380ba6878b5abc94742_drop-huracan-rojo-s4.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 224px;
height: 158px;
margin-top: 7px;
}
.productos-img.productos-img--taranis2027 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed527eec50fe4b7638b77_drop-productos-taranis-2027-s5.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 237px;
height: 167px;
margin-top: -2px;
}
.productos-img.productos-img--taranis2027.is-pronto {
opacity: .4;
}
.productos-img.productos-img--huracan2027 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed380835c0d40c90f6e7e_drop-productos-huracan-2027-s4.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 224px;
height: 158px;
margin-top: 7px;
}
.productos-img.productos-img--huracan2027.is-pronto {
opacity: .4;
}
.productos-img.productos-img--tormenta2027 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed380835c0d40c90f6e93_drop-productos-tormenta-2027-s4.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.productos-img.productos-img--tormenta2027.is-pronto {
opacity: .4;
}
.productos-divider {
background-color: #e2dfd6;
align-self: stretch;
width: 1px;
overflow: hidden;
}
.productos-dropdown-list {
z-index: auto;
background-color: #ddd0;
border-style: none;
padding: 0;
position: absolute;
overflow: hidden;
}
.yaii-dd-z {
z-index: auto;
position: relative;
overflow: hidden;
}
.nav-blur {
z-index: 840;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
pointer-events: none;
background-color: #0000004d;
width: 100vw;
display: none;
position: fixed;
inset: 52px 0 0;
}
.menu-lock {
z-index: 3100;
overscroll-behavior: contain;
scrollbar-width: none;
background-color: #0000;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0;
overflow: hidden auto;
}
.ml-spacer {
pointer-events: none;
flex: none;
width: 1px;
height: 200vh;
}
.yaii-hl-lockup {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.yaii-hl-logo {
object-fit: contain;
width: auto;
max-width: 100%;
height: 20.41vw;
margin-top: -4.76vw;
margin-bottom: -4.76vw;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.yaii-hl-sub {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 1.36vw;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 3.4vw;
font-weight: 700;
line-height: 1;
}
.yaii-story {
cursor: ew-resize;
scroll-snap-type: x mandatory;
scrollbar-width: none;
background-color: #0a0a0a;
width: 100%;
height: 100vh;
display: flex;
overflow: auto hidden;
}
.yaii-story__panel {
scroll-snap-align: start;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 0 86vw;
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.yaii-p1 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
}
.yaii-p2 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
}
.yaii-p3 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/69f85179d6898f3ab89cbba6_yaii-tormenta-hero.jpg");
}
.yaii-p4 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e0892_yaii-energy-charger.png");
}
.yaii-p5 {
background-color: #0a0a0a;
}
.yaii-story__scrim {
z-index: 1;
background-image: linear-gradient(#0a0a0a00 35%, #0a0a0ae0 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.yaii-story__content {
z-index: 2;
color: #f0ede4;
max-width: 560px;
padding: 32px;
position: relative;
}
.yaii-story__eyebrow {
color: #f0ede4d1;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yaii-story__title {
color: #f7f5ee;
margin: 0 0 14px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.04;
}
.yaii-story__sub {
color: #f0ede4e6;
max-width: 34ch;
margin: 0 0 24px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.yaii-story__cta {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
border: 1px solid #f7f5eed9;
border-radius: 2px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.yaii-story__title--big {
font-size: 38px;
}
.panels-wrap {
grid-column-gap: 0px;
grid-row-gap: 10px;
background-color: #0a0a0a;
flex-direction: row;
column-gap: 0;
width: 100%;
height: 29.93vw;
transition: background-color .7s;
display: flex;
position: relative;
overflow: hidden;
}
.panel {
width: 12%;
height: 100%;
transform-style: preserve-3d;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: auto;
transition: width .6s cubic-bezier(.22, .61, .36, 1), opacity .7s cubic-bezier(.22, 1.04, .34, 1), transform .7s cubic-bezier(.22, 1.04, .34, 1);
position: relative;
overflow: hidden;
transform: translateZ(0);
}
.panel.panel-1 {
background-image: none;
}
.panel.panel-2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49670b496908db1a87edd_home-panel-delivery.webp");
background-position: 0 0;
background-size: cover;
}
.panel.panel-3 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49674a6bc5ae96dc8f7ee_home-panel-modelos.webp");
background-position: 0 0;
background-size: cover;
}
.panel.panel-4 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.panel.panel-5 {
color: var(--yaii-hueso);
background-color: #f0ede4;
background-image: linear-gradient(#f0ede4, #fff);
}
.panel.is-min {
opacity: .6;
filter: blur(2px);
cursor: pointer;
width: 12%;
}
.panel.is-min:hover {
filter: brightness(1.22);
width: 15%;
}
.panel.is-active {
width: 52%;
}
.panel-1 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11f599d02e922d9297_yaii-hero-alt.png");
width: 52%;
}
.panel-2 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e086f_yaii-delivery-rider.png");
}
.panel-3 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/69f85179d6898f3ab89cbba6_yaii-tormenta-hero.jpg");
}
.panel-4 {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/69f83bcb97f4264d00ec0b88/6a2d9a11611b3a9ef47e0892_yaii-energy-charger.png");
}
.panel-5 {
background-color: #0a0a0a;
}
.panel__scrim {
z-index: 1;
background-image: linear-gradient(#0a0a0a00 35%, #0a0a0ae6 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.panel__content {
z-index: 2;
opacity: 0;
color: #f0ede4;
width: 520px;
padding: 26px;
position: absolute;
bottom: 0;
left: 0;
}
.panel__content.panel__content-on {
opacity: 1;
}
.panel__eyebrow {
color: #f7f5eed1;
letter-spacing: .18em;
text-transform: uppercase;
text-shadow: 0 1px 2px #0a0a0aa6, 0 0 6px #0a0a0a73;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.panel__eyebrow.eyebrow-negra {
color: #0a0a0ac7;
text-shadow: 0 1px 2px #f7f5eebf, 0 0 6px #f7f5ee8c;
}
.panel__title {
color: #f7f5ee;
text-transform: uppercase;
text-shadow: 0 1px 2px #0a0a0aa6, 0 0 8px #0a0a0a73;
margin: 0 0 12px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.04;
}
.panel__title.titulo-negro {
color: #0a0a0a;
text-shadow: 0 1px 2px #f7f5eebf, 0 0 8px #f7f5ee8c;
}
.panel__sub {
color: #f7f5eee6;
text-shadow: 0 1px 2px #0a0a0aa6, 0 0 6px #0a0a0a73;
max-width: 34ch;
margin: 0 0 22px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.panel__sub.sub-negra {
color: #0a0a0ae0;
text-shadow: 0 1px 2px #f7f5eebf, 0 0 6px #f7f5ee8c;
}
.panel__cta {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
text-shadow: 0 1px 2px #0a0a0a99;
border: 1px solid #f7f5eed9;
border-radius: 2px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: all .25s;
display: inline-block;
}
.panel__cta:hover {
color: #0a0a0a;
text-shadow: none;
background-color: #f7f5ee;
border-color: #0a0a0a;
transform: scale(1.05);
}
.panel__cta.cta-negra {
color: #0a0a0a;
text-shadow: 0 1px 2px #f7f5eeb3;
border-color: #0a0a0a;
}
.panel__cta.cta-negra:hover {
color: #f7f5ee;
text-shadow: none;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.panel__media {
z-index: 0;
width: 100%;
height: 100%;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transform: translateZ(0);
}
.yaii-topbar {
z-index: 2100;
background-color: #0a0a0a;
justify-content: center;
align-items: center;
width: 100%;
height: 44px;
padding-left: 56px;
padding-right: 56px;
display: flex;
position: sticky;
top: 0;
}
.yaii-topbar__link {
color: #fff;
text-align: center;
letter-spacing: .04em;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
text-decoration: underline;
}
.yaii-topbar__link:hover {
color: #c9c9c9;
}
.yaii-topbar__link.is-oculta {
display: none;
}
.yaii-topbar__close {
color: #fff;
cursor: pointer;
align-items: center;
padding-left: 8px;
padding-right: 8px;
font-size: 15px;
line-height: 1;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 14px;
}
.yaii-feature {
grid-column-gap: 0px;
background-color: var(--yaii-hueso-soft);
align-items: stretch;
column-gap: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.yaii-feature__img {
object-fit: cover;
flex-shrink: 0;
width: 50%;
height: auto;
min-height: 560px;
display: block;
}
.yaii-feature__content {
width: 50%;
max-width: 760px;
padding: 96px 72px;
}
.yaii-feature__title {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 54px;
font-weight: 800;
line-height: 1.03;
}
.yaii-feature__sub {
color: #1a1a1a;
margin-bottom: 32px;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.yaii-feature__cta {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: none;
background-color: #0000;
border: 1px solid #0a0a0a;
padding: 14px 30px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
font-weight: 400;
text-decoration: none;
display: inline-block;
}
.yaii-feature__cta:hover {
color: #e9d2ba;
background-color: #0a0a0a;
}
.yaii-top {
z-index: 180;
opacity: 0;
pointer-events: none;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
transition: opacity .25s;
display: flex;
position: fixed;
bottom: 28px;
left: 28px;
}
.yaii-top.is-on {
opacity: .35;
pointer-events: auto;
}
.yaii-top.is-on:hover {
opacity: 1;
}
.yaii-top__arrow {
color: #f7f5ee;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1;
}
.yaii-footer {
background-color: #f0ede4;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
gap: 72px 64px;
margin-top: 0;
margin-bottom: 0;
padding: 70px 6vw 0;
font-family: Montserrat, sans-serif;
display: flex;
overflow: hidden;
}
.yaii-footer__left {
flex-direction: column;
align-items: center;
row-gap: 22px;
max-width: 360px;
margin-top: 0;
padding-top: 0;
display: block;
}
.yaii-footer__logo {
width: auto;
height: 95px;
margin: 10px 43px 0 -43px;
padding-right: 0;
display: block;
}
.yaii-footer__link {
color: #1a1a1a;
padding-top: 7px;
padding-bottom: 7px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
text-decoration: none;
display: block;
}
.yaii-footer__link:hover {
color: #6b6b6b;
}
.yaii-footer__h {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
}
.yaii-footer__follow {
margin-top: 0;
}
.yaii-footer__soc-row {
justify-content: flex-start;
column-gap: 24px;
margin-left: 7px;
display: flex;
}
.yaii-footer__soc {
background-color: #0000;
border-radius: 0;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.yaii-footer__soc:hover {
opacity: .72;
}
.yaii-footer__soc-ic {
opacity: .9;
filter: invert();
width: 22px;
height: 22px;
display: block;
}
.yaii-footer__right {
text-align: left;
flex: auto;
max-width: none;
margin-top: 0;
padding-top: 0;
}
.yaii-footer__block {
margin-bottom: 0;
padding-left: 130px;
}
.yaii-footer__form-row {
align-items: flex-end;
column-gap: 20px;
display: flex;
}
.yaii-footer__input {
color: #0a0a0a;
letter-spacing: .06em;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 0;
flex: auto;
padding: 13px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.yaii-footer__input::placeholder {
color: #8a8a8a;
}
.yaii-footer__send {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
padding: 12px 22px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
display: inline-block;
}
.yaii-footer__send:hover {
color: #f0ede4;
background-color: #0a0a0a;
}
.yaii-footer__line {
color: #4a4a4a;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.6;
}
.yaii-footer__mail {
color: #1a1a1a;
margin-bottom: 10px;
font-size: 15px;
line-height: 1.6;
text-decoration: none;
display: block;
}
.yaii-footer__mail:hover {
text-decoration: underline;
}
.yaii-footer__top {
text-align: left;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 0 64px;
display: flex;
}
.yaii-footer__sub-note {
color: #4a4a4a;
max-width: 430px;
margin-bottom: 20px;
font-size: 15px;
line-height: 1.5;
}
.yaii-footer__consent {
color: #6b6b6b;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 0;
font-size: 11px;
}
.yaii-footer__cols {
text-align: left;
flex-wrap: wrap;
justify-content: space-between;
justify-items: center;
gap: 40px 48px;
display: flex;
}
.yaii-footer__colh {
color: #6b6b6b;
text-align: left;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 13px;
font-weight: 700;
}
.yaii-footer__legal {
border-top: 1px solid #cfc9bc;
flex-direction: column;
align-items: center;
row-gap: 18px;
width: 100%;
padding-top: 32px;
padding-bottom: 10px;
display: flex;
}
.yaii-footer__legal-row {
flex-wrap: wrap;
justify-content: center;
gap: 12px 40px;
display: flex;
}
.yaii-footer__legal-link {
color: #6b6b6b;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
}
.yaii-footer__legal-link:hover {
color: #0a0a0a;
}
.yaii-footer__copyright {
color: #6b6b6b;
text-align: center;
max-width: 780px;
margin-bottom: 0;
font-size: 12.5px;
line-height: 1.7;
}
.yaii-footer__brand {
align-items: center;
column-gap: 18px;
margin-bottom: 36px;
display: flex;
}
.yaii-footer__imagotipo {
width: auto;
height: 56px;
margin-left: -20px;
display: block;
}
.yaii-footer__col-explora {
flex: 1 1 0;
min-width: 220px;
}
.yaii-footer__col-soporte {
flex: 1 1 0;
min-width: 180px;
}
.yaii-footer__col-contacto {
flex: 1.4 1 0;
min-width: 300px;
}
.panel__progress {
z-index: 3;
opacity: 0;
background-color: #f7f5ee40;
border-radius: 2px;
height: 3px;
transition: opacity .3s;
position: absolute;
bottom: 18px;
left: 24px;
right: 24px;
overflow: hidden;
}
.panel__progress.progress-negra {
background-color: #0a0a0a2e;
}
.panel__progress-fill {
background-color: #f7f5ee;
width: 0%;
height: 100%;
}
.panel__progress-fill.fill-negra {
background-color: #0a0a0a;
}
.yaii-grid {
background-color: #f7f5ee;
column-gap: 20px;
padding: max(96px, 4.49vw) max(6vw, min(50vw - 647px, 19.745vw));
display: flex;
}
.yaii-grid__right {
flex-wrap: wrap;
flex-shrink: 0;
gap: 20px;
width: calc(56% - 10px);
display: flex;
}
.yaii-grid__scrim {
background-color: #0a0a0a61;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.yaii-grid__label {
color: #f7f5ee;
text-align: center;
letter-spacing: .04em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
font-family: Montserrat, sans-serif;
font-size: max(21px, .982vw);
font-weight: 700;
display: flex;
position: absolute;
inset: 0;
}
.yaii-vision {
background-color: #f7f5ee;
flex-direction: column;
align-items: center;
row-gap: 80px;
padding: 110px 6vw 90px;
font-family: Montserrat, sans-serif;
display: flex;
}
.yaii-vision__cta {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1.5px solid #0a0a0a;
padding: 16px 38px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.yaii-vision__cta:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.yaii-vision__legal {
align-items: flex-start;
column-gap: 72px;
width: 100%;
max-width: 1220px;
display: flex;
}
.yaii-vision__legal-h {
color: #1a1a1a;
margin-top: 0;
margin-bottom: 6px;
font-size: 13px;
font-weight: 700;
}
.yaii-vision__legal-p {
color: #6b6b6b;
margin-bottom: 26px;
font-size: 12.5px;
line-height: 1.75;
}
.yaii-informado {
background-color: #fafaf6;
justify-content: space-between;
align-items: center;
column-gap: 80px;
padding: 150px 8vw;
font-family: Montserrat, sans-serif;
display: flex;
}
.yaii-informado__left {
max-width: 520px;
}
.yaii-informado__title {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 1;
}
.yaii-informado__copy {
color: #4a4a4a;
margin-bottom: 0;
font-size: 17px;
line-height: 1.5;
}
.yaii-informado__right {
flex: auto;
width: 100%;
max-width: 560px;
}
.yaii-videohero {
aspect-ratio: 64 / 27;
background-color: #0a0a0a;
width: 100%;
position: relative;
overflow: hidden;
}
.yaii-videohero__overlay {
z-index: 2;
color: #f7f5ee;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 700;
position: absolute;
bottom: 48px;
left: 6vw;
}
.yaii-craft {
background-color: #fafaf6;
align-items: center;
column-gap: 64px;
padding: 110px 6vw;
font-family: Montserrat, sans-serif;
display: flex;
}
.yaii-craft__left {
width: 38%;
}
.yaii-craft__title {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 28px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.15;
}
.yaii-craft__badge {
color: #6b6b6b;
letter-spacing: .1em;
text-transform: uppercase;
border-left: 3px solid #0a0a0a;
padding-left: 14px;
font-size: 14px;
}
.yaii-craft__media {
aspect-ratio: 16 / 9;
background-color: #eceae2;
border-radius: 18px;
width: 62%;
position: relative;
overflow: hidden;
}
.yaii-ugc {
background-color: #f7f5ee;
padding: 96px 6vw 110px;
font-family: Montserrat, sans-serif;
}
.yaii-ugc__title {
color: #0a0a0a;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 52px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
}
.yaii-ugc__wall {
column-gap: 20px;
width: 100%;
padding-bottom: 12px;
display: flex;
overflow: auto hidden;
}
.yaii-ugc__body {
padding: 16px 18px 18px;
}
.yaii-ugc__autor {
margin-right: 10px;
font-size: 15px;
font-weight: 700;
display: inline;
}
.yaii-ugc__fecha {
opacity: .7;
font-size: 13px;
display: inline;
}
.yaii-ugc__texto {
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.55;
}
.yaii-informado__form-row {
align-items: flex-end;
column-gap: 20px;
display: flex;
}
.yaii-informado__input {
color: #0a0a0a;
letter-spacing: .06em;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 0;
flex: auto;
padding: 13px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.yaii-informado__input::placeholder {
color: #8a8a8a;
}
.yaii-informado__send {
color: #0a0a0a;
background-color: #0000;
border: 1px solid #0a0a0a;
padding: 12px 22px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
display: inline-block;
}
.yaii-informado__send:hover {
color: #f0ede4;
background-color: #0a0a0a;
}
.yaii-informado__consent {
color: #8a8a8a;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 0;
font-size: 11px;
line-height: 1.6;
}
.yaii-grid__card-1 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab4967aad09408dad7a0e1c_home-grid-card-1.webp");
background-position: 50%;
background-size: cover;
border-radius: 14px;
flex-shrink: 0;
width: calc(44% - 10px);
min-height: max(640px, 29.93vw);
display: block;
position: relative;
overflow: hidden;
transform: scale(1);
}
.yaii-grid__card-1:hover {
transform: scale(1.02);
}
.yaii-grid__card-2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab4967dfd3883fbf50ab941_home-grid-card-2.webp");
background-position: 0 0;
background-size: cover;
border-radius: 14px;
width: 100%;
height: max(310px, 14.965vw - 10px);
font-family: Montserrat, sans-serif;
display: block;
position: relative;
overflow: hidden;
transform: scale(1);
}
.yaii-grid__card-2:hover {
transform: scale(1.02);
}
.yaii-grid__card-3 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab496811bbcc6eb23287aad_home-grid-card-3.webp");
background-position: 50%;
background-size: cover;
border-radius: 14px;
width: calc(50% - 10px);
height: max(310px, 14.965vw - 10px);
font-family: Montserrat, sans-serif;
display: block;
position: relative;
overflow: hidden;
transform: scale(1);
}
.yaii-grid__card-3:hover {
transform: scale(1.03);
}
.yaii-grid__card-4 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab4968466849fb44514b60b_home-grid-card-4.webp");
background-position: 50% 100%;
background-size: cover;
border-radius: 14px;
width: calc(50% - 10px);
height: max(310px, 14.965vw - 10px);
font-family: Montserrat, sans-serif;
display: block;
position: relative;
overflow: hidden;
transform: scale(1);
}
.yaii-grid__card-4:hover {
transform: scale(1.03);
}
.yaii-bgvideo-full {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.yaii-ugc__fbframe {
background-color: #f7f5ee;
border-style: none;
flex-shrink: 0;
width: 360px;
height: 640px;
}
.yaii-ugc__fbframe.ugc-ig {
height: 950px;
}
.yaii-ugc__fbframe.ugc-reel {
width: 256px;
height: 950px;
}
.yaii-vision__legal-col-1, .yaii-vision__legal-col-2 {
flex: 1 1 0;
min-width: 0;
}
.renta-dropdown-list {
z-index: auto;
background-color: #ddd0;
border-style: none;
padding: 0;
position: absolute;
overflow: hidden;
}
.renta-dd-root {
display: contents;
position: fixed;
overflow: hidden;
}
.renta-hover-bridge {
z-index: 2100;
overscroll-behavior: contain;
background-color: #0000;
width: 100vw;
height: 96px;
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.renta-overlay {
z-index: 840;
pointer-events: none;
width: 100vw;
display: block;
position: fixed;
inset: 96px 0 0;
overflow: hidden;
}
.renta-mega {
z-index: 850;
overscroll-behavior: contain;
justify-content: center;
width: 100vw;
padding: 48px 24px;
display: flex;
position: fixed;
top: 96px;
left: 0;
right: 0;
overflow: hidden;
}
.renta-mega__inner {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: flex;
overflow: hidden;
}
.renta-group {
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.renta-group.renta-group--premium {
min-width: 730px;
}
.renta-eyebrow {
color: #737373;
letter-spacing: .16em;
text-transform: uppercase;
margin: 0 0 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
overflow: hidden;
}
.renta-eyebrow.is-pronto {
opacity: 1;
}
.renta-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
display: flex;
overflow: hidden;
}
.renta-row.renta-row--premium {
width: 100%;
padding-left: 265px;
}
.renta-prod {
text-align: center;
flex-direction: column;
align-items: center;
width: 213px;
display: flex;
position: relative;
overflow: hidden;
}
.renta-prod.renta-prod--huracan {
width: 224px;
}
.renta-name {
color: #0a0a0a;
cursor: pointer;
margin: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.2;
overflow: hidden;
}
.renta-name.is-pronto {
opacity: 1;
}
.renta-price {
color: #8a877e;
cursor: pointer;
margin: 5px 0 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 400;
overflow: hidden;
}
.renta-price.is-pronto {
opacity: 1;
}
.renta-img {
cursor: pointer;
background-color: #eceae2;
border-radius: 4px;
width: 213px;
height: 150px;
margin-top: 14px;
overflow: hidden;
}
.renta-img.renta-img--cargadores {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f044cea8083523cf091_drop-cargadores.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.renta-img.renta-img--cargadores.is-pronto {
opacity: .4;
}
.renta-img.renta-img--huracan {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abed380ba6878b5abc94742_drop-huracan-rojo-s4.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 224px;
height: 158px;
margin-top: 7px;
}
.renta-img.renta-img--huracan.is-pronto {
opacity: .4;
}
.renta-divider {
background-color: #e2dfd6;
align-self: stretch;
width: 1px;
overflow: hidden;
}
.yaii-grid__nota {
text-transform: none;
font-size: max(12px, .561vw);
font-weight: 300;
}
.soporte-dropdown-list {
z-index: auto;
background-color: #ddd0;
position: absolute;
overflow: hidden;
}
.soporte-hover-bridge {
z-index: 2100;
overscroll-behavior: contain;
background-color: #0000;
width: 100vw;
height: 96px;
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.soporte-overlay {
z-index: 840;
pointer-events: none;
width: 100vw;
display: block;
position: fixed;
inset: 96px 0 0;
overflow: hidden;
}
.soporte-mega {
z-index: 850;
overscroll-behavior: contain;
justify-content: center;
width: 100vw;
padding: 48px 24px;
display: flex;
position: fixed;
top: 96px;
left: 0;
overflow: hidden;
}
.soporte-mega__inner {
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
justify-content: center;
column-gap: 28px;
width: 100%;
max-width: 1180px;
display: grid;
overflow: hidden;
}
.soporte-col {
text-align: center;
cursor: pointer;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.soporte-col__img {
background-color: #eceae2;
border-radius: 4px;
width: 100%;
height: 150px;
margin-top: 14px;
margin-bottom: 0;
overflow: hidden;
}
.soporte-col__img.soporte-img--ubicacion {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873e6c0896aeb7a759ba33_drop-soporte-ubicacion.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--prueba-manejo {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873e6c8a56d9dfb6bb2b5f_drop-soporte-prueba-manejo.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--faq {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a889eaa4ef5553f59f9f113_drop-soporte-faq-v2.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--contacto {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873e6dc868065da1e367ad_drop-soporte-contacto.webp");
background-position: 50% 25%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--taller {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a88ce5d25c44b51d25d9071_drop-soporte-taller-card.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--lujo {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8cb564368458f2dec02dc9_drop-antes-lujo-carga.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--ecosistema {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f03ccedf0ae1e4b3b66_drop-soporte-ecosistema.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--bateria {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a873f0308ad79d0d7d4353d_drop-soporte-bateria.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__img.soporte-img--pagas {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8cb564d9cc8a90587fde1e_drop-antes-pagas.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.soporte-col__title {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
height: 47px;
margin-top: 36px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
overflow: hidden;
}
.yaii-mega-fondo {
z-index: 845;
opacity: 0;
pointer-events: none;
background-color: #fafaf6;
height: 359px;
transition: opacity .15s;
position: fixed;
top: 96px;
left: 0;
right: 0;
box-shadow: 0 18px 40px #0000001f;
}
.renta-dot, .productos-dot, .tienda-dot, .soporte-dot {
opacity: 0;
background-color: #0a0a0a;
border-radius: 50%;
flex-shrink: 0;
width: 6px;
height: 6px;
margin-top: 10px;
transition: opacity .2s;
}
.hl-hero {
text-align: center;
background-color: #f7f5ee;
padding: 120px 24px 96px;
}
.hl-seccion-oscura {
background-color: #f0ede4;
padding: 96px 24px;
}
.hl-seccion-luz {
background-color: #f7f5ee;
padding: 96px 24px;
}
.hl-inner {
text-align: center;
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.hl-eyebrow {
color: #737373;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.hl-hero__titulo {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 22px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 104px;
font-weight: 400;
line-height: .95;
}
.hl-hero__tagline {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 700;
}
.hl-hero__tagline2 {
color: #737373;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 700;
}
.hl-hero__img {
width: 100%;
max-width: 960px;
margin: 36px auto 10px;
display: block;
}
.hl-stats {
grid-column-gap: 64px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
display: flex;
}
.hl-stat {
text-align: center;
}
.hl-stat__valor {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
}
.hl-stat__label {
color: #737373;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.hl-ctas {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: center;
margin-top: 46px;
display: flex;
}
.hl-btn {
color: #f7f5ee;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #0a0a0a;
border: 1px solid #0a0a0a;
border-radius: 2px;
margin-bottom: 22px;
padding: 16px 36px 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
display: inline-block;
}
.hl-btn:hover {
color: #0a0a0a;
background-color: #0000;
}
.hl-btn-linea {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 2px;
padding: 16px 36px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
display: inline-block;
}
.hl-btn-linea:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.hl-btn-linea.w--current {
text-align: center;
margin-bottom: 22px;
}
.hl-btn-claro {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 2px;
padding: 16px 36px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
display: inline-block;
}
.hl-btn-claro:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.hl-titulo-oscuro, .hl-titulo-luz {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 42px;
font-weight: 800;
line-height: 1.1;
}
.hl-sub-oscuro, .hl-sub-luz {
color: #4a4a44;
margin-top: 14px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.hl-manifiesto__linea {
color: #4a4a44;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 1.8;
}
.hl-manifiesto__cierre {
color: #0a0a0a;
margin-top: 32px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 700;
}
.hl-grid-2 {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-wrap: wrap;
justify-content: center;
margin-top: 52px;
display: flex;
}
.hl-card {
text-align: left;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
width: 460px;
padding: 40px 36px;
}
.hl-card__nombre {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 4px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 30px;
font-weight: 400;
}
.hl-card__tipo {
color: #737373;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.hl-card__precio {
color: #0a0a0a;
margin-bottom: 22px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
}
.hl-fila {
border-bottom: 1px solid #e2dfd6;
justify-content: space-between;
padding-top: 11px;
padding-bottom: 11px;
display: flex;
}
.hl-fila__k {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.hl-fila__v {
color: #0a0a0a;
text-align: right;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
}
.hl-card__accion {
text-align: center;
margin-top: 28px;
}
.hl-grid-3 {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-wrap: wrap;
justify-content: center;
margin-top: 52px;
display: flex;
}
.hl-tarjeta-oscura {
text-align: left;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
width: 360px;
padding: 34px 30px;
}
.hl-tarjeta-oscura__titulo {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
}
.hl-tarjeta-oscura__texto {
color: #4a4a44;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.6;
}
.hl-tarjeta-luz {
text-align: left;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
width: 360px;
padding: 34px 30px;
}
.hl-tarjeta-luz__titulo {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
}
.hl-tarjeta-luz__texto {
color: #4a4a44;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.6;
}
.hl-carga {
grid-column-gap: 64px;
grid-row-gap: 32px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 72px;
display: flex;
}
.hl-carga__img {
width: 280px;
}
.hl-carga__texto {
text-align: left;
max-width: 440px;
}
.hl-renta__precio {
color: #0a0a0a;
margin-top: 22px;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 56px;
font-weight: 800;
}
.hl-footer {
text-align: center;
background-color: #050507;
padding: 56px 24px;
}
.hl-footer__marca {
color: #f7f5ee;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.hl-footer__texto {
color: #f7f5ee8c;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.hero-lp {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a4e89e4ef1884ff3d16d622_hf_20260503_043102_c8ababe1-bc2d-4fa2-8f19-7f47e8ddf3d5.jpg");
background-position: 50%;
background-size: cover;
min-height: 100vh;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.hero-flex-lp {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.hero-flex__item-lp {
width: 100%;
}
.hero-flex__item-lp.hero-flex__item--nav-lp {
justify-content: space-between;
align-items: flex-start;
min-height: 15vh;
margin-bottom: -58px;
display: flex;
}
.hero-flex__item-lp.hero-flex__item-mid-lp {
min-height: 70vh;
}
.hero-flex__item-lp.hero-flex__item--bot-lp {
justify-content: center;
align-items: center;
min-height: 15vh;
margin-bottom: -14px;
padding-top: 1px;
display: flex;
position: static;
}
.hero-grid__heading-lp {
text-align: center;
overflow-wrap: normal;
flex: 1;
align-self: center;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-weight: 400;
line-height: 48px;
}
.hero-grid__subheading-lp {
text-align: center;
margin-top: 4px;
font-family: Gotham Light, sans-serif;
font-size: 17px;
}
.data-grid-lp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template: ". . . . Area"
". . Area-2 . ."
/ 1fr 1fr 1fr 1fr;
display: grid;
}
.data-grid__item-lp {
flex-direction: column;
align-items: center;
display: flex;
}
.data__title-lp {
color: #0a0a0a;
letter-spacing: 1px;
font-family: Gotham Medium, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 36px;
}
.data__sub-text-lp {
color: #0a0a0a;
font-size: 12px;
}
.data-grid__button-wrapper-lp {
z-index: 1;
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.button-lp {
z-index: 0;
color: #f0ede4;
text-transform: uppercase;
background-color: #0a0a0a;
border: 2px solid #0a0a0a;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
margin: 3px;
padding: 10px 40px;
font-family: Gotham Medium, sans-serif;
font-size: 12px;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.button-lp:hover {
background-color: @swatch_3b69ab30;
color: @swatch_da195c7f;
}
.yaii-footer__brandlink {
grid-column-gap: 18px;
flex-direction: row;
align-items: center;
row-gap: 0;
text-decoration: none;
display: flex;
}
.hero-tl {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a4ffbd66958f884448aae81_TORMENTA%20NEW%20HERO.jpg");
background-position: 0 0;
background-size: cover;
min-height: 100vh;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.hero-tl.hero-tl-2027 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abead8ae5f7691db586cd82_tormenta-2027-negro.webp");
}
.hero-flex-tl {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.hero-flex__item-tl {
width: 100%;
}
.hero-flex__item-tl.hero-flex__item--nav-tl {
justify-content: space-between;
align-items: flex-start;
min-height: 15vh;
margin-bottom: -58px;
display: flex;
}
.hero-flex__item-tl.hero-flex__item-mid-tl {
min-height: 70vh;
}
.hero-grid__heading-tl {
text-align: center;
overflow-wrap: normal;
flex: 1;
align-self: flex-start;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-weight: 400;
line-height: 48px;
}
.yaii-scroll-cue {
z-index: 3;
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
position: absolute;
top: 38px;
left: 50%;
transform: translate(-50%, -50%);
}
.tienda-hero {
text-align: center;
background-color: #f0ede4;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a6e3dee55659289262602c2_yaii-tienda-hero-hd.webp");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
padding: calc(16.65vw - 65px) 6% calc(6.48vw - 25px);
}
.tienda-hero__titulo {
color: #0a0a0a;
letter-spacing: .6em;
margin-top: 0;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 44px;
font-weight: 500;
}
.tienda-hero__sub {
color: #737373;
letter-spacing: .5px;
max-width: 560px;
margin: 14px auto 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 200;
}
.tienda-seccion {
background-color: #f7f5ee;
border-top: 1px solid #e7e4da;
padding: 28px 6% 80px;
scroll-margin-top: 110px;
}
.tienda-seccion.renta-seccion {
scroll-margin-top: 150px;
}
.tienda-seccion__titulo {
color: #0a0a0a;
letter-spacing: .06em;
max-width: 1280px;
margin: 0 auto;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
}
.tienda-seccion__sub {
color: #737373;
max-width: 1280px;
margin: 6px auto 18px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 400;
}
.tienda-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.tienda-card {
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #e7e4da;
flex-direction: column;
padding-bottom: 32px;
text-decoration: none;
transition: border-color .2s, transform .2s;
display: flex;
position: relative;
}
.tienda-card__img {
object-fit: contain;
object-position: 50% 100%;
background-color: #fafaf6;
width: 100%;
height: 225px;
display: block;
}
.tienda-card__img.img-zoom {
object-fit: cover;
object-position: 50% 50%;
height: 225px;
}
.tienda-card__img.img-zoom.img-arriba {
object-position: 50% 30%;
}
.tienda-card__img.img-zoom.img-medio {
object-position: 50% 37%;
}
.tienda-card__img.img-zoom.img-abajo {
object-position: 50% 60%;
}
.tienda-card__img.img-zoom.img-lupa {
object-fit: cover;
clip-path: inset(18.75%);
width: 100%;
position: static;
transform: scale(1.6);
}
.tienda-card__img.img-zoom.img-lupa-suave-2 {
transform-origin: 50% 100%;
object-fit: cover;
clip-path: inset(13.8% 6.9% 0%);
margin-top: 0;
padding-top: 0;
transform: scale(1.16);
}
.tienda-card__info {
padding: 18px;
}
.tienda-card__nombre {
color: #0a0a0a;
letter-spacing: .03em;
min-height: 42px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.tienda-card__precio {
color: #737373;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
}
.tienda-cats {
grid-column-gap: 36px;
grid-row-gap: 12px;
background-color: #f0ede4;
border-bottom: 1px solid #e7e4da;
flex-wrap: wrap;
justify-content: center;
padding: 22px 6%;
display: flex;
}
.tienda-cat {
color: #737373;
letter-spacing: .08em;
border-bottom: 2px solid #0000;
padding: 8px 14px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: color .18s, background-color .18s, box-shadow .18s, border-color .18s;
}
.tienda-cat:hover {
color: #0a0a0a;
background-color: #fafaf6;
box-shadow: 0 8px 20px #0a0a0a38;
}
.tienda-subgrid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.tienda-subcat {
grid-row-gap: 6px;
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #e7e4da;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 44px 20px;
text-decoration: none;
transition: border-color .2s, transform .2s;
display: flex;
}
.tienda-subcat__nombre {
letter-spacing: .06em;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 800;
}
.tienda-subcat__cta {
color: #737373;
letter-spacing: .04em;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
}
.tienda-volver {
color: #737373;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: inline-block;
}
.tienda-refaccionario {
max-width: 1280px;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
}
.tienda-buscar {
max-width: 640px;
margin-bottom: 36px;
position: relative;
}
.tienda-buscar__form, .tienda-buscar__form._w-form, .tienda-buscar__form._w-form {
margin-bottom: 0;
}
.tienda-buscar__input, .tienda-buscar__input._w-input, .tienda-buscar__input._w-input {
color: #0a0a0a;
letter-spacing: .04em;
background-color: #fafaf6;
border: 1px solid #0a0a0a;
width: 100%;
padding: 14px 18px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.tienda-sugerencias {
z-index: 20;
background-color: #fafaf6;
border: 1px solid #0a0a0a;
border-top-style: none;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.tienda-layout {
grid-column-gap: 44px;
align-items: flex-start;
display: flex;
}
.tienda-filtros {
flex: none;
width: 200px;
}
.tienda-filtro__titulo {
color: #0a0a0a;
letter-spacing: .06em;
margin-top: 26px;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 800;
}
.tienda-filtro__op {
color: #737373;
letter-spacing: .05em;
cursor: pointer;
margin-bottom: 9px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
transition: color .15s;
}
.tienda-zona {
flex: auto;
}
.tienda-cuadricula {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.tienda-vacio {
color: #737373;
padding: 30px 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
display: none;
}
.tienda-buscar-global {
z-index: 60;
background-color: #f0ede4;
border-bottom: 1px solid #e7e4da;
padding: 14px 6% 16px;
position: sticky;
top: 52px;
}
.tienda-filtro__modelo {
color: #737373;
letter-spacing: .05em;
cursor: pointer;
margin-bottom: 9px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 12px;
font-weight: 600;
}
.tienda-filtro__modelo:hover {
color: #0a0a0a;
}
.tienda-card__modelo {
color: #0a0a0a;
letter-spacing: .03em;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 14px;
font-weight: 700;
}
.tienda-toggle-link {
z-index: 5;
position: absolute;
inset: 0;
}
.renta-contenido {
background-color: #f7f5ee;
}
.renta-hero {
text-align: center;
background-color: #f0ede4;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a6e3ded5a6294f460f8dcd2_yaii-renta-hero-hd.webp");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
padding: calc(16.65vw - 65px) 6% calc(6.48vw - 25px);
}
.renta-hero__titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
}
.renta-hero__sub {
color: #737373;
max-width: 560px;
margin: 14px auto 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
}
.renta-seccion {
background-color: #f7f5ee;
border-top: 1px solid #e7e4da;
padding: 90px 6%;
scroll-margin-top: 120px;
}
.renta-fila {
grid-column-gap: 56px;
align-items: center;
display: flex;
}
.renta-fila__img {
border-radius: 6px;
flex: none;
width: 44%;
overflow: hidden;
}
.renta-fila__foto {
object-fit: contain;
width: 100%;
height: 380px;
transition: transform .4s;
display: block;
}
.renta-fila__foto:hover {
transform: scale(1.02);
}
.renta-fila__info {
flex: auto;
}
.renta-etiqueta {
color: #737373;
letter-spacing: .12em;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.renta-titulo {
color: #0a0a0a;
letter-spacing: .05em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
}
.renta-precio {
color: #0a0a0a;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
}
.renta-precio.is-fase2 {
display: none;
}
.renta-copy {
color: #737373;
max-width: 480px;
margin-bottom: 28px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
}
.renta-copy.is-fase2 {
display: none;
}
.renta-cta {
color: #f7f5ee;
letter-spacing: .08em;
background-color: #0a0a0a;
padding: 14px 28px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background-color .2s, transform .2s, box-shadow .2s;
display: inline-block;
}
.renta-cta:hover {
background-color: #1f1f1f;
transform: translateY(-3px);
box-shadow: 0 10px 22px #0a0a0a38;
}
.renta-cta.is-fase2 {
display: none;
}
.soporte-contenido {
background-color: #f0ede4;
}
.soporte-hero {
text-align: center;
background-color: #f0ede4;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a6e3dee4f430ec437bac989_yaii-soporte-hero-hd.webp");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
padding: calc(16.65vw - 65px) 6% calc(6.48vw - 25px);
}
.soporte-hero__titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 64px;
font-weight: 800;
}
.soporte-hero__sub {
color: #737373;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 400;
}
.soporte-atajos {
background-color: #f0ede4;
flex-wrap: wrap;
justify-content: center;
gap: 22px;
padding: 30px 6% 90px;
display: flex;
}
.soporte-atajo {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 6px;
flex-direction: column;
width: 250px;
text-decoration: none;
transition: transform .25s, box-shadow .25s, border-color .25s;
display: flex;
overflow: hidden;
}
.soporte-atajo:hover {
border-color: #0a0a0a;
transform: translateY(-6px);
box-shadow: 0 14px 30px #0a0a0a24;
}
.soporte-atajo__foto-wrap {
background-color: #eceae2;
width: 100%;
height: 140px;
}
.soporte-atajo__foto {
object-fit: cover;
width: 100%;
height: 140px;
display: block;
}
.soporte-atajo__num {
color: #737373;
letter-spacing: .12em;
margin: 18px 18px 4px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.soporte-atajo__titulo {
color: #0a0a0a;
letter-spacing: .06em;
margin: 0 18px 6px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.soporte-atajo__flecha {
color: #0a0a0a;
margin: 0 18px 16px;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.soporte-seccion {
border-top: 1px solid #e7e4da;
padding: 90px 6%;
scroll-margin-top: 120px;
}
.soporte-bg-suave {
background-color: #f7f5ee;
}
.soporte-bg-hueso {
background-color: #f0ede4;
}
.soporte-etiqueta {
color: #737373;
letter-spacing: .14em;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.soporte-titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 34px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
}
.soporte-faq {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.soporte-faq.fac-faq {
border-top: 1px solid #e2ddd1;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.soporte-faq__item {
border-bottom: 1px solid #e7e4da;
padding: 26px 22px;
transition: background-color .22s, padding-left .22s;
}
.soporte-faq__item:hover {
background-color: #fafaf6;
padding-left: 38px;
}
.soporte-faq__preg {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
}
.soporte-faq__preg.fac-faq__preg {
color: #1f1f1f;
letter-spacing: -.01em;
font-size: 17px;
}
.soporte-faq__resp {
color: #737373;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
.soporte-faq__resp.fac-faq__resp {
color: #5e5a52;
font-size: 14.5px;
line-height: 1.65;
}
.soporte-fila {
align-items: center;
gap: 40px 56px;
display: flex;
}
.soporte-fila__info {
flex: 1;
}
.soporte-fila__img {
border-radius: 6px;
width: 44%;
overflow: hidden;
}
.soporte-fila__foto {
object-fit: cover;
width: 100%;
height: 380px;
transition: transform .4s;
display: block;
}
.soporte-fila__foto:hover {
transform: scale(1.02);
}
.soporte-dato {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 6px;
margin-bottom: 18px;
padding: 26px 28px;
transition: transform .25s, box-shadow .25s;
}
.soporte-dato:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px #0a0a0a1a;
}
.soporte-dato__titulo {
color: #0a0a0a;
letter-spacing: .08em;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.soporte-dato__texto {
color: #737373;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
.soporte-contacto {
text-align: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.soporte-contacto__copy {
color: #737373;
margin-top: 0;
margin-bottom: 26px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
}
.soporte-mail {
color: #0a0a0a;
border-bottom: 2px solid #0a0a0a;
padding-bottom: 2px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
transition: color .2s, border-color .2s;
display: inline-block;
}
.soporte-mail:hover {
color: #737373;
border-bottom-color: #737373;
}
.soporte-contacto__cta-wrap {
margin-top: 30px;
}
.soporte-copy {
color: #737373;
max-width: 480px;
margin-top: 0;
margin-bottom: 28px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
.soporte-cta {
color: #f7f5ee;
letter-spacing: .08em;
background-color: #0a0a0a;
padding: 14px 28px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background-color .2s, transform .2s, box-shadow .2s;
display: inline-block;
}
.soporte-cta:hover {
background-color: #1f1f1f;
transform: translateY(-3px);
box-shadow: 0 10px 22px #0a0a0a38;
}
.moto-layout {
flex-wrap: wrap;
align-items: flex-start;
gap: 32px 48px;
max-width: 1280px;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.moto-selector {
flex-direction: column;
flex: 0 0 200px;
row-gap: 28px;
display: flex;
position: sticky;
top: 210px;
}
.moto-selector__grupo {
flex-direction: column;
row-gap: 4px;
display: flex;
}
.moto-selector__titulo {
color: #737373;
letter-spacing: .14em;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.moto-selector__op {
color: #737373;
cursor: pointer;
border-left: 2px solid #0000;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 15px;
font-weight: 600;
}
.moto-stage {
flex: auto;
grid-template-columns: none;
width: auto;
min-width: 0;
display: block;
}
.moto-card {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 14px;
flex-direction: row;
align-items: stretch;
column-gap: 24px;
width: auto;
max-width: none;
padding: 6px;
scroll-margin-bottom: 24px;
transition: border-color .2s, transform .2s, box-shadow .2s;
display: flex;
}
.moto-card:hover {
border-color: #b9b5a8;
transform: translateY(-2px);
box-shadow: 0 10px 28px #0a0a0a12;
}
.moto-card__img {
box-sizing: border-box;
object-fit: contain;
background-color: #f7f5ee;
border-radius: 10px;
flex: 0 0 56%;
width: 56%;
height: 360px;
min-height: 300px;
padding: 8px;
}
.moto-panel {
text-align: left;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: flex-start;
row-gap: 6px;
min-width: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 14px;
display: flex;
}
.moto-specs {
border-top: 1px solid #e6e2d6;
border-bottom: 0 #e6e2d6;
flex-direction: column;
width: 100%;
margin-top: 0;
display: flex;
}
.moto-spec {
border-top: 0 #e6e2d6;
border-bottom: 1px solid #e6e2d6;
justify-content: space-between;
align-items: center;
column-gap: 16px;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.moto-spec__k {
color: #737373;
letter-spacing: .04em;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
}
.moto-spec__v {
color: #0a0a0a;
text-align: right;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
}
.config-wrap {
background-color: #f0ede4;
align-items: stretch;
min-height: 100vh;
padding-top: 0;
display: flex;
}
.config-visual {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/69f85179d6898f3ab89cbba6_yaii-tormenta-hero.jpg");
background-position: 50%;
background-size: cover;
flex: 58%;
justify-content: center;
align-self: flex-start;
align-items: center;
height: calc(100vh - 96px);
padding: 40px;
display: flex;
position: sticky;
top: 96px;
}
.config-visual.config-visual--huracan {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a7b6f727b563157079e006f_yaii-huracan-rojo-config3.webp");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: contain;
}
.config-visual.config-visual--tormenta {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8779fa1d3838b0ad5b7bf0_yaii-tormenta-darkgray-config4.webp");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: contain;
}
.config-visual.config-visual--m2 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8cae2e5bcb41a41151e472_m2-principal-negro-v2.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.config-visual.config-visual--renta {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a7b6f727b563157079e006f_yaii-huracan-rojo-config3.webp");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: contain;
}
.config-foto {
object-fit: contain;
width: 100%;
max-width: 760px;
height: auto;
display: block;
}
.config-panel {
background-color: #fafaf6;
border-left: 1px solid #e7e4da;
flex-direction: column;
flex: 0 0 42%;
max-width: 480px;
padding: 56px 48px;
display: flex;
}
.config-modelo {
color: #0a0a0a;
letter-spacing: .32em;
margin-top: 0;
margin-bottom: 6px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 1.5;
}
.config-precio {
color: #0a0a0a;
margin-bottom: 2px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
}
.config-precio__nota {
color: #737373;
margin-top: 15px;
margin-bottom: 36px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 400;
}
.config-grupo__label {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: none;
margin: 30px 0 14px;
padding-right: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 1.3;
}
.config-opcion {
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e7e4da;
border-radius: 6px;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
padding: 16px 18px;
display: flex;
}
.config-opcion:hover {
border-color: #b9b4a6;
}
.config-opcion__info {
flex-direction: column;
row-gap: 3px;
display: flex;
}
.config-opcion__nombre {
color: #0a0a0a;
letter-spacing: .08em;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 17px;
font-weight: 500;
}
.config-opcion__desc {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
}
.config-opcion__precio {
color: #0a0a0a;
white-space: nowrap;
margin-left: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.config-resumen {
border-top: 1px solid #e7e4da;
justify-content: space-between;
align-items: baseline;
margin-top: 28px;
padding-top: 20px;
display: flex;
}
.config-resumen__label {
color: #737373;
letter-spacing: .06em;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
}
.config-resumen__total {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
}
.config-cta {
color: #f7f5ee;
text-align: center;
letter-spacing: .1em;
background-color: #0a0a0a;
border-radius: 6px;
margin-top: 24px;
padding-top: 17px;
padding-bottom: 17px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background-color .2s, transform .2s, box-shadow .2s;
display: block;
}
.config-cta:hover {
background-color: #1f1f1f;
transform: translateY(-2px);
box-shadow: 0 10px 22px #0a0a0a38;
}
.config-cta.is-fase2 {
display: none;
}
.config-cta.is-falta {
color: #5f5c55;
background-color: #e7e4da;
}
.config-cta.is-falta:hover {
box-shadow: none;
background-color: #e7e4da;
transform: none;
}
.config-cta__nota {
color: #737373;
text-align: center;
margin-top: 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 1.5;
}
.config-extra {
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e7e4da;
border-radius: 6px;
align-items: center;
margin-bottom: 10px;
padding: 14px 18px 14px 16px;
display: flex;
}
.config-extra:hover {
border-color: #b9b5a8;
}
.config-extra.config-extra--card {
align-items: center;
column-gap: 12px;
padding: 16px 18px;
display: flex;
}
.config-extra.config-extra--card.config-extra--tras-promo {
display: none;
}
.config-extra.config-extra--card.config-extra--tras-promo.is-viva {
display: flex;
}
.config-extra__box {
border: 1.5px solid #b9b4a6;
border-radius: 4px;
flex: none;
width: 19px;
height: 19px;
margin-right: 14px;
display: none;
position: relative;
}
.config-extra__nombre {
color: #0a0a0a;
letter-spacing: .01em;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
}
.config-extras-grupo {
display: contents;
}
.config-extras-grupo.is-fase2 {
display: none;
}
.productos-acciones {
opacity: 0;
pointer-events: none;
justify-content: center;
column-gap: 8px;
margin-top: 12px;
transition: opacity .22s, transform .22s;
display: flex;
transform: translateY(6px);
}
.productos-btn {
color: #f7f5ee;
letter-spacing: .08em;
white-space: nowrap;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 8px 14px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
text-decoration: none;
transition: background-color .18s, transform .18s;
display: inline-flex;
}
.productos-btn:hover {
background-color: #1f1f1f;
transform: translateY(-1px);
}
.productos-btn.is-fase2 {
display: none;
}
.productos-btn--sec {
color: #0a0a0a;
background-color: #0000;
border: 1.5px solid #0a0a0a;
}
.productos-btn--sec:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.carrito-add {
z-index: 5;
color: #f7f5ee;
letter-spacing: .08em;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 4px;
align-items: center;
padding: 8px 12px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
transition: background-color .18s, transform .18s;
display: inline-flex;
position: absolute;
bottom: 12px;
right: 12px;
}
.carrito-add:hover {
background-color: #1f1f1f;
transform: translateY(-1px);
}
.carrito-step {
z-index: 5;
background-color: #0a0a0a;
border-radius: 4px;
align-items: center;
display: inline-flex;
position: absolute;
bottom: 12px;
right: 12px;
}
.carrito-step__btn {
color: #f7f5ee;
cursor: pointer;
justify-content: center;
align-items: center;
width: 28px;
height: 30px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
}
.carrito-step__num {
color: #f7f5ee;
text-align: center;
min-width: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.carrito-boton {
cursor: pointer;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-right: 14px;
display: flex;
position: relative;
}
.carrito-boton__icono {
border: 1.5px solid #0a0a0a;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width: 16px;
height: 15px;
margin-top: 6px;
position: relative;
}
.moto-selector__op--fija {
color: #0a0a0a;
cursor: default;
border-left-color: #0a0a0a;
font-weight: 800;
}
.yaii-ugc__marco {
flex-shrink: 0;
height: 640px;
overflow: hidden;
}
.yaii-ugc__card {
background-color: #0a0a0a;
width: 360px;
height: 640px;
display: block;
position: relative;
}
.yaii-ugc__media {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.yaii-ugc__head {
z-index: 2;
background-image: linear-gradient(#0000008c, #0000);
align-items: center;
column-gap: 10px;
padding: 14px 16px 22px;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.yaii-ugc__avatar {
border-radius: 50%;
flex-shrink: 0;
width: 36px;
height: 36px;
}
.yaii-ugc__nombre {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.yaii-ugc__check {
flex-shrink: 0;
width: 16px;
height: 16px;
}
.yaii-ugc__check.fac-check {
cursor: pointer;
accent-color: #1f1f1f;
width: 18px;
height: 18px;
margin-top: 1px;
}
.renta-cat {
color: #737373;
letter-spacing: .08em;
border-bottom: 2px solid #0000;
padding: 8px 14px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: color .18s, background-color .18s, box-shadow .18s, border-color .18s;
}
.renta-cat:hover {
color: #0a0a0a;
background-color: #fafaf6;
box-shadow: 0 8px 20px #0a0a0a38;
}
.renta-planes {
grid-column-gap: 20px;
grid-row-gap: 20px;
overscroll-behavior-x: contain;
scrollbar-width: none;
scroll-snap-type: x mandatory;
grid-template-columns: 1fr 1fr;
max-width: none;
margin-top: 48px;
padding: 10px 4px 26px;
display: flex;
overflow: auto hidden;
}
.renta-planes.is-fase2 {
display: none;
}
.renta-plan {
scroll-snap-align: start;
background-color: #fafaf6;
border: 2px solid #e7e4da;
flex-direction: column;
flex: 0 0 420px;
row-gap: 10px;
padding: 28px 26px;
transition: border-color .2s, transform .2s, box-shadow .2s;
display: flex;
}
.renta-plan:hover {
border-color: #0a0a0a;
box-shadow: 0 12px 26px #0a0a0a14;
}
.renta-plan.renta-plan--promo {
border: 2px solid #0a0a0a;
}
.renta-plan.renta-plan--promo:hover {
transform: translateY(-4px);
box-shadow: 0 14px 30px #0a0a0a24;
}
.renta-plan__nombre {
color: #0a0a0a;
letter-spacing: .1em;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.renta-plan__precio {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.1;
}
.renta-plan__det {
color: #737373;
flex-grow: 1;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.6;
}
.renta-grid {
grid-column-gap: 28px;
grid-row-gap: 36px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 48px;
display: grid;
}
.renta-item__t {
color: #0a0a0a;
letter-spacing: .06em;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
transition: color .18s;
}
.renta-item__p {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.65;
}
.renta-paso__num {
color: #d9d5c9;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 1;
}
.renta-nota {
color: #737373;
max-width: 760px;
margin-top: 22px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.7;
}
.renta-faq__item {
border-bottom: 1px solid #e7e4da;
padding-top: 22px;
padding-bottom: 22px;
transition: background-color .18s, padding-left .18s;
}
.renta-faq__item:hover {
background-color: #fafaf6;
padding-left: 14px;
}
.renta-faq__q {
color: #0a0a0a;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.renta-faq__a {
color: #737373;
max-width: 820px;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.7;
}
.renta-bloque {
background-color: #f7f5ee;
border-top: 1px solid #e7e4da;
padding: 70px 6% 80px;
scroll-margin-top: 150px;
}
.renta-desliza {
color: #737373;
text-align: right;
letter-spacing: .12em;
margin: 48px 4px -36px 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.renta-desliza__flecha {
display: inline-block;
}
.yaii-auth-wrap {
z-index: 950;
align-items: center;
column-gap: 10px;
margin-right: 14px;
display: flex;
position: relative;
}
.yaii-auth-btn {
color: #0a0a0a;
letter-spacing: .08em;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 999px;
padding: 9px 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
display: block;
}
.yaii-auth-btn:hover {
color: #f0ede4;
background-color: #0a0a0a;
transform: translateY(-1px);
}
.yaii-auth-btn.yaii-auth-btn--solido {
color: #f0ede4;
background-color: #0a0a0a;
}
.yaii-auth-btn.yaii-auth-btn--solido:hover {
background-color: #1f1f1f;
}
.yaii-auth-btn.yaii-auth-btn--entrar {
color: #f0ede4;
background-color: #0a0a0a;
border-color: #0a0a0a;
justify-content: center;
align-items: center;
min-width: 36px;
height: 36px;
padding: 0 18px;
transition: width .32s cubic-bezier(.22, .61, .36, 1), padding .32s cubic-bezier(.22, .61, .36, 1);
display: flex;
overflow: hidden;
}
.auth-avatar {
color: #f0ede4;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
display: none;
position: relative;
}
.auth-menu {
z-index: 4100;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 12px;
flex-direction: column;
min-width: 190px;
padding: 8px;
display: none;
position: fixed;
top: 60px;
right: 5vw;
box-shadow: 0 16px 40px #05050724;
}
.auth-menu__item {
color: #0a0a0a;
letter-spacing: .04em;
cursor: pointer;
border-radius: 8px;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
display: block;
}
.auth-menu__item:hover {
background-color: #f0ede4;
}
.auth-overlay {
z-index: 4000;
overscroll-behavior: contain;
background-color: #0a0a0a73;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
top: 0;
left: 0;
}
.auth-overlay.abierta {
display: flex;
}
.auth-modal {
background-color: #fafaf6;
border-radius: 14px;
width: 92vw;
max-width: 920px;
min-height: 540px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 30px 80px #05050759;
}
.auth-modal__visual {
background-color: #0a0a0a;
flex: 0 0 42%;
position: relative;
overflow: hidden;
}
.auth-modal__video {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.auth-modal__form {
text-align: center;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
row-gap: 12px;
padding: 46px 44px;
display: flex;
}
.auth-modal__titulo {
color: #0a0a0a;
letter-spacing: .06em;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1.3;
}
.auth-modal__sub {
color: #737373;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.auth-social {
color: #0a0a0a;
letter-spacing: .08em;
cursor: pointer;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 10px;
justify-content: center;
align-items: center;
column-gap: 10px;
width: 100%;
padding: 14px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
transition: border-color .18s, transform .18s, box-shadow .18s;
display: flex;
position: relative;
overflow: hidden;
}
.auth-social:hover {
border-color: #0a0a0a;
transform: translateY(-2px);
box-shadow: 0 10px 22px #0a0a0a14;
}
.auth-divisor {
color: #8a877e;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 12px;
}
.auth-nota {
color: #8a877e;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.auth-cerrar {
color: #737373;
cursor: pointer;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-family: Montserrat, sans-serif;
font-size: 18px;
transition: background-color .15s, color .15s;
display: flex;
position: absolute;
top: 14px;
right: 14px;
}
.auth-cerrar:hover {
color: #0a0a0a;
background-color: #f0ede4;
}
.auth-pronto {
color: #0a0a0a;
text-align: center;
background-color: #f0ede4;
border-radius: 8px;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 12px;
display: none;
}
.auth-paso-correo {
flex-direction: column;
row-gap: 10px;
width: 100%;
display: none;
}
.auth-paso-correo._w-form {
flex-direction: column;
row-gap: 10px;
display: none;
}
.auth-input, .auth-input._w-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 10px;
width: 100%;
padding: 13px 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.auth-logo {
align-self: flex-start;
width: auto;
height: 30px;
margin-bottom: 6px;
}
.auth-social__g {
flex: none;
width: 18px;
height: 18px;
}
.auth-lockup {
justify-content: center;
align-self: center;
align-items: center;
column-gap: 16px;
margin-bottom: 8px;
display: flex;
}
.auth-lockup__mark {
width: auto;
height: 36px;
display: block;
}
.auth-lockup__logo {
width: auto;
height: 48px;
display: block;
}
.auth-social__mail {
flex: none;
width: 18px;
height: 18px;
}
._w-input-parent._w-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 10px;
width: 100%;
padding: 13px 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.cuenta-seccion {
background-color: #f7f5ee;
min-height: 72vh;
padding: 120px 6% 90px;
}
.cuenta-layout {
align-items: flex-start;
column-gap: 44px;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cuenta-menu {
flex-direction: column;
flex: 0 0 220px;
row-gap: 6px;
display: flex;
position: sticky;
top: 130px;
}
.cuenta-menu__item {
color: #737373;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
border-radius: 8px;
padding: 11px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
transition: background-color .16s, color .16s;
}
.cuenta-menu__item:hover {
color: #0a0a0a;
background-color: #fafaf6;
}
.cuenta-menu__item.activa {
color: #f0ede4;
background-color: #0a0a0a;
}
.cuenta-menu__item.cadena-oculta, .cuenta-menu__item.is-fase2 {
display: none;
}
.cuenta-panel {
flex-direction: column;
flex: 1;
row-gap: 18px;
display: flex;
}
.cuenta-titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
}
.cuenta-card {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
padding: 26px 28px;
display: flex;
}
.cuenta-card.cadena-oculta, .cuenta-card.is-fase2 {
display: none;
}
.cuenta-card__titulo {
color: #6b6b6b;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.cuenta-campo {
border-bottom: 1px solid #e7e4da;
justify-content: space-between;
width: 100%;
padding: 10px 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
display: flex;
}
.cuenta-campo.cuenta-campo--opcion {
cursor: pointer;
}
.cuenta-campo.is-fase2 {
display: none;
}
.cuenta-campo__k {
color: #737373;
}
.cuenta-campo__v {
color: #0a0a0a;
font-weight: 500;
}
.cuenta-vacio {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.cuenta-vacio.is-fase2 {
display: none;
}
.perfil-seccion {
background-color: #f7f5ee;
min-height: 72vh;
padding-bottom: 90px;
}
.perfil-portada {
background-color: #e7e4da;
justify-content: center;
align-items: center;
height: 240px;
display: flex;
}
.perfil-inner {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
padding: 0 6%;
}
.perfil-cabecera {
align-items: center;
column-gap: 22px;
margin-top: -44px;
display: flex;
}
.perfil-avatar {
color: #f0ede4;
background-color: #0a0a0a;
border: 4px solid #f7f5ee;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
display: flex;
position: relative;
}
.perfil-datos {
flex: 1;
padding-top: 34px;
}
.perfil-nombre {
color: #0a0a0a;
letter-spacing: .03em;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
}
.perfil-rol {
color: #737373;
margin-top: 3px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.perfil-tabs {
border-bottom: 1px solid #e7e4da;
column-gap: 28px;
margin-top: 30px;
display: flex;
}
.perfil-tab {
color: #737373;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
border-bottom: 2px solid #0000;
padding: 12px 2px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
transition: color .16s, border-color .16s;
}
.perfil-tab:hover {
color: #0a0a0a;
}
.perfil-tab.activa {
color: #0a0a0a;
border-bottom-color: #0a0a0a;
}
.perfil-vacio {
color: #737373;
text-align: center;
flex-direction: column;
align-items: center;
row-gap: 18px;
padding: 70px 0 10px;
font-family: Montserrat, sans-serif;
font-size: 14px;
display: flex;
}
.pm-hero {
text-align: center;
background-color: #f7f5ee;
padding: 150px 6% 36px;
}
.pm-eyebrow {
color: #737373;
letter-spacing: .18em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.pm-titulo {
color: #0a0a0a;
letter-spacing: .02em;
margin-top: 14px;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 46px;
font-weight: 800;
}
.pm-sub {
color: #737373;
max-width: 560px;
margin-left: auto;
margin-right: auto;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.pm-cuerpo {
background-color: #f7f5ee;
padding: 30px 6% 96px;
}
.pm-form-card {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
width: 100%;
min-width: 850px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding: 34px;
box-shadow: 0 20px 50px #0505070f;
}
.pm-form-titulo {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 800;
}
.pm-form-slot {
outline-offset: 0px;
border: 1px dashed #d8d4c8;
border-radius: 12px;
outline: 3px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 12px;
width: 100%;
min-height: 750px;
margin-top: 18px;
padding: 26px;
display: flex;
overflow: visible;
}
.pm-slot-nota {
color: #737373;
max-width: 380px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.pm-info-fila {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 980px;
margin: 46px auto 0;
display: flex;
}
.pm-info-card {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
flex-direction: column;
flex: 280px;
align-items: center;
row-gap: 8px;
padding: 26px;
transition: border-color .2s, transform .2s, box-shadow .2s;
display: flex;
}
.pm-info-card:hover {
border-color: #0a0a0a;
transform: translateY(-4px);
box-shadow: 0 12px 26px #0a0a0a14;
}
.pm-info-card__t {
color: #6b6b6b;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.pm-info-card__p {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.code-embed {
display: none;
}
.code-embed-2 {
flex: 1;
}
.config-color-grupo {
margin-bottom: 26px;
}
.config-color-fila {
flex-flow: column;
align-items: stretch;
gap: 10px 14px;
display: flex;
}
.config-color-swatch {
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e7e4da;
border-radius: 6px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 13px 16px;
display: flex;
}
.config-color-nombre {
color: #737373;
letter-spacing: .08em;
flex-basis: 100%;
order: -1;
margin-top: -10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
display: none;
}
.tl-hero {
text-align: center;
background-color: #f7f5ee;
padding: 150px 6% 36px;
}
.tl-eyebrow {
color: #737373;
letter-spacing: .18em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.tl-titulo {
color: #0a0a0a;
letter-spacing: .02em;
margin-top: 14px;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 46px;
font-weight: 800;
}
.tl-sub {
color: #737373;
max-width: 560px;
margin-left: auto;
margin-right: auto;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.tl-cuerpo {
background-color: #f7f5ee;
padding: 30px 6% 96px;
}
.tl-form-card {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
width: 100%;
min-width: 850px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding: 34px;
box-shadow: 0 20px 50px #0505070f;
}
.tl-form-titulo {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 800;
}
.tl-form-slot {
border: 1px dashed #d8d4c8;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 12px;
width: 100%;
max-width: 850px;
min-height: 750px;
margin-top: 18px;
padding: 26px;
display: flex;
overflow: hidden;
}
.tl-slot-nota {
color: #737373;
max-width: 380px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.tl-info-fila {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 980px;
margin: 46px auto 0;
display: flex;
}
.tl-info-card {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
flex-direction: column;
flex: 280px;
align-items: center;
row-gap: 8px;
padding: 26px;
transition: border-color .2s, transform .2s, box-shadow .2s;
display: flex;
}
.tl-info-card:hover {
border-color: #0a0a0a;
transform: translateY(-4px);
box-shadow: 0 12px 26px #0a0a0a14;
}
.tl-info-card.is-fase2 {
display: none;
}
.tl-info-card__t {
color: #6b6b6b;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.tl-info-card__p {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.config-color-limitada {
align-items: center;
width: 100%;
margin-left: 0;
display: flex;
position: relative;
}
.config-color-limitada__tag {
color: #737373;
text-align: left;
letter-spacing: .1em;
white-space: nowrap;
margin-top: 3px;
font-family: Montserrat, sans-serif;
font-size: 9px;
font-weight: 700;
position: static;
transform: none;
}
.yaii-ugc__desliza {
color: #737373;
text-align: right;
letter-spacing: .12em;
margin: 0 4px 10px 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yaii-ugc__desliza-flecha {
display: inline-block;
}
.config-color-swatch__nombre {
color: #0a0a0a;
letter-spacing: .08em;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.config-color-swatch__info {
flex-direction: column;
display: flex;
}
.config-color-chip {
border: 1px solid #0a0a0a1f;
border-radius: 4px;
flex: none;
width: 26px;
height: 26px;
}
.config-color-chip.config-color-chip--rojo {
background-color: #a01414;
background-image: linear-gradient(135deg, #a01414 50%, #272828 50%);
}
.config-color-chip.config-color-chip--azul {
background-color: #2b829f;
background-image: linear-gradient(135deg, #2b829f 50%, #272828 50%);
}
.config-color-chip.config-color-chip--rosa {
background-color: #dfa3b0;
background-image: linear-gradient(135deg, #dfa3b0 50%, #272828 50%);
}
.config-color-chip.config-color-chip--negro {
background-color: #272828;
}
.config-color-chip.config-color-chip--blanco {
background-color: #d8d8d8;
background-image: linear-gradient(135deg, #d8d8d8 50%, #272828 50%);
}
.faq-grupo__titulo {
color: #737373;
letter-spacing: .16em;
text-transform: uppercase;
margin-top: 34px;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.faq-acordeon {
border-bottom: 1px solid #e7e4da;
transition: background-color .18s, padding-left .18s;
display: block;
}
.faq-acordeon:hover {
background-color: #fafaf6;
padding-left: 14px;
}
.faq-acordeon.is-fase2 {
display: none;
}
.faq-acordeon__preg {
color: #0a0a0a;
letter-spacing: .02em;
cursor: pointer;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 34px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
display: block;
position: relative;
}
.faq-acordeon__preg:after {
color: #737373;
content: "+";
margin-top: -11px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 500;
transition: transform .22s;
position: absolute;
top: 50%;
right: 4px;
}
.faq-acordeon__resp {
color: #737373;
max-width: 820px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 18px;
padding-right: 34px;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.65;
}
.config-extra__img {
object-fit: contain;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
flex: none;
width: 54px;
height: 54px;
padding: 4px;
}
.config-extra__cuerpo {
flex: auto;
min-width: 0;
}
.config-extra__desc {
color: #8b8677;
max-width: 34ch;
margin-top: 4px;
padding-right: 10px;
font-family: Montserrat, sans-serif;
font-size: 11.5px;
line-height: 1.55;
}
.config-extra__der {
flex: none;
align-items: center;
column-gap: 12px;
display: flex;
}
.config-extra__antes {
color: #a8a498;
text-align: right;
margin-right: 0;
font-family: Montserrat, sans-serif;
font-size: 10.5px;
text-decoration: line-through;
display: block;
}
.config-extra__ahorro {
color: #0a0a0a;
letter-spacing: .08em;
background-color: #efede4;
border-radius: 3px;
margin-top: 8px;
padding: 2px 6px;
font-family: Montserrat, sans-serif;
font-size: 9.5px;
font-weight: 700;
display: inline-block;
}
.enlacaja {
text-align: center;
max-width: 1080px;
margin: 0 auto;
padding: 80px 24px 90px;
}
.enlacaja__titulo {
color: #0a0a0a;
letter-spacing: .9px;
margin: 0 0 40px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
.enlacaja__banda {
background-color: #f5f4ef;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
column-gap: 8%;
min-height: 400px;
padding: 40px 6% 40px 0;
display: flex;
position: relative;
overflow: hidden;
}
.enlacaja__item {
flex-direction: column;
flex: 0 340px;
align-items: center;
row-gap: 18px;
display: flex;
}
.enlacaja__img {
object-fit: contain;
max-width: 100%;
height: 230px;
}
.enlacaja__caption {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
}
.enlacaja__texto {
color: #737373;
max-width: 62ch;
margin: 34px auto 0;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.7;
}
.config-lab__sub {
color: #86868b;
margin-left: 7px;
font-weight: 800;
}
.fantasma {
opacity: .35;
pointer-events: none;
}
.enlacaja__moto {
max-width: none;
height: 100%;
position: absolute;
top: -2%;
left: -33%;
}
.enlacaja__pies {
grid-template-columns: 1fr 1fr;
justify-items: center;
margin-top: 16px;
display: grid;
}
.enlacaja__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.entrega {
z-index: 5;
text-align: left;
scrollbar-width: thin;
flex-direction: column;
justify-content: flex-start;
row-gap: 10px;
width: 42%;
padding: 8px 8px 8px 0;
display: flex;
position: absolute;
top: 40px;
bottom: 40px;
right: 4%;
overflow-y: auto;
}
.entrega__titulo {
color: #0a0a0a;
letter-spacing: .1em;
margin-top: 8px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 800;
}
.entrega__item {
align-items: center;
column-gap: 10px;
display: flex;
}
.entrega__foto {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
flex: none;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding: 3px;
display: flex;
overflow: hidden;
}
.entrega__img {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.entrega__nombre {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 600;
line-height: 1.3;
}
.entrega__desc {
color: #8b8677;
margin-top: 1px;
font-family: Montserrat, sans-serif;
font-size: 10.5px;
line-height: 1.4;
}
.entrega__vacio {
color: #a8a498;
font-family: Montserrat, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.entrega__textos {
flex: auto;
min-width: 0;
}
.vermas {
margin-top: 2px;
}
.vermas__btn {
color: #737373;
text-align: center;
letter-spacing: .08em;
cursor: pointer;
border: 1.5px dashed #d9d5c9;
border-radius: 6px;
margin-bottom: 10px;
padding: 11px 14px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
list-style: none;
}
.caja-m2 {
text-align: center;
max-width: 1080px;
margin: 0 auto;
padding: 80px 24px 90px;
}
.caja-m2__titulo {
color: #0a0a0a;
letter-spacing: .9px;
margin: 0 0 40px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
.caja-m2__banda {
background-color: #f1ede4;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
column-gap: 8%;
min-height: 400px;
padding: 40px 6% 40px 0;
display: flex;
position: relative;
overflow: hidden;
}
.caja-m2__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.caja-m2__moto {
max-width: none;
height: 110%;
position: absolute;
top: 0%;
left: -47%;
}
.caja-hur {
text-align: center;
max-width: 1080px;
margin: 0 auto;
padding: 80px 24px 90px;
}
.caja-hur__titulo {
color: #0a0a0a;
letter-spacing: .9px;
margin: 0 0 40px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
.caja-hur__banda {
background-color: #f1ede4;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
column-gap: 8%;
min-height: 400px;
padding: 40px 6% 40px 0;
display: flex;
position: relative;
overflow: hidden;
}
.caja-hur__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.caja-hur__moto {
max-width: none;
height: 160%;
position: absolute;
top: -22%;
left: -77%;
}
.caja-m2__pies {
grid-template-columns: 1fr 1fr;
justify-items: center;
margin-top: 16px;
display: grid;
}
.caja-m2__caption {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
}
.caja-m2__texto {
color: #737373;
max-width: 62ch;
margin: 34px auto 0;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.7;
}
.entrega-m2 {
z-index: 5;
text-align: left;
scrollbar-width: thin;
flex-direction: column;
justify-content: flex-start;
row-gap: 10px;
width: 42%;
padding: 8px 8px 8px 0;
display: flex;
position: absolute;
top: 40px;
bottom: 40px;
right: 4%;
overflow-y: auto;
}
.caja-hur__pies {
grid-template-columns: 1fr 1fr;
justify-items: center;
margin-top: 16px;
display: grid;
}
.caja-hur__caption {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
}
.caja-hur__texto {
color: #737373;
max-width: 62ch;
margin: 34px auto 0;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.7;
}
.entrega-hur {
z-index: 5;
text-align: left;
scrollbar-width: thin;
flex-direction: column;
justify-content: flex-start;
row-gap: 10px;
width: 42%;
padding: 8px 8px 8px 0;
display: flex;
position: absolute;
top: 40px;
bottom: 40px;
right: 4%;
overflow-y: auto;
}
.caja-tor {
text-align: center;
max-width: 1080px;
margin: 0 auto;
padding: 80px 24px 90px;
}
.caja-tor__titulo {
color: #0a0a0a;
letter-spacing: .9px;
margin: 0 0 40px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
.caja-tor__banda {
background-color: #f1ede4;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
column-gap: 8%;
min-height: 400px;
padding: 40px 6% 40px 0;
display: flex;
position: relative;
overflow: hidden;
}
.caja-tor__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.caja-tor__moto {
max-width: none;
height: 135%;
position: absolute;
top: -14%;
left: -68%;
}
.caja-tor__pies {
grid-template-columns: 1fr 1fr;
justify-items: center;
margin-top: 16px;
display: grid;
}
.caja-tor__caption {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
}
.caja-tor__texto {
color: #737373;
max-width: 62ch;
margin: 34px auto 0;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.7;
}
.entrega-tor {
z-index: 5;
text-align: left;
scrollbar-width: thin;
flex-direction: column;
justify-content: flex-start;
row-gap: 10px;
width: 42%;
padding: 8px 8px 8px 0;
display: flex;
position: absolute;
top: 40px;
bottom: 40px;
right: 4%;
overflow-y: auto;
}
.caja-ren {
text-align: center;
max-width: 1080px;
margin: 0 auto;
padding: 80px 24px 90px;
}
.caja-ren__titulo {
color: #0a0a0a;
letter-spacing: .9px;
margin: 0 0 40px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.25;
}
.caja-ren__banda {
background-color: #f1ede4;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
column-gap: 8%;
min-height: 400px;
padding: 40px 6% 40px 0;
display: flex;
position: relative;
overflow: hidden;
}
.caja-ren__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.caja-ren__moto {
max-width: none;
height: 160%;
position: absolute;
top: -22%;
left: -77%;
}
.caja-ren__pies {
grid-template-columns: 1fr 1fr;
justify-items: center;
margin-top: 16px;
display: grid;
}
.caja-ren__caption {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 13px;
}
.caja-ren__texto {
color: #737373;
max-width: 62ch;
margin: 34px auto 0;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
line-height: 1.7;
}
.entrega-ren {
z-index: 5;
text-align: left;
scrollbar-width: thin;
flex-direction: column;
justify-content: flex-start;
row-gap: 10px;
width: 42%;
padding: 8px 8px 8px 0;
display: flex;
position: absolute;
top: 40px;
bottom: 40px;
right: 4%;
overflow-y: auto;
}
.popup-entrega {
z-index: 4200;
background-color: #0a0a0a8c;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0;
}
.popup-entrega__caja {
background-color: #fff;
border-radius: 10px;
width: 92%;
max-width: 560px;
max-height: 88vh;
padding: 34px 10px 10px;
position: relative;
overflow: hidden;
}
.popup-entrega__cerrar {
z-index: 2;
color: #737373;
cursor: pointer;
font-size: 24px;
line-height: 1;
position: absolute;
top: 8px;
right: 14px;
}
.popup-entrega__marco {
border: 0 solid #0000;
width: 100%;
height: 910px;
max-height: 80vh;
}
.config-subtitulo {
color: #737373;
letter-spacing: .12em;
text-transform: uppercase;
margin: 12px 0 2px;
font-family: Montserrat, sans-serif;
font-size: 10.5px;
font-weight: 700;
}
.adn-seccion {
color: #1f1f1f;
background-color: #f7f5ee;
flex-direction: column;
align-items: center;
padding: 56px 8%;
display: flex;
}
.adn-seccion-oscura {
color: #1f1f1f;
background-color: #f0ede4;
flex-direction: column;
align-items: center;
padding: 64px 8%;
display: flex;
}
.adn-hero {
color: #0a0a0a;
background-color: #f0ede4;
flex-direction: column;
align-items: center;
padding: 120px 8% 50px;
display: flex;
}
.adn-kicker {
color: #737373;
letter-spacing: .22em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.adn-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 1.1;
}
.adn-h2, .adn-h2-osc {
color: #0a0a0a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 31px;
font-weight: 800;
line-height: 1.15;
}
.adn-h3, .adn-h3-osc {
color: #1f1f1f;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 28px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
}
.adn-texto {
color: #1f1f1f;
width: 100%;
max-width: 980px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.adn-texto-osc {
color: #4a4a46;
width: 100%;
max-width: 980px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.adn-punch {
color: #0a0a0a;
background-color: #fafaf6;
border-left: 3px solid #0a0a0a;
border-radius: 10px;
width: 100%;
max-width: 980px;
margin-top: 24px;
margin-bottom: 24px;
padding: 18px 24px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.adn-punch-osc {
color: #0a0a0a;
background-color: #fafaf6;
border-left: 3px solid #0a0a0a;
border-radius: 10px;
width: 100%;
max-width: 980px;
margin-top: 24px;
margin-bottom: 24px;
padding: 18px 24px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.adn-cadena {
width: 100%;
max-width: 980px;
box-shadow: none;
background-color: #0000;
border: 0 #0000;
border-radius: 0;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
margin-top: 18px;
margin-bottom: 18px;
padding: 0;
display: flex;
position: static;
}
.adn-chip {
color: #0a0a0a;
text-align: left;
letter-spacing: 0;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: auto;
min-height: 0;
padding: 10px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: normal;
transition: background-color .25s, color .25s, transform .25s;
display: block;
position: static;
}
.adn-chip:hover {
box-shadow: none;
color: #0a0a0a;
background-color: #fff;
border-color: #b9b5a8;
transform: translateY(-2px);
}
.adn-chip-negro {
color: #0a0a0a;
text-align: left;
letter-spacing: 0;
background-color: #d5d1c5;
border: 0 #0a0a0a;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: auto;
min-height: 0;
padding: 10px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: normal;
transition: background-color .25s, color .25s, transform .25s;
display: block;
position: static;
}
.adn-chip-negro:hover {
box-shadow: none;
color: #0a0a0a;
background-color: #dedacf;
transform: translateY(-2px);
}
.adn-chip-pct {
color: #737373;
text-align: center;
letter-spacing: 0;
white-space: normal;
background-color: #0000;
border-radius: 0;
max-width: none;
padding: 0;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: normal;
}
.adn-flecha {
color: #737373;
background-color: #0000;
justify-content: center;
align-items: center;
width: auto;
height: 39px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
line-height: normal;
display: flex;
position: static;
transform: none;
}
.adn-qbox {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 12px;
padding: 18px 20px;
transition: transform .3s, box-shadow .3s, border-color .3s;
box-shadow: 0 6px 18px #0a0a0a0d;
}
.adn-qbox:hover {
border-color: #0a0a0a;
transform: translateY(-6px);
box-shadow: 0 18px 40px #0a0a0a1f;
}
.adn-qbox-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.adn-qbox-texto {
color: #4a4a46;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.55;
}
.adn-2col {
grid-template-columns: 1fr 1fr;
gap: 16px;
width: 100%;
max-width: 980px;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.adn-tabla {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 12px;
width: 100%;
max-width: 1080px;
margin-top: 24px;
margin-bottom: 24px;
overflow: hidden;
box-shadow: 0 12px 32px #0a0a0a12;
}
.adn-fila-6 {
grid-template-columns: 1.3fr 1.2fr .9fr .9fr .8fr 2.2fr;
display: grid;
}
.adn-fila-5 {
grid-template-columns: .5fr 2.2fr 1.2fr 1.2fr 1.5fr;
display: grid;
}
.adn-fila-4 {
grid-template-columns: 1.5fr .9fr 1.3fr 1.6fr;
display: grid;
}
.adn-celda {
color: #1f1f1f;
border-bottom: 1px solid #d8d4c8;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 500;
line-height: 1.45;
}
.adn-celda-osc {
color: #c8c4b8;
border-bottom: 1px solid #26262b;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.45;
}
.adn-celda-head {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #e0dcd1;
background-image: linear-gradient(135deg, #efece2 0%, #c6c2b6 100%);
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.adn-celda-head-clara {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #f0ede4;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.adn-celda-yaii {
color: #0a0a0a;
background-color: #e0dcd1;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 600;
line-height: 1.45;
}
.adn-celda-yaii-clara {
color: #0a0a0a;
background-color: #f0ede4;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
}
.adn-cita-final {
color: #0a0a0a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 28px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 38px;
font-weight: 800;
line-height: 1.25;
}
.adn-cita-final-gris {
color: #8a867a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 38px;
font-weight: 800;
line-height: 1.25;
}
.adn-nota {
color: #737373;
width: 100%;
max-width: 980px;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.adn-lupa, .adn-lupa._w-form {
width: 100%;
max-width: 980px;
margin-top: 8px;
margin-bottom: 6px;
}
.adn-lupa-input {
color: #1f1f1f;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 10px;
width: 100%;
max-width: 640px;
padding: 14px 18px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
transition: border-color .25s, box-shadow .25s;
}
.adn-lupa-input:focus {
border-color: #0a0a0a;
box-shadow: 0 2px 12px #0a0a0a14;
}
.adn-lupa-input._w-input {
color: #1f1f1f;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 10px;
width: 100%;
padding: 14px 18px;
font-family: Montserrat, sans-serif;
font-size: 15px;
transition: border-color .25s, box-shadow .25s;
}
.adn-lupa-input._w-input {
color: #1f1f1f;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 10px;
width: 100%;
max-width: 640px;
padding: 14px 18px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
transition: border-color .25s, box-shadow .25s;
}
.adn-lupa-input._w-input:focus {
border-color: #0a0a0a;
box-shadow: 0 2px 12px #0a0a0a14;
}
.adn-h2-click {
cursor: pointer;
}
.adn-toggle-icono {
color: #737373;
margin-left: 14px;
font-weight: 800;
}
.adn-boton {
color: #0a0a0a;
letter-spacing: .04em;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
padding: 16px 32px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-block;
}
.adn-boton:hover {
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.adn-boton-linea {
color: #0a0a0a;
letter-spacing: .04em;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
padding: 16px 32px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .25s, color .25s, transform .25s;
display: inline-block;
}
.adn-boton-linea:hover {
color: #f0ede4;
background-color: #1d1d21;
transform: translateY(-3px);
}
.adn-modelo {
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.man-seccion {
color: #1f1f1f;
background-color: #f7f5ee;
flex-direction: column;
align-items: center;
padding: 64px 8%;
display: flex;
}
.man-seccion-bone {
color: #1f1f1f;
background-color: #f0ede4;
flex-direction: column;
align-items: center;
padding: 64px 8%;
display: flex;
}
.man-seccion-bone.inline-section-0 {
padding-top: 120px;
}
.man-kicker {
color: #737373;
letter-spacing: .22em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.man-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 1.1;
}
.man-h2 {
color: #0a0a0a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 31px;
font-weight: 800;
line-height: 1.15;
}
.man-texto {
color: #1f1f1f;
width: 100%;
max-width: 980px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.man-utopia {
color: #0a0a0a;
width: 100%;
max-width: 980px;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.45;
}
.man-punch {
color: #0a0a0a;
background-color: #fafaf6;
border-left: 3px solid #0a0a0a;
border-radius: 10px;
width: 100%;
max-width: 980px;
margin-top: 24px;
margin-bottom: 24px;
padding: 18px 24px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.man-valores {
grid-template-columns: 1fr 1fr;
gap: 16px;
width: 100%;
max-width: 980px;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.man-valor {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 12px;
padding: 18px 20px;
transition: transform .3s, box-shadow .3s, border-color .3s;
box-shadow: 0 6px 18px #0a0a0a0d;
}
.man-valor:hover {
border-color: #0a0a0a;
transform: translateY(-6px);
box-shadow: 0 18px 40px #0a0a0a1f;
}
.man-valor-titulo {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.man-valor-texto {
color: #4a4a46;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.55;
}
.man-valor-prueba {
color: #737373;
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.man-boton {
color: #0a0a0a;
letter-spacing: .04em;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
padding: 16px 32px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-block;
}
.man-boton:hover {
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.man-fila-botones {
flex-wrap: wrap;
gap: 12px;
width: 100%;
max-width: 980px;
margin-top: 18px;
display: flex;
}
.sim-caja {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 14px;
width: 100%;
max-width: 980px;
margin-top: 20px;
margin-bottom: 10px;
padding: 28px;
box-shadow: 0 12px 32px #0a0a0a12;
}
.sim-caja.hv-sim {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 18px 20px;
}
.sim-caja.hv-sim.hv-d-sim {
box-shadow: none;
background-color: #f7f5ee;
border-color: #ebe7dc;
border-radius: 20px;
padding: 24px 24px 22px;
}
.sim-caja.tv-sim {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 18px 20px;
}
.sim-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
}
.sim-titulo.hv-d-sim-tit {
letter-spacing: -.01em;
text-transform: none;
margin-bottom: 4px;
font-size: 20px;
}
.sim-sub {
color: #4a4a46;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
}
.sim-sub.hv-sim-sub {
margin-bottom: 10px;
}
.sim-sub.hv-sim-sub.hv-d-sim-sub {
color: #6f6b62;
margin-bottom: 14px;
font-size: 13px;
line-height: 1.5;
}
.sim-chips {
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
display: flex;
}
.sim-chips.hv-sim-chips {
margin-bottom: 12px;
}
.sim-chip {
color: #0a0a0a;
cursor: pointer;
background-color: #f0ede4;
border: 1px solid #d8d4c8;
border-radius: 6px;
padding: 10px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.sim-chip.sim-activo {
color: #0a0a0a;
background-color: #c6c2b6;
border-color: #0a0a0a;
}
.sim-chip.hv-d-schip {
letter-spacing: .04em;
background-color: #fff;
border-color: #e2dfd6;
border-radius: 999px;
padding: 8px 12px;
font-size: 11px;
transition: background-color .2s, border-color .2s;
}
.sim-chip.hv-d-schip:hover {
border-color: #0a0a0a;
}
.sim-chip.hv-d-schip.sim-activo {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border-color: #0a0a0a;
}
.sim-activo {
color: #f0ede4;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.sim-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 14px;
display: grid;
}
.sim-grid.hv-sim-rejilla {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
}
.sim-grid.hv-sim-rejilla.hv-d-srej {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
}
.sim-dato {
background-color: #f7f5ee;
border-radius: 10px;
padding: 14px 16px;
transition: transform .3s, box-shadow .3s;
}
.sim-dato:hover {
transform: translateY(-4px);
box-shadow: 0 12px 26px #0a0a0a1a;
}
.sim-dato.hv-sim-dato {
padding: 10px 12px;
}
.sim-dato.hv-sim-dato.hv-d-sdato {
background-color: #fff;
border-radius: 14px;
grid-column: span 2 / span 2;
padding: 12px 14px;
}
.sim-dato.hv-sim-dato.hv-d-sdato.hv-d-top {
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
grid-column: span 3 / span 3;
}
.sim-dato-num {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1.1;
}
.sim-dato-num.hv-d-snum {
letter-spacing: -.01em;
font-size: 24px;
}
.sim-dato-lab {
color: #737373;
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.sim-dato-lab.hv-d-slab {
color: #6f6b62;
letter-spacing: .1em;
font-size: 10px;
line-height: 1.35;
}
.sim-nota {
color: #737373;
margin-top: 14px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
.sim-nota.hv-sim-nota {
margin-top: 10px;
}
.sim-nota.hv-sim-nota.hv-d-snota {
color: #8a857a;
margin-top: 14px;
font-size: 11px;
line-height: 1.5;
}
.eco-seccion {
color: #1f1f1f;
background-color: #f7f5ee;
flex-direction: column;
align-items: center;
padding: 64px 8%;
display: flex;
}
.eco-seccion-bone {
color: #1f1f1f;
background-color: #f0ede4;
flex-direction: column;
align-items: center;
padding: 64px 8%;
display: flex;
}
.eco-seccion-bone.inline-section-0 {
padding-top: 120px;
}
.eco-kicker {
color: #737373;
letter-spacing: .22em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.eco-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 1.1;
}
.eco-h2 {
color: #0a0a0a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 31px;
font-weight: 800;
line-height: 1.15;
}
.eco-texto {
color: #1f1f1f;
width: 100%;
max-width: 980px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.eco-texto.inline-p-0 {
margin-top: 14px;
}
.eco-grid {
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
width: 100%;
max-width: 980px;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.eco-card {
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 12px;
padding: 18px 20px;
transition: transform .3s, box-shadow .3s, border-color .3s;
box-shadow: 0 6px 18px #0a0a0a0d;
}
.eco-card:hover {
border-color: #0a0a0a;
transform: translateY(-6px);
box-shadow: 0 18px 40px #0a0a0a1f;
}
.eco-card-titulo {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.eco-card-texto {
color: #4a4a46;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.55;
}
.eco-tag {
color: #f0ede4;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0a0a0a;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
display: inline-block;
}
.eco-tag-dev {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #f0ede4;
border: 1px solid #0a0a0a;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
display: inline-block;
}
.eco-boton {
color: #f0ede4;
letter-spacing: .04em;
background-color: #0a0a0a;
border-radius: 8px;
padding: 16px 32px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-block;
}
.eco-boton:hover {
background-color: #2a2a2f;
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.eco-fila-botones {
flex-wrap: wrap;
gap: 12px;
width: 100%;
max-width: 980px;
margin-top: 18px;
display: flex;
}
.sim-seccion {
background-color: #f7f5ee;
flex-direction: column;
align-items: center;
padding: 56px 8%;
display: flex;
}
.sim-seccion.is-fase2 {
display: none;
}
.sim-encabezado {
color: #0a0a0a;
text-transform: uppercase;
width: 100%;
max-width: 980px;
margin-top: 0;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 31px;
font-weight: 800;
line-height: 1.15;
}
.eco-stats {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px;
width: 100%;
max-width: 980px;
margin-top: 24px;
display: grid;
}
.eco-stat {
background-color: #0a0a0a;
border-radius: 12px;
padding: 18px;
transition: transform .3s, box-shadow .3s;
}
.eco-stat:hover {
transform: translateY(-6px)scale(1.02);
box-shadow: 0 18px 40px #0a0a0a40;
}
.eco-stat-num {
color: #f0ede4;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.eco-stat-lab {
color: #8a867a;
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
}
.eco-pasos {
flex-wrap: wrap;
align-items: center;
gap: 10px;
width: 100%;
max-width: 980px;
margin-top: 18px;
margin-bottom: 10px;
display: flex;
}
.eco-paso {
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 10px;
padding: 12px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
transition: transform .3s, background-color .3s, color .3s;
}
.eco-paso:hover {
color: #f0ede4;
background-color: #0a0a0a;
transform: translateY(-4px);
}
.eco-paso-num {
color: #737373;
letter-spacing: .08em;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 800;
}
.eco-flecha {
color: #737373;
font-size: 16px;
font-weight: 700;
}
.hero-grid {
text-align: center;
font-family: Gotham Light, sans-serif;
font-size: 11px;
}
.hero-grid.hero-anim {
opacity: 0;
transform-style: preserve-3d;
transition: opacity .2s, transform .2s;
transform: translate3d(0, 30%, 0);
}
.hero-grid.hero-anim.is-viva {
opacity: 1;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
}
.antes-dropdown-list {
z-index: auto;
background-color: #ddd0;
position: absolute;
overflow: hidden;
}
.antes-mega__inner {
grid-column-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
width: 100%;
max-width: 980px;
display: grid;
overflow: hidden;
}
.antes-col__title {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
min-height: 47px;
margin-top: 36px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.config-resumen__unico {
color: #737373;
letter-spacing: .02em;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.text-block-3 {
letter-spacing: 0;
font-family: Montserrat, sans-serif;
font-size: 20px;
}
.text-span {
font-weight: 300;
}
.prox-hero {
text-align: center;
background-color: #f7f5ee;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 88vh;
padding: 120px 24px 80px;
display: flex;
}
.prox-kicker {
color: #737373;
letter-spacing: .28em;
text-transform: uppercase;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.prox-titulo {
color: #0a0a0a;
letter-spacing: .18em;
margin-bottom: 14px;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 64px;
line-height: 1.1;
}
.prox-sub {
color: #1f1f1f;
max-width: 560px;
margin-bottom: 48px;
font-family: Montserrat, sans-serif;
font-size: 17px;
}
.prox-specs {
grid-column-gap: 56px;
grid-row-gap: 28px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 44px;
display: flex;
}
.prox-spec__v {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.1;
}
.prox-spec__l {
color: #737373;
letter-spacing: .04em;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 13px;
}
.prox-nota {
color: #737373;
max-width: 520px;
margin-top: 34px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
}
.config-plan {
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e7e4da;
border-radius: 6px;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
padding: 16px 18px;
display: flex;
}
.renta-plan__dia {
color: #737373;
margin-top: -6px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 500;
}
.renta-plan__gas {
color: #0a0a0a;
text-align: center;
letter-spacing: .06em;
background-color: #f0ede4;
border: 1.5px solid #e7e4da;
border-radius: 6px;
margin-top: 10px;
padding: 10px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
position: relative;
overflow: hidden;
}
.renta-linea__titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 26px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
}
.config-plan__dia {
color: #737373;
text-align: right;
margin-top: 2px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
}
.hero-hl {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a4e89e4ef1884ff3d16d622_hf_20260503_043102_c8ababe1-bc2d-4fa2-8f19-7f47e8ddf3d5.jpg");
background-position: 0 0;
background-size: cover;
min-height: 100vh;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.hero-hl.hero-hl-2027 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a0fba281a926e2e57f185ec_V1_Stealth_Black_Mate.jpg");
}
.hero-flex-hl {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.hero-flex__item-hl {
width: 100%;
}
.hero-flex__item-hl.hero-flex__item--nav-hl {
justify-content: space-between;
align-items: flex-start;
min-height: 15vh;
margin-bottom: -58px;
display: flex;
}
.hero-flex__item-hl.hero-flex__item-mid-hl {
min-height: 70vh;
}
.hero-grid__heading-hl {
text-align: center;
overflow-wrap: normal;
flex: 1;
align-self: flex-start;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-weight: 400;
line-height: 48px;
}
.manif-zig {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
align-items: center;
margin-top: 56px;
margin-bottom: 20px;
display: grid;
}
.manif-zig__texto {
min-width: 0;
}
.manif-zig__digital {
aspect-ratio: 1;
background-color: #dcd8cd;
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: auto;
min-height: 460px;
}
.manif-zig__digital.manif-dig--casa {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a89d720dca83c004266cc53_yaii-punto1-diptico-casa-dc.webp");
background-position: 50%;
background-size: cover;
}
.manif-zig__digital.manif-dig--estaciones {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8a03881866e1fa4a131ca9_yaii-estaciones-residencial-v3.webp");
background-position: 50%;
background-size: cover;
}
.manif-zig__digital.manif-dig--muro {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8a0be0b694f9d9735a5abd_yaii-muro-tormenta-v1.webp");
background-position: 50%;
background-size: cover;
}
.manif-zig__digital.manif-dig--redpublica {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a8a0c1ab694f9d9735a7b95_yaii-redpublica-taranis-v1.webp");
background-position: 50%;
background-size: cover;
}
.carga-precios {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 18px;
margin-bottom: 26px;
display: grid;
}
.carga-precio {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
padding: 18px 14px;
transition: transform .25s, box-shadow .25s, border-color .25s;
}
.carga-precio:hover {
border-color: #0a0a0a;
transform: translateY(-4px);
box-shadow: 0 14px 30px #0a0a0a1f;
}
.carga-precio__amp {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
}
.carga-precio__label {
color: #737373;
letter-spacing: .06em;
margin-top: 4px;
font-size: 11px;
}
.carga-precio__precio {
color: #0a0a0a;
margin-top: 6px;
font-size: 17px;
font-weight: 700;
}
.carga-formas {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr 1fr 1fr;
align-items: stretch;
margin-top: 22px;
margin-bottom: 34px;
display: grid;
}
.carga-forma {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
flex-direction: column;
padding: 24px 22px;
transition: transform .25s, box-shadow .25s, border-color .25s;
display: flex;
}
.carga-forma:hover {
border-color: #0a0a0a;
transform: translateY(-4px);
box-shadow: 0 14px 30px #0a0a0a1f;
}
.carga-forma__num {
color: #0a0a0a;
background-color: #d5d1c5;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-bottom: 12px;
font-weight: 700;
display: flex;
}
.carga-forma__tag {
color: #737373;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 6px;
font-size: 11px;
}
.carga-forma__t {
color: #0a0a0a;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
}
.carga-forma__p {
color: #4a4a46;
margin-bottom: 14px;
font-size: 14px;
line-height: 1.55;
}
.carga-forma__cta {
align-self: center;
margin-top: auto;
display: inline-block;
}
.adn-fila-8 {
grid-template-columns: 1.1fr .9fr .8fr .7fr 1fr 1.6fr 1fr 1.1fr;
display: grid;
}
.eco-digital {
border-radius: 16px;
width: 100%;
max-width: 980px;
margin-top: 40px;
display: block;
}
.eco-gemelos {
grid-template-columns: 1fr 1fr;
gap: 20px;
width: 100%;
max-width: 980px;
margin-top: 40px;
display: grid;
}
.eco-gemela {
background-color: #e0dcd1;
border-radius: 16px;
flex-direction: column;
align-items: flex-start;
padding: 36px;
transition: transform .3s, box-shadow .3s;
display: flex;
}
.eco-gemela:hover {
transform: translateY(-4px);
box-shadow: 0 14px 32px #0a0a0a1a;
}
.eco-gemela__precio {
color: #0a0a0a;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.15;
}
.eco-gemela__cta {
margin-top: 20px;
}
.manif-tri {
border-radius: 16px;
flex-direction: column;
width: 100%;
height: 0;
min-height: 100%;
display: flex;
overflow: hidden;
}
.manif-tri__img {
object-fit: cover;
flex: 1;
width: 100%;
min-height: 0;
display: block;
}
.manif-examen-wrap {
width: 100%;
}
.manif-examen {
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: 50% 50%;
border-radius: 16px;
width: 100%;
}
.embed-oculto {
display: none;
}
.adn-nodo {
flex-direction: column;
flex-shrink: 0;
align-items: center;
row-gap: 5px;
display: flex;
}
.galeria-red {
z-index: 5;
pointer-events: none;
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.galeria-red__img {
pointer-events: none;
object-fit: contain;
width: 100%;
max-width: 92%;
height: 100%;
max-height: 88%;
display: none;
}
.galeria-activa {
display: block;
}
.galeria-red__flecha {
pointer-events: auto;
color: #0a0a0a;
cursor: pointer;
background-color: #fafaf6;
border: 1px solid #d8d4c8;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 700;
transition: background-color .2s, border-color .2s;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.galeria-red__flecha:hover {
background-color: #fff;
border-color: #b9b5a8;
}
.galeria-red__izq {
left: 18px;
}
.galeria-red__der {
right: 18px;
}
.galeria-red__puntos {
align-items: center;
column-gap: 9px;
display: flex;
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
}
.galeria-red__punto {
pointer-events: auto;
cursor: pointer;
background-color: #d8d4c8;
border-radius: 999px;
width: 8px;
height: 8px;
transition: background-color .2s;
}
.galeria-punto-on {
background-color: #0a0a0a;
}
.galeria-tapa {
background-color: #f7f5ee;
}
.galeria-oculta {
display: none;
}
.galeria-punto-principal {
-webkit-text-fill-color: inherit;
background-clip: content-box;
border: 1px solid #b9b5a8;
border-radius: 50%;
flex-shrink: 0;
width: 16px;
height: 16px;
margin-right: 7px;
padding: 3px;
}
.img-centrada {
object-position: 50% 50%;
}
.config-color-swatch--darkgray, .config-color-swatch--silverstorm {
cursor: pointer;
}
.config-color-chip--darkgray {
background-color: #3b3b40;
background-image: linear-gradient(135deg, #3b3b40 50%, #131315 50%);
}
.config-color-chip--silverstorm {
background-color: #c9cdd2;
background-image: linear-gradient(135deg, #c9cdd2 50%, #272828 50%);
}
.bridge-duelo {
cursor: none;
background-color: #050507;
height: calc(100vh - 96px);
min-height: 540px;
position: relative;
overflow: hidden;
}
.bridge-lado-izq {
z-index: 1;
cursor: none;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a87871db18c51c2121fec21_yaii-tormenta-bridge.webp");
background-position: 50% 68%;
background-size: cover;
position: absolute;
inset: 0%;
}
.bridge-lado-der {
z-index: 2;
cursor: none;
position: absolute;
inset: 0% 0% 0% 50%;
overflow: hidden;
}
.bridge-img-izq {
will-change: transform;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a87c93ecdfb9d3c3791f3e8_yaii-tormenta-bridge-dark-90.webp");
background-position: 50% 60%;
background-repeat: no-repeat;
background-size: cover;
width: 95%;
height: 100%;
position: absolute;
inset: 1.5% 0% 0% 2%;
transform: scale(1.06);
}
.bridge-img-der {
will-change: transform;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6a87c44b6c179ae30fcc5f47_huracan-red-asset1-final.webp");
background-position: 50% 60%;
background-repeat: no-repeat;
background-size: cover;
width: 200%;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
transform: scale(1.06);
}
.bridge-velo {
pointer-events: none;
background-image: linear-gradient(#f0ede400 62%, #f0ede48c 100%);
position: absolute;
inset: 0%;
}
.bridge-info {
z-index: 3;
pointer-events: none;
position: absolute;
bottom: 5%;
left: 4.5%;
}
.bridge-info-der {
z-index: 3;
pointer-events: none;
text-align: right;
position: absolute;
bottom: 5%;
right: 4.5%;
}
.bridge-nombre {
color: #0a0a0a;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 6px;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 88px;
font-weight: 400;
line-height: .95;
}
.bridge-sub {
opacity: .85;
color: #1f1f1f;
letter-spacing: .18em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.bridge-kicker {
z-index: 4;
pointer-events: none;
color: #737373;
text-align: center;
letter-spacing: .22em;
text-transform: uppercase;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
position: absolute;
top: 24px;
left: 0%;
right: 0%;
}
.bridge-linea {
z-index: 3;
pointer-events: none;
background-image: linear-gradient(#0a0a0a00 0%, #0a0a0a73 30% 70%, #0a0a0a00 100%);
width: 2px;
margin-left: -1px;
position: absolute;
top: 0%;
bottom: 0%;
left: 50%;
}
.bridge-nodo {
color: #0a0a0a;
letter-spacing: .05em;
background-color: #f0ede48c;
border: 1px solid #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bridge-cursor {
z-index: 99;
opacity: 0;
pointer-events: none;
mix-blend-mode: normal;
background-color: #f0ede4d9;
border: 2px solid #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 84px;
height: 84px;
margin-top: -42px;
margin-left: -42px;
display: flex;
position: fixed;
top: 0%;
left: 0%;
box-shadow: 0 6px 22px #0a0a0a38;
}
.bridge-cursor-txt {
color: #0a0a0a;
letter-spacing: .14em;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
}
.caja-m2__ficha {
color: #737373;
text-align: center;
margin-top: 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.7;
}
.tienda-card__aviso {
color: #737373;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 600;
}
.tienda-seccion__nota {
color: #737373;
max-width: 720px;
margin-top: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.body-blanco {
background-color: #fff;
}
.yaii-cookies {
z-index: 5000;
flex-direction: column;
justify-content: flex-end;
padding: 0;
display: flex;
position: fixed;
inset: auto 0 0;
}
.yaii-cookies.is-capa {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: #0a0a0a59;
top: 0;
}
.yaii-cookies.is-oculto {
display: none;
}
.yaii-cookies__texto {
color: #0a0a0a;
flex: 420px;
min-width: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.yaii-cookies__link {
color: #0a0a0a;
text-underline-offset: 3px;
font-weight: 700;
text-decoration: underline;
}
.yaii-cookies__acciones {
flex: none;
align-items: center;
column-gap: 14px;
display: flex;
}
.yaii-cookies__btn {
color: #0a0a0a;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 999px;
padding: 10px 24px;
font-size: 12px;
font-weight: 700;
display: inline-block;
}
.yaii-cookies__btn:hover {
background-color: #f0ede4;
}
.yaii-cookies__cerrar {
color: #f0ede4;
cursor: pointer;
padding: 2px 8px;
font-size: 24px;
line-height: 1;
}
.yaii-mnav {
flex-direction: column;
width: 100%;
margin-bottom: 12px;
display: none;
}
.yaii-mnav__sec {
border-bottom: 1px solid #00000026;
width: 100%;
}
.yaii-mnav__toggle {
color: #0a0a0a;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 18px 10px;
font-family: Gotham Medium, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 17.5px;
list-style-type: none;
display: flex;
}
.yaii-mnav__toggle.is-abierta {
color: #f0ede4;
background-color: #1f1f1f;
}
.yaii-mnav__mas {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1;
}
.yaii-mnav__mas.is-abierta {
color: #f0ede4;
}
.yaii-mnav__list {
padding: 0 10px 16px;
}
.yaii-mnav__eyebrow {
color: #737373;
letter-spacing: .16em;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yaii-mnav__item {
color: #0a0a0a;
border-bottom: 1px solid #00000014;
justify-content: space-between;
align-items: baseline;
column-gap: 12px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
display: flex;
}
.yaii-mnav__name {
color: #0a0a0a;
letter-spacing: .04em;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
.yaii-mnav__title {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
.yaii-mnav__price {
color: #8a877e;
text-align: right;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 400;
}
.yaii-mnav__ver {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
text-underline-offset: 4px;
margin-top: 14px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
text-decoration: underline;
display: inline-block;
}
.yaii-mnav__cuenta {
color: #0a0a0a;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #00000026;
margin-top: 8px;
padding: 18px 10px;
font-family: Gotham Medium, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
display: block;
}
.yaii-auth-btn__texto {
white-space: nowrap;
}
.yaii-auth-btn__icono {
flex: none;
width: 18px;
height: 18px;
display: none;
}
.auth-cambio {
color: #737373;
text-align: center;
border-top: 1px solid #e7e4da;
margin-top: 18px;
padding-top: 14px;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.5;
}
.auth-cambio__opcion {
cursor: pointer;
}
.auth-cambio__link {
color: #0a0a0a;
text-underline-offset: 3px;
font-weight: 700;
text-decoration: underline;
}
.yaii-cookies__barra {
color: #0a0a0a;
background-color: #fff;
border-top: 1px solid #d9d5ca;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px 28px;
width: 100%;
padding: 14px 48px;
font-family: Montserrat, sans-serif;
display: flex;
position: relative;
box-shadow: 0 -8px 28px #0a0a0a14;
}
.config-leyenda-2024 {
color: #0a0a0a;
background-color: #f4f2ea;
border-left: 2px solid #0a0a0a;
margin-top: -24px;
margin-bottom: 32px;
padding: 10px 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
.config-leyenda-2024__sub {
color: #737373;
margin-top: 4px;
font-size: 10px;
font-weight: 400;
}
.config-stock-2024 {
color: #fff;
letter-spacing: .08em;
background-color: #0a0a0a;
border-radius: 3px;
margin-top: 6px;
padding: 2px 6px;
font-family: Montserrat, sans-serif;
font-size: 9.5px;
font-weight: 700;
display: none;
}
.hl-card__stock {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
display: none;
}
.hl-card__leyenda {
color: #737373;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.hl-2027 {
text-align: center;
margin-top: 40px;
}
.hl-2027__texto {
color: #0a0a0a;
margin-top: 10px;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
}
.legal-page {
background-color: #f7f5ee;
padding: 140px 6vw 96px;
font-family: Montserrat, sans-serif;
}
.legal-wrap {
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.legal-kicker {
color: #4a4a4a;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #e2dfd6;
border-radius: 999px;
margin-bottom: 18px;
padding: 7px 14px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
display: inline-block;
}
.legal-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.1;
}
.legal-intro {
color: #4a4a4a;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.7;
}
.legal-h2 {
color: #0a0a0a;
letter-spacing: -.01em;
border-top: 1px solid #cfc9bc;
margin-top: 48px;
margin-bottom: 14px;
padding-top: 24px;
scroll-margin-top: 130px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.legal-h3 {
color: #1a1a1a;
margin-top: 26px;
margin-bottom: 8px;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.legal-p {
color: #4a4a4a;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 14.5px;
line-height: 1.7;
}
.legal-p.fac-confirma__txt {
color: #2a2825;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.legal-ul {
color: #4a4a4a;
margin-top: 0;
margin-bottom: 16px;
padding-left: 22px;
font-family: Montserrat, sans-serif;
font-size: 14.5px;
line-height: 1.7;
}
.legal-li {
margin-bottom: 6px;
}
.legal-a {
color: #0a0a0a;
text-underline-offset: 3px;
font-weight: 700;
text-decoration: underline;
transition: color .2s;
}
.legal-a:hover {
color: #67635b;
}
.legal-firma {
color: #6b6b6b;
border-top: 1px solid #cfc9bc;
margin-top: 48px;
padding-top: 24px;
font-size: 12.5px;
line-height: 1.7;
}
.hl-card__2024 {
margin-top: -12px;
margin-bottom: 18px;
}
.tienda-precio-yaii {
color: #737373;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 12px;
}
.tienda-leyenda {
color: #737373;
font-family: Montserrat, sans-serif;
font-size: 12px;
}
.pago-overlay {
z-index: 5000;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #f0ede4b8;
justify-content: center;
align-items: center;
padding: 32px 16px;
display: none;
position: fixed;
inset: 0;
}
.pago-overlay.abierto {
display: flex;
}
.pago-modal {
color: #0a0a0a;
background-color: #f0ede4;
border-radius: 16px;
grid-template-rows: auto 1fr;
grid-template-columns: 360px 1fr;
gap: 0;
width: 920px;
max-width: 100%;
max-height: 100%;
padding: 0;
font-family: Montserrat, sans-serif;
display: grid;
overflow-y: auto;
box-shadow: 0 24px 64px #0a0a0a24;
}
.pago-modal__cabeza {
justify-content: space-between;
align-items: center;
column-gap: 12px;
margin-bottom: 0;
display: flex;
}
.pago-modal__titulo {
color: #0a0a0a;
letter-spacing: -.01em;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.pago-modal__cerrar {
cursor: pointer;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-right: -6px;
padding: 0;
transition: background-color .2s;
display: flex;
}
.pago-modal__cerrar:hover {
background-color: #f0ede4;
}
.pago-modal__cerrar:focus-visible, .pago-modal__cerrar[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #0a0a0a;
}
.pago-resumen {
margin-bottom: 0;
}
.pago-resumen__moto {
color: #0a0a0a;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.pago-resumen__fila {
flex-wrap: nowrap;
align-items: baseline;
column-gap: 8px;
margin-top: 8px;
display: flex;
}
.pago-resumen__fila.is-total {
border-top: 1px solid #e2ded3;
margin-top: 16px;
padding-top: 14px;
}
.pago-resumen__label {
color: #67635b;
margin-right: auto;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-resumen__total {
color: #0a0a0a;
letter-spacing: -.01em;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.pago-resumen__folio {
color: #0a0a0a;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
}
.pago-copiar {
color: #2a2825;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 6px 12px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: inline-flex;
}
.pago-copiar:hover {
color: #1f1f1f;
border-color: #1f1f1f;
}
.pago-copiar.copiado {
color: #1f1f1f;
background-color: #f0ede4;
border-color: #1f1f1f;
}
.pago-copiar.is-inline {
margin-bottom: 12px;
display: inline-flex;
}
.pago-copiar.is-inline.grc-copiar {
letter-spacing: 0;
text-transform: none;
padding: 4px 10px;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
}
.pago-copiar.cred-copiar {
margin-left: auto;
}
.pago-copiar.is-link {
color: #0a0a0a;
letter-spacing: 0;
text-transform: none;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ac952978ea6a7d45b7a3f53_copiar.svg");
background-position: 0;
background-repeat: no-repeat;
background-size: 14px 14px;
border-width: 0;
border-radius: 0;
padding: 0 0 0 18px;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
}
.pago-copiar.is-link:hover {
color: #67635b;
}
.pago-copiar.is-link.copiado {
color: #0a0a0a;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ac9521c7eca2090204dceb1_check.svg");
}
.pago-copiar.is-link.pagar-copiar {
font-size: 13px;
}
.pago-copiar.grc-copiar {
letter-spacing: .12em;
font-size: 12px;
}
.pago-opciones {
flex-direction: column;
row-gap: 12px;
margin-top: 20px;
display: flex;
}
.pago-opcion {
cursor: pointer;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 12px;
grid-template-columns: 36px 1fr 20px;
align-items: center;
gap: 0 12px;
min-height: 64px;
padding: 14px 16px;
transition: border-color .2s, box-shadow .2s, opacity .2s;
display: grid;
position: relative;
box-shadow: 0 1px 2px #0a0a0a0a;
}
.pago-opcion:hover {
border-color: #d8d3c7;
box-shadow: 0 4px 14px #0a0a0a0f;
}
.pago-opcion:focus-visible, .pago-opcion[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #0a0a0a;
}
.pago-opcion.con-badge {
margin-top: 8px;
}
.pago-opcion.con-badge.is-oculto {
display: none;
}
.pago-opcion.is-abierta, .pago-opcion.is-abierta:hover {
border-color: #0a0a0a;
box-shadow: 0 0 0 1px #0a0a0a;
}
.pago-opcion.is-cargando {
opacity: .55;
pointer-events: none;
}
.pago-opcion.is-off {
opacity: .5;
cursor: default;
}
.pago-opcion.is-off:hover {
border-color: #e7e4da;
box-shadow: 0 1px 2px #0a0a0a0a;
}
.pago-opcion.is-oculto {
display: none;
}
.pago-opcion__titulo {
color: #0a0a0a;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.pago-opcion__desc {
color: #67635b;
margin-top: 2px;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-opcion__pronto {
color: #0a0a0a;
background-color: #f0ede4;
border-radius: 6px;
grid-column: 1 / 4;
margin-top: 12px;
padding: 8px 10px;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
display: none;
}
.pago-opcion__pronto.visible {
display: block;
}
.gracias {
color: #0a0a0a;
background-color: #f0ede4;
padding: 120px 24px 96px;
font-family: Montserrat, sans-serif;
}
.gracias.grc-pagina {
color: #1f1f1f;
padding: 0 24px 120px;
position: relative;
}
.gracias.cred-seccion {
padding: 72px 40px 96px;
position: relative;
}
.gracias__wrap {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.gracias__wrap.grc-wrap, .gracias__wrap.cred-wrap {
z-index: 1;
max-width: 1200px;
position: relative;
}
.gracias__kicker {
color: #737373;
letter-spacing: .16em;
margin-bottom: 12px;
font-size: 11px;
font-weight: 700;
}
.gracias__kicker.is-ligero {
font-weight: 600;
}
.gracias__kicker.grc-kicker {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin-bottom: 0;
}
.gracias__titulo {
margin-top: 0;
margin-bottom: 22px;
font-size: 36px;
font-weight: 800;
line-height: 1.1;
}
.gracias__titulo.is-ligero {
font-weight: 600;
}
.gracias__titulo.grc-titulo {
color: #1f1f1f;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 800;
line-height: 1.05;
}
.gracias__folio {
flex-wrap: wrap;
align-items: baseline;
column-gap: 12px;
margin-bottom: 8px;
display: flex;
}
.gracias__folio.grc-folio {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 22px 12px;
margin-bottom: 0;
padding: 32px 32px 30px;
display: flex;
}
.gracias__folio.cred-folio {
grid-column-gap: 10px;
align-items: center;
margin-bottom: 0;
padding-top: 18px;
}
.gracias__folio-label {
color: #737373;
font-size: 12px;
font-weight: 600;
}
.gracias__folio-label.grc-folio__label {
color: #67635b;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.gracias__folio-label.cred-folio-k {
color: #67635b;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10.5px;
font-weight: 700;
}
.gracias__folio-num {
letter-spacing: .08em;
font-size: 26px;
font-weight: 800;
}
.gracias__folio-num.is-ligero {
font-weight: 600;
}
.gracias__folio-num.is-ligero.cred-folio-v {
color: #1f1f1f;
letter-spacing: .06em;
font-size: 14px;
font-weight: 700;
}
.gracias__folio-num.grc-folio__num {
color: #1f1f1f;
letter-spacing: .02em;
text-transform: uppercase;
white-space: normal;
flex: 0 0 100%;
order: 1;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
}
.gracias__resumen {
color: #737373;
margin-bottom: 28px;
font-size: 13px;
font-weight: 500;
}
.gracias__resumen.grc-resumen {
color: #2a2825;
text-transform: uppercase;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding: 22px 32px 24px;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.gracias__tabs {
background-color: #e9e5db;
border-radius: 16px;
flex-wrap: nowrap;
gap: 4px;
margin-bottom: 24px;
padding: 4px;
display: flex;
}
.gracias__tabs.fac-tabs {
margin-bottom: 32px;
}
.gracias__tabs.grc-tabs {
background-color: #f0ede4;
border: 1px solid #e7e4da;
border-radius: 999px;
margin-bottom: 16px;
}
.gracias__tab {
color: #67635b;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer;
border-radius: 12px;
flex: 1;
justify-content: center;
align-items: center;
min-height: 44px;
margin-bottom: 0;
padding: 10px 14px;
font-family: Montserrat, sans-serif;
font-size: 11.5px;
font-weight: 700;
line-height: 1.3;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: flex;
}
.gracias__tab:hover {
color: #1f1f1f;
}
.gracias__tab.activa {
color: #1f1f1f;
background-color: #fff;
box-shadow: 0 1px 2px #3c321e14, 0 8px 18px -10px #3c321e59;
}
.gracias__tab.grc-tab {
font-size: 12px;
}
.gracias__panel {
display: none;
}
.gracias__panel.activo {
display: block;
}
.gracias__monto {
flex-wrap: wrap;
align-items: baseline;
column-gap: 12px;
margin-bottom: 16px;
display: flex;
}
.gracias__monto.grc-monto {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px 16px;
margin-bottom: 0;
padding: 32px 36px 28px;
font-size: 12px;
display: flex;
}
.gracias__monto-label {
color: #737373;
font-size: 12px;
font-weight: 600;
}
.gracias__monto-label.grc-monto__label {
color: #67635b;
letter-spacing: .14em;
text-transform: uppercase;
flex: 0 0 100%;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.gracias__monto-num {
font-size: 28px;
font-weight: 800;
}
.gracias__monto-num.grc-monto__num {
color: #1f1f1f;
letter-spacing: -.01em;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
}
.gracias__datos {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 20px;
margin-bottom: 20px;
padding: 6px 24px;
box-shadow: 0 1px 2px #3c321e0a, 0 18px 40px -26px #3c321e47;
}
.gracias__datos.cred-estado {
border-radius: 28px;
grid-area: 1 / 2 / 3 / 3;
margin-top: 0;
margin-bottom: 0;
padding: 26px 32px 24px;
position: sticky;
top: 96px;
box-shadow: 0 1px 2px #3c321e0d, 0 12px 24px -18px #3c321e2e, 0 44px 80px -44px #3c321e66;
}
.gracias__datos.grc-datos {
box-shadow: none;
background-color: #fff0;
border: 0 solid #e2ddd1;
border-radius: 0;
margin-bottom: 0;
padding: 4px 36px 8px;
}
.gracias__dato {
border-bottom: 1px solid #ece8df;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
padding: 16px 0;
display: flex;
}
.gracias__dato:last-child {
border-bottom-width: 0;
}
.gracias__dato.cred-dato-col {
grid-row-gap: 10px;
grid-template-columns: minmax(0, 1fr);
padding-top: 22px;
padding-bottom: 22px;
display: grid;
}
.gracias__dato.cred-dato-fila {
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
padding-top: 15px;
padding-bottom: 15px;
}
.gracias__dato.is-oculto {
display: none;
}
.gracias__dato-k {
color: #67635b;
letter-spacing: .16em;
text-transform: uppercase;
flex: 0 0 190px;
min-width: 0;
font-size: 10.5px;
font-weight: 700;
line-height: 1.4;
}
.gracias__dato-k.grc-dato-k {
letter-spacing: .14em;
font-size: 12px;
}
.gracias__dato-v {
color: #1f1f1f;
letter-spacing: .01em;
flex: 1;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.gracias__dato-v.is-ligero {
font-weight: 500;
}
.gracias__dato-v.is-ligero.cred-moto {
letter-spacing: .01em;
text-transform: uppercase;
text-wrap: pretty;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.1;
}
.gracias__dato-v.is-ligero.cred-mensual {
letter-spacing: -.03em;
font-size: 32px;
font-weight: 800;
line-height: 1.08;
}
.gracias__dato-v.is-ligero.cred-valor {
text-align: right;
font-weight: 600;
}
.gracias__dato-v.grc-dato-v {
color: #0a0a0a;
letter-spacing: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.55;
}
.gracias__aviso {
color: #67635b;
margin-bottom: 20px;
font-size: 13px;
font-weight: 500;
line-height: 1.6;
}
.gracias__aviso.grc-recibo__pie {
color: #67635b;
background-color: #fafaf6;
border-top: 1px solid #ece8df;
margin-bottom: 0;
padding: 20px 36px 24px;
font-size: 13px;
line-height: 1.6;
}
.gracias__aviso.grc-cab__aviso {
color: #5e5a52;
max-width: 320px;
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.gracias__sub {
color: #1f1f1f;
letter-spacing: .2em;
text-transform: uppercase;
border-bottom: 1px solid #ece8df;
margin-bottom: 20px;
padding-bottom: 14px;
font-size: 12px;
font-weight: 700;
}
.gracias__sub.grc-sub {
color: #1f1f1f;
letter-spacing: -.01em;
text-transform: none;
border-bottom: 0 solid #ece8df;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
font-weight: 800;
line-height: 1.25;
}
.gracias__sub.grc-paso__titulo {
letter-spacing: .14em;
border-bottom: 0 solid #ece8df;
margin-bottom: 20px;
padding-bottom: 0;
line-height: 44px;
}
.gracias__form {
margin-bottom: 8px;
}
.gracias__form.cred-form {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 28px;
grid-area: 2 / 1 / 3 / 2;
margin-top: 64px;
margin-bottom: 0;
padding: 40px;
box-shadow: 0 1px 2px #3c321e0a, 0 30px 60px -36px #3c321e4d;
}
.gracias__campo {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 12px;
width: 100%;
height: 54px;
margin-bottom: 20px;
padding-left: 18px;
padding-right: 18px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
}
.gracias__campo:hover {
border-color: #bdb7aa;
}
.gracias__campo:focus {
border-color: #1f1f1f;
outline-style: none;
box-shadow: 0 0 0 4px #1f1f1f12;
}
.gracias__campo::placeholder {
color: #a39e93;
}
.gracias__campo._w-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.gracias__campo._w-input:focus {
border-color: #0a0a0a;
}
.gracias__campo.gracias__campo--area {
height: 128px;
padding-top: 16px;
padding-bottom: 16px;
line-height: 1.5;
}
.gracias__campo.gracias__campo--area.grc-campo {
color: #0a0a0a;
font-size: 16px;
font-weight: 500;
}
.gracias__campo._w-input-1 {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.gracias__campo._w-input-1:focus {
border-color: #0a0a0a;
}
.gracias__campo._w-select {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.gracias__campo._w-select:focus {
border-color: #0a0a0a;
}
.gracias__campo.contacto-form__area {
height: 120px;
padding-top: 12px;
padding-bottom: 12px;
line-height: 1.5;
}
.gracias__campo.grc-campo {
color: #0a0a0a;
font-size: 16px;
font-weight: 500;
}
.gracias__campo--area {
height: 128px;
padding-top: 16px;
padding-bottom: 16px;
line-height: 1.5;
}
.gracias__boton {
color: #1f1f1f;
text-align: center;
letter-spacing: .16em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #1f1f1f;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 56px;
margin-top: 8px;
padding: 16px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: flex;
box-shadow: 0 1px 2px #3c321e0f;
}
.gracias__boton:hover {
background-color: #f7f5ee;
box-shadow: 0 14px 28px -16px #3c321e73;
}
.gracias__boton._w-button {
color: #f7f5ee;
text-align: center;
letter-spacing: .1em;
cursor: pointer;
background-color: #0a0a0a;
border-style: none;
border-radius: 6px;
width: 100%;
margin-top: 4px;
padding: 15px 0;
font-size: 12px;
font-weight: 700;
display: block;
}
.gracias__boton._w-button:hover {
background-color: #1f1f1f;
}
.gracias__boton.cred-boton {
margin-top: 8px;
}
.gracias__legal {
color: #8a857a;
margin-top: 40px;
font-size: 12px;
font-weight: 500;
line-height: 1.7;
}
.gracias__legal.cred-legal {
color: #6e695f;
border-top: 1px solid #e2ddd1;
max-width: 708px;
margin-top: 56px;
padding-top: 24px;
}
.gracias__legal.grc-legal {
color: #6e695f;
border-top: 1px solid #e2ddd1;
margin-top: 96px;
margin-left: 436px;
padding-top: 32px;
font-size: 13px;
line-height: 1.6;
}
.gracias__legal-link {
color: #2a2825;
font-weight: 600;
text-decoration: underline;
}
._w-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
._w-input:focus {
border-color: #0a0a0a;
}
._w-input-1-parent._w-input-1 {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
._w-input-1-parent._w-input-1:focus {
border-color: #0a0a0a;
}
.auth-nota__link {
color: #0a0a0a;
text-decoration: underline;
}
.yaii-nota-legal {
color: #737373;
margin-top: 12px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
.yaii-nota-legal__link {
color: #0a0a0a;
text-decoration: underline;
}
.yaii-iva-nota {
color: #737373;
letter-spacing: .04em;
width: 100%;
margin-top: 14px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 500;
}
.pago-nota {
color: #67635b;
margin-top: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-nota__link {
color: #0a0a0a;
text-decoration: underline;
}
.yaii-footer__form-col {
flex-direction: column;
row-gap: 14px;
display: flex;
}
.yaii-footer__check {
cursor: pointer;
align-items: flex-start;
column-gap: 10px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.yaii-footer__check-input {
flex: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.yaii-footer__check-texto {
color: #6b6b6b;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 1.5;
}
.yaii-footer__check-link {
color: #0a0a0a;
text-decoration: underline;
}
.gracias__marca {
align-items: center;
column-gap: 12px;
margin-bottom: 32px;
text-decoration: none;
display: inline-flex;
}
.gracias__marca.grc-marca {
column-gap: 10px;
margin-bottom: 0;
}
.gracias__marca-imagotipo {
width: auto;
height: 46px;
display: block;
}
.gracias__marca-imagotipo.grc-marca__img {
height: 24px;
}
.gracias__marca-logo {
width: auto;
height: 80px;
margin-left: -28px;
display: block;
}
.gracias__marca-logo.grc-marca__logo {
height: 42px;
margin-left: -14px;
}
.gracias__check {
background-color: #81df5c;
border: 1px solid #e2ddd1;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
margin-bottom: 36px;
display: flex;
box-shadow: 0 1px 2px #3c321e0f, 0 18px 36px -18px #3c321e59, 0 0 0 10px #ffffff80;
}
.gracias__check.grc-check {
width: 48px;
height: 48px;
box-shadow: none;
background-color: #f0ede4;
border-color: #e7e4da;
margin-bottom: 20px;
}
.gracias__check-icon {
color: #fff0;
border-bottom: 2px solid #1f1f1f;
border-right: 2px solid #1f1f1f;
width: 12px;
height: 22px;
margin-top: -5px;
font-size: 0;
font-weight: 700;
line-height: 0;
transform: rotate(45deg);
}
.gracias__completa {
border-top: 1px solid #e7e4da;
margin-top: 40px;
padding-top: 32px;
}
.gracias__completa.grc-completa {
border-top-color: #e2ddd1;
grid-template-columns: 340px minmax(0, 1fr);
gap: 40px 96px;
margin-top: 112px;
padding-top: 72px;
display: grid;
}
.gracias__completa.grc-completa.is-oculto {
display: none;
}
.contacto-form {
text-align: left;
width: 100%;
max-width: 640px;
margin-top: 28px;
}
.contacto-form__check {
cursor: pointer;
align-items: flex-start;
column-gap: 10px;
margin-top: 6px;
margin-bottom: 18px;
padding-left: 0;
font-weight: 400;
display: flex;
}
.contacto-form__check.fac-confirma {
background-color: #f7f5ee;
border: 1px solid #e2ddd1;
border-radius: 12px;
align-items: flex-start;
column-gap: 12px;
margin-top: 24px;
margin-bottom: 20px;
padding: 16px 18px;
}
.contacto-form__ok {
color: #0a0a0a;
text-align: left;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
padding: 20px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.contacto-form__error {
color: #7a1f14;
text-align: left;
background-color: #fbeeee;
border: 1px solid #eacaca;
border-radius: 6px;
margin-top: 10px;
padding: 14px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.6;
}
._w-input-1 {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 6px;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
}
._w-input-1:focus {
border-color: #0a0a0a;
}
.credito-sim {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 12px;
flex-direction: column;
row-gap: 24px;
margin-top: 20px;
padding: 28px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
display: flex;
}
.credito-sim__titulo {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.credito-sim__sub {
color: #737373;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.credito-sim__label {
color: #737373;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.credito-sim__fila {
column-gap: 8px;
display: flex;
}
.credito-sim__op {
color: #0a0a0a;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 999px;
flex: 1;
justify-content: center;
align-items: center;
min-width: 0;
height: 40px;
padding: 0 8px;
font-size: 14px;
font-weight: 500;
line-height: 1;
transition: background-color .2s, color .2s, border-color .2s;
display: flex;
}
.credito-sim__op:hover {
border-color: #b9b4a6;
}
.credito-sim__op.activa {
color: #fafaf6;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.credito-sim__principal {
border-top: 1px solid #e7e4da;
flex-direction: column;
row-gap: 8px;
margin-top: 0;
padding: 24px 0 0;
display: flex;
}
.credito-sim__k {
color: #737373;
flex: auto;
min-width: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
.credito-sim__mensual {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
font-size: 28px;
font-weight: 600;
line-height: 1.15;
}
.credito-sim__nota {
color: #737373;
margin-top: 0;
font-size: 12px;
font-weight: 400;
line-height: 1.6;
}
.credito-sim__cat {
color: #0a0a0a;
white-space: nowrap;
margin-top: 0;
font-size: 15px;
font-weight: 800;
line-height: 1.3;
}
.credito-sim__datos {
margin-top: 0;
}
.credito-sim__dato {
border-bottom: 1px solid #f0ede4;
justify-content: space-between;
align-items: baseline;
column-gap: 16px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.credito-sim__v {
color: #0a0a0a;
text-align: right;
white-space: nowrap;
flex-shrink: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
.credito-sim__detalle {
color: #0a0a0a;
text-align: right;
flex: 0 auto;
max-width: 55%;
margin-top: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
.credito-sim__legal {
color: #737373;
margin-top: 16px;
font-size: 12px;
line-height: 1.6;
}
.credito-sim__cta {
color: #f7f5ee;
text-align: center;
letter-spacing: .1em;
background-color: #0a0a0a;
border-radius: 6px;
margin-top: 0;
padding-top: 16px;
padding-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: background-color .2s, transform .2s, box-shadow .2s;
display: block;
}
.credito-sim__cta:hover {
background-color: #1f1f1f;
transform: translateY(-2px);
box-shadow: 0 10px 22px #0a0a0a38;
}
.credito-sim__controles {
flex-direction: column;
gap: 24px 0;
display: flex;
}
.credito-sim__grupo {
flex-direction: column;
flex: none;
row-gap: 10px;
min-width: 0;
display: flex;
}
.credito-sim__cifra {
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
display: flex;
}
.credito-sim__mes {
color: #737373;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.credito-sim__resumen {
border-top: 1px solid #e7e4da;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 2px 12px;
margin-top: 10px;
padding-top: 9px;
display: flex;
}
.credito-sim__total {
color: #0a0a0a;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.credito-sim__total-v {
font-weight: 800;
}
.credito-sim__base {
color: #737373;
margin-top: 8px;
font-size: 11px;
line-height: 1.45;
}
.credito-sim__fuerte {
color: #0a0a0a;
font-weight: 700;
}
.credito-sim__mas {
border-top: 1px solid #e7e4da;
margin-top: 0;
padding-top: 24px;
}
.credito-sim__ver {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
column-gap: 16px;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
list-style-type: none;
display: flex;
}
.credito-sim__signo {
color: #737373;
font-size: 18px;
font-weight: 300;
line-height: 1;
}
.credito-sim__cuerpo {
padding-top: 16px;
padding-bottom: 0;
}
.pedido {
color: #0a0a0a;
background-color: #f0ede4;
padding: 120px 24px 96px;
font-family: Montserrat, sans-serif;
}
.pedido.fac-pagina {
padding: 112px 40px 128px;
}
.pedido__wrap {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.pedido__wrap.fac-wrap {
max-width: 1200px;
}
.pedido__kicker {
color: #737373;
letter-spacing: .16em;
margin-bottom: 12px;
font-size: 11px;
font-weight: 700;
}
.pedido__titulo {
margin-top: 0;
margin-bottom: 14px;
font-size: 36px;
font-weight: 800;
line-height: 1.1;
}
.pedido__intro {
color: #737373;
margin-top: 0;
margin-bottom: 28px;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.pedido__form {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 24px;
padding: 36px;
box-shadow: 0 1px 2px #3c321e0a, 0 30px 60px -36px #3c321e4d;
}
.pedido__form.grc-form {
box-shadow: none;
border-color: #e7e4da;
border-radius: 20px;
padding: 24px;
}
.pedido__label {
color: #5e5a52;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
display: block;
}
.pedido__label.grc-label {
color: #67635b;
letter-spacing: 0;
text-transform: none;
margin-bottom: 6px;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
}
.pedido__campo {
color: #1f1f1f;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 12px;
width: 100%;
height: 54px;
margin-bottom: 20px;
padding-left: 18px;
padding-right: 18px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 600;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: block;
}
.pedido__campo:hover {
border-color: #bdb7aa;
}
.pedido__campo:focus {
border-color: #1f1f1f;
outline-style: none;
box-shadow: 0 0 0 4px #1f1f1f12;
}
.pedido__campo::placeholder {
color: #a39e93;
}
.pedido__campo.grc-campo {
color: #0a0a0a;
letter-spacing: 0;
text-transform: none;
font-size: 16px;
font-weight: 500;
}
.pedido__boton {
color: #1f1f1f;
text-align: center;
letter-spacing: .16em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #1f1f1f;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 56px;
margin-top: 8px;
padding: 16px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: flex;
box-shadow: 0 1px 2px #3c321e0f;
}
.pedido__boton:hover {
background-color: #f7f5ee;
box-shadow: 0 14px 28px -16px #3c321e73;
}
.pedido__error {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #e2ddd1;
border-left: 3px solid #1f1f1f;
border-radius: 12px;
margin-top: 16px;
padding: 14px 18px;
font-size: 13.5px;
font-weight: 600;
line-height: 1.55;
display: none;
}
.pedido__error.activo {
display: block;
}
.pedido__link {
color: #0a0a0a;
font-weight: 700;
text-decoration: underline;
}
.pedido__link.fac-legal-link {
color: #2a2825;
font-weight: 600;
}
.pedido__resultado {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 28px;
margin-top: 64px;
margin-bottom: 120px;
padding: 48px 56px 40px;
scroll-margin-top: 120px;
display: none;
box-shadow: 0 1px 2px #3c321e0a, 0 30px 60px -36px #3c321e4d;
}
.pedido__resultado.activo {
display: block;
}
.pedido__res-folio {
color: #1f1f1f;
letter-spacing: .04em;
margin-bottom: 10px;
font-size: 40px;
font-weight: 800;
line-height: 1.05;
}
.pedido__res-modelo {
color: #5e5a52;
margin-bottom: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
}
.pedido__linea {
border-top: 1px solid #ece8df;
grid-template-columns: repeat(7, minmax(0, 1fr));
margin: 40px 0 0;
padding: 44px 0 0;
list-style-type: none;
display: grid;
}
.pedido__etapa {
color: #7a756b;
letter-spacing: 0;
background-image: linear-gradient(#e2ddd1, #e2ddd1);
background-position: 0 6px;
background-repeat: no-repeat;
background-size: 100% 2px;
margin-left: 0;
padding: 30px 14px 0 0;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
display: block;
position: relative;
}
.pedido__etapa:last-child {
background-size: 0 0;
}
.pedido__etapa.hecha {
color: #5e5a52;
background-image: linear-gradient(#8a857a, #8a857a);
}
.pedido__etapa.actual {
color: #1f1f1f;
background-image: linear-gradient(90deg, #8a857a 0%, #e2ddd1 75%);
font-size: 14px;
font-weight: 800;
}
.pedido__punto {
z-index: 1;
background-color: #fff;
border: 1.5px solid #cfc9bc;
border-radius: 50%;
flex: none;
width: 14px;
height: 14px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.pedido__punto.hecha {
background-color: #8a857a;
border-color: #8a857a;
box-shadow: inset 0 0 0 3px #fff;
}
.pedido__punto.actual {
background-color: #fff;
border: 2px solid #1f1f1f;
width: 18px;
height: 18px;
top: -2px;
left: -2px;
box-shadow: 0 0 0 6px #1f1f1f12;
}
.pedido__estado {
grid-template-columns: auto auto;
gap: 20px 48px;
margin-bottom: 0;
padding-top: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.6;
display: grid;
}
.pedido__fuerte {
color: #1f1f1f;
letter-spacing: 0;
text-transform: none;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.pedido__nota {
color: #2a2825;
background-color: #f7f5ee;
border: 1px solid #e2ddd1;
border-radius: 16px;
margin-top: 16px;
margin-bottom: 16px;
padding: 20px 22px;
font-size: 13.5px;
font-weight: 500;
line-height: 1.6;
display: none;
}
.pedido__nota.activo {
display: block;
}
.pedido__nota.ped-nota {
flex: 320px;
max-width: 640px;
margin-top: 0;
margin-bottom: 0;
}
.pedido__ayuda {
color: #67635b;
font-size: 13px;
font-weight: 500;
line-height: 1.6;
}
.pedido__legal {
color: #8a857a;
margin-top: 40px;
font-size: 12px;
font-weight: 500;
line-height: 1.7;
}
.pedido__legal.ped-legal {
color: #6e695f;
margin-top: 20px;
padding-left: 8px;
padding-right: 8px;
}
.pedido__legal.fac-legal {
color: #6e695f;
margin-top: 24px;
padding-left: 8px;
padding-right: 8px;
}
.pedido__datos {
display: none;
}
.auth-olvide {
color: #737373;
text-underline-offset: 3px;
cursor: pointer;
align-self: center;
font-family: Montserrat, sans-serif;
font-size: 12px;
text-decoration: underline;
}
.cuenta-acceso {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
padding: 26px 28px;
display: flex;
}
.gate-tarjeta {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 24px;
margin-bottom: 20px;
padding: 32px;
box-shadow: 0 1px 2px #3c321e0a, 0 30px 60px -36px #3c321e4d;
}
.gate-tarjeta.cred-gate {
box-shadow: none;
background-color: #f7f5ee;
border-color: #ece8df;
border-radius: 20px;
margin-bottom: 0;
padding: 28px;
}
.gate-tarjeta.grc-gate {
box-shadow: none;
border-color: #e7e4da;
border-radius: 20px;
padding: 24px;
}
.gate-tarjeta__texto {
color: #2a2825;
margin-bottom: 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.55;
}
.yaii-avatar-foto {
object-fit: cover;
background-color: #0a0a0a;
border-radius: 999px;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0;
}
.cuenta-resena {
border-top: 1px solid #e7e4da;
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
width: 100%;
margin-top: 6px;
padding-top: 18px;
display: none;
}
.legal-aviso {
color: #0a0a0a;
background-color: #fff;
border-left: 3px solid #0a0a0a;
margin-bottom: 28px;
padding: 12px 16px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
display: block;
}
.cuenta-form {
border-top: 1px solid #e7e4da;
flex-direction: column;
row-gap: 12px;
width: 100%;
padding-top: 14px;
display: none;
}
.cuenta-form__grid {
grid-template-columns: 1fr 1fr;
gap: 10px;
width: 100%;
display: grid;
}
.cuenta-acciones {
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
display: flex;
}
.legal-caja {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
margin-top: 28px;
margin-bottom: 8px;
padding: 24px 26px 10px;
}
.factura__regresar {
color: #5e5a52;
text-align: center;
letter-spacing: .16em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff0;
border: 1px solid #d8d3c7;
border-radius: 100px;
justify-content: center;
align-items: center;
min-height: 48px;
margin-top: 12px;
padding: 12px 24px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, box-shadow .2s, background-color .2s, color .2s;
display: flex;
}
.factura__regresar:hover {
color: #1f1f1f;
background-color: #fff;
border-color: #bdb7aa;
}
.app-caja {
text-align: center;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 8px;
margin-top: 24px;
margin-bottom: 24px;
padding: 24px 20px;
}
.app-qr {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 8px;
width: 220px;
max-width: 100%;
height: auto;
margin: 0 auto 14px;
padding: 8px;
display: block;
}
.app-telefono {
width: 100%;
max-width: 260px;
height: auto;
margin: 0 auto 20px;
display: block;
}
.app-solo-movil {
margin-top: 16px;
display: none;
}
.capp-hero {
color: #1f1f1f;
background-color: #f0ede4;
flex-direction: column;
min-height: calc(100vh - 52px);
font-family: Montserrat, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.capp-luz {
z-index: 0;
pointer-events: none;
background-image: linear-gradient(115deg, #f0ede400 12%, #e6e1d5cc 12.5% 14%, #ffffff8c 14.5% 21%, #e6e1d5cc 21.5% 24%, #f0ede400 24.5% 29%, #ffffff59 29.5% 32%, #e6e1d5b3 32.5% 34%, #f0ede400 34.5% 48%, #e6e1d5cc 48.5% 50%, #ffffff80 50.5% 57%, #e6e1d5cc 57.5% 60%, #f0ede400 60.5% 65%, #fff6 65.5% 68%, #e6e1d5b3 68.5% 70%, #f0ede400 70.5%), radial-gradient(circle at 50% 110%, #e6e1d599, #e6e1d500 60%);
position: absolute;
inset: 0;
box-shadow: inset 0 -1px #e2ddd1;
}
.capp-luz.cred-luz {
box-shadow: none;
}
.capp-grid {
z-index: 1;
grid-column-gap: 64px;
grid-row-gap: 0px;
flex-grow: 1;
grid-template-rows: 1fr auto auto 1fr;
grid-template-columns: minmax(0, 1fr) 340px;
width: 100%;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding: 56px 56px 28px;
display: grid;
position: relative;
}
.capp-cab {
z-index: 2;
grid-area: 2 / 1 / 3 / 2;
position: relative;
}
.capp-cuerpo {
z-index: 2;
grid-area: 3 / 1 / 4 / 2;
max-width: 560px;
margin-top: 32px;
position: relative;
}
.capp-escena {
grid-area: 1 / 2 / 5 / 3;
justify-content: center;
align-items: center;
height: 720px;
display: flex;
position: relative;
}
.capp-kicker {
grid-column-gap: 14px;
color: #67635b;
letter-spacing: .24em;
text-transform: uppercase;
align-items: center;
margin-bottom: 28px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
display: flex;
}
.capp-kicker.grc-kicker {
color: #67635b;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
}
.capp-kicker__linea {
background-color: #bdb7aa;
flex-shrink: 0;
width: 32px;
height: 1px;
}
.capp-titulo {
color: #1f1f1f;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: clamp(44px, 10.3vw - 56px, 82px);
font-weight: 800;
line-height: .98;
}
.capp-titulo__l1 {
max-width: 7.2em;
display: block;
}
.capp-titulo__l2 {
color: #67635b;
margin-top: 8px;
display: block;
}
.capp-modelo {
letter-spacing: 0;
text-transform: uppercase;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 400;
}
.capp-intro {
color: #5e5a52;
max-width: 500px;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.capp-pasos {
grid-column-gap: 28px;
grid-row-gap: 0px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 32px;
display: grid;
}
.capp-pasos.cred-pasos {
margin-top: 28px;
}
.capp-paso {
border-top: 1px solid #d8d3c7;
padding-top: 16px;
}
.capp-paso__num {
color: #67635b;
letter-spacing: .18em;
flex-shrink: 0;
margin-bottom: 10px;
font-size: 11px;
font-weight: 700;
}
.capp-paso__txt {
color: #2a2825;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
}
.capp-qr {
grid-column-gap: 24px;
grid-row-gap: 18px;
align-items: center;
margin-top: 32px;
display: flex;
}
.capp-qr__card {
background-color: #fff;
border-radius: 18px;
flex-shrink: 0;
padding: 10px;
box-shadow: 0 12px 30px -12px #3c321e2e, 0 0 0 1px #e2ddd1;
}
.capp-qr__img {
width: 140px;
max-width: none;
height: 140px;
display: block;
}
.capp-qr__titulo {
color: #1f1f1f;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
.capp-qr__sub {
color: #67635b;
margin-top: 4px;
font-size: 13px;
font-weight: 500;
}
.capp-tiendas {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 18px;
display: flex;
}
.capp-pill {
color: #2a2825;
letter-spacing: .12em;
text-transform: uppercase;
white-space: nowrap;
background-color: #fafaf6;
border: 1px solid #d8d3c7;
border-radius: 100px;
justify-content: space-between;
align-items: center;
min-width: 220px;
padding: 10px 16px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: background-color .2s, border-color .2s;
display: inline-flex;
}
.capp-pill:hover {
background-color: #fff;
border-color: #bdb7aa;
}
.capp-pill.capp-pill--pronto {
opacity: 1;
pointer-events: none;
cursor: default;
}
.capp-pill__estado {
color: #76726a;
letter-spacing: .08em;
margin-left: 8px;
font-size: 10px;
font-weight: 500;
}
.capp-btn {
color: #1f1f1f;
text-align: center;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #cfc9bc;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 56px;
margin-top: 28px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
display: none;
}
.capp-btn.capp-btn--pronto {
pointer-events: none;
color: #67635b;
letter-spacing: .12em;
cursor: default;
background-color: #f0ede400;
border: 1px solid #d8d3c7;
font-size: 10.5px;
}
.capp-pie {
z-index: 1;
width: 100%;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-bottom: 32px;
padding-left: 56px;
padding-right: 56px;
position: relative;
}
.capp-pie__link {
color: #5e5a52;
border-bottom: 1px solid #cfc9bc;
padding-bottom: 2px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.capp-pie__link:hover {
color: #1f1f1f;
border-bottom-color: #8a857a;
}
.capp-halo {
pointer-events: none;
background-image: radial-gradient(circle closest-side, #ffffffb3, #ffffff4d 52%, #fff0 100%);
width: 780px;
height: 780px;
margin-top: -390px;
margin-left: -390px;
position: absolute;
top: 50%;
left: 50%;
}
.capp-halo.grc-halo {
margin-left: -30px;
top: 290px;
}
.capp-halo.cred-halo {
width: 980px;
height: 980px;
margin-top: -490px;
margin-left: -490px;
top: 380px;
left: 76%;
}
.capp-eco {
pointer-events: none;
color: #e9e5db;
letter-spacing: .14em;
text-transform: uppercase;
text-shadow: 0 2px 1px #fff9;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 300px;
font-weight: 400;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-38%, -50%);
}
.capp-eco.grc-eco {
margin-left: 360px;
top: 290px;
left: 50%;
transform: translate(-50%, -50%);
}
.capp-eco.cred-eco {
font-size: 300px;
top: 300px;
left: 43%;
transform: translate(0, -50%);
}
.capp-tel {
z-index: 1;
background-color: #1c1b1a;
background-image: linear-gradient(150deg, #3a3937 0%, #1c1b1a 40%, #2a2927 70%, #444240 100%);
border: 4px solid #ffffff38;
border-color: #ffffff38 #ffffff1f #ffffff1a #ffffff2e;
border-radius: 54px;
flex-shrink: 0;
width: 320px;
height: 660px;
padding: 8px;
position: relative;
box-shadow: inset 0 0 0 1px #ffffff0f, inset 0 0 0 8px #050505, 0 40px 80px -30px #281e1473, 0 8px 20px -8px #281e1440, 0 1px 2px #281e144d;
}
.capp-tel__vol {
background-color: #2e2d2b;
background-image: linear-gradient(90deg, #1c1b1a 0%, #4a4845 55%, #2e2d2b 100%);
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
width: 3px;
height: 30px;
position: absolute;
top: 120px;
left: -7px;
box-shadow: 0 48px #34332f, 0 66px #34332f, 0 118px #34332f, 0 136px #34332f;
}
.capp-tel__pwr {
background-color: #2e2d2b;
background-image: linear-gradient(270deg, #1c1b1a 0%, #4a4845 55%, #2e2d2b 100%);
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
width: 3px;
height: 96px;
position: absolute;
top: 180px;
right: -7px;
}
.capp-pantalla {
color: #1f1f1f;
background-color: #fafaf6;
border-radius: 43px;
flex-direction: column;
width: 100%;
height: 100%;
padding: 14px 22px 30px;
font-family: Montserrat, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.capp-isla {
z-index: 4;
background-color: #000;
border-radius: 100px;
width: 96px;
height: 28px;
margin-left: -48px;
position: absolute;
top: 11px;
left: 50%;
}
.capp-reflejo {
z-index: 3;
pointer-events: none;
background-image: linear-gradient(115deg, #ffffff4d 0%, #fff0 24% 60%, #ffffff14 60% 67%, #fff0 67%), linear-gradient(90deg, #3c321e0d 0%, #3c321e00 6% 94%, #3c321e0d 100%);
border-radius: 43px;
position: absolute;
inset: 0;
}
.capp-asset {
z-index: 2;
object-fit: cover;
object-position: 50% 0%;
border-radius: 43px;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.capp-home {
z-index: 4;
background-color: #141414bf;
border-radius: 100px;
width: 112px;
height: 4px;
margin-left: -56px;
position: absolute;
bottom: 8px;
left: 50%;
}
.capp-status {
z-index: 1;
color: #1f1f1f;
letter-spacing: -.01em;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
height: 30px;
padding-left: 12px;
padding-right: 8px;
font-size: 13px;
font-weight: 700;
display: flex;
position: relative;
}
.capp-senal {
grid-column-gap: 6px;
align-items: center;
display: flex;
}
.capp-barras {
grid-column-gap: 2px;
align-items: flex-end;
height: 11px;
display: flex;
}
.capp-barra-s {
background-color: #1f1f1f;
border-radius: 1px;
width: 3px;
height: 5px;
}
.capp-barra-m {
background-color: #1f1f1f;
border-radius: 1px;
width: 3px;
height: 8px;
}
.capp-barra-l {
background-color: #1f1f1f;
border-radius: 1px;
width: 3px;
height: 11px;
}
.capp-bateria {
border: 1px solid #1f1f1f66;
border-radius: 3.5px;
width: 23px;
height: 11px;
padding: 1.5px;
}
.capp-bateria__nivel {
background-color: #1f1f1f;
border-radius: 1.5px;
width: 78%;
height: 100%;
}
.capp-app {
z-index: 1;
flex-direction: column;
flex-grow: 1;
padding-top: 22px;
display: flex;
position: relative;
}
.capp-app__top {
justify-content: space-between;
align-items: center;
display: flex;
}
.capp-app__logo {
color: #1f1f1f;
letter-spacing: .22em;
font-size: 15px;
font-weight: 800;
line-height: 1;
}
.capp-app__tag {
letter-spacing: .18em;
text-transform: uppercase;
border: 1px solid #d8d3c7;
border-radius: 100px;
padding: 5px 9px;
font-size: 8px;
font-weight: 700;
line-height: 1;
}
.capp-app__label {
color: #5e5a52;
letter-spacing: .22em;
text-transform: uppercase;
margin-top: 36px;
font-size: 9px;
font-weight: 700;
line-height: 1;
}
.capp-app__moto {
color: #1f1f1f;
letter-spacing: 0;
text-transform: uppercase;
margin-top: 10px;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 1.02;
}
.capp-app__sub {
color: #5e5a52;
margin-top: 10px;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.capp-datos {
margin-top: 12px;
}
.capp-datos.capp-datos--off {
display: none;
}
.capp-chipwrap {
margin-bottom: 16px;
}
.capp-chip {
color: #2a2825;
letter-spacing: .18em;
text-transform: uppercase;
background-color: #f0ede4;
border-radius: 100px;
padding: 6px 10px;
font-size: 8px;
font-weight: 700;
line-height: 1;
display: inline-block;
box-shadow: inset 0 0 0 1px #cfc9bc;
}
.capp-fila {
border-top: 1px solid #e8e3d8;
padding-top: 10px;
padding-bottom: 10px;
}
.capp-fila__label {
color: #5e5a52;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 8.5px;
font-weight: 700;
line-height: 1;
}
.capp-fila__valor {
color: #1f1f1f;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.capp-precio {
color: #1f1f1f;
letter-spacing: -.02em;
font-size: 21px;
font-weight: 800;
line-height: 1.1;
}
.capp-vacio {
margin-top: 28px;
}
.capp-paso-app {
grid-column-gap: 12px;
color: #1f1f1f;
border-top: 1px solid #e8e3d8;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
display: flex;
}
.capp-punto {
border: 1.5px solid #bdb7aa;
border-radius: 100px;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.capp-punto.capp-punto--ok {
background-color: #8a857a;
border-color: #8a857a;
box-shadow: inset 0 0 0 3px #fafaf6;
}
.capp-app__cta {
color: #1f1f1f;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #f0ede4;
border: 1px solid #cfc9bc;
border-radius: 100px;
flex-shrink: 0;
justify-content: center;
align-items: center;
height: 46px;
margin-top: auto;
font-size: 10px;
font-weight: 700;
display: flex;
}
.capp-abre {
grid-column-gap: 16px;
grid-row-gap: 12px;
color: #6e6a61;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #f0ede4;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: calc(100vh - 52px);
padding: 48px 16px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
display: flex;
}
.capp-abre__link {
color: #1f1f1f;
border-bottom: 1px solid #cfc9bc;
padding-bottom: 2px;
text-decoration: none;
}
.proc-hero {
color: #1f1f1f;
background-color: #f0ede4;
padding: 136px 24px 64px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.proc-hero.fac-hero {
padding-bottom: 104px;
padding-left: 40px;
padding-right: 40px;
}
.proc-wrap {
z-index: 2;
width: 100%;
max-width: 760px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.proc-titulo {
color: #1f1f1f;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 1;
}
.proc-titulo.ped-titulo {
font-size: 56px;
line-height: 1.02;
}
.proc-titulo__l1 {
display: block;
}
.proc-titulo__l2 {
color: #67635b;
margin-top: 6px;
display: block;
}
.proc-intro {
color: #5e5a52;
max-width: 560px;
margin-top: 24px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.proc-chip {
color: #2a2825;
letter-spacing: .18em;
text-transform: uppercase;
background-color: #fafaf6;
border: 1px solid #d8d3c7;
border-radius: 100px;
align-items: center;
padding: 7px 12px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.proc-tarjeta {
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 24px;
padding: 36px;
box-shadow: 0 1px 2px #3c321e0a, 0 30px 60px -36px #3c321e4d;
}
.proc-tarjeta.grc-recibo {
margin-top: 0;
padding: 0;
overflow: hidden;
}
.proc-tarjeta.grc-tarjeta {
margin-top: 24px;
}
.proc-tarjeta.grc-tarjeta:first-child {
margin-top: 0;
}
.proc-sep {
background-color: #e2ddd1;
width: 100%;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
}
.proc-cuerpo {
background-color: #f0ede4;
padding: 0 24px 96px;
position: relative;
}
.ped-seccion {
color: #1f1f1f;
background-color: #f0ede4;
font-family: Montserrat, sans-serif;
position: relative;
}
.ped-hero {
flex-direction: column;
justify-content: center;
min-height: 780px;
padding: 120px 40px 112px;
display: flex;
position: relative;
overflow: hidden;
}
.ped-grid {
z-index: 2;
grid-template-columns: minmax(0, 1fr) 440px;
align-items: center;
gap: 56px 96px;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.ped-cab {
z-index: 1;
min-width: 0;
position: relative;
}
.ped-panel {
min-width: 0;
position: relative;
}
.ped-panel__cuerpo {
z-index: 1;
position: relative;
}
.ped-res {
z-index: 2;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0 40px;
position: relative;
}
.ped-res-cab {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 32px 48px;
display: flex;
}
.ped-res-id {
min-width: 0;
}
.ped-dato {
color: #67635b;
letter-spacing: .16em;
text-transform: uppercase;
flex-direction: column;
row-gap: 10px;
font-size: 10.5px;
font-weight: 700;
line-height: 1.2;
display: flex;
}
.ped-dato__v {
color: #1f1f1f;
letter-spacing: 0;
text-transform: none;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.ped-res-pie {
border-top: 1px solid #ece8df;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 16px 32px;
margin-top: 44px;
padding-top: 28px;
display: flex;
}
.fac-grid {
z-index: 2;
grid-template-columns: minmax(0, 1fr) 460px;
align-items: center;
gap: 0 72px;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.fac-cab {
z-index: 2;
position: relative;
}
.fac-acciones {
flex-wrap: wrap;
align-items: center;
gap: 18px 28px;
margin-top: 40px;
display: flex;
}
.fac-cta {
color: #1f1f1f;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #1f1f1f;
border-radius: 100px;
justify-content: center;
align-items: center;
column-gap: 14px;
min-height: 56px;
padding: 0 30px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .2s, box-shadow .2s;
display: inline-flex;
box-shadow: 0 1px 2px #3c321e0f;
}
.fac-cta:hover {
background-color: #f7f5ee;
box-shadow: 0 14px 28px -16px #3c321e73;
}
.fac-cta__flecha {
font-size: 15px;
font-weight: 600;
line-height: 1;
}
.fac-link {
color: #5e5a52;
border-bottom: 1px solid #bdb7aa;
padding-bottom: 3px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.fac-link:hover {
color: #1f1f1f;
border-bottom-color: #1f1f1f;
}
.fac-escena {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 600px;
display: flex;
position: relative;
}
.fac-ticket {
z-index: 1;
filter: drop-shadow(0 34px 36px #3c321e2b) drop-shadow(0 2px 3px #3c321e17);
width: 340px;
position: relative;
transform: rotate(-3deg);
}
.fac-ticket__dientes {
background-image: linear-gradient(to top right, #fff 50%, #fff0 50%), linear-gradient(to top left, #fff 50%, #fff0 50%);
background-position: 0 0, 0 0;
background-repeat: repeat-x, repeat-x;
background-size: 20px 20px, 20px 20px;
width: 100%;
height: 10px;
}
.fac-ticket__dientes.fac-ticket__dientes--abajo {
background-image: linear-gradient(to bottom right, #fff 50%, #fff0 50%), linear-gradient(to bottom left, #fff 50%, #fff0 50%);
background-position: 0 100%, 0 100%;
}
.fac-ticket__papel {
color: #1f1f1f;
background-color: #fff;
padding: 22px 28px 24px;
font-family: Montserrat, sans-serif;
}
.fac-ticket__cab {
justify-content: space-between;
align-items: center;
display: flex;
}
.fac-ticket__logo {
color: #1f1f1f;
letter-spacing: .24em;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1;
}
.fac-ticket__sub {
color: #8a857a;
letter-spacing: .2em;
text-transform: uppercase;
margin-top: 12px;
font-size: 9.5px;
font-weight: 600;
line-height: 1.4;
}
.fac-ticket__corte {
border-top: 1px dashed #d8d3c7;
height: 0;
margin-top: 16px;
margin-bottom: 12px;
}
.fac-ticket__fila {
justify-content: space-between;
align-items: center;
column-gap: 12px;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
position: relative;
}
.fac-ticket__fila.fac-ticket__fila--total {
padding-top: 10px;
padding-bottom: 10px;
}
.fac-ticket__k {
color: #8a857a;
letter-spacing: .18em;
text-transform: uppercase;
white-space: nowrap;
font-size: 9.5px;
font-weight: 700;
line-height: 1.2;
}
.fac-ticket__v {
color: #1f1f1f;
text-align: right;
white-space: nowrap;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.fac-ticket__v.fac-ticket__v--total {
letter-spacing: -.02em;
font-size: 22px;
font-weight: 800;
line-height: 1.2;
}
.fac-ticket__v.fac-ticket__v--suave {
color: #5e5a52;
font-weight: 500;
}
.fac-marca {
background-image: linear-gradient(#e5dcc600 48%, #e5dcc6 48% 94%, #e5dcc600 94%);
border-radius: 2px;
padding-left: 5px;
padding-right: 5px;
}
.fac-ticket__item {
justify-content: space-between;
align-items: center;
column-gap: 16px;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
}
.fac-barra {
background-color: #ece8df;
border-radius: 4px;
flex-shrink: 0;
height: 7px;
}
.fac-barra.fac-barra--a {
width: 58%;
}
.fac-barra.fac-barra--b {
width: 42%;
}
.fac-barra.fac-barra--c {
width: 50%;
}
.fac-barra.fac-barra--precio {
background-color: #e2ddd1;
width: 46px;
}
.fac-ticket__barras {
opacity: .82;
background-image: repeating-linear-gradient(90deg, #2a2825 0 2px, #2a282500 2px 5px, #2a2825 5px 6px, #2a282500 6px 9px), repeating-linear-gradient(90deg, #2a282500 0 11px, #2a2825 11px 14px, #2a282500 14px 23px);
height: 34px;
margin-top: 20px;
}
.fac-ticket__pie {
color: #8a857a;
text-align: center;
letter-spacing: .32em;
text-transform: uppercase;
margin-top: 12px;
font-size: 9px;
font-weight: 700;
line-height: 1;
}
.fac-tag {
color: #2a2825;
letter-spacing: .16em;
text-transform: uppercase;
white-space: nowrap;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 100px;
margin-right: 46px;
padding: 7px 12px;
font-family: Montserrat, sans-serif;
font-size: 9.5px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
box-shadow: 0 8px 16px -10px #3c321e66;
}
.fac-tag__linea {
background-color: #bdb7aa;
width: 46px;
height: 1px;
position: absolute;
top: 50%;
left: 100%;
}
.fac-escena__nota {
z-index: 1;
color: #67635b;
text-align: center;
max-width: 300px;
margin-top: 36px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 500;
line-height: 1.6;
position: relative;
}
.fac-solicitud {
grid-template-columns: 320px minmax(0, 1fr);
align-items: start;
gap: 0 96px;
scroll-margin-top: 120px;
display: grid;
}
.fac-aside {
position: sticky;
top: 128px;
}
.fac-h2 {
color: #1f1f1f;
letter-spacing: -.035em;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 1.04;
}
.fac-lead {
color: #5e5a52;
max-width: 440px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.fac-necesitas {
border-top: 1px solid #d8d3c7;
margin-top: 40px;
padding-top: 24px;
}
.fac-mini {
color: #1f1f1f;
letter-spacing: .2em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.fac-lista {
flex-direction: column;
row-gap: 14px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.fac-lista__item {
color: #2a2825;
background-image: linear-gradient(90deg, #1f1f1f 0% 100%);
background-position: 0 11px;
background-repeat: no-repeat;
background-size: 12px 1.5px;
margin-bottom: 0;
padding-left: 26px;
font-family: Montserrat, sans-serif;
font-size: 14.5px;
font-weight: 500;
line-height: 1.55;
position: relative;
}
.fac-form-col {
min-width: 0;
}
.fac-info {
border-top: 1px solid #e2ddd1;
margin-top: 120px;
padding-top: 88px;
}
.fac-sec-cab {
max-width: 640px;
margin-bottom: 56px;
}
.fac-cols {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px;
display: grid;
}
.fac-col {
border-top: 1px solid #d8d3c7;
padding-top: 28px;
scroll-margin-top: 140px;
}
.fac-col__titulo {
color: #1f1f1f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
}
.fac-col__texto {
color: #5e5a52;
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 14.5px;
font-weight: 400;
line-height: 1.7;
}
.fac-faq-bloque {
grid-template-columns: 320px minmax(0, 1fr);
align-items: start;
gap: 0 96px;
margin-top: 128px;
display: grid;
}
.fac-faq-cab {
position: sticky;
top: 128px;
}
.grc-fondo {
z-index: 0;
pointer-events: none;
height: 660px;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.grc-fundido {
background-image: linear-gradient(#f0ede400 0%, #f0ede4 92%);
height: 280px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.grc-hero {
grid-template-columns: minmax(0, 1fr) 480px;
align-items: center;
gap: 48px 88px;
padding-top: 96px;
padding-bottom: 120px;
display: grid;
}
.grc-hero__texto {
min-width: 0;
position: relative;
}
.grc-ticket {
z-index: 1;
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 28px;
position: relative;
overflow: hidden;
box-shadow: 0 1px 2px #3c321e0d, 0 44px 90px -44px #3c321e6b;
}
.grc-ticket__corte {
border-top: 1px dashed #d8d3c7;
height: 0;
margin-left: 32px;
margin-right: 32px;
font-weight: 600;
}
.grc-ticket__pie {
background-color: #fafaf6;
justify-content: space-between;
align-items: center;
padding: 16px 32px;
display: flex;
}
.cred-fondo {
z-index: 0;
pointer-events: none;
height: 100%;
max-height: 940px;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.cred-fondo__fade {
background-image: linear-gradient(#f0ede400 0%, #f0ede4 100%);
height: 360px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.cred-grid {
grid-column-gap: 72px;
grid-row-gap: 0px;
grid-template-columns: minmax(0, 1fr) 440px;
align-items: start;
display: grid;
}
.grc-seccion {
border-top: 1px solid #e2ddd1;
grid-template-columns: 340px minmax(0, 1fr);
gap: 40px 96px;
padding-top: 72px;
display: grid;
}
.grc-seccion.is-oculto {
display: none;
}
.grc-seccion.grc-contacto {
margin-bottom: 0;
}
.grc-seccion.grc-contacto.is-retirado, .grc-seccion.is-retirado {
display: none;
}
.grc-cab {
align-self: start;
position: sticky;
top: 132px;
}
.grc-h2 {
color: #1f1f1f;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.grc-cab__texto {
color: #5e5a52;
max-width: 320px;
margin-top: 20px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.grc-cuerpo {
min-width: 0;
}
.cred-cab {
grid-area: 1 / 1 / 2 / 2;
padding-top: 20px;
}
.cred-estado__cab {
border-bottom: 1px solid #ece8df;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.grc-recibo__corte {
border-top: 1px dashed #d8d3c7;
height: 0;
margin-left: 36px;
margin-right: 36px;
}
.grc-form-ok {
color: #2a2825;
text-align: left;
background-color: #f7f5ee;
border: 1px solid #e2ddd1;
border-radius: 16px;
padding: 20px 22px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.grc-form-error {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #e2ddd1;
border-left: 3px solid #1f1f1f;
border-radius: 12px;
margin-top: 16px;
padding: 14px 18px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.6;
}
.cred-estado__nota {
grid-column-gap: 10px;
color: #67635b;
border-top: 1px solid #ece8df;
align-items: center;
margin-top: 18px;
padding-top: 16px;
font-size: 11.5px;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.cred-estado__punto {
background-color: #bdb7aa;
border-radius: 100px;
flex: none;
width: 6px;
height: 6px;
}
.cred-form__cab {
margin-bottom: 32px;
}
.cred-form__label {
color: #67635b;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.cred-form__titulo {
color: #1f1f1f;
letter-spacing: -.035em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.1;
}
.grc-pasos {
flex-direction: column;
min-width: 0;
transition: opacity .6s;
display: flex;
}
.grc-paso {
grid-template-columns: 44px minmax(0, 1fr);
column-gap: 24px;
display: grid;
}
.grc-paso__rail {
flex-direction: column;
align-items: center;
display: flex;
}
.grc-paso__num {
color: #67635b;
letter-spacing: .06em;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
display: flex;
box-shadow: 0 1px 2px #3c321e0f;
}
.grc-paso__num.grc-paso__num--actual {
color: #1f1f1f;
border: 1px solid #1f1f1f;
box-shadow: 0 0 0 5px #1f1f1f0f;
}
.grc-paso__linea {
background-color: #d8d3c7;
flex-grow: 1;
width: 1px;
min-height: 32px;
margin-top: 8px;
margin-bottom: 8px;
}
.grc-paso__cuerpo {
min-width: 0;
padding-bottom: 56px;
}
.grc-paso__cuerpo.grc-paso__cuerpo--fin {
padding-bottom: 0;
}
.grc-aviso__iframe {
border-style: none;
border-width: 0;
width: 100%;
height: 1150px;
display: block;
}
.yaii-topbar__promos {
max-width: 100%;
}
.promo-vacio, .promo-dato {
display: none;
}
.promo-franja {
width: 100%;
scroll-margin-top: 120px;
}
.promo-franja.is-fase2 {
display: none;
}
.promo-ficha {
color: #0a0a0a;
background-color: #f0ede4;
border-top: 1px solid #e2ddd1;
border-bottom: 1px solid #e2ddd1;
padding: 56px;
font-family: Montserrat, sans-serif;
display: none;
}
.promo-ficha.is-viva {
display: block;
}
.promo-ficha__wrap {
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
.promo-ficha__kicker {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.promo-ficha__nombre {
color: #0a0a0a;
letter-spacing: .01em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.15;
}
.promo-ficha__frase {
color: #1f1f1f;
max-width: 760px;
margin-bottom: 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.promo-ficha__precio {
color: #0a0a0a;
max-width: 760px;
margin-bottom: 28px;
font-size: 14px;
font-weight: 600;
line-height: 1.6;
}
.promo-ficha__datos {
border-top: 1px solid #d8d4c8;
border-bottom: 1px solid #d8d4c8;
flex-wrap: wrap;
gap: 18px 48px;
margin-bottom: 22px;
padding-top: 22px;
padding-bottom: 22px;
display: flex;
}
.promo-ficha__dato {
flex-direction: column;
row-gap: 6px;
display: flex;
}
.promo-ficha__dato-k {
color: #737373;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
}
.promo-ficha__dato-v {
color: #0a0a0a;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
}
.promo-ficha__cupo {
align-items: baseline;
column-gap: 5px;
display: flex;
}
.promo-ficha__bases {
color: #5e5a52;
margin-top: 8px;
font-size: 11.5px;
font-weight: 400;
line-height: 1.7;
}
.yaii-topbar__promo {
display: none;
}
.yaii-topbar__promo.is-viva {
justify-content: center;
align-items: center;
display: flex;
}
.cuenta-promos {
width: 100%;
}
.cuenta-promos__lista {
flex-direction: column;
row-gap: 14px;
display: flex;
}
.cuenta-promo {
border-top: 1px solid #e7e4da;
width: 100%;
padding-top: 14px;
}
.cuenta-promo.is-cerrada, .cuenta-promo__estado {
display: none;
}
.cuenta-promo__estado.is-on {
display: inline-block;
}
.cuenta-promo__cuerpo {
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
width: 100%;
display: flex;
}
.hero-slider {
background-color: #0000;
height: auto;
}
.hero-slider__mask {
height: auto;
}
.hero-slide {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: auto;
}
.hero-slide.hero-slide--taranis {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6acc9c51b874ba892a42c0f1_YAII-2027-BLACK-panoramica-4800.webp");
background-position: 60%;
}
.hero-slide.hero-slide--huracan2027 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6acc9c5237b47d99f1413ba2_V1_Stealth_Black_Mate-3840.webp");
}
.hero-slide.hero-slide--tormenta2027 {
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6abead8ae5f7691db586cd82_tormenta-2027-negro.webp");
}
.hero-slider__flecha {
color: #f0ede4;
background-color: #2323268c;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-top: -24px;
margin-left: 16px;
margin-right: 16px;
font-size: 24px;
display: flex;
top: 50%;
bottom: auto;
}
.hero-slider__nav {
display: none;
}
.data-grid__item-2027 {
opacity: 0;
transform-style: preserve-3d;
flex-direction: column;
align-items: center;
transition: opacity .2s, transform .2s;
display: flex;
transform: translate3d(0, 30%, 0);
}
.data-grid__item-2027.is-viva {
opacity: 1;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
}
.hero-anim {
opacity: 0;
transform-style: preserve-3d;
transition: opacity .2s, transform .2s;
transform: translate3d(0, 30%, 0);
}
.hero-anim.is-viva {
opacity: 1;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
}
.yaii-sin-scroll {
height: 100%;
overflow: hidden;
}
.productos-tabs {
flex-direction: row;
align-items: flex-start;
column-gap: 0;
display: flex;
position: static;
}
.productos-anios {
flex-direction: column;
row-gap: 8px;
min-width: 96px;
padding-top: 14px;
display: flex;
position: absolute;
top: 84px;
left: 40px;
}
.productos-panes {
width: auto;
min-width: 730px;
}
.productos-anio {
color: #737373;
letter-spacing: .16em;
background-color: #0000;
border-left: 2px solid #0000;
border-radius: 0;
padding: 8px 12px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
transition: color .2s, border-color .2s;
}
.productos-anio:hover {
color: #0a0a0a;
}
.productos-anio.is-actual {
color: #0a0a0a;
background-color: #0000;
border-left-color: #0a0a0a;
}
.yaii-precarga {
opacity: 0;
pointer-events: none;
width: 1px;
height: 1px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.yl-seccion {
background-color: #f0ede4;
padding: 120px 40px;
}
.yl-seccion.yl-seccion--suave {
background-color: #f7f5ee;
}
.yl-seccion.yl-seccion--suave.yl-cierre {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.yl-seccion.yl-hero {
padding-top: 48px;
padding-bottom: 80px;
}
.yl-seccion.yl-seccion--legales {
padding-top: 56px;
padding-bottom: 40px;
}
.yl-btn {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #1f1f1f;
border: 1px solid #1f1f1f;
border-radius: 6px;
justify-content: center;
align-items: center;
column-gap: 10px;
min-height: 48px;
padding: 16px 32px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .2s, color .2s, transform .2s, box-shadow .2s;
display: inline-flex;
}
.yl-btn:hover {
background-color: #0a0a0a;
transform: translateY(-2px);
box-shadow: 0 2px 4px #0a0a0a0d, 0 16px 40px #0a0a0a1a;
}
.yl-btn.yl-btn--linea {
color: #0a0a0a;
background-color: #0000;
border-color: #0a0a0a;
}
.yl-btn.yl-btn--linea:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.yl-btn.yl-btn--linea.yl-btn--bloque {
min-height: 52px;
}
.yl-btn.yl-btn--texto {
color: #0a0a0a;
background-color: #0000;
border-style: none;
min-height: 44px;
padding: 8px 0;
}
.yl-btn.yl-btn--texto:hover {
box-shadow: none;
text-underline-offset: 4px;
background-color: #0000;
text-decoration: underline;
transform: none;
}
.yl-btn.yl-btn--chico {
min-height: 44px;
padding: 12px 20px;
font-size: 12px;
}
.yl-btn.yl-btn--bloque {
min-height: 52px;
}
.yl-hero__media {
aspect-ratio: 3 / 2;
background-color: #eceae2;
border-radius: 16px;
order: 0;
overflow: hidden;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-eyebrow__linea {
background-color: #0a0a0a;
flex: 0 0 24px;
width: 24px;
height: 2px;
}
.yl-contenedor {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.yl-contenedor.yl-contenedor--ancho {
max-width: 1320px;
}
.yl-contenedor.yl-contenedor--angosto {
max-width: 760px;
}
.yl-cabecera {
text-align: left;
margin-bottom: 56px;
}
.yl-cabecera.yl-cabecera--centro {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.yl-eyebrow {
color: #5f5e59;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
column-gap: 12px;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
display: flex;
}
.yl-h1-modelo {
color: #0a0a0a;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 88px;
font-weight: 400;
line-height: .95;
}
.yl-h2 {
color: #0a0a0a;
letter-spacing: -.015em;
max-width: 760px;
margin-top: 0;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 1.1;
}
.yl-h3 {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 700;
line-height: 1.2;
}
.yl-lead {
color: #0a0a0a;
max-width: 640px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5;
}
.yl-texto {
color: #0a0a0a;
max-width: 560px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.yl-nota {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.yl-nota.yl-nota--sep {
margin-top: 16px;
}
.yl-cifra__label {
color: #5f5e59;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Inter, Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.yl-tag {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #eceae2;
border-radius: 4px;
align-self: flex-start;
align-items: center;
padding: 6px 10px;
font-family: Inter, Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1;
display: inline-flex;
}
.yl-tag.yl-tag--promo {
display: none;
}
.yl-tag.yl-tag--promo.is-viva {
display: inline-flex;
}
.yl-precio {
color: #0a0a0a;
letter-spacing: -.02em;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.1;
}
.yl-precio__mxn {
color: #5f5e59;
letter-spacing: .08em;
text-transform: uppercase;
margin-left: 8px;
font-family: Inter, Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1;
}
.yl-reveal {
opacity: 1;
transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1);
display: block;
transform: none;
}
.yl-reveal.is-espera {
opacity: 0;
transform: translateY(24px);
}
.yl-reveal.is-viva {
opacity: 1;
transform: none;
}
.yl-reveal.yl-reveal--primero {
order: 0;
}
.yl-barra {
background-color: #eceae2;
width: 100%;
height: 2px;
margin-top: 8px;
margin-bottom: 8px;
}
.yl-barra__relleno {
background-color: #0a0a0a;
width: 100%;
height: 2px;
transition: width .9s cubic-bezier(.2, .7, .2, 1);
}
.yl-barra__relleno.yl-w-60 {
width: 60%;
}
.yl-barra__relleno.yl-w-60.is-espera {
width: 0%;
}
.yl-barra__relleno.yl-w-80 {
width: 80%;
}
.yl-barra__relleno.yl-w-80.is-espera {
width: 0%;
}
.yl-barra__relleno.yl-w-100 {
width: 100%;
}
.yl-barra__relleno.yl-w-100.is-espera, .yl-barra__relleno.is-espera {
width: 0%;
}
.yl-hero__grid {
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 64px;
display: grid;
}
.yl-hero__texto {
flex-direction: column;
display: flex;
}
.yl-hero__tagline {
color: #0a0a0a;
margin-top: 24px;
margin-bottom: 0;
font-family: Inter, Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
}
.yl-hero__tagline2 {
color: #0a0a0a;
margin-top: 4px;
margin-bottom: 32px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}
.yl-hero__precio {
flex-wrap: wrap;
align-items: baseline;
gap: 8px 12px;
margin-bottom: 28px;
display: flex;
}
.yl-hero__desde {
color: #5f5e59;
font-family: Inter, Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
}
.yl-hero__ctas {
flex-wrap: wrap;
gap: 16px;
margin-bottom: 16px;
display: flex;
}
.yl-hero__ctas.yl-hero__ctas--centro {
justify-content: center;
margin-top: 32px;
margin-bottom: 24px;
}
.yl-hero__img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(.2, .7, .2, 1);
display: block;
}
.yl-hero__img:hover {
transform: scale(1.03);
}
.yl-hero__cifras {
border-top: 1px solid #e2dfd6;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px 32px;
margin-top: 56px;
padding-top: 32px;
display: grid;
}
.yl-hero__cifra {
flex-direction: column;
row-gap: 8px;
display: flex;
}
.yl-hero__num {
color: #0a0a0a;
letter-spacing: -.02em;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.yl-hero__alt {
color: #5f5e59;
margin-top: 2px;
font-family: Inter, Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
}
.yl-cifras {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px;
display: grid;
}
.yl-cifra {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 12px;
height: 100%;
padding: 32px;
transition: transform .24s, box-shadow .24s;
display: flex;
}
.yl-cifra:hover {
transform: translateY(-4px);
box-shadow: 0 2px 4px #0a0a0a0d, 0 16px 40px #0a0a0a1a;
}
.yl-cifra__fila {
flex-wrap: wrap;
align-items: baseline;
column-gap: 6px;
display: flex;
}
.yl-cifra__num {
color: #0a0a0a;
letter-spacing: -.03em;
font-family: Montserrat, sans-serif;
font-size: 72px;
font-weight: 800;
line-height: 1;
}
.yl-cifra__num.yl-cifra__num--dato {
font-size: 56px;
}
.yl-cifra__unidad {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1;
}
.yl-card {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 16px;
height: 100%;
padding: 40px 36px;
transition: transform .24s, box-shadow .24s;
display: flex;
}
.yl-card:hover {
transform: translateY(-4px);
box-shadow: 0 2px 4px #0a0a0a0d, 0 16px 40px #0a0a0a1a;
}
.yl-card__icono {
color: #1f1f1f;
width: 32px;
height: 32px;
display: flex;
}
.yl-grid-3 {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
display: grid;
}
.yl-feature__grid {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 40px 80px;
display: grid;
}
.yl-feature__media {
aspect-ratio: 4 / 3;
background-color: #eceae2;
border-radius: 16px;
order: 0;
position: relative;
overflow: hidden;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-media {
aspect-ratio: 4 / 3;
background-color: #eceae2;
border-radius: 16px;
position: relative;
overflow: hidden;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-media.yl-media--taller {
aspect-ratio: 16 / 9;
max-width: 900px;
margin-top: 48px;
margin-left: auto;
margin-right: auto;
}
.yl-media__img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(.2, .7, .2, 1);
display: block;
}
.yl-media__img:hover {
transform: scale(1.03);
}
.yl-feature__texto {
flex-direction: column;
row-gap: 20px;
max-width: 520px;
display: flex;
}
.yl-dato {
border-top: 1px solid #e2dfd6;
border-bottom: 1px solid #e2dfd6;
flex-direction: column;
row-gap: 6px;
margin-top: 8px;
margin-bottom: 8px;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.yl-pruebas {
flex-direction: column;
row-gap: 12px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.yl-pruebas__item {
color: #0a0a0a;
align-items: flex-start;
column-gap: 12px;
font-family: Inter, Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
display: flex;
}
.yl-pruebas__icono {
color: #1f1f1f;
flex: 0 0 24px;
width: 24px;
height: 24px;
display: flex;
}
.yl-carga {
grid-template-columns: 1fr 1fr;
gap: 32px;
display: grid;
}
.yl-carga__card {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 16px;
height: 100%;
padding: 40px 36px;
transition: transform .24s, box-shadow .24s;
display: flex;
}
.yl-carga__card:hover {
transform: translateY(-4px);
box-shadow: 0 2px 4px #0a0a0a0d, 0 16px 40px #0a0a0a1a;
}
.yl-carga__card.yl-carga__card--rapida {
border-color: #0a0a0a;
}
.yl-carga__tiempo {
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
margin-top: 8px;
display: flex;
}
.yl-carga__img {
aspect-ratio: 2;
object-fit: cover;
object-position: 50% 0%;
border-radius: 12px;
width: 100%;
margin-top: 8px;
display: block;
}
.yl-carga__img.yl-carga__img--centro {
object-position: 50% 50%;
}
.yl-filas {
flex-direction: column;
display: flex;
}
.yl-fila {
border-bottom: 1px solid #e2dfd6;
justify-content: space-between;
column-gap: 16px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.yl-fila__k {
color: #5f5e59;
font-family: Inter, Montserrat, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
}
.yl-fila__v {
color: #0a0a0a;
text-align: right;
font-family: Inter, Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
}
.yl-versiones {
grid-template-columns: 1fr 1fr;
gap: 32px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.yl-version {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 16px;
height: 100%;
padding: 40px 36px;
transition: transform .24s, box-shadow .24s;
display: flex;
}
.yl-version:hover {
transform: translateY(-4px);
box-shadow: 0 2px 4px #0a0a0a0d, 0 16px 40px #0a0a0a1a;
}
.yl-version.yl-version--destacada {
border-color: #0a0a0a;
order: 0;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-version__nombre {
color: #0a0a0a;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1;
}
.yl-version__precio {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.1;
}
.yl-version__cifras {
border-top: 1px solid #e2dfd6;
border-bottom: 1px solid #e2dfd6;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.yl-version__cifra {
flex-direction: column;
row-gap: 4px;
display: flex;
}
.yl-version__num {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1;
}
.yl-2027 {
border-top: 1px solid #e2dfd6;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 16px 24px;
margin-top: 48px;
padding-top: 32px;
display: flex;
}
.yl-galeria {
background-color: #0000;
position: relative;
}
.yl-galeria__mask {
aspect-ratio: 3 / 2;
background-color: #eceae2;
border-radius: 16px;
overflow: hidden;
}
.yl-galeria__slide {
width: 100%;
height: 100%;
}
.yl-galeria__slide.is-activa {
display: block;
}
.yl-galeria__img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.yl-galeria__flecha {
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
margin: auto 16px;
transition: background-color .2s, color .2s;
display: flex;
}
.yl-galeria__flecha:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.yl-galeria__nav {
display: none;
}
.yl-galeria__pie {
justify-content: space-between;
align-items: center;
column-gap: 16px;
margin-top: 20px;
display: flex;
}
.yl-galeria__color {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
}
.yl-galeria__barras {
column-gap: 8px;
display: flex;
}
.yl-galeria__barra {
cursor: pointer;
border-bottom: 2px solid #d6d3ca;
width: 36px;
height: 44px;
transition: border-color .3s;
}
.yl-galeria__barra.is-activa {
border-bottom-color: #0a0a0a;
}
.yl-tabla {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.yl-tabla__fila {
border-bottom: 1px solid #e2dfd6;
display: flex;
}
.yl-tabla__fila.yl-tabla__fila--cab {
color: #5f5e59;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #eceae2;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yl-tabla__celda {
color: #0a0a0a;
flex: 1;
padding: 16px 24px;
font-family: Inter, Montserrat, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
}
.yl-tabla__celda.yl-tabla__celda--k {
color: #5f5e59;
flex: 1.4;
}
.yl-tabla__celda.yl-tabla__celda--yaii {
color: #0a0a0a;
font-weight: 500;
}
.yl-tabla__num {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1;
}
.yl-tabla__col {
color: #5f5e59;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Inter, Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
display: none;
}
.yl-acordeon {
flex-direction: column;
display: flex;
}
.yl-acordeon__item {
border-bottom: 1px solid #e2dfd6;
}
.yl-acordeon__boton {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
column-gap: 16px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.yl-faq__q {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.yl-acordeon__icono {
color: #1f1f1f;
flex: 0 0 24px;
width: 24px;
height: 24px;
transition: transform .3s;
display: flex;
}
.yl-acordeon__icono.is-abierto {
transform: rotate(45deg);
}
.yl-acordeon__cuerpo {
opacity: 1;
max-height: 800px;
padding-bottom: 24px;
transition: max-height .4s, opacity .3s, padding .3s;
overflow: hidden;
}
.yl-acordeon__cuerpo.is-cerrado {
opacity: 0;
max-height: 0;
padding-bottom: 0;
}
.yl-cta-fija {
z-index: 170;
background-color: #fafaf6;
border-top: 1px solid #e2dfd6;
align-items: center;
column-gap: 12px;
padding: 12px 16px;
transition: transform .3s;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
transform: translateY(110%);
}
.yl-cta-fija.is-visible {
transform: translateY(0);
}
.yl-cta-fija__precio {
color: #0a0a0a;
flex: 1;
font-family: Inter, Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
}
.yl-legales {
color: #5f5e59;
flex-direction: column;
row-gap: 8px;
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
font-family: Inter, Montserrat, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.55;
display: flex;
}
.yl-sup {
color: #5f5e59;
vertical-align: super;
font-size: 11px;
}
.yl-mapa {
color: #0a0a0a;
background-color: #f0ede4;
background-image: repeating-linear-gradient(118deg, #0000 0 46px, #ffffff6b 46px 48px);
padding: 96px 24px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.yl-mapa__contenedor {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.yl-mapa__cabecera {
max-width: 720px;
margin: 0 0 32px;
}
.yl-mapa__eyebrow {
color: #737373;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__titulo {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 16px;
font-size: 48px;
font-weight: 800;
line-height: 1.05;
}
.yl-mapa__sub {
color: #737373;
font-size: 17px;
font-weight: 500;
line-height: 1.55;
}
.yl-mapa__tabs {
grid-column-gap: 10px;
grid-row-gap: 10px;
scrollbar-width: none;
margin: 0;
padding: 4px 0 8px;
display: flex;
overflow: auto hidden;
}
.yl-mapa__tab {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #0a0a0a;
text-align: left;
cursor: pointer;
background-color: #fafaf6;
border: 1.5px solid #0a0a0a;
border-radius: 14px;
flex-direction: column;
flex: none;
align-items: flex-start;
padding: 12px 18px;
transition: background-color .18s, color .18s;
display: flex;
}
.yl-mapa__tab:hover {
background-color: #f7f5ee;
}
.yl-mapa__tab.is-activo {
color: #f0ede4;
background-color: #0a0a0a;
}
.yl-mapa__tab.is-fase2 {
display: none;
}
.yl-mapa__tab-nombre {
font-size: 15px;
font-weight: 700;
line-height: 1.1;
}
.yl-mapa__tab-sub {
font-size: 13px;
font-weight: 600;
}
.yl-mapa__tab-km {
opacity: .75;
letter-spacing: .04em;
font-size: 12px;
font-weight: 500;
}
.yl-mapa__modelo {
letter-spacing: .02em;
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 17px;
font-weight: 400;
}
.yl-mapa__zonas {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
margin-bottom: 28px;
display: flex;
}
.yl-mapa__zonas-etiqueta {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
flex: none;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__chips {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
padding: 2px 0;
display: flex;
}
.yl-mapa__chip {
color: #0a0a0a;
white-space: nowrap;
cursor: pointer;
background-color: #fafaf6;
border: 1.5px solid #0a0a0a;
border-radius: 999px;
flex: none;
padding: 8px 14px;
font-size: 13px;
font-weight: 600;
transition: background-color .18s, color .18s;
}
.yl-mapa__chip:hover {
background-color: #f7f5ee;
}
.yl-mapa__chip.is-activo {
color: #f0ede4;
background-color: #0a0a0a;
}
.yl-mapa__chip.is-oculto {
display: none;
}
.yl-mapa__chip.is-ida {
border-style: dashed;
}
.yl-mapa__chip.is-fuera {
color: #737373;
border-style: dashed;
border-color: #737373;
}
.yl-mapa__grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: start;
display: grid;
}
.yl-mapa__mapa {
background-color: #f7f5ee;
border: 1.5px solid #dad6cb;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.yl-mapa__svg {
aspect-ratio: 4 / 3;
cursor: grab;
background-color: #f7f5ee;
width: 100%;
display: block;
}
.yl-mapa__pill {
z-index: 2;
pointer-events: none;
background-color: #fafaf6;
border: 1.5px solid #0a0a0a;
border-radius: 999px;
max-width: calc(100% - 170px);
padding: 9px 14px;
font-size: 12.5px;
font-weight: 600;
line-height: 1.3;
position: absolute;
top: 14px;
left: 14px;
}
.yl-mapa__pill-texto {
display: inline;
}
.yl-mapa__leyenda {
z-index: 2;
grid-column-gap: 6px;
grid-row-gap: 6px;
pointer-events: none;
color: #737373;
background-color: #fafaf6;
border: 1.5px solid #dad6cb;
border-radius: 999px;
align-items: center;
margin-bottom: 0;
padding: 7px 12px;
font-size: 11px;
font-weight: 600;
display: flex;
position: absolute;
bottom: 14px;
left: 14px;
}
.yl-mapa__leyenda-anillo {
background-color: #0a0a0a14;
border: 2px solid #0a0a0a;
border-radius: 50%;
width: 12px;
height: 12px;
display: inline-block;
}
.yl-mapa__leyenda-ruta {
background-color: #0a0a0a;
border-radius: 2px;
width: 16px;
height: 3px;
margin-left: 6px;
display: inline-block;
}
.yl-mapa__ruta {
opacity: 0;
transition: opacity .3s;
}
.yl-mapa__ruta.is-visible {
opacity: .5;
}
.yl-mapa__ruta.is-activa {
opacity: 1;
}
.yl-mapa__zona-punto {
opacity: 0;
transition: opacity .3s;
}
.yl-mapa__zona-punto.is-visible {
opacity: 1;
}
.yl-mapa__muni {
opacity: 0;
transition: opacity .45s;
}
.yl-mapa__muni.is-cubierta {
opacity: 1;
}
.yl-mapa__anillo {
transition: opacity .45s;
}
.yl-mapa__panel {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.yl-mapa__bloque {
background-color: #fafaf6;
border: 1.5px solid #dad6cb;
border-radius: 20px;
padding: 22px 22px 20px;
}
.yl-mapa__bloque.yl-mapa__comparador, .yl-mapa__bloque.yl-mapa__repartidor-v1 {
position: relative;
}
.yl-mapa__bloque-titulo {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 4px;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__bloque-sub {
color: #0a0a0a;
margin-bottom: 14px;
font-size: 14px;
font-weight: 500;
}
.yl-mapa__lista {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
max-height: 380px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow-y: auto;
}
.yl-mapa__item {
grid-column-gap: 12px;
grid-row-gap: 0px;
cursor: pointer;
background-color: #f7f5ee;
border: 1.5px solid #e5e2d9;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr auto;
padding: 10px 12px;
display: none;
}
.yl-mapa__item.is-visible {
display: grid;
}
.yl-mapa__item.is-activa {
background-color: #f0ede4;
border-color: #0a0a0a;
}
.yl-mapa__item-destino {
color: #0a0a0a;
grid-column: 1;
font-size: 15px;
font-weight: 700;
}
.yl-mapa__item-km {
color: #737373;
grid-column: 1;
font-size: 12px;
font-weight: 500;
}
.yl-mapa__item-veces {
color: #0a0a0a;
text-align: right;
grid-area: 1 / 2 / span 2;
align-self: center;
max-width: 150px;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
}
.yl-mapa__item-veces.is-corto {
color: #737373;
}
.yl-mapa__cmp-filas {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
margin-bottom: 12px;
display: flex;
}
.yl-mapa__cmp-fila {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f7f5ee;
border: 1.5px solid #e5e2d9;
border-radius: 12px;
justify-content: space-between;
align-items: baseline;
padding: 12px 14px;
display: flex;
}
.yl-mapa__cmp-fila.yl-mapa__cmp-fila--yaii {
border-color: #0a0a0a;
}
.yl-mapa__cmp-nombre {
color: #0a0a0a;
font-size: 13px;
font-weight: 600;
}
.yl-mapa__cmp-valor {
color: #0a0a0a;
letter-spacing: -.02em;
white-space: nowrap;
font-size: 22px;
font-weight: 800;
}
.yl-mapa__cmp-ahorro {
color: #0a0a0a;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
}
.yl-mapa__nota {
color: #737373;
margin: 0 0 14px;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
.yl-mapa__rep-dato {
color: #0a0a0a;
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.yl-mapa__pie {
color: #737373;
max-width: 820px;
margin-top: 28px;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.55;
}
.yl-mapa__pasos {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin: 0 0 22px;
padding: 0;
display: flex;
}
.yl-mapa__paso {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #737373;
cursor: pointer;
background-color: #fafaf6;
border: 1.5px solid #dad6cb;
border-radius: 999px;
align-items: center;
padding: 8px 14px 8px 8px;
font-size: 13px;
font-weight: 600;
transition: border-color .18s, color .18s;
display: flex;
}
.yl-mapa__paso.is-hecho {
color: #0a0a0a;
border-color: #0a0a0a;
}
.yl-mapa__paso.is-activo {
color: #0a0a0a;
background-color: #f7f5ee;
border-color: #0a0a0a;
}
.yl-mapa__paso-num {
color: #737373;
background-color: #fafaf6;
border: 1.5px solid #dad6cb;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 800;
display: inline-flex;
}
.yl-mapa__paso-num.is-hecho, .yl-mapa__paso-num.is-activo {
color: #f0ede4;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.yl-mapa__paso-txt {
white-space: nowrap;
}
.yl-mapa__paso-txt.is-activo {
display: inline;
}
.yl-mapa__paso-sep {
background-color: #dad6cb;
flex: 0 0 18px;
height: 1.5px;
}
.yl-mapa__fila {
margin: 0 0 18px;
}
.yl-mapa__fila-etiqueta {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__chip-km {
opacity: .8;
font-size: 11.5px;
font-weight: 500;
}
.yl-mapa__lienzo {
z-index: 0;
aspect-ratio: 4 / 3;
background-color: #f7f5ee;
width: 100%;
position: relative;
}
.yl-mapa__svg-caja {
width: 100%;
}
.yl-mapa__ctrls {
z-index: 2;
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
display: flex;
position: absolute;
top: 14px;
right: 14px;
}
.yl-mapa__ctrl {
color: #0a0a0a;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #fafaf6;
border: 1.5px solid #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
min-width: 36px;
height: 36px;
padding: 0 12px;
font-size: 18px;
font-weight: 700;
line-height: 1;
display: flex;
}
.yl-mapa__ctrl:hover {
background-color: #f7f5ee;
}
.yl-mapa__ctrl.yl-mapa__ctrl--txt {
letter-spacing: .04em;
font-size: 11.5px;
font-weight: 700;
}
.yl-mapa__leyenda-pin {
background-color: #fafaf6;
border: 1.6px solid #0a0a0a;
border-radius: 50%;
width: 11px;
height: 11px;
display: inline-block;
}
.yl-mapa__pin {
cursor: pointer;
width: 16px;
height: 16px;
font-family: Montserrat, sans-serif;
position: relative;
}
.yl-mapa__pin.is-fuera {
opacity: .6;
}
.yl-mapa__pin-cuerpo {
grid-column-gap: 6px;
grid-row-gap: 6px;
white-space: nowrap;
align-items: center;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.yl-mapa__pin-cuerpo.is-izq {
flex-direction: row-reverse;
left: auto;
right: 0;
}
.yl-mapa__pin-punto {
background-color: #fafaf6;
border: 1.6px solid #0a0a0a;
border-radius: 50%;
flex: none;
width: 16px;
height: 16px;
display: block;
box-shadow: inset 0 0 0 3px #fafaf6, inset 0 0 0 7px #0a0a0a;
}
.yl-mapa__pin-punto.is-activo {
background-color: #0a0a0a;
width: 20px;
height: 20px;
box-shadow: inset 0 0 0 3px #0a0a0a, inset 0 0 0 7px #f0ede4;
}
.yl-mapa__pin-etiqueta {
color: #0a0a0a;
background-color: #fafaf6;
border: 1.2px solid #0a0a0a;
border-radius: 999px;
padding: 3px 9px;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
display: inline-block;
}
.yl-mapa__pin-etiqueta.is-activo {
color: #f0ede4;
background-color: #0a0a0a;
}
.yl-mapa__pin-etiqueta.is-ida {
border-style: dashed;
}
.yl-mapa__pin-etiqueta.is-fuera {
color: #737373;
border-style: dashed;
border-color: #737373;
}
.yl-mapa__moto {
background-color: #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
box-shadow: 0 2px 6px #0a0a0a40;
}
.yl-mapa__moto.is-izq {
transform: scaleX(-1);
}
.yl-mapa__vacio {
background-color: #fafaf6;
border: 1.5px dashed #dad6cb;
border-radius: 20px;
padding: 22px 22px 20px;
}
.yl-mapa__vacio-titulo {
color: #0a0a0a;
letter-spacing: -.01em;
margin: 0 0 8px;
font-size: 18px;
font-weight: 800;
}
.yl-mapa__vacio-txt {
color: #737373;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.yl-mapa__vacio-lista {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #0a0a0a;
flex-direction: column;
margin: 12px 0 0;
padding: 0;
font-size: 13px;
font-weight: 600;
list-style-type: none;
display: flex;
}
.yl-mapa__tarjeta {
background-color: #fafaf6;
border: 1.5px solid #dad6cb;
border-radius: 20px;
padding: 22px 22px 20px;
}
.yl-mapa__tarjeta.is-fin {
border-color: #0a0a0a;
}
.yl-mapa__tarjeta-eyebrow {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 6px;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__tarjeta-titulo {
color: #0a0a0a;
letter-spacing: -.02em;
margin: 0 0 6px;
font-size: 24px;
font-weight: 800;
line-height: 1.15;
}
.yl-mapa__tarjeta-sub {
color: #737373;
margin: 0 0 16px;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
.yl-mapa__bateria-fila {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
margin: 0 0 10px;
display: flex;
}
.yl-mapa__bateria {
grid-column-gap: 3px;
grid-row-gap: 3px;
background-color: #f7f5ee;
border: 1.5px solid #0a0a0a;
border-radius: 8px;
flex: auto;
padding: 4px;
display: flex;
}
.yl-mapa__bateria.is-baja {
border-color: #737373;
}
.yl-mapa__bateria-celda {
background-color: #e5e2d9;
border-radius: 3px;
flex: 1;
height: 14px;
transition: background-color .25s;
}
.yl-mapa__bateria-celda.is-llena {
background-color: #0a0a0a;
}
.yl-mapa__bateria-pct {
color: #0a0a0a;
text-align: right;
flex: none;
min-width: 48px;
font-size: 15px;
font-weight: 800;
}
.yl-mapa__vueltas {
color: #0a0a0a;
min-height: 20px;
margin: 0 0 16px;
font-size: 15px;
font-weight: 700;
}
.yl-mapa__cmp-titulo {
color: #737373;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 12px;
font-weight: 700;
}
.yl-mapa__acciones {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
display: flex;
}
.yl-mapa__boton {
color: #f0ede4;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #0a0a0a;
border: 1.5px solid #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 11px 18px;
font-size: 13px;
font-weight: 700;
display: inline-flex;
}
.yl-mapa__boton:hover {
opacity: .9;
}
.yl-mapa__boton.yl-mapa__boton--sec {
color: #0a0a0a;
background-color: #fafaf6;
}
.yl-mapa__repartidor {
background-color: #f7f5ee;
border: 1.5px solid #0a0a0a;
border-radius: 12px;
margin: 0 0 14px;
padding: 12px 14px;
}
.yl-mapa3 {
color: #0a0a0a;
background-color: #f0ede4;
background-image: repeating-linear-gradient(118deg, #fff0 0 46px, #ffffff6b 46px 48px);
padding: 40px 40px 32px;
font-family: Montserrat, Helvetica Neue, Arial, sans-serif;
position: relative;
overflow: hidden;
}
.yl-mapa3__contenedor {
max-width: 1200px;
margin: 0 auto;
}
.yl-mapa3__grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: minmax(0, 30fr) minmax(0, 70fr);
align-items: start;
display: grid;
}
.yl-mapa3__panel {
min-width: 0;
}
.yl-mapa3__modelo {
letter-spacing: .02em;
text-transform: lowercase;
font-family: Droidiga, Montserrat, Helvetica Neue, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.yl-mapa3__chip {
box-sizing: border-box;
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #0a0a0a;
letter-spacing: .02em;
white-space: nowrap;
cursor: pointer;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
background-color: #fafaf6cc;
border: 1px solid #0a0a0a47;
border-radius: 100px;
flex: none;
align-items: center;
max-width: 100%;
height: 34px;
padding: 0 16px;
font-family: Gotham Book, sans-serif;
font-size: 12px;
font-weight: 400;
transition: background-color .18s, color .18s, border-color .18s;
display: inline-flex;
}
.yl-mapa3__chip:hover {
background-color: #fafaf6;
border-color: #0a0a0a;
}
.yl-mapa3__chip.is-activo {
color: #f7f5ee;
background-color: #0a0a0a;
border-color: #0a0a0a;
font-family: Gotham Medium, sans-serif;
font-weight: 500;
}
.yl-mapa3__chip.is-activo:hover {
color: #f7f5ee;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.yl-mapa3__chip.is-ida {
border-style: dashed;
}
.yl-mapa3__chip.is-fuera {
color: #737373;
border-style: dashed;
border-color: #737373;
}
.yl-mapa3__chip.yl-mapa3__chip--destino {
justify-content: space-between;
width: 100%;
display: none;
}
.yl-mapa3__chip.yl-mapa3__chip--destino.is-visible {
display: inline-flex;
}
.yl-mapa3__chip.yl-mapa3__chip--destino.is-solo {
width: auto;
}
.yl-mapa3__chip.yl-mapa3__chip--destino.hv-d-mchip {
transition: background-color .18s, color .18s, border-color .18s, box-shadow .18s;
}
.yl-mapa3__chip.yl-mapa3__chip--destino.hv-d-mchip.is-activo {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border-color: #0a0a0a;
box-shadow: 0 6px 16px -8px #0a0a0a59;
}
.yl-mapa3__chip.is-oculto {
display: none;
}
.yl-mapa3__chip.yl-mapa3__chip--mas {
letter-spacing: .14em;
text-transform: uppercase;
background-color: #0000;
border-style: dashed;
border-color: #737373;
font-family: Gotham Medium, sans-serif;
font-size: 10px;
font-weight: 500;
}
.yl-mapa3__chip.yl-mapa3__chip--cambiar {
color: #737373;
letter-spacing: .12em;
text-transform: uppercase;
text-underline-offset: 3px;
background-color: #0000;
border-color: #0000;
padding: 0 6px;
font-family: Gotham Medium, sans-serif;
font-size: 10px;
font-weight: 500;
text-decoration: underline;
}
.yl-mapa3__chip.yl-mapa3__chip--cambiar:hover {
color: #0a0a0a;
background-color: #0000;
}
.yl-mapa3__chip.yl-mapa3__chip--cambiar.is-oculto {
display: none;
}
.yl-mapa3__chip.hv-d-mchip {
transition: background-color .18s, color .18s, border-color .18s, box-shadow .18s;
}
.yl-mapa3__chip.hv-d-mchip.is-activo {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border-color: #0a0a0a;
box-shadow: 0 6px 16px -8px #0a0a0a59;
}
.yl-mapa3__chip-km {
opacity: .8;
text-align: right;
letter-spacing: .04em;
white-space: nowrap;
margin-left: auto;
font-family: Gotham Medium, sans-serif;
font-size: 11px;
font-weight: 500;
}
.yl-mapa3__vacio {
color: #737373;
letter-spacing: .02em;
white-space: nowrap;
align-items: center;
height: 34px;
margin: 0;
font-family: Gotham Book, sans-serif;
font-size: 12px;
font-weight: 400;
display: inline-flex;
}
.yl-mapa3__vacio.is-oculto {
display: none;
}
.yl-mapa3__lado {
min-width: 0;
position: relative;
}
.yl-mapa3__mapa {
touch-action: pan-x pan-y;
background-color: #f7f5ee;
border: 1px solid #e2dfd6;
border-radius: 16px;
height: 480px;
transition: border-color .18s, box-shadow .18s;
position: relative;
overflow: hidden;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-mapa3__mapa.is-activo-zoom {
border-color: #0a0a0a99;
box-shadow: 0 0 0 1px #0a0a0a99, 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-mapa3__svg-caja {
height: 100%;
display: none;
position: absolute;
inset: 0;
}
.yl-mapa3__svg-caja.is-visible {
display: block;
}
.yl-mapa3__svg {
cursor: grab;
background-color: #f7f5ee;
width: 100%;
height: 100%;
display: block;
}
.yl-mapa3__lienzo {
z-index: 0;
background-color: #f7f5ee;
width: 100%;
height: 100%;
display: none;
position: relative;
}
.yl-mapa3__lienzo.is-visible {
display: block;
}
.yl-mapa3__pill {
z-index: 2;
box-sizing: border-box;
pointer-events: none;
color: #0a0a0a;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 100px;
max-width: calc(100% - 72px);
padding: 7px 12px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
position: absolute;
top: 12px;
left: 12px;
overflow: hidden;
}
.yl-mapa3__ctrls {
z-index: 2;
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
display: flex;
position: absolute;
top: 12px;
right: 12px;
}
.yl-mapa3__ctrl {
color: #0a0a0a;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
touch-action: manipulation;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 17px;
font-weight: 600;
line-height: 1;
transition: border-color .18s;
display: flex;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-mapa3__ctrl:hover {
border-color: #0a0a0a;
}
.yl-mapa3__ctrl.yl-mapa3__ctrl--centrar {
color: #0a0a0a00;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ac806afbf71fb80b7e09034_yaii-centrar.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 18px 18px;
}
.yl-mapa3__resultado {
z-index: 3;
box-sizing: border-box;
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(20px) saturate(180%);
background-color: #fafaf6eb;
border: 1px solid #0a0a0a1a;
border-radius: 16px;
width: 46%;
min-width: 360px;
max-width: calc(100% - 24px);
padding: 14px 18px;
display: none;
position: absolute;
bottom: 12px;
left: 12px;
overflow: hidden;
box-shadow: 0 1px 2px #0a0a0a0a, 0 18px 44px #0a0a0a1f;
}
.yl-mapa3__resultado.is-visible {
display: block;
}
.yl-mapa3__resultado.is-fin {
border-color: #0a0a0a29;
}
.yl-mapa3__res-modelo {
color: #737373;
letter-spacing: .2em;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #0a0a0a1f;
margin: 0 0 8px;
padding-bottom: 6px;
font-family: Gotham Medium, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 14px;
overflow: hidden;
}
.yl-mapa3__res-titulo {
color: #0a0a0a;
letter-spacing: -.02em;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 2px;
font-family: Gotham Medium, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 24px;
overflow: hidden;
}
.yl-mapa3__res-sub {
color: #0a0a0a;
letter-spacing: .01em;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-family: Gotham Book, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 17px;
overflow: hidden;
}
.yl-mapa3__res-nota {
color: #737373;
letter-spacing: .01em;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 10px;
font-family: Gotham Book, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
overflow: hidden;
}
.yl-mapa3__bateria-fila {
grid-column-gap: 10px;
grid-row-gap: 8px;
flex-wrap: nowrap;
align-items: center;
margin: 0 0 10px;
display: flex;
}
.yl-mapa3__bateria {
box-sizing: border-box;
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: #fafaf600;
border: 1px solid #0a0a0a38;
border-radius: 6px;
flex: 0 0 156px;
width: 156px;
padding: 2px;
display: flex;
}
.yl-mapa3__bateria.is-baja {
border-color: #0a0a0a38;
}
.yl-mapa3__bateria-celda {
background-color: #0a0a0a12;
border-radius: 2px;
flex: 1 1 0;
min-width: 0;
height: 8px;
transition: background-color .4s;
}
.yl-mapa3__bateria-celda.is-llena {
background-color: #0a0a0a;
}
.yl-mapa3__bateria-celda.is-llena.is-verde {
background-color: #34c759;
}
.yl-mapa3__bateria-celda.is-llena.is-amarillo {
background-color: #ff9f0a;
}
.yl-mapa3__bateria-celda.is-llena.is-rojo {
background-color: #ff3b30;
}
.yl-mapa3__bateria-pct {
color: #0a0a0a;
text-align: right;
letter-spacing: .02em;
flex: none;
min-width: 40px;
font-family: Gotham Medium, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
transition: color .4s;
}
.yl-mapa3__bateria-pct.is-verde {
color: #1d7a35;
}
.yl-mapa3__bateria-pct.is-amarillo {
color: #b25000;
}
.yl-mapa3__bateria-pct.is-rojo {
color: #d70015;
}
.yl-mapa3__vueltas {
color: #737373;
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
min-width: 0;
font-family: Gotham Medium, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 14px;
overflow: hidden;
}
.yl-mapa3__cmp {
color: #737373;
margin: 0 0 8px;
font-family: Gotham Book, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 18px;
}
.yl-mapa3__cmp-valor {
color: #0a0a0a;
font-family: Gotham Medium, sans-serif;
font-weight: 500;
}
.yl-mapa3__cmp-valor.yl-mapa3__cmp-ahorro {
color: #1d7a35;
white-space: nowrap;
background-color: #34c75924;
border-radius: 999px;
padding: 2px 7px;
font-weight: 500;
}
.yl-mapa3__repartidor {
color: #737373;
margin: 0;
font-family: Gotham Book, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px;
display: none;
}
.yl-mapa3__repartidor.is-visible {
display: block;
}
.yl-mapa3__acciones {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 10px 0 0;
display: flex;
}
.yl-mapa3__boton {
box-sizing: border-box;
color: #f7f5ee;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
background-color: #0a0a0a;
border: 1px solid #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
height: 34px;
padding: 0 20px;
font-family: Gotham Medium, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 16px;
transition: background-color .18s, color .18s, border-color .18s;
display: inline-flex;
}
.yl-mapa3__boton:hover {
background-color: #1f1f1f;
}
.yl-mapa3__boton.yl-mapa3__boton--sec {
color: #0a0a0a;
background-color: #fafaf600;
}
.yl-mapa3__boton.yl-mapa3__boton--sec:hover {
color: #0a0a0a;
background-color: #0a0a0a14;
}
.yl-mapa3__boton.yl-mapa3__boton--sec.hv-d-btn {
color: #0a0a0a;
background-color: #0000;
background-image: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
}
.yl-mapa3__boton.yl-mapa3__boton--sec.hv-d-btn:hover {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translate(0, -2px);
}
.yl-mapa3__boton.hv-d-btn {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transition: background-color .25s, transform .25s, box-shadow .25s;
}
.yl-mapa3__boton.hv-d-btn:hover {
color: #0a0a0a;
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translate(0, -2px);
box-shadow: 0 8px 18px #0a0a0a29;
}
.yl-mapa3__pin {
width: 12px;
height: 12px;
position: relative;
}
.yl-mapa3__pin-punto {
background-color: #0a0a0a;
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
box-shadow: 0 0 0 2px #f7f5ee;
}
.yl-mapa3__pin-punto.is-activo {
width: 12px;
height: 12px;
top: 0;
left: 0;
}
.yl-mapa3__pin-etiqueta {
box-sizing: border-box;
pointer-events: none;
color: #0a0a0a;
white-space: nowrap;
background-color: #fafaf6f5;
border: 1px solid #e2dfd6;
border-radius: 999px;
align-items: baseline;
padding: 4px 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
display: none;
box-shadow: 0 2px 8px #0a0a0a1f;
}
.yl-mapa3__pin-etiqueta.is-visible {
display: inline-flex;
}
.yl-mapa3__pin-etiqueta.is-activo {
font-weight: 700;
}
.yl-mapa3__moto {
background-color: #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
box-shadow: 0 0 0 1.5px #f7f5ee;
}
.yl-mapa3__moto.is-izq {
transform: scaleX(-1);
}
.yl-mapa3__titulo {
color: #0a0a0a;
letter-spacing: -.02em;
white-space: nowrap;
margin: 0;
font-size: 32px;
font-weight: 800;
line-height: 36px;
}
.yl-mapa3__lead {
color: #737373;
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
min-width: 0;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 21px;
overflow: hidden;
}
.yl-mapa3__fila {
margin: 0 0 32px;
transition: opacity .25s;
}
.yl-mapa3__fila.yl-mapa3__fila--fin {
margin: 0;
}
.yl-mapa3__fila.yl-mapa3__fila--fin.is-espera {
opacity: .55;
}
.yl-mapa3__fila.yl-mapa3__fila--moto {
grid-column-gap: 24px;
grid-template-columns: minmax(0, 30fr) minmax(0, 70fr);
align-items: center;
margin: 0 0 8px;
display: grid;
}
.yl-mapa3__fila.is-espera {
opacity: .55;
}
.yl-mapa3__fila-cab {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: baseline;
height: auto;
margin: 0 0 16px;
display: flex;
}
.yl-mapa3__fila-cab.yl-mapa3__fila-cab--version {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
row-gap: 14px;
height: auto;
margin: 0;
}
.yl-mapa3__paso {
color: #737373;
letter-spacing: .2em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #0a0a0a24;
width: 100%;
margin: 0;
padding-bottom: 10px;
font-family: Gotham Medium, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 16px;
transition: color .18s;
display: block;
}
.yl-mapa3__paso.is-activo, .yl-mapa3__paso.is-hecho {
color: #0a0a0a;
border-bottom-color: #0a0a0a;
}
.yl-mapa3__chips {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
gap: 8px;
max-height: 560px;
transition: max-height .25s, opacity .22s;
display: flex;
overflow: hidden;
}
.yl-mapa3__chips.is-cerrando {
opacity: 0;
max-height: 36px;
}
.yl-mapa3__chips.is-cerrado {
max-height: 36px;
}
.yl-mapa3__cab {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: baseline;
margin: 0 0 14px;
display: flex;
}
.yl-mapa3__carril {
min-width: 0;
position: relative;
}
.yl-mapa3__carril.is-mas-izq, .yl-mapa3__carril.is-mas-der {
min-width: 0;
}
.yl-mapa3__velo {
z-index: 1;
pointer-events: none;
width: 48px;
display: none;
position: absolute;
top: 0;
bottom: 0;
}
.yl-mapa3__velo.yl-mapa3__velo--izq {
background-image: linear-gradient(90deg, #f0ede4, #f0ede400);
left: 0;
}
.yl-mapa3__velo.yl-mapa3__velo--der {
background-image: linear-gradient(90deg, #f0ede400, #f0ede4);
right: 0;
}
.yl-mapa3__velo.is-visible {
display: block;
}
.yl-mapa3__flecha {
z-index: 2;
box-sizing: border-box;
color: #0a0a0a;
cursor: pointer;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
margin-top: 0;
padding: 0 0 3px;
font-size: 24px;
font-weight: 500;
line-height: 1;
transition: border-color .18s;
display: none;
position: absolute;
top: 62px;
box-shadow: 0 1px 2px #0a0a0a0a, 0 8px 24px #0a0a0a0f;
}
.yl-mapa3__flecha:hover {
border-color: #0a0a0a;
}
.yl-mapa3__flecha:focus-visible, .yl-mapa3__flecha[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #0a0a0a;
}
.yl-mapa3__flecha.yl-mapa3__flecha--izq {
left: 0;
}
.yl-mapa3__flecha.yl-mapa3__flecha--der {
right: 0;
}
.yl-mapa3__flecha.is-visible {
display: flex;
}
.yl-mapa3__aviso {
z-index: 4;
box-sizing: border-box;
pointer-events: none;
color: #0a0a0a;
white-space: nowrap;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 100px;
justify-content: center;
align-items: center;
width: max-content;
max-width: calc(100% - 24px);
height: 40px;
margin: -20px auto 0;
padding: 0 18px;
font-size: 12px;
font-weight: 600;
display: none;
position: absolute;
top: 50%;
left: 0;
right: 0;
box-shadow: 0 2px 4px #0a0a0a0d, 0 12px 32px #0a0a0a1f;
}
.yl-mapa3__aviso.is-visible {
display: flex;
}
.yl-mapa3__pin-km {
color: #737373;
white-space: nowrap;
margin-left: 4px;
font-weight: 600;
}
.yl-mapa3__pin-caja {
box-sizing: border-box;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 12px;
display: flex;
}
.yl-mapa3__pin-caja.is-izq {
justify-content: flex-end;
}
.yl-mapa3__pin-caja.is-der {
justify-content: flex-start;
}
.yl-mapa3__spin-punto {
transition: transform .15s;
}
.yl-mapa3__spin-punto.is-hover {
transform: scale(1.375);
}
.yl-mapa3__version {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
flex: none;
align-items: stretch;
gap: 8px;
width: 100%;
max-width: 280px;
margin: 0;
display: flex;
}
.yl-mapa3__version.is-oculto {
display: none;
}
.yl-mapa3__version-btn {
box-sizing: border-box;
color: #0a0a0a;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
height: 40px;
padding: 0 18px;
font-family: Gotham Medium, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 16px;
transition: background-color .18s, color .18s;
display: inline-flex;
}
.yl-mapa3__version-btn:hover {
background-color: #0a0a0a14;
}
.yl-mapa3__version-btn.is-activo, .yl-mapa3__version-btn.is-activo:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.yl-mapa3__version-btn.hv-d-ver {
transition: background-color .2s, color .2s, box-shadow .2s;
}
.yl-mapa3__version-btn.hv-d-ver.is-activo {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
box-shadow: 0 6px 16px -8px #0a0a0a59;
}
.yl-mapa3__version-btn.hv-d-ver.is-activo:hover {
color: #0a0a0a;
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
}
.is-fase2 {
display: none;
}
.yl-mapa3__motos {
scroll-snap-type: x mandatory;
scrollbar-width: none;
overscroll-behavior-x: contain;
align-items: flex-end;
padding: 0 28%;
display: flex;
overflow: auto hidden;
}
.yl-mapa3__opcion {
box-sizing: border-box;
opacity: .25;
color: #0a0a0a00;
cursor: pointer;
scroll-snap-align: center;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
border-radius: 12px;
flex-direction: column;
flex: 0 0 100%;
justify-content: flex-end;
align-items: center;
padding: 0;
transition: transform .3s, opacity .3s, color .3s;
display: flex;
transform: scale(.8);
}
.yl-mapa3__opcion:hover {
opacity: .7;
}
.yl-mapa3__opcion:focus-visible, .yl-mapa3__opcion[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #0a0a0a;
}
.yl-mapa3__opcion.is-lado {
opacity: .4;
}
.yl-mapa3__opcion.is-lado:hover {
opacity: .7;
}
.yl-mapa3__opcion.is-centro {
opacity: 1;
color: #0a0a0a;
cursor: default;
transform: scale(1);
}
.yl-mapa3__opcion.is-centro:hover {
opacity: 1;
}
.yl-mapa3__opcion-img {
pointer-events: none;
flex: none;
width: 200px;
max-width: none;
height: auto;
display: block;
}
.yl-mapa3__opcion-img.yl-mapa3__opcion-img--taranis {
width: 235px;
margin: -24px 0 0;
}
.yl-mapa3__opcion-img.yl-mapa3__opcion-img--m2 {
margin: -14px 0 -18px;
}
.yl-mapa3__opcion-txt {
grid-column-gap: 5px;
grid-row-gap: 0px;
text-align: center;
min-width: 0;
max-width: 100%;
color: inherit;
flex: none;
grid-template-columns: auto auto;
justify-content: center;
align-items: baseline;
display: grid;
}
.yl-mapa3__opcion-nombre {
white-space: nowrap;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
.yl-mapa3__opcion-sub {
opacity: .7;
letter-spacing: .04em;
white-space: nowrap;
font-size: 11px;
font-weight: 600;
line-height: 14px;
}
.yl-mapa3__opcion-km {
white-space: nowrap;
grid-column: 1 / -1;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.yl-mapa3__puntos {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
height: 6px;
margin: 8px 0 0;
display: flex;
}
.yl-mapa3__punto {
background-color: #0a0a0a2e;
border-radius: 999px;
width: 6px;
height: 6px;
transition: width .3s, background-color .3s;
display: block;
}
.yl-mapa3__punto.is-activo {
background-color: #0a0a0a;
width: 18px;
}
.yl-mapa3__leyenda {
color: #737373;
text-align: left;
width: 100%;
max-width: none;
margin: 12px 0 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.yl-mapa3__leyenda-osm {
white-space: nowrap;
}
.yl-mapa3__muni {
transition: opacity .2s;
}
.yl-mapa3__muni.is-oculto {
opacity: 0;
}
.is-pronto {
opacity: .4;
}
.rv-pagina {
color: #0a0a0a;
background-color: #f4f1ea;
font-family: Montserrat, sans-serif;
}
.rv-revela {
transition: opacity .9s cubic-bezier(.2, .7, .1, 1), transform .9s cubic-bezier(.2, .7, .1, 1);
}
.rv-revela.rv-oculto {
opacity: 0;
transform: translate(0, 56px);
}
.rv-revela.rv-oculto.is-visible {
opacity: 1;
transform: translate(0);
}
.rv-revela.is-d1 {
transition-delay: .12s;
}
.rv-revela.is-d2 {
transition-delay: .24s;
}
.rv-revela.is-d3 {
transition-delay: .36s;
}
.rv-escena-media {
background-color: #e9e5db;
border-radius: 28px;
height: 640px;
position: sticky;
top: 96px;
overflow: hidden;
}
.rv-galeria {
grid-column-gap: 20px;
scroll-snap-type: x mandatory;
padding-bottom: 24px;
padding-left: 48px;
padding-right: 48px;
scroll-padding-left: 48px;
display: flex;
overflow-x: auto;
}
.rv-eyebrow {
color: #5e5a52;
letter-spacing: .24em;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.rv-h-mega {
color: #0a0a0a;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 104px;
font-weight: 800;
line-height: .94;
}
.rv-h2 {
color: #0a0a0a;
letter-spacing: -.035em;
margin-top: 0;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 60px;
font-weight: 800;
line-height: 1;
}
.rv-texto {
color: #5e5a52;
max-width: 620px;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
line-height: 1.6;
}
.rv-btn {
color: #f4f1ea;
letter-spacing: .18em;
text-transform: uppercase;
background-color: #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 18px 36px;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: transform .3s, background-color .3s;
display: inline-flex;
}
.rv-btn:hover {
background-color: #2e2b26;
transform: translate(0, -2px);
}
.rv-btn.is-chico {
padding: 14px 22px;
font-size: 12px;
}
.rv-btn-linea {
color: #0a0a0a;
letter-spacing: .18em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 17px 34px;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .3s, color .3s;
display: inline-flex;
}
.rv-btn-linea:hover {
color: #f4f1ea;
background-color: #0a0a0a;
}
.rv-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 36px;
display: flex;
}
.rv-micro {
color: #5e5a52;
margin-top: 18px;
font-size: 13px;
line-height: 1.5;
}
.rv-hero {
background-color: #e9e5db;
align-items: flex-end;
min-height: 880px;
display: flex;
position: relative;
overflow: hidden;
}
.rv-hero-media {
position: absolute;
inset: 0;
overflow: hidden;
}
.rv-hero-img {
object-fit: cover;
object-position: 50% 35%;
width: 100%;
max-width: none;
height: 100%;
transition: transform 2.6s cubic-bezier(.2, .7, .1, 1), opacity 1.6s;
}
.rv-hero-img.rv-oculto {
opacity: .4;
transform: scale(1.16);
}
.rv-hero-img.rv-oculto.is-visible {
opacity: 1;
transform: scale(1);
}
.rv-hero-velo {
background-image: linear-gradient(#f4f1ea00 30%, #f4f1eae0 78%, #f4f1ea 100%);
position: absolute;
inset: 0;
}
.rv-hero-contenido {
z-index: 2;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
padding-left: 48px;
padding-right: 48px;
position: relative;
}
.rv-hero-modelos {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 24px;
margin-bottom: 14px;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
.rv-seccion {
background-color: #f4f1ea;
padding: 150px 48px;
position: relative;
}
.rv-seccion.is-gris {
background-color: #e9e5db;
}
.rv-seccion.is-blanco {
background-color: #fff;
}
.rv-seccion.is-sinpad {
padding-left: 0;
padding-right: 0;
}
.rv-envoltura {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.rv-frase {
color: #0a0a0a;
letter-spacing: -.035em;
max-width: 1120px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 68px;
font-weight: 800;
line-height: 1.04;
}
.rv-tenue {
color: #a39d90;
}
.rv-cifras {
grid-column-gap: 32px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 96px;
display: grid;
}
.rv-cifra {
border-top: 1px solid #cfc9ba;
padding-top: 36px;
}
.rv-cifra-num {
color: #0a0a0a;
letter-spacing: -.06em;
font-variant-numeric: tabular-nums;
font-family: Montserrat, sans-serif;
font-size: 176px;
font-weight: 800;
line-height: .9;
}
.rv-cifra-unidad {
color: #0a0a0a;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 18px;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.rv-cifra-texto {
color: #5e5a52;
max-width: 330px;
margin-top: 10px;
font-size: 16px;
line-height: 1.55;
}
.rv-escena {
grid-column-gap: 72px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr;
align-items: start;
margin-top: 64px;
display: grid;
}
.rv-escena-img {
opacity: 0;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
transition: opacity .9s, transform 1.8s cubic-bezier(.2, .7, .1, 1);
position: absolute;
top: 0;
left: 0;
transform: scale(1.08);
}
.rv-escena-img.is-activa {
opacity: 1;
transform: scale(1);
}
.rv-escena-paso {
flex-direction: column;
justify-content: center;
min-height: 640px;
transition: opacity .6s;
display: flex;
}
.rv-escena-paso.rv-tenue {
opacity: .22;
}
.rv-paso-num {
color: #a39d90;
letter-spacing: .22em;
margin-bottom: 20px;
font-size: 13px;
font-weight: 700;
}
.rv-h3 {
color: #0a0a0a;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 1.04;
}
.rv-galeria-cabeza {
grid-column-gap: 32px;
justify-content: space-between;
align-items: flex-end;
max-width: 1280px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
display: flex;
}
.rv-galeria-item {
scroll-snap-align: start;
background-color: #e9e5db;
border-radius: 28px;
flex: 0 0 72%;
height: 640px;
margin-top: 0;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.rv-galeria-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
transition: transform 1.4s cubic-bezier(.2, .7, .1, 1);
}
.rv-galeria-pie {
color: #0a0a0a;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #f4f1eae6;
border-radius: 999px;
padding: 10px 16px;
font-size: 12px;
font-weight: 700;
line-height: 1;
position: absolute;
bottom: 24px;
left: 24px;
}
.rv-galeria-fin {
flex: 0 0 24px;
}
.rv-droidiga {
letter-spacing: .02em;
text-transform: none;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 400;
}
.rv-cabeza {
max-width: 860px;
}
.rv-modelos {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
margin-top: 64px;
display: grid;
}
.rv-modelo {
background-color: #fff;
border-radius: 32px;
flex-direction: column;
padding: 44px 44px 40px;
transition: transform .5s cubic-bezier(.2, .7, .1, 1), box-shadow .5s;
display: flex;
overflow: hidden;
}
.rv-modelo:hover {
transform: translate(0, -8px);
box-shadow: 0 30px 60px #0a0a0a14;
}
.rv-modelo-nombre {
color: #0a0a0a;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 52px;
font-weight: 400;
line-height: 1;
}
.rv-modelo-img {
object-fit: contain;
width: 100%;
max-width: none;
height: 320px;
margin-top: 16px;
margin-bottom: 16px;
}
.rv-modelo-km {
color: #0a0a0a;
letter-spacing: -.06em;
font-family: Montserrat, sans-serif;
font-size: 128px;
font-weight: 800;
line-height: .9;
}
.rv-modelo-unidad {
color: #5e5a52;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 10px;
font-size: 13px;
font-weight: 700;
}
.rv-specs {
border-top: 1px solid #e9e5db;
margin-top: 28px;
}
.rv-spec {
grid-column-gap: 16px;
border-bottom: 1px solid #e9e5db;
justify-content: space-between;
align-items: baseline;
padding-top: 15px;
padding-bottom: 15px;
font-size: 15px;
line-height: 1.4;
display: flex;
}
.rv-spec-etq {
color: #5e5a52;
}
.rv-spec-val {
color: #0a0a0a;
text-align: right;
font-weight: 700;
}
.rv-incluido {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 64px;
display: grid;
}
.rv-tarjeta {
background-color: #fff;
border-radius: 24px;
flex-direction: column;
min-height: 280px;
padding: 34px 32px;
transition: transform .5s cubic-bezier(.2, .7, .1, 1), box-shadow .5s;
display: flex;
}
.rv-tarjeta:hover {
transform: translate(0, -6px);
box-shadow: 0 24px 48px #0a0a0a12;
}
.rv-tarjeta-num {
color: #d9d4c7;
letter-spacing: -.04em;
margin-bottom: auto;
padding-bottom: 40px;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 1;
}
.rv-tarjeta-tit {
color: #0a0a0a;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
line-height: 1.4;
}
.rv-tarjeta-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1.6;
}
.rv-pasos {
grid-column-gap: 32px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 72px;
display: grid;
}
.rv-paso {
border-top: 2px solid #0a0a0a;
padding-top: 28px;
}
.rv-paso-n {
color: #0a0a0a;
letter-spacing: -.06em;
margin-bottom: 28px;
font-family: Montserrat, sans-serif;
font-size: 104px;
font-weight: 800;
line-height: .9;
}
.rv-nota {
color: #5e5a52;
background-color: #e9e5db;
border-radius: 20px;
margin-top: 56px;
padding: 28px 32px;
font-size: 14px;
line-height: 1.7;
}
.rv-dos {
grid-column-gap: 72px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rv-tesis-num {
color: #0a0a0a;
letter-spacing: -.07em;
font-family: Montserrat, sans-serif;
font-size: 300px;
font-weight: 800;
line-height: .82;
}
.rv-img-marco {
object-fit: cover;
border-radius: 28px;
width: 100%;
max-width: none;
height: 600px;
}
.rv-carga {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
display: grid;
}
.rv-carga-item {
background-color: #fff;
border-radius: 24px;
padding: 28px;
}
.rv-carga-num {
color: #0a0a0a;
letter-spacing: -.04em;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.rv-legal {
color: #8a8478;
margin-top: 20px;
font-size: 12px;
line-height: 1.6;
}
.rv-planes {
display: block;
}
.rv-planes.is-fase2 {
display: none;
}
.rv-faq {
border-top: 1px solid #cfc9ba;
max-width: 920px;
margin-top: 56px;
}
.rv-faq-item {
border-bottom: 1px solid #cfc9ba;
}
.rv-faq-preg {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 26px;
padding-bottom: 26px;
font-size: 20px;
font-weight: 700;
line-height: 1.35;
list-style-type: none;
display: flex;
}
.rv-faq-resp {
color: #5e5a52;
max-width: 780px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 28px;
font-size: 16px;
line-height: 1.7;
}
.rv-cierre {
text-align: center;
background-color: #f4f1ea;
flex-direction: column;
align-items: center;
min-height: 0;
padding: 140px 24px 48px;
display: flex;
position: relative;
overflow: hidden;
}
.rv-cierre-img {
object-fit: cover;
object-position: 50% 45%;
border-radius: 28px;
order: 2;
width: 100%;
max-width: 1280px;
height: 560px;
margin-top: 80px;
}
.rv-cierre-contenido {
z-index: 2;
flex-direction: column;
align-items: center;
max-width: 900px;
display: flex;
position: relative;
}
.rv-firma {
color: #8a8478;
letter-spacing: .22em;
text-transform: uppercase;
margin-top: 28px;
font-size: 12px;
font-weight: 700;
}
.rv-barra {
z-index: 900;
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #fffffff0;
border-radius: 999px;
justify-content: space-between;
align-items: center;
padding: 8px 8px 8px 20px;
transition: transform .5s cubic-bezier(.2, .7, .1, 1), opacity .4s;
display: none;
position: fixed;
bottom: 12px;
left: 12px;
right: 12px;
box-shadow: 0 12px 32px #0a0a0a24;
}
.rv-barra.rv-oculto {
opacity: 0;
pointer-events: none;
transform: translate(0, 140%);
}
.rv-barra.rv-oculto.is-visible {
opacity: 1;
pointer-events: auto;
transform: translate(0);
}
.rv-barra-txt {
color: #0a0a0a;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
}
.hv-hero {
text-align: center;
background-color: #f4f1ea;
padding-top: 120px;
position: relative;
overflow: hidden;
}
.hv-hero-texto {
z-index: 2;
flex-direction: column;
align-items: center;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
display: flex;
position: relative;
}
.hv-nombre {
color: #0a0a0a;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 176px;
font-weight: 400;
line-height: .9;
}
.hv-lema {
color: #0a0a0a;
letter-spacing: -.03em;
max-width: 820px;
margin-top: 28px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.1;
}
.hv-precio {
grid-column-gap: 14px;
grid-row-gap: 10px;
color: #5e5a52;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 28px;
font-size: 16px;
line-height: 1.4;
display: flex;
}
.hv-precio-num {
color: #0a0a0a;
letter-spacing: -.02em;
font-size: 24px;
font-weight: 800;
}
.hv-tag {
color: #0a0a0a;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #cfc9ba;
border-radius: 999px;
align-items: center;
padding: 9px 16px;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.hv-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin-top: 36px;
display: flex;
}
.hv-hero-marco {
height: 780px;
margin-top: 72px;
position: relative;
overflow: hidden;
}
.hv-modelo-precio {
color: #0a0a0a;
letter-spacing: -.04em;
margin-top: 8px;
font-family: Montserrat, sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 1;
}
.hv-modelo-tags {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 18px;
display: flex;
}
.hv-2027 {
grid-column-gap: 40px;
grid-row-gap: 24px;
background-color: #f4f1ea;
border-radius: 32px;
grid-template-columns: 1fr auto;
align-items: center;
margin-top: 24px;
padding: 44px;
display: grid;
}
.hv-notas {
background-color: #e9e5db;
padding: 80px 48px;
}
.hv-legales {
color: #8a8478;
max-width: 920px;
margin-top: 0;
margin-bottom: 0;
padding-left: 18px;
font-size: 12px;
line-height: 1.7;
}
.rv-j-sec {
color: #0a0a0a;
background-color: #f4f1ea;
padding: 56px 40px;
font-family: Montserrat, sans-serif;
position: relative;
}
.rv-j-sec.is-tono {
background-color: #ece8de;
}
.rv-j-sec.is-claro {
background-color: #fafaf6;
}
.rv-j-sec.is-hero {
padding-top: 36px;
padding-bottom: 40px;
}
.rv-j-env {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.rv-j-split {
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 48px;
display: grid;
}
.rv-j-split.is-75 {
grid-template-columns: 7fr 5fr;
}
.rv-j-split.is-48 {
grid-template-columns: 4fr 8fr;
align-items: start;
}
.rv-j-eyebrow {
color: #5e5a52;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 12px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.rv-j-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.06;
}
.rv-j-h2 {
color: #0a0a0a;
letter-spacing: -.015em;
max-width: 640px;
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.12;
}
.rv-j-txt {
color: #5e5a52;
max-width: 560px;
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.55;
}
.rv-j-lead {
color: #2a2823;
max-width: 500px;
margin-top: 0;
margin-bottom: 20px;
font-size: 17px;
line-height: 1.5;
}
.rv-j-modelos {
color: #0a0a0a;
letter-spacing: .02em;
text-transform: none;
margin-top: 0;
margin-bottom: 14px;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.rv-j-ctas {
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 12px;
display: flex;
}
.rv-j-btn {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #0a0a0a;
border: 1px solid #0a0a0a;
border-radius: 2px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
transition: background-color .2s, color .2s;
display: inline-flex;
}
.rv-j-btn:hover {
color: #0a0a0a;
background-color: #0000;
}
.rv-j-btn-linea {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 2px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
transition: background-color .2s, color .2s;
display: inline-flex;
}
.rv-j-btn-linea:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.rv-j-micro {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
line-height: 1.5;
}
.rv-j-legal {
color: #77736a;
max-width: 760px;
margin-top: 14px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.rv-j-hero-img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.rv-j-foto {
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.rv-j-pie {
color: #77736a;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.rv-j-banda {
color: #0a0a0a;
background-color: #ece8de;
border-top: 1px solid #dcd7cb;
border-bottom: 1px solid #dcd7cb;
padding: 24px 40px;
font-family: Montserrat, sans-serif;
}
.rv-j-banda-fila {
align-items: center;
gap: 16px 32px;
display: flex;
}
.rv-j-banda-frase {
color: #0a0a0a;
letter-spacing: -.01em;
flex: 1.3;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 800;
line-height: 1.3;
}
.rv-j-cifra {
border-left: 1px solid #cfc9bb;
flex: 1;
min-width: 0;
padding-left: 20px;
}
.rv-j-cifra-num {
color: #0a0a0a;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.rv-j-cifra-etq {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 6px;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.rv-j-cifra-txt {
color: #5e5a52;
margin-top: 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 1.45;
}
.rv-j-cabeza {
justify-content: space-between;
align-items: flex-end;
gap: 8px 40px;
margin-bottom: 32px;
display: flex;
}
.rv-j-ruta {
border-top: 2px solid #d6d1c4;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
column-gap: 0;
display: grid;
position: relative;
}
.rv-j-ruta-linea {
background-color: #0a0a0a;
width: 100%;
height: 2px;
transition: width .7s cubic-bezier(.2, .7, .2, 1);
position: absolute;
top: -2px;
left: 0;
}
.rv-j-ruta-linea.is-p0 {
width: 0%;
}
.rv-j-ruta-linea.is-p1 {
width: 20%;
}
.rv-j-ruta-linea.is-p2 {
width: 40%;
}
.rv-j-ruta-linea.is-p3 {
width: 60%;
}
.rv-j-ruta-linea.is-p4 {
width: 80%;
}
.rv-j-parada {
opacity: 1;
padding-top: 24px;
padding-right: 24px;
transition: opacity .5s;
position: relative;
}
.rv-j-parada.is-apagada {
opacity: .3;
}
.rv-j-punto {
background-color: #f4f1ea;
border: 2px solid #0a0a0a;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: -8px;
left: 0;
}
.rv-j-hora {
color: #0a0a0a;
letter-spacing: -.01em;
font-variant-numeric: tabular-nums;
margin-bottom: 8px;
font-size: 22px;
font-weight: 800;
line-height: 1;
}
.rv-j-parada-tit {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 6px;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
}
.rv-j-parada-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.rv-j-medidor {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
padding: 28px;
}
.rv-j-medida {
margin-bottom: 22px;
}
.rv-j-medida-fila {
justify-content: space-between;
align-items: baseline;
column-gap: 12px;
margin-bottom: 8px;
display: flex;
}
.rv-j-barra {
background-color: #e2dfd6;
border-radius: 2px;
height: 10px;
position: relative;
overflow: hidden;
}
.rv-j-barra.is-fina {
height: 6px;
margin-top: 12px;
}
.rv-j-barra-fill {
background-color: #0a0a0a;
width: 32%;
height: 100%;
transition: width 1.2s cubic-bezier(.2, .7, .2, 1);
}
.rv-j-barra-fill.is-cero {
width: 0%;
}
.rv-j-tabla {
border-top: 1px solid #0a0a0a;
margin-top: 18px;
}
.rv-j-fila {
border-bottom: 1px solid #dcd7cb;
grid-template-columns: 1.1fr 1fr 1fr;
align-items: baseline;
column-gap: 16px;
padding-top: 9px;
padding-bottom: 9px;
display: grid;
}
.rv-j-fila.is-cabeza {
padding-top: 14px;
padding-bottom: 12px;
}
.rv-j-celda-etq {
color: #5e5a52;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.rv-j-celda {
color: #0a0a0a;
font-size: 15px;
line-height: 1.4;
}
.rv-j-celda.is-fuerte {
letter-spacing: -.01em;
font-size: 22px;
font-weight: 800;
line-height: 1.1;
}
.rv-j-modelo {
color: #0a0a0a;
letter-spacing: .02em;
text-transform: none;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1;
}
.rv-j-lista {
grid-template-columns: 1fr 1fr;
gap: 0 40px;
display: grid;
}
.rv-j-item {
border-top: 1px solid #dcd7cb;
align-items: flex-start;
column-gap: 14px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.rv-j-icono {
color: #0a0a0a;
flex: 0 0 24px;
width: 24px;
height: 24px;
margin-top: 1px;
}
.rv-j-item-tit {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 4px;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
}
.rv-j-item-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.rv-j-pasos {
grid-template-columns: 1fr 1fr 1fr;
gap: 20px 32px;
display: grid;
}
.rv-j-paso {
border-top: 2px solid #0a0a0a;
padding-top: 14px;
}
.rv-j-paso-n {
color: #5e5a52;
letter-spacing: .12em;
font-variant-numeric: tabular-nums;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
line-height: 1;
}
.rv-j-paso-tit {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 6px;
font-size: 18px;
font-weight: 800;
line-height: 1.25;
}
.rv-j-req {
border-top: 1px solid #dcd7cb;
grid-template-columns: 1fr 1fr;
gap: 12px 32px;
margin-top: 28px;
padding-top: 16px;
display: grid;
}
.rv-j-faq-item {
border-bottom: 1px solid #dcd7cb;
}
.rv-j-faq-preg {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
column-gap: 16px;
min-height: 44px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
list-style-type: none;
display: flex;
}
.rv-j-faq-mas {
color: #0a0a0a;
flex-grow: 0;
flex-shrink: 0;
font-size: 20px;
font-weight: 400;
line-height: 1;
transition: transform .25s;
}
.rv-j-faq-mas.is-abierta {
transform: rotate(45deg);
}
.rv-j-faq-resp {
color: #5e5a52;
max-width: 640px;
margin-top: 0;
margin-bottom: 14px;
font-size: 14px;
line-height: 1.55;
}
.rv-j-cierre-fila {
justify-content: space-between;
align-items: center;
gap: 16px 40px;
display: flex;
}
.rv-j-cierre-accion {
flex-direction: column;
flex-shrink: 0;
align-items: flex-end;
row-gap: 10px;
display: flex;
}
.rv-j-rev {
opacity: 1;
transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1), filter .9s cubic-bezier(.2, .7, .2, 1);
transform: none;
}
.rv-j-rev.is-espera {
opacity: 0;
filter: blur(6px);
transform: translateY(28px);
}
.rv-j-rev.is-d1 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .1s, transform .9s cubic-bezier(.2, .7, .2, 1) .1s, filter .9s cubic-bezier(.2, .7, .2, 1) .1s;
}
.rv-j-rev.is-d2 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .2s, transform .9s cubic-bezier(.2, .7, .2, 1) .2s, filter .9s cubic-bezier(.2, .7, .2, 1) .2s;
}
.rv-j-rev.is-d3 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .3s, transform .9s cubic-bezier(.2, .7, .2, 1) .3s, filter .9s cubic-bezier(.2, .7, .2, 1) .3s;
}
.rv-j-rev.is-d4 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .4s, transform .9s cubic-bezier(.2, .7, .2, 1) .4s, filter .9s cubic-bezier(.2, .7, .2, 1) .4s;
}
.rv-j-rev.is-d5 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .5s, transform .9s cubic-bezier(.2, .7, .2, 1) .5s, filter .9s cubic-bezier(.2, .7, .2, 1) .5s;
}
.rv-j-rev.is-d6 {
transition: opacity .9s cubic-bezier(.2, .7, .2, 1) .6s, transform .9s cubic-bezier(.2, .7, .2, 1) .6s, filter .9s cubic-bezier(.2, .7, .2, 1) .6s;
}
.hv-portada {
text-align: center;
background-color: #efe9df;
flex-direction: column;
justify-content: center;
align-items: flex-end;
min-height: 560px;
padding: 32px 56px;
display: flex;
position: relative;
overflow: hidden;
}
.hv-portada.hv-portada--h27 {
background-color: #e9dfd2;
background-image: linear-gradient(#e9dfd2 0% 86.6%, #dfd3c3 87.3%, #c9b9a9 87.8%, #e0d4c4 88.2%, #e8dfd0 89%, #e9e0d2 100%);
align-items: flex-start;
}
.hv-portada.hv-portada--t27 {
background-color: #efdfcd;
background-image: linear-gradient(#efdfcd 0% 81.2%, #ead9c8 81.6%, #b9a693 81.9%, #e7d7c6 82.3%, #ecdfcf 83%, #ecdecd 100%);
align-items: flex-start;
}
.hv-portada.hv-portada--tar {
background-color: #f3e8da;
align-items: flex-start;
}
.hv-eyebrow {
color: #5f5e59;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
}
.hv-revela {
transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1);
}
.hv-revela.hv-d1 {
transition-delay: .1s;
}
.hv-revela.hv-d2 {
transition-delay: .2s;
}
.hv-revela.hv-d3 {
transition-delay: .3s;
}
.hv-revela.hv-oculto {
opacity: 0;
transform: translate(0, 24px);
}
.hv-portada-nombre {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 48px;
}
.hv-portada-lema {
color: #0a0a0a;
margin-top: 4px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.hv-portada-precio {
color: #5f5e59;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px 10px;
margin-top: 12px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.4;
display: flex;
}
.hv-portada-cifra {
color: #0a0a0a;
font-size: 20px;
font-weight: 800;
}
.hv-etiqueta {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #eceae2;
border-radius: 4px;
align-items: center;
padding: 6px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.2;
display: inline-flex;
}
.hv-portada-botones {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 16px;
display: flex;
}
.hv-boton {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-flex;
}
.hv-boton:hover {
color: #0a0a0a;
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.hv-boton.hv-modelo-boton {
margin-top: auto;
}
.hv-boton.hv-chico {
min-height: 40px;
padding: 10px 16px;
font-size: 11px;
}
.rv-j-fija {
z-index: 170;
background-color: #fafaf6;
border-top: 1px solid #e2dfd6;
justify-content: space-between;
align-items: center;
column-gap: 12px;
padding: 12px 16px;
transition: transform .3s;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
transform: translateY(0);
}
.rv-j-fija.is-oculta {
transform: translateY(110%);
}
.rv-j-fija-txt {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
}
.hv-sec {
background-color: #f7f5ee;
padding: 40px;
position: relative;
}
.hv-sec.hv-hueso {
background-color: #f0ede4;
}
.hv-sec.hv-hueso.hv-d-compacta {
padding-top: 32px;
padding-bottom: 32px;
}
.hv-sec.hv-hueso.hv-x-largo {
background-color: #e9e0d3;
}
.hv-sec.hv-blanco {
background-color: #fff;
}
.hv-sec.hv-gris {
background-color: #eceae2;
}
.hv-sec.hv-largo5 {
height: 2150px;
padding: 0;
}
.hv-sec.hv-largo3 {
height: 1500px;
padding: 0;
}
.hv-sec.hv-x-largo {
height: 3300px;
padding: 0;
}
.hv-marco {
width: 100%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
.hv-cabeza {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hv-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.hv-texto {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.hv-texto.hv-chico {
font-size: 14px;
}
.hv-legal {
color: #6f6b62;
margin-top: 12px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.hv-legal.hv-centro {
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.hv-legal.hv-d-spie {
color: #0a0a0a;
margin-top: 8px;
font-size: 12px;
font-weight: 600;
}
.hv-objeto {
grid-template-rows: auto;
grid-template-columns: 1fr 480px 1fr;
align-items: center;
column-gap: 40px;
margin-top: 16px;
display: grid;
}
.hv-lado {
flex-direction: column;
row-gap: 28px;
display: flex;
}
.hv-lado.hv-izq {
text-align: right;
align-items: flex-end;
}
.hv-lado.hv-der {
text-align: left;
align-items: flex-start;
}
.hv-cifra {
max-width: 240px;
}
.hv-cifra-num {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.hv-cifra-unidad {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-cifra-texto {
color: #5f5e59;
margin-top: 4px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.45;
}
.hv-escenario {
width: 100%;
position: relative;
}
.hv-escenario-marco {
aspect-ratio: 1.35;
background-color: #ece6dc;
border-radius: 16px;
width: 100%;
position: relative;
overflow: hidden;
}
.hv-escenario-img {
transform-origin: 50%;
object-fit: cover;
object-position: 100% 50%;
width: 100%;
height: 100%;
transition: transform 1.3s cubic-bezier(.2, .7, .2, 1), transform-origin 1.3s cubic-bezier(.2, .7, .2, 1);
display: block;
}
.hv-escenario-img.hv-zoom-1 {
transform-origin: 25% 80%;
transform: scale(1.5);
}
.hv-escenario-img.hv-zoom-2 {
transform-origin: 46% 61%;
transform: scale(1.5);
}
.hv-escenario-img.hv-zoom-3 {
transform-origin: 71% 44%;
transform: scale(1.5);
}
.hv-escenario-img.hv-zoom-4 {
transform-origin: 69% 78%;
transform: scale(1.5);
}
.hv-escenario-img.hv-zoom-5 {
transform-origin: 68% 31%;
transform: scale(1.5);
}
.hv-punto {
z-index: 2;
color: #0a0a0a;
cursor: pointer;
background-color: #fafaf6;
border: 1px solid #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -13px;
text-decoration: none;
transition: transform .5s cubic-bezier(.2, .7, .2, 1), opacity .5s, background-color .2s, color .2s;
display: flex;
position: absolute;
box-shadow: 0 2px 8px #0a0a0a2e;
}
.hv-punto:hover {
transform: scale(1.12);
}
.hv-punto.hv-activo {
color: #f7f5ee;
background-color: #0a0a0a;
}
.hv-punto.hv-p1 {
top: 80%;
left: 25%;
}
.hv-punto.hv-p2 {
top: 61%;
left: 46%;
}
.hv-punto.hv-p3 {
top: 44%;
left: 71%;
}
.hv-punto.hv-p4 {
top: 78%;
left: 69%;
}
.hv-punto.hv-p5 {
top: 31%;
left: 68%;
}
.hv-punto.hv-oculto {
opacity: 0;
transform: scale(.4);
}
.hv-punto.hv-tenue {
opacity: 0;
pointer-events: none;
}
.hv-punto-num {
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.hv-punto-txt {
pointer-events: none;
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
padding: 4px 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
position: absolute;
top: 50%;
left: 32px;
transform: translate(0, -50%);
}
.hv-punto-txt.hv-izq {
left: auto;
right: 32px;
}
.hv-explica {
text-align: center;
max-width: 680px;
min-height: 63px;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
}
.hv-explica.hv-apilada {
grid-template-columns: 1fr;
display: grid;
}
.hv-explica-item {
color: #5f5e59;
grid-area: 1 / 1 / 2 / 2;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
transition: opacity .6s, transform .9s cubic-bezier(.2, .7, .2, 1);
}
.hv-explica-item.hv-apagado {
opacity: 0;
pointer-events: none;
transform: translate(0, 10px);
}
.hv-color-marco {
aspect-ratio: 1.5;
background-color: #ece6dc;
border-radius: 16px;
width: 100%;
max-width: 420px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.hv-color-foto {
object-fit: cover;
width: 100%;
height: 100%;
transition: opacity .9s, transform 1.4s cubic-bezier(.2, .7, .2, 1);
display: block;
position: absolute;
top: 0;
left: 0;
}
.hv-color-foto.hv-apagado {
opacity: 0;
transform: scale(1.06);
}
.hv-muestras {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 16px;
display: flex;
}
.hv-muestra {
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 999px;
align-items: center;
column-gap: 8px;
min-height: 44px;
padding: 0 16px 0 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: border-color .2s, background-color .2s;
display: inline-flex;
}
.hv-muestra:hover {
border-color: #0a0a0a;
}
.hv-muestra.hv-activo {
background-color: #fff;
border-color: #0a0a0a;
font-weight: 700;
}
.hv-muestra-punto {
border: 1px solid #0a0a0a26;
border-radius: 50%;
width: 14px;
height: 14px;
font-size: 1px;
line-height: 1px;
display: block;
overflow: hidden;
}
.hv-muestra-punto.hv-rojo {
background-color: #a3121c;
}
.hv-muestra-punto.hv-azul {
background-color: #1c7193;
}
.hv-muestra-punto.hv-rosa {
background-color: #e8b4c8;
}
.hv-tabla {
width: 100%;
}
.hv-fila {
border-bottom: 1px solid #e2dfd6;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr 1fr;
align-items: center;
gap: 2px 24px;
padding-top: 5px;
padding-bottom: 5px;
transition: opacity .6s, transform .7s cubic-bezier(.2, .7, .2, 1);
display: grid;
}
.hv-fila.hv-titulos {
border-bottom: 1px solid #0a0a0a;
align-items: stretch;
padding-top: 0;
padding-bottom: 12px;
}
.hv-fila.hv-comun {
border-bottom: 0 solid #e2dfd6;
padding-top: 10px;
}
.hv-fila.hv-oculto {
opacity: 0;
transform: translate(0, 16px);
}
.hv-fila-k {
color: #5f5e59;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.hv-fila-v {
color: #0a0a0a;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
.hv-fila-v.hv-ancho {
color: #5f5e59;
grid-column: 2 / 4;
font-size: 13px;
}
.hv-fila-v.hv-fuerte {
letter-spacing: .12em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
}
.hv-tabla-intro {
text-align: left;
align-self: end;
padding-right: 12px;
transition: opacity .8s, transform 1s cubic-bezier(.2, .7, .2, 1);
}
.hv-tabla-intro.hv-oculto {
opacity: 0;
transform: translate(0, 24px);
}
.hv-modelo {
text-align: center;
flex-direction: column;
align-items: center;
row-gap: 4px;
transition: opacity .8s, transform 1s cubic-bezier(.2, .7, .2, 1);
display: flex;
}
.hv-modelo.hv-oculto {
opacity: 0;
transform: translate(0, 40px);
}
.hv-modelo-nombre {
color: #0a0a0a;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
.hv-modelo-tipo {
color: #5f5e59;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-modelo-cifra {
color: #0a0a0a;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.hv-modelo-unidad {
color: #5f5e59;
margin-bottom: 4px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.4;
}
.hv-cuenta {
grid-template-rows: auto;
grid-template-columns: .9fr 1.3fr;
align-items: center;
gap: 28px 40px;
display: grid;
}
.hv-versus {
margin-top: 14px;
}
.hv-cuenta-sim {
width: 100%;
}
.hv-tarjetas {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px;
margin-top: 22px;
display: grid;
}
.hv-tarjetas.hv-revela.hv-d2.hv-tres {
grid-template-columns: 1fr 1fr 1fr;
}
.hv-tarjetas.hv-dos {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 880px;
margin-left: auto;
margin-right: auto;
}
.hv-tarjetas.tv2-uno {
grid-template-columns: 1fr;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.hv-tarjeta {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 8px;
padding: 20px 20px 16px;
transition: opacity .8s, transform .9s cubic-bezier(.2, .7, .2, 1), box-shadow .3s;
display: flex;
}
.hv-tarjeta:hover {
transform: translate(0, -6px);
box-shadow: 0 2px 6px #0a0a0a0f, 0 22px 48px #0a0a0a1f;
}
.hv-tarjeta.hv-destacada {
background-color: #fff;
border-color: #0a0a0a;
}
.hv-tarjeta.hv-oculto {
opacity: 0;
transform: translate(0, 56px);
}
.hv-tarjeta.hv-listo {
transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s;
}
.hv-tarjeta-etq {
color: #5f5e59;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-tarjeta-tit {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 1.25;
}
.hv-tarjeta-txt {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.5;
}
.hv-precios {
border-top: 1px solid #e2dfd6;
border-bottom: 1px solid #e2dfd6;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 8px;
padding-top: 8px;
padding-bottom: 8px;
display: grid;
}
.hv-precio-cifra {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.1;
}
.hv-precio-etq {
color: #5f5e59;
margin-top: 2px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.hv-enlace {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
align-items: center;
min-height: 44px;
margin-top: auto;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: opacity .2s;
display: inline-flex;
}
.hv-enlace:hover {
opacity: .65;
}
.hv-faq {
border-top: 1px solid #e2dfd6;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
column-gap: 40px;
margin-top: 20px;
display: grid;
}
.hv-faq-item {
border-bottom: 1px solid #e2dfd6;
}
.hv-faq-preg {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
column-gap: 16px;
min-height: 52px;
padding-top: 12px;
padding-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
list-style-type: none;
display: flex;
}
.hv-faq-mas {
color: #5f5e59;
flex-shrink: 0;
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.hv-faq-resp {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.55;
}
.hv-botones-centro {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 20px;
display: flex;
}
.hv-cierre-etq {
margin-top: 12px;
}
.hv-firma {
color: #5f5e59;
text-align: center;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 20px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
}
.hv-notas-lista {
color: #5f5e59;
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 6px 40px;
margin-top: 0;
margin-bottom: 0;
padding-left: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.45;
display: block;
}
.hv-barra {
z-index: 170;
background-color: #fafaf6f5;
border: 1px solid #e2dfd6;
border-radius: 10px;
justify-content: space-between;
align-items: center;
column-gap: 12px;
padding: 8px 8px 8px 16px;
transition: transform .5s cubic-bezier(.2, .7, .2, 1), opacity .4s;
display: none;
position: fixed;
bottom: 12px;
left: 12px;
right: 12px;
box-shadow: 0 12px 32px #0a0a0a24;
}
.hv-barra.hv-oculto {
opacity: 0;
pointer-events: none;
transform: translate(0, 140%);
}
.hv-barra-txt {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.hv-pagina {
background-color: #f7f5ee;
overflow-x: clip;
}
.rv-j-hero {
color: #0a0a0a;
background-color: #ece8de;
height: 600px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-hero-foto {
object-fit: cover;
object-position: 72% 50%;
width: 100%;
height: 100%;
transition: transform 3.2s cubic-bezier(.16, .84, .3, 1);
display: block;
position: absolute;
top: 0;
left: 0;
transform: scale(1);
}
.rv-j-hero-foto.is-lejos {
transform: scale(1.14);
}
.rv-j-hero-velo {
z-index: 1;
pointer-events: none;
background-image: linear-gradient(90deg, #f4f1eaf2 0%, #f4f1eadb 48%, #f4f1ea00 100%);
width: 66%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.rv-j-hero-env {
z-index: 2;
flex-direction: column;
justify-content: center;
max-width: 1280px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: relative;
}
.rv-j-hero-texto {
max-width: 520px;
}
.rv-j-linea {
margin-bottom: -.08em;
padding-bottom: .08em;
display: block;
overflow: hidden;
}
.rv-j-linea-in {
transition: transform 1s cubic-bezier(.2, .75, .15, 1);
display: block;
transform: translateY(0%);
}
.rv-j-linea-in.is-abajo {
transform: translateY(110%);
}
.rv-j-linea-in.is-d2 {
transition: transform 1s cubic-bezier(.2, .75, .15, 1) .16s;
}
.rv-j-tri-sec {
color: #0a0a0a;
background-color: #f4f1ea;
padding: 48px 40px;
font-family: Montserrat, sans-serif;
}
.rv-j-tri-grid {
grid-template-columns: 4fr 8fr;
align-items: center;
gap: 24px 48px;
display: grid;
}
.rv-j-tri-frase {
color: #0a0a0a;
letter-spacing: -.015em;
margin-top: 0;
margin-bottom: 12px;
font-size: 26px;
font-weight: 800;
line-height: 1.15;
}
.rv-j-tri {
border-radius: 4px;
position: relative;
overflow: hidden;
}
.rv-j-tri-img {
aspect-ratio: 21 / 9;
object-fit: cover;
object-position: 50% 70%;
width: 100%;
height: auto;
display: block;
}
.rv-j-tri-cortinas {
pointer-events: none;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0;
left: 0;
}
.rv-j-tri-cortinas.is-una {
grid-template-columns: 1fr;
}
.rv-j-cortina {
transform-origin: 100%;
background-color: #f4f1ea;
transition: transform 1.1s cubic-bezier(.7, 0, .2, 1);
transform: scaleX(0);
}
.rv-j-cortina.is-cerrada {
transform: scaleX(1);
}
.rv-j-cortina.is-claro {
background-color: #fafaf6;
}
.rv-j-cortina.is-tono {
background-color: #ece8de;
}
.rv-j-tri-pies {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 16px;
margin-top: 12px;
display: grid;
}
.rv-j-tri-pie {
color: #0a0a0a;
letter-spacing: .14em;
text-transform: uppercase;
border-top: 1px solid #0a0a0a;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
}
.rv-j-tri-n {
color: #77736a;
font-variant-numeric: tabular-nums;
margin-right: 8px;
}
.hv-d4 {
transition-delay: .45s;
}
.hv-d5 {
transition-delay: .75s;
}
.hv-d6 {
transition-delay: 1s;
}
.hv-mascara {
padding-bottom: 4px;
display: block;
overflow: hidden;
}
.hv-sube {
transition: transform 1.2s cubic-bezier(.16, 1, .3, 1) .35s;
}
.hv-sube.hv-oculto {
transform: translate(0, 115%);
}
.hv-moto {
flex-direction: column;
align-items: center;
width: 100%;
transition: transform 1.8s cubic-bezier(.16, 1, .3, 1), opacity 1.1s;
display: flex;
position: relative;
}
.hv-moto.hv-oculto {
opacity: 0;
transform: translate(-120%);
}
.hv-sombra {
background-image: radial-gradient(closest-side, #0a0a0a3d, #0a0a0a00);
border-radius: 50%;
width: 420px;
max-width: 90%;
height: 26px;
margin-top: -16px;
}
.hv-fijo {
width: 100%;
}
.hv-fijo.hv-pegado {
flex-direction: column;
justify-content: center;
height: 624px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: sticky;
top: 96px;
overflow: hidden;
}
.rv-j-dia {
color: #0a0a0a;
background-color: #ece8de;
font-family: Montserrat, sans-serif;
position: relative;
}
.rv-j-dia.is-largo {
height: 2800px;
}
.rv-j-dia-fijo {
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 48px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 56px 40px;
display: grid;
}
.rv-j-dia-fijo.is-fijo {
height: 600px;
padding-top: 32px;
padding-bottom: 32px;
position: sticky;
top: 96px;
}
.rv-j-reloj {
color: #0a0a0a;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
margin-top: 8px;
margin-bottom: 18px;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.rv-j-dia-pasos {
position: relative;
}
.rv-j-dia-pasos.is-apilado {
min-height: 128px;
}
.rv-j-dia-paso {
opacity: 1;
border-top: 2px solid #0a0a0a;
margin-bottom: 16px;
padding-top: 12px;
transition: opacity .5s, transform .5s;
transform: translateY(0);
}
.rv-j-dia-paso.is-apilado {
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.rv-j-dia-paso.is-oculta {
opacity: 0;
pointer-events: none;
transform: translateY(14px);
}
.rv-j-dia-hora {
color: #77736a;
letter-spacing: .08em;
font-variant-numeric: tabular-nums;
margin-bottom: 6px;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
}
.rv-j-dia-progreso {
margin-top: 20px;
}
.rv-j-dia-pista {
background-color: #cfc9bb;
height: 2px;
position: relative;
}
.rv-j-dia-fill {
background-color: #0a0a0a;
width: 100%;
height: 2px;
transition: width .45s cubic-bezier(.2, .7, .2, 1);
position: absolute;
top: 0;
left: 0;
}
.rv-j-dia-fill.is-f0 {
width: 0%;
}
.rv-j-dia-fill.is-f1 {
width: 10%;
}
.rv-j-dia-fill.is-f2 {
width: 20%;
}
.rv-j-dia-fill.is-f3 {
width: 30%;
}
.rv-j-dia-fill.is-f4 {
width: 40%;
}
.rv-j-dia-fill.is-f5 {
width: 50%;
}
.rv-j-dia-fill.is-f6 {
width: 60%;
}
.rv-j-dia-fill.is-f7 {
width: 70%;
}
.rv-j-dia-fill.is-f8 {
width: 80%;
}
.rv-j-dia-fill.is-f9 {
width: 90%;
}
.rv-j-dia-fill.is-f10 {
width: 100%;
}
.rv-j-dia-marcas {
justify-content: space-between;
margin-top: 8px;
display: flex;
}
.rv-j-dia-marca {
color: #77736a;
letter-spacing: .06em;
font-variant-numeric: tabular-nums;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
transition: color .3s;
}
.rv-j-dia-marca.is-activa {
color: #0a0a0a;
}
.rv-j-dia-fotos {
aspect-ratio: 4 / 3;
background-color: #dcd7cb;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.rv-j-dia-foto {
opacity: 0;
object-fit: cover;
width: 100%;
height: 100%;
transition: opacity .9s, transform 1.6s cubic-bezier(.2, .7, .2, 1);
display: block;
position: absolute;
top: 0;
left: 0;
transform: scale(1.06);
}
.rv-j-dia-foto.is-activa {
opacity: 1;
transform: scale(1);
}
.hv-color-nombre {
color: #0a0a0a;
text-align: center;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
transition: opacity .35s, transform .35s;
}
.hv-color-nombre.hv-cambia {
opacity: 0;
transform: translate(0, 8px);
}
.rv-j-marco {
aspect-ratio: 1;
background-color: #dcd7cb;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.rv-j-marco.is-43 {
aspect-ratio: 4 / 3;
margin-top: 20px;
}
.rv-j-para-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 116%;
transition: transform .9s cubic-bezier(.2, .7, .2, 1);
display: block;
position: absolute;
top: -8%;
left: 0;
transform: translateY(0%);
}
.rv-j-para-img.is-pa0 {
transform: translateY(-6%);
}
.rv-j-para-img.is-pa1 {
transform: translateY(-3%);
}
.rv-j-para-img.is-pa2 {
transform: translateY(0%);
}
.rv-j-para-img.is-pa3 {
transform: translateY(3%);
}
.rv-j-para-img.is-pa4 {
transform: translateY(6%);
}
.hv-gasto {
grid-template-columns: 1fr;
row-gap: 10px;
margin-top: 14px;
display: grid;
}
.rv-j-dato-grid {
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 56px;
display: grid;
}
.hv-gasto-fila {
grid-template-columns: 120px 1fr 132px;
align-items: center;
column-gap: 12px;
display: grid;
}
.rv-j-dato-medidor {
border-top: 1px solid #0a0a0a;
grid-template-columns: 1fr 1fr;
gap: 20px 32px;
margin-top: 18px;
padding-top: 18px;
display: grid;
}
.hv-gasto-k {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.hv-gasto-pista {
background-color: #ece8de;
border-radius: 999px;
height: 10px;
overflow: hidden;
}
.hv-gasto-relleno {
transform-origin: 0%;
background-color: #b5ae9f;
border-radius: 999px;
height: 100%;
transition: transform 1.8s cubic-bezier(.2, .7, .2, 1);
}
.hv-gasto-relleno.hv-gas {
width: 100%;
}
.hv-gasto-relleno.hv-luz {
background-color: #1f1f1f;
width: 5.4%;
min-width: 6px;
transition-delay: .6s;
}
.hv-gasto-relleno.hv-oculto {
transform: scale(0, 1);
}
.rv-j-dato-num {
color: #0a0a0a;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.rv-j-ver-grid {
grid-template-columns: 1fr 1fr;
gap: 20px 24px;
display: grid;
}
.rv-j-ver-col {
opacity: 1;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 4px;
padding: 16px 24px 20px;
transition: opacity 1.1s cubic-bezier(.2, .7, .2, 1), transform 1.1s cubic-bezier(.2, .7, .2, 1);
transform: translateX(0);
}
.rv-j-ver-col.is-izq {
opacity: 0;
transform: translateX(-64px);
}
.rv-j-ver-col.is-der {
opacity: 0;
transform: translateX(64px);
}
.hv-gasto-v {
color: #0a0a0a;
text-align: right;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
}
.rv-j-ver-img {
object-fit: contain;
width: 100%;
height: 180px;
margin-bottom: 8px;
display: block;
}
.rv-j-ver-fila {
border-top: 1px solid #dcd7cb;
justify-content: space-between;
align-items: flex-end;
column-gap: 12px;
padding-top: 12px;
display: flex;
}
.rv-j-ver-km {
color: #0a0a0a;
text-align: right;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.rv-j-ver-unidad {
letter-spacing: 0;
margin-left: 4px;
font-size: 18px;
font-weight: 700;
}
.rv-j-ver-comun {
border-top: 1px solid #0a0a0a;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 14px 20px;
margin-top: 20px;
padding-top: 14px;
display: grid;
}
.rv-j-cierre {
color: #0a0a0a;
background-color: #ece8de;
height: 460px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-cierre-foto {
object-fit: cover;
object-position: 70% 50%;
width: 100%;
height: 100%;
transition: transform 6s cubic-bezier(.16, .84, .3, 1);
display: block;
position: absolute;
top: 0;
left: 0;
transform: scale(1);
}
.rv-j-cierre-foto.is-lejos {
transform: scale(1.16);
}
.hv-carril {
border-bottom: 1px solid #d9d4c7;
width: 100%;
height: 88px;
margin-bottom: 12px;
position: relative;
overflow: hidden;
}
.hv-viajera {
width: 118px;
height: auto;
transition: left .8s cubic-bezier(.2, .7, .2, 1), transform .8s cubic-bezier(.2, .7, .2, 1);
display: block;
position: absolute;
bottom: -2px;
left: 50%;
transform: translate(-50%);
}
.hv-viajera.hv-x0 {
left: 0%;
transform: translate(0%);
}
.hv-viajera.hv-x1 {
left: 10%;
transform: translate(-10%);
}
.hv-viajera.hv-x2 {
left: 20%;
transform: translate(-20%);
}
.hv-viajera.hv-x3 {
left: 30%;
transform: translate(-30%);
}
.hv-viajera.hv-x4 {
left: 40%;
transform: translate(-40%);
}
.hv-viajera.hv-x5 {
left: 50%;
transform: translate(-50%);
}
.hv-viajera.hv-x6 {
left: 60%;
transform: translate(-60%);
}
.hv-viajera.hv-x7 {
left: 70%;
transform: translate(-70%);
}
.hv-viajera.hv-x8 {
left: 80%;
transform: translate(-80%);
}
.hv-viajera.hv-x9 {
left: 90%;
transform: translate(-90%);
}
.hv-viajera.hv-x10 {
left: 100%;
transform: translate(-100%);
}
.hv-viajera.hv-x-grande {
width: 250px;
transition: left 1.1s cubic-bezier(.25, .6, .25, 1), transform 1.1s cubic-bezier(.25, .6, .25, 1);
bottom: 11px;
}
.hv-estacion {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px 28px;
margin-top: 8px;
display: flex;
}
.hv-estaciona {
width: 168px;
height: auto;
transition: transform 2.2s cubic-bezier(.16, 1, .3, 1), opacity 1s;
display: block;
}
.hv-estaciona.hv-oculto {
opacity: 0;
transform: translate(-340%);
}
.hv-estaciona.hv-x-garaje {
width: 210px;
position: relative;
}
.rv-j-heroz {
color: #0a0a0a;
background-color: #f4f1ea;
padding: 24px 40px 0;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-heroz-panel {
background-color: #e9e1d3;
border-radius: 6px;
justify-content: flex-end;
max-width: 1200px;
height: 480px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.rv-j-heroz-img {
object-fit: cover;
object-position: 40% 50%;
width: 66%;
height: 100%;
transition: transform 7s cubic-bezier(.2, .6, .2, 1);
position: absolute;
top: 0;
left: 0;
right: auto;
transform: scale(1);
}
.rv-j-heroz-img.is-lejos {
transition: none;
transform: scale(1.12);
}
.rv-j-heroz-velo {
pointer-events: none;
background-image: linear-gradient(270deg, #e9e1d3 0%, #e9e1d300 100%);
width: 20%;
position: absolute;
top: 0;
bottom: 0;
left: 46%;
}
.rv-j-heroz-txt {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 36%;
height: 100%;
padding: 0 48px 0 16px;
display: flex;
position: relative;
}
.rv-j-via {
max-width: 1200px;
height: 96px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.rv-j-via.is-cruce {
margin-top: 12px;
}
.rv-j-via-linea {
transform-origin: 0%;
border-top: 2px dashed #c9c2b2;
height: 2px;
transition: transform 1.4s cubic-bezier(.2, .7, .2, 1);
position: absolute;
bottom: 10px;
left: 0;
right: 0;
transform: scaleX(1);
}
.rv-j-via-linea.is-corta {
transform: scaleX(0);
}
.rv-j-app {
color: #0a0a0a;
background-color: #f4f1ea;
height: 1700px;
padding: 40px 0 0;
font-family: Montserrat, sans-serif;
position: relative;
}
.rv-j-app-pegado {
grid-template-rows: auto;
grid-template-columns: 1fr 250px 1fr;
align-items: center;
column-gap: 56px;
height: 520px;
padding: 0 40px;
display: grid;
position: sticky;
top: 112px;
overflow: hidden;
}
.rv-j-app-izq {
z-index: 2;
justify-self: end;
width: 100%;
max-width: 400px;
position: relative;
}
.rv-j-app-paso {
opacity: 1;
border-top: 1px solid #dcd7cb;
align-items: flex-start;
column-gap: 16px;
padding: 14px 0;
transition: opacity .5s, transform .5s;
display: flex;
transform: translateX(0);
}
.rv-j-app-paso.is-tenue {
opacity: .28;
transform: translateX(-6px);
}
.rv-j-app-n {
color: #0a0a0a;
letter-spacing: .12em;
flex: 0 0 28px;
margin-top: 3px;
margin-bottom: 0;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
}
.rv-j-app-ptxt {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.35;
}
.rv-j-app-nota {
color: #77736a;
margin-top: 14px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.rv-j-tel {
z-index: 2;
background-color: #1d1d1f;
border-radius: 46px;
width: 250px;
height: 520px;
padding: 9px;
position: relative;
box-shadow: 0 40px 70px -30px #281e0f73, 0 0 0 1px #3a3a3c;
}
.rv-j-tel-boton {
background-color: #2c2c2e;
border-radius: 2px;
width: 3px;
height: 64px;
position: absolute;
top: 120px;
right: -3px;
}
.rv-j-tel-pantalla {
background-color: #f4f1ea;
border-radius: 38px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.rv-j-tel-isla {
z-index: 3;
background-color: #0b0b0b;
border-radius: 14px;
width: 76px;
height: 22px;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.rv-j-pantalla {
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .9s cubic-bezier(.2, .75, .2, 1), opacity .9s;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transform: translateY(0%)scale(1);
}
.rv-j-pantalla.is-abajo {
transform: translateY(104%);
}
.rv-j-pantalla.is-pasada {
opacity: .35;
transform: translateY(-8%)scale(.94);
}
.rv-j-inc {
color: #0a0a0a;
background-color: #ece8de;
padding: 56px 40px 20px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-inc-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 16px;
margin-top: 32px;
display: grid;
}
.rv-j-inc-item {
opacity: 1;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
flex-direction: column;
align-items: center;
row-gap: 14px;
padding: 28px 8px 24px;
transition: opacity .5s, transform .5s;
display: flex;
transform: translateY(0);
}
.rv-j-inc-item.is-tenue {
opacity: .3;
transform: translateY(8px);
}
.rv-j-inc-icono {
color: #0a0a0a;
width: 36px;
height: 36px;
}
.rv-j-inc-txt {
color: #0a0a0a;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.rv-j-carga {
color: #0a0a0a;
background-color: #f4f1ea;
padding: 64px 40px;
font-family: Montserrat, sans-serif;
position: relative;
}
.rv-j-carga-grid {
grid-template-rows: auto;
grid-template-columns: 7fr 5fr;
align-items: center;
gap: 28px 56px;
display: grid;
}
.rv-j-carga-media {
aspect-ratio: 16 / 9;
background-color: #e9e1d3;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.rv-j-carga-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
transition: transform 6s cubic-bezier(.2, .6, .2, 1);
display: block;
transform: scale(1);
}
.rv-j-carga-img.is-lejos {
transition: none;
transform: scale(1.12);
}
.rv-j-carga-num {
color: #0a0a0a;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
margin-top: 8px;
font-size: 48px;
font-weight: 800;
line-height: 1;
}
.rv-j-ver {
color: #0a0a0a;
background-color: #fafaf6;
padding: 48px 40px 40px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-ver-grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 32px 48px;
margin-top: 20px;
display: grid;
}
.rv-j-ver-col-1 {
border-bottom: 1px solid #dcd7cb;
flex-direction: column;
padding-bottom: 14px;
display: flex;
}
.rv-j-ver-foto {
justify-content: center;
align-items: flex-end;
height: 290px;
display: flex;
}
.rv-j-ver-moto {
opacity: 1;
object-fit: contain;
width: 100%;
max-width: 440px;
height: auto;
max-height: 290px;
transition: transform 1.4s cubic-bezier(.2, .75, .2, 1), opacity 1.4s;
transform: translateX(0%);
}
.rv-j-ver-moto.is-antes {
opacity: 0;
transform: translateX(-50%);
}
.rv-j-ver-moto.is-despues {
opacity: 0;
transform: translateX(50%);
}
.rv-j-ver-dato {
justify-content: space-between;
align-items: baseline;
column-gap: 16px;
margin-top: 16px;
margin-bottom: 6px;
display: flex;
}
.rv-j-ver-km-1 {
color: #0a0a0a;
letter-spacing: -.03em;
font-variant-numeric: tabular-nums;
font-size: 48px;
font-weight: 800;
line-height: 1;
}
.rv-j-fin {
color: #0a0a0a;
background-color: #ece8de;
padding: 56px 40px 40px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: hidden;
}
.rv-j-fin-grid {
grid-template-rows: auto;
grid-template-columns: 7fr 5fr;
align-items: end;
gap: 24px 48px;
display: grid;
}
.hv-portada-texto {
z-index: 2;
text-align: center;
flex-direction: column;
align-items: center;
width: 380px;
max-width: 100%;
display: flex;
position: relative;
}
.hv-pano {
z-index: 0;
object-fit: cover;
object-position: 50% 70%;
width: 113%;
max-width: none;
height: 100%;
transition: transform 2.4s cubic-bezier(.16, 1, .3, 1), opacity 1.2s;
display: block;
position: absolute;
top: 0;
left: -13%;
}
.hv-pano.hv-oculto {
opacity: 1;
}
.hv-pano.hv-pano--h27, .hv-pano.hv-pano--t27 {
width: auto;
left: auto;
right: 0;
}
.hv-pano.hv-pano--tar {
object-position: 70% 50%;
width: 100%;
left: 0%;
}
.hv-banda {
text-align: center;
background-color: #efe9df;
flex-direction: column;
align-items: center;
height: 560px;
padding-top: 44px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.hv-banda-img {
z-index: 0;
object-fit: cover;
object-position: 50% 72%;
width: 100%;
height: 100%;
transition: transform 2s cubic-bezier(.16, 1, .3, 1), opacity 1s;
display: block;
position: absolute;
top: 0;
left: 0;
}
.hv-banda-img.hv-oculto {
opacity: 0;
transform: scale(1.1);
}
.hv-banda-img.hv-banda-img--perfil {
object-fit: contain;
object-position: 50% 100%;
height: 300px;
top: auto;
bottom: 20px;
}
.hv-banda-texto {
z-index: 2;
flex-direction: column;
align-items: center;
max-width: 620px;
display: flex;
position: relative;
}
.tv-pagina {
color: #0a0a0a;
background-color: #fff;
font-family: Montserrat, sans-serif;
position: relative;
}
.tv-ciudad {
background-color: #e9e2d6;
align-items: flex-end;
height: 560px;
padding: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.tv-ciudad-img {
z-index: 0;
object-fit: cover;
object-position: 60% 60%;
width: 100%;
max-width: none;
height: 100%;
transition: transform 2.4s cubic-bezier(.16, 1, .3, 1), opacity 1.2s;
position: absolute;
top: 0;
left: 0;
}
.tv-ciudad-img.tv-oculto {
opacity: 0;
transform: translate(6%)scale(1.12);
}
.tv-placa {
z-index: 1;
background-color: #fafaf6ed;
border-radius: 14px;
width: 480px;
padding: 24px 28px;
transition: transform 1.2s cubic-bezier(.2, .7, .2, 1) .5s, opacity 1s .5s;
position: relative;
box-shadow: 0 18px 48px #0a0a0a24;
}
.tv-placa.tv-oculto {
opacity: 0;
transform: translate(-40px, 40px);
}
.tv-eyebrow {
color: #5f5e59;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
}
.tv-nombre {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 48px;
}
.tv-lema {
color: #0a0a0a;
margin-top: 4px;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
}
.tv-precio {
color: #5f5e59;
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
font-size: 13px;
line-height: 1.4;
display: flex;
}
.tv-precio-num {
color: #0a0a0a;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.tv-etiquetas {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 10px;
display: flex;
}
.tv-etiqueta {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #eceae2;
border-radius: 4px;
align-items: center;
padding: 6px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.2;
display: inline-flex;
}
.tv-botones {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 16px;
display: flex;
}
.tv-boton {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #1f1f1f;
border: 1px solid #1f1f1f;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 22px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .2s, transform .2s;
display: inline-flex;
}
.tv-boton:hover {
background-color: #0a0a0a;
transform: translate(0, -2px);
}
.tv-boton.tv-chico {
min-height: 40px;
padding: 10px 14px;
font-size: 11px;
}
.tv-boton-linea {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 22px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .2s, color .2s;
display: inline-flex;
}
.tv-boton-linea:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.tv-micro {
color: #6f6b62;
margin-top: 12px;
font-size: 12px;
line-height: 1.5;
}
.tv-cruce {
background-color: #f0ede4;
height: 150px;
position: relative;
overflow: hidden;
}
.tv-calle {
background-color: #e2ddd2;
width: 120%;
height: 58px;
position: absolute;
top: 56px;
left: -10%;
transform: rotate(-4deg);
}
.tv-calle.tv-calle-sube {
transform: rotate(4deg);
}
.tv-calle-linea {
border-top: 2px dashed #f7f5ee;
position: absolute;
top: 28px;
left: 0;
right: 0;
}
.tv-cruza {
width: 132px;
max-width: none;
height: auto;
transition: left .9s cubic-bezier(.2, .7, .2, 1);
position: absolute;
bottom: 16px;
left: 50%;
transform: translate(-50%);
}
.tv-cruza.tv-x0 {
left: 8%;
}
.tv-cruza.tv-x1 {
left: 16.4%;
}
.tv-cruza.tv-x2 {
left: 24.8%;
}
.tv-cruza.tv-x3 {
left: 33.2%;
}
.tv-cruza.tv-x4 {
left: 41.6%;
}
.tv-cruza.tv-x5 {
left: 50%;
}
.tv-cruza.tv-x6 {
left: 58.4%;
}
.tv-cruza.tv-x7 {
left: 66.8%;
}
.tv-cruza.tv-x8 {
left: 75.2%;
}
.tv-cruza.tv-x9 {
left: 83.6%;
}
.tv-cruza.tv-x10 {
left: 92%;
}
.tv-sec {
background-color: #fff;
padding: 48px 40px;
position: relative;
}
.tv-sec.tv-hueso {
background-color: #f0ede4;
}
.tv-sec.tv-gris {
background-color: #eceae2;
}
.tv-sec.tv-largo {
height: 2000px;
padding: 0;
}
.tv-env {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.tv-cifras-grid {
grid-template-rows: auto;
grid-template-columns: 4fr 8fr;
align-items: start;
gap: 28px 40px;
display: grid;
}
.tv-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.tv-texto {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.tv-escalera {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 20px;
display: grid;
}
.tv-cifra {
border-top: 2px solid #0a0a0a;
padding-top: 14px;
}
.tv-cifra.tv-e2 {
margin-top: 28px;
}
.tv-cifra.tv-e3 {
margin-top: 56px;
}
.tv-cifra.tv-e4 {
margin-top: 84px;
}
.tv-cifra-num {
color: #0a0a0a;
letter-spacing: -.02em;
white-space: nowrap;
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.tv-cifra-uni {
color: #5f5e59;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 8px;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tv-revela {
transition: opacity .8s, transform .9s cubic-bezier(.2, .7, .2, 1);
}
.tv-revela.tv-oculto {
opacity: 0;
transform: translate(0, 24px);
}
.tv-legal {
color: #6f6b62;
margin-top: 20px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.tv-fijo {
position: relative;
}
.tv-fijo.tv-pegado {
flex-direction: column;
justify-content: center;
height: 624px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: sticky;
top: 96px;
}
.tv-reco {
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 48px;
display: grid;
}
.tv-pasos {
flex-direction: column;
row-gap: 4px;
margin-top: 18px;
display: flex;
}
.tv-paso {
cursor: pointer;
border-left: 2px solid #0a0a0a;
grid-template-rows: auto;
grid-template-columns: 40px 1fr;
column-gap: 10px;
padding: 10px 14px;
transition: opacity .5s, border-color .5s;
display: grid;
}
.tv-paso.tv-tenue {
opacity: .38;
border-left-color: #d9d4c7;
}
.tv-paso-num {
color: #5f5e59;
letter-spacing: .12em;
padding-top: 3px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.tv-paso-tit {
color: #0a0a0a;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.tv-paso-txt {
color: #5f5e59;
margin-top: 2px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.tv-escena {
height: 440px;
position: relative;
}
.tv-escena-moto {
object-fit: contain;
object-position: 50% 60%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.tv-lente {
background-color: #f0ede4;
border: 4px solid #fff;
border-radius: 50%;
width: 180px;
height: 180px;
margin-top: -90px;
margin-left: -90px;
transition: left .8s cubic-bezier(.2, .7, .2, 1), top .8s cubic-bezier(.2, .7, .2, 1);
position: absolute;
top: 72%;
left: 22%;
overflow: hidden;
box-shadow: 0 16px 40px #0a0a0a38;
}
.tv-lente.tv-l1 {
top: 72%;
left: 22%;
}
.tv-lente.tv-l2 {
top: 58%;
left: 50%;
}
.tv-lente.tv-l3 {
top: 26%;
left: 42%;
}
.tv-lente.tv-l4 {
top: 34%;
left: 80%;
}
.tv-lente-img {
max-width: none;
height: auto;
transition: opacity .5s;
position: absolute;
}
.tv-lente-img.tv-z1 {
width: 240%;
top: -65%;
left: -29%;
}
.tv-lente-img.tv-z2 {
width: 300%;
top: -63%;
left: -100%;
}
.tv-lente-img.tv-z3 {
width: 80%;
top: -2%;
left: 10%;
}
.tv-lente-img.tv-z4 {
width: 200%;
top: -1%;
left: -22%;
}
.tv-lente-img.tv-apagado {
opacity: 0;
}
.tv-ver {
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: stretch;
gap: 20px 32px;
margin-top: 12px;
display: grid;
}
.tv-ver-marco {
background-color: #e9e3d8;
border-radius: 14px;
min-height: 360px;
position: relative;
overflow: hidden;
}
.tv-ver-img {
object-fit: cover;
object-position: 45% 60%;
width: 100%;
max-width: none;
height: 100%;
transition: transform 1.6s cubic-bezier(.16, 1, .3, 1), opacity 1s;
position: absolute;
top: 0;
left: 0;
}
.tv-ver-img.tv-oculto {
opacity: 0;
transform: scale(1.08);
}
.tv-tabla {
flex-direction: column;
display: flex;
}
.tv-fila {
border-bottom: 1px solid #e2dfd6;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
gap: 2px 20px;
padding-top: 6px;
padding-bottom: 6px;
display: grid;
}
.tv-fila.tv-cabeza {
border-bottom: 1px solid #0a0a0a;
align-items: end;
padding-top: 0;
padding-bottom: 12px;
}
.tv-fila.tv-comun {
border-bottom: 0 solid #e2dfd6;
padding-top: 10px;
}
.tv-fila-k {
color: #5f5e59;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tv-fila-v {
color: #0a0a0a;
font-size: 14px;
line-height: 1.4;
}
.tv-fila-v.tv-ancho {
grid-column-start: span 2;
}
.tv-fila-v.tv-fuerte {
text-transform: none;
font-weight: 800;
}
.tv-modelo {
flex-direction: column;
align-items: flex-start;
row-gap: 4px;
display: flex;
}
.tv-modelo-tipo {
color: #5f5e59;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.tv-modelo-precio {
color: #0a0a0a;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.tv-modelo-iva {
color: #6f6b62;
font-size: 11px;
line-height: 1.3;
}
.tv-color {
grid-template-rows: auto;
grid-template-columns: 7fr 5fr;
align-items: center;
gap: 24px 48px;
display: grid;
}
.tv-color-escena {
height: 400px;
position: relative;
}
.tv-color-moto {
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
transition: opacity .8s, transform 1s cubic-bezier(.2, .7, .2, 1);
position: absolute;
top: 0;
left: 0;
}
.tv-color-moto.tv-apagado {
opacity: 0;
transform: translate(-40px);
}
.tv-color-nombre {
color: #0a0a0a;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 18px;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
}
.tv-muestras {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
display: flex;
}
.tv-muestra {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2dfd6;
border-radius: 999px;
align-items: center;
column-gap: 10px;
padding: 7px 14px 7px 7px;
font-size: 11px;
font-weight: 700;
line-height: 1;
transition: border-color .3s, box-shadow .3s;
display: inline-flex;
}
.tv-muestra.tv-activo {
border-color: #0a0a0a;
box-shadow: 0 6px 18px #0a0a0a1f;
}
.tv-punto-color {
border: 1px solid #0a0a0a2e;
border-radius: 50%;
width: 24px;
height: 24px;
display: block;
}
.tv-punto-color.tv-plata {
background-image: linear-gradient(135deg, #eceef1, #9aa0a8);
}
.tv-punto-color.tv-grafito {
background-image: linear-gradient(135deg, #70737a, #2c2e31);
}
.tv-detalle {
background-color: #eceae2;
border-radius: 12px;
width: 100%;
height: 150px;
margin-top: 18px;
position: relative;
overflow: hidden;
}
.tv-detalle-img {
object-fit: cover;
object-position: 40% 35%;
width: 100%;
max-width: none;
height: 100%;
transition: opacity .8s;
position: absolute;
top: 0;
left: 0;
}
.tv-detalle-img.tv-apagado {
opacity: 0;
}
.tv-cuenta {
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
gap: 24px 40px;
display: grid;
}
.tv-mini {
margin-top: 18px;
}
.tv-cuenta-sim {
min-width: 0;
}
.tv-tarjetas {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: start;
gap: 16px;
margin-top: 20px;
display: grid;
}
.tv-tarjeta {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 12px;
flex-direction: column;
row-gap: 8px;
padding: 20px 20px 18px;
transition: opacity .8s, transform .9s cubic-bezier(.2, .7, .2, 1), box-shadow .3s;
display: flex;
}
.tv-tarjeta:hover {
box-shadow: 0 2px 6px #0a0a0a0f, 0 22px 48px #0a0a0a1f;
}
.tv-tarjeta.tv-e2 {
margin-top: 16px;
}
.tv-tarjeta.tv-e3 {
margin-top: 32px;
}
.tv-tarjeta.tv-e4 {
margin-top: 48px;
}
.tv-tarjeta-etq {
color: #6f6b62;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tv-tarjeta-tit {
color: #0a0a0a;
font-size: 17px;
font-weight: 800;
line-height: 1.25;
}
.tv-tarjeta-txt {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.tv-tarifas {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 8px;
display: grid;
}
.tv-tarifa-num {
color: #0a0a0a;
font-size: 22px;
font-weight: 800;
line-height: 1.1;
}
.tv-tarifa-etq {
color: #6f6b62;
font-size: 11px;
line-height: 1.4;
}
.tv-enlace {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 4px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
}
.tv-enlace:hover {
text-decoration: underline;
}
.tv-dudas {
grid-template-rows: auto;
grid-template-columns: 4fr 8fr;
align-items: start;
gap: 20px 48px;
display: grid;
}
.tv-faq {
border-top: 1px solid #e2dfd6;
}
.tv-faq-item {
border-bottom: 1px solid #e2dfd6;
}
.tv-faq-preg {
color: #0a0a0a;
cursor: pointer;
justify-content: space-between;
align-items: center;
column-gap: 16px;
min-height: 50px;
padding-top: 12px;
padding-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
list-style-type: none;
display: flex;
}
.tv-faq-mas {
color: #5f5e59;
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.tv-faq-resp {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.55;
}
.tv-cierre {
grid-template-rows: auto;
grid-template-columns: 6fr 5fr;
align-items: center;
gap: 24px 40px;
display: grid;
}
.tv-estacion {
height: 320px;
position: relative;
overflow: hidden;
}
.tv-banqueta {
background-color: #e2ddd2;
border-top: 3px solid #d4cec1;
height: 14px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.tv-estaciona {
width: 440px;
max-width: 100%;
height: auto;
transition: transform 2.2s cubic-bezier(.16, 1, .3, 1), opacity .9s;
position: absolute;
bottom: 8px;
right: 0;
}
.tv-estaciona.tv-oculto {
opacity: 0;
transform: translate(-130%);
}
.tv-firma {
color: #0a0a0a;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 20px;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
}
.tv-legales {
color: #6f6b62;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 8px 32px;
margin-top: 8px;
margin-bottom: 0;
padding-left: 18px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
display: grid;
}
.tv-barra {
z-index: 170;
background-color: #fafaf6f5;
border: 1px solid #e2dfd6;
border-radius: 10px;
justify-content: space-between;
align-items: center;
column-gap: 12px;
padding: 8px 8px 8px 16px;
transition: transform .5s cubic-bezier(.2, .7, .2, 1), opacity .4s;
display: none;
position: fixed;
bottom: 12px;
left: 12px;
right: 12px;
box-shadow: 0 12px 32px #0a0a0a24;
}
.tv-barra.tv-oculto {
opacity: 0;
pointer-events: none;
transform: translate(0, 140%);
}
.tv-barra-txt {
color: #0a0a0a;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
}
.hv-m-sec {
background-color: #ebe7de;
background-image: linear-gradient(#f4f1ea 0%, #e8e3d8 100%);
padding: 40px;
position: relative;
overflow: hidden;
}
.hv-m-caja {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hv-m-entra {
transition: opacity .9s, transform .9s cubic-bezier(.2, .7, .2, 1);
}
.hv-m-entra.hv-m-oculto {
opacity: 0;
transform: translate(0, 28px);
}
.hv-m-sello {
color: #0a0a0a;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #b9b4a7;
border-radius: 999px;
margin-bottom: 16px;
padding: 7px 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
display: inline-block;
}
.hv-m-sello.hv-m-sobre {
z-index: 1;
margin-bottom: 0;
position: absolute;
top: 14px;
left: 14px;
box-shadow: 0 6px 16px #0a0a0a1f;
}
.hv-m-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.hv-m-subtitulo {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.15;
}
.hv-m-texto {
color: #5f5e59;
max-width: 540px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.hv-m-cita {
color: #0a0a0a;
border-left: 2px solid #0a0a0a;
margin-top: 14px;
margin-bottom: 0;
padding-left: 12px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 1.45;
}
.hv-m-cifras {
border-top: 1px solid #cfc9bc;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px 20px;
margin-top: 20px;
padding-top: 14px;
display: grid;
}
.hv-m-cifras.hv-m-dos {
grid-template-columns: 1fr 1fr;
}
.hv-m-num {
color: #0a0a0a;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.hv-m-apoyo {
color: #6f6b62;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.hv-m-nota {
color: #6f6b62;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.hv-m-botones {
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 22px;
display: flex;
}
.hv-btn-grad {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-flex;
}
.hv-btn-grad:hover {
color: #0a0a0a;
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.hv-btn-grad.hv-d-ancho {
width: 100%;
margin-top: auto;
}
.hv-btn-linea {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-flex;
}
.hv-btn-linea:hover {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a1f;
}
.hv-m-boton {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
padding: 14px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-block;
}
.hv-m-boton:hover {
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.hv-m-boton-linea {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
padding: 14px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-block;
}
.hv-m-boton-linea:hover {
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a1f;
}
.hv-m-bat {
grid-template-columns: 1.05fr 1fr;
align-items: center;
gap: 28px 56px;
display: grid;
}
.hv-m-galeria {
position: relative;
}
.hv-m-marco {
background-color: #d9d4c8;
border-radius: 18px;
height: 440px;
position: relative;
overflow: hidden;
}
.hv-m-foto {
opacity: 0;
transition: opacity .9s;
position: absolute;
inset: 0;
}
.hv-m-foto.hv-m-activa {
opacity: 1;
}
.hv-m-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
display: block;
}
.hv-m-img.hv-m-pos-casa {
object-position: 30% 62%;
}
.hv-m-img.hv-m-pos-examen {
object-position: 50% 50%;
}
.hv-m-pie {
color: #0a0a0a;
background-color: #f0ede4eb;
border-radius: 999px;
padding: 8px 12px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
position: absolute;
bottom: 16px;
left: 16px;
}
.hv-m-chips {
justify-content: center;
gap: 8px;
margin-top: 12px;
display: flex;
}
.hv-m-chip {
color: #5f5e59;
cursor: pointer;
background-color: #0000;
border: 1px solid #cfc9bc;
border-radius: 999px;
padding: 8px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: background-color .25s, color .25s, border-color .25s;
}
.hv-m-chip:hover {
color: #0a0a0a;
border-color: #0a0a0a;
}
.hv-m-chip.hv-m-activa {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border-color: #0a0a0a;
}
.hv-m-escalera {
margin-top: 22px;
}
.hv-m-escalera-tit {
color: #5f5e59;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.hv-m-peldanos {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
align-items: end;
column-gap: 8px;
display: grid;
}
.hv-m-peldano {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.hv-m-valor {
color: #0a0a0a;
white-space: nowrap;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.hv-m-barra {
transform-origin: 50% 100%;
background-color: #d6d0c3;
border-radius: 6px 6px 2px 2px;
height: 16px;
transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}
.hv-m-barra.hv-m-n1 {
height: 14px;
}
.hv-m-barra.hv-m-n2 {
height: 30px;
}
.hv-m-barra.hv-m-n3 {
height: 46px;
}
.hv-m-barra.hv-m-n4 {
height: 62px;
}
.hv-m-barra.hv-m-n5 {
background-color: #cfcbc0;
background-image: linear-gradient(#e3dfd3 0%, #a9a396 100%);
border: 1px solid #0a0a0a;
height: 96px;
}
.hv-m-barra.hv-m-plana {
transform: scale(1, .06);
}
.hv-m-nivel {
color: #6f6b62;
margin-top: 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
}
.hv-m-nivel.hv-m-yaii {
color: #0a0a0a;
font-weight: 800;
}
.hv-d-comp {
grid-template-columns: 280px minmax(0, 1fr);
align-items: start;
gap: 24px 48px;
display: grid;
}
.hv-d-comp-lado {
flex-direction: column;
align-items: flex-start;
padding-top: 0;
display: flex;
}
.hv-d-comp-lead {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.55;
}
.hv-d-comp-comun {
border-top: 1px solid #d9d4c7;
width: 100%;
margin-top: 28px;
padding-top: 18px;
}
.hv-d-etq {
color: #8a857a;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
}
.hv-d-chips {
flex-wrap: wrap;
gap: 6px;
display: flex;
}
.hv-d-chip {
color: #2b2a27;
background-color: #f7f5ee;
border: 1px solid #e2dfd6;
border-radius: 999px;
padding: 6px 11px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.25;
}
.hv-m-bento {
grid-template-columns: 1.3fr 1fr;
gap: 20px;
display: grid;
}
.hv-d-comp-cab {
grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
column-gap: 14px;
margin-bottom: 6px;
display: grid;
}
.hv-m-tarjeta {
background-color: #fbfaf6;
border: 1px solid #dcd6c9;
border-radius: 18px;
flex-direction: column;
height: 100%;
display: flex;
overflow: hidden;
}
.hv-d-comp-mod {
text-align: center;
background-color: #f7f5ee;
border-radius: 16px;
flex-direction: column;
align-items: center;
padding: 12px 16px;
display: flex;
box-shadow: 0 1px #0a0a0a0a, 0 10px 24px -12px #0a0a0a24;
}
.hv-m-tarjeta-foto {
background-color: #e3ded3;
height: 210px;
position: relative;
overflow: hidden;
}
.hv-d-comp-tabla {
flex-direction: column;
min-width: 0;
display: flex;
}
.hv-m-tarjeta-cuerpo {
flex-direction: column;
flex-grow: 1;
padding: 22px 24px 24px;
display: flex;
}
.hv-d-comp-nombre {
color: #0a0a0a;
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
}
.hv-m-ref {
grid-template-columns: 1.25fr 1fr;
align-items: center;
display: grid;
}
.hv-d-comp-tipo {
color: #6f6b62;
letter-spacing: .22em;
text-transform: uppercase;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
}
.hv-m-ref-foto {
background-color: #e3ded3;
border-radius: 18px;
height: 420px;
position: relative;
overflow: hidden;
}
.hv-d-comp-precio {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 6px;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 1.1;
}
.hv-m-ref-panel {
z-index: 1;
background-color: #fbfaf6;
border: 1px solid #dcd6c9;
border-radius: 18px;
margin-left: -72px;
padding: 32px;
position: relative;
box-shadow: 0 24px 48px #0a0a0a14;
}
.hv-d-comp-iva {
color: #6f6b62;
margin-top: 2px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
}
.hv-d-comp-stock {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #e8e3d6;
border-radius: 999px;
margin-top: 6px;
margin-bottom: 8px;
padding: 5px 10px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
display: inline-block;
}
.hv-d-comp-grupo {
color: #8a857a;
letter-spacing: .2em;
text-transform: uppercase;
border-bottom: 1px solid #0a0a0a;
padding-top: 10px;
padding-bottom: 4px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
}
.hv-d-comp-fila {
border-bottom: 1px solid #e2dfd6;
grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
column-gap: 14px;
padding-top: 6px;
padding-bottom: 6px;
display: grid;
}
.hv-d-comp-k {
color: #5f5e59;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
}
.hv-d-comp-v {
color: #6f6b62;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
}
.hv-d-num {
color: #0a0a0a;
letter-spacing: -.01em;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
}
.hv-d-uni {
color: #6f6b62;
margin-left: 3px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
}
.hv-d-no {
color: #a39e92;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
}
.hv-d-punto {
vertical-align: middle;
border-radius: 999px;
width: 10px;
height: 10px;
margin-left: 0;
margin-right: 0;
display: inline-block;
box-shadow: inset 0 0 0 1px #0a0a0a1f;
}
.hv-d-punto.hv-d-rojo {
background-color: #b8262e;
}
.hv-d-punto.hv-d-azul {
background-color: #2f9fbf;
}
.hv-d-punto.hv-d-rosa {
background-color: #e3a2b5;
}
.hv-d-punto.tv2-dplata {
background-color: #c3c7cc;
}
.hv-d-punto.tv2-dgrafito {
background-color: #4a4d53;
}
.hv-d-legal {
color: #7a766c;
margin-top: 12px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.hv-d-comp-vacio {
display: block;
}
.hv-d-colores {
justify-content: center;
align-items: center;
column-gap: 6px;
margin-top: 8px;
display: flex;
}
.hv-d-colnom {
color: #5f5e59;
letter-spacing: .02em;
margin-top: 3px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.35;
}
.hv-x-escena {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.hv-x-escena.hv-x-on {
background-image: linear-gradient(90deg, #e8dfd1 0% 20%, #f4eee3 100%);
max-width: none;
height: 624px;
display: block;
overflow: hidden;
}
.hv-x-escena.hv-x-pegado {
position: sticky;
top: 96px;
}
.hv-x-cabeza {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 760px;
margin-bottom: 20px;
transition: opacity .6s, transform .8s cubic-bezier(.2, .7, .2, 1);
display: flex;
}
.hv-x-cabeza.hv-x-on {
z-index: 3;
text-align: left;
align-items: flex-start;
max-width: 400px;
margin-bottom: 0;
position: absolute;
top: 44px;
left: 48px;
}
.hv-x-cabeza.hv-x-tenue {
opacity: 0;
pointer-events: none;
transform: translate(0, -12px);
}
.hv-x-titulo {
color: #0a0a0a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.hv-x-sub {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.hv-x-lienzo {
aspect-ratio: 1.786;
background-color: #ece4d8;
border-radius: 20px;
width: 100%;
position: relative;
overflow: hidden;
}
.hv-x-lienzo.hv-x-on {
aspect-ratio: auto;
background-color: #0000;
border-radius: 0;
width: auto;
position: absolute;
inset: 0;
}
.hv-x-camara {
transform-origin: 50%;
width: 100%;
height: 100%;
transition: transform 1.4s cubic-bezier(.65, .05, .25, 1);
position: absolute;
top: 0;
left: 0;
}
.hv-x-camara.hv-x-z1 {
transform: translate(13.9%, -44.1%)scale(2.1);
}
.hv-x-camara.hv-x-z2 {
transform: translate(-5%, -14.7%)scale(2.1);
}
.hv-x-camara.hv-x-z3 {
transform: translate(-42.8%, 16%)scale(2.1);
}
.hv-x-camara.hv-x-z4 {
transform: translate(-36.5%, -55%)scale(2.1);
}
.hv-x-camara.hv-x-z5 {
transform: translate(-37.8%, 37.8%)scale(2.1);
}
.hv-x-camara.hv-x-on {
width: 1114px;
left: auto;
right: 0;
}
.hv-x-camara.tv2-z1 {
transform: translate(25.9%, -48.3%)scale(2.1);
}
.hv-x-camara.tv2-z2 {
transform: translate(.3%, -16.8%)scale(2.1);
}
.hv-x-camara.tv2-z3 {
transform: translate(-37.6%, 27.3%)scale(2.1);
}
.hv-x-camara.tv2-z4 {
transform: translate(-39.7%, -55%)scale(2.1);
}
.hv-x-camara.tv2-z5 {
transform: translate(-31.3%, 50.4%)scale(2.1);
}
.hv-x-foto {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.hv-x-punto {
z-index: 2;
cursor: pointer;
background-color: #fff;
border: 1px solid #0a0a0a2e;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
margin-top: -9px;
margin-left: -9px;
text-decoration: none;
transition: opacity .5s, transform .5s cubic-bezier(.2, .7, .2, 1), background-color .3s;
display: flex;
position: absolute;
box-shadow: 0 2px 10px #0a0a0a38;
}
.hv-x-punto.hv-x-actual {
background-color: #0a0a0a;
border-color: #fff;
transform: scale(1.2);
}
.hv-x-punto.hv-x-tenue {
opacity: 0;
pointer-events: none;
transform: scale(.5);
}
.hv-x-punto.hv-x-p1 {
top: 71%;
left: 51.3%;
}
.hv-x-punto.hv-x-p2 {
top: 57%;
left: 60%;
}
.hv-x-punto.hv-x-p3 {
top: 42.4%;
left: 78%;
}
.hv-x-punto.hv-x-p4 {
top: 79%;
left: 75%;
}
.hv-x-punto.hv-x-p5 {
top: 32%;
left: 75.6%;
}
.hv-x-punto.tv2-p1 {
top: 73%;
left: 45.3%;
}
.hv-x-punto.tv2-p2 {
top: 58%;
left: 57.5%;
}
.hv-x-punto.tv2-p3 {
top: 37%;
left: 75.5%;
}
.hv-x-punto.tv2-p4 {
top: 79%;
left: 76.5%;
}
.hv-x-punto.tv2-p5 {
top: 26%;
left: 72.5%;
}
.hv-x-nucleo {
background-color: #a3121c;
border-radius: 50%;
width: 6px;
height: 6px;
display: block;
}
.hv-x-aro {
opacity: .9;
pointer-events: none;
border: 2px solid #fff;
border-radius: 50%;
display: block;
position: absolute;
inset: -2px;
}
.hv-x-aro.hv-x-late {
opacity: 0;
transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), opacity 1.2s;
transform: scale(2.8);
}
.hv-x-fichas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 20px;
display: flex;
}
.hv-x-fichas.hv-x-on {
z-index: 3;
grid-template-columns: 1fr;
place-items: end start;
width: 420px;
margin-top: 0;
display: grid;
position: absolute;
top: auto;
bottom: 104px;
left: 48px;
transform: none;
}
.hv-x-ficha {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #ffffffdb;
border: 1px solid #0a0a0a14;
border-radius: 18px;
flex: 300px;
grid-area: 1 / 1 / 2 / 2;
width: 100%;
max-width: 340px;
padding: 26px 28px;
transition: opacity .6s, transform .8s cubic-bezier(.2, .7, .2, 1);
box-shadow: 0 24px 50px -24px #3c2d1459;
}
.hv-x-ficha.hv-x-off {
opacity: 0;
pointer-events: none;
transform: translate(0, 18px);
}
.hv-x-ficha.hv-x-suma {
flex-basis: 420px;
max-width: 420px;
}
.hv-x-ficha-num {
color: #8a877f;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-x-ficha-dato {
color: #0a0a0a;
letter-spacing: -.01em;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 48px;
font-weight: 800;
line-height: 1;
}
.hv-x-ficha-texto {
color: #5f5e59;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.hv-x-cifras {
grid-column-gap: 24px;
grid-row-gap: 22px;
grid-template-columns: 1fr 1fr;
margin-top: 4px;
margin-bottom: 16px;
display: grid;
}
.hv-x-cifra-num {
color: #0a0a0a;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1;
}
.hv-x-cifra-etq {
color: #5f5e59;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-x-nota {
color: #5f5e59;
margin-top: 0;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.hv-x-pasos {
grid-column-gap: 10px;
width: 100%;
display: none;
}
.hv-x-pasos.hv-x-on {
z-index: 3;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #faf9f5d1;
border-radius: 16px;
width: 580px;
padding: 6px 20px 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 50%;
right: auto;
transform: translate(-50%);
box-shadow: 0 12px 30px -18px #3c2d1473;
}
.hv-x-paso {
grid-row-gap: 9px;
cursor: pointer;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
padding-top: 10px;
padding-bottom: 6px;
text-decoration: none;
display: flex;
}
.hv-x-paso-pista {
background-color: #0a0a0a24;
border-radius: 2px;
width: 100%;
height: 2px;
display: block;
overflow: hidden;
}
.hv-x-paso-relleno {
background-color: #0a0a0a;
width: 0%;
height: 100%;
transition: width .7s cubic-bezier(.2, .7, .2, 1);
display: block;
}
.hv-x-paso-relleno.hv-x-lleno {
width: 100%;
}
.hv-x-paso-txt {
color: #8a877f;
letter-spacing: .14em;
text-transform: uppercase;
text-overflow: clip;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
transition: color .3s;
display: block;
overflow: hidden;
}
.hv-x-paso-txt.hv-x-actual {
color: #0a0a0a;
}
.hv-d-moto {
color: #0a0a0a;
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-width: 0;
display: flex;
}
.hv-d-moto-img {
pointer-events: none;
width: 210px;
max-width: 100%;
height: auto;
display: block;
}
.hv-d-moto-txt {
text-align: center;
grid-template-columns: auto auto;
justify-content: center;
align-items: baseline;
column-gap: 5px;
margin-top: 4px;
display: grid;
}
.hv-d-moto-nombre {
letter-spacing: .02em;
text-transform: lowercase;
white-space: nowrap;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.hv-d-moto-sub {
opacity: .7;
letter-spacing: .04em;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 14px;
}
.hv-d-moto-km {
white-space: nowrap;
grid-column: 1 / -1;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.rv-j-fin-via {
height: 280px;
position: relative;
}
.rv-j-fin-txt {
padding-bottom: 12px;
}
.rv-j-carga-barra {
background-color: #dcd7cb;
border-radius: 4px;
max-width: 360px;
height: 8px;
margin-top: 14px;
margin-bottom: 18px;
position: relative;
overflow: hidden;
}
.rv-j-carga-fill {
background-color: #0a0a0a;
border-radius: 4px;
width: 100%;
height: 100%;
transition: width 1.6s cubic-bezier(.2, .7, .2, 1);
}
.rv-j-carga-fill.is-veinte {
width: 20%;
}
.rv-j-pantalla-img {
transform-origin: 25% 97%;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform 1.1s cubic-bezier(.2, .75, .2, 1);
display: block;
transform: scale(1);
}
.rv-j-pantalla-img.is-plan {
transform: scale(1.5);
}
.rv-j-app-der {
z-index: 1;
align-self: stretch;
align-items: flex-end;
padding-bottom: 40px;
display: flex;
position: relative;
}
.rv-j-app-via {
width: 100%;
height: 220px;
position: relative;
}
.rv-j-moto {
z-index: 1;
pointer-events: none;
width: 150px;
max-width: none;
height: auto;
transition: transform 1.8s cubic-bezier(.22, .8, .24, 1);
position: absolute;
bottom: 6px;
left: 4%;
transform: translateX(0%);
}
.rv-j-moto.is-grande {
width: 300px;
left: 6%;
}
.rv-j-moto.is-cruza {
width: 140px;
transition: transform 3.4s cubic-bezier(.45, .05, .4, 1);
left: auto;
right: 0;
}
.rv-j-moto.is-fin {
width: 400px;
left: auto;
right: 2%;
}
.rv-j-moto.is-antes {
transform: translateX(-900%);
}
.rv-j-moto.is-despues {
transform: translateX(900%);
}
.hv-explica-tit {
color: #0a0a0a;
margin-right: 4px;
font-weight: 700;
}
.hv-boton-linea {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s, transform .25s, box-shadow .25s;
display: inline-flex;
}
.hv-boton-linea:hover {
color: #0a0a0a;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translate(0, -3px);
box-shadow: 0 8px 20px #0a0a0a1f;
}
.hv-portada-micro {
color: #5f5e59;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.5;
}
.hv-portada-foto {
z-index: 1;
object-fit: contain;
width: auto;
max-width: 100%;
height: 300px;
margin-top: 12px;
transition: transform 10s cubic-bezier(.2, .6, .2, 1);
display: block;
position: relative;
}
.hv-portada-foto.hv-oculto {
opacity: 0;
transform: translate(-56px);
}
.hv-portada-foto.hv-quieta {
transform: scale(1.06);
}
.hv-portada-foto.hv-baja {
height: 220px;
margin-top: 0;
}
.hv-d-cu-izq {
flex-direction: column;
min-width: 0;
display: flex;
}
.hv-d-cu-tit {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
}
.hv-d-cu-cifra {
letter-spacing: -.03em;
font-size: 56px;
font-weight: 800;
line-height: 1;
display: block;
}
.hv-d-cu-frase {
text-transform: uppercase;
margin-top: 6px;
font-size: 22px;
font-weight: 800;
line-height: 1.15;
display: block;
}
.hv-d-cu-pares {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 10px;
margin-top: 18px;
display: grid;
}
.hv-d-cu-par {
background-color: #f7f5ee;
border-radius: 14px;
padding: 12px 14px;
}
.hv-d-cu-par.hv-d-cu-yaii {
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
}
.hv-d-cu-num {
color: #0a0a0a;
letter-spacing: -.01em;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
line-height: 1.1;
}
.hv-d-cu-lab {
color: #5f5e59;
margin-top: 3px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.35;
}
.hv-d-cu-lista {
margin-top: 18px;
}
.hv-d-cu-fila {
border-bottom: 1px solid #ece8de;
grid-template-columns: 112px minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
column-gap: 12px;
padding-top: 9px;
padding-bottom: 9px;
display: grid;
}
.hv-d-cu-fila.hv-d-cu-head {
border-bottom-color: #0a0a0a;
padding-top: 0;
padding-bottom: 8px;
}
.hv-d-cu-k {
color: #8a857a;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.35;
}
.hv-d-cu-gas {
color: #8a857a;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
}
.hv-d-cu-luz {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.hv-d-cu-col {
color: #0a0a0a;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
}
.hv-d-cu-modelo {
color: #0a0a0a;
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.hv-x-color {
grid-column-gap: 56px;
grid-template-columns: 1fr 330px;
align-items: center;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.hv-x-color-marco {
aspect-ratio: 1.5;
background-color: #ece6dc;
border-radius: 22px;
width: 100%;
position: relative;
overflow: hidden;
}
.hv-x-color-panel {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.hv-x-linea {
background-color: #e2dfd6;
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 22px;
}
.hv-x-etq {
color: #8a877f;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.hv-x-nombre {
color: #0a0a0a;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.2;
transition: opacity .25s, transform .35s cubic-bezier(.2, .7, .2, 1);
}
.hv-x-nombre.hv-x-cambia {
opacity: 0;
transform: translate(0, 10px);
}
.hv-x-muestras {
grid-column-gap: 12px;
margin-bottom: 24px;
display: flex;
}
.hv-x-muestra {
cursor: pointer;
background-color: #fff;
border: 1px solid #d9d4c7;
border-radius: 50%;
width: 44px;
height: 44px;
padding: 4px;
text-decoration: none;
transition: border-color .25s, transform .25s, box-shadow .25s;
display: block;
}
.hv-x-muestra:hover {
transform: scale(1.07);
box-shadow: 0 6px 16px -8px #0a0a0a59;
}
.hv-x-muestra.hv-x-actual {
border-width: 2px;
border-color: #0a0a0a;
padding: 3px;
}
.hv-x-tinta {
border-radius: 50%;
width: 100%;
height: 100%;
display: block;
box-shadow: inset 0 -6px 10px #0000002e;
}
.hv-x-tinta.hv-x-rojo {
background-color: #a3121c;
}
.hv-x-tinta.hv-x-azul {
background-color: #1c7193;
}
.hv-x-tinta.hv-x-rosa {
background-color: #e8b4c8;
}
.hv-x-tinta.tv2-tplata {
background-color: #c3c7cc;
}
.hv-x-tinta.tv2-tgrafito {
background-color: #4a4d53;
}
.hv-x-vistas {
grid-column-gap: 10px;
width: 100%;
margin-bottom: 26px;
display: flex;
}
.hv-x-vista {
opacity: .55;
cursor: pointer;
aspect-ratio: 1.5;
background-color: #ece6dc;
border: 1px solid #e2dfd6;
border-radius: 10px;
flex: 1 1 0;
transition: opacity .3s, border-color .3s;
display: block;
position: relative;
overflow: hidden;
}
.hv-x-vista:hover {
opacity: .9;
}
.hv-x-vista.hv-x-actual {
opacity: 1;
border-color: #0a0a0a;
}
.hv-x-capa {
object-fit: cover;
width: 100%;
height: 100%;
transition: opacity .5s;
display: block;
position: absolute;
top: 0;
left: 0;
}
.hv-x-capa.hv-x-off {
opacity: 0;
}
.hv-x-foto-color {
object-fit: cover;
width: 100%;
height: 100%;
transition: opacity .9s, transform 1.6s cubic-bezier(.2, .7, .2, 1);
display: block;
position: absolute;
top: 0;
left: 0;
}
.hv-x-foto-color.hv-x-off {
opacity: 0;
transform: scale(1.06);
}
.hv-x-moto {
width: 100%;
max-width: none;
height: auto;
transition: opacity .5s;
display: block;
}
.hv-x-moto.hv-x-encima {
position: absolute;
top: 0;
left: 0;
}
.hv-x-moto.hv-x-off {
opacity: 0;
}
.hv-x-pista {
background-color: #fff;
height: 150px;
position: relative;
overflow: hidden;
}
.hv-x-piso {
background-image: linear-gradient(90deg, #d9d4c700 0%, #d9d4c7 15% 85%, #d9d4c700 100%);
height: 1px;
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
.rv-j-pantalla-extra {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
transition: transform .9s cubic-bezier(.2, .75, .2, 1);
display: block;
position: absolute;
top: 0;
left: 0;
transform: translateY(104%);
}
.rv-j-pantalla-extra.is-plan {
transform: translateY(0%);
}
.pago-pedido {
grid-area: 1 / 1 / 2 / 2;
padding: 28px 28px 0;
}
.pago-pedido__etiqueta {
color: #0a0a0a;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.pago-fotos {
width: 280px;
height: 254px;
margin: 8px auto 12px;
overflow: hidden;
}
.pago-fotos.is-oculto {
display: none;
}
.pago-foto {
object-fit: contain;
width: 100%;
height: 100%;
display: none;
}
.pago-foto.is-activa {
display: block;
}
.pago-resumen__extras {
color: #67635b;
margin-top: 4px;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-resumen__extras.is-oculto {
display: none;
}
.pago-panel {
background-color: #fafaf6;
grid-area: 1 / 2 / 3 / 3;
min-width: 0;
padding: 28px 28px 24px;
}
.pago-notas {
flex-direction: column;
grid-area: 2 / 1 / 3 / 2;
row-gap: 8px;
padding: 16px 28px 28px;
display: flex;
}
.pago-opcion__icono {
background-color: #f7f5ee;
border-radius: 10px;
width: 36px;
height: 36px;
padding: 8px;
display: block;
}
.pago-opcion__texto {
min-width: 0;
}
.pago-opcion__chevron {
width: 20px;
height: 20px;
transition: transform .2s;
display: block;
}
.pago-opcion__chevron.is-girado {
transform: rotate(90deg);
}
.pago-opcion__chevron.is-oculto {
visibility: hidden;
}
.pago-logos {
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 8px;
display: flex;
}
.pago-logo {
box-sizing: border-box;
object-fit: contain;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 4px;
flex-shrink: 0;
width: 38px;
height: 24px;
padding: 0;
display: block;
}
.pago-logo.is-oculto {
display: none;
}
.pago-logo.is-marca {
object-fit: contain;
background-color: #fff0;
border-width: 0;
width: 38px;
height: 24px;
padding: 0;
}
.pago-logo.is-marca.is-vacio {
display: none;
}
.pago-logo.is-marca.is-gpay {
transform: scale(1.5);
}
.pago-logo.is-vacio {
display: none;
}
.pago-logo.is-visa {
object-fit: contain;
width: 38px;
height: 24px;
padding: 0;
}
.pago-logo-texto {
color: #0a0a0a;
letter-spacing: .04em;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 4px;
align-items: center;
height: 24px;
padding: 0 8px;
font-size: 12px;
font-weight: 700;
line-height: 1;
display: flex;
}
.pago-badge {
z-index: 1;
color: #f0ede4;
white-space: nowrap;
background-color: #0a0a0a;
border-radius: 999px;
padding: 5px 10px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
position: absolute;
top: -10px;
left: 16px;
}
.pago-badge.is-oculto {
display: none;
}
.pago-detalle {
cursor: default;
border-top: 1px solid #eeebe2;
grid-column: 1 / 4;
margin-top: 12px;
padding-top: 12px;
display: none;
}
.pago-detalle.is-visible {
display: block;
}
.pago-detalle__texto {
color: #0a0a0a;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.pago-detalle__nota {
color: #67635b;
margin-top: 4px;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-boton {
color: #f7f5ee;
text-align: center;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 6px;
justify-content: center;
align-items: center;
height: 48px;
margin-top: 12px;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
transition: background-color .2s;
display: flex;
}
.pago-boton:hover {
background-color: #1f1f1f;
}
.pago-boton:focus-visible, .pago-boton[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #0a0a0a;
}
.pago-asesor {
color: #67635b;
cursor: pointer;
margin-top: 16px;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-asesor:focus-visible, .pago-asesor[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #0a0a0a;
}
.pago-asesor__link {
color: #0a0a0a;
font-weight: 600;
text-decoration: underline;
}
.pago-confianza {
border-top: 1px solid #e7e4da;
align-items: center;
column-gap: 8px;
margin-top: 16px;
padding-top: 14px;
display: flex;
}
.pago-confianza__icono {
flex-grow: 0;
flex-shrink: 0;
width: 16px;
height: 16px;
display: block;
}
.pago-confianza__texto {
color: #67635b;
flex: 1;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
.pago-confianza__texto.pagar-confianza {
font-size: 13px;
}
.pago-stripe {
flex-grow: 0;
flex-shrink: 0;
align-items: center;
text-decoration: none;
display: flex;
}
.pago-stripe.is-vacio {
display: none;
}
.pago-stripe__img {
width: auto;
height: 24px;
display: block;
}
.grc-bajada {
color: #67635b;
max-width: 560px;
margin-top: 12px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.55;
}
.grc-bajada.is-retirado {
display: none;
}
.grc-check__icono {
width: 22px;
height: 22px;
display: block;
}
.grc-check__icono.is-retirado {
display: none;
}
.grc-fotos {
background-color: #f0ede4;
border-radius: 12px;
width: 96px;
height: 96px;
position: relative;
overflow: hidden;
}
.grc-fotos.is-retirado {
display: none;
}
.grc-foto {
object-fit: contain;
width: 100%;
height: 100%;
display: none;
}
.grc-foto.is-activa {
display: block;
}
.grc-ticket__cabeza {
flex-direction: column;
justify-content: center;
row-gap: 4px;
min-width: 0;
display: flex;
}
.grc-ticket__cabeza.is-retirado {
display: none;
}
.grc-extras {
color: #67635b;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
.grc-extras.is-oculto {
display: none;
}
.grc-filas {
flex-direction: column;
grid-column: 1 / -1;
display: flex;
}
.grc-filas.is-retirado {
display: none;
}
.grc-fila {
border-top: 1px solid #ece8df;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 4px 12px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.grc-fila.is-oculto {
display: none;
}
.grc-fila__k {
color: #67635b;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
}
.grc-fila__v {
color: #0a0a0a;
text-align: right;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.55;
}
.grc-nota {
color: #67635b;
grid-column: 1 / -1;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
.grc-nota.is-retirado {
display: none;
}
.grc-link {
color: #0a0a0a;
font-weight: 600;
text-decoration: underline;
}
.grc-sigue {
flex-direction: column;
row-gap: 20px;
margin-top: 20px;
display: none;
}
.grc-sigue.is-visible {
display: flex;
}
.grc-sigue__paso {
grid-template-columns: 28px minmax(0, 1fr);
align-items: start;
column-gap: 14px;
display: grid;
}
.grc-sigue__num {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #d8d3c7;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
display: flex;
}
.grc-sigue__cuerpo {
min-width: 0;
padding-top: 2px;
}
.grc-sigue__titulo {
color: #0a0a0a;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.55;
}
.grc-sigue__texto {
color: #67635b;
margin-top: 2px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.55;
}
.pago-modal__cerrar-icono {
width: 20px;
height: 20px;
display: block;
}
.grc-moto__modelo {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: none;
margin-right: 6px;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.grc-moto__modelo:empty {
display: none;
}
.grc-moto__detalle {
text-transform: uppercase;
}
.pago-resumen__modelo {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: none;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
display: block;
}
.pago-resumen__modelo:empty {
display: none;
}
.pago-resumen__detalle {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 2px;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
display: block;
}
.pago-resumen__detalle:empty {
display: none;
}
.pago-sello {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 4px;
align-items: center;
gap: 5px;
height: 24px;
padding: 0 8px;
display: flex;
}
.pago-sello__logo {
width: auto;
height: 8px;
display: block;
}
.pago-sello__texto {
color: #0a0a0a;
letter-spacing: .1em;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
}
.pago-factura__fila {
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
column-gap: 12px;
margin-top: 6px;
display: flex;
}
.pago-factura__fila.is-primera {
margin-top: 16px;
}
.pago-factura__fila.is-oculto {
display: none;
}
.pago-factura__label {
color: #67635b;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.pago-factura__label.is-fuerte {
color: #0a0a0a;
font-weight: 600;
}
.pago-factura__cifra {
color: #0a0a0a;
text-align: right;
white-space: nowrap;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
}
.pago-factura__sep {
background-color: #e7e4da;
height: 1px;
margin-top: 12px;
margin-bottom: 6px;
}
.pago-factura__sep.is-oculto {
display: none;
}
.pagar-factura {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 20px;
align-self: start;
width: 100%;
max-width: 536px;
margin: 112px auto 48px;
padding: 28px;
position: static;
}
.pagar-pagina {
background-color: #f0ede4;
padding-bottom: 0;
position: relative;
}
.pagar-cabecera {
z-index: 5;
background-color: #0000;
border-bottom: 0 solid #e7e4da;
width: 60%;
position: absolute;
top: 0;
left: 0;
}
.pagar-cabecera__inner {
justify-content: space-between;
align-items: center;
max-width: none;
height: 64px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.pagar-cabecera__logo {
align-items: center;
gap: 10px;
text-decoration: none;
transition: opacity .2s;
display: flex;
}
.pagar-cabecera__logo:hover {
opacity: .55;
}
.pagar-cabecera__imagotipo {
width: auto;
height: 24px;
display: block;
}
.pagar-cabecera__wordmark {
width: auto;
height: 42px;
margin-left: -14px;
display: block;
}
.pagar-cabecera__regresar {
z-index: 30;
color: #0a0a0a;
letter-spacing: .02em;
cursor: pointer;
background-color: #fff;
border-top: 1px solid #e7e4da;
border-bottom: 1px solid #e7e4da;
border-right: 1px solid #e7e4da;
border-top-right-radius: 104px;
border-bottom-right-radius: 104px;
justify-content: center;
align-items: center;
width: 52px;
height: 104px;
margin-top: -52px;
padding-right: 6px;
font-size: 26px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: width .2s;
display: flex;
position: fixed;
top: 50%;
left: 0;
box-shadow: 0 8px 24px #0a0a0a14;
}
.pagar-cabecera__regresar:hover {
color: #67635b;
width: 60px;
}
.pagar {
padding: 0;
display: block;
}
.pagar-grid {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
align-items: stretch;
gap: 32px 0;
max-width: none;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
display: grid;
}
.pagar-grid.is-oculto {
display: none;
}
.pagar-factura__kicker {
color: #67635b;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
.pagar-factura__cabeza {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 4px;
display: flex;
}
.pagar-moto {
min-width: 0;
display: block;
}
.pagar-modelo {
color: #0a0a0a;
letter-spacing: .04em;
font-family: Droidiga, Montserrat, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 1.15;
display: block;
}
.pagar-modelo:empty {
display: none;
}
.pagar-detalle {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 4px;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
display: block;
}
.pagar-detalle:empty {
display: none;
}
.pagar-lineas {
border-top: 1px solid #e7e4da;
margin-top: 20px;
padding-top: 8px;
}
.pagar-linea {
color: #0a0a0a;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.pagar-linea.is-oculto {
display: none;
}
.pagar-linea.is-promo {
color: #67635b;
}
.pagar-linea__concepto {
flex: 1;
min-width: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
.pagar-linea__modelo {
letter-spacing: .04em;
margin-right: 6px;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.pagar-linea__modelo:empty {
display: none;
}
.pagar-linea__importe {
text-align: right;
white-space: nowrap;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.pagar-extras {
color: #67635b;
margin-top: 0;
margin-bottom: 4px;
font-size: 13px;
line-height: 1.45;
}
.pagar-extras.is-oculto {
display: none;
}
.pagar-fila {
justify-content: space-between;
align-items: baseline;
gap: 16px;
margin-top: 8px;
display: flex;
}
.pagar-fila.is-primera {
border-top: 1px solid #e7e4da;
margin-top: 12px;
padding-top: 16px;
}
.pagar-fila.is-total {
margin-top: 12px;
}
.pagar-fila.is-oculto {
display: none;
}
.pagar-fila__label {
color: #67635b;
flex: 1;
min-width: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.pagar-fila__label.is-fuerte {
color: #0a0a0a;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.pagar-fila__cifra {
color: #0a0a0a;
text-align: right;
white-space: nowrap;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
}
.pagar-fila__cifra.is-fuerte {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.pagar-fila__cifra.is-total {
letter-spacing: -.01em;
font-size: 28px;
font-weight: 700;
line-height: 1.15;
}
.pagar-sep {
background-color: #e7e4da;
height: 1px;
margin-top: 16px;
margin-bottom: 8px;
}
.pagar-folio {
border-top: 1px solid #e7e4da;
align-items: center;
gap: 10px;
margin-top: 20px;
padding-top: 16px;
display: flex;
}
.pagar-folio__label {
color: #67635b;
margin-right: auto;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.pagar-folio__num {
color: #0a0a0a;
letter-spacing: .04em;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.pagar-nota {
color: #67635b;
margin-top: 16px;
font-size: 13px;
line-height: 1.5;
}
.pagar-nota__link {
color: #0a0a0a;
text-decoration: underline;
}
.pagar-cobro {
background-color: #fff;
border-left: 1px solid #e7e4da;
min-width: 0;
padding: 68px 24px 48px;
}
.pagar-cobro__titulo {
color: #9a5d16;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #fbe3a6;
border-radius: 6px;
width: max-content;
max-width: none;
margin: 0 auto 20px;
padding: 4px 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
display: block;
}
.pagar-paso {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 12px;
max-width: 440px;
margin: 16px auto 0;
padding: 16px 18px;
display: none;
}
.pagar-paso.is-visible {
display: block;
}
.pagar-paso__num {
color: #0a0a0a;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.pagar-paso__texto {
color: #0a0a0a;
margin-top: 4px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.pagar-estado {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 12px;
max-width: 440px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: none;
}
.pagar-estado.is-visible {
display: block;
}
.pagar-estado__titulo {
color: #0a0a0a;
margin-bottom: 6px;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.pagar-estado__texto {
color: #67635b;
font-size: 13px;
line-height: 1.5;
}
.pagar-boton {
color: #f7f5ee;
text-align: center;
cursor: pointer;
background-color: #0a0a0a;
border-radius: 6px;
justify-content: center;
align-items: center;
height: 48px;
margin-top: 16px;
padding: 0 20px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
transition: background-color .2s;
display: flex;
}
.pagar-boton:hover {
background-color: #1f1f1f;
}
.pagar-enlace {
color: #0a0a0a;
cursor: pointer;
margin-top: 12px;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
text-decoration: underline;
display: inline-block;
}
.pagar-enlace:hover {
color: #67635b;
}
.pagar-enlace.is-oculto {
display: none;
}
.pagar-stripe {
min-width: 0;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.pagar-vacio {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 20px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding: 32px;
}
.pagar-vacio.is-oculto {
display: none;
}
.pagar-vacio__titulo {
color: #0a0a0a;
letter-spacing: -.02em;
font-size: 28px;
font-weight: 700;
line-height: 1.15;
}
.pagar-vacio__texto {
color: #67635b;
margin-top: 8px;
margin-bottom: 0;
font-size: 16px;
line-height: 1.5;
}
.pagar-vacio__enlaces {
flex-wrap: wrap;
gap: 4px 20px;
margin-top: 8px;
display: flex;
}
.pagar-estado__enlaces {
flex-wrap: wrap;
align-items: baseline;
gap: 0 20px;
display: flex;
}
.pagar-legal {
color: #67635b;
text-align: center;
flex-wrap: wrap;
justify-content: center;
gap: 6px 20px;
max-width: 1120px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding-bottom: 32px;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.pagar-legal__link {
color: #67635b;
text-underline-offset: 3px;
text-decoration: underline;
}
.pagar-legal__link:hover {
color: #0a0a0a;
}
.pagar-carga {
z-index: 4900;
opacity: 1;
background-color: #f0ede4;
justify-content: center;
align-items: center;
transition: opacity .4s, visibility .4s;
display: flex;
position: fixed;
inset: 0;
}
.pagar-carga.is-oculto {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.pagar-carga__logo {
opacity: 1;
width: auto;
height: 72px;
transition: opacity .9s ease-in-out;
display: block;
}
.pagar-carga__logo.is-tenue {
opacity: .3;
}
.yaii-carga {
z-index: 4900;
opacity: 1;
background-color: #f0ede4;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
display: none;
position: fixed;
inset: 0;
}
.yaii-carga.is-on {
display: flex;
}
.yaii-carga.is-fuera {
opacity: 0;
pointer-events: none;
}
.yaii-carga.is-rapido {
transition: opacity .12s;
}
.yaii-carga__logo {
opacity: 0;
width: 180px;
max-width: none;
height: auto;
transition: opacity .25s;
display: block;
}
.yaii-carga__logo.is-visible {
opacity: 1;
}
.pagar-cobro__linea {
text-align: center;
max-width: 440px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: none;
}
.pagar-cobro__linea.is-visible {
display: none;
}
.pagar-cobro__concepto {
color: #3d3a35;
letter-spacing: .04em;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
display: block;
}
.pagar-cobro__monto {
color: #0a0a0a;
margin-top: 4px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
display: block;
}
.ycu-pagina {
color: #1f1f1f;
background-color: #f7f5ee;
min-height: 640px;
padding: 40px 5% 96px;
font-family: Montserrat, sans-serif;
}
.yac-acceso {
grid-column-gap: 40px;
grid-row-gap: 28px;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
align-items: center;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
padding: 48px;
display: grid;
box-shadow: 0 1px 2px #0a0a0a08, 0 18px 48px #0a0a0a0d;
}
.yac-acceso.is-oculta {
display: none;
}
.yac-acceso__col {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.yac-eyebrow {
color: #8a857a;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.yac-acceso__titulo {
color: #1f1f1f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 1.15;
}
.yac-acceso__lista {
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.yac-acceso__beneficio {
grid-column-gap: 12px;
align-items: flex-start;
display: flex;
}
.yac-acceso__punto {
background-color: #8a857a;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
width: 8px;
height: 8px;
margin-top: 8px;
}
.yac-texto {
color: #67635b;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.yac-texto.is-chico {
font-size: 13px;
}
.yac-texto.is-oculta {
display: none;
}
.yac-estado {
color: #67635b;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
.yac-estado.is-error {
color: #8a3b2e;
}
.yac-estado.is-ok {
color: #3f5a3a;
}
.yac-acciones {
grid-column-gap: 14px;
grid-row-gap: 10px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.yac-btn {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: transform .25s, box-shadow .25s, background-color .25s;
display: inline-flex;
}
.yac-btn:hover {
color: #0a0a0a;
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.yac-btn.is-oculta {
display: none;
}
.yac-btn-linea {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: transform .25s, box-shadow .25s, background-color .25s;
display: inline-flex;
}
.yac-btn-linea:hover {
color: #0a0a0a;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a1f;
}
.yac-btn-linea.is-peligro {
color: #8a3b2e;
border-color: #8a3b2e;
}
.yac-btn-linea.is-oculta {
display: none;
}
.yac-legal {
color: #8a857a;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.6;
}
.yac-legal.is-oculta {
display: none;
}
.yac-link {
color: #1f1f1f;
cursor: pointer;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-decoration: underline;
}
.yac-link:hover {
color: #0a0a0a;
}
.yac-link.is-oculta {
display: none;
}
.yac-acceso__foto {
background-color: #f1ede5;
background-image: linear-gradient(115deg, #fff0 30%, #ffffff8c 32% 38%, #fff0 40% 44%, #ffffff8c 46% 52%, #fff0 54% 58%, #ffffff8c 60% 66%, #fff0 68%), linear-gradient(160deg, #f1ede5 0%, #e4dfd3 100%);
border-radius: 18px;
justify-content: center;
align-items: center;
height: 360px;
display: flex;
position: relative;
overflow: hidden;
}
.ycu-cargando {
grid-row-gap: 24px;
flex-direction: column;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.ycu-cargando.is-oculta {
display: none;
}
.ycu-cargando__cab {
grid-column-gap: 16px;
align-items: center;
display: flex;
}
.ycu-cargando__lineas {
grid-row-gap: 10px;
flex-direction: column;
flex-grow: 1;
max-width: 360px;
display: flex;
}
.yac-skel {
opacity: .85;
background-color: #ece9e0;
border-radius: 8px;
}
.yac-skel.is-circulo {
border-radius: 999px;
width: 56px;
height: 56px;
}
.yac-skel.is-titulo {
width: 60%;
height: 28px;
}
.yac-skel.is-linea {
height: 14px;
}
.yac-skel.is-bloque {
border-radius: 16px;
height: 140px;
}
.yac-skel.is-portada {
border-radius: 20px;
width: 100%;
height: 240px;
}
.ycu-cargando__grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 820px;
margin-left: 288px;
display: grid;
}
.ycu-contenido {
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
.ycu-contenido.is-oculta {
display: none;
}
.ycu-cabecera {
grid-column-gap: 20px;
grid-row-gap: 12px;
background-color: #f7f5ee;
background-image: linear-gradient(115deg, #fff0 50%, #fff9 52% 56%, #fff0 58% 61%, #fff9 63% 67%, #fff0 69% 72%, #fff9 74% 78%, #fff0 80%), linear-gradient(135deg, #f7f5ee 0%, #ece8dd 100%);
border: 1px solid #e7e4da;
border-radius: 20px;
align-items: center;
margin-bottom: 32px;
padding: 26px 28px;
display: flex;
box-shadow: 0 1px 2px #0a0a0a08;
}
.yac-avatar {
color: #1f1f1f;
background-color: #f0ede4;
border: 1px solid #e7e4da;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1;
display: flex;
position: relative;
overflow: hidden;
}
.yac-avatar.is-chico {
width: 52px;
height: 52px;
font-size: 18px;
}
.yac-avatar.is-arena {
background-color: #e6dcc8;
}
.yac-avatar.is-piedra {
background-color: #d9d5cc;
}
.yac-avatar.is-salvia {
background-color: #dce3d6;
}
.yac-avatar.is-niebla {
background-color: #dce1e6;
}
.yac-avatar.is-rosa {
background-color: #ebdad8;
}
.yac-avatar.is-grande {
border: 4px solid #f7f5ee;
width: 112px;
height: 112px;
font-size: 36px;
}
.yac-avatar__ini {
letter-spacing: .02em;
text-transform: uppercase;
position: relative;
}
.ycu-cabecera__txt {
grid-row-gap: 2px;
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex;
}
.ycu-titulo {
color: #1f1f1f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.2;
}
.ycu-tabs {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 248px 1fr;
align-items: start;
display: grid;
}
.ycu-menu {
grid-row-gap: 4px;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
flex-direction: column;
padding: 8px;
display: flex;
position: sticky;
top: 112px;
}
.ycu-menu__link {
color: #737373;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #0000;
border-radius: 10px;
align-items: center;
padding: 11px 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
transition: background-color .2s, color .2s;
display: flex;
}
.ycu-menu__link:hover {
color: #1f1f1f;
background-color: #f2efe7;
}
.ycu-menu__link.is-activa {
color: #0a0a0a;
background-color: #fff;
border-color: #e7e4da;
box-shadow: inset 3px 0 #1f1f1f, 0 1px 2px #0a0a0a0f;
}
.ycu-menu__sep {
background-color: #e7e4da;
height: 1px;
margin-top: 8px;
margin-bottom: 8px;
}
.ycu-paneles {
min-width: 0;
max-width: 820px;
}
.ycu-panel {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.ycu-panel.is-oculta {
display: none;
}
.ycu-panel__cabeza {
grid-row-gap: 8px;
flex-direction: column;
margin-bottom: 8px;
display: flex;
}
.ycu-saludo {
color: #1f1f1f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.15;
}
.ycu-tareas {
grid-row-gap: 12px;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 18px;
flex-direction: column;
padding: 22px 24px;
display: flex;
}
.ycu-tareas.is-oculta {
display: none;
}
.ycu-tareas__cabeza {
grid-column-gap: 12px;
justify-content: space-between;
align-items: baseline;
display: flex;
}
.yac-h3 {
color: #1f1f1f;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1.35;
}
.yac-dato-k {
color: #8a857a;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.ycu-progreso {
grid-column-gap: 4px;
display: flex;
}
.ycu-progreso__seg {
background-color: #e2ddd1;
border-radius: 2px;
flex-grow: 1;
height: 4px;
transition: background-color .3s;
}
.ycu-progreso__seg.is-on {
background-color: #8a857a;
}
.ycu-checks {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
display: flex;
}
.ycu-check {
grid-column-gap: 8px;
color: #1f1f1f;
cursor: pointer;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 999px;
align-items: center;
padding: 8px 14px 8px 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
transition: border-color .2s, background-color .2s;
display: inline-flex;
}
.ycu-check:hover {
background-color: #fff;
border-color: #cfc9bc;
}
.ycu-check.is-on {
color: #8a857a;
background-color: #f2efe7;
border-color: #f2efe7;
}
.ycu-check__marca {
color: #0000;
border: 1.5px solid #cfc9bc;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
font-size: 9px;
font-weight: 800;
line-height: 1;
transition: background-color .3s, color .3s;
display: flex;
}
.ycu-check__marca.is-on {
color: #fff;
background-color: #8a857a;
border-color: #8a857a;
}
.ycu-check__txt {
white-space: nowrap;
}
.yac-chip {
grid-column-gap: 6px;
color: #4a463f;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #edeae1;
border-radius: 999px;
align-self: flex-start;
align-items: center;
padding: 5px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
display: inline-flex;
}
.yac-chip.is-ok {
color: #3f5a3a;
background-color: #e3eadf;
}
.yac-chip.is-aviso {
color: #6b5321;
background-color: #f3e9d7;
}
.yac-chip.is-peligro {
color: #8a3b2e;
background-color: #f6e9e5;
}
.yac-chip.is-oculta {
display: none;
}
.ycu-tiles {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ycu-tile {
grid-row-gap: 12px;
cursor: pointer;
background-color: #fff;
background-image: linear-gradient(160deg, #fff 0%, #fbfaf6 100%);
border: 1px solid #e7e4da;
border-radius: 18px;
flex-direction: column;
justify-content: space-between;
min-height: 184px;
padding: 24px;
transition: transform .22s, box-shadow .22s, border-color .22s;
display: flex;
box-shadow: 0 1px #0a0a0a05;
}
.ycu-tile:hover {
border-color: #cfc9bc;
transform: translateY(-3px);
box-shadow: 0 14px 32px #0a0a0a14;
}
.ycu-tile__pedido {
grid-column-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 76px 1fr;
align-items: center;
display: grid;
}
.ycu-tile__pedido.is-oculta {
display: none;
}
.ycu-tile__foto {
background-color: #f1ede5;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 76px;
height: 60px;
display: flex;
overflow: hidden;
}
.ycu-tile__info {
grid-row-gap: 8px;
flex-direction: column;
min-width: 0;
display: flex;
}
.ycu-producto {
grid-column-gap: 8px;
grid-row-gap: 2px;
flex-wrap: wrap;
align-items: baseline;
display: flex;
}
.yac-modelo {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: none;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.1;
}
.yac-modelo.is-oculta {
display: none;
}
.yac-modelo.is-grande {
font-size: 32px;
}
.yac-linea-producto {
color: #4a463f;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.ycu-mini {
grid-column-gap: 6px;
align-items: center;
display: flex;
}
.ycu-mini.is-oculta {
display: none;
}
.ycu-mini__punto {
background-color: #dcd8cc;
border-radius: 999px;
width: 8px;
height: 8px;
transition: background-color .4s;
}
.ycu-mini__punto.is-hecha {
background-color: #8a857a;
}
.ycu-mini__punto.is-actual {
background-color: #1f1f1f;
box-shadow: 0 0 0 3px #1f1f1f1f;
}
.ycu-tile__garage {
background-color: #f1ede5;
border-radius: 10px;
justify-content: center;
align-items: center;
height: 72px;
display: flex;
overflow: hidden;
}
.ycu-tile__garage.is-oculta {
display: none;
}
.ycu-tile__num {
color: #1f1f1f;
letter-spacing: -.02em;
font-family: Montserrat, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 1;
}
.ycu-tile__titulo {
color: #1f1f1f;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 800;
line-height: 1.3;
}
.yac-h2 {
color: #1f1f1f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.25;
}
.ycu-pedidos {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.ycu-pedido {
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 18px;
flex-direction: column;
padding: 22px 24px;
display: flex;
box-shadow: 0 1px #0a0a0a05;
}
.ycu-pedido.is-oculta {
display: none;
}
.ycu-pedido__cabeza {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 96px 1fr auto;
align-items: center;
display: grid;
}
.ycu-pedido__foto {
background-color: #f1ede5;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 96px;
height: 72px;
display: flex;
overflow: hidden;
}
.ycu-pedido__nombre {
grid-row-gap: 6px;
flex-direction: column;
min-width: 0;
display: flex;
}
.yac-tracker {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 4px;
display: grid;
}
.yac-tracker.is-oculta {
display: none;
}
.yac-paso {
color: #a39e92;
letter-spacing: .06em;
text-transform: uppercase;
padding-top: 26px;
padding-right: 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
transition: color .4s;
position: relative;
}
.yac-paso.is-hecha {
color: #5e5a52;
}
.yac-paso.is-actual {
color: #1f1f1f;
}
.yac-paso__linea {
background-color: #e2ddd1;
height: 2px;
transition: background-color .4s;
position: absolute;
top: 6px;
left: 14px;
right: 0;
}
.yac-paso__linea.is-hecha {
background-color: #8a857a;
}
.yac-paso__punto {
background-color: #fff;
border: 1.5px solid #cfc9bc;
border-radius: 999px;
width: 14px;
height: 14px;
transition: background-color .4s, border-color .4s, box-shadow .4s;
position: absolute;
top: 0;
left: 0;
}
.yac-paso__punto.is-hecha {
background-color: #8a857a;
border-color: #8a857a;
box-shadow: inset 0 0 0 3px #fff;
}
.yac-paso__punto.is-actual {
background-color: #fff;
border-width: 2px;
border-color: #1f1f1f;
box-shadow: 0 0 0 6px #1f1f1f12;
}
.yac-paso__txt {
display: block;
}
.ycu-pedido__frase {
color: #67635b;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.55;
}
.ycu-pedido__frase.is-oculta {
display: none;
}
.yac-dato-v {
color: #1f1f1f;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.yac-dato-v.is-oculta {
display: none;
}
.yac-vacio {
grid-row-gap: 14px;
text-align: center;
background-color: #f7f5ee;
background-image: linear-gradient(160deg, #fafaf6 0%, #efebe1 100%);
border: 1px solid #e7e4da;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 44px 28px;
display: flex;
}
.yac-vacio.is-oculta {
display: none;
}
.yac-vacio__foto {
opacity: 1;
background-color: #0000;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 260px;
height: 156px;
display: flex;
overflow: hidden;
}
.yac-vacio__titulo {
color: #1f1f1f;
letter-spacing: -.01em;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
line-height: 1.3;
}
.yac-vacio__texto {
color: #67635b;
max-width: 460px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
}
.ycu-promos-vacio {
grid-row-gap: 12px;
text-align: center;
background-color: #f2efe7;
border: 1px dashed #dcd8cc;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 36px 24px;
display: none;
}
.ycu-promos-vacio.is-on {
display: flex;
}
.ycu-promos-sitio {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.yac-card {
grid-row-gap: 14px;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 18px;
flex-direction: column;
padding: 28px;
display: flex;
box-shadow: 0 1px #0a0a0a05;
}
.yac-card.is-blanca {
background-color: #fff;
}
.yac-card.is-oculta {
display: none;
}
.ycu-lista {
flex-direction: column;
display: flex;
}
.yac-fila {
grid-column-gap: 16px;
grid-row-gap: 10px;
border-bottom: 1px solid #ece9e0;
justify-content: space-between;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.yac-fila.is-ultima {
border-bottom-style: none;
}
.yac-fila.is-oculta {
display: none;
}
.ycu-fila__txt {
grid-row-gap: 2px;
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex;
}
.ycu-doc {
grid-column-gap: 16px;
color: #1f1f1f;
border-bottom: 1px solid #ece9e0;
justify-content: space-between;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.ycu-doc:hover {
color: #0a0a0a;
}
.ycu-doc__ir {
color: #8a857a;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
}
.ycu-editor {
grid-row-gap: 12px;
border-bottom: 1px solid #ece9e0;
flex-direction: column;
padding-top: 6px;
padding-bottom: 16px;
display: none;
}
.ycu-editor.is-abierta {
display: flex;
}
.ycu-foto-fila {
grid-column-gap: 14px;
align-items: center;
min-width: 0;
display: flex;
}
.ycu-card__cabeza {
grid-column-gap: 12px;
justify-content: space-between;
align-items: baseline;
display: flex;
}
.ycu-dir {
grid-column-gap: 16px;
grid-row-gap: 10px;
border-bottom: 1px solid #ece9e0;
justify-content: space-between;
align-items: flex-start;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.ycu-dir.is-predeterminada {
border-left: 2px solid #8a857a;
padding-left: 12px;
}
.ycu-dir__alias {
grid-column-gap: 10px;
grid-row-gap: 4px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.ycu-dir__acciones {
grid-column-gap: 14px;
grid-row-gap: 6px;
flex-wrap: wrap;
justify-content: flex-end;
display: flex;
}
.ycu-dir-vacio {
color: #8a857a;
padding-top: 12px;
padding-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
.yac-form {
grid-row-gap: 12px;
border-top: 1px solid #e7e4da;
flex-direction: column;
padding-top: 14px;
display: flex;
}
.yac-form-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.yac-input {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #e2ddd1;
border-radius: 10px;
width: 100%;
min-height: 46px;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
transition: border-color .2s, box-shadow .2s;
display: block;
}
.yac-input:focus {
border-color: #8a857a;
outline-style: none;
box-shadow: 0 0 0 4px #8a857a26;
}
.yac-switch {
grid-column-gap: 16px;
cursor: pointer;
border-bottom: 1px solid #ece9e0;
justify-content: space-between;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.yac-switch.is-on {
cursor: pointer;
}
.yac-switch__pista {
background-color: #dcd8cc;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
width: 40px;
height: 24px;
transition: background-color .2s;
position: relative;
}
.yac-switch__pista.is-on {
background-color: #8a857a;
}
.yac-switch__perilla {
background-color: #fff;
border-radius: 999px;
width: 20px;
height: 20px;
transition: transform .2s;
position: absolute;
top: 2px;
left: 2px;
box-shadow: 0 1px 3px #0a0a0a33;
}
.yac-switch__perilla.is-on {
transform: translateX(16px);
}
.ycu-verificar {
grid-column-gap: 16px;
grid-row-gap: 10px;
background-color: #f7f2e7;
border-radius: 12px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 12px;
padding: 14px 16px;
display: flex;
}
.ycu-verificar.is-oculta {
display: none;
}
.ycu-baja {
grid-row-gap: 12px;
background-color: #fbf6f4;
border: 1px solid #e7d5cf;
border-radius: 16px;
flex-direction: column;
padding: 24px;
display: flex;
}
.ycu-baja__titulo {
color: #8a3b2e;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.ycu-baja__paso {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.ycu-baja__paso.is-oculta {
display: none;
}
.ycu-casilla {
grid-column-gap: 10px;
cursor: pointer;
align-items: center;
display: flex;
}
.ycu-casilla__caja {
color: #0000;
background-color: #fff;
border: 1.5px solid #cfc9bc;
border-radius: 6px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 1;
transition: background-color .2s, color .2s;
display: flex;
}
.ycu-casilla__caja.is-on {
color: #fff;
background-color: #8a3b2e;
border-color: #8a3b2e;
}
.ycu-casilla__txt {
color: #1f1f1f;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.pagar-incluye {
text-align: left;
background-color: #f1ede4;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
width: 100%;
min-height: 300px;
margin: 12px 0 16px;
padding: 20px 3% 20px 0;
display: flex;
position: relative;
overflow: hidden;
}
.pagar-incluye.is-oculto {
display: none;
}
.pagar-incluye__ventana {
width: 54%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.pagar-incluye__moto {
max-width: none;
position: absolute;
}
.pagar-incluye__moto.is-huracan {
height: 118%;
top: -6%;
left: -115%;
}
.pagar-incluye__moto.is-tormenta {
height: 99%;
top: 1%;
left: -93%;
}
.pagar-incluye__moto.is-m2 {
height: 94%;
top: 4%;
left: -58%;
}
.pagar-incluye__lista {
z-index: 5;
text-align: left;
flex-direction: column;
row-gap: 10px;
width: 45%;
display: flex;
position: relative;
}
.pagar-incluye__grupo {
flex-direction: column;
row-gap: 10px;
display: flex;
}
.pagar-incluye__grupo.is-oculto {
display: none;
}
.ycu-promo__chip {
color: #4a463f;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #edeae1;
border-radius: 999px;
align-items: center;
padding: 5px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
display: none;
}
.ycu-promo__chip.is-on {
display: inline-flex;
}
.ycu-promos {
display: block;
}
.ycu-promos__lista {
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.ycu-promo {
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 18px;
flex-direction: column;
padding: 22px 24px;
transition: box-shadow .22s, border-color .22s;
display: flex;
box-shadow: 0 1px #0a0a0a05;
}
.ycu-promo:hover {
border-color: #dcd8cc;
box-shadow: 0 10px 28px #0a0a0a0f;
}
.ycu-promo.is-cerrada {
display: none;
}
.ycu-promo__cuerpo {
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.ycu-promo__titulo {
color: #1f1f1f;
letter-spacing: .02em;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 800;
line-height: 1.3;
}
.ycu-promo__fila {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.ycu-promo__dato {
display: none;
}
.ycu-promo__estado {
color: #4a463f;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #edeae1;
border-radius: 999px;
align-items: center;
padding: 5px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
display: none;
}
.ycu-promo__estado.is-on {
display: inline-flex;
}
.ycu-promo__estado.is-viva {
color: #3f5a3a;
background-color: #e3eadf;
}
.ycu-promo__escasez {
color: #6b5321;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
background-color: #f3e9d7;
border-radius: 999px;
align-items: center;
padding: 5px 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
display: none;
}
.ycu-promo__escasez.is-on {
display: inline-flex;
}
.ycu-promo__beneficio {
color: #67635b;
max-height: 45px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
overflow: hidden;
}
.ycu-promo__bdato {
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.ycu-promo__bk {
color: #8a857a;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.ycu-promo__bv {
color: #4a463f;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.55;
}
.ycu-promo__bases {
grid-row-gap: 10px;
border-top: 1px solid #ece9e0;
flex-direction: column;
padding-top: 12px;
display: none;
}
.ycu-promo__bases.is-abierta {
display: flex;
}
.ycu-promo__bnota {
color: #8a857a;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.yac-avatar__foto {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.yac-avatar__foto.is-oculta {
display: none;
}
.yac-moto-foto {
object-fit: contain;
width: 100%;
height: 100%;
display: block;
}
.ypf-pagina {
color: #1f1f1f;
background-color: #f7f5ee;
min-height: 640px;
padding: 32px 5% 80px;
font-family: Montserrat, sans-serif;
}
.ypf-cargando {
grid-row-gap: 20px;
flex-direction: column;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.ypf-cargando.is-oculta {
display: none;
}
.ypf-cargando__cab {
grid-column-gap: 16px;
align-items: center;
padding: 0 32px;
display: flex;
}
.ypf-cargando__lineas {
grid-row-gap: 10px;
flex-direction: column;
flex-grow: 1;
max-width: 360px;
display: flex;
}
.ypf-contenido {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.ypf-contenido.is-oculta {
display: none;
}
.ypf-portada {
background-color: #e9e5da;
background-image: linear-gradient(115deg, #fff0 34%, #ffffff80 36% 41%, #fff0 43% 47%, #ffffff80 49% 54%, #fff0 56% 60%, #ffffff80 62% 67%, #fff0 69% 73%, #ffffff80 75% 80%, #fff0 82%), linear-gradient(160deg, #efebe1 0%, #e2ddd0 100%);
border-radius: 24px;
height: 280px;
position: relative;
overflow: hidden;
}
.ypf-portada__foto {
position: absolute;
inset: 0;
}
.ypf-portada__img {
object-fit: contain;
object-position: 100% 50%;
width: 56%;
height: 84%;
position: absolute;
top: 8%;
right: 4%;
}
.ypf-portada__velo {
background-image: linear-gradient(#f7f5ee00 0%, #f7f5eed9 100%);
height: 55%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.ypf-portada__marca {
z-index: 1;
color: #0a0a0ad9;
letter-spacing: .02em;
text-transform: none;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 24px;
left: 32px;
}
.ypf-identidad {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 12px;
align-items: flex-end;
margin-top: -60px;
padding: 0 32px;
display: flex;
position: relative;
}
.ypf-identidad__txt {
grid-row-gap: 4px;
flex-direction: column;
flex-grow: 1;
min-width: 0;
padding-bottom: 8px;
display: flex;
}
.ypf-nombre {
color: #1f1f1f;
letter-spacing: -.01em;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 1.1;
}
.ypf-sub {
color: #67635b;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.ypf-acciones {
grid-column-gap: 14px;
grid-row-gap: 10px;
flex-wrap: wrap;
align-items: center;
padding-bottom: 8px;
display: flex;
}
.ypf-stats {
grid-column-gap: 40px;
border-bottom: 1px solid #e7e4da;
padding: 22px 32px;
display: flex;
}
.ypf-stat {
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.ypf-stat__num {
color: #1f1f1f;
letter-spacing: -.01em;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 1.1;
}
.ypf-stat__k {
color: #8a857a;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.ypf-tabs {
margin-top: 8px;
}
.ypf-tabs__menu {
grid-column-gap: 28px;
border-bottom: 1px solid #e7e4da;
padding: 0 32px;
display: flex;
overflow: auto hidden;
}
.ypf-tab {
color: #737373;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
border-bottom: 3px solid #1f1f1f00;
padding: 16px 2px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
transition: color .2s, border-color .2s;
}
.ypf-tab:hover {
color: #1f1f1f;
}
.ypf-tab.is-activa {
color: #1f1f1f;
border-bottom-color: #1f1f1f;
}
.ypf-tabs__contenido {
padding: 28px 32px;
}
.ypf-panel {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.ypf-panel.is-oculta {
display: none;
}
.ypf-moto-hero {
grid-column-gap: 32px;
grid-row-gap: 20px;
background-image: linear-gradient(115deg, #fff0 8%, #ffffff8c 10% 15%, #fff0 17% 21%, #ffffff8c 23% 28%, #fff0 30% 34%, #ffffff8c 36% 41%, #fff0 43%), linear-gradient(135deg, #fafaf6 0%, #ece8dd 100%);
border: 1px solid #e7e4da;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: center;
min-height: 320px;
padding: 32px;
display: grid;
box-shadow: 0 1px 2px #0a0a0a08, 0 18px 48px #0a0a0a0d;
}
.ypf-moto-hero.is-oculta {
display: none;
}
.ypf-moto-hero__foto {
justify-content: center;
align-items: center;
height: 280px;
display: flex;
position: relative;
}
.ypf-moto-hero__img {
z-index: 1;
object-fit: contain;
width: 100%;
height: 100%;
position: relative;
}
.yac-piso {
background-image: radial-gradient(closest-side, #0a0a0a1a, #0a0a0a00);
height: 18px;
position: absolute;
bottom: 4px;
left: 15%;
right: 15%;
}
.ypf-moto-hero__datos {
grid-row-gap: 14px;
flex-direction: column;
align-items: flex-start;
min-width: 0;
display: flex;
}
.ypf-moto-hero__nombre {
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.ypf-filas {
flex-direction: column;
width: 100%;
display: flex;
}
.ypf-motos {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.ypf-motos.is-oculta {
display: none;
}
.ypf-moto-mini {
grid-row-gap: 10px;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 16px;
flex-direction: column;
padding: 18px;
transition: box-shadow .22s, border-color .22s;
display: flex;
}
.ypf-moto-mini:hover {
border-color: #dcd8cc;
box-shadow: 0 10px 28px #0a0a0a14;
}
.ypf-moto-mini__foto {
background-color: #f1ede5;
border-radius: 12px;
justify-content: center;
align-items: center;
height: 120px;
display: flex;
overflow: hidden;
}
.ypf-vacio__foto {
opacity: .3;
justify-content: center;
align-items: center;
width: 260px;
height: 150px;
display: flex;
position: relative;
}
.ypf-linea {
border-left: 1px solid #e2ddd1;
flex-direction: column;
margin-left: 6px;
padding-left: 24px;
display: flex;
}
.ypf-linea.is-oculta {
display: none;
}
.ypf-evento {
grid-row-gap: 4px;
flex-direction: column;
padding-bottom: 20px;
display: flex;
position: relative;
}
.ypf-evento.is-oculta {
display: none;
}
.ypf-evento__punto {
background-color: #cfc9bc;
border-radius: 999px;
width: 10px;
height: 10px;
position: absolute;
top: 4px;
left: -30px;
}
.ypf-evento__punto.is-hito {
background-color: #8a857a;
width: 12px;
height: 12px;
top: 3px;
left: -31px;
}
.ypf-evento__fecha {
color: #8a857a;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.ypf-evento__texto {
color: #1f1f1f;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.yac-modelo-txt {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: none;
font-family: Droidiga, Times New Roman, sans-serif;
font-size: 15px;
font-weight: 700;
}
.ypf-personalizar {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
display: grid;
}
.ypf-bloque {
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.ypf-bloque.is-oculta {
display: none;
}
.ypf-foto-fila {
grid-column-gap: 14px;
grid-row-gap: 10px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.ypf-tonos {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
display: flex;
}
.ypf-tono {
cursor: pointer;
background-color: #f0ede4;
border: 1px solid #e2ddd1;
border-radius: 999px;
width: 40px;
height: 40px;
transition: box-shadow .2s, transform .2s;
}
.ypf-tono:hover {
transform: scale(1.08);
}
.ypf-tono.is-hueso {
background-color: #f0ede4;
}
.ypf-tono.is-arena {
background-color: #e6dcc8;
}
.ypf-tono.is-piedra {
background-color: #d9d5cc;
}
.ypf-tono.is-salvia {
background-color: #dce3d6;
}
.ypf-tono.is-niebla {
background-color: #dce1e6;
}
.ypf-tono.is-rosa {
background-color: #ebdad8;
}
.ypf-tono.is-activa {
box-shadow: 0 0 0 2px #f7f5ee, 0 0 0 4px #1f1f1f;
}
.ypf-portadas {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.ypf-portada-op {
cursor: pointer;
background-color: #e9e5da;
border: 2px solid #1f1f1f00;
border-radius: 12px;
height: 88px;
transition: border-color .2s, transform .2s;
position: relative;
overflow: hidden;
}
.ypf-portada-op:hover {
border-color: #cfc9bc;
transform: translateY(-2px);
}
.ypf-portada-op.is-activa {
border-color: #1f1f1f;
}
.ypf-portada-op__foto {
justify-content: center;
align-items: center;
padding: 6px 6px 18px;
display: flex;
position: absolute;
inset: 0;
}
.ypf-portada-op__img {
object-fit: contain;
width: 100%;
height: 100%;
}
.ypf-portada-op__k {
z-index: 2;
color: #4a463f;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
position: absolute;
bottom: 6px;
left: 8px;
}
.ypf-elige-lista {
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.ypf-elige {
grid-column-gap: 12px;
cursor: pointer;
background-color: #fff;
border: 1px solid #e7e4da;
border-radius: 12px;
justify-content: space-between;
align-items: center;
padding: 12px 14px;
transition: border-color .2s, box-shadow .2s;
display: flex;
}
.ypf-elige:hover {
border-color: #cfc9bc;
}
.ypf-elige.is-activa {
border-color: #1f1f1f;
box-shadow: 0 0 0 1px #1f1f1f;
}
.ypf-guardar {
z-index: 5;
grid-column-gap: 14px;
grid-row-gap: 10px;
background-color: #fffffff0;
border: 1px solid #e7e4da;
border-radius: 16px;
flex-wrap: wrap;
align-items: center;
margin-top: 8px;
padding: 14px 18px;
display: flex;
position: sticky;
bottom: 16px;
box-shadow: 0 10px 30px #0a0a0a14;
}
.yac-avatar__velo {
z-index: 2;
color: #1f1f1f;
letter-spacing: .12em;
text-transform: uppercase;
cursor: pointer;
background-color: #f7f5eed1;
justify-content: center;
align-items: center;
height: 30%;
font-family: Montserrat, sans-serif;
font-size: 9px;
font-weight: 700;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.yaii-videohero__video {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.yaii-videohero__pausa {
z-index: 3;
cursor: pointer;
background-color: #f7f5eeb8;
border: 1px solid #f7f5eee6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 0;
transition: background-color .2s;
display: flex;
position: absolute;
bottom: 40px;
right: 6vw;
}
.yaii-videohero__pausa:hover {
background-color: #f7f5eef2;
}
.yaii-videohero__pausa:focus-visible, .yaii-videohero__pausa[data-wf-focus-visible] {
outline-offset: 3px;
outline: 2px solid #f7f5ee;
}
.yaii-videohero__pausa-icono {
border-left: 3px solid #141414;
border-right: 3px solid #141414;
width: 10px;
height: 14px;
display: block;
}
.yaii-videohero__pausa-icono.yaii-videohero__pausa-icono--play {
border-width: 7px 0 7px 11px;
border-top-style: solid;
border-top-color: #0000;
border-bottom-style: solid;
border-bottom-color: #0000;
width: 0;
height: 0;
margin-left: 3px;
}
.ycar-entrega {
margin-bottom: 14px;
}
.ycar-entrega.is-oculta {
display: none;
}
.ycar-titulo {
color: #0a0a0a;
letter-spacing: .12em;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.ycar-op {
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e7e4da;
border-radius: 6px;
align-items: center;
column-gap: 10px;
margin-bottom: 8px;
padding: 10px 12px;
transition: border-color .18s;
display: flex;
}
.ycar-op:hover {
border-color: #b9b5a8;
}
.ycar-op.is-activa, .ycar-op.is-activa:hover {
border-color: #0a0a0a;
}
.ycar-op__punto {
background-color: #fff;
border: 1.5px solid #b9b4a6;
border-radius: 50%;
flex: none;
width: 16px;
height: 16px;
}
.ycar-op__punto.is-activa {
border-width: 5px;
border-color: #0a0a0a;
}
.ycar-op__cuerpo {
flex: 1;
min-width: 0;
}
.ycar-op__nombre {
color: #0a0a0a;
letter-spacing: .04em;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.ycar-op__desc {
color: #737373;
margin-top: 2px;
font-family: Montserrat, sans-serif;
font-size: 10.5px;
font-weight: 500;
line-height: 1.45;
}
.ycar-op__precio {
color: #0a0a0a;
text-align: right;
white-space: nowrap;
flex: none;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.ycar-barra {
color: #3d3a35;
text-align: center;
background-color: #f0ede4;
border-radius: 6px;
margin-bottom: 8px;
padding: 9px 12px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.ycar-barra.is-gratis {
color: #2f5a3a;
background-color: #e9f0e6;
}
.ycar-barra.is-oculta {
display: none;
}
.ycar-aviso {
color: #7a2e1f;
background-color: #f7efea;
border-left: 2px solid #b4532a;
border-radius: 4px;
margin-bottom: 8px;
padding: 8px 10px;
font-family: Montserrat, sans-serif;
font-size: 10.5px;
font-weight: 600;
line-height: 1.45;
}
.ycar-aviso.is-oculta {
display: none;
}
.ycar-envio {
justify-content: space-between;
align-items: baseline;
column-gap: 12px;
margin-bottom: 8px;
display: flex;
}
.ycar-envio.is-oculta {
display: none;
}
.ycar-envio__label {
color: #737373;
letter-spacing: .02em;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
}
.ycar-envio__monto {
color: #0a0a0a;
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
}
.ycar-pagar {
cursor: pointer;
}
.ycar-pagar.is-falta {
color: #5f5c55;
background-color: #e7e4da;
}
.ycar-pagar.is-falta:hover {
color: #5f5c55;
background-color: #e7e4da;
transform: none;
}
.ycar-pop {
z-index: 4200;
background-color: #0a0a0a8c;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0;
}
.ycar-pop.is-abierta {
display: flex;
}
.ycar-pop__marco {
border-style: none;
border-width: 0;
width: 100%;
height: 910px;
max-height: 80vh;
display: block;
}
.ycar-pop__marco.is-corto {
height: 611px;
}
.ycar-agotado {
z-index: 5;
color: #5f5c55;
letter-spacing: .08em;
cursor: default;
background-color: #e7e4da;
border-radius: 4px;
align-items: center;
padding: 8px 12px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
display: inline-flex;
position: absolute;
bottom: 12px;
right: 12px;
}
.ycar-solicitar {
z-index: 5;
color: #0a0a0a;
letter-spacing: .08em;
cursor: pointer;
background-color: #f7f5ee;
border: 1px solid #0a0a0a;
border-radius: 4px;
align-items: center;
padding: 7px 11px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
transition: background-color .18s, transform .18s;
display: inline-flex;
position: absolute;
bottom: 12px;
right: 12px;
}
.ycar-solicitar:hover {
background-color: #efede4;
transform: translateY(-1px);
}
.ysr-modal {
z-index: 4200;
background-color: #0a0a0a73;
justify-content: center;
align-items: center;
padding: 16px;
display: none;
position: fixed;
inset: 0;
}
.ysr-modal.is-abierta {
display: flex;
}
.ysr-caja {
background-color: #fafaf6;
border-radius: 10px;
width: 100%;
max-width: 520px;
max-height: 90vh;
padding: 30px 26px 22px;
position: relative;
overflow-y: auto;
}
.ysr-cerrar {
z-index: 2;
color: #737373;
cursor: pointer;
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 1;
position: absolute;
top: 10px;
right: 14px;
}
.ysr-titulo {
color: #0a0a0a;
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 800;
line-height: 1.25;
}
.ysr-copy {
color: #67635b;
margin-top: 0;
margin-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: 12.5px;
font-weight: 500;
line-height: 1.55;
}
.ysr-ayuda {
color: #8b8677;
margin-top: -12px;
margin-bottom: 18px;
padding-left: 4px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
}
.ysr-bloqueo {
overflow: hidden;
}
.app-pagina {
color: #0a0a0a;
background-color: #f4f1ea;
font-family: Montserrat, sans-serif;
}
.app-env {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.app-eyebrow {
color: #5e5a52;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.app-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.app-h2 {
color: #0a0a0a;
letter-spacing: -.015em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.14;
}
.app-lead {
color: #2a2823;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 1.55;
}
.app-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.6;
}
.app-legal {
color: #77736a;
margin-top: 16px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.app-modelo {
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.app-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 28px;
display: flex;
}
.app-btn {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: transform .25s, box-shadow .25s;
display: inline-flex;
}
.app-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.app-btn-linea {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s;
display: inline-flex;
}
.app-btn-linea:hover {
background-color: #e9e4d8;
}
.app-hero {
background-color: #f4f1ea;
padding: 32px 40px 56px;
position: relative;
overflow: hidden;
}
.app-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 440px;
align-items: center;
display: grid;
}
.app-hero-txt {
max-width: 560px;
}
.app-tiendas {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 20px;
display: flex;
}
.app-pildora {
color: #5e5a52;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #fafaf6;
border: 1px solid #dcd7cb;
border-radius: 999px;
padding: 9px 14px;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.app-hero-media {
background-color: #e9e1d3;
border-radius: 6px;
height: 520px;
position: relative;
overflow: hidden;
box-shadow: 0 40px 70px -40px #281e0f73;
}
.app-hero-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
display: block;
}
.app-red {
background-color: #fafaf6;
padding: 64px 40px;
}
.app-cards {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 32px;
display: grid;
}
.app-card {
background-color: #f4f1ea;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 28px 28px 30px;
transition: transform .35s, box-shadow .35s;
}
.app-card:hover {
transform: translateY(-4px);
box-shadow: 0 24px 40px -28px #281e0f73;
}
.app-card-n {
color: #cfcbc0;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 18px;
font-size: 48px;
font-weight: 800;
line-height: 1;
}
.app-card-t {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 10px;
font-size: 19px;
font-weight: 800;
line-height: 1.25;
}
.app-card-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1.6;
}
.app-renta {
background-color: #ece8de;
padding: 72px 40px 64px;
overflow: hidden;
}
.app-renta-grid {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
display: grid;
}
.app-pasos {
border-top: 1px solid #dcd7cb;
margin-top: 20px;
}
.app-paso {
grid-column-gap: 16px;
border-bottom: 1px solid #dcd7cb;
align-items: flex-start;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.app-paso-n {
color: #0a0a0a;
letter-spacing: .12em;
flex: 0 0 28px;
margin-top: 3px;
margin-bottom: 0;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
}
.app-paso-t {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
}
.app-teles {
grid-column-gap: 22px;
justify-content: center;
align-items: center;
padding-top: 28px;
display: flex;
}
.app-tel {
background-color: #1d1d1f;
border-radius: 36px;
flex: none;
width: 200px;
height: 420px;
padding: 7px;
transition: transform .45s cubic-bezier(.2, .7, .2, 1);
box-shadow: 0 40px 60px -34px #281e0f8c, 0 0 0 1px #3a3a3c;
}
.app-tel:hover {
transform: translateY(-8px);
}
.app-tel.app-tel--centro {
transform: translateY(-28px);
}
.app-tel.app-tel--centro:hover {
transform: translateY(-36px);
}
.app-tel-pantalla {
background-color: #f4f1ea;
border-radius: 30px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.app-tel-img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
display: block;
}
.app-tel-isla {
z-index: 2;
background-color: #0b0b0b;
border-radius: 12px;
width: 64px;
height: 19px;
position: absolute;
top: 9px;
left: 50%;
transform: translateX(-50%);
}
.app-lista {
background-color: #f4f1ea;
padding: 64px 40px 72px;
}
.app-lista-grid {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.app-lista-txt {
max-width: 520px;
}
.app-form-caja {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 28px;
box-shadow: 0 30px 50px -40px #281e0f73;
}
.app-form, .app-form._w-form {
grid-row-gap: 12px;
flex-direction: column;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.app-campo {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
height: 48px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.app-campo:focus {
border-color: #0a0a0a;
}
.app-campo._w-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
height: 48px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.app-campo._w-input:focus {
border-color: #0a0a0a;
}
.app-campo._w-input-1-2 {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
height: 48px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.app-campo._w-input-1-2:focus {
border-color: #0a0a0a;
}
.app-check {
grid-column-gap: 10px;
cursor: pointer;
align-items: flex-start;
margin-top: 4px;
margin-bottom: 6px;
font-weight: 400;
display: flex;
}
.app-check-txt {
color: #5e5a52;
font-size: 13px;
line-height: 1.5;
}
.app-check-link {
color: #0a0a0a;
text-decoration: underline;
}
.app-enviar {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
width: 100%;
min-height: 48px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
transition: box-shadow .25s;
}
.app-enviar:hover {
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.app-enviar._w-button {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
width: 100%;
min-height: 48px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
transition: box-shadow .25s;
}
.app-enviar._w-button:hover {
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.app-ok {
color: #0a0a0a;
text-align: left;
background-color: #ece8de;
border-radius: 6px;
padding: 20px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.app-error {
color: #5a2a1a;
text-align: left;
background-color: #f3e6de;
border-radius: 6px;
margin-top: 12px;
padding: 14px 16px;
font-size: 14px;
line-height: 1.5;
}
.app-msg {
margin-top: 0;
margin-bottom: 0;
}
.legal-indice {
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 16px;
margin-top: 28px;
margin-bottom: 8px;
padding: 22px 26px 18px;
font-family: Montserrat, sans-serif;
}
.legal-indice__titulo {
color: #6b6b6b;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.legal-indice__lista {
grid-template-columns: 1fr 1fr;
gap: 0 32px;
display: grid;
}
.legal-indice__link {
color: #1f1f1f;
border-bottom: 1px solid #ece8de;
padding-top: 8px;
padding-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 13.5px;
font-weight: 600;
line-height: 1.45;
text-decoration: none;
transition-property: color, padding-left;
transition-duration: .2s;
transition-timing-function: ease;
display: block;
}
.legal-indice__link:hover {
color: #67635b;
padding-left: 4px;
}
.ecs-seccion {
color: #1f1f1f;
background-color: #f7f5ee;
padding: 64px 40px;
scroll-margin-top: 100px;
font-family: Montserrat, sans-serif;
}
.ecs-seccion-hueso {
color: #1f1f1f;
background-color: #f0ede4;
padding: 64px 40px;
scroll-margin-top: 100px;
font-family: Montserrat, sans-serif;
}
.ecs-hero {
color: #1f1f1f;
background-color: #f0ede4;
padding: 56px 40px 72px;
font-family: Montserrat, sans-serif;
}
.ecs-contenedor {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.ecs-kicker {
color: #737373;
letter-spacing: .22em;
text-transform: uppercase;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.ecs-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 52px;
font-weight: 800;
line-height: 1.04;
}
.ecs-h2 {
color: #0a0a0a;
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.1;
}
.ecs-lead {
color: #3a3833;
max-width: 520px;
margin-top: 0;
margin-bottom: 28px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.55;
}
.ecs-texto {
color: #3a3833;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.ecs-nota {
color: #737373;
margin-top: 16px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
}
.ecs-cabeza {
text-align: center;
max-width: 760px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
}
.ecs-botones {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.ecs-botones-centro {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 28px;
display: flex;
}
.ecs-boton {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 14px 28px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: transform .25s, box-shadow .25s, background-color .25s;
display: inline-flex;
}
.ecs-boton:hover {
background-color: #cfcbc0;
background-image: linear-gradient(135deg, #e3dfd3 0%, #b3afa3 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a2e;
}
.ecs-boton-linea {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 14px 28px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: transform .25s, box-shadow .25s, background-color .25s;
display: inline-flex;
}
.ecs-boton-linea:hover {
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
transform: translateY(-3px);
box-shadow: 0 8px 20px #0a0a0a1f;
}
.ecs-enlace {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: color .2s, transform .2s;
display: inline-block;
}
.ecs-enlace:hover {
color: #737373;
transform: translateX(3px);
}
.ecs-hero__grid {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-columns: .9fr 1.1fr;
align-items: center;
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.ecs-hero__img {
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 20px;
width: 100%;
display: block;
box-shadow: 0 30px 60px #0a0a0a1f;
}
.ycx-perso {
grid-column-gap: 28px;
grid-row-gap: 18px;
color: #1f1f1f;
cursor: pointer;
background-color: #f7f5ee;
background-image: linear-gradient(115deg, #fff0 50%, #fff9 52% 56%, #fff0 58% 61%, #fff9 63% 67%, #fff0 69% 72%, #fff9 74% 78%, #fff0 80%), linear-gradient(135deg, #f7f5ee 0%, #ece8dd 100%);
border: 1px solid #e7e4da;
border-radius: 18px;
grid-template-columns: 1fr auto;
align-items: center;
padding: 26px 28px;
text-decoration: none;
transition: transform .22s, box-shadow .22s, border-color .22s;
display: grid;
box-shadow: 0 1px #0a0a0a05;
}
.ycx-perso:hover {
color: #1f1f1f;
border-color: #cfc9bc;
transform: translateY(-3px);
box-shadow: 0 14px 32px #0a0a0a14;
}
.ecs-piezas {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(5, minmax(0, 1fr));
display: grid;
}
.ecs-viene {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(4, minmax(0, 1fr));
display: grid;
}
.ecs-pieza {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #e4e0d6;
border-radius: 18px;
flex-direction: column;
text-decoration: none;
transition: transform .35s, box-shadow .35s, border-color .35s;
display: flex;
overflow: hidden;
}
.ecs-pieza:hover {
border-color: #cfcbc0;
transform: translateY(-6px);
box-shadow: 0 20px 40px #0a0a0a1a;
}
.ecs-pieza__img {
aspect-ratio: 3 / 2;
object-fit: cover;
background-color: #e9e6dd;
width: 100%;
display: block;
}
.ecs-viene__img {
aspect-ratio: 2;
object-fit: cover;
background-color: #e9e6dd;
width: 100%;
display: block;
}
.ecs-pieza__cuerpo {
grid-row-gap: 6px;
flex-direction: column;
flex-grow: 1;
padding: 18px 18px 20px;
display: flex;
}
.ecs-pieza__num {
color: #8a867c;
letter-spacing: .18em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.ycx-perso__txt {
grid-row-gap: 8px;
flex-direction: column;
min-width: 0;
display: flex;
}
.ecs-pieza__texto {
color: #4a4740;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.ycx-perso__titulo {
color: #1f1f1f;
letter-spacing: -.01em;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
line-height: 1.25;
}
.ecs-pieza__pie {
grid-column-gap: 16px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-top: auto;
padding-top: 12px;
display: flex;
}
.ecs-pieza__titulo {
color: #0a0a0a;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 800;
line-height: 1.2;
}
.ecs-pieza__enlace {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.ycx-perso__lado {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-end;
display: flex;
}
.ecs-pieza__estado {
color: #5e5b54;
letter-spacing: .16em;
text-transform: uppercase;
background-color: #e9e6dd;
border-radius: 999px;
padding: 6px 10px;
font-family: Montserrat, sans-serif;
font-size: 10px;
font-weight: 700;
display: inline-block;
}
.ycx-perso__tonos {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
display: flex;
}
.ecs-split {
grid-column-gap: 64px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
align-items: center;
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.ecs-split__img {
aspect-ratio: 4 / 3;
object-fit: cover;
background-color: #e9e6dd;
border-radius: 20px;
width: 100%;
display: block;
}
.ecs-img-natural {
border-radius: 20px;
width: 100%;
height: auto;
display: block;
}
.ecs-orden-izq {
order: -1;
}
.ecs-pasos {
border-left: 1px solid #cfcbc0;
margin-top: 12px;
margin-left: 16px;
}
.ecs-paso {
padding: 0 0 14px 32px;
position: relative;
}
.ecs-paso:last-child {
padding-bottom: 0;
}
.ecs-paso__num {
color: #0a0a0a;
background-color: #f0ede4;
border: 1px solid #0a0a0a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 800;
transition: background-color .25s, color .25s;
display: flex;
position: absolute;
top: -2px;
left: -17px;
}
.ecs-paso__num:hover {
background-color: #d5d1c5;
}
.ecs-paso__titulo {
color: #0a0a0a;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 3px;
padding-top: 5px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
}
.ecs-paso__texto {
color: #4a4740;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.ecs-datos {
grid-column-gap: 28px;
grid-row-gap: 16px;
border-top: 1px solid #ddd9ce;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
margin-top: 8px;
margin-bottom: 24px;
padding-top: 20px;
display: grid;
}
.ecs-dato {
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.flo-pagina {
color: #0a0a0a;
background-color: #f4f1ea;
font-family: Montserrat, sans-serif;
}
.flo-env {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.flo-eyebrow {
color: #5e5a52;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.flo-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.flo-h2 {
color: #0a0a0a;
letter-spacing: -.015em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.14;
}
.flo-lead {
color: #2a2823;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 1.55;
}
.flo-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.6;
}
.flo-legal {
color: #77736a;
margin-top: 16px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.flo-modelo {
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.flo-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 28px;
display: flex;
}
.flo-btn {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: transform .25s, box-shadow .25s;
display: inline-flex;
}
.flo-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.flo-btn-linea {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #fafaf699;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background-color .25s;
display: inline-flex;
}
.flo-btn-linea:hover {
background-color: #e9e4d8;
}
.flo-rev {
opacity: 1;
transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1);
transform: none;
}
.flo-rev.is-espera {
opacity: 0;
transform: translateY(28px);
}
.flo-hero {
background-color: #f4f1ea;
padding: 24px 40px 0;
}
.flo-hero-panel {
background-color: #f0ebe0;
border-radius: 6px;
align-items: center;
max-width: 1200px;
height: 470px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.flo-hero-img {
object-fit: cover;
object-position: 50% 50%;
width: 60%;
height: 100%;
position: absolute;
top: 0;
left: auto;
right: 0;
}
.flo-hero-velo {
background-image: linear-gradient(90deg, #f0ebe0 0% 40%, #f0ebe000 54%);
position: absolute;
inset: 0;
}
.flo-hero-txt {
z-index: 2;
width: 44%;
max-width: 500px;
padding-left: 56px;
padding-right: 24px;
position: relative;
}
.flo-cifras {
border-bottom: 1px solid #dcd7cb;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.flo-cifra {
border-right: 1px solid #dcd7cb;
padding: 22px 24px 24px;
}
.flo-cifra-n {
color: #0a0a0a;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 6px;
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.flo-cifra-t {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.45;
}
.flo-dato {
background-color: #fafaf6;
padding: 56px 40px;
}
.flo-dato-grid {
grid-column-gap: 64px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 5fr 6fr;
align-items: center;
display: grid;
}
.flo-dato-viz {
background-color: #f4f1ea;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 36px 32px 32px;
}
.flo-dato-num {
color: #0a0a0a;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 6px;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.flo-dato-de {
color: #5e5a52;
margin-top: 0;
margin-bottom: 22px;
font-size: 15px;
line-height: 1.45;
}
.flo-barra {
background-color: #e9e4d8;
border-radius: 4px;
height: 44px;
display: flex;
overflow: hidden;
}
.flo-barra-moto {
background-color: #b9b2a3;
align-items: center;
width: 32%;
padding-left: 12px;
display: flex;
}
.flo-barra-etq {
color: #0a0a0a;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.flo-barra-resto {
flex: auto;
}
.flo-jornada {
grid-column-gap: 16px;
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.flo-jornada-t {
color: #77736a;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
line-height: 1.4;
}
.flo-inc {
background-color: #ece8de;
padding: 56px 40px;
}
.flo-inc-grid {
grid-column-gap: 64px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
display: grid;
}
.flo-motos {
height: 300px;
position: relative;
}
.flo-moto {
object-fit: contain;
width: 82%;
height: auto;
transition: transform .6s cubic-bezier(.2, .7, .2, 1);
position: absolute;
bottom: 0;
left: 18%;
}
.flo-moto.flo-moto--atras {
opacity: .9;
width: 70%;
bottom: 46%;
left: 0%;
}
.flo-inc-pie {
color: #5e5a52;
border-top: 1px solid #dcd7cb;
margin-top: 18px;
margin-bottom: 0;
padding-top: 14px;
font-size: 14px;
line-height: 1.5;
}
.flo-items {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 24px;
display: grid;
}
.flo-item {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 18px 20px 20px;
transition: transform .35s, box-shadow .35s;
}
.flo-item:hover {
transform: translateY(-3px);
box-shadow: 0 20px 36px -26px #281e0f73;
}
.flo-item-n {
color: #b9b2a3;
letter-spacing: .12em;
margin-top: 0;
margin-bottom: 8px;
font-size: 12px;
font-weight: 800;
line-height: 1;
}
.flo-item-t {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 6px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.flo-item-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.flo-giros {
background-color: #e9e1d3;
flex-direction: column;
justify-content: center;
min-height: 600px;
padding: 56px 40px;
display: flex;
position: relative;
overflow: hidden;
}
.flo-giros-img {
object-fit: cover;
object-position: 22% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.flo-giros-velo {
background-image: linear-gradient(270deg, #f4f1eaf5 0%, #f4f1eae6 36%, #f4f1ea00 60%);
position: absolute;
inset: 0;
}
.flo-giros-cont {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: flex-end;
row-gap: 18px;
display: flex;
position: relative;
}
.flo-giros-cab {
width: 460px;
max-width: 100%;
}
.flo-giros-fila {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 12px;
width: 460px;
max-width: 100%;
display: grid;
}
.flo-giro {
background-color: #fafaf6e0;
border: 1px solid #dcd7cbe6;
border-radius: 6px;
padding: 20px 22px 22px;
}
.flo-giro-t {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.flo-giro-p {
color: #2a2823;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.flo-luz {
background-color: #fafaf6;
padding: 72px 40px 56px;
}
.flo-luz-grid {
grid-column-gap: 64px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
display: grid;
}
.flo-luz-viz {
background-color: #f4f1ea;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 28px 32px 26px;
}
.flo-luz-fila {
margin-bottom: 22px;
}
.flo-luz-cab {
grid-column-gap: 16px;
justify-content: space-between;
align-items: baseline;
margin-bottom: 10px;
display: flex;
}
.flo-luz-etq {
color: #5e5a52;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.flo-luz-cifra {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 800;
line-height: 1;
}
.flo-luz-u {
color: #77736a;
letter-spacing: 0;
font-size: 14px;
font-weight: 600;
}
.flo-luz-barra {
background-color: #e9e4d8;
border-radius: 4px;
height: 14px;
overflow: hidden;
}
.flo-luz-gas {
background-color: #8f887a;
border-radius: 4px;
width: 100%;
height: 100%;
}
.flo-luz-elec {
background-color: #cfcbc0;
border-radius: 4px;
width: 5.3%;
height: 100%;
}
.flo-luz-anual {
color: #0a0a0a;
border-top: 1px solid #dcd7cb;
margin-top: 4px;
margin-bottom: 0;
padding-top: 14px;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
.flo-pasos {
background-color: #f4f1ea;
padding: 72px 40px;
}
.flo-linea {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 2px solid #0a0a0a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 28px;
display: grid;
}
.flo-paso {
padding-top: 22px;
}
.flo-paso-n {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 12px;
font-size: 32px;
font-weight: 800;
line-height: 1;
}
.flo-paso-t {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.flo-paso-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1.55;
}
.flo-lista {
background-color: #ece8de;
padding: 56px 40px 64px;
}
.flo-lista-grid {
grid-column-gap: 64px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 5fr 6fr;
align-items: start;
display: grid;
}
.flo-checks {
border-top: 1px solid #dcd7cb;
margin-top: 18px;
}
.flo-check-item {
color: #0a0a0a;
border-bottom: 1px solid #dcd7cb;
margin-top: 0;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
font-weight: 600;
line-height: 1.45;
}
.flo-form-caja {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 28px;
box-shadow: 0 30px 50px -40px #281e0f73;
}
.ecs-dato__num {
color: #0a0a0a;
letter-spacing: -.02em;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1;
}
.ecs-dato__txt {
color: #5e5b54;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.ecs-minis {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
margin-top: 8px;
margin-bottom: 20px;
display: grid;
}
.ecs-mini {
color: #1f1f1f;
background-color: #fff;
border: 1px solid #e4e0d6;
border-radius: 14px;
padding: 16px 18px;
text-decoration: none;
transition: transform .3s, box-shadow .3s, border-color .3s;
display: block;
}
.ecs-mini:hover {
border-color: #cfcbc0;
transform: translateY(-3px);
box-shadow: 0 12px 28px #0a0a0a14;
}
.ecs-mini__titulo {
color: #0a0a0a;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 800;
}
.ecs-mini__texto {
color: #4a4740;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.flo-form {
width: 100%;
margin-top: 0;
}
.flo-campo {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
width: 100%;
height: 48px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.flo-area {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
grid-column: span 2 / span 2;
width: 100%;
height: 104px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.flo-check {
cursor: pointer;
grid-column: span 2 / span 2;
align-items: flex-start;
column-gap: 10px;
margin-top: 4px;
margin-bottom: 0;
padding-left: 0;
font-weight: 400;
display: flex;
}
.flo-check-txt {
color: #5e5a52;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.5;
}
.flo-enviar {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
grid-column: span 2 / span 2;
width: 100%;
min-height: 48px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.flo-ok {
color: #0a0a0a;
text-align: left;
background-color: #ece8de;
border-radius: 6px;
padding: 20px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.flo-error {
color: #5a2a1a;
text-align: left;
background-color: #f3e6de;
border-radius: 6px;
margin-top: 12px;
padding: 14px 16px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.flo-msg {
margin-top: 0;
margin-bottom: 0;
}
.ecs-cierre {
text-align: center;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.inf-util-logo {
width: 56px;
height: auto;
margin: 0 auto 22px;
display: block;
}
.inf-util-kicker {
color: #4a4a4a;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #e2dfd6;
border-radius: 999px;
align-self: center;
margin-bottom: 16px;
padding: 7px 14px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.inf-util-titulo {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.1;
}
.inf-util-texto {
color: #6b6b6b;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.6;
}
.inf-util-label {
color: #4a4a4a;
text-align: left;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 18px;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
}
.inf-util-input {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #d5d1c5;
border-radius: 8px;
height: 48px;
margin-bottom: 12px;
padding-left: 14px;
padding-right: 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
}
.inf-util-boton {
color: #f7f5ee;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #1f1f1f;
border-radius: 8px;
height: 48px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 700;
transition-property: background-color;
transition-duration: .2s;
transition-timing-function: ease;
}
.inf-util-boton:hover {
background-color: #0a0a0a;
}
.inf-util-links {
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
margin-top: 22px;
display: flex;
}
.inf-util-link {
color: #4a4a4a;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition-property: color;
transition-duration: .2s;
transition-timing-function: ease;
}
.inf-util-link:hover {
color: #0a0a0a;
}
.ene-pagina {
color: #0a0a0a;
background-color: #f4f1ea;
font-family: Montserrat, sans-serif;
}
.ene-env {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.ene-eyebrow {
color: #5e5a52;
letter-spacing: .18em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.ene-h1 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 16px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.ene-h2 {
color: #0a0a0a;
letter-spacing: -.015em;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.14;
}
.ene-lead {
color: #2a2823;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 1.55;
}
.ene-txt {
color: #5e5a52;
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.6;
}
.ene-legal {
color: #77736a;
margin-top: 16px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.ene-modelo {
text-transform: lowercase;
font-family: Droidiga, Montserrat, sans-serif;
font-weight: 700;
}
.ene-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 24px;
display: flex;
}
.ene-btn {
color: #0a0a0a;
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: transform .25s, box-shadow .25s;
display: inline-flex;
}
.ene-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.ene-btn-linea {
grid-column-gap: 6px;
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: background-color .25s;
display: inline-flex;
}
.ene-btn-linea:hover {
background-color: #e9e4d8;
}
.ene-rev {
opacity: 1;
transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1);
transform: none;
}
.ene-rev.is-espera {
opacity: 0;
transform: translateY(28px);
}
.ene-hero {
background-color: #f4f1ea;
padding: 32px 40px 0;
}
.ene-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
display: grid;
}
.ene-hero-txt {
max-width: 500px;
}
.ene-hero-media {
background-color: #e9e1d3;
border-radius: 6px;
height: 460px;
position: relative;
overflow: hidden;
box-shadow: 0 40px 70px -44px #281e0f73;
}
.ene-hero-img {
object-fit: cover;
object-position: 55% 50%;
width: 100%;
height: 100%;
display: block;
}
.ene-indice {
border-top: 1px solid #dcd7cb;
border-bottom: 1px solid #dcd7cb;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 32px;
display: grid;
}
.ene-indice-item {
grid-column-gap: 14px;
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
border-right: 1px solid #dcd7cb;
align-items: center;
padding: 20px 24px;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
transition: background-color .25s;
display: flex;
}
.ene-indice-item:hover {
background-color: #ece8de;
}
.ene-indice-n {
color: #b9b2a3;
letter-spacing: -.02em;
font-size: 28px;
font-weight: 800;
line-height: 1;
}
.ene-cifras {
background-color: #f4f1ea;
padding: 48px 40px 56px;
}
.ene-cifras-fila {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.ene-cifra {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 24px 22px 22px;
}
.ene-cifra-n {
color: #0a0a0a;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 10px;
font-size: 44px;
font-weight: 800;
line-height: 1;
}
.ene-cifra-t {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.45;
}
.ene-casa, .ene-calle {
background-color: #fafaf6;
padding: 56px 40px;
}
.ene-red {
background-color: #f4f1ea;
padding: 56px 40px;
}
.ene-zig {
grid-column-gap: 64px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: center;
display: grid;
}
.ene-zig.ene-zig--inv {
grid-template-rows: auto;
grid-template-columns: 7fr 5fr;
}
.ene-zig-media {
aspect-ratio: 1;
background-color: #e9e1d3;
border-radius: 6px;
max-height: 460px;
position: relative;
overflow: hidden;
}
.ene-zig-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
display: block;
}
.ene-zig-img:hover {
transform: scale(1.03);
}
.ene-zig-txt {
max-width: none;
}
.ene-datos {
grid-column-gap: 16px;
border-top: 1px solid #dcd7cb;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 18px;
padding-top: 18px;
display: grid;
}
.ene-dato-n {
color: #0a0a0a;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 6px;
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.ene-dato-t {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.45;
}
.ene-frase {
color: #0a0a0a;
letter-spacing: -.01em;
border-left: 2px solid #0a0a0a;
margin-top: 24px;
margin-bottom: 0;
padding-left: 16px;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.ene-rapida {
background-color: #ece8de;
padding: 56px 40px;
}
.ene-rapida-cab {
grid-column-gap: 32px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.ene-sello {
color: #0a0a0a;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #fafaf6;
border: 1px solid #0a0a0a;
border-radius: 999px;
margin-top: 0;
margin-bottom: 14px;
padding: 10px 16px;
font-size: 11px;
font-weight: 800;
line-height: 1;
}
.ene-cargadores {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 24px;
display: grid;
}
.ene-cargador {
color: #0a0a0a;
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
flex-direction: column;
padding: 20px 22px 22px;
text-decoration: none;
transition: transform .35s, box-shadow .35s;
display: flex;
}
.ene-cargador:hover {
transform: translateY(-4px);
box-shadow: 0 24px 40px -28px #281e0f73;
}
.ene-cargador-foto {
background-color: #f4f1ea;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 150px;
margin-bottom: 16px;
padding: 14px;
display: flex;
}
.ene-cargador-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.ene-cargador-nombre {
color: #5e5a52;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.ene-cargador-tiempo {
color: #0a0a0a;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 2px;
font-size: 36px;
font-weight: 800;
line-height: 1;
}
.ene-cargador-det {
color: #77736a;
margin-top: 0;
margin-bottom: 14px;
font-size: 13px;
line-height: 1.4;
}
.ene-cargador-precio {
color: #0a0a0a;
border-top: 1px solid #dcd7cb;
margin-top: auto;
margin-bottom: 0;
padding-top: 12px;
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.ene-rapida-pie {
grid-column-gap: 32px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-end;
margin-top: 8px;
display: flex;
}
.ene-caminos {
background-color: #ece8de;
padding: 56px 40px;
}
.ene-caminos-fila {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 24px;
display: grid;
}
.ene-camino {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
flex-direction: column;
padding: 24px 24px 26px;
transition: transform .35s, box-shadow .35s;
display: flex;
}
.ene-camino:hover {
transform: translateY(-4px);
box-shadow: 0 24px 40px -28px #281e0f73;
}
.ene-camino-k {
color: #77736a;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.ene-camino-t {
color: #0a0a0a;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
font-weight: 800;
line-height: 1.25;
}
.ene-camino-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.55;
}
.ene-camino-link {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 16px;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-decoration: underline;
}
.ene-ganas {
grid-column-gap: 24px;
grid-row-gap: 16px;
border-top: 1px solid #cfcbc0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 28px;
padding-top: 20px;
display: grid;
}
.ene-gana-t {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 6px;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.ene-gana-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.ene-abre {
background-color: #fafaf6;
padding: 56px 40px 64px;
}
.ene-abre-grid {
grid-column-gap: 64px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 5fr 6fr;
align-items: start;
display: grid;
}
.ene-pasos {
border-top: 1px solid #dcd7cb;
margin-top: 18px;
}
.ene-paso {
grid-column-gap: 16px;
border-bottom: 1px solid #dcd7cb;
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.ene-paso-n {
color: #0a0a0a;
letter-spacing: .12em;
flex: 0 0 28px;
margin-top: 2px;
margin-bottom: 0;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
}
.ene-paso-t {
color: #0a0a0a;
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 4px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.ene-paso-p {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.ene-form {
width: 100%;
margin-top: 0;
}
.ene-campo {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
width: 100%;
height: 48px;
margin-top: 0;
margin-bottom: 12px;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.ene-area {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
width: 100%;
height: 110px;
margin-top: 0;
margin-bottom: 12px;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.ene-check {
cursor: pointer;
align-items: flex-start;
column-gap: 10px;
margin-top: 4px;
margin-bottom: 16px;
padding-left: 0;
font-weight: 400;
display: flex;
}
.ene-check-txt {
color: #5e5a52;
font-family: Montserrat, sans-serif;
font-size: 13px;
line-height: 1.5;
}
.ene-enviar {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
width: 100%;
min-height: 48px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.ene-ok {
color: #0a0a0a;
text-align: left;
background-color: #ece8de;
border-radius: 6px;
padding: 20px;
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.ene-error {
color: #5a2a1a;
text-align: left;
background-color: #f3e6de;
border-radius: 6px;
margin-top: 12px;
padding: 14px 16px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.rvp-dato {
color: #0a0a0a;
background-color: #fafaf6;
padding: 56px 40px;
font-family: Montserrat, sans-serif;
position: relative;
}
.rvp-dato-grid {
grid-column-gap: 64px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 6fr 5fr;
align-items: center;
display: grid;
}
.rvp-dato-txt {
max-width: 600px;
}
.rvp-jornada {
background-color: #f4f1ea;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 32px 30px 28px;
}
.rvp-num {
color: #0a0a0a;
letter-spacing: -.04em;
font-variant-numeric: tabular-nums;
margin-top: 0;
margin-bottom: 6px;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.rvp-num-de {
color: #5e5a52;
margin-top: 0;
margin-bottom: 24px;
font-size: 15px;
line-height: 1.45;
}
.rvp-horas {
grid-column-gap: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
}
.rvp-hora {
background-color: #e9e4d8;
border-radius: 3px;
align-items: flex-end;
height: 64px;
padding: 6px;
display: flex;
}
.rvp-hora.rvp-hora--moto {
background-color: #b9b2a3;
}
.rvp-hora.rvp-hora--media {
background-image: linear-gradient(90deg, #b9b2a3 0% 50%, #e9e4d8 50% 100%);
}
.rvp-hora-n {
color: #5e5a52;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.rvp-leyenda {
grid-column-gap: 16px;
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.rvp-leyenda-t {
color: #77736a;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
line-height: 1.4;
}
.rvp-leyenda-t.rvp-leyenda-t--moto {
color: #0a0a0a;
font-weight: 700;
}
.rvp-form-caja {
background-color: #fafaf6;
border: 1px solid #e2dfd6;
border-radius: 6px;
margin-top: 20px;
margin-bottom: 12px;
padding: 24px;
box-shadow: 0 30px 50px -40px #281e0f73;
}
.rvp-form, .rvp-form._w-form {
grid-row-gap: 10px;
flex-direction: column;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.rvp-campo, .rvp-campo._w-input, .rvp-campo._w-input-1-2 {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #dcd7cb;
border-radius: 6px;
height: 46px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 14px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 1.4;
}
.rvp-check {
grid-column-gap: 10px;
cursor: pointer;
align-items: flex-start;
margin-top: 4px;
margin-bottom: 6px;
font-weight: 400;
display: flex;
}
.rvp-check-txt {
color: #5e5a52;
font-size: 13px;
line-height: 1.5;
}
.rvp-check-link {
color: #0a0a0a;
text-decoration: underline;
}
.rvp-enviar, .rvp-enviar._w-button {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
width: 100%;
min-height: 46px;
padding: 14px 26px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.rvp-ok {
color: #0a0a0a;
text-align: left;
background-color: #ece8de;
border-radius: 6px;
padding: 20px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.rvp-error {
color: #5a2a1a;
text-align: left;
background-color: #f3e6de;
border-radius: 6px;
margin-top: 12px;
padding: 14px 16px;
font-size: 14px;
line-height: 1.5;
}
.rvp-msg {
margin-top: 0;
margin-bottom: 0;
}
.rvp-btn {
color: #0a0a0a;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #e5e2d7;
background-image: linear-gradient(135deg, #f0ede4 0%, #cfcbc0 100%);
border: 1px solid #0a0a0a;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: box-shadow .25s;
display: inline-flex;
}
.rvp-btn:hover {
box-shadow: 0 10px 24px -14px #281e0f8c;
}
.rvp-link {
color: #0a0a0a;
font-weight: 700;
text-decoration: underline;
}
.flo-form-grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 0;
margin-bottom: 0;
display: grid;
}
.enp-hero {
background-color: #e9e1d3;
justify-content: center;
align-items: center;
min-height: 600px;
padding: 40px 24px;
font-family: Montserrat, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.enp-hero.enp-hero--h27 {
background-color: #e9dfd2;
background-image: linear-gradient(#e9dfd2 0% 86.6%, #dfd3c3 87.3%, #c9b9a9 87.8%, #e0d4c4 88.2%, #e8dfd0 89%, #e9e0d2 100%);
}
.enp-hero.enp-hero--t27 {
background-color: #efdfcd;
background-image: linear-gradient(#efdfcd 0% 81.2%, #ead9c8 81.6%, #b9a693 81.9%, #e7d7c6 82.3%, #ecdfcf 83%, #ecdecd 100%);
}
.enp-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.enp-capa {
background-color: #2323268c;
position: absolute;
inset: 0;
}
.enp-txt {
z-index: 2;
text-align: center;
position: relative;
}
.enp-titulo {
color: #f7f5ee;
letter-spacing: .06em;
text-transform: uppercase;
text-shadow: 0 1px 2px #0a0a0aa6, 0 0 8px #0a0a0a73;
margin-top: 0;
margin-bottom: 14px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.05;
}
.enp-pronto {
color: #f0ede4;
letter-spacing: .3em;
text-transform: uppercase;
text-shadow: 0 1px 2px #0a0a0aa6;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.ene-form-caja {
background-color: #f4f1ea;
border: 1px solid #e2dfd6;
border-radius: 6px;
padding: 28px;
box-shadow: 0 30px 50px -40px #281e0f73;
}
.yspei-datos {
border-top: 1px solid #e7e4da;
margin-top: 16px;
}
.yspei-dato {
border-bottom: 1px solid #efece4;
flex-wrap: wrap;
align-items: center;
gap: 4px 12px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.yspei-dato.is-oculto {
display: none;
}
.yspei-k {
color: #67635b;
letter-spacing: .14em;
text-transform: uppercase;
flex: 0 0 100%;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.yspei-v {
color: #0a0a0a;
letter-spacing: .02em;
word-break: break-all;
flex: auto;
min-width: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.35;
}
.yspei-t {
color: #2a2825;
flex: auto;
min-width: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.yspei-nota {
color: #2a2825;
background-color: #f7f5ee;
border: 1px solid #e2ddd1;
border-radius: 10px;
margin-top: 16px;
padding: 12px 14px;
font-size: 13px;
line-height: 1.5;
}
.yspei-confirma {
color: #0a0a0a;
margin-top: 12px;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
}
.enp-modelo {
color: #f7f5ee;
text-transform: none;
text-shadow: 0 1px 2px #0a0a0aa6, 0 0 8px #0a0a0a73;
margin-top: 0;
margin-bottom: 14px;
font-family: Droidiga, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2;
}
.yspei-boton {
color: #0a0a0a;
cursor: pointer;
background-color: #fff;
border: 1px solid #0a0a0a;
border-radius: 6px;
justify-content: center;
align-items: center;
height: 48px;
margin-top: 16px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 600;
display: flex;
}
.yspei-boton:hover {
background-color: #f7f5ee;
}
.enp-foto-moto {
object-fit: cover;
object-position: 50% 50%;
width: auto;
max-width: none;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
}
.enp-foto-pano {
object-fit: cover;
object-position: 60% 75%;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.enp-foto-eco {
object-fit: cover;
object-position: 50% 20%;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.colab-franja {
background-color: #f7f5ee;
border-top: 1px solid #e4e0d6;
justify-content: center;
padding: 26px 6vw;
font-family: Montserrat, sans-serif;
display: flex;
}
.colab-franja__inner {
justify-content: space-between;
align-items: center;
gap: 20px 40px;
width: 100%;
max-width: 1220px;
display: flex;
}
.colab-franja__marca {
align-items: center;
column-gap: 28px;
display: flex;
}
.colab-franja__kicker {
color: #737373;
letter-spacing: .16em;
text-transform: uppercase;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
}
.colab-franja__sep {
background-color: #d9d5ca;
flex-shrink: 0;
width: 1px;
height: 28px;
}
.colab-franja__logo {
opacity: .85;
filter: grayscale();
width: auto;
max-width: none;
height: 22px;
transition: filter .25s, opacity .25s;
display: block;
}
.colab-franja__logo:hover {
opacity: 1;
filter: none;
}
.colab-franja__cta {
color: #0a0a0a;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
border: 1px solid #0a0a0a;
border-radius: 2px;
padding: 13px 24px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
transition: all .25s;
display: inline-block;
}
.colab-franja__cta:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.dis-linea {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 2px solid #0a0a0a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 28px;
display: grid;
}
.mf-overlay {
z-index: 4000;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
overscroll-behavior: contain;
background-color: #f0ede4d1;
justify-content: center;
align-items: center;
padding: 20px;
display: none;
position: fixed;
inset: 0;
}
.mf-overlay.mf-abierto {
display: flex;
}
.mf-modal {
text-align: left;
background-color: #fafaf6;
border: 1px solid #e7e4da;
border-radius: 14px;
flex-direction: column;
row-gap: 14px;
width: 100%;
max-width: 460px;
max-height: 100%;
padding: 36px 32px 28px;
font-family: Montserrat, sans-serif;
display: flex;
position: relative;
overflow-y: auto;
box-shadow: 0 30px 80px #281e0f2e;
}
.mf-cerrar {
color: #737373;
cursor: pointer;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 1;
transition: background-color .15s, color .15s;
display: flex;
position: absolute;
top: 14px;
right: 14px;
}
.mf-cerrar:hover {
color: #0a0a0a;
background-color: #f0ede4;
}
.mf-sin-scroll {
overflow: hidden;
}
.yaii-ghl__iframe {
border-style: none;
border-width: 0;
width: 100%;
max-width: 100%;
display: block;
}
.yaii-int-seccion {
background-color: #f0ede4;
min-height: 100vh;
padding: 48px 16px 64px;
}
.yaii-int-caja {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.yaii-int-kicker {
color: #737373;
letter-spacing: 1.5px;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 11px;
}
.yaii-int-titulo {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
}
.yaii-int-nota {
color: #3a3a3a;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.yaii-int-form {
background-color: #fafaf6;
border: 1px solid #e4dfd3;
border-radius: 14px;
height: 780px;
padding: 8px;
}
@media screen and (min-width: 1440px) {
.nav__link {
font-size: inherit;
}
.config-visual.config-visual--huracan {
background-size: contain;
}
.config-visual.config-visual--tormenta {
background-position: 50% 55%;
background-size: contain;
}
.config-visual.config-visual--renta {
background-size: contain;
}
.yaii-auth-btn {
font-size: 12px;
}
.adn-kicker, .adn-h2, .adn-h3, .adn-texto, .adn-punch {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.adn-cadena {
max-width: 980px;
margin-left: 0;
margin-right: 0;
}
.adn-2col, .adn-tabla {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.adn-nota, .adn-lupa, .man-kicker, .man-h1, .man-h2, .man-texto, .man-utopia, .man-punch {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.man-valores {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.man-fila-botones {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.sim-caja {
max-width: 980px;
margin-left: 0;
margin-right: 0;
}
.eco-kicker, .eco-h1, .eco-h2, .eco-texto, .eco-grid, .eco-fila-botones {
max-width: 980px;
}
.manif-zig {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
}
.carga-precios {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.carga-formas {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.eco-digital, .eco-gemelos {
max-width: 980px;
}
.hv-pagina {
max-width: 1512px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1920px) {
.nav__link {
font-size: inherit;
}
.config-visual.config-visual--huracan {
background-size: contain;
}
.config-visual.config-visual--tormenta {
background-position: 50% 55%;
background-size: contain;
}
.config-visual.config-visual--renta {
background-size: contain;
}
.yaii-auth-btn {
padding: 9px 18px;
font-size: 12px;
}
.adn-kicker {
max-width: 1280px;
}
.adn-h2 {
max-width: 1280px;
font-size: 36px;
}
.adn-h3 {
max-width: 1280px;
font-size: 23px;
}
.adn-texto {
max-width: 1280px;
font-size: 17px;
}
.adn-punch {
max-width: 1280px;
font-size: 20px;
}
.adn-cadena {
max-width: 980px;
}
.adn-2col, .adn-tabla {
max-width: 1440px;
}
.adn-nota, .adn-lupa, .man-kicker {
max-width: 1280px;
}
.man-h1 {
max-width: 1280px;
font-size: 58px;
}
.man-h2 {
max-width: 1280px;
font-size: 36px;
}
.man-texto {
max-width: 1280px;
font-size: 17px;
}
.man-utopia, .man-punch {
max-width: 1280px;
}
.man-valores {
max-width: 1440px;
}
.man-fila-botones {
max-width: 1280px;
}
.sim-caja, .eco-kicker {
max-width: 980px;
}
.eco-h1 {
max-width: 980px;
font-size: 50px;
}
.eco-h2 {
max-width: 980px;
font-size: 31px;
}
.eco-texto {
max-width: 980px;
font-size: 16px;
}
.eco-grid, .eco-fila-botones {
max-width: 980px;
}
.manif-zig {
max-width: 1500px;
}
.carga-precios {
max-width: 1280px;
}
.carga-formas {
max-width: 1440px;
}
.eco-digital, .eco-gemelos {
max-width: 980px;
}
.bridge-nombre {
font-size: 112px;
}
}
@media screen and (max-width: 991px) {
.container.container--1260 {
flex-direction: column;
display: flex;
}
.container.container--1260.container--flex-mid {
align-items: center;
}
.container.container--840.contaiener--840-powertrain {
width: 80%;
}
.hero {
aspect-ratio: 100 / 87;
background-color: #e8ddcc;
background-position: 68% 0;
background-size: 232%;
flex-direction: column;
min-height: 0;
display: flex;
}
.hero-grid__heading {
text-align: left;
}
.hero-grid__subheading {
text-align: left;
margin-top: 4px;
}
.hero-flex-huracan-2024 {
flex: auto;
justify-content: flex-start;
min-height: 0;
}
.hero-flex-huracan-2024.hero-flex--slide {
height: 100%;
min-height: 100%;
}
.hero-flex__item.hero-flex__item-mid {
min-height: 0;
}
.hero-flex__item.hero-flex__item--bot {
margin-top: auto;
}
.hero-flex__item.hero-flex__item--nav {
min-height: 15vh;
}
.data-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.data__title {
font-size: 22px;
}
.data__title.data__title-black {
line-height: 1.2;
}
.data__title.data__title-black.data__title--mob {
display: block;
}
.data__title.data__title-black.data__title--desktop {
display: none;
}
.data-grid__item.data-grid__item--future {
justify-content: flex-start;
align-items: center;
}
.data__sub-text.data__sub-text--black.data__sub-text--desktop {
display: none;
}
.data__sub-text.data__sub-text--black.data__sub-text--mobile {
display: block;
}
.button {
padding-left: 20px;
padding-right: 20px;
}
.button.button--dark.button--auto {
margin-top: 1rem;
margin-bottom: 0;
}
.nav__logo {
margin-left: 10px;
margin-right: 8px;
padding-right: 24px;
}
.nav__center-nav {
display: flex;
}
.nav__left-nav {
margin-left: auto;
margin-right: 10px;
}
.nav__link.nav__link--hide-mobile {
display: none;
}
.nav__burger {
width: 48px;
height: 48px;
padding: 18px 15px;
position: relative;
}
.side-nav {
object-fit: scale-down;
object-position: 50% 0%;
justify-content: flex-start;
transform: translate(100%);
}
.side-nav__link, .side-nav__link.side-nav__link-mobile {
display: none;
}
.interior__headline {
min-height: 200px;
padding: 80px 24px;
}
.slider__text {
padding-left: 250px;
}
.slide-nav {
padding-left: 100px;
}
.showcase-grid {
grid-template-columns: 1fr;
width: 80%;
}
.showcase-grid__item.showcase-grid__text {
min-height: 200px;
padding-top: 0;
}
.showcase-grid__item.showcase-grid__text.showcase-grid__text--left {
margin-left: 0;
}
.showcase-grid__text {
max-width: 70ch;
}
.tabs-imgs-wrapper {
min-height: 400px;
}
.go {
flex-direction: column;
}
.go_img {
width: 100%;
}
.go_text {
width: 100%;
min-height: auto;
}
.tab-vids__wrapper {
min-height: 400px;
}
.impact {
flex-direction: column;
}
.impact__text {
order: 1;
width: 100%;
}
.impact__img {
width: 100%;
}
.future__video {
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
}
.future__text {
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
.future__grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 2rem;
padding-left: 0;
}
.specs {
flex-direction: column;
}
.cta {
flex-direction: column;
justify-content: center;
align-items: center;
}
.specs__img {
width: 100%;
}
.specs__txt {
width: 100%;
padding-bottom: 3rem;
}
.cta__text, .cta__img {
width: 100%;
}
.cta__text-buttons {
flex-direction: column;
}
.showcase__sub-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container-3 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.utility-page-wrap {
width: 100%;
height: auto;
min-height: 100dvh;
padding: 40px;
}
.utility-page-content {
max-width: 100%;
}
.tienda-mega__inner {
grid-template-columns: repeat(2, 1fr);
row-gap: 28px;
}
.yaii-dd-z {
display: none;
}
.yaii-hl-logo {
height: 300px;
margin-top: -70px;
margin-bottom: -70px;
}
.yaii-hl-sub {
letter-spacing: .12em;
white-space: nowrap;
margin-top: 16px;
font-size: 4.7vw;
}
.panels-wrap {
flex-direction: row;
height: 440px;
overflow: hidden;
}
.panel {
flex: auto;
width: 12%;
height: 100%;
}
.panel.is-min {
opacity: .6;
filter: blur(2px);
width: 12%;
min-width: 16px;
}
.panel.is-active {
flex-grow: 0;
flex-shrink: 0;
width: 764px;
max-width: calc(100% - 64px);
}
.panel__content {
opacity: 0;
width: 100%;
min-width: 399px;
padding: 22px;
bottom: 0;
}
.panel__eyebrow {
margin-bottom: 8px;
font-size: 11px;
}
.panel__title {
margin-bottom: 10px;
font-size: 24px;
}
.panel__sub {
margin-bottom: 18px;
font-size: 15px;
}
.panel__cta {
padding: 11px 18px;
font-size: 11px;
}
.yaii-topbar {
padding-left: 56px;
padding-right: 56px;
}
.yaii-topbar__link {
letter-spacing: .04em;
font-size: 13px;
line-height: 1.25;
}
.yaii-feature {
flex-direction: column;
align-items: stretch;
row-gap: 40px;
padding: 64px 40px;
}
.yaii-feature__img {
aspect-ratio: 16 / 9;
border-radius: 14px;
width: 100%;
height: auto;
min-height: 0;
}
.yaii-feature__content {
width: 100%;
max-width: none;
padding: 0;
}
.yaii-feature__title {
font-size: 42px;
}
.yaii-feature__sub {
margin-bottom: 32px;
font-size: 17px;
}
.yaii-feature__cta {
display: inline-block;
}
.yaii-top {
width: 52px;
height: 52px;
bottom: 28px;
left: 28px;
}
.yaii-top__arrow {
font-size: 22px;
}
.yaii-footer {
flex-direction: column;
row-gap: 72px;
padding: 70px 6vw 0;
}
.yaii-footer__h {
font-size: 22px;
}
.yaii-footer__block {
padding-left: 130px;
}
.yaii-footer__top {
flex-direction: row;
row-gap: 0;
}
.yaii-footer__cols {
row-gap: 40px;
}
.yaii-footer__col-contacto {
min-width: 300px;
}
.panel__progress {
bottom: 14px;
left: 22px;
right: 22px;
}
.yaii-grid {
column-gap: 20px;
padding: 96px max(6vw, min(50vw - 647px, 19.745vw));
}
.yaii-grid__right {
gap: 20px;
width: calc(56% - 10px);
}
.yaii-grid__label {
padding-left: 14px;
padding-right: 14px;
font-size: 18px;
}
.yaii-vision {
row-gap: 80px;
padding: 110px 6vw 90px;
}
.yaii-informado {
flex-direction: column;
align-items: flex-start;
row-gap: 48px;
padding: 110px 8vw;
}
.yaii-informado__left {
max-width: 640px;
}
.yaii-informado__title {
font-size: 52px;
}
.yaii-informado__copy {
font-size: 17px;
}
.yaii-videohero {
aspect-ratio: 64 / 27;
}
.yaii-videohero__overlay {
font-size: 15px;
bottom: 48px;
left: 6vw;
}
.yaii-craft {
flex-direction: column;
align-items: flex-start;
row-gap: 40px;
padding: 90px 6vw;
}
.yaii-craft__left {
width: 100%;
}
.yaii-craft__title {
margin-bottom: 28px;
font-size: 36px;
}
.yaii-craft__media {
width: 100%;
}
.yaii-ugc {
padding: 96px 6vw 110px;
}
.yaii-ugc__title {
margin-bottom: 52px;
font-size: 34px;
}
.yaii-ugc__wall {
column-gap: 20px;
}
.yaii-grid__card-1 {
width: calc(44% - 10px);
min-height: 640px;
}
.yaii-grid__card-2 {
height: 310px;
}
.yaii-grid__card-3, .yaii-grid__card-4 {
width: calc(50% - 10px);
height: 310px;
}
.yaii-ugc__fbframe {
width: 360px;
height: 640px;
}
.yaii-grid__nota {
font-size: 11px;
}
.soporte-mega__inner {
grid-row-gap: 28px;
grid-template-columns: repeat(2, 1fr);
}
.hl-hero {
padding: 72px 40px 64px;
}
.hl-seccion-oscura, .hl-seccion-luz {
padding: 64px 40px;
}
.hl-hero__titulo {
margin-bottom: 20px;
font-size: 84px;
}
.hl-hero__tagline, .hl-hero__tagline2 {
font-size: 22px;
line-height: 1.3;
}
.hl-hero__img {
width: 100%;
max-width: 100%;
height: auto;
min-height: 0;
margin-top: 28px;
margin-bottom: 8px;
}
.hl-stats {
grid-column-gap: 40px;
grid-row-gap: 20px;
margin-top: 24px;
}
.hl-stat__valor {
font-size: 30px;
}
.hl-stat__label {
font-size: 13px;
}
.hl-ctas {
flex-direction: row;
align-items: center;
margin-top: 36px;
}
.hl-titulo-oscuro, .hl-titulo-luz {
font-size: 36px;
}
.hl-manifiesto__cierre {
margin-top: 28px;
font-size: 24px;
}
.hl-grid-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 40px;
}
.hl-card {
width: calc(50% - 12px);
padding: 32px 28px;
}
.hl-card__nombre {
font-size: 28px;
}
.hl-card__precio {
font-size: 22px;
}
.hl-grid-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 40px;
}
.hl-tarjeta-oscura {
width: calc(50% - 12px);
padding: 30px 26px;
}
.hl-tarjeta-oscura__titulo {
font-size: 19px;
}
.hl-tarjeta-luz {
width: calc(50% - 12px);
padding: 30px 26px;
}
.hl-tarjeta-luz__titulo {
font-size: 19px;
}
.hl-carga {
grid-column-gap: 32px;
grid-row-gap: 24px;
flex-direction: row;
margin-top: 56px;
}
.hl-carga__img {
aspect-ratio: 1001 / 1572;
object-fit: cover;
width: 200px;
max-width: 100%;
height: auto;
min-height: 0;
}
.hl-carga__texto {
text-align: left;
max-width: 420px;
}
.hl-renta__precio {
font-size: 48px;
}
.hero-lp {
background-position: 35%;
min-height: 80vh;
}
.hero-flex-lp {
min-height: 80vh;
}
.hero-flex__item-lp.hero-flex__item-mid-lp {
min-height: 50vh;
}
.data-grid-lp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.data__title-lp {
font-size: 22px;
}
.button-lp {
padding-left: 20px;
padding-right: 20px;
}
.hero-tl {
aspect-ratio: 4 / 3;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-tl {
justify-content: flex-start;
min-height: 0;
padding-left: 40px;
padding-right: 40px;
}
.hero-flex__item-tl.hero-flex__item--nav-tl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-tl.hero-flex__item-mid-tl {
min-height: 0;
}
.hero-grid__heading-tl {
text-align: left;
font-size: 36px;
line-height: 44px;
}
.tienda-hero {
padding: 180px 40px 70px;
}
.tienda-hero__titulo {
font-size: 38px;
line-height: 1.2;
}
.tienda-hero__sub {
font-size: 15px;
line-height: 1.5;
}
.tienda-seccion {
padding: 24px 40px 64px;
}
.tienda-seccion__titulo {
font-size: 22px;
}
.tienda-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.tienda-cats {
grid-column-gap: 20px;
grid-row-gap: 8px;
padding: 18px 40px;
}
.tienda-layout {
grid-column-gap: 0px;
grid-row-gap: 24px;
flex-direction: column;
align-items: stretch;
}
.tienda-filtros {
grid-column-gap: 18px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
width: 100%;
display: flex;
}
.tienda-filtro__titulo {
width: 100%;
margin-top: 14px;
margin-bottom: 4px;
}
.tienda-filtro__op {
margin-bottom: 0;
}
.tienda-zona {
width: 100%;
}
.tienda-cuadricula {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.tienda-buscar-global {
padding: 12px 40px 14px;
}
.tienda-filtro__modelo {
margin-bottom: 0;
}
.renta-hero {
padding-top: 180px;
padding-bottom: 70px;
}
.renta-fila {
grid-column-gap: 0px;
grid-row-gap: 28px;
flex-direction: column;
align-items: stretch;
}
.renta-fila__img {
order: -1;
width: 100%;
}
.renta-fila__foto {
aspect-ratio: 16 / 9;
height: auto;
min-height: 0;
}
.renta-titulo {
font-size: 27px;
line-height: 1.3;
}
.soporte-hero {
padding: 180px 40px 70px;
}
.soporte-titulo {
font-size: 30px;
}
.soporte-fila {
flex-direction: column;
align-items: stretch;
gap: 28px 0;
}
.soporte-fila__img {
order: -1;
width: 100%;
}
.soporte-fila__foto {
width: 100%;
height: auto;
min-height: 0;
}
.moto-layout {
flex-direction: column;
align-items: stretch;
gap: 24px 0;
}
.moto-selector {
flex-flow: wrap;
flex: none;
gap: 16px 40px;
width: 100%;
position: static;
top: auto;
}
.moto-selector__grupo {
flex-flow: wrap;
align-items: center;
gap: 4px;
}
.moto-selector__titulo {
width: 100%;
margin-bottom: 2px;
}
.moto-stage {
width: 100%;
min-width: 0;
}
.moto-card {
flex-direction: column;
align-items: stretch;
gap: 10px 0;
}
.moto-card__img {
aspect-ratio: 3 / 2;
flex: none;
width: 100%;
height: auto;
min-height: 0;
}
.moto-panel {
row-gap: 8px;
width: 100%;
padding: 8px 12px 12px;
}
.config-wrap {
flex-direction: column;
min-height: 0;
}
.config-visual {
aspect-ratio: 3 / 2;
flex: none;
align-self: stretch;
width: 100%;
height: auto;
min-height: 0;
padding: 24px;
position: relative;
top: auto;
}
.config-panel {
border-top: 1px solid #e7e4da;
border-left-style: none;
border-left-width: 0;
flex: none;
width: 100%;
max-width: none;
padding: 48px 40px;
}
.config-modelo {
font-size: 32px;
}
.config-precio {
font-size: 28px;
}
.config-precio__nota {
margin-bottom: 32px;
}
.config-opcion__nombre {
font-size: 17px;
}
.config-opcion__desc {
font-size: 12px;
}
.config-opcion__precio {
margin-left: 14px;
}
.config-resumen__total {
font-size: 24px;
}
.config-cta__nota {
font-size: 12px;
}
.carrito-boton {
margin-right: 14px;
}
.yaii-ugc__marco {
height: 640px;
}
.yaii-ugc__card {
width: 360px;
height: 640px;
}
.renta-plan {
flex-basis: 380px;
}
.renta-grid {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
}
.renta-bloque {
padding: 64px 40px;
}
.yaii-auth-wrap {
column-gap: 10px;
margin-right: 14px;
}
.yaii-auth-btn {
letter-spacing: .08em;
font-size: 12px;
}
.yaii-auth-btn.yaii-auth-btn--entrar {
display: flex;
}
.cuenta-seccion {
min-height: 0;
padding: 88px 40px 64px;
}
.cuenta-layout {
flex-direction: column;
align-items: stretch;
gap: 22px 0;
}
.cuenta-menu {
flex-flow: wrap;
flex: none;
gap: 6px;
width: 100%;
position: static;
top: auto;
}
.cuenta-panel {
flex: none;
row-gap: 16px;
width: 100%;
}
.cuenta-titulo {
font-size: 28px;
}
.cuenta-card {
padding: 24px;
}
.cuenta-campo {
flex-wrap: wrap;
gap: 2px 12px;
}
.perfil-seccion {
min-height: 0;
padding-bottom: 64px;
}
.perfil-portada {
height: 200px;
}
.perfil-inner {
padding-left: 40px;
padding-right: 40px;
}
.perfil-cabecera {
flex-wrap: nowrap;
gap: 0 20px;
margin-top: -44px;
}
.perfil-avatar {
width: 96px;
height: 96px;
font-size: 34px;
}
.perfil-datos {
flex: 1;
width: auto;
padding-top: 34px;
}
.perfil-nombre {
font-size: 24px;
}
.perfil-tabs {
column-gap: 28px;
margin-top: 28px;
}
.perfil-vacio {
padding-top: 56px;
padding-bottom: 10px;
}
.pm-hero {
padding: 104px 40px 28px;
}
.pm-titulo {
margin-bottom: 10px;
font-size: 39px;
line-height: 1.15;
}
.pm-sub {
font-size: 16px;
}
.pm-cuerpo {
padding: 24px 40px 64px;
}
.pm-form-card {
min-width: 0;
max-width: 100%;
padding: 28px;
}
.pm-form-titulo {
font-size: 17px;
}
.pm-info-fila {
grid-column-gap: 16px;
grid-row-gap: 16px;
gap: 16px;
margin-top: 36px;
}
.pm-info-card {
flex: calc(50% - 8px);
min-width: 0;
padding: 24px;
}
.tl-hero {
padding: 104px 40px 28px;
}
.tl-titulo {
margin-bottom: 10px;
font-size: 39px;
line-height: 1.15;
}
.tl-sub {
font-size: 16px;
}
.tl-cuerpo {
padding: 24px 40px 64px;
}
.tl-form-card {
min-width: 0;
max-width: 100%;
padding: 28px;
}
.tl-form-slot {
max-width: 100%;
padding: 16px;
}
.tl-info-fila {
gap: 16px;
margin-top: 36px;
}
.tl-info-card {
flex: calc(50% - 8px);
min-width: 0;
padding: 24px;
}
.config-color-limitada__tag, .config-extra__desc, .config-extra__antes, .config-extra__ahorro, .entrega__desc, .entrega__vacio, .vermas__btn {
font-size: 12px;
}
.caja-m2 {
padding: 64px 40px;
}
.caja-m2__titulo {
font-size: 28px;
}
.caja-m2__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 20px 0;
min-height: 0;
padding: 24px;
}
.caja-m2__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-m2__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-hur {
padding: 64px 40px;
}
.caja-hur__titulo {
font-size: 28px;
}
.caja-hur__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 20px 0;
min-height: 0;
padding: 24px;
}
.caja-hur__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-hur__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.entrega-m2, .entrega-hur {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-tor {
padding: 64px 40px;
}
.caja-tor__titulo {
font-size: 28px;
}
.caja-tor__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 20px 0;
min-height: 0;
padding: 24px;
}
.caja-tor__ventana {
aspect-ratio: 7 / 5;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-tor__moto {
aspect-ratio: 7 / 5;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.entrega-tor {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-ren {
padding: 64px 40px;
}
.caja-ren__titulo {
font-size: 28px;
}
.caja-ren__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 20px 0;
min-height: 0;
padding: 24px;
}
.caja-ren__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-ren__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.entrega-ren {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.popup-entrega__caja {
overflow: auto;
}
.config-subtitulo {
font-size: 12px;
}
.adn-seccion {
padding: 56px 40px;
}
.adn-h2 {
font-size: 28px;
}
.adn-cadena {
flex-wrap: wrap;
row-gap: 10px;
padding: 14px;
}
.adn-chip, .adn-chip-negro {
flex-grow: 0;
flex-basis: auto;
min-height: 0;
}
.adn-chip-pct {
font-size: 12px;
}
.adn-tabla {
overflow: auto;
}
.adn-fila-6 {
min-width: 760px;
}
.adn-celda-head {
font-size: 12px;
}
.man-seccion, .man-seccion-bone {
padding: 64px 40px;
}
.man-h1 {
font-size: 42px;
}
.man-h2 {
font-size: 28px;
}
.man-utopia {
font-size: 22px;
}
.man-valor-prueba {
font-size: 12px;
}
.sim-caja {
padding: 24px;
}
.sim-caja.hv-sim {
padding: 22px;
}
.sim-titulo {
font-size: 20px;
}
.sim-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
}
.sim-grid.hv-sim-rejilla {
grid-template-columns: 1fr 1fr 1fr;
}
.sim-dato-num {
font-size: 22px;
}
.sim-dato-lab, .sim-nota {
font-size: 12px;
}
.eco-seccion, .eco-seccion-bone {
padding: 64px 40px;
}
.eco-h1 {
font-size: 42px;
}
.eco-h2 {
font-size: 28px;
}
.eco-grid {
grid-template-columns: 1fr 1fr;
}
.eco-tag {
font-size: 12px;
}
.sim-seccion {
padding: 64px 40px;
}
.sim-encabezado {
font-size: 28px;
}
.hero-grid {
text-align: left;
}
.prox-hero {
min-height: 0;
padding: 104px 40px 64px;
}
.prox-titulo {
font-size: 54px;
}
.prox-sub {
margin-bottom: 40px;
font-size: 17px;
}
.prox-specs {
grid-column-gap: 40px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
gap: 24px 40px;
width: 100%;
max-width: 560px;
margin-bottom: 40px;
display: grid;
}
.prox-spec__v {
font-size: 30px;
}
.prox-nota {
margin-top: 30px;
}
.hero-hl {
aspect-ratio: 4 / 3;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-hl {
justify-content: flex-start;
min-height: 0;
padding-left: 40px;
padding-right: 40px;
}
.hero-flex__item-hl.hero-flex__item--nav-hl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-hl.hero-flex__item-mid-hl {
min-height: 0;
}
.hero-grid__heading-hl {
text-align: left;
font-size: 36px;
line-height: 44px;
}
.manif-zig {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
margin-top: 40px;
}
.manif-zig__digital {
order: -1;
min-height: 0;
}
.carga-precio__label {
font-size: 12px;
}
.carga-formas {
grid-template-columns: 1fr 1fr;
}
.carga-forma__tag {
font-size: 12px;
}
.adn-fila-8 {
min-width: 900px;
}
.eco-digital {
height: auto;
margin-top: 32px;
}
.eco-gemela {
padding: 28px;
}
.eco-gemela__precio {
font-size: 28px;
}
.manif-tri {
grid-column-gap: 10px;
flex-direction: row;
order: -1;
height: auto;
min-height: 0;
}
.manif-tri__img {
aspect-ratio: 4 / 3;
border-radius: 12px;
height: auto;
min-height: 0;
}
.manif-examen-wrap {
order: -1;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.manif-examen {
aspect-ratio: 2 / 3;
}
.galeria-red__flecha {
width: 44px;
height: 44px;
font-size: 16px;
}
.galeria-red__izq {
left: 14px;
}
.galeria-red__der {
right: 14px;
}
.galeria-red__puntos {
bottom: 14px;
}
.bridge-duelo {
z-index: 50;
cursor: auto;
height: auto;
min-height: 0;
position: fixed;
inset: 96px 0% 0%;
}
.bridge-duelo.ord-sin-topbar {
top: 52px;
}
.bridge-lado-izq {
cursor: pointer;
transition: top .9s cubic-bezier(.2, .7, .2, 1), bottom .9s cubic-bezier(.2, .7, .2, 1), left .9s cubic-bezier(.2, .7, .2, 1), right .9s cubic-bezier(.2, .7, .2, 1);
inset: 0% 0% 50%;
}
.bridge-lado-izq.ord-activa {
bottom: 38%;
}
.bridge-lado-izq.ord-pasiva {
bottom: 62%;
}
.bridge-lado-izq.ord-ancho {
inset: 0% 50% 0% 0%;
}
.bridge-lado-izq.ord-ancho.ord-activa {
bottom: 0%;
right: 38%;
}
.bridge-lado-izq.ord-ancho.ord-pasiva {
bottom: 0%;
right: 62%;
}
.bridge-lado-der {
cursor: pointer;
transition: top .9s cubic-bezier(.2, .7, .2, 1), bottom .9s cubic-bezier(.2, .7, .2, 1), left .9s cubic-bezier(.2, .7, .2, 1), right .9s cubic-bezier(.2, .7, .2, 1);
inset: 50% 0% 0%;
}
.bridge-lado-der.ord-activa {
top: 38%;
}
.bridge-lado-der.ord-pasiva {
top: 62%;
}
.bridge-lado-der.ord-ancho {
inset: 0% 0% 0% 50%;
}
.bridge-lado-der.ord-ancho.ord-activa {
top: 0%;
left: 38%;
}
.bridge-lado-der.ord-ancho.ord-pasiva {
top: 0%;
left: 62%;
}
.bridge-img-izq {
width: 100%;
height: 100%;
inset: 0%;
transform: none;
}
.bridge-img-der {
width: 100%;
left: 0%;
right: 0%;
transform: none;
}
.bridge-info {
transition: opacity .5s;
top: 56px;
bottom: auto;
}
.bridge-info.ord-pasiva {
opacity: .4;
}
.bridge-info.ord-ancho {
top: auto;
bottom: 8%;
}
.bridge-info-der {
transition: opacity .5s;
}
.bridge-info-der.ord-pasiva {
opacity: .4;
}
.bridge-nombre {
font-size: 56px;
}
.bridge-sub {
opacity: 1;
pointer-events: auto;
background-color: #f0ede4b8;
border: 1px solid #0a0a0a;
border-radius: 999px;
margin-top: 8px;
padding: 13px 16px;
line-height: 18px;
display: inline-block;
}
.bridge-linea {
background-image: linear-gradient(90deg, #0a0a0a00 0%, #0a0a0a73 30% 70%, #0a0a0a00 100%);
width: auto;
height: 2px;
margin-top: -1px;
margin-left: 0;
transition: top .9s cubic-bezier(.2, .7, .2, 1), left .9s cubic-bezier(.2, .7, .2, 1);
inset: 50% 0% auto;
}
.bridge-linea.ord-izq {
top: 62%;
}
.bridge-linea.ord-der {
top: 38%;
}
.bridge-linea.ord-ancho {
background-image: linear-gradient(#0a0a0a00 0%, #0a0a0a73 30% 70%, #0a0a0a00 100%);
width: 2px;
height: auto;
margin-top: 0;
margin-left: -1px;
inset: 0% auto 0% 50%;
}
.bridge-linea.ord-ancho.ord-izq {
top: 0%;
left: 62%;
}
.bridge-linea.ord-ancho.ord-der {
top: 0%;
left: 38%;
}
.bridge-nodo {
font-size: 12px;
}
.bridge-cursor {
display: none;
}
.yaii-mnav {
display: flex;
}
.yaii-cookies__barra {
padding-left: 32px;
padding-right: 32px;
}
.legal-page {
padding: 120px 40px 80px;
}
.legal-h1 {
font-size: 36px;
}
.pago-modal {
grid-template-columns: 300px 1fr;
}
.gracias.grc-pagina {
padding-bottom: 104px;
padding-left: 32px;
padding-right: 32px;
}
.gracias.cred-seccion {
padding-top: 56px;
padding-left: 32px;
padding-right: 32px;
}
.gracias__wrap.grc-wrap {
max-width: 720px;
}
.gracias__monto.grc-monto {
padding: 30px 32px 26px;
}
.gracias__datos.cred-estado {
grid-area: 2 / 1 / 3 / 2;
margin-top: 48px;
position: relative;
top: auto;
}
.gracias__datos.grc-datos {
padding: 4px 32px 8px;
}
.gracias__dato-v.is-ligero.cred-mensual {
font-size: 36px;
}
.gracias__aviso.grc-recibo__pie {
padding: 20px 32px 22px;
}
.gracias__aviso.grc-cab__aviso {
max-width: 560px;
}
.gracias__form.cred-form {
grid-row: 3 / 4;
margin-top: 24px;
}
.gracias__legal.cred-legal {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.gracias__legal.grc-legal {
margin-top: 72px;
margin-left: 0;
}
.gracias__completa.grc-completa {
grid-template-columns: minmax(0, 1fr);
row-gap: 36px;
margin-top: 88px;
padding-top: 56px;
}
.credito-sim {
padding: 28px;
}
.pedido.fac-pagina {
padding: 96px 32px 104px;
}
.pedido__form {
padding: 32px;
}
.pedido__resultado {
margin-top: 56px;
margin-bottom: 96px;
padding: 40px 36px 32px;
}
.pedido__res-folio {
font-size: 36px;
}
.pedido__etapa {
font-size: 12px;
}
.pedido__etapa.actual {
font-size: 13px;
}
.capp-grid {
grid-column-gap: 36px;
grid-template-columns: minmax(0, 1fr) 290px;
padding: 48px 32px 28px;
}
.capp-escena {
height: 600px;
}
.capp-titulo {
font-size: clamp(36px, 10.3vw - 42px, 56px);
line-height: 1;
}
.capp-intro {
font-size: 17px;
}
.capp-pasos {
grid-template-columns: minmax(0, 1fr);
margin-top: 32px;
}
.capp-paso {
grid-column-gap: 16px;
align-items: baseline;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.capp-paso__num {
min-width: 24px;
margin-bottom: 0;
}
.capp-qr {
margin-top: 32px;
}
.capp-qr__img {
width: 132px;
height: 132px;
}
.capp-pie {
padding-bottom: 28px;
padding-left: 32px;
padding-right: 32px;
}
.capp-halo {
width: 620px;
height: 620px;
margin-top: -310px;
margin-left: -310px;
}
.capp-halo.grc-halo {
margin-left: -110px;
top: 330px;
}
.capp-halo.cred-halo {
width: 720px;
height: 720px;
margin-top: -360px;
margin-left: -360px;
top: 720px;
left: 50%;
}
.capp-eco {
font-size: 220px;
}
.capp-eco.grc-eco {
margin-left: 200px;
top: 310px;
}
.capp-eco.cred-eco {
font-size: 220px;
top: 700px;
left: 50%;
transform: translate(-50%, -50%);
}
.capp-eco.ped-eco {
display: none;
}
.capp-tel {
transform: scale(.86);
}
.proc-hero {
padding: 128px 32px 56px;
}
.proc-hero.fac-hero {
padding-bottom: 80px;
padding-left: 32px;
padding-right: 32px;
}
.proc-titulo {
font-size: 56px;
}
.proc-titulo.ped-titulo {
font-size: 48px;
line-height: 1;
}
.proc-tarjeta {
padding: 32px;
}
.ped-hero {
min-height: 0;
padding: 104px 32px 96px;
}
.ped-grid {
grid-template-columns: minmax(0, 1fr);
row-gap: 56px;
max-width: 720px;
}
.ped-panel {
max-width: none;
}
.ped-res {
max-width: 784px;
padding: 0 32px;
}
.fac-grid {
grid-template-columns: minmax(0, 1fr);
row-gap: 48px;
max-width: 720px;
}
.fac-escena {
min-height: 580px;
}
.fac-ticket {
transform: rotate(-2deg);
}
.fac-solicitud {
grid-template-columns: minmax(0, 1fr);
row-gap: 40px;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.fac-aside {
position: relative;
top: 0;
}
.fac-h2 {
font-size: 40px;
}
.fac-necesitas {
margin-top: 32px;
}
.fac-info {
max-width: 720px;
margin-top: 112px;
margin-left: auto;
margin-right: auto;
padding-top: 72px;
}
.fac-cols {
grid-template-columns: minmax(0, 1fr);
row-gap: 40px;
}
.fac-faq-bloque {
grid-template-columns: minmax(0, 1fr);
row-gap: 32px;
margin-top: 96px;
}
.fac-faq-cab {
position: relative;
top: 0;
}
.grc-fondo {
height: 900px;
}
.grc-hero {
grid-template-columns: minmax(0, 1fr);
padding-top: 72px;
padding-bottom: 96px;
}
.cred-fondo {
max-height: 1180px;
}
.cred-grid {
grid-template-columns: minmax(0, 1fr);
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.grc-seccion {
grid-template-columns: minmax(0, 1fr);
row-gap: 36px;
padding-top: 56px;
}
.grc-cab {
position: relative;
top: auto;
}
.grc-cab__texto {
max-width: 560px;
}
.cred-cab {
padding-top: 8px;
}
.grc-recibo__corte {
margin-left: 32px;
margin-right: 32px;
}
.cred-form__titulo {
font-size: 30px;
}
.promo-ficha {
padding: 48px 40px;
}
.promo-ficha__nombre {
font-size: 26px;
}
.cuenta-promos__lista {
row-gap: 14px;
}
.hero-slider {
flex: auto;
width: 100%;
}
.hero-slider__mask, .hero-slide {
height: 100%;
}
.hero-slide.hero-slide--taranis {
background-color: #e8ddcc;
background-position: 68% 0;
background-size: 232%;
}
.hero-slide.hero-slide--huracan2027, .hero-slide.hero-slide--tormenta2027 {
background-position: 70%;
}
.yl-seccion {
padding: 80px 32px;
}
.yl-seccion.yl-seccion--suave.yl-cierre {
padding-top: 80px;
padding-bottom: 80px;
}
.yl-seccion.yl-hero {
padding-top: 40px;
padding-bottom: 64px;
}
.yl-seccion.yl-seccion--legales {
padding-top: 56px;
padding-bottom: 40px;
}
.yl-btn {
font-size: 13px;
}
.yl-btn.yl-btn--linea.yl-btn--bloque, .yl-btn.yl-btn--bloque {
width: auto;
}
.yl-hero__media {
order: 0;
}
.yl-cabecera {
margin-bottom: 48px;
}
.yl-eyebrow {
margin-bottom: 16px;
font-size: 12px;
}
.yl-h1-modelo {
font-size: 72px;
}
.yl-h2 {
margin-bottom: 20px;
font-size: 40px;
}
.yl-h3 {
font-size: 24px;
}
.yl-lead {
font-size: 19px;
}
.yl-texto {
font-size: 17px;
}
.yl-nota {
font-size: 14px;
}
.yl-cifra__label {
font-size: 13px;
}
.yl-tag {
font-size: 12px;
}
.yl-precio {
font-size: 30px;
}
.yl-precio__mxn {
font-size: 13px;
}
.yl-reveal.yl-reveal--primero {
order: 0;
}
.yl-hero__grid {
grid-template-columns: 1fr 1fr;
gap: 24px 40px;
}
.yl-hero__tagline, .yl-hero__tagline2 {
font-size: 20px;
}
.yl-hero__ctas {
flex-direction: row;
gap: 16px;
}
.yl-hero__ctas.yl-hero__ctas--centro {
align-items: stretch;
width: auto;
}
.yl-hero__cifras {
column-gap: 24px;
}
.yl-hero__num {
font-size: 34px;
}
.yl-hero__alt {
font-size: 14px;
}
.yl-cifras {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.yl-cifra {
padding: 28px;
}
.yl-cifra__num {
font-size: 60px;
}
.yl-cifra__num.yl-cifra__num--dato {
font-size: 48px;
}
.yl-cifra__unidad {
font-size: 20px;
}
.yl-card {
padding: 32px 28px;
}
.yl-grid-3 {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.yl-feature__grid {
grid-template-columns: 1fr;
row-gap: 40px;
}
.yl-feature__media {
order: -1;
}
.yl-media.yl-media--taller {
margin-top: 40px;
}
.yl-feature__texto {
max-width: none;
}
.yl-carga {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.yl-carga__card {
padding: 32px 28px;
}
.yl-fila__k, .yl-fila__v {
font-size: 15px;
}
.yl-versiones {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.yl-version {
padding: 32px 28px;
}
.yl-version.yl-version--destacada {
order: 0;
}
.yl-version__precio {
font-size: 30px;
}
.yl-version__num {
font-size: 24px;
}
.yl-2027 {
flex-direction: row;
align-items: center;
}
.yl-galeria__flecha {
width: 44px;
height: 44px;
margin-left: 16px;
margin-right: 16px;
}
.yl-galeria__pie {
flex-direction: row;
align-items: center;
row-gap: 12px;
}
.yl-galeria__barra {
width: 36px;
}
.yl-tabla__fila {
flex-wrap: nowrap;
}
.yl-tabla__fila.yl-tabla__fila--cab {
display: flex;
}
.yl-tabla__celda {
flex: 1;
padding: 14px 20px;
}
.yl-tabla__celda.yl-tabla__celda--k {
letter-spacing: 0;
text-transform: none;
flex: 1.2;
padding-bottom: 14px;
font-family: Inter, Montserrat, sans-serif;
font-size: 15px;
font-weight: 400;
}
.yl-tabla__col {
display: none;
}
.yl-acordeon__boton {
padding-top: 20px;
padding-bottom: 20px;
}
.yl-faq__q {
font-size: 18px;
}
.yl-cta-fija {
display: none;
}
.yl-legales {
font-size: 13px;
}
.yl-mapa {
padding: 72px 20px;
}
.yl-mapa__titulo {
font-size: 40px;
}
.yl-mapa__grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.yl-mapa__lista {
max-height: none;
}
.yl-mapa3 {
padding: 40px 32px 32px;
}
.yl-mapa3__grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: minmax(0, 1fr);
}
.yl-mapa3__chip {
height: 44px;
padding: 0 14px;
font-size: 13px;
}
.yl-mapa3__chip:hover {
background-color: #fafaf6;
}
.yl-mapa3__chip.is-activo:hover {
color: #f7f5ee;
background-color: #0a0a0a;
}
.yl-mapa3__chip.yl-mapa3__chip--cambiar:hover {
color: #737373;
background-color: #0000;
}
.yl-mapa3__vacio {
height: 44px;
}
.yl-mapa3__pill {
max-width: calc(100% - 84px);
}
.yl-mapa3__ctrls {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.yl-mapa3__ctrl {
width: 44px;
height: 44px;
font-size: 20px;
}
.yl-mapa3__ctrl:hover {
border-color: #e2dfd6;
}
.yl-mapa3__ctrl.yl-mapa3__ctrl--centrar {
background-size: 22px 22px;
}
.yl-mapa3__resultado {
width: auto;
max-width: none;
margin: 12px 0 0;
position: static;
}
.yl-mapa3__boton {
height: 44px;
}
.yl-mapa3__boton:hover {
background-color: #0a0a0a;
}
.yl-mapa3__boton.yl-mapa3__boton--sec:hover {
color: #0a0a0a;
background-color: #fafaf600;
}
.yl-mapa3__titulo {
white-space: normal;
font-size: 30px;
line-height: 34px;
}
.yl-mapa3__lead {
white-space: normal;
margin-bottom: 16px;
overflow: visible;
}
.yl-mapa3__fila.yl-mapa3__fila--moto {
display: block;
}
.yl-mapa3__fila-cab.yl-mapa3__fila-cab--version {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 44px;
margin: 0 0 8px;
}
.yl-mapa3__paso.yl-mapa3__paso--moto {
border-bottom-width: 0;
width: auto;
padding-bottom: 0;
}
.yl-mapa3__chips {
grid-column-gap: 8px;
grid-row-gap: 8px;
max-height: 640px;
}
.yl-mapa3__chips.is-cerrando, .yl-mapa3__chips.is-cerrado {
max-height: 96px;
}
.yl-mapa3__flecha:hover {
border-color: #e2dfd6;
}
.yl-mapa3__version {
flex-direction: row;
align-items: center;
width: auto;
max-width: none;
margin-top: 0;
}
.yl-mapa3__version-btn {
height: 44px;
padding: 0 14px;
}
.yl-mapa3__version-btn:hover {
background-color: #0000;
}
.yl-mapa3__version-btn.is-activo:hover {
background-color: #0a0a0a;
}
.yl-mapa3__motos {
padding-left: 30%;
padding-right: 30%;
}
.yl-mapa3__opcion:hover {
opacity: .25;
}
.yl-mapa3__opcion.is-lado:hover {
opacity: .4;
}
.yl-mapa3__opcion.is-centro:hover {
opacity: 1;
}
.yl-mapa3__opcion-txt {
flex-direction: column;
align-items: center;
row-gap: 2px;
display: flex;
}
.rv-h-mega {
font-size: 76px;
}
.rv-h2 {
font-size: 48px;
}
.rv-hero {
min-height: 760px;
}
.rv-frase {
font-size: 52px;
}
.rv-cifra-num {
font-size: 120px;
}
.rv-escena {
grid-column-gap: 40px;
}
.rv-h3 {
font-size: 36px;
}
.rv-galeria-item {
flex-basis: 80%;
height: 520px;
}
.rv-modelo-km {
font-size: 96px;
}
.rv-incluido {
grid-template-columns: 1fr 1fr;
}
.rv-dos {
grid-template-columns: 1fr;
}
.rv-tesis-num {
font-size: 220px;
}
.hv-nombre {
font-size: 120px;
}
.hv-lema {
font-size: 34px;
}
.hv-hero-marco {
height: 600px;
}
.rv-j-sec {
padding: 48px 32px;
}
.rv-j-split {
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
.rv-j-split.is-75 {
grid-template-columns: 1fr 1fr;
}
.rv-j-split.is-48 {
grid-template-columns: 1fr;
}
.rv-j-eyebrow {
font-size: 11px;
}
.rv-j-h1 {
font-size: 36px;
}
.rv-j-h2 {
font-size: 26px;
}
.rv-j-txt {
font-size: 15px;
}
.rv-j-lead {
font-size: 16px;
}
.rv-j-banda {
padding: 22px 32px;
}
.rv-j-banda-fila {
flex-wrap: wrap;
}
.rv-j-banda-frase {
flex-grow: 1;
flex-basis: 100%;
}
.rv-j-cifra-num {
font-size: 34px;
}
.rv-j-cabeza {
flex-direction: column;
align-items: flex-start;
margin-bottom: 28px;
}
.rv-j-parada {
padding-right: 16px;
}
.rv-j-hora {
font-size: 20px;
}
.hv-portada {
align-items: center;
min-height: 0;
padding: 28px 32px 24px;
}
.hv-portada.hv-portada--h27, .hv-portada.hv-portada--t27 {
background-color: #efe9df;
background-image: none;
align-items: center;
}
.hv-portada.hv-portada--tar {
background-color: #efe9df;
align-items: center;
}
.hv-eyebrow {
font-size: 11px;
}
.hv-portada-nombre {
font-size: 40px;
line-height: 48px;
}
.hv-portada-lema {
font-size: 16px;
}
.hv-boton {
font-size: 11px;
}
.hv-sec {
padding: 40px 32px;
}
.hv-titulo {
font-size: 24px;
}
.hv-texto {
font-size: 15px;
}
.hv-texto.hv-chico {
font-size: 14px;
}
.hv-objeto {
flex-direction: column;
align-items: center;
row-gap: 24px;
display: flex;
}
.hv-lado {
flex-direction: row;
column-gap: 24px;
width: 100%;
}
.hv-lado.hv-izq, .hv-lado.hv-der {
text-align: center;
justify-content: center;
align-items: flex-start;
}
.hv-cifra {
flex: 1;
max-width: 260px;
}
.hv-cifra-num {
font-size: 22px;
}
.hv-escenario {
order: -1;
max-width: 440px;
}
.hv-explica {
min-height: 63px;
}
.hv-color-marco {
max-width: 420px;
}
.hv-muestra {
font-size: 12px;
}
.hv-fila {
grid-template-rows: auto;
grid-template-columns: 1.1fr 1fr 1fr;
column-gap: 16px;
}
.hv-modelo-nombre, .hv-modelo-cifra {
font-size: 22px;
}
.hv-cuenta {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 28px;
}
.hv-tarjetas, .hv-tarjetas.hv-dos {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.hv-tarjetas.tv2-uno {
grid-template-columns: 1fr;
}
.hv-enlace {
font-size: 11px;
}
.hv-faq {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 24px;
}
.hv-faq-preg {
font-size: 15px;
}
.hv-firma {
font-size: 11px;
}
.hv-notas-lista {
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 28px;
}
.hv-barra {
display: none;
}
.hv-viajera.hv-x-grande {
width: 200px;
bottom: 12px;
}
.rv-j-heroz {
padding: 20px 32px 0;
}
.rv-j-heroz-img {
width: 60%;
}
.rv-j-heroz-velo {
width: 18%;
left: 42%;
}
.rv-j-heroz-txt {
width: 42%;
padding-left: 8px;
padding-right: 32px;
}
.rv-j-app-pegado {
grid-template-rows: auto;
grid-template-columns: 1fr 220px 1fr;
column-gap: 28px;
height: 480px;
padding-left: 32px;
padding-right: 32px;
}
.rv-j-app-ptxt {
font-size: 16px;
}
.rv-j-tel {
border-radius: 40px;
width: 220px;
height: 458px;
padding: 8px;
}
.rv-j-tel-pantalla {
border-radius: 33px;
}
.rv-j-inc {
padding: 48px 32px 16px;
}
.rv-j-inc-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.rv-j-carga {
padding: 56px 32px;
}
.rv-j-carga-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
.rv-j-carga-num {
font-size: 40px;
}
.rv-j-ver {
padding: 48px 32px 40px;
}
.rv-j-ver-grid-1 {
column-gap: 28px;
}
.rv-j-ver-foto {
height: 220px;
}
.rv-j-ver-moto {
max-height: 220px;
}
.rv-j-ver-km-1 {
font-size: 40px;
}
.rv-j-fin {
padding: 48px 32px 36px;
}
.rv-j-fin-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 28px;
}
.hv-portada-texto {
order: -1;
width: 100%;
}
.hv-pano {
object-position: 45% 70%;
border-radius: 12px;
width: 100%;
max-width: 100%;
height: 300px;
margin-top: 16px;
position: relative;
left: 0%;
}
.hv-pano.hv-pano--h27 {
object-fit: contain;
background-color: #e9dfd2;
width: 100%;
left: 0%;
right: auto;
}
.hv-pano.hv-pano--t27 {
object-fit: contain;
background-color: #efdfcd;
width: 100%;
left: 0%;
right: auto;
}
.hv-pano.hv-pano--tar {
object-position: 66% 50%;
}
.hv-banda {
height: 480px;
}
.hv-banda-img.hv-banda-img--perfil {
background-color: #efe9df;
height: 220px;
bottom: auto;
}
.tv-ciudad {
background-color: #f0ede4;
flex-direction: column;
align-items: stretch;
height: auto;
padding: 0 0 24px;
}
.tv-ciudad-img {
height: 360px;
position: relative;
}
.tv-placa {
width: auto;
margin: -56px 24px 0;
}
.tv-eyebrow, .tv-boton, .tv-boton-linea {
font-size: 11px;
}
.tv-cruce {
height: 120px;
}
.tv-calle {
height: 50px;
top: 44px;
}
.tv-calle-linea {
top: 24px;
}
.tv-cruza {
width: 110px;
bottom: 14px;
}
.tv-sec {
padding: 44px 32px;
}
.tv-cifras-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-titulo {
font-size: 24px;
}
.tv-texto {
font-size: 15px;
}
.tv-cifra-num {
font-size: 32px;
}
.tv-reco {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-escena {
height: 360px;
}
.tv-lente {
width: 140px;
height: 140px;
margin-top: -70px;
margin-left: -70px;
}
.tv-ver {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-ver-marco {
min-height: 300px;
}
.tv-modelo-precio {
font-size: 22px;
}
.tv-color {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-color-escena {
height: 300px;
}
.tv-cuenta {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-tarjetas {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.tv-tarjeta.tv-e2, .tv-tarjeta.tv-e3, .tv-tarjeta.tv-e4 {
margin-top: 0;
}
.tv-dudas, .tv-cierre {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-estacion {
height: 260px;
}
.tv-estaciona {
width: 380px;
}
.tv-legales {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-m-sec {
padding: 40px 24px;
}
.hv-m-titulo {
font-size: 24px;
}
.hv-m-subtitulo {
font-size: 18px;
}
.hv-m-texto {
font-size: 15px;
}
.hv-m-num {
font-size: 22px;
}
.hv-btn-grad, .hv-btn-linea {
font-size: 11px;
}
.hv-m-bat {
grid-template-columns: 1fr;
}
.hv-m-marco {
height: 360px;
}
.hv-m-nivel {
min-height: 2.6em;
}
.hv-d-comp {
grid-template-columns: minmax(0, 1fr);
row-gap: 20px;
}
.hv-m-bento {
grid-template-columns: 1fr;
}
.hv-d-comp-cab {
grid-template-columns: 150px minmax(0, 1fr) minmax(0, 1fr);
}
.hv-m-ref {
grid-template-columns: 1fr;
}
.hv-m-ref-foto {
height: 320px;
}
.hv-m-ref-panel {
margin-top: -56px;
margin-left: 20px;
margin-right: 20px;
}
.hv-d-comp-fila {
grid-template-columns: 150px minmax(0, 1fr) minmax(0, 1fr);
}
.hv-x-escena.hv-x-on {
background-image: none;
max-width: 640px;
height: auto;
display: flex;
overflow: visible;
}
.hv-x-cabeza.hv-x-on {
text-align: center;
align-items: center;
max-width: 640px;
margin-bottom: 18px;
position: static;
}
.hv-x-titulo {
font-size: 24px;
}
.hv-x-sub {
font-size: 15px;
}
.hv-x-lienzo {
aspect-ratio: 1.35;
border-radius: 18px;
}
.hv-x-lienzo.hv-x-on {
aspect-ratio: 1.35;
background-color: #ece4d8;
border-radius: 18px;
width: 100%;
position: relative;
inset: auto;
}
.hv-x-camara.hv-x-z1 {
transform: translate(10.8%, -40%)scale(2);
}
.hv-x-camara.hv-x-z2 {
transform: translate(-12.2%, -12%)scale(2);
}
.hv-x-camara.hv-x-z3 {
transform: translate(-50%, 17.2%)scale(2);
}
.hv-x-camara.hv-x-z4 {
transform: translate(-50%, -50%)scale(2);
}
.hv-x-camara.hv-x-z5 {
transform: translate(-50%, 38%)scale(2);
}
.hv-x-camara.hv-x-on {
width: 100%;
left: 0;
right: auto;
}
.hv-x-camara.tv2-z1 {
transform: translate(26.6%, -44%)scale(2);
}
.hv-x-camara.tv2-z2 {
transform: translate(-5.6%, -14%)scale(2);
}
.hv-x-camara.tv2-z3 {
transform: translate(-50%, 28%)scale(2);
}
.hv-x-camara.tv2-z4 {
transform: translate(-50%, -50%)scale(2);
}
.hv-x-camara.tv2-z5 {
transform: translate(-45.2%, 50%)scale(2);
}
.hv-x-foto {
object-position: 72% 50%;
}
.hv-x-punto {
width: 13px;
height: 13px;
margin-top: -6.5px;
margin-left: -6.5px;
}
.hv-x-punto.hv-x-p1 {
left: 44.6%;
}
.hv-x-punto.hv-x-p2 {
left: 56.1%;
}
.hv-x-punto.hv-x-p3 {
left: 79.9%;
}
.hv-x-punto.hv-x-p4 {
left: 76%;
}
.hv-x-punto.hv-x-p5 {
left: 76.8%;
}
.hv-x-punto.tv2-p1 {
left: 36.7%;
}
.hv-x-punto.tv2-p2 {
left: 52.8%;
}
.hv-x-punto.tv2-p3 {
left: 76.6%;
}
.hv-x-punto.tv2-p4 {
left: 77.9%;
}
.hv-x-punto.tv2-p5 {
left: 72.6%;
}
.hv-x-nucleo {
width: 4px;
height: 4px;
}
.hv-x-fichas.hv-x-on {
place-items: start stretch;
width: 100%;
margin-top: 14px;
position: relative;
top: auto;
bottom: auto;
left: auto;
transform: none;
}
.hv-x-ficha {
background-color: #fff;
max-width: none;
padding: 22px;
box-shadow: 0 14px 34px -22px #3c2d1459;
}
.hv-x-ficha.hv-x-suma {
flex-basis: 100%;
max-width: none;
}
.hv-x-ficha-dato {
font-size: 40px;
}
.hv-x-cifra-num {
font-size: 30px;
}
.hv-x-pasos.hv-x-on {
grid-column-gap: 6px;
width: 100%;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
margin-top: 10px;
padding: 0;
position: relative;
bottom: auto;
left: auto;
right: auto;
transform: none;
}
.hv-d-moto {
margin-top: 8px;
margin-bottom: 8px;
}
.hv-d-moto-img {
width: 220px;
}
.rv-j-fin-via {
height: 210px;
}
.rv-j-app-via {
height: 160px;
}
.rv-j-moto.is-grande {
width: 210px;
left: 0%;
}
.rv-j-moto.is-fin {
width: 290px;
}
.hv-boton-linea {
font-size: 11px;
}
.hv-portada-foto {
width: auto;
height: 300px;
}
.hv-portada-foto.hv-baja {
height: 220px;
}
.hv-x-color {
grid-row-gap: 22px;
flex-direction: column;
max-width: 640px;
display: flex;
}
.hv-x-color-marco {
border-radius: 18px;
}
.hv-x-color-panel {
text-align: center;
align-items: center;
width: 100%;
}
.hv-x-linea {
margin-top: 18px;
margin-bottom: 16px;
}
.hv-x-vistas {
max-width: 360px;
}
.hv-x-pista {
height: 120px;
}
.pago-pedido {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pago-fotos {
width: 244px;
height: 244px;
}
.pago-panel {
padding: 24px 24px 20px;
}
.pago-notas {
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pagar-factura {
max-width: none;
margin-top: 0;
margin-bottom: 0;
position: static;
}
.pagar-pagina {
padding-bottom: 96px;
}
.pagar-cabecera {
background-color: #f0ede4;
border-bottom-width: 1px;
width: auto;
position: static;
}
.pagar-cabecera__inner {
max-width: 1120px;
padding-left: 24px;
padding-right: 24px;
}
.pagar {
padding-top: 48px;
padding-left: 24px;
padding-right: 24px;
}
.pagar-grid {
grid-template-columns: minmax(0, 1fr);
align-items: start;
row-gap: 24px;
max-width: 640px;
min-height: 0;
}
.pagar-cobro {
background-color: #0000;
border-left-width: 0;
padding: 0;
}
.pagar-cobro__titulo {
margin-top: 0;
}
.ycu-pagina {
min-height: 0;
padding: 32px 32px 64px;
}
.yac-acceso__titulo {
font-size: 32px;
}
.ycu-cargando__grid {
margin-left: 0;
}
.yac-avatar.is-grande {
width: 96px;
height: 96px;
font-size: 32px;
}
.ycu-titulo {
font-size: 28px;
}
.ycu-tabs {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ycu-menu {
grid-column-gap: 8px;
border-bottom: 1px solid #e7e4da;
flex-flow: row;
padding: 6px;
position: relative;
top: 0;
overflow-x: auto;
}
.ycu-menu__link {
white-space: nowrap;
border-radius: 999px;
flex-grow: 0;
flex-shrink: 0;
padding: 9px 14px;
}
.ycu-menu__link.is-activa {
border-color: #1f1f1f;
box-shadow: 0 1px 2px #0a0a0a0f;
}
.ycu-menu__sep {
display: none;
}
.ycu-paneles {
max-width: none;
}
.ycu-saludo, .yac-modelo.is-grande {
font-size: 30px;
}
.ycu-tile__num {
font-size: 38px;
}
.pagar-incluye__moto.is-huracan {
left: -81%;
}
.pagar-incluye__moto.is-tormenta {
left: -62%;
}
.pagar-incluye__moto.is-m2 {
left: -34%;
}
.ypf-pagina {
min-height: 0;
padding: 24px 32px 64px;
}
.ypf-cargando__cab {
padding: 0 24px;
}
.ypf-portada {
border-radius: 16px;
height: 220px;
}
.ypf-portada__marca {
font-size: 36px;
top: 20px;
left: 24px;
}
.ypf-identidad {
padding: 0 24px;
}
.ypf-nombre {
font-size: 32px;
}
.ypf-stats {
padding: 18px 24px;
}
.ypf-tabs__menu {
padding: 0 24px;
}
.ypf-tabs__contenido {
padding: 24px;
}
.ypf-personalizar {
grid-template-columns: 1fr;
}
.app-h1 {
font-size: 34px;
}
.app-h2 {
font-size: 26px;
}
.app-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.app-hero-media {
height: 440px;
}
.app-cards {
grid-column-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.app-card {
padding: 22px;
}
.app-renta-grid, .app-lista-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ecs-seccion, .ecs-seccion-hueso {
padding: 56px 32px;
}
.ecs-hero {
padding: 48px 32px 56px;
}
.ecs-h1 {
font-size: 44px;
}
.ecs-h2 {
font-size: 30px;
}
.ecs-lead {
max-width: 640px;
}
.ecs-hero__grid {
grid-template-columns: 1fr;
}
.ecs-piezas {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ecs-viene {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ecs-split {
grid-template-columns: 1fr;
}
.ecs-orden-izq {
order: 0;
}
.flo-h1 {
font-size: 34px;
}
.flo-h2 {
font-size: 26px;
}
.flo-hero-panel {
height: 440px;
}
.flo-hero-img {
width: 56%;
}
.flo-hero-velo {
background-image: linear-gradient(90deg, #f0ebe0 0% 44%, #f0ebe000 58%);
}
.flo-hero-txt {
width: 50%;
padding-left: 36px;
}
.flo-cifras {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.flo-dato-grid, .flo-inc-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.flo-giros-cont {
row-gap: 18px;
}
.flo-luz-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.flo-linea {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.flo-lista-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-h1 {
font-size: 34px;
}
.ene-h2 {
font-size: 26px;
}
.ene-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-hero-media {
height: 400px;
}
.ene-cifras-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.ene-zig, .ene-zig.ene-zig--inv {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-zig-media {
max-height: none;
}
.ene-rapida-pie {
flex-direction: column;
align-items: flex-start;
}
.ene-ganas {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.ene-abre-grid, .rvp-dato-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.enp-hero {
min-height: 520px;
}
.enp-titulo, .enp-modelo {
font-size: 36px;
}
.enp-foto-moto {
object-position: 85% 50%;
width: 100%;
left: 0;
}
.enp-foto-pano {
object-position: 70% 50%;
}
.colab-franja__inner {
flex-direction: column;
justify-content: center;
row-gap: 18px;
}
}
@media screen and (max-width: 767px) {
.hero {
aspect-ratio: auto;
background-color: #e8ddcc;
background-position: 68% 0;
background-size: 232%;
flex-direction: column;
height: auto;
min-height: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
}
.hero-grid__heading {
text-align: left;
}
.hero-grid__subheading {
text-align: left;
margin-top: 4px;
}
.hero-flex-huracan-2024 {
flex: auto;
justify-content: flex-start;
width: auto;
height: auto;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.hero-flex__item.hero-flex__item-mid {
min-height: 87vw;
padding-top: 50px;
}
.hero-flex__item.hero-flex__item--bot {
width: 100%;
height: auto;
min-height: 0;
margin-top: 16px;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 16px;
}
.hero-flex__item.hero-flex__item--nav {
min-height: 0;
margin-bottom: 0;
}
.data-grid {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: space-between;
gap: 8px;
display: flex;
}
.data-grid.data-grid-2027 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.data__title {
letter-spacing: .5px;
font-size: 15px;
line-height: 1.3;
}
.data-grid__item {
flex: 0 0 calc(25% - 6px);
min-width: 0;
}
.data-grid__item.data-grid__item--mobile-hide {
display: flex;
}
.data__sub-text {
text-align: center;
font-size: 11px;
}
.data__sub-text.data__sub-text-light {
font-size: 12px;
}
.button {
width: 100%;
}
.data-grid__button-wrapper {
flex: 0 0 100%;
width: 100%;
}
.nav__logo {
margin-left: 10px;
margin-right: 8px;
padding-right: 24px;
}
.nav__logo:before {
content: "";
position: absolute;
inset: -11px 0;
}
.nav__center-nav {
display: flex;
}
.nav__left-nav {
margin-left: auto;
margin-right: 10px;
}
.nav__link.nav__link--hide-mobile {
display: none;
}
.nav__burger {
width: 48px;
height: 48px;
padding: 18px 15px;
position: relative;
}
.side-nav__link, .side-nav__link.side-nav__link-mobile {
display: none;
}
.interior__headline {
min-height: 0;
padding: 64px 24px;
}
.slider-wide {
min-height: 500px;
}
.slider__img {
min-height: 380px;
}
.slider__text {
padding-left: 150px;
}
.right-arrow, .left-arrow {
height: 380px;
}
.slide-nav {
padding-left: 0;
display: block;
}
.freedom-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.tab-vids__grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.footer {
flex-direction: column;
}
.footer__link {
margin-bottom: 1rem;
}
.footer__link.footer__link--mobile-hide {
display: none;
}
.hero-heading-left {
padding: 60px 15px;
}
.yaii-nav-links {
display: none;
}
.utility-page-wrap {
width: 100%;
height: auto;
min-height: 100dvh;
padding: 40px 24px;
}
.utility-page-content {
max-width: 100%;
}
.tienda-mega__inner {
grid-template-columns: 1fr;
}
.yaii-dd-z {
display: none;
}
.yaii-hl-logo {
height: 220px;
margin-top: -50px;
margin-bottom: -50px;
}
.yaii-hl-sub {
letter-spacing: .1em;
white-space: nowrap;
margin-top: 14px;
font-size: 4.6vw;
}
.panels-wrap {
background-color: #f7f5ee;
flex-direction: row;
align-items: stretch;
row-gap: 0;
height: auto;
min-height: 0;
overflow: hidden;
}
.panel {
background-color: #f7f5ee;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
flex: 0 0 100%;
width: 100%;
height: auto;
padding-top: 56.25vw;
transition: none;
}
.panel.panel-1 {
background-color: #f7f5ee;
background-image: linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.panel.panel-2 {
background-color: #f7f5ee;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49670b496908db1a87edd_home-panel-delivery.webp"), linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100% 100%;
}
.panel.panel-3 {
background-color: #f7f5ee;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49674a6bc5ae96dc8f7ee_home-panel-modelos.webp"), linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100% 100%;
}
.panel.panel-4 {
background-color: #f7f5ee;
background-image: linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.panel.panel-5 {
flex-direction: column;
justify-content: center;
padding-top: 0;
display: flex;
}
.panel.is-min {
opacity: 1;
filter: none;
width: 100%;
min-width: 0;
height: auto;
}
.panel.is-active {
width: 100%;
max-width: none;
height: auto;
}
.panel__scrim {
display: none;
}
.panel__content {
opacity: 1;
color: #0a0a0a;
width: 100%;
min-width: 0;
margin-top: 0;
padding: 18px 22px 30px;
display: block;
position: relative;
top: auto;
bottom: auto;
left: auto;
overflow: visible;
}
.panel__eyebrow {
color: #0a0a0ac7;
text-shadow: none;
margin-bottom: 8px;
font-size: 11px;
}
.panel__title {
color: #0a0a0a;
text-shadow: none;
margin-bottom: 10px;
font-size: 22px;
}
.panel__sub {
color: #0a0a0ae0;
text-shadow: none;
margin-bottom: 18px;
font-size: 15px;
}
.panel__cta {
color: #0a0a0a;
text-shadow: none;
border-color: #0a0a0a;
padding: 11px 18px;
font-size: 11px;
}
.panel__media {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
.yaii-topbar {
padding-left: 36px;
padding-right: 36px;
}
.yaii-topbar__link {
letter-spacing: .04em;
font-size: 11px;
line-height: 1.25;
}
.yaii-topbar__close:before {
content: "";
position: absolute;
inset: 0 -11px 0 -6px;
}
.yaii-feature {
flex-direction: column;
align-items: stretch;
row-gap: 32px;
padding: 64px 24px;
}
.yaii-feature__img {
aspect-ratio: 4 / 3;
border-radius: 14px;
width: 100%;
height: auto;
min-height: 0;
}
.yaii-feature__content {
width: 100%;
max-width: none;
padding: 0;
}
.yaii-feature__title {
font-size: 34px;
}
.yaii-feature__sub {
margin-bottom: 32px;
font-size: 17px;
}
.yaii-feature__cta {
text-align: center;
margin-top: 12px;
display: block;
}
.yaii-top {
width: 44px;
height: 44px;
bottom: 16px;
left: 16px;
}
.yaii-top__arrow {
font-size: 18px;
}
.yaii-footer {
flex-direction: column;
row-gap: 56px;
padding: 64px 24px;
}
.yaii-footer__left {
width: 100%;
max-width: none;
}
.yaii-footer__logo {
margin-left: -43px;
margin-right: 0;
}
.yaii-footer__h {
font-size: 22px;
}
.yaii-footer__soc-row {
justify-content: flex-start;
margin-left: 0;
}
.yaii-footer__block {
padding-left: 0;
}
.yaii-footer__input {
font-size: 16px;
}
.yaii-footer__top {
flex-direction: column;
row-gap: 44px;
}
.yaii-footer__cols {
flex-direction: column;
align-items: flex-start;
row-gap: 32px;
}
.yaii-footer__legal {
text-align: left;
align-items: flex-start;
}
.yaii-footer__legal-row {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
row-gap: 10px;
}
.yaii-footer__copyright {
text-align: left;
max-width: none;
}
.yaii-footer__brand {
justify-content: center;
width: 100%;
margin-bottom: 28px;
}
.yaii-footer__imagotipo {
margin-left: 0;
}
.yaii-footer__col-explora, .yaii-footer__col-soporte, .yaii-footer__col-contacto {
flex: none;
width: 100%;
min-width: 0;
}
.panel__progress {
background-color: #0a0a0a2e;
bottom: 14px;
left: 22px;
right: 22px;
}
.panel__progress-fill {
background-color: #0a0a0a;
}
.yaii-grid {
scroll-snap-type: x mandatory;
flex-flow: row;
align-items: stretch;
gap: 0 12px;
padding: 96px 11vw;
scroll-padding-left: 0;
overflow: auto hidden;
}
.yaii-grid__right {
flex-flow: row;
flex: none;
gap: 0 12px;
width: auto;
display: contents;
}
.yaii-grid__scrim {
display: block;
}
.yaii-grid__label {
color: #f7f5ee;
text-align: center;
letter-spacing: .04em;
background-color: #0000;
justify-content: center;
align-items: center;
row-gap: 8px;
height: 100%;
padding: 20px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
top: 0;
}
.yaii-vision {
row-gap: 56px;
padding: 90px 24px 72px;
}
.yaii-vision__legal {
flex-direction: column;
row-gap: 36px;
}
.yaii-informado {
flex-direction: column;
align-items: flex-start;
row-gap: 48px;
padding: 80px 8vw;
}
.yaii-informado__left {
max-width: 640px;
}
.yaii-informado__title {
font-size: 40px;
}
.yaii-informado__copy {
font-size: 17px;
}
.yaii-videohero {
aspect-ratio: 64 / 27;
}
.yaii-videohero__overlay {
font-size: 13px;
bottom: 24px;
left: 24px;
}
.yaii-craft {
flex-direction: column;
align-items: flex-start;
row-gap: 40px;
padding: 90px 6vw;
}
.yaii-craft__left {
width: 100%;
}
.yaii-craft__title {
margin-bottom: 28px;
font-size: 36px;
}
.yaii-craft__media {
width: 100%;
}
.yaii-ugc {
padding: 80px 24px;
}
.yaii-ugc__title {
margin-bottom: 36px;
font-size: 30px;
}
.yaii-ugc__wall {
column-gap: 20px;
}
.yaii-informado__input {
font-size: 16px;
}
.yaii-grid__card-1 {
scroll-snap-align: center;
background-position: 50%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 360px;
min-height: 0;
}
.yaii-grid__card-2, .yaii-grid__card-3 {
scroll-snap-align: center;
background-position: 50%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 360px;
}
.yaii-grid__card-4 {
scroll-snap-align: center;
background-position: 50% 70%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 360px;
}
.yaii-ugc__fbframe {
width: 360px;
height: 640px;
}
.yaii-grid__nota {
color: #f7f5eeeb;
letter-spacing: 0;
text-transform: none;
font-size: 12px;
font-weight: 300;
line-height: 1.4;
display: block;
}
.soporte-mega__inner {
grid-template-columns: 1fr;
}
.hl-hero, .hl-seccion-oscura, .hl-seccion-luz {
padding: 56px 24px;
}
.hl-hero__titulo {
margin-bottom: 16px;
font-size: 60px;
}
.hl-hero__tagline, .hl-hero__tagline2 {
font-size: 19px;
line-height: 1.3;
}
.hl-hero__img {
width: 100%;
max-width: 100%;
height: auto;
min-height: 0;
margin-top: 24px;
margin-bottom: 8px;
}
.hl-stats {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 24px;
display: grid;
}
.hl-stat__valor {
font-size: 24px;
}
.hl-stat__label {
font-size: 12px;
}
.hl-ctas {
flex-direction: column;
align-items: stretch;
margin-top: 32px;
}
.hl-btn {
text-align: center;
width: 100%;
padding-bottom: 16px;
display: block;
}
.hl-btn-linea, .hl-btn-claro {
text-align: center;
width: 100%;
display: block;
}
.hl-titulo-oscuro, .hl-titulo-luz {
font-size: 28px;
}
.hl-manifiesto__cierre {
margin-top: 24px;
font-size: 22px;
}
.hl-grid-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 32px;
}
.hl-card {
width: 100%;
padding: 28px 24px;
}
.hl-card__nombre {
font-size: 26px;
}
.hl-card__precio {
font-size: 20px;
}
.hl-fila {
grid-column-gap: 12px;
}
.hl-grid-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 32px;
}
.hl-tarjeta-oscura {
width: 100%;
padding: 28px 24px;
}
.hl-tarjeta-oscura__titulo {
font-size: 18px;
}
.hl-tarjeta-luz {
width: 100%;
padding: 28px 24px;
}
.hl-tarjeta-luz__titulo {
font-size: 18px;
}
.hl-carga {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
margin-top: 48px;
}
.hl-carga__img {
aspect-ratio: 1001 / 1572;
object-fit: cover;
width: 200px;
max-width: 100%;
height: auto;
min-height: 0;
}
.hl-carga__texto {
text-align: center;
max-width: 100%;
}
.hl-renta__precio {
font-size: 40px;
}
.data-grid-lp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.data-grid__button-wrapper-lp, .button-lp {
width: 100%;
}
.yaii-footer__brandlink {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.hero-tl {
aspect-ratio: 16 / 9;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-tl {
justify-content: flex-start;
min-height: 0;
padding-left: 24px;
padding-right: 24px;
}
.hero-flex__item-tl.hero-flex__item--nav-tl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-tl.hero-flex__item-mid-tl {
min-height: 0;
}
.hero-grid__heading-tl {
text-align: left;
font-size: 34px;
line-height: 40px;
}
.tienda-hero {
padding: 150px 24px 56px;
}
.tienda-hero__titulo {
font-size: 30px;
line-height: 1.2;
}
.tienda-hero__sub {
font-size: 15px;
line-height: 1.5;
}
.tienda-seccion {
padding: 24px 24px 56px;
}
.tienda-seccion__titulo {
font-size: 22px;
}
.tienda-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.tienda-card__img {
aspect-ratio: 4 / 3;
width: 100%;
height: auto;
min-height: 0;
}
.tienda-card__img.img-zoom {
aspect-ratio: 4 / 3;
height: auto;
}
.tienda-cats {
grid-column-gap: 6px;
grid-row-gap: 0px;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 12px 24px;
overflow: auto hidden;
}
.tienda-cat {
white-space: nowrap;
flex: none;
padding: 8px 12px;
}
.tienda-buscar__input {
padding: 12px 16px;
font-size: 16px;
}
.tienda-layout {
grid-column-gap: 0px;
grid-row-gap: 24px;
flex-direction: column;
align-items: stretch;
}
.tienda-filtros {
grid-column-gap: 18px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
width: 100%;
display: flex;
}
.tienda-filtro__titulo {
width: 100%;
margin-top: 14px;
margin-bottom: 4px;
}
.tienda-filtro__op {
margin-bottom: 0;
}
.tienda-zona {
width: 100%;
}
.tienda-cuadricula {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.tienda-buscar-global {
padding: 12px 24px 14px;
}
.tienda-filtro__modelo {
margin-bottom: 0;
}
.renta-hero {
padding: 120px 24px 56px;
}
.renta-fila {
grid-column-gap: 0px;
grid-row-gap: 24px;
flex-direction: column;
align-items: stretch;
}
.renta-fila__img {
order: -1;
width: 100%;
}
.renta-fila__foto {
aspect-ratio: 16 / 9;
height: auto;
min-height: 0;
}
.renta-titulo {
font-size: 26px;
line-height: 1.3;
}
.renta-copy {
font-size: 15px;
line-height: 1.5;
}
.renta-cta {
text-align: center;
width: 100%;
display: block;
}
.soporte-hero {
padding: 150px 24px 56px;
}
.soporte-titulo {
font-size: 28px;
}
.soporte-fila {
flex-direction: column;
align-items: stretch;
gap: 24px 0;
}
.soporte-fila__img {
order: -1;
width: 100%;
}
.soporte-fila__foto {
width: 100%;
height: auto;
min-height: 0;
}
.soporte-cta {
text-align: center;
width: 100%;
display: block;
}
.moto-layout {
flex-direction: column;
align-items: stretch;
gap: 24px 0;
}
.moto-selector {
flex-flow: wrap;
flex: none;
gap: 16px 28px;
width: 100%;
position: static;
}
.moto-selector__grupo {
flex-flow: wrap;
align-items: center;
gap: 4px;
}
.moto-selector__titulo {
width: 100%;
margin-bottom: 2px;
}
.moto-stage {
width: 100%;
min-width: 0;
}
.moto-card {
flex-direction: column;
align-items: stretch;
gap: 10px 0;
}
.moto-card__img {
aspect-ratio: 3 / 2;
flex: none;
width: 100%;
height: auto;
min-height: 0;
}
.moto-panel {
row-gap: 8px;
width: 100%;
padding: 8px 10px 12px;
}
.config-wrap {
flex-direction: column;
min-height: 0;
}
.config-visual {
aspect-ratio: 3 / 2;
flex: none;
align-self: stretch;
width: 100%;
height: auto;
min-height: 0;
padding: 16px;
position: relative;
top: auto;
}
.config-panel {
border-top: 1px solid #e7e4da;
border-left-style: none;
border-left-width: 0;
flex: none;
width: 100%;
max-width: none;
padding: 40px 24px;
}
.config-modelo {
font-size: 30px;
}
.config-precio {
font-size: 26px;
}
.config-precio__nota {
margin-bottom: 28px;
}
.config-opcion__nombre {
font-size: 16px;
}
.config-opcion__desc {
font-size: 12px;
}
.config-opcion__precio {
margin-left: 12px;
}
.config-resumen__total {
font-size: 23px;
}
.config-cta__nota {
font-size: 12px;
}
.carrito-boton {
margin-right: 8px;
}
.carrito-boton:before {
content: "";
position: absolute;
inset: -5px -4px -5px -6px;
}
.yaii-ugc__marco {
height: 640px;
}
.yaii-ugc__card {
width: 360px;
height: 640px;
}
.renta-cat {
padding: 6px 10px;
font-size: 12px;
}
.renta-plan {
scroll-snap-align: start;
flex-basis: 360px;
}
.renta-grid {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
margin-top: 36px;
}
.renta-item__p {
font-size: 14px;
}
.renta-bloque {
padding: 56px 24px;
}
.yaii-auth-wrap {
column-gap: 6px;
margin-right: 8px;
}
.yaii-auth-btn {
letter-spacing: .04em;
padding: 8px 12px;
font-size: 10px;
}
.yaii-auth-btn.yaii-auth-btn--entrar {
padding-left: 14px;
padding-right: 14px;
display: flex;
}
.yaii-auth-btn.yaii-auth-btn--entrar:before {
content: "";
position: absolute;
inset: -4px 0 -4px -8px;
}
.auth-input {
font-size: 16px;
}
.cuenta-seccion {
min-height: 0;
padding: 72px 24px 56px;
}
.cuenta-layout {
flex-direction: column;
align-items: stretch;
gap: 20px 0;
}
.cuenta-menu {
flex-flow: wrap;
flex: none;
gap: 6px;
width: 100%;
position: static;
top: auto;
}
.cuenta-panel {
flex: none;
row-gap: 14px;
width: 100%;
}
.cuenta-titulo {
font-size: 28px;
}
.cuenta-card {
padding: 20px 18px;
}
.cuenta-campo {
flex-wrap: wrap;
gap: 2px 12px;
}
.perfil-seccion {
min-height: 0;
padding-bottom: 56px;
}
.perfil-portada {
height: 170px;
}
.perfil-inner {
padding-left: 24px;
padding-right: 24px;
}
.perfil-cabecera {
flex-wrap: wrap;
gap: 12px 16px;
margin-top: -44px;
}
.perfil-avatar {
width: 88px;
height: 88px;
font-size: 30px;
}
.perfil-datos {
flex: 160px;
width: auto;
padding-top: 30px;
}
.perfil-nombre {
font-size: 22px;
}
.perfil-tabs {
column-gap: 22px;
margin-top: 24px;
}
.perfil-vacio {
padding-top: 48px;
padding-bottom: 8px;
}
.pm-hero {
padding: 88px 24px 24px;
}
.pm-titulo {
margin-bottom: 10px;
font-size: 36px;
line-height: 1.15;
}
.pm-sub {
font-size: 16px;
}
.pm-cuerpo {
padding: 20px 24px 56px;
}
.pm-form-card {
min-width: 0;
max-width: 100%;
padding: 20px 16px;
}
.pm-form-titulo {
font-size: 16px;
}
.pm-info-fila {
grid-column-gap: 14px;
grid-row-gap: 14px;
gap: 14px;
margin-top: 32px;
}
.pm-info-card {
flex: 100%;
min-width: 0;
padding: 22px 20px;
}
.tl-hero {
padding: 88px 24px 24px;
}
.tl-titulo {
margin-bottom: 10px;
font-size: 36px;
line-height: 1.15;
}
.tl-sub {
font-size: 16px;
}
.tl-cuerpo {
padding: 20px 24px 56px;
}
.tl-form-card {
min-width: 0;
max-width: 100%;
padding: 20px 16px;
}
.tl-form-slot {
max-width: 100%;
padding: 8px;
}
.tl-info-fila {
gap: 14px;
margin-top: 32px;
}
.tl-info-card {
flex: 100%;
min-width: 0;
padding: 22px 20px;
}
.config-color-limitada__tag {
font-size: 12px;
}
.faq-acordeon__resp {
padding-right: 16px;
}
.config-extra__desc, .config-extra__antes, .config-extra__ahorro, .entrega__desc, .entrega__vacio {
font-size: 12px;
}
.vermas__btn {
font-size: 12px;
position: relative;
}
.vermas__btn:before {
content: "";
position: absolute;
inset: -2px 0;
}
.caja-m2 {
padding: 56px 24px;
}
.caja-m2__titulo {
font-size: 28px;
}
.caja-m2__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 18px 0;
min-height: 0;
padding: 20px;
}
.caja-m2__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-m2__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-hur {
padding: 56px 24px;
}
.caja-hur__titulo {
font-size: 28px;
}
.caja-hur__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 18px 0;
min-height: 0;
padding: 20px;
}
.caja-hur__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-hur__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-m2__pies {
grid-template-columns: 1fr;
}
.entrega-m2 {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-hur__pies {
grid-template-columns: 1fr;
}
.entrega-hur {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-tor {
padding: 56px 24px;
}
.caja-tor__titulo {
font-size: 28px;
}
.caja-tor__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 18px 0;
min-height: 0;
padding: 20px;
}
.caja-tor__ventana {
aspect-ratio: 7 / 5;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-tor__moto {
aspect-ratio: 7 / 5;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-tor__pies {
grid-template-columns: 1fr;
}
.entrega-tor {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-ren {
padding: 56px 24px;
}
.caja-ren__titulo {
font-size: 28px;
}
.caja-ren__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 18px 0;
min-height: 0;
padding: 20px;
}
.caja-ren__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-ren__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-ren__pies {
grid-template-columns: 1fr;
}
.entrega-ren {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.popup-entrega__caja {
overflow: auto;
}
.config-subtitulo {
font-size: 12px;
}
.adn-seccion {
padding: 56px 24px;
}
.adn-h2 {
font-size: 28px;
}
.adn-h3 {
font-size: 18px;
}
.adn-texto {
font-size: 16px;
}
.adn-punch {
padding: 16px 18px;
font-size: 16px;
}
.adn-cadena {
grid-column-gap: 8px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.adn-chip, .adn-chip-negro {
flex-grow: 0;
flex-basis: auto;
min-height: 0;
}
.adn-chip-pct {
font-size: 12px;
}
.adn-2col {
grid-template-columns: 1fr;
}
.adn-tabla {
overflow: auto;
}
.adn-fila-6 {
min-width: 760px;
}
.adn-fila-5 {
min-width: 680px;
}
.adn-fila-4 {
min-width: 600px;
}
.adn-celda-head {
font-size: 12px;
}
.adn-boton, .adn-boton-linea {
text-align: center;
width: 100%;
display: block;
}
.man-seccion, .man-seccion-bone {
padding: 56px 24px;
}
.man-h1 {
font-size: 36px;
}
.man-h2 {
font-size: 28px;
}
.man-texto {
font-size: 16px;
}
.man-utopia {
font-size: 20px;
}
.man-punch {
padding: 16px 18px;
font-size: 17px;
}
.man-valores {
grid-template-columns: 1fr;
}
.man-valor-prueba {
font-size: 12px;
}
.man-boton {
text-align: center;
width: 100%;
display: block;
}
.sim-caja {
margin-top: 16px;
padding: 20px;
}
.sim-caja.hv-sim, .sim-caja.hv-sim.hv-d-sim {
padding: 18px 16px;
}
.sim-titulo {
font-size: 19px;
}
.sim-chip {
padding: 9px 12px;
}
.sim-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
}
.sim-grid.hv-sim-rejilla {
grid-template-columns: 1fr 1fr;
}
.sim-dato-num {
font-size: 22px;
}
.sim-dato-num.hv-d-snum {
font-size: 20px;
}
.sim-dato-lab, .sim-nota {
font-size: 12px;
}
.eco-seccion, .eco-seccion-bone {
padding: 56px 24px;
}
.eco-h1 {
font-size: 36px;
}
.eco-h2 {
font-size: 26px;
}
.eco-texto {
font-size: 16px;
}
.eco-grid {
grid-template-columns: 1fr;
}
.eco-tag {
font-size: 12px;
}
.sim-seccion {
padding: 56px 24px;
}
.sim-encabezado {
font-size: 26px;
}
.hero-grid {
text-align: left;
}
.prox-hero {
min-height: 0;
padding: 88px 24px 56px;
}
.prox-titulo {
font-size: 44px;
}
.prox-sub {
margin-bottom: 36px;
font-size: 16px;
}
.prox-specs {
grid-column-gap: 32px;
grid-row-gap: 22px;
grid-template-columns: 1fr 1fr;
gap: 22px 32px;
width: 100%;
max-width: 520px;
margin-bottom: 36px;
display: grid;
}
.prox-spec__v {
font-size: 28px;
}
.prox-nota {
margin-top: 26px;
}
.hero-hl {
aspect-ratio: 16 / 9;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-hl {
justify-content: flex-start;
min-height: 0;
padding-left: 24px;
padding-right: 24px;
}
.hero-flex__item-hl.hero-flex__item--nav-hl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-hl.hero-flex__item-mid-hl {
min-height: 0;
}
.hero-grid__heading-hl {
text-align: left;
font-size: 34px;
line-height: 40px;
}
.manif-zig {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
margin-top: 32px;
}
.manif-zig__digital {
order: -1;
min-height: 0;
}
.carga-precios {
grid-template-columns: 1fr;
}
.carga-precio__label {
font-size: 12px;
}
.carga-formas {
grid-template-columns: 1fr;
}
.carga-forma__tag {
font-size: 12px;
}
.adn-fila-8 {
min-width: 900px;
}
.eco-digital {
height: auto;
margin-top: 28px;
}
.eco-gemelos {
grid-template-columns: 1fr;
}
.eco-gemela {
padding: 24px;
}
.eco-gemela__precio {
font-size: 26px;
}
.manif-tri {
grid-column-gap: 12px;
scroll-snap-type: x mandatory;
flex-flow: row;
order: -1;
height: auto;
min-height: 0;
padding-left: 8%;
padding-right: 8%;
overflow: auto;
}
.manif-tri__img {
aspect-ratio: 4 / 3;
scroll-snap-align: center;
border-radius: 12px;
flex: 0 0 100%;
height: auto;
min-height: 0;
}
.manif-examen-wrap {
order: -1;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.manif-examen {
aspect-ratio: 2 / 3;
}
.galeria-red__flecha {
width: 40px;
height: 40px;
font-size: 15px;
}
.galeria-red__flecha:before {
content: "";
position: absolute;
inset: -3px;
}
.galeria-red__izq {
left: 12px;
}
.galeria-red__der {
right: 12px;
}
.galeria-red__puntos {
bottom: 12px;
}
.bridge-duelo {
cursor: auto;
height: auto;
min-height: 0;
}
.bridge-lado-izq {
cursor: pointer;
inset: 0% 0% 50%;
}
.bridge-lado-der {
cursor: pointer;
inset: 50% 0% 0%;
}
.bridge-img-izq {
width: 100%;
height: 100%;
inset: 0%;
transform: none;
}
.bridge-img-der {
width: 100%;
left: 0%;
right: 0%;
transform: none;
}
.bridge-info {
top: 56px;
bottom: auto;
}
.bridge-nombre {
font-size: 44px;
}
.bridge-sub {
font-size: 12px;
}
.bridge-linea {
background-image: linear-gradient(90deg, #0a0a0a00 0%, #0a0a0a73 30% 70%, #0a0a0a00 100%);
width: auto;
height: 2px;
margin-top: -1px;
margin-left: 0;
inset: 50% 0% auto;
}
.bridge-nodo {
font-size: 12px;
}
.bridge-cursor {
display: none;
}
.yaii-cookies__texto {
flex: none;
width: 100%;
font-size: 12px;
}
.yaii-cookies__acciones {
justify-content: space-between;
width: 100%;
}
.yaii-cookies__btn {
flex: auto;
}
.yaii-mnav {
display: flex;
}
.yaii-mnav__ver {
position: relative;
}
.yaii-mnav__ver:before {
content: "";
position: absolute;
inset: -13px 0 -15px;
}
.yaii-cookies__barra {
flex-direction: column;
align-items: flex-start;
padding: 14px 24px 16px;
}
.legal-page {
padding: 104px 24px 64px;
}
.legal-h1 {
font-size: 32px;
}
.legal-h2 {
margin-top: 40px;
padding-top: 20px;
scroll-margin-top: 110px;
font-size: 20px;
}
.pago-overlay {
align-items: flex-end;
padding: 56px 0 0;
}
.pago-modal {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
width: 100%;
padding: 0;
display: block;
}
.pago-modal__cabeza {
margin-bottom: 0;
}
.pago-resumen {
margin-bottom: 0;
padding: 0;
}
.pago-resumen__fila {
margin-top: 2px;
}
.pago-resumen__fila.is-total {
border-top-width: 0;
margin-top: 2px;
padding-top: 0;
}
.pago-opciones {
row-gap: 10px;
margin-top: 14px;
}
.pago-opcion {
padding: 12px 14px;
}
.gracias.grc-pagina {
padding-bottom: 88px;
padding-left: 20px;
padding-right: 20px;
}
.gracias.cred-seccion {
padding: 40px 24px 88px;
}
.gracias__titulo.grc-titulo {
font-size: 34px;
line-height: 1.08;
}
.gracias__folio.grc-folio {
padding: 28px 24px 26px;
}
.gracias__folio-num.grc-folio__num {
font-size: 26px;
}
.gracias__resumen.grc-resumen {
margin-top: 0;
padding: 20px 24px 22px;
}
.gracias__monto.grc-monto {
padding: 26px 24px 22px;
}
.gracias__monto-num.grc-monto__num {
font-size: 26px;
}
.gracias__datos.cred-estado {
margin-top: 40px;
}
.gracias__datos.grc-datos {
padding: 4px 24px 8px;
}
.gracias__dato-v.is-ligero.cred-mensual {
font-size: 32px;
}
.gracias__aviso.grc-recibo__pie {
padding: 18px 24px 20px;
}
.gracias__sub.grc-sub {
font-size: 18px;
}
.gracias__sub.grc-paso__titulo {
margin-bottom: 16px;
padding-left: 50px;
line-height: 34px;
}
.gracias__form.cred-form {
padding: 32px 28px;
}
.gracias__campo, .gracias__campo._w-select {
font-size: 16px;
}
.gracias__legal.grc-legal {
margin-top: 56px;
}
.pago-nota {
margin-top: 0;
}
.gracias__check {
width: 56px;
height: 56px;
margin-bottom: 28px;
}
.gracias__check-icon {
width: 11px;
height: 20px;
margin-top: -4px;
}
.gracias__completa.grc-completa {
row-gap: 32px;
margin-top: 72px;
padding-top: 48px;
}
._w-input-1 {
font-size: 16px;
}
.credito-sim {
padding: 20px;
}
.pedido.fac-pagina {
padding: 80px 24px 96px;
}
.pedido__form {
padding: 28px 24px;
}
.pedido__campo {
font-size: 16px;
}
.pedido__resultado {
border-radius: 24px;
margin-top: 48px;
margin-bottom: 80px;
padding: 32px 24px 28px;
}
.pedido__res-folio {
font-size: 30px;
}
.pedido__linea {
margin-top: 32px;
padding-top: 32px;
display: block;
}
.pedido__etapa {
background-position: 6px 9px;
background-size: 2px 100%;
padding: 0 0 26px 36px;
font-size: 14px;
}
.pedido__etapa:last-child {
padding-bottom: 0;
}
.pedido__etapa.actual {
background-image: linear-gradient(#8a857a 0%, #e2ddd1 75%);
font-size: 15px;
}
.pedido__punto {
top: 2px;
}
.pedido__punto.actual {
top: 0;
}
.pedido__estado {
border-top: 1px solid #ece8df;
width: 100%;
padding-top: 24px;
}
.pedido__nota.ped-nota {
flex-basis: auto;
width: 100%;
max-width: none;
}
.cuenta-form__grid {
grid-template-columns: 1fr;
}
.legal-caja {
padding: 20px 18px 8px;
}
.app-solo-movil {
display: block;
}
.capp-hero {
min-height: 0;
}
.capp-grid {
grid-column-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: minmax(0, 1fr);
max-width: 592px;
padding: 36px 16px 24px;
}
.capp-cab {
grid-row: 1 / 2;
}
.capp-cuerpo {
grid-row: 3 / 4;
margin-top: 4px;
}
.capp-escena {
grid-area: 2 / 1 / 3 / 2;
height: 620px;
margin-top: 8px;
}
.capp-kicker {
margin-bottom: 18px;
font-size: 11px;
}
.capp-titulo {
font-size: 44px;
line-height: 1.02;
}
.capp-titulo__l2 {
max-width: 6.6em;
}
.capp-intro {
font-size: 16px;
}
.capp-pasos {
margin-top: 28px;
}
.capp-qr {
display: none;
}
.capp-btn {
display: flex;
}
.capp-pie {
padding-left: 16px;
padding-right: 16px;
}
.capp-halo {
width: 480px;
height: 480px;
margin-top: -240px;
margin-left: -240px;
}
.capp-halo.grc-halo {
margin-left: -120px;
top: 260px;
}
.capp-halo.cred-halo {
width: 560px;
height: 560px;
margin-top: -280px;
margin-left: -280px;
top: 640px;
}
.capp-eco {
font-size: 150px;
transform: translate(-50%, -50%);
}
.capp-eco.grc-eco {
margin-left: 120px;
top: 240px;
}
.capp-eco.cred-eco {
font-size: 150px;
top: 600px;
}
.capp-tel {
transform: scale(.8125);
}
.capp-app__label {
font-size: 10px;
}
.capp-chip {
font-size: 9.5px;
}
.capp-fila__label {
font-size: 10px;
}
.capp-fila__valor {
font-size: 14.5px;
}
.proc-titulo {
font-size: 44px;
line-height: 1.02;
}
.proc-titulo.ped-titulo {
font-size: 42px;
}
.proc-tarjeta {
padding: 28px 24px;
}
.proc-tarjeta.grc-tarjeta {
margin-top: 20px;
}
.ped-hero {
min-height: 0;
padding: 88px 24px 72px;
}
.ped-grid {
row-gap: 48px;
}
.ped-res {
padding: 0 24px;
}
.ped-res-cab {
flex-direction: column;
align-items: flex-start;
row-gap: 28px;
}
.ped-res-pie {
flex-direction: column;
align-items: flex-start;
margin-top: 32px;
padding-top: 24px;
}
.fac-grid {
row-gap: 32px;
}
.fac-escena {
min-height: 560px;
}
.fac-tag {
display: none;
}
.fac-h2 {
font-size: 36px;
}
.grc-fondo {
height: 720px;
}
.grc-hero {
row-gap: 40px;
padding-top: 56px;
padding-bottom: 80px;
}
.grc-ticket__corte {
margin-left: 24px;
margin-right: 24px;
}
.grc-ticket__pie {
padding: 14px 24px;
}
.cred-fondo {
max-height: 1100px;
}
.grc-seccion {
row-gap: 32px;
padding-top: 48px;
}
.grc-h2 {
font-size: 26px;
}
.grc-recibo__corte {
margin-left: 24px;
margin-right: 24px;
}
.grc-paso {
display: block;
position: relative;
}
.grc-paso__rail {
position: absolute;
top: 0;
left: 0;
}
.grc-paso__num {
width: 34px;
height: 34px;
}
.grc-paso__linea {
display: none;
}
.grc-paso__cuerpo {
padding-bottom: 40px;
}
.promo-ficha {
padding: 40px 24px;
}
.promo-ficha__nombre {
font-size: 23px;
}
.promo-ficha__frase {
font-size: 15px;
}
.promo-ficha__datos {
column-gap: 28px;
}
.cuenta-promos__lista {
row-gap: 12px;
}
.hero-slider {
flex: auto;
width: 100%;
}
.hero-slider__mask, .hero-slide {
height: 100%;
}
.hero-slide.hero-slide--taranis {
background-color: #e8ddcc;
background-position: 68% 0;
background-size: 232%;
}
.hero-slide.hero-slide--huracan2027 {
background-color: #d9d1c4;
background-position: 85% 0;
background-size: auto 66%;
}
.hero-slide.hero-slide--tormenta2027 {
background-color: #e4d6c8;
background-position: 85% 0;
background-size: auto 66%;
}
.data-grid__item-2027 {
flex: 0 0 calc(25% - 6px);
min-width: 0;
}
.yl-seccion {
padding: 56px 24px;
}
.yl-seccion.yl-seccion--suave.yl-cierre {
padding-top: 56px;
padding-bottom: 56px;
}
.yl-seccion.yl-hero {
padding-top: 32px;
padding-bottom: 48px;
}
.yl-seccion.yl-seccion--legales {
padding-top: 48px;
padding-bottom: 32px;
}
.yl-btn {
font-size: 13px;
}
.yl-btn.yl-btn--linea.yl-btn--bloque, .yl-btn.yl-btn--bloque {
width: 100%;
}
.yl-hero__media {
order: -1;
}
.yl-cabecera {
margin-bottom: 40px;
}
.yl-eyebrow {
margin-bottom: 12px;
font-size: 12px;
}
.yl-h1-modelo {
font-size: 56px;
}
.yl-h2 {
margin-bottom: 16px;
font-size: 34px;
}
.yl-h3 {
font-size: 22px;
}
.yl-lead {
font-size: 18px;
}
.yl-texto {
font-size: 16px;
}
.yl-nota {
font-size: 13px;
}
.yl-cifra__label, .yl-tag {
font-size: 12px;
}
.yl-precio {
font-size: 28px;
}
.yl-precio__mxn {
font-size: 13px;
}
.yl-reveal.yl-reveal--primero {
order: -1;
}
.yl-hero__grid {
grid-template-columns: 1fr;
gap: 24px 40px;
}
.yl-hero__tagline, .yl-hero__tagline2 {
font-size: 18px;
}
.yl-hero__ctas {
flex-direction: column;
gap: 12px 16px;
}
.yl-hero__ctas.yl-hero__ctas--centro {
align-items: stretch;
width: 100%;
}
.yl-hero__cifras {
column-gap: 16px;
}
.yl-hero__num {
font-size: 30px;
}
.yl-hero__alt {
font-size: 13px;
}
.yl-cifras {
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.yl-cifra {
padding: 24px;
}
.yl-cifra__num, .yl-cifra__num.yl-cifra__num--dato {
font-size: 48px;
}
.yl-cifra__unidad {
font-size: 18px;
}
.yl-card {
padding: 28px 24px;
}
.yl-grid-3 {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-feature__grid {
grid-template-columns: 1fr;
row-gap: 32px;
}
.yl-feature__media {
order: -1;
}
.yl-media.yl-media--taller {
margin-top: 32px;
}
.yl-feature__texto {
max-width: none;
}
.yl-carga {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-carga__card {
padding: 28px 24px;
}
.yl-fila__k, .yl-fila__v {
font-size: 15px;
}
.yl-versiones {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-version {
padding: 28px 24px;
}
.yl-version.yl-version--destacada {
order: -1;
}
.yl-version__precio {
font-size: 28px;
}
.yl-version__num {
font-size: 24px;
}
.yl-2027 {
flex-direction: column;
align-items: flex-start;
}
.yl-galeria__flecha {
width: 40px;
height: 40px;
margin-left: 8px;
margin-right: 8px;
}
.yl-galeria__pie {
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
}
.yl-galeria__barra {
width: 28px;
}
.yl-tabla__fila {
flex-wrap: wrap;
}
.yl-tabla__fila.yl-tabla__fila--cab {
display: none;
}
.yl-tabla__celda {
flex: 0 0 50%;
padding: 12px 16px;
}
.yl-tabla__celda.yl-tabla__celda--k {
letter-spacing: .1em;
text-transform: uppercase;
flex: 0 0 100%;
padding-bottom: 4px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yl-tabla__col {
display: block;
}
.yl-acordeon__boton {
padding-top: 16px;
padding-bottom: 16px;
}
.yl-faq__q {
font-size: 17px;
}
.yl-cta-fija {
display: flex;
}
.yl-legales {
font-size: 12px;
}
.yl-mapa {
padding: 56px 16px;
}
.yl-mapa__cabecera {
margin-bottom: 28px;
}
.yl-mapa__titulo {
font-size: 34px;
}
.yl-mapa__sub {
font-size: 15px;
}
.yl-mapa__zonas {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
align-items: flex-start;
}
.yl-mapa__chips {
scrollbar-width: none;
flex-wrap: nowrap;
width: 100%;
overflow: auto hidden;
}
.yl-mapa__mapa {
border-radius: 16px;
}
.yl-mapa__svg {
aspect-ratio: 1;
}
.yl-mapa__pill {
max-width: calc(100% - 70px);
padding: 8px 12px;
font-size: 11.5px;
}
.yl-mapa__leyenda {
display: none;
}
.yl-mapa__bloque {
padding: 18px 16px 16px;
}
.yl-mapa__cmp-valor {
font-size: 20px;
}
.yl-mapa__pasos {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.yl-mapa__paso {
padding: 6px 10px 6px 6px;
font-size: 12px;
}
.yl-mapa__paso-sep {
flex: 0 0 8px;
}
.yl-mapa__lienzo {
aspect-ratio: 1;
}
.yl-mapa__ctrl.yl-mapa__ctrl--txt {
display: none;
}
.yl-mapa__tarjeta {
padding: 18px 16px 16px;
}
.yl-mapa__tarjeta-titulo {
font-size: 21px;
}
.yl-mapa3 {
padding: 40px 24px 32px;
}
.yl-mapa3__mapa {
height: 420px;
}
.yl-mapa3__resultado {
min-width: 0;
}
.yl-mapa3__res-modelo {
letter-spacing: .12em;
}
.yl-mapa3__res-titulo {
white-space: normal;
font-size: 22px;
line-height: 26px;
}
.yl-mapa3__bateria-fila {
flex-wrap: wrap;
}
.yl-mapa3__bateria {
flex: 100%;
width: 100%;
}
.yl-mapa3__bateria-pct {
text-align: left;
min-width: 0;
}
.yl-mapa3__titulo {
font-size: 28px;
line-height: 32px;
}
.yl-mapa3__lead {
font-size: 14px;
line-height: 20px;
}
.yl-mapa3__fila-cab.yl-mapa3__fila-cab--version {
grid-column-gap: 12px;
grid-row-gap: 10px;
flex-wrap: wrap;
height: auto;
}
.yl-mapa3__flecha {
top: auto;
bottom: 0;
}
.yl-mapa3__version {
flex: 100%;
width: 100%;
}
.yl-mapa3__version-btn {
letter-spacing: .01em;
flex: 50%;
min-width: 0;
padding: 0 8px;
font-size: 10px;
}
.yl-mapa3__motos {
padding-left: 15%;
padding-right: 15%;
}
.yl-mapa3__opcion-img {
width: 250px;
}
.yl-mapa3__opcion-img.yl-mapa3__opcion-img--taranis {
width: 294px;
margin-top: -30px;
}
.yl-mapa3__opcion-img.yl-mapa3__opcion-img--m2 {
margin-top: -15px;
margin-bottom: -19px;
}
.yl-mapa3__puntos {
height: 44px;
margin-top: 0;
}
.rv-escena-media {
z-index: 2;
border-radius: 20px;
order: -1;
height: 320px;
top: 72px;
}
.rv-galeria {
grid-column-gap: 12px;
padding-left: 20px;
padding-right: 20px;
scroll-padding-left: 20px;
}
.rv-h-mega {
font-size: 54px;
}
.rv-h2 {
font-size: 36px;
}
.rv-texto {
font-size: 17px;
}
.rv-hero {
min-height: 680px;
}
.rv-hero-contenido {
padding-bottom: 48px;
padding-left: 20px;
padding-right: 20px;
}
.rv-hero-modelos {
font-size: 20px;
}
.rv-seccion {
padding: 96px 20px;
}
.rv-frase {
font-size: 36px;
}
.rv-cifras {
grid-row-gap: 36px;
grid-template-columns: 1fr;
margin-top: 56px;
}
.rv-cifra-num {
font-size: 120px;
}
.rv-escena {
grid-column-gap: 0px;
grid-template-columns: 1fr;
margin-top: 40px;
}
.rv-escena-paso {
justify-content: flex-end;
min-height: 460px;
padding-bottom: 32px;
}
.rv-h3 {
font-size: 30px;
}
.rv-galeria-cabeza {
flex-direction: column;
align-items: flex-start;
margin-bottom: 32px;
padding-left: 20px;
padding-right: 20px;
}
.rv-galeria-item {
border-radius: 20px;
flex-basis: 86%;
height: 440px;
}
.rv-modelos {
grid-template-columns: 1fr;
margin-top: 40px;
}
.rv-modelo {
border-radius: 24px;
padding: 28px 24px;
}
.rv-modelo-nombre {
font-size: 38px;
}
.rv-modelo-img {
height: 220px;
}
.rv-spec {
font-size: 14px;
}
.rv-incluido {
grid-template-columns: 1fr;
margin-top: 40px;
}
.rv-tarjeta {
min-height: 0;
padding: 26px 24px;
}
.rv-tarjeta-num {
padding-bottom: 20px;
font-size: 34px;
}
.rv-pasos {
grid-template-columns: 1fr;
margin-top: 40px;
}
.rv-paso-n {
margin-bottom: 16px;
font-size: 72px;
}
.rv-nota {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.rv-tesis-num {
font-size: 150px;
}
.rv-img-marco {
border-radius: 20px;
height: 340px;
}
.rv-carga-num {
font-size: 38px;
}
.rv-faq-preg {
padding-top: 20px;
padding-bottom: 20px;
font-size: 17px;
}
.rv-cierre {
padding: 96px 20px 110px;
}
.rv-cierre-img {
border-radius: 20px;
height: 340px;
margin-top: 48px;
}
.rv-barra {
display: flex;
}
.hv-hero {
padding-top: 72px;
}
.hv-hero-texto {
padding-left: 20px;
padding-right: 20px;
}
.hv-nombre {
font-size: 84px;
}
.hv-lema {
margin-top: 20px;
font-size: 26px;
}
.hv-ctas {
margin-top: 28px;
}
.hv-hero-marco {
height: 440px;
margin-top: 44px;
}
.hv-modelo-precio {
font-size: 46px;
}
.hv-2027 {
border-radius: 24px;
grid-template-columns: 1fr;
padding: 28px 24px;
}
.hv-notas {
padding: 56px 20px;
}
.rv-j-sec {
padding: 40px 20px;
}
.rv-j-sec.is-hero {
padding-top: 28px;
padding-bottom: 36px;
}
.rv-j-split {
grid-template-columns: 1fr;
row-gap: 24px;
}
.rv-j-split.is-75, .rv-j-split.is-48 {
grid-template-columns: 1fr;
}
.rv-j-eyebrow {
font-size: 11px;
}
.rv-j-h1 {
font-size: 34px;
}
.rv-j-h2 {
font-size: 24px;
}
.rv-j-txt {
font-size: 15px;
}
.rv-j-lead {
font-size: 16px;
}
.rv-j-banda {
padding: 24px 20px;
}
.rv-j-banda-fila {
flex-flow: column;
align-items: stretch;
}
.rv-j-banda-frase {
flex-basis: auto;
font-size: 17px;
}
.rv-j-cifra {
border-top: 1px solid #cfc9bb;
border-left: 0 #0000;
flex-basis: auto;
padding-top: 14px;
padding-left: 0;
}
.rv-j-cifra-num {
font-size: 32px;
}
.rv-j-cabeza {
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.rv-j-ruta {
scroll-snap-type: x mandatory;
border-top: 0 #0000;
padding-top: 10px;
padding-bottom: 8px;
display: flex;
overflow-x: auto;
}
.rv-j-ruta-linea {
display: none;
}
.rv-j-parada {
scroll-snap-align: start;
border-top: 2px solid #d6d1c4;
flex: 0 0 72%;
padding-top: 22px;
padding-right: 20px;
}
.rv-j-hora {
font-size: 20px;
}
.rv-j-medidor {
padding: 22px;
}
.rv-j-fila {
column-gap: 10px;
}
.rv-j-celda.is-fuerte {
font-size: 20px;
}
.rv-j-modelo {
font-size: 22px;
}
.rv-j-lista, .rv-j-pasos, .rv-j-req {
grid-template-columns: 1fr;
}
.rv-j-cierre-fila {
flex-direction: column;
align-items: flex-start;
}
.rv-j-cierre-accion {
align-items: flex-start;
}
.hv-portada {
align-items: center;
min-height: 0;
padding: 24px 20px 20px;
}
.hv-eyebrow {
font-size: 11px;
}
.hv-portada-nombre {
font-size: 40px;
line-height: 48px;
}
.hv-portada-lema {
font-size: 16px;
}
.hv-boton {
font-size: 11px;
}
.rv-j-fija {
display: flex;
}
.hv-sec {
padding: 40px 20px;
}
.hv-titulo {
font-size: 22px;
}
.hv-texto {
font-size: 15px;
}
.hv-texto.hv-chico {
font-size: 14px;
}
.hv-objeto {
flex-direction: column;
align-items: center;
row-gap: 20px;
display: flex;
}
.hv-lado {
flex-direction: row;
column-gap: 16px;
width: 100%;
}
.hv-lado.hv-izq, .hv-lado.hv-der {
text-align: center;
justify-content: center;
align-items: flex-start;
}
.hv-cifra {
flex: 1;
max-width: 50%;
}
.hv-cifra-num {
font-size: 20px;
}
.hv-escenario {
order: -1;
max-width: 440px;
}
.hv-punto-txt {
display: none;
}
.hv-explica {
min-height: 105px;
}
.hv-color-marco {
max-width: 100%;
}
.hv-muestra {
font-size: 11px;
}
.hv-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.hv-fila-k {
text-align: center;
grid-column: 1 / 3;
font-size: 12px;
}
.hv-fila-v {
font-size: 13px;
}
.hv-fila-v.hv-ancho {
grid-column: 1 / 3;
font-size: 12px;
}
.hv-tabla-intro {
text-align: center;
grid-column: 1 / 3;
margin-bottom: 12px;
padding-right: 0;
}
.hv-modelo-nombre, .hv-modelo-cifra {
font-size: 20px;
}
.hv-cuenta {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 24px;
}
.hv-tarjetas, .hv-tarjetas.hv-dos {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-enlace {
font-size: 11px;
}
.hv-faq {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-faq-preg {
font-size: 15px;
}
.hv-firma {
font-size: 11px;
}
.hv-notas-lista {
column-count: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-barra {
display: flex;
}
.hv-gasto-fila {
grid-template-columns: 92px 1fr 104px;
column-gap: 10px;
}
.hv-carril {
height: 72px;
margin-bottom: 12px;
}
.hv-viajera {
width: 96px;
}
.hv-viajera.hv-x-grande {
width: 150px;
bottom: 11px;
}
.hv-estacion {
flex-direction: column;
row-gap: 4px;
}
.hv-estaciona {
width: 150px;
}
.hv-estaciona.hv-x-garaje {
width: 170px;
}
.rv-j-heroz {
padding: 16px 16px 0;
}
.rv-j-heroz-panel {
flex-direction: column-reverse;
height: auto;
display: flex;
}
.rv-j-heroz-img {
object-position: 35% 50%;
width: 100%;
height: 240px;
position: relative;
}
.rv-j-heroz-velo {
display: none;
}
.rv-j-heroz-txt {
width: 100%;
height: auto;
padding: 28px 20px 24px;
}
.rv-j-via {
height: 80px;
}
.rv-j-app {
height: auto;
padding: 40px 0 24px;
}
.rv-j-app-pegado {
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-items: center;
row-gap: 28px;
height: auto;
padding-left: 16px;
padding-right: 16px;
position: relative;
top: 0;
}
.rv-j-app-izq {
justify-self: stretch;
max-width: none;
}
.rv-j-tel {
width: 210px;
height: 437px;
}
.rv-j-inc {
padding: 40px 16px 12px;
}
.rv-j-carga {
padding: 40px 16px;
}
.rv-j-carga-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rv-j-carga-num {
font-size: 36px;
}
.rv-j-ver {
padding: 40px 16px 32px;
}
.rv-j-ver-grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rv-j-ver-foto {
height: 200px;
}
.rv-j-ver-moto {
max-height: 200px;
}
.rv-j-ver-km-1 {
font-size: 36px;
}
.rv-j-fin {
padding: 40px 16px 32px;
}
.rv-j-fin-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-pano {
height: 240px;
}
.hv-banda {
height: auto;
padding-top: 36px;
padding-left: 20px;
padding-right: 20px;
}
.hv-banda-img {
object-position: 50% 80%;
border-radius: 12px;
height: 220px;
margin-top: 16px;
position: relative;
}
.tv-ciudad-img {
height: 280px;
}
.tv-placa {
margin: -40px 16px 0;
padding: 22px 20px;
}
.tv-lema {
font-size: 16px;
}
.tv-cruce {
height: 100px;
}
.tv-calle {
height: 44px;
top: 36px;
}
.tv-calle-linea {
top: 21px;
}
.tv-cruza {
width: 96px;
bottom: 12px;
}
.tv-sec {
padding: 40px 20px;
}
.tv-titulo {
font-size: 22px;
}
.tv-escalera {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
row-gap: 24px;
}
.tv-cifra.tv-e3 {
margin-top: 0;
}
.tv-cifra.tv-e4 {
margin-top: 28px;
}
.tv-paso-tit {
font-size: 15px;
}
.tv-escena {
height: 260px;
}
.tv-lente {
width: 112px;
height: 112px;
margin-top: -56px;
margin-left: -56px;
}
.tv-ver-marco {
min-height: 220px;
}
.tv-fila {
column-gap: 10px;
}
.tv-fila-v {
font-size: 13px;
}
.tv-modelo-precio {
font-size: 20px;
}
.tv-color-escena {
height: 240px;
}
.tv-detalle {
height: 130px;
}
.tv-tarjetas {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tv-estacion {
height: 210px;
}
.tv-estaciona {
width: 300px;
}
.tv-barra {
display: flex;
}
.hv-m-sec {
padding: 32px 16px;
}
.hv-m-titulo {
font-size: 22px;
}
.hv-m-num {
font-size: 20px;
}
.hv-m-botones {
flex-direction: column;
align-items: stretch;
}
.hv-btn-grad {
font-size: 11px;
}
.hv-btn-grad.hv-d-ancho {
letter-spacing: .04em;
padding-left: 8px;
padding-right: 8px;
}
.hv-btn-linea {
font-size: 11px;
}
.hv-m-boton, .hv-m-boton-linea {
text-align: center;
display: block;
}
.hv-m-marco {
height: 300px;
}
.hv-d-chip {
font-size: 11px;
}
.hv-d-comp-cab {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 10px;
}
.hv-d-comp-mod {
padding: 14px 10px 12px;
}
.hv-m-tarjeta-foto {
height: 200px;
}
.hv-m-tarjeta-cuerpo {
padding: 18px 18px 20px;
}
.hv-d-comp-nombre {
font-size: 18px;
}
.hv-m-ref-foto {
height: 240px;
}
.hv-d-comp-precio {
font-size: 22px;
}
.hv-m-ref-panel {
margin-top: 12px;
margin-left: 0;
margin-right: 0;
padding: 22px 18px;
}
.hv-d-comp-stock {
letter-spacing: .08em;
padding-left: 8px;
padding-right: 8px;
font-size: 9px;
}
.hv-d-comp-fila {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 4px 10px;
}
.hv-d-comp-k {
text-align: center;
letter-spacing: .04em;
white-space: normal;
grid-column: 1 / -1;
font-size: 11px;
}
.hv-d-num {
font-size: 15px;
}
.hv-d-comp-vacio {
display: none;
}
.hv-x-titulo {
font-size: 22px;
}
.hv-x-ficha-dato {
font-size: 36px;
}
.hv-x-paso-txt {
letter-spacing: .08em;
font-size: 10px;
}
.hv-d-moto-img {
width: 200px;
}
.rv-j-fin-via {
order: 1;
height: 170px;
}
.rv-j-app-der {
align-self: auto;
width: 100%;
padding-bottom: 0;
}
.rv-j-app-via {
height: 130px;
}
.rv-j-moto {
width: 120px;
}
.rv-j-moto.is-grande {
width: 190px;
left: 8%;
}
.rv-j-moto.is-cruza {
width: 110px;
}
.rv-j-moto.is-fin {
width: 220px;
left: 10%;
right: auto;
}
.hv-boton-linea {
font-size: 11px;
}
.hv-portada-foto, .hv-portada-foto.hv-baja {
width: 100%;
height: auto;
}
.hv-d-cu-cifra {
font-size: 48px;
}
.hv-d-cu-frase {
font-size: 18px;
}
.hv-x-nombre {
font-size: 22px;
}
.hv-x-pista {
height: 100px;
}
.hv-x-piso {
bottom: 22px;
}
.pago-pedido {
grid-template-columns: 64px 1fr;
align-items: center;
gap: 0 12px;
padding: 20px 16px 12px;
display: grid;
}
.pago-pedido__etiqueta {
display: none;
}
.pago-fotos {
border-radius: 10px;
width: 64px;
height: 64px;
margin: 0;
}
.pago-panel {
padding: 16px;
}
.pago-notas {
padding: 14px 16px 20px;
}
.pago-factura__fila {
margin-top: 2px;
}
.pago-factura__fila.is-primera {
margin-top: 6px;
}
.pago-factura__label, .pago-factura__cifra {
font-size: 12px;
}
.pago-factura__sep {
margin-top: 6px;
margin-bottom: 2px;
}
.pagar-factura {
border-radius: 16px;
padding: 20px;
}
.pagar-pagina {
padding-bottom: 64px;
}
.pagar-cabecera__inner {
height: 56px;
padding-left: 16px;
padding-right: 16px;
}
.pagar-cabecera__regresar {
width: 40px;
height: 40px;
box-shadow: none;
border-left: 1px solid #e7e4da;
border-radius: 40px;
margin-top: 0;
padding-right: 0;
font-size: 20px;
position: static;
}
.pagar {
padding: 24px 16px 0;
}
.pagar-factura__cabeza {
text-align: left;
flex-direction: row;
align-items: center;
gap: 14px;
margin-top: 12px;
margin-bottom: 0;
}
.pagar-modelo {
font-size: 24px;
}
.pagar-lineas {
margin-top: 16px;
}
.pagar-fila__cifra.is-total {
font-size: 24px;
}
.pagar-cobro__titulo {
margin-bottom: 16px;
font-size: 12px;
}
.pagar-estado {
padding: 20px;
}
.pagar-vacio {
border-radius: 16px;
padding: 20px;
}
.pagar-vacio__titulo {
font-size: 24px;
}
.pagar-legal {
column-gap: 16px;
margin-top: 32px;
}
.yaii-carga__logo {
width: 140px;
}
.pagar-cobro__monto {
font-size: 22px;
}
.ycu-pagina {
padding: 28px 24px 56px;
}
.yac-acceso {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 28px;
}
.yac-acceso__titulo {
font-size: 30px;
}
.yac-acceso__foto {
height: 220px;
}
.ycu-cabecera {
padding: 22px;
}
.ycu-titulo {
font-size: 26px;
}
.ycu-saludo {
font-size: 28px;
}
.ycu-check__txt {
white-space: normal;
}
.yac-modelo.is-grande {
font-size: 28px;
}
.ycu-tile__num {
font-size: 34px;
}
.yac-h2 {
font-size: 22px;
}
.ycu-dir {
flex-direction: column;
}
.ycu-dir__acciones {
justify-content: flex-start;
}
.pagar-incluye {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
row-gap: 16px;
min-height: 0;
margin-bottom: 0;
padding: 16px;
}
.pagar-incluye__ventana {
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.pagar-incluye__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
display: block;
position: static;
top: auto;
left: auto;
}
.pagar-incluye__moto.is-huracan {
height: auto;
top: auto;
left: auto;
}
.pagar-incluye__moto.is-tormenta {
aspect-ratio: 7 / 5;
height: auto;
top: auto;
left: auto;
}
.pagar-incluye__moto.is-m2 {
height: auto;
top: auto;
left: auto;
}
.pagar-incluye__lista {
width: 100%;
}
.ypf-pagina {
padding: 20px 24px 56px;
}
.ypf-portada__img {
width: 64%;
}
.ypf-portada__marca, .ypf-nombre {
font-size: 30px;
}
.ypf-moto-hero {
grid-template-columns: 1fr;
padding: 24px;
}
.ypf-moto-hero__foto {
height: 240px;
}
.ypf-motos {
grid-template-columns: 1fr 1fr;
}
.yaii-videohero__pausa {
width: 36px;
height: 36px;
bottom: 15px;
right: 24px;
}
.app-h1 {
font-size: 30px;
}
.app-h2 {
font-size: 24px;
}
.app-lead {
font-size: 16px;
}
.app-txt {
font-size: 15px;
}
.app-hero {
padding: 24px 20px 40px;
}
.app-hero-media {
height: 380px;
}
.app-red {
padding: 48px 20px;
}
.app-cards {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.app-renta {
padding: 48px 20px;
}
.app-teles {
grid-column-gap: 12px;
}
.app-tel {
border-radius: 26px;
width: 150px;
height: 316px;
padding: 5px;
}
.app-tel-pantalla {
border-radius: 22px;
}
.app-tel-isla {
width: 46px;
height: 14px;
top: 7px;
}
.app-lista {
padding: 48px 20px 56px;
}
.app-form-caja {
padding: 20px;
}
.legal-indice {
padding: 18px 18px 14px;
}
.legal-indice__lista {
grid-template-columns: 1fr;
}
.ecs-seccion, .ecs-seccion-hueso {
padding: 48px 20px;
}
.ecs-hero {
padding: 36px 20px 48px;
}
.ecs-h1 {
font-size: 36px;
}
.ecs-h2 {
font-size: 26px;
}
.ecs-lead {
margin-bottom: 24px;
font-size: 16px;
}
.ecs-cabeza {
margin-bottom: 24px;
}
.ycx-perso {
grid-template-columns: 1fr;
}
.ecs-piezas {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ecs-viene {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.ycx-perso__lado {
align-items: flex-start;
}
.ecs-datos {
grid-column-gap: 24px;
}
.flo-h1 {
font-size: 30px;
}
.flo-h2 {
font-size: 24px;
}
.flo-lead {
font-size: 16px;
}
.flo-txt {
font-size: 15px;
}
.flo-hero {
padding: 16px 20px 0;
}
.flo-hero-panel {
align-items: flex-end;
height: auto;
min-height: 520px;
}
.flo-hero-img {
object-position: 60% 50%;
width: 100%;
height: 300px;
top: 0;
}
.flo-hero-velo {
background-image: linear-gradient(0deg, #f0ebe0 0% 44%, #f0ebe000 56%);
}
.flo-hero-txt {
width: 100%;
max-width: none;
padding: 260px 20px 24px;
}
.flo-cifra {
padding: 18px 16px 20px;
}
.flo-cifra-n {
font-size: 32px;
}
.flo-dato {
padding: 48px 20px;
}
.flo-dato-num {
font-size: 48px;
}
.flo-inc {
padding: 48px 20px;
}
.flo-motos {
height: 240px;
}
.flo-items {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.flo-giros {
min-height: 0;
padding: 220px 20px 32px;
}
.flo-giros-velo {
background-image: linear-gradient(0deg, #f4f1eaf7 0%, #f4f1eaf2 64%, #f4f1ea00 84%);
}
.flo-giros-cont {
align-items: stretch;
row-gap: 16px;
}
.flo-giros-cab {
width: 100%;
}
.flo-giros-fila {
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.flo-luz {
padding: 48px 20px 40px;
}
.flo-luz-cifra {
font-size: 26px;
}
.flo-pasos {
padding: 48px 20px;
}
.flo-linea {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.flo-lista {
padding: 48px 20px 56px;
}
.flo-form-caja {
padding: 20px;
}
.ecs-dato__num {
font-size: 28px;
}
.flo-area, .flo-check, .flo-enviar {
grid-column: span 1 / span 1;
}
.ene-h1 {
font-size: 30px;
}
.ene-h2 {
font-size: 24px;
}
.ene-lead {
font-size: 16px;
}
.ene-txt {
font-size: 15px;
}
.ene-hero {
padding: 24px 20px 0;
}
.ene-hero-media {
height: 300px;
}
.ene-indice {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-indice-item {
border-bottom: 1px solid #dcd7cb;
border-right: 0 solid #dcd7cb;
padding: 14px 4px;
}
.ene-cifras {
padding: 40px 20px 48px;
}
.ene-cifra-n {
font-size: 36px;
}
.ene-casa, .ene-calle, .ene-red, .ene-rapida {
padding: 48px 20px;
}
.ene-cargadores {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-caminos {
padding: 48px 20px;
}
.ene-caminos-fila {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-abre {
padding: 48px 20px 56px;
}
.rvp-dato {
padding: 48px 20px;
}
.rvp-jornada {
padding: 24px 20px;
}
.rvp-num {
font-size: 48px;
}
.rvp-hora {
height: 48px;
}
.rvp-form-caja {
padding: 18px;
}
.flo-form-grid {
grid-template-columns: 1fr;
}
.enp-hero {
min-height: 440px;
padding: 32px 20px;
}
.enp-titulo {
font-size: 32px;
}
.enp-pronto {
font-size: 13px;
}
.ene-form-caja {
padding: 20px;
}
.enp-modelo {
font-size: 32px;
}
.enp-foto-moto {
object-position: 80% 50%;
}
.enp-foto-pano {
object-position: 66% 50%;
}
.colab-franja {
padding: 24px;
}
.colab-franja__cta {
padding: 11px 18px;
font-size: 11px;
}
.dis-linea {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 479px) {
.container.container--1260.container--flex-mid {
padding-left: 0;
padding-right: 0;
}
.container.container--840.contaiener--840-powertrain {
width: 100%;
}
.hero {
aspect-ratio: auto;
background-color: #e8ddcc;
flex-direction: column;
height: auto;
min-height: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
}
.hero-grid__heading {
text-align: left;
margin-bottom: -11px;
font-size: 35px;
}
.hero-grid__subheading {
text-align: left;
margin-top: 0;
font-size: 13px;
}
.hero-flex-huracan-2024 {
flex: auto;
justify-content: flex-start;
width: auto;
height: auto;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.hero-flex__item.hero-flex__item-mid {
min-height: 87vw;
padding-top: 50px;
}
.hero-flex__item.hero-flex__item--bot {
width: 100%;
height: auto;
min-height: 0;
margin-top: 16px;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 16px;
}
.hero-flex__item.hero-flex__item--nav {
min-height: 0;
margin-bottom: 0;
}
.data-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: space-between;
gap: 8px;
font-size: 14px;
display: flex;
}
.data-grid.data-grid-2027 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.data__title {
letter-spacing: .5px;
font-size: 12px;
line-height: 1.3;
}
.data__title.data__title-light {
font-size: 12px;
}
.data-grid__item {
flex: 0 0 calc(25% - 6px);
min-width: 0;
font-size: 10px;
}
.data-grid__item.data-grid__item--future {
align-items: center;
}
.data-grid__item.data-grid__item--mobile-hide {
display: flex;
}
.data__sub-text {
text-align: center;
font-size: 10px;
}
.data__sub-text.data__sub-text-light, .button {
font-size: 12px;
}
.data-grid__button-wrapper {
flex: 0 0 100%;
width: 100%;
}
.nav__logo {
margin-left: 8px;
margin-right: 0;
padding-right: 0;
}
.nav__logo:before {
content: "";
position: absolute;
inset: -11px 0;
}
.nav__center-nav {
display: flex;
}
.nav__left-nav {
margin-left: auto;
margin-right: 6px;
}
.nav__link.nav__link--hide-mobile {
display: none;
}
.nav__burger {
width: 44px;
height: 48px;
margin-right: -4px;
padding: 18px 15px 18px 11px;
position: relative;
}
.side-nav__link, .side-nav__link.side-nav__link-mobile {
display: none;
}
.interior__headline {
min-height: 0;
padding: 48px 20px;
}
.slider-wide {
z-index: 0;
min-height: 650px;
}
.slider__text {
margin-top: 80px;
padding-left: 0;
}
.right-arrow, .left-arrow {
display: none;
}
.slide-nav {
margin-top: 400px;
padding-bottom: 0;
display: block;
inset: 0% auto auto 0%;
}
.showcase-grid {
width: 100%;
}
.ludicrous-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.ludicrous-grid-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.ludicrous-grid-2__item {
padding-right: 0;
}
.tabs-imgs-wrapper {
min-height: 160px;
}
.powertrain-subgrid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.go_img {
background-position: 75%;
}
.tab-vids__wrapper {
min-height: 200px;
}
.impact__text {
margin-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.impact__img {
margin-top: 100px;
}
.prot-content-wrapper {
width: 300px;
height: 300px;
}
.prot__content.prot__content-1 {
width: 100px;
bottom: 216.5px;
left: 140px;
}
.prot__content.prot__content-2 {
width: 100px;
bottom: 141px;
left: 32px;
}
.prot__content.prot__content-3 {
width: 100px;
bottom: 68px;
left: 161.5px;
}
.tab-vids__grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.cta__text-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.cta__text-buttons {
width: 100%;
}
.tabs-menu {
flex-direction: column;
}
.eikon__notif {
border-radius: 0;
margin-bottom: 0;
}
.container-3 {
max-width: none;
}
.utility-page-wrap {
width: 100%;
height: auto;
min-height: 100dvh;
padding: 40px 20px;
}
.utility-page-content {
max-width: 100%;
}
.yaii-dd-z {
display: none;
}
.yaii-hl-logo {
height: 170px;
margin-top: -39px;
margin-bottom: -39px;
}
.yaii-hl-sub {
letter-spacing: .08em;
white-space: nowrap;
margin-top: 12px;
font-size: 4.7vw;
}
.panels-wrap {
background-color: #f7f5ee;
flex-direction: row;
align-items: stretch;
row-gap: 0;
height: auto;
min-height: 0;
overflow: hidden;
}
.panel {
background-color: #f7f5ee;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
flex: 0 0 100%;
width: 100%;
height: auto;
padding-top: 56.25vw;
transition: none;
}
.panel.panel-1 {
background-color: #f7f5ee;
background-image: linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.panel.panel-2 {
background-color: #f7f5ee;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49670b496908db1a87edd_home-panel-delivery.webp"), linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100% 100%;
}
.panel.panel-3 {
background-color: #f7f5ee;
background-image: url("https://cdn.prod.website-files.com/69f83bcb97f4264d00ec0b88/6ab49674a6bc5ae96dc8f7ee_home-panel-modelos.webp"), linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100% 100%;
}
.panel.panel-4 {
background-color: #f7f5ee;
background-image: linear-gradient(#f7f5ee 55%, #d6d3ca 100%);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.panel.panel-5 {
flex-direction: column;
justify-content: center;
padding-top: 0;
display: flex;
}
.panel.is-min {
opacity: 1;
filter: none;
width: 100%;
min-width: 0;
height: auto;
}
.panel.is-active {
width: 100%;
max-width: none;
height: auto;
}
.panel__scrim {
display: none;
}
.panel__content {
opacity: 1;
color: #0a0a0a;
width: 100%;
min-width: 0;
margin-top: 0;
padding: 16px 18px 28px;
display: block;
position: relative;
top: auto;
bottom: auto;
left: auto;
overflow: visible;
}
.panel__eyebrow {
color: #0a0a0ac7;
text-shadow: none;
margin-bottom: 8px;
font-size: 11px;
}
.panel__title {
color: #0a0a0a;
text-shadow: none;
margin-bottom: 10px;
font-size: 20px;
}
.panel__sub {
color: #0a0a0ae0;
text-shadow: none;
margin-bottom: 14px;
font-size: 14px;
}
.panel__cta {
color: #0a0a0a;
text-shadow: none;
border-color: #0a0a0a;
padding: 11px 18px;
font-size: 11px;
}
.panel__media {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
.yaii-topbar {
padding-left: 30px;
padding-right: 48px;
}
.yaii-topbar__link {
letter-spacing: 0;
font-size: 10px;
line-height: 1.2;
}
.yaii-topbar__close:before {
content: "";
position: absolute;
inset: 0 -11px 0 -6px;
}
.yaii-feature {
flex-direction: column;
align-items: stretch;
row-gap: 32px;
padding: 56px 20px;
}
.yaii-feature__img {
aspect-ratio: 4 / 3;
border-radius: 14px;
width: 100%;
height: auto;
min-height: 0;
}
.yaii-feature__content {
width: 100%;
max-width: none;
padding: 0;
}
.yaii-feature__title {
font-size: 30px;
}
.yaii-feature__sub {
margin-bottom: 24px;
font-size: 16px;
}
.yaii-feature__cta {
text-align: center;
margin-top: 12px;
display: block;
}
.yaii-top {
width: 44px;
height: 44px;
bottom: 16px;
left: 16px;
}
.yaii-top__arrow {
font-size: 18px;
}
.yaii-footer {
flex-direction: column;
row-gap: 56px;
padding: 56px 20px 48px;
}
.yaii-footer__left {
width: 100%;
max-width: none;
}
.yaii-footer__logo {
margin-left: -43px;
margin-right: 0;
}
.yaii-footer__h {
font-size: 20px;
}
.yaii-footer__soc-row {
justify-content: flex-start;
margin-left: 0;
}
.yaii-footer__block {
padding-left: 0;
}
.yaii-footer__input {
font-size: 16px;
}
.yaii-footer__top {
flex-direction: column;
row-gap: 44px;
}
.yaii-footer__cols {
flex-direction: column;
align-items: flex-start;
row-gap: 32px;
}
.yaii-footer__legal {
text-align: left;
align-items: flex-start;
}
.yaii-footer__legal-row {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
row-gap: 10px;
}
.yaii-footer__copyright {
text-align: left;
max-width: none;
}
.yaii-footer__brand {
justify-content: center;
width: 100%;
margin-bottom: 28px;
}
.yaii-footer__imagotipo {
margin-left: 0;
}
.yaii-footer__col-explora, .yaii-footer__col-soporte, .yaii-footer__col-contacto {
flex: none;
width: 100%;
min-width: 0;
}
.panel__progress {
background-color: #0a0a0a2e;
bottom: 10px;
left: 18px;
right: 18px;
}
.panel__progress-fill {
background-color: #0a0a0a;
}
.yaii-grid {
scroll-snap-type: x mandatory;
flex-flow: row;
align-items: stretch;
gap: 0 12px;
padding: 64px 11vw;
scroll-padding-left: 0;
overflow: auto hidden;
}
.yaii-grid__right {
flex-flow: row;
flex: none;
gap: 0 12px;
width: auto;
display: contents;
}
.yaii-grid__scrim {
display: block;
}
.yaii-grid__label {
color: #f7f5ee;
text-align: center;
letter-spacing: .04em;
background-color: #0000;
justify-content: center;
align-items: center;
row-gap: 8px;
height: 100%;
padding: 20px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
top: 0;
}
.yaii-vision {
row-gap: 44px;
padding: 72px 20px 56px;
}
.yaii-vision__legal {
flex-direction: column;
row-gap: 36px;
}
.yaii-informado {
flex-direction: column;
align-items: flex-start;
row-gap: 48px;
padding: 64px 20px;
}
.yaii-informado__left {
max-width: 640px;
}
.yaii-informado__title {
font-size: 34px;
}
.yaii-informado__copy {
font-size: 16px;
}
.yaii-videohero {
aspect-ratio: 64 / 27;
}
.yaii-videohero__overlay {
font-size: 13px;
bottom: 24px;
left: 24px;
}
.yaii-craft {
flex-direction: column;
align-items: flex-start;
row-gap: 40px;
padding: 64px 20px;
}
.yaii-craft__left {
width: 100%;
}
.yaii-craft__title {
margin-bottom: 20px;
font-size: 30px;
}
.yaii-craft__media {
width: 100%;
}
.yaii-ugc {
padding: 64px 20px;
}
.yaii-ugc__title {
margin-bottom: 28px;
font-size: 26px;
}
.yaii-ugc__wall {
column-gap: 14px;
}
.yaii-informado__input {
font-size: 16px;
}
.yaii-grid__card-1 {
scroll-snap-align: center;
background-position: 50%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 340px;
min-height: 0;
}
.yaii-grid__card-2, .yaii-grid__card-3 {
scroll-snap-align: center;
background-position: 50%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 340px;
}
.yaii-grid__card-4 {
scroll-snap-align: center;
background-position: 50% 70%;
background-size: cover;
flex: 0 0 78vw;
width: 78vw;
height: 340px;
}
.yaii-ugc__fbframe {
width: 300px;
height: 533px;
}
.yaii-grid__nota {
color: #f7f5eeeb;
letter-spacing: 0;
text-transform: none;
font-size: 12px;
font-weight: 300;
line-height: 1.4;
display: block;
}
.hl-hero {
padding: 56px 20px 48px;
}
.hl-seccion-oscura, .hl-seccion-luz {
padding: 56px 20px;
}
.hl-hero__titulo {
margin-bottom: 14px;
font-size: 48px;
}
.hl-hero__tagline, .hl-hero__tagline2 {
font-size: 17px;
line-height: 1.3;
}
.hl-hero__img {
width: 100%;
max-width: 100%;
height: auto;
min-height: 0;
margin-top: 20px;
margin-bottom: 6px;
}
.hl-stats {
grid-column-gap: 12px;
grid-row-gap: 18px;
grid-template-columns: 1fr 1fr;
margin-top: 20px;
display: grid;
}
.hl-stat__valor {
font-size: 24px;
}
.hl-stat__label {
font-size: 12px;
}
.hl-ctas {
flex-direction: column;
align-items: stretch;
margin-top: 28px;
}
.hl-btn {
text-align: center;
width: 100%;
padding-bottom: 16px;
display: block;
}
.hl-btn-linea, .hl-btn-claro {
text-align: center;
width: 100%;
display: block;
}
.hl-titulo-oscuro, .hl-titulo-luz {
font-size: 26px;
}
.hl-sub-oscuro, .hl-sub-luz {
font-size: 15px;
}
.hl-manifiesto__cierre {
margin-top: 24px;
font-size: 20px;
}
.hl-grid-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 32px;
}
.hl-card {
width: 100%;
padding: 28px 20px;
}
.hl-card__nombre {
font-size: 24px;
}
.hl-card__precio {
font-size: 20px;
}
.hl-fila {
grid-column-gap: 12px;
}
.hl-grid-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 32px;
}
.hl-tarjeta-oscura {
width: 100%;
padding: 28px 20px;
}
.hl-tarjeta-oscura__titulo {
font-size: 18px;
}
.hl-tarjeta-luz {
width: 100%;
padding: 28px 20px;
}
.hl-tarjeta-luz__titulo {
font-size: 18px;
}
.hl-carga {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
margin-top: 40px;
}
.hl-carga__img {
aspect-ratio: 1001 / 1572;
object-fit: cover;
width: 180px;
max-width: 100%;
height: auto;
min-height: 0;
}
.hl-carga__texto {
text-align: center;
max-width: 100%;
}
.hl-renta__precio {
font-size: 36px;
}
.hero-flex__item-lp.hero-flex__item--nav-lp {
min-height: 10vh;
}
.hero-flex__item-lp.hero-flex__item-mid-lp {
min-height: 55vh;
}
.hero-flex__item-lp.hero-flex__item--bot-lp {
padding-bottom: 2rem;
}
.hero-grid__subheading-lp {
margin-top: 0;
}
.data-grid-lp {
grid-template-columns: 1fr 1fr 1fr;
}
.data-grid__item-lp.data-grid__item--mobile-hide-lp {
display: none;
}
.data__title-lp {
font-size: 18px;
}
.data__sub-text-lp {
text-align: center;
}
.yaii-footer__brandlink {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.hero-tl {
aspect-ratio: 1;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-tl {
justify-content: flex-start;
min-height: 0;
padding-left: 20px;
padding-right: 20px;
}
.hero-flex__item-tl.hero-flex__item--nav-tl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-tl.hero-flex__item-mid-tl {
min-height: 0;
}
.hero-grid__heading-tl {
text-align: left;
font-size: 32px;
line-height: 38px;
}
.tienda-hero {
padding: 140px 20px 48px;
}
.tienda-hero__titulo {
font-size: 26px;
line-height: 1.2;
}
.tienda-hero__sub {
font-size: 14px;
line-height: 1.5;
}
.tienda-seccion {
padding: 24px 20px 56px;
}
.tienda-seccion__titulo {
font-size: 20px;
}
.tienda-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.tienda-card__img {
aspect-ratio: 4 / 3;
width: 100%;
height: auto;
min-height: 0;
}
.tienda-card__img.img-zoom {
aspect-ratio: 4 / 3;
height: auto;
}
.tienda-card__info {
padding: 14px;
}
.tienda-cats {
grid-column-gap: 6px;
grid-row-gap: 0px;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 12px 20px;
overflow: auto hidden;
}
.tienda-cat {
white-space: nowrap;
flex: none;
padding: 8px 12px;
}
.tienda-buscar__input {
padding: 12px 14px;
font-size: 16px;
}
.tienda-layout {
grid-column-gap: 0px;
grid-row-gap: 20px;
flex-direction: column;
align-items: stretch;
}
.tienda-filtros {
grid-column-gap: 14px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
width: 100%;
display: flex;
}
.tienda-filtro__titulo {
width: 100%;
margin-top: 12px;
margin-bottom: 4px;
}
.tienda-filtro__op {
margin-bottom: 0;
}
.tienda-zona {
width: 100%;
}
.tienda-cuadricula {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.tienda-buscar-global {
padding: 12px 20px 14px;
}
.tienda-filtro__modelo {
margin-bottom: 0;
}
.renta-hero {
padding: 96px 20px 48px;
}
.renta-fila {
grid-column-gap: 0px;
grid-row-gap: 20px;
flex-direction: column;
align-items: stretch;
}
.renta-fila__img {
order: -1;
width: 100%;
}
.renta-fila__foto {
aspect-ratio: 16 / 9;
height: auto;
min-height: 0;
}
.renta-titulo {
font-size: 24px;
line-height: 1.3;
}
.renta-copy {
font-size: 15px;
line-height: 1.5;
}
.renta-cta {
text-align: center;
width: 100%;
display: block;
}
.soporte-hero {
padding: 140px 20px 48px;
}
.soporte-titulo {
margin-bottom: 24px;
font-size: 26px;
}
.soporte-fila {
flex-direction: column;
align-items: stretch;
gap: 20px 0;
}
.soporte-fila__img {
order: -1;
width: 100%;
}
.soporte-fila__foto {
width: 100%;
height: auto;
min-height: 0;
}
.soporte-dato {
margin-bottom: 14px;
padding: 20px 18px;
}
.soporte-cta {
text-align: center;
width: 100%;
display: block;
}
.moto-layout {
flex-direction: column;
align-items: stretch;
gap: 20px 0;
}
.moto-selector {
flex-flow: wrap;
flex: none;
gap: 14px 20px;
width: 100%;
position: static;
}
.moto-selector__grupo {
flex-flow: wrap;
align-items: center;
gap: 4px;
}
.moto-selector__titulo {
width: 100%;
margin-bottom: 2px;
}
.moto-stage {
width: 100%;
min-width: 0;
}
.moto-card {
flex-direction: column;
align-items: stretch;
gap: 8px 0;
}
.moto-card__img {
aspect-ratio: 3 / 2;
flex: none;
width: 100%;
height: auto;
min-height: 0;
}
.moto-panel {
row-gap: 8px;
width: 100%;
padding: 8px 10px 12px;
}
.config-wrap {
flex-direction: column;
min-height: 0;
}
.config-visual {
aspect-ratio: 3 / 2;
flex: none;
align-self: stretch;
width: 100%;
height: auto;
min-height: 0;
padding: 12px;
position: relative;
top: auto;
}
.config-panel {
border-top: 1px solid #e7e4da;
border-left-style: none;
border-left-width: 0;
flex: none;
width: 100%;
max-width: none;
padding: 36px 20px;
}
.config-modelo {
font-size: 28px;
}
.config-precio {
font-size: 24px;
}
.config-precio__nota {
margin-bottom: 26px;
}
.config-opcion {
padding: 14px;
}
.config-opcion__nombre {
font-size: 15px;
}
.config-opcion__desc {
font-size: 12px;
}
.config-opcion__precio {
margin-left: 10px;
}
.config-resumen__total {
font-size: 22px;
}
.config-cta__nota {
font-size: 12px;
}
.config-extra.config-extra--card {
column-gap: 10px;
padding: 14px;
}
.carrito-boton {
margin-right: 4px;
}
.carrito-boton:before {
content: "";
position: absolute;
inset: -5px -4px -5px -6px;
}
.yaii-ugc__marco {
height: 533px;
}
.yaii-ugc__card {
width: 300px;
height: 533px;
}
.renta-cat {
padding: 6px 10px;
font-size: 12px;
}
.renta-planes {
grid-column-gap: 12px;
padding-left: calc(11vw - 20px);
padding-right: calc(11vw - 20px);
}
.renta-plan {
scroll-snap-align: center;
flex-basis: 78vw;
padding: 22px 18px;
}
.renta-plan__precio {
font-size: 30px;
}
.renta-grid {
grid-column-gap: 0px;
grid-row-gap: 26px;
grid-template-columns: 1fr;
margin-top: 32px;
}
.renta-item__p {
font-size: 14px;
}
.renta-bloque {
padding: 56px 20px;
}
.yaii-auth-wrap {
column-gap: 6px;
margin-right: 6px;
}
.yaii-auth-btn {
letter-spacing: .04em;
padding: 8px 10px;
font-size: 10px;
}
.yaii-auth-btn.yaii-auth-btn--entrar {
padding-left: 12px;
padding-right: 12px;
display: flex;
}
.yaii-auth-btn.yaii-auth-btn--entrar:before {
content: "";
position: absolute;
inset: -4px 0 -4px -8px;
}
.auth-input {
font-size: 16px;
}
.cuenta-seccion {
min-height: 0;
padding: 64px 20px 56px;
}
.cuenta-layout {
flex-direction: column;
align-items: stretch;
gap: 18px 0;
}
.cuenta-menu {
flex-flow: wrap;
flex: none;
gap: 6px;
width: 100%;
position: static;
top: auto;
}
.cuenta-menu__item {
padding: 10px 12px;
}
.cuenta-panel {
flex: none;
row-gap: 14px;
width: 100%;
}
.cuenta-titulo {
font-size: 26px;
}
.cuenta-card {
padding: 18px 16px;
}
.cuenta-campo {
flex-wrap: wrap;
gap: 2px 12px;
}
.perfil-seccion {
min-height: 0;
padding-bottom: 56px;
}
.perfil-portada {
height: 150px;
}
.perfil-inner {
padding-left: 20px;
padding-right: 20px;
}
.perfil-cabecera {
flex-flow: column wrap;
align-items: flex-start;
gap: 10px 16px;
margin-top: -40px;
}
.perfil-avatar {
width: 80px;
height: 80px;
font-size: 28px;
}
.perfil-datos {
flex: none;
width: 100%;
padding-top: 0;
}
.perfil-nombre {
font-size: 22px;
}
.perfil-tabs {
column-gap: 18px;
margin-top: 22px;
}
.perfil-vacio {
padding-top: 40px;
padding-bottom: 8px;
}
.pm-hero {
padding: 80px 20px 20px;
}
.pm-titulo {
margin-bottom: 10px;
font-size: 32px;
line-height: 1.15;
}
.pm-sub {
font-size: 15px;
}
.pm-cuerpo {
padding: 16px 20px 56px;
}
.pm-form-card {
min-width: 0;
max-width: 100%;
padding: 18px 12px;
}
.pm-form-titulo {
font-size: 16px;
}
.pm-info-fila {
grid-column-gap: 12px;
grid-row-gap: 12px;
gap: 12px;
margin-top: 28px;
}
.pm-info-card {
flex: 100%;
min-width: 0;
padding: 20px 18px;
}
.config-color-swatch {
padding: 12px 14px;
}
.tl-hero {
padding: 80px 20px 20px;
}
.tl-titulo {
margin-bottom: 10px;
font-size: 32px;
line-height: 1.15;
}
.tl-sub {
font-size: 15px;
}
.tl-cuerpo {
padding: 16px 20px 56px;
}
.tl-form-card {
min-width: 0;
max-width: 100%;
padding: 18px 12px;
}
.tl-form-slot {
max-width: 100%;
padding: 0;
}
.tl-info-fila {
gap: 14px;
margin-top: 28px;
}
.tl-info-card {
flex: 100%;
min-width: 0;
padding: 20px 18px;
}
.config-color-limitada__tag {
font-size: 12px;
}
.faq-acordeon__resp {
padding-right: 12px;
}
.config-extra__desc, .config-extra__antes, .config-extra__ahorro, .entrega__desc, .entrega__vacio {
font-size: 12px;
}
.vermas__btn {
font-size: 12px;
position: relative;
}
.vermas__btn:before {
content: "";
position: absolute;
inset: -2px 0;
}
.caja-m2 {
padding: 56px 20px;
}
.caja-m2__titulo {
font-size: 26px;
}
.caja-m2__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 16px 0;
min-height: 0;
padding: 16px;
}
.caja-m2__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-m2__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-hur {
padding: 56px 20px;
}
.caja-hur__titulo {
font-size: 26px;
}
.caja-hur__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 16px 0;
min-height: 0;
padding: 16px;
}
.caja-hur__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-hur__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-m2__pies {
grid-template-columns: 1fr;
}
.entrega-m2 {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-hur__pies {
grid-template-columns: 1fr;
}
.entrega-hur {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-tor {
padding: 56px 20px;
}
.caja-tor__titulo {
font-size: 26px;
}
.caja-tor__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 16px 0;
min-height: 0;
padding: 16px;
}
.caja-tor__ventana {
aspect-ratio: 7 / 5;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-tor__moto {
aspect-ratio: 7 / 5;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-tor__pies {
grid-template-columns: 1fr;
}
.entrega-tor {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.caja-ren {
padding: 56px 20px;
}
.caja-ren__titulo {
font-size: 26px;
}
.caja-ren__banda {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 16px 0;
min-height: 0;
padding: 16px;
}
.caja-ren__ventana {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
}
.caja-ren__moto {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
}
.caja-ren__pies {
grid-template-columns: 1fr;
}
.entrega-ren {
width: 100%;
padding: 0;
position: relative;
top: auto;
bottom: auto;
right: auto;
overflow: visible;
}
.popup-entrega__caja {
overflow: auto;
}
.config-subtitulo {
font-size: 12px;
}
.adn-seccion {
padding: 56px 20px;
}
.adn-h2 {
font-size: 26px;
}
.adn-h3 {
font-size: 17px;
}
.adn-texto {
font-size: 15px;
}
.adn-punch {
padding: 16px 18px;
font-size: 15px;
}
.adn-cadena {
grid-column-gap: 8px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.adn-chip, .adn-chip-negro {
flex-grow: 0;
flex-basis: auto;
min-height: 0;
}
.adn-chip-pct {
font-size: 12px;
}
.adn-2col {
grid-template-columns: 1fr;
}
.adn-tabla {
overflow: auto;
}
.adn-fila-6 {
min-width: 760px;
}
.adn-fila-5 {
min-width: 680px;
}
.adn-fila-4 {
min-width: 600px;
}
.adn-celda-head {
font-size: 12px;
}
.adn-boton, .adn-boton-linea {
text-align: center;
width: 100%;
display: block;
}
.man-seccion, .man-seccion-bone {
padding: 56px 20px;
}
.man-h1 {
font-size: 32px;
}
.man-h2 {
font-size: 26px;
}
.man-texto {
font-size: 15px;
}
.man-utopia {
font-size: 19px;
}
.man-punch {
padding: 16px 18px;
font-size: 16px;
}
.man-valores {
grid-template-columns: 1fr;
}
.man-valor-prueba {
font-size: 12px;
}
.man-boton {
text-align: center;
width: 100%;
display: block;
}
.sim-caja {
margin-top: 16px;
padding: 16px;
}
.sim-caja.hv-sim {
padding: 16px 14px;
}
.sim-caja.hv-sim.hv-d-sim {
padding-left: 14px;
padding-right: 14px;
}
.sim-titulo, .sim-titulo.hv-d-sim-tit {
font-size: 18px;
}
.sim-chip {
padding: 9px 12px;
}
.sim-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
}
.sim-grid.hv-sim-rejilla {
grid-template-columns: 1fr 1fr;
}
.sim-grid.hv-sim-rejilla.hv-d-srej {
gap: 8px;
}
.sim-dato.hv-sim-dato.hv-d-sdato {
padding-left: 10px;
padding-right: 8px;
}
.sim-dato-num {
font-size: 20px;
}
.sim-dato-num.hv-d-snum {
font-size: 17px;
}
.sim-dato-lab, .sim-nota {
font-size: 12px;
}
.eco-seccion, .eco-seccion-bone {
padding: 56px 20px;
}
.eco-h1 {
font-size: 32px;
}
.eco-h2 {
font-size: 24px;
}
.eco-texto {
font-size: 15px;
}
.eco-grid {
grid-template-columns: 1fr;
}
.eco-tag {
font-size: 12px;
}
.sim-seccion {
padding: 56px 20px;
}
.sim-encabezado {
font-size: 24px;
}
.hero-grid {
text-align: left;
font-size: 10px;
}
.prox-hero {
min-height: 0;
padding: 80px 20px 56px;
}
.prox-kicker {
font-size: 12px;
}
.prox-titulo {
font-size: 38px;
}
.prox-sub {
margin-bottom: 32px;
font-size: 15px;
}
.prox-specs {
grid-column-gap: 16px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
gap: 20px 16px;
width: 100%;
max-width: 100%;
margin-bottom: 32px;
display: grid;
}
.prox-spec__v {
font-size: 26px;
}
.prox-nota {
margin-top: 24px;
}
.config-plan {
padding: 14px;
}
.hero-hl {
aspect-ratio: 1;
background-position: 65%;
background-size: cover;
min-height: 0;
}
.hero-flex-hl {
justify-content: flex-start;
min-height: 0;
padding-left: 20px;
padding-right: 20px;
}
.hero-flex__item-hl.hero-flex__item--nav-hl {
min-height: 0;
margin-bottom: 0;
}
.hero-flex__item-hl.hero-flex__item-mid-hl {
min-height: 0;
}
.hero-grid__heading-hl {
text-align: left;
font-size: 32px;
line-height: 38px;
}
.manif-zig {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
margin-top: 28px;
}
.manif-zig__digital {
order: -1;
min-height: 0;
}
.carga-precios {
grid-template-columns: 1fr;
}
.carga-precio__label {
font-size: 12px;
}
.carga-formas {
grid-template-columns: 1fr;
}
.carga-forma__tag {
font-size: 12px;
}
.adn-fila-8 {
min-width: 900px;
}
.eco-digital {
height: auto;
margin-top: 24px;
}
.eco-gemelos {
grid-template-columns: 1fr;
}
.eco-gemela {
padding: 20px;
}
.eco-gemela__precio {
font-size: 24px;
}
.manif-tri {
grid-column-gap: 12px;
scroll-snap-type: x mandatory;
flex-flow: row;
order: -1;
height: auto;
min-height: 0;
padding-left: 8%;
padding-right: 8%;
overflow: auto;
}
.manif-tri__img {
aspect-ratio: 4 / 3;
scroll-snap-align: center;
border-radius: 12px;
flex: 0 0 100%;
height: auto;
min-height: 0;
}
.manif-examen-wrap {
order: -1;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.manif-examen {
aspect-ratio: 2 / 3;
}
.galeria-red__flecha {
border-radius: 10px;
width: 36px;
height: 36px;
font-size: 15px;
}
.galeria-red__flecha:before {
content: "";
position: absolute;
inset: -5px;
}
.galeria-red__izq {
left: 10px;
}
.galeria-red__der {
right: 10px;
}
.galeria-red__puntos {
bottom: 10px;
}
.bridge-duelo {
cursor: auto;
height: auto;
min-height: 0;
}
.bridge-lado-izq {
cursor: pointer;
inset: 0% 0% 50%;
}
.bridge-lado-der {
cursor: pointer;
inset: 50% 0% 0%;
}
.bridge-img-izq {
width: 100%;
height: 100%;
inset: 0%;
transform: none;
}
.bridge-img-der {
width: 100%;
left: 0%;
right: 0%;
transform: none;
}
.bridge-info {
top: 56px;
bottom: auto;
}
.bridge-nombre {
font-size: 34px;
}
.bridge-sub {
font-size: 12px;
}
.bridge-linea {
background-image: linear-gradient(90deg, #0a0a0a00 0%, #0a0a0a73 30% 70%, #0a0a0a00 100%);
width: auto;
height: 2px;
margin-top: -1px;
margin-left: 0;
inset: 50% 0% auto;
}
.bridge-nodo {
font-size: 12px;
}
.bridge-cursor {
display: none;
}
.yaii-cookies__texto {
flex: none;
width: 100%;
font-size: 12px;
}
.yaii-cookies__acciones {
justify-content: space-between;
width: 100%;
}
.yaii-cookies__btn {
flex: auto;
}
.yaii-mnav {
display: flex;
}
.yaii-mnav__ver {
position: relative;
}
.yaii-mnav__ver:before {
content: "";
position: absolute;
inset: -13px 0 -15px;
}
.yaii-cookies__barra {
flex-direction: column;
align-items: flex-start;
padding: 14px 20px 16px;
}
.legal-page {
padding: 96px 20px 56px;
}
.legal-h1 {
font-size: 28px;
}
.legal-h2 {
margin-top: 36px;
font-size: 19px;
}
.gracias.grc-pagina {
padding-bottom: 72px;
padding-left: 16px;
padding-right: 16px;
}
.gracias.cred-seccion {
padding: 28px 16px 72px;
}
.gracias__titulo.grc-titulo {
font-size: 30px;
}
.gracias__folio.grc-folio {
padding: 24px 20px 22px;
}
.gracias__folio-num.grc-folio__num {
white-space: normal;
font-size: 24px;
}
.gracias__resumen.grc-resumen {
padding: 18px 20px 20px;
}
.gracias__tabs.fac-tabs {
margin-bottom: 24px;
}
.gracias__tab {
letter-spacing: .06em;
padding: 10px 8px;
font-size: 10.5px;
}
.gracias__tab.grc-tab {
font-size: 11px;
}
.gracias__monto.grc-monto {
padding: 24px 18px 20px;
}
.gracias__monto-num.grc-monto__num {
font-size: 24px;
}
.gracias__datos {
padding: 4px 18px;
}
.gracias__datos.cred-estado {
border-radius: 22px;
margin-top: 36px;
padding: 22px 20px 20px;
}
.gracias__datos.grc-datos {
padding: 2px 18px 6px;
}
.gracias__dato.cred-dato-fila {
grid-row-gap: 4px;
flex-wrap: wrap;
}
.gracias__dato-k {
flex-basis: 100%;
min-width: 100%;
}
.gracias__dato-v.is-ligero.cred-moto {
font-size: 22px;
}
.gracias__dato-v.is-ligero.cred-mensual {
font-size: 26px;
}
.gracias__dato-v.is-ligero.cred-valor {
text-align: left;
}
.gracias__aviso.grc-recibo__pie {
padding: 16px 18px 18px;
}
.gracias__form.cred-form {
border-radius: 22px;
margin-top: 20px;
padding: 26px 20px;
}
.gracias__campo, .gracias__campo._w-select {
font-size: 16px;
}
.gracias__boton.cred-boton, .gracias__boton.grc-boton {
letter-spacing: .1em;
padding-left: 16px;
padding-right: 16px;
font-size: 11px;
}
.gracias__legal.cred-legal {
margin-top: 44px;
}
._w-input-1 {
font-size: 16px;
}
.credito-sim {
padding: 20px;
}
.pedido {
padding-top: 104px;
padding-left: 16px;
padding-right: 16px;
}
.pedido.fac-pagina {
padding: 64px 16px 80px;
}
.pedido__titulo {
font-size: 30px;
}
.pedido__form {
border-radius: 20px;
padding: 24px 18px;
}
.pedido__campo {
font-size: 16px;
}
.pedido__resultado {
border-radius: 20px;
margin-bottom: 64px;
padding: 28px 18px 24px;
}
.pedido__res-folio {
font-size: 24px;
}
.pedido__estado {
grid-template-columns: minmax(0, 1fr);
}
.gate-tarjeta {
border-radius: 20px;
padding: 24px 20px;
}
.gate-tarjeta.cred-gate {
background-color: #0000;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
padding: 24px 0 0;
}
.cuenta-form__grid {
grid-template-columns: 1fr;
}
.capp-grid {
padding-top: 28px;
}
.capp-escena {
height: 610px;
}
.capp-titulo {
font-size: 42px;
}
.capp-halo.grc-halo {
margin-left: -180px;
top: 250px;
}
.capp-eco.grc-eco {
margin-left: 60px;
font-size: 120px;
top: 230px;
}
.capp-eco.cred-eco {
display: none;
}
.proc-hero {
padding: 112px 16px 48px;
}
.proc-hero.fac-hero {
padding-bottom: 64px;
padding-left: 16px;
padding-right: 16px;
}
.proc-titulo {
font-size: 38px;
}
.proc-titulo.ped-titulo {
font-size: 36px;
}
.proc-intro {
font-size: 16px;
}
.proc-tarjeta {
border-radius: 20px;
padding: 24px 18px;
}
.proc-cuerpo {
padding: 0 16px 72px;
}
.ped-hero {
padding: 72px 16px 56px;
}
.ped-grid {
row-gap: 40px;
}
.ped-res {
padding: 0 16px;
}
.fac-acciones {
margin-top: 32px;
}
.fac-cta {
width: 100%;
}
.fac-escena {
min-height: 520px;
}
.fac-ticket {
width: 300px;
}
.fac-ticket__papel {
padding: 20px 22px 22px;
}
.fac-ticket__v.fac-ticket__v--total {
font-size: 20px;
}
.fac-h2 {
font-size: 32px;
}
.fac-info {
margin-top: 88px;
padding-top: 56px;
}
.fac-sec-cab {
margin-bottom: 40px;
}
.fac-faq-bloque {
margin-top: 80px;
}
.grc-fondo {
height: 720px;
}
.grc-hero {
row-gap: 32px;
padding-top: 44px;
padding-bottom: 72px;
}
.grc-ticket {
border-radius: 22px;
}
.grc-ticket__corte {
margin-left: 20px;
margin-right: 20px;
}
.grc-ticket__pie {
padding: 12px 20px;
}
.grc-h2 {
font-size: 24px;
}
.grc-recibo__corte {
margin-left: 18px;
margin-right: 18px;
}
.cred-form__titulo {
font-size: 26px;
}
.promo-ficha {
padding: 32px 20px;
}
.promo-ficha__nombre {
font-size: 20px;
line-height: 1.2;
}
.promo-ficha__frase {
font-size: 14px;
}
.promo-ficha__precio {
margin-bottom: 22px;
font-size: 13px;
}
.promo-ficha__datos {
flex-direction: column;
row-gap: 14px;
}
.promo-ficha__dato-v {
font-size: 13px;
}
.promo-ficha__bases {
font-size: 11px;
line-height: 1.65;
}
.cuenta-promos__lista {
row-gap: 12px;
}
.hero-slider {
flex: auto;
width: 100%;
}
.hero-slider__mask, .hero-slide {
height: 100%;
}
.hero-slide.hero-slide--taranis {
background-color: #e8ddcc;
background-position: 68% 0;
background-size: 232%;
}
.hero-slide.hero-slide--huracan2027 {
background-color: #d9d1c4;
background-position: 85% 0;
background-size: auto 66%;
}
.hero-slide.hero-slide--tormenta2027 {
background-color: #e4d6c8;
background-position: 85% 0;
background-size: auto 66%;
}
.data-grid__item-2027 {
flex: 0 0 calc(25% - 6px);
min-width: 0;
font-size: 10px;
}
.yl-seccion {
padding: 56px 16px;
}
.yl-seccion.yl-seccion--suave.yl-cierre {
padding-top: 56px;
padding-bottom: 56px;
}
.yl-seccion.yl-hero {
padding-top: 24px;
padding-bottom: 40px;
}
.yl-seccion.yl-seccion--legales {
padding-top: 48px;
padding-bottom: 32px;
}
.yl-btn {
font-size: 12px;
}
.yl-btn.yl-btn--linea.yl-btn--bloque, .yl-btn.yl-btn--bloque {
width: 100%;
}
.yl-hero__media {
order: -1;
}
.yl-cabecera {
margin-bottom: 32px;
}
.yl-eyebrow {
margin-bottom: 12px;
font-size: 11px;
}
.yl-h1-modelo {
font-size: 40px;
}
.yl-h2 {
margin-bottom: 16px;
font-size: 30px;
}
.yl-h3 {
font-size: 20px;
}
.yl-lead {
font-size: 17px;
}
.yl-texto {
font-size: 16px;
}
.yl-nota {
font-size: 13px;
}
.yl-cifra__label {
font-size: 12px;
}
.yl-tag {
font-size: 11px;
}
.yl-precio {
font-size: 26px;
}
.yl-precio__mxn {
font-size: 12px;
}
.yl-reveal.yl-reveal--primero {
order: -1;
}
.yl-hero__grid {
grid-template-columns: 1fr;
gap: 24px 40px;
}
.yl-hero__tagline, .yl-hero__tagline2 {
font-size: 17px;
}
.yl-hero__ctas {
flex-direction: column;
gap: 12px 16px;
}
.yl-hero__ctas.yl-hero__ctas--centro {
align-items: stretch;
width: 100%;
}
.yl-hero__cifras {
column-gap: 12px;
}
.yl-hero__num {
font-size: 28px;
}
.yl-hero__alt {
font-size: 13px;
}
.yl-cifras {
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.yl-cifra {
padding: 20px;
}
.yl-cifra__num, .yl-cifra__num.yl-cifra__num--dato {
font-size: 40px;
}
.yl-cifra__unidad {
font-size: 16px;
}
.yl-card {
padding: 24px 20px;
}
.yl-grid-3 {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-feature__grid {
grid-template-columns: 1fr;
row-gap: 24px;
}
.yl-feature__media {
order: -1;
}
.yl-media.yl-media--taller {
margin-top: 32px;
}
.yl-feature__texto {
max-width: none;
}
.yl-carga {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-carga__card {
padding: 24px 20px;
}
.yl-fila__k, .yl-fila__v {
font-size: 14px;
}
.yl-versiones {
grid-template-columns: 1fr;
gap: 16px;
}
.yl-version {
padding: 24px 20px;
}
.yl-version.yl-version--destacada {
order: -1;
}
.yl-version__precio {
font-size: 26px;
}
.yl-version__num {
font-size: 22px;
}
.yl-2027 {
flex-direction: column;
align-items: flex-start;
}
.yl-galeria__flecha {
width: 40px;
height: 40px;
margin-left: 8px;
margin-right: 8px;
}
.yl-galeria__pie {
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
}
.yl-galeria__barra {
width: 28px;
}
.yl-tabla__fila {
flex-wrap: wrap;
}
.yl-tabla__fila.yl-tabla__fila--cab {
display: none;
}
.yl-tabla__celda {
flex: 0 0 50%;
padding: 12px 16px;
}
.yl-tabla__celda.yl-tabla__celda--k {
letter-spacing: .1em;
text-transform: uppercase;
flex: 0 0 100%;
padding-bottom: 4px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
}
.yl-tabla__col {
display: block;
}
.yl-acordeon__boton {
padding-top: 16px;
padding-bottom: 16px;
}
.yl-faq__q {
font-size: 16px;
}
.yl-cta-fija {
display: flex;
}
.yl-legales {
font-size: 12px;
}
.yl-mapa__titulo {
font-size: 30px;
}
.yl-mapa__tab {
padding: 10px 14px;
}
.yl-mapa__item-veces {
max-width: 120px;
font-size: 12px;
}
.yl-mapa__paso-txt {
display: none;
}
.yl-mapa3 {
padding: 40px 16px 32px;
}
.yl-mapa3__resultado {
padding: 16px;
}
.rv-escena-media {
height: 280px;
}
.rv-h-mega {
font-size: 44px;
}
.rv-h2 {
font-size: 32px;
}
.rv-frase {
font-size: 30px;
}
.rv-cifra-num {
font-size: 104px;
}
.hv-nombre {
font-size: 56px;
}
.hv-lema {
font-size: 22px;
}
.hv-hero-marco {
height: 340px;
}
.rv-j-sec {
padding: 36px 16px;
}
.rv-j-sec.is-hero {
padding-top: 24px;
padding-bottom: 32px;
}
.rv-j-split {
grid-template-columns: 1fr;
row-gap: 20px;
}
.rv-j-eyebrow {
font-size: 11px;
}
.rv-j-h1 {
font-size: 32px;
}
.rv-j-h2 {
font-size: 22px;
}
.rv-j-txt {
font-size: 14px;
}
.rv-j-lead {
font-size: 15px;
}
.rv-j-banda {
padding: 22px 16px;
}
.rv-j-banda-frase {
font-size: 16px;
}
.rv-j-cifra-num {
font-size: 30px;
}
.rv-j-parada {
flex-basis: 82%;
}
.rv-j-hora {
font-size: 20px;
}
.rv-j-medidor {
padding: 20px 18px;
}
.rv-j-fila {
column-gap: 8px;
}
.rv-j-celda-etq {
font-size: 10px;
}
.rv-j-celda {
font-size: 13px;
}
.rv-j-celda.is-fuerte {
font-size: 18px;
}
.rv-j-modelo {
font-size: 20px;
}
.hv-portada {
align-items: center;
min-height: 0;
padding: 20px 16px 16px;
}
.hv-eyebrow {
font-size: 11px;
}
.hv-portada-nombre {
font-size: 35px;
line-height: 42px;
}
.hv-portada-lema {
font-size: 14px;
}
.hv-boton {
font-size: 11px;
}
.rv-j-fija {
display: flex;
}
.hv-sec {
padding: 36px 16px;
}
.hv-titulo {
font-size: 20px;
}
.hv-texto, .hv-texto.hv-chico {
font-size: 14px;
}
.hv-objeto {
flex-direction: column;
align-items: center;
row-gap: 20px;
display: flex;
}
.hv-lado {
flex-direction: row;
column-gap: 12px;
width: 100%;
}
.hv-lado.hv-izq, .hv-lado.hv-der {
text-align: center;
justify-content: center;
align-items: flex-start;
}
.hv-cifra {
flex: 1;
max-width: 50%;
}
.hv-cifra-num {
font-size: 18px;
}
.hv-escenario {
order: -1;
max-width: 440px;
}
.hv-punto-txt {
display: none;
}
.hv-explica {
min-height: 126px;
}
.hv-color-marco {
max-width: 100%;
}
.hv-muestra {
font-size: 11px;
}
.hv-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
column-gap: 10px;
padding-top: 8px;
padding-bottom: 8px;
}
.hv-fila-k {
text-align: center;
grid-column: 1 / 3;
font-size: 12px;
}
.hv-fila-v {
font-size: 13px;
}
.hv-fila-v.hv-ancho {
grid-column: 1 / 3;
font-size: 12px;
}
.hv-tabla-intro {
text-align: center;
grid-column: 1 / 3;
margin-bottom: 12px;
padding-right: 0;
}
.hv-modelo-nombre, .hv-modelo-cifra {
font-size: 18px;
}
.hv-cuenta {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 24px;
}
.hv-tarjetas, .hv-tarjetas.hv-dos {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-enlace {
font-size: 11px;
}
.hv-faq {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-faq-preg {
font-size: 14px;
}
.hv-firma {
font-size: 11px;
}
.hv-notas-lista {
column-count: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hv-barra {
display: flex;
}
.hv-gasto-fila {
grid-template-columns: 84px 1fr 96px;
column-gap: 8px;
}
.hv-gasto-v {
font-size: 12px;
}
.hv-carril {
height: 66px;
}
.hv-viajera {
width: 88px;
}
.rv-j-inc-fila {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.rv-j-inc-item {
padding: 20px 6px 18px;
}
.hv-pano {
height: 200px;
}
.hv-banda-img, .hv-banda-img.hv-banda-img--perfil {
height: 190px;
}
.tv-ciudad-img {
height: 220px;
}
.tv-placa {
margin: -32px 12px 0;
padding: 20px 16px;
}
.tv-nombre {
font-size: 35px;
line-height: 42px;
}
.tv-lema {
font-size: 14px;
}
.tv-cruza {
width: 84px;
}
.tv-sec {
padding: 36px 16px;
}
.tv-titulo {
font-size: 20px;
}
.tv-texto {
font-size: 14px;
}
.tv-cifra-num {
font-size: 28px;
}
.tv-paso {
padding: 8px 10px;
}
.tv-escena {
height: 220px;
}
.tv-lente {
border-width: 3px;
width: 96px;
height: 96px;
margin-top: -48px;
margin-left: -48px;
}
.tv-fila-k {
font-size: 10px;
}
.tv-modelo-precio {
font-size: 18px;
}
.tv-color-escena {
height: 200px;
}
.tv-detalle {
height: 120px;
}
.tv-faq-preg {
font-size: 14px;
}
.tv-estacion {
height: 170px;
}
.tv-estaciona {
width: 240px;
}
.hv-m-titulo {
font-size: 20px;
}
.hv-m-subtitulo {
font-size: 17px;
}
.hv-m-texto {
font-size: 14px;
}
.hv-m-cifras, .hv-m-cifras.hv-m-dos {
grid-template-columns: 1fr;
}
.hv-m-num {
font-size: 18px;
}
.hv-btn-grad {
padding-left: 18px;
padding-right: 18px;
font-size: 11px;
}
.hv-btn-grad.hv-d-ancho {
padding-left: 6px;
padding-right: 6px;
font-size: 10px;
}
.hv-btn-linea {
padding-left: 18px;
padding-right: 18px;
font-size: 11px;
}
.hv-m-marco {
height: 260px;
}
.hv-m-peldanos {
column-gap: 5px;
}
.hv-m-valor {
white-space: normal;
font-size: 10px;
}
.hv-m-nivel {
font-size: 10px;
}
.hv-d-comp-precio, .hv-x-titulo {
font-size: 20px;
}
.hv-x-sub {
font-size: 14px;
}
.hv-x-ficha-dato {
font-size: 32px;
}
.hv-x-ficha-texto {
font-size: 14px;
}
.hv-x-cifra-num {
font-size: 26px;
}
.hv-x-paso-txt {
letter-spacing: .06em;
font-size: 9px;
}
.hv-d-moto-img {
width: 180px;
}
.hv-boton-linea {
font-size: 11px;
}
.hv-portada-foto, .hv-portada-foto.hv-baja {
width: 100%;
height: auto;
}
.hv-d-cu-num {
font-size: 19px;
}
.hv-d-cu-fila {
grid-template-columns: 100px minmax(0, 1fr) minmax(0, 1fr);
column-gap: 8px;
}
.hv-d-cu-k {
letter-spacing: .04em;
}
.hv-d-cu-gas, .hv-d-cu-luz {
font-size: 12px;
}
.ycu-pagina {
padding: 20px 16px 56px;
}
.yac-acceso {
padding: 22px 20px;
}
.yac-acceso__titulo {
font-size: 28px;
}
.yac-acciones {
flex-direction: column;
align-items: stretch;
}
.yac-acceso__foto {
height: 180px;
}
.ycu-cargando__grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ycu-cabecera {
grid-column-gap: 14px;
flex-wrap: wrap;
margin-bottom: 24px;
padding: 18px 16px;
}
.yac-avatar.is-grande {
width: 88px;
height: 88px;
font-size: 30px;
}
.ycu-cabecera__txt {
flex-basis: calc(100% - 66px);
}
.ycu-titulo {
font-size: 24px;
}
.ycu-saludo {
font-size: 26px;
}
.ycu-tareas {
padding: 18px 16px;
}
.ycu-tiles {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ycu-tile {
min-height: 0;
padding: 18px 16px;
}
.yac-modelo {
font-size: 18px;
}
.yac-modelo.is-grande {
font-size: 26px;
}
.ycu-tile__num {
font-size: 32px;
}
.ycu-pedido {
padding: 18px 16px;
}
.ycu-pedido__cabeza {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ycu-pedido__foto {
width: 100%;
height: 150px;
}
.yac-tracker {
flex-direction: column;
display: flex;
}
.yac-paso {
padding: 0 0 18px 28px;
}
.yac-paso__linea {
width: 2px;
height: auto;
inset: 16px auto 0 6px;
}
.yac-vacio {
padding: 28px 18px;
}
.yac-vacio__foto {
width: 220px;
height: 132px;
}
.yac-vacio__titulo {
font-size: 20px;
}
.yac-card {
padding: 20px 18px;
}
.yac-fila {
flex-wrap: wrap;
}
.yac-form-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ycu-baja {
padding: 20px 18px;
}
.ycu-promo {
padding: 18px 16px;
}
.ypf-pagina {
padding: 16px 16px 56px;
}
.ypf-cargando__cab {
padding: 0;
}
.ypf-portada {
border-radius: 0;
height: 160px;
margin-top: -16px;
margin-left: -16px;
margin-right: -16px;
}
.ypf-portada__img {
width: 70%;
right: 2%;
}
.ypf-portada__marca {
font-size: 24px;
top: 14px;
left: 16px;
}
.ypf-identidad {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: -48px;
padding: 0;
}
.ypf-identidad__txt {
align-items: center;
padding-bottom: 0;
}
.ypf-nombre {
font-size: 26px;
}
.ypf-acciones {
flex-direction: column;
align-items: stretch;
width: 100%;
padding-bottom: 0;
}
.ypf-stats {
grid-column-gap: 16px;
justify-content: space-around;
padding: 16px 0;
}
.ypf-stat {
align-items: center;
}
.ypf-stat__num {
font-size: 22px;
}
.ypf-tabs__menu {
grid-column-gap: 20px;
padding: 0;
}
.ypf-tabs__contenido {
padding: 20px 0;
}
.ypf-moto-hero {
grid-row-gap: 12px;
padding: 18px;
}
.ypf-moto-hero__foto {
height: 200px;
}
.ypf-motos {
grid-template-columns: 1fr;
}
.ypf-vacio__foto {
width: 200px;
height: 120px;
}
.ypf-portadas {
grid-template-columns: 1fr 1fr;
}
.ypf-portada-op {
height: 80px;
}
.ypf-guardar {
flex-direction: column;
align-items: stretch;
padding: 12px;
bottom: 12px;
}
.yaii-videohero__pausa {
width: 36px;
height: 36px;
bottom: 15px;
right: 24px;
}
.ysr-caja {
padding: 26px 18px 18px;
}
.app-h1 {
font-size: 28px;
}
.app-h2 {
font-size: 22px;
}
.app-hero-media {
height: 320px;
}
.app-paso-t {
font-size: 16px;
}
.app-teles {
grid-column-gap: 8px;
}
.app-tel {
border-radius: 18px;
width: 104px;
height: 222px;
padding: 4px;
}
.app-tel.app-tel--centro {
transform: translateY(-16px);
}
.app-tel-pantalla {
border-radius: 15px;
}
.app-tel-isla {
width: 32px;
height: 10px;
top: 5px;
}
.ecs-seccion, .ecs-seccion-hueso {
padding: 44px 16px;
}
.ecs-hero {
padding: 28px 16px 44px;
}
.ecs-h1 {
font-size: 30px;
}
.ecs-h2 {
font-size: 23px;
}
.ecs-texto {
font-size: 15px;
}
.ecs-botones, .ecs-botones-centro {
flex-direction: column;
align-items: stretch;
}
.ecs-hero__img {
border-radius: 14px;
}
.ycx-perso {
padding: 20px 18px;
}
.ecs-piezas, .ecs-viene {
grid-template-columns: 1fr;
}
.ycx-perso__titulo {
font-size: 20px;
}
.ecs-split__img, .ecs-img-natural {
border-radius: 14px;
}
.ecs-datos {
grid-column-gap: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-flow: row;
}
.flo-h1 {
font-size: 28px;
}
.flo-h2 {
font-size: 22px;
}
.flo-cifras {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.flo-jornada {
grid-row-gap: 4px;
flex-direction: column;
}
.flo-motos {
height: 200px;
}
.ecs-minis {
grid-template-columns: 1fr;
}
.inf-util-titulo, .ene-h1 {
font-size: 28px;
}
.ene-h2 {
font-size: 22px;
}
.ene-cifras-fila {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-datos {
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ene-ganas {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rvp-leyenda {
grid-row-gap: 4px;
flex-direction: column;
}
.enp-hero {
min-height: 380px;
}
.enp-titulo, .enp-modelo {
font-size: 28px;
}
.enp-foto-moto {
object-position: 78% 50%;
}
.enp-foto-pano {
object-position: 66% 50%;
}
.colab-franja {
padding: 22px 20px;
}
.colab-franja__marca {
text-align: center;
flex-direction: column;
gap: 12px 18px;
}
.colab-franja__sep {
display: none;
}
.colab-franja__logo {
height: 20px;
}
.mf-overlay {
padding: 16px;
}
.mf-modal {
padding: 30px 22px 22px;
}
}
#w-node-b3783ef8-0c4f-e1fd-b8ef-663add1a3e3b-610d3a23 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 767px) {
#w-node-_0353aae0-35b5-7538-96c9-ca9a9e528145-00ec0be5 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
}
@media screen and (max-width: 479px) {
#w-node-_0353aae0-35b5-7538-96c9-ca9a9e528145-00ec0be5 {
grid-column: span 3 / span 3;
}
}