@charset "UTF-8";
@import 'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css';
@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap';
body { margin: 0; font-family: var(--font-1); font-size: 16px; line-height: 20px; color: #000; background: #F5F5F5; }

h1, h2, h3, h4, h5, h6, p, ul, ol, fieldset { margin: 0; padding: 0; }

fieldset { border: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { outline: none; }

a[href^="tel"] { color: inherit; /* Inherit text color of parent element. */ text-decoration: none; /* Remove underline. */ }

select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }

select::-ms-expand { display: none; }

img { display: inline-block; vertical-align: top; max-width: 100%; height: auto; }

main .layout-content { max-width: var(--container-width); margin: 0 auto; padding: 0 var(--padding-side); }

@media (min-width: 1441px) { main .layout-content { max-width: 1526px; } }

/* .update { .layout-content { @media (min-width: 1441px) { max-width: 1268px; } } }*/
@media (min-width: 1441px) { .layout__tirilla .layout-content { max-width: 1268px; } }

.layout-container { position: relative; overflow: hidden; }

.layout-container header.error { padding-top: 54px; }

.ui-widget-overlay { z-index: 1 !important; }

.ui-widget-content { max-width: 524px !important; width: 100% !important; left: 0px !important; right: 0px !important; margin: 0 auto !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* header, #block-inscripcion-2021-page-title { display: none; }*/
/* Media Query for low resolution  Tablets, Ipads */
/* Media Query for Tablets Ipads portrait mode */
/* Media Query for Laptops and Desktops */
/* Media Query for Large screens */
:root { --white-1: #fff; --green-1: #73b749; --padding-side: 16px; --font-1: "Roboto", sans-serif; --transition-1: 0.3s ease-out all; --hero-image-circle-width: 56vw; --hero-image-circle-left: 10vw; --form-item-margin: 46px; --form-field-1-width: 320px; --container-width: 1268px; --arrow-circle-1-height: 56px auto; --header-main-img-height: 71px; --tabs-data-update-li-height: 135px; --tabs-data-update-li-width: auto; --tabs-data-update-span-height: 117px; --form-item-validation-check-background: -webkit-calc(100% - 25px) 50%; --form-item-validation-check-background: -moz-calc(100% - 25px) 50%; --form-item-validation-check-background: calc(100% - 25px) 50%; --container-form: 40px 28px; --message-top-body-2: 12% 0 28px; --mixin-input-text: 54px; --mixin-input-padding: 30px; --mixin-button-2-height: 68px; --mixin-button-1-height: 45px; }

@media (max-width: 767px) { :root { --form-item-margin: 23px; --arrow-circle-1-height: 36px auto; --header-main-img-height: 50px; --tabs-data-update-li-height: 60px; --tabs-data-update-li-width: 80px; --tabs-data-update-span-height: 100px; --form-item-validation-check-background: -webkit-calc(100% - 10px) 50%; --form-item-validation-check-background: -moz-calc(100% - 10px) 50%; --form-item-validation-check-background: calc(100% - 10px) 50%; --container-form: 40px 16px; --message-top-body-2: 13px 0; --mixin-input-text: 34px; --mixin-input-padding: 15px; --mixin-button-2-height: 48px; --mixin-button-1-height: 30px; } }

.button-fake-actions { margin-top: var(--form-item-margin); }

.button-fake-actions + .form-actions { display: none; }

.button-fake { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; overflow: hidden; -webkit-transition: border-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; }

@media (max-width: 767px) { .button-fake { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.button-fake:hover { background-color: #1c8685; }

.button-fake::before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: #1c8685; z-index: 1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; -moz-transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -moz-transform 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s; }

.button-fake span, .button-fake i { position: relative; z-index: 2; }

.button-fake:hover { color: #fff; border-color: #3f51b5; }

.button-fake.button--inverted:hover { color: #3f51b5; border-color: #fff; }

.button-fake:hover::before { opacity: 1; background-color: #1c8685; -webkit-transform: rotate3d(0, 0, 1, 0deg); -moz-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button-fake.button--inverted:hover::before { background-color: #fff; }

.button-fake i { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: block; width: 70px; height: 100%; background-image: url(../img/arrow-circle-1.svg); background-repeat: no-repeat; background-position: -webkit-calc(100% - 7px) 50%; background-position: -moz-calc(100% - 7px) 50%; background-position: calc(100% - 7px) 50%; -moz-background-size: var(--arrow-circle-1-height); background-size: var(--arrow-circle-1-height); }

.field-radio-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; }

.field-radio-1 legend { float: left; width: 49%; padding: 0 30px 0 60px; text-align: right; position: absolute; left: 0; text-align: right; }

.field-radio-1 .fieldset-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; position: absolute; max-width: 603px; width: 50.9%; right: 0; }

.field-radio-1 .fieldset-wrapper [id^=edit-digital-ticket] { display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 auto 0 0; }

.field-radio-1 .fieldset-wrapper [id^=edit-digital-ticket].error { margin-bottom: 20px; }

.field-radio-1 .fieldset-wrapper > * { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; grid-column-gap: 30px; }

@media (max-width: 480px) { .field-radio-1 .fieldset-wrapper > * { grid-column-gap: 18px; } }

.field-radio-2 { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.field-radio-2 legend { float: left; padding: 0 60px; }

.field-radio-2 .fieldset-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.field-radio-1 legend, .field-radio-2 legend { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; }

@media (max-width: 767px) { .field-radio-1 legend, .field-radio-2 legend { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

@media (max-width: 767px) { .field-radio-1 legend, .field-radio-2 legend { padding: 0 20px 0 0; text-align: left; } }

.js-form-type-checkbox, .form-item-conditions { position: relative; padding-left: 40px; }

.js-form-type-checkbox input, .form-item-conditions input { position: absolute; left: 0; top: 15px; opacity: 0; width: auto !important; z-index: -1; }

.js-form-type-checkbox label:not(.error), .form-item-conditions label:not(.error) { font-size: -webkit-calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 32px; font-weight: bold; color: #777; cursor: pointer; }

@media (max-width: 767px) { .js-form-type-checkbox label:not(.error), .form-item-conditions label:not(.error) { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.js-form-type-checkbox label:not(.error)::before, .form-item-conditions label:not(.error)::before { content: ""; position: absolute; top: 0; left: 0; margin: auto; display: block; width: 30px; height: 30px; border: 2px solid #73B749; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.js-form-type-checkbox label:not(.error)::after, .form-item-conditions label:not(.error)::after { content: ""; position: absolute; top: 16.5px; left: 10px; width: 1px; height: 1px; background: #73B749; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; transition: all .1s ease-in; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; margin-left: 0; opacity: 0; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }

.js-form-type-checkbox + .link-term, .form-item-conditions + .link-term { font-size: -webkit-calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: calc(19px + (19 - 19) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; }

@media (max-width: 767px) { .js-form-type-checkbox + .link-term, .form-item-conditions + .link-term { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.js-form-type-checkbox input:checked + label::after, .js-form-type-checkbox input:checked + label.error + label::after, .form-item-conditions input:checked + label::after, .form-item-conditions input:checked + label.error + label::after { opacity: 1; width: 14px; height: 14px; top: 10px; }

.js-form-type-checkbox input:checked label::after, .js-form-type-checkbox input:checked label.error + label::after, .form-item-conditions input:checked label::after, .form-item-conditions input:checked label.error + label::after { opacity: 1; width: 14px; height: 14px; top: 10px; }

.js-form-type-checkbox .required-field, .form-item-conditions .required-field { display: none; }

.checkbox-right .js-form-type-checkbox { padding-left: 0; padding-right: 40px; margin-right: 40px; }

.checkbox-right .js-form-type-checkbox label::before { left: auto; right: 0; }

.checkbox-right .js-form-type-checkbox label::after { content: ""; position: absolute; left: auto; background: #73B749; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; transition: all .1s ease-in; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; top: 9px; right: 8.5px; width: 14px; height: 14px; }

.checkbox-right .js-checked + label::before { background: #fff; }

.checkbox-right .js-checked + label::after { opacity: 1; }

.checkbox-right-2 .js-form-type-checkbox { display: block; grid-column-gap: 0; margin-right: 0; padding: 0; }

.checkbox-right-2 label { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; padding-right: 40px; }

.checkbox-right-2 label::before { top: 2px; left: auto; right: 0; width: 30px; height: 30px; background: #fff; border: 0; }

.checkbox-right-2 label::after { content: ""; position: absolute; top: 16.5px; right: 14.5px; left: auto; width: 1px; height: 1px; background: #73B749; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; transition: all .1s ease-in; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; }

.checkbox-right-2 .js-checked + label::before { background: #fff; }

.checkbox-right-2 .js-checked + label::after { opacity: 1; right: 7.5px; top: 10px; }

.checkbox-icon .js-form-type-checkbox { padding: 0; }

.checkbox-icon label { padding: 90px 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: no-repeat 50% 0; }

.checkbox-icon label::before { left: 0; right: 0; top: -webkit-calc(100% + 10px); top: -moz-calc(100% + 10px); top: calc(100% + 10px); margin: auto; width: 30px; height: 30px; background: #fff; border: 0; }

.checkbox-icon label::after { content: ""; position: absolute; left: 0 !important; right: 0 !important; top: -webkit-calc(100% + 25px) !important; top: -moz-calc(100% + 25px) !important; top: calc(100% + 25px) !important; z-index: 10; margin: auto; width: 1px; height: 1px; background: #73B749; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; transition: all .1s ease-in; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; }

.checkbox-icon .js-checked + label::before { background: #fff; }

.checkbox-icon .js-checked + label::after { opacity: 1; bottom: -25px; }

.checkbox-icon .form-item-interes-electro-1 label { background-image: url(../img/plancha.svg); }

.checkbox-icon .form-item-interes-moda-1 label { background-image: url(../img/vestido.svg); }

.checkbox-icon .form-item-interes-hogar-1 label { background-image: url(../img/bienes-raices.svg); }

.checkbox-icon .form-item-interes-decoracion-1 label { background-image: url(../img/sala.svg); }

.checkbox-icon .form-item-interes-alimentos-1 label { background-image: url(../img/comestible.svg); }

.checkbox-icon .form-item-interes-cuidado-personal-1 label { background-image: url(../img/bano.svg); }

.checkbox-icon .form-item-interes-entretenimiento-1 label { background-image: url(../img/juego.svg); }

.js-form-type-date input[type="date"]::-webkit-inner-spin-button, .js-form-type-date input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; cursor: pointer; width: 70%; background-color: transparent; }

.form-text, .form-email, .form-date, .form-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: var(--mixin-input-text); padding: 0 var(--mixin-input-padding); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #FFF no-repeat 0 0; border: 1px solid #25B0AF; font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: 0px; color: #383838; outline: none; }

.form-text::-webkit-input-placeholder, .form-email::-webkit-input-placeholder, .form-date::-webkit-input-placeholder, .form-select::-webkit-input-placeholder { color: #383838; opacity: 1; }

.form-text::-moz-placeholder, .form-email::-moz-placeholder, .form-date::-moz-placeholder, .form-select::-moz-placeholder { color: #383838; opacity: 1; }

.form-text:-ms-input-placeholder, .form-email:-ms-input-placeholder, .form-date:-ms-input-placeholder, .form-select:-ms-input-placeholder { color: #383838; opacity: 1; }

.form-text::placeholder, .form-email::placeholder, .form-date::placeholder, .form-select::placeholder { color: #383838; opacity: 1; }

.form-text:required, .form-email:required, .form-date:required, .form-select:required { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-text:focus, .form-email:focus, .form-date:focus, .form-select:focus { background-color: #fff; }

.form-text:invalid, .form-email:invalid, .form-date:invalid, .form-select:invalid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: red !important; }

.form-text:valid, .form-email:valid, .form-date:valid, .form-select:valid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: #25b0af !important; }

.js-form-type-radio:not(.form-item-conditions) { position: relative; }

.js-form-type-radio:not(.form-item-conditions) input { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; }

.js-form-type-radio:not(.form-item-conditions) label:not(.error) { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 32px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

@media (max-width: 767px) { .js-form-type-radio:not(.form-item-conditions) label:not(.error) { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.js-form-type-radio:not(.form-item-conditions) label:not(.error)::before, .js-form-type-radio:not(.form-item-conditions) label:not(.error)::after { content: ""; display: block; width: 30px; height: 30px; margin-left: 13px; border: 1px solid #00A7AA; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.js-form-type-radio:not(.form-item-conditions) label:not(.error)::before { position: absolute; top: 0; bottom: 0; right: 15px; z-index: 2; margin: auto; width: 1px; height: 1px; border: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }

.js-form-type-radio:not(.form-item-conditions).js-checked label::before { opacity: 1; width: 14px; height: 14px; right: 9px; background: #00A7AA; }

.form-item-validation { position: relative; }

.form-item-validation .form-radio { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.form-item-validation.js-checked .item-content { background-image: url(../img/check-1.svg); background-repeat: no-repeat; -moz-background-size: 25px auto; background-size: 25px auto; background-position: var(--form-item-validation-check-background); -webkit-box-shadow: 2px 2px 6px #90999CDE; -moz-box-shadow: 2px 2px 6px #90999CDE; box-shadow: 2px 2px 6px #90999CDE; }

.form-item-validation label { display: -ms-grid; display: grid; -ms-grid-columns: 60px 1fr; grid-template-columns: 60px 1fr; grid-column-gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.form-item-validation .item-label { font-size: -webkit-calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (21 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (21 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (21 - 21) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; letter-spacing: 0px; color: #262626; }

@media (max-width: 767px) { .form-item-validation .item-label { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.form-item-validation .item-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: var(--mixin-input-text); padding: 0 var(--mixin-input-padding); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #FFF no-repeat 0 0; border: 1px solid #25B0AF; font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: 0px; color: #383838; outline: none; max-width: var(--form-field-1-width); width: 100%; }

.form-item-validation .item-content::-webkit-input-placeholder { color: #383838; opacity: 1; }

.form-item-validation .item-content::-moz-placeholder { color: #383838; opacity: 1; }

.form-item-validation .item-content:-ms-input-placeholder { color: #383838; opacity: 1; }

.form-item-validation .item-content::placeholder { color: #383838; opacity: 1; }

.form-item-validation .item-content:required { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-item-validation .item-content:focus { background-color: #fff; }

.form-item-validation .item-content:invalid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: red !important; }

.form-item-validation .item-content:valid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: #25b0af !important; }

@media (max-width: 480px) { .form-item-validation .item-content { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-top: 7px; } }

.js-form-type-select { position: relative; }

.js-form-type-select select { font-weight: 400 !important; }

.js-form-type-select label { position: absolute; left: var(--mixin-input-padding); bottom: -webkit-calc(100% + 4px); bottom: -moz-calc(100% + 4px); bottom: calc(100% + 4px); font-size: 12px; }

.form-required::after { content: "*"; }

.form-required::after, .js-required { margin-left: 5px; color: red; }

#data-update-insert-data .form-submit, .form-personal-info .form-submit, .user-login-form .form-submit, .user-pass .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; background-image: url(../img/arrow-circle-1.svg); background-repeat: no-repeat; background-position: -webkit-calc(100% - 7px) 50%; background-position: -moz-calc(100% - 7px) 50%; background-position: calc(100% - 7px) 50%; -moz-background-size: var(--arrow-circle-1-height); background-size: var(--arrow-circle-1-height); }

@media (max-width: 767px) { #data-update-insert-data .form-submit, .form-personal-info .form-submit, .user-login-form .form-submit, .user-pass .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

#data-update-insert-data .form-submit:hover, .form-personal-info .form-submit:hover, .user-login-form .form-submit:hover, .user-pass .form-submit:hover { background-color: #1c8685; }

.banner--thankyou--page { -ms-grid-column: 2; grid-column: 2; width: 100%; max-width: 280px; min-height: 80px; margin: 65px auto; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; overflow: hidden; -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

@media (min-width: 768px) { .banner--thankyou--page { max-width: 680px; min-height: 120px; } }

.banner--thankyou--page .banner-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: inherit; padding: 0 20px; }

.banner--thankyou--page .banner-container a { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; }

.banner--thankyou--page .banner-container .banner-images > div:nth-child(1) { display: none; }

@media (min-width: 768px) { .banner--thankyou--page .banner-container .banner-images > div:nth-child(1) { display: block; } }

.banner--thankyou--page .banner-container .banner-images > div:nth-child(2) { display: block; }

@media (min-width: 768px) { .banner--thankyou--page .banner-container .banner-images > div:nth-child(2) { display: none; } }

.banner--thankyou--page .banner-container .banner-images img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }

.banner--thankyou--page .banner-container .banner-description { position: relative; z-index: 2; max-width: 450px; color: var(--white-1); font-style: normal; font-weight: 800; font-size: 16px; line-height: 22px; text-align: center; pointer-events: none; }

@media (min-width: 768px) { .banner--thankyou--page .banner-container .banner-description { font-size: 32px; line-height: 44px; } }

.bloque-gomitas { position: relative; visibility: hidden; }

@media (min-width: 768px) { .bloque-gomitas { position: absolute; top: -webkit-calc(var(--hero-image-circle-left) * -1); top: -moz-calc(var(--hero-image-circle-left) * -1); top: calc(var(--hero-image-circle-left) * -1); left: -webkit-calc(var(--hero-image-circle-left) * -1); left: -moz-calc(var(--hero-image-circle-left) * -1); left: calc(var(--hero-image-circle-left) * -1); width: var(--hero-image-circle-width); height: var(--hero-image-circle-width); } }

.button-1 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 209px; height: var(--mixin-button-1-height); border: 1px solid #00A7AA; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; color: #25B0AF; text-decoration: none; cursor: pointer; }

.button-register { padding: 30px 0; }

.button-register a { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .button-register a { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.button-register a:hover { background-color: #1c8685; }

.button-back-2, .button-resend { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 240px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .button-back-2, .button-resend { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.button-back-2:hover, .button-resend:hover { background-color: #1c8685; }

.button-back-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.button-back { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; letter-spacing: 0; color: #262626; border: none; background: transparent; cursor: pointer; padding-left: 40px; background: url(../img/flecha-back.svg) no-repeat 0 50%/30px auto; text-decoration: none; }

@media (max-width: 767px) { .button-back { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.container-form-data-update { position: relative; z-index: 20; width: 100%; overflow: hidden; background: #fff; }

.container-tabs { visibility: hidden; }

.container-form { position: absolute; left: 0; top: 0; z-index: 200; width: 100%; padding: var(--container-form); line-height: 1.5; overflow: hidden; margin-bottom: 100px; background: #fff; }

.container-interests > .fieldset-wrapper { display: -ms-grid; display: grid; grid-auto-flow: column; grid-column-gap: 32px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 152px; padding: 20px; background: #73B749; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.container-interests > .fieldset-wrapper .fieldset-legend, .container-interests > .fieldset-wrapper label { color: #FFF; }

.container-interests .fieldset-legend, .container-interests label { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))); font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 768px) / (1920 - 768))); line-height: calc(19px + (21 - 19) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; font-size: 16px; line-height: 20px; color: #383838; }

@media (max-width: 480px) { .container-interests label { font-size: 13px; } }

@media (max-width: 480px) { .container-interests legend { margin: 0 auto; } }

.container-interests .fieldset-legend { display: block; padding-bottom: 15px; }

@media (max-width: 480px) { .container-interests .fieldset-legend { font-size: 12px; margin: 0 auto; } }

.container-interests .js-form-type-checkbox { display: -ms-grid; display: grid; grid-column-gap: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.container-interests .js-form-type-checkbox input { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.container-interests .js-form-type-checkbox label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (max-width: 960px) { .container-interest-one > .fieldset-wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: dense; grid-row-gap: 50px; } }

@media (max-width: 768px) { .container-interest-one > .fieldset-wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 30px; grid-auto-flow: unset; width: 100%; }
  .container-interest-one > .fieldset-wrapper .js-form-type-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .container-interest-one > .fieldset-wrapper label { white-space: nowrap; } }

@media (max-width: 666px) { .container-interest-one > .fieldset-wrapper { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 80px; grid-row-gap: 10px; }
  .container-interest-one > .fieldset-wrapper label { width: 100%; white-space: unset; } }

@media (max-width: 520px) { .container-interest-one > .fieldset-wrapper { grid-column-gap: 20px; } }

@media (max-width: 420px) { .container-interest-one > .fieldset-wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

.container-interest-two > .fieldset-wrapper { min-height: 225px; padding: 0 28px 40px; }

@media (max-width: 960px) { .container-interest-two > .fieldset-wrapper { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-flow: dense; grid-row-gap: 90px; } }

@media (max-width: 768px) { .container-interest-two > .fieldset-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 0; padding: 23px 9px 70px; }
  .container-interest-two > .fieldset-wrapper .form-checkboxes { width: 33.33%; }
  .container-interest-two > .fieldset-wrapper .js-form-item-interes-cuidado-personal-1 { -ms-grid-columns: 131px; grid-template-columns: 131px; } }

@media (max-width: 666px) { .container-interest-two > .fieldset-wrapper .form-checkboxes { width: 33%; } }

.container-interest-two .js-form-type-checkbox { -ms-grid-columns: 129px; grid-template-columns: 129px; grid-row-gap: 15px; }

.container-interest-two .js-form-type-checkbox label { text-align: center; background-position: center 20%; }

@media (max-width: 768px) { .container-interest-two .js-form-type-checkbox label span { text-align: center; font-size: 12px; } }

@media (max-width: 1239px) { .container-interest-two .js-form-type-checkbox { -ms-grid-columns: 100px; grid-template-columns: 100px; } }

@media (max-width: 1025px) { .container-interest-two .js-form-type-checkbox { -ms-grid-columns: 75px; grid-template-columns: 75px; max-width: 75px; margin: 0 auto; } }

@media (min-width: 400px) { .container-interest-two .js-form-type-checkbox { -ms-grid-columns: 126px; grid-template-columns: 126px; } }

.container-condition .required-field { display: none; }

[data-drupal-messages] { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; -webkit-transition: .3s ease-out transform; -moz-transition: .3s ease-out transform; transition: .3s ease-out transform; }

[data-drupal-messages] [role="contentinfo"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px var(--padding-side); background: #3fac68; color: #fff; }

[data-drupal-messages] [aria-label*="error"] { padding: 20px 0; background: red; color: #fff; }

[data-drupal-messages] .hide-alert { display: none; }

[data-drupal-messages] [role="alert"] { max-width: var(--container-width); width: 100%; margin: 0 auto; padding: 0; text-align: center; }

#data-drupal-messages--close { position: absolute; top: 0; bottom: 0; right: var(--padding-side); margin: auto; width: 25px; height: 25px; border: 0; background: transparent url(../img/cerrar.svg) no-repeat 50% / 25px; cursor: pointer; }

.data-drupal-messages--hidden [data-drupal-messages] { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.disclaimer--section .block-content { max-width: 1342px; width: 100%; padding: 30px var(--padding-side) 68px; margin: 0 auto; font-weight: 300; text-align: center; }

@media (max-width: 1281px) { .disclaimer--section .block-content { max-width: 1175px; } }

.disclaimer--section .block-content a { color: #333; font-weight: 500; }

.header--inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1268px; margin: 0 auto; padding: 13px var(--padding-side); }

@media (min-width: 1441px) { .header--inner { max-width: -webkit-calc(100% - 100px); max-width: -moz-calc(100% - 100px); max-width: calc(100% - 100px); width: auto; } }

@media (min-width: 768px) { .header--inner { display: -ms-grid; display: grid; grid-column-gap: 40px; grid-auto-flow: column; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px var(--padding-side) 22px; } }

@media (min-width: 1919px) { .header--inner { max-width: -webkit-calc(100% - 140px); max-width: -moz-calc(100% - 140px); max-width: calc(100% - 140px); width: auto; } }

.header--inner div[id*="block-views-block-logo-marcas-block"] { position: relative; }

.header--inner div[id*="block-views-block-logo-marcas-block"] .field-content a { position: absolute; top: 0; padding: 30px 20px; text-indent: -102px; overflow: hidden; width: 100%; }

.header--inner .header-main { -ms-grid-column: 1; grid-column: 1; }

@media (max-width: 768px) { .header--inner .field-content img { max-width: 90px; }
  .header--inner .views-field-field-logo-exito img { max-width: 100%; } }

.header--inner .superinter_logo { height: var(--header-main-img-height); max-width: 122px; margin: 0 auto; }

.header--inner .views-field-field-logo-grupo-exito img { max-width: 124px; }

@media (max-width: 768px) { .header--inner .views-field-field-logo-grupo-exito img { max-width: 90px; } }

.hero-image--section { position: relative; width: 100%; margin-bottom: 15px; visibility: hidden; }

.hero-image--section .swiper-container img { width: 100%; height: 190px; object-fit: cover; }

@media (min-width: 768px) { .hero-image--section { position: absolute; top: -webkit-calc(var(--hero-image-circle-left) * -1); top: -moz-calc(var(--hero-image-circle-left) * -1); top: calc(var(--hero-image-circle-left) * -1); left: -webkit-calc(var(--hero-image-circle-left) * -1); left: -moz-calc(var(--hero-image-circle-left) * -1); left: calc(var(--hero-image-circle-left) * -1); width: var(--hero-image-circle-width); height: var(--hero-image-circle-width); }
  .hero-image--section .swiper-container { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: height .3s ease-out, width .3s ease-out; -moz-transition: height .3s ease-out, width .3s ease-out; transition: height .3s ease-out, width .3s ease-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
  .hero-image--section .swiper-container img { position: relative; top: 70px; width: var(--hero-image-circle-width); height: var(--hero-image-circle-width); }
  .hero-image--section > .contextual { top: 240px !important; right: 90px !important; }
  .hero-image--section .block-content > .contextual { top: 240px !important; right: 50px !important; } }

.form-select-1 { position: relative; }

.form-select-1 + .js-form-type-select { display: none; }

.form-select-1.active .form-select-1--ul-wrapper { opacity: 1; visibility: visible; }

.form-select-1--selected { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: var(--mixin-input-text); padding: 0 var(--mixin-input-padding); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #FFF no-repeat 0 0; border: 1px solid #25B0AF; font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: 0px; color: #383838; outline: none; position: relative; z-index: 10; cursor: pointer; }

.form-select-1--selected::-webkit-input-placeholder { color: #383838; opacity: 1; }

.form-select-1--selected::-moz-placeholder { color: #383838; opacity: 1; }

.form-select-1--selected:-ms-input-placeholder { color: #383838; opacity: 1; }

.form-select-1--selected::placeholder { color: #383838; opacity: 1; }

.form-select-1--selected:required { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-select-1--selected:focus { background-color: #fff; }

.form-select-1--selected:invalid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: red !important; }

.form-select-1--selected:valid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: #25b0af !important; }

.form-select-1--selected::after { content: ""; position: absolute; top: -2px; bottom: 0; right: 28px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 9px 8px 0 8px; border-color: #3EB4B3 transparent transparent transparent; }

.form-select-1--ul-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 110; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; opacity: 0; visibility: hidden; }

.form-select-1--ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: var(--mixin-input-text); padding: 0 var(--mixin-input-padding); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #FFF no-repeat 0 0; border: 1px solid #25B0AF; font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: 0px; color: #383838; outline: none; /* position: absolute; top: 103%; top: calc(100% + 10px); left: 0;*/ z-index: 110; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 600px; width: 100%; height: auto; margin: auto; padding: 0; overflow: hidden; -webkit-transition: var(--transition-1); -moz-transition: var(--transition-1); transition: var(--transition-1); /* opacity: 0; visibility: hidden;*/ }

.form-select-1--ul::-webkit-input-placeholder { color: #383838; opacity: 1; }

.form-select-1--ul::-moz-placeholder { color: #383838; opacity: 1; }

.form-select-1--ul:-ms-input-placeholder { color: #383838; opacity: 1; }

.form-select-1--ul::placeholder { color: #383838; opacity: 1; }

.form-select-1--ul:required { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-select-1--ul:focus { background-color: #fff; }

.form-select-1--ul:invalid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: red !important; }

.form-select-1--ul:valid { -webkit-box-shadow: 0 0 3px transparent; -moz-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; border-color: #25b0af !important; }

.form-select-1--button { width: 100%; padding: 20px; background: #fff; list-style: none; cursor: pointer; }

[id*="geometry"], div.geometry-img { position: absolute; z-index: 20; height: auto; visibility: hidden; }

.geometry-background { z-index: -1; }

.geometry-background#geometry-1 { left: -10vw; top: 100px; width: 50vw; }

.geometry-background#geometry-2 { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* // Red #geometry-1 { right: 0; bottom: -10px; } // Purple #geometry-2 { top: -30px; bottom: 40%; } // Yellow #geometry-3 { right: 60%; bottom: 0; }*/
@media (min-width: 768px) { .geometry-background#geometry-1 { left: -10vw; top: 100px; width: 50vw; }
  .geometry-background#geometry-2 { top: auto; right: -60px; bottom: 40%; max-width: 19vw; } }

@media (max-width: 768px) { [id*="geometry"] { display: none; } }

.message-top-1--section + .form-item { margin-top: 40px; }

@media (min-width: 1441px) { .message-top-1--section { margin-top: 31px; } }

.message-top-title { font-size: -webkit-calc(35px + (50 - 35) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(35px + (50 - 35) * ((100vw - 768px) / (1920 - 768))); font-size: calc(35px + (50 - 35) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(40px + (55 - 40) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(40px + (55 - 40) * ((100vw - 768px) / (1920 - 768))); line-height: calc(40px + (55 - 40) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; text-align: center; letter-spacing: 0px; color: #8F5DB2; }

@media (max-width: 767px) { .message-top-title { font-size: -webkit-calc(20px + (35 - 20) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(20px + (35 - 20) * ((100vw - 320px) / (767 - 320))); font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(25px + (40 - 25) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(25px + (40 - 25) * ((100vw - 320px) / (767 - 320))); line-height: calc(25px + (40 - 25) * ((100vw - 320px) / (767 - 320))); } }

.message-top-title + p { margin-top: 10px; }

h3.message-top-title { font-size: -webkit-calc(24px + (39 - 24) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(24px + (39 - 24) * ((100vw - 768px) / (1920 - 768))); font-size: calc(24px + (39 - 24) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(29px + (44 - 29) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(29px + (44 - 29) * ((100vw - 768px) / (1920 - 768))); line-height: calc(29px + (44 - 29) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { h3.message-top-title { font-size: -webkit-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); } }

.message-top-body-1 { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); text-align: center; color: #7E7E7E; }

@media (max-width: 767px) { .message-top-body-1 { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.message-top-body-1 + .message-top-body-3 { margin-top: 50px; }

@media (min-width: 1441px) { .message-top-body-1 { font-size: -webkit-calc(14px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(14px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(14px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); } }

.message-top-body-2 { font-size: -webkit-calc(17px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(17px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); font-size: calc(17px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(22px + (25 - 22) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(22px + (25 - 22) * ((100vw - 768px) / (1920 - 768))); line-height: calc(22px + (25 - 22) * ((100vw - 768px) / (1920 - 768))); padding: 28px 0 12px; font-weight: 300; text-align: center; color: #262626; }

@media (max-width: 767px) { .message-top-body-2 { font-size: -webkit-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); } }

@media (min-width: 1441px) { .message-top-body-2 { font-size: -webkit-calc(15px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(15px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); font-size: calc(15px + (20 - 17) * ((100vw - 768px) / (1920 - 768))); } }

.message-top-body-3 { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); font-weight: 300; text-align: center; }

@media (max-width: 767px) { .message-top-body-3 { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

[class*="message-top"] a { font-weight: 400; color: inherit; text-decoration: underline; }

.overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; transition: opacity .3s ease-in; z-index: 100; }

.modal-open .overlay { opacity: 1; visibility: visible; }

.partners--sections .field-images { display: -ms-grid; display: grid; grid-auto-flow: column; grid-column-gap: 30px; grid-row-gap: 30px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 70px var(--padding-side) 30px; }

@media (max-width: 767px) { .partners--sections .field-images { padding-top: 40px; } }

@media (max-width: 480px) { .partners--sections .field-images { padding-top: 20px; padding-bottom: 20px; grid-column-gap: 10px; margin: 0 auto; /* .field-image { &:last-child:nth-of-type(odd) { grid-column: 1 / 3; } img { // max-width: 54px; } }*/ } }

.partners--sections img { display: block; max-width: 90px; margin: 0 auto; }

@media (max-width: 480px) { .partners--sections img { max-width: 100%; } }

.politica-proteccion--section { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; color: var(--white-1); background: var(--green-1); padding: 0 var(--padding-side); }

@media (max-width: 767px) { .politica-proteccion--section { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.politica-proteccion--section .field-body a { color: inherit; text-decoration: underline; }

.politica-proteccion--section .contextual { top: -20px !important; }

.politica-proteccion--section .contextual .contextual-links { top: -40px !important; }

.register-title { font-size: -webkit-calc(45px + (50 - 45) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(45px + (50 - 45) * ((100vw - 768px) / (1920 - 768))); font-size: calc(45px + (50 - 45) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(50px + (55 - 50) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(50px + (55 - 50) * ((100vw - 768px) / (1920 - 768))); line-height: calc(50px + (55 - 50) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; text-align: center; letter-spacing: 0px; color: #8F5DB2; }

@media (max-width: 767px) { .register-title { font-size: -webkit-calc(40px + (45 - 40) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(40px + (45 - 40) * ((100vw - 320px) / (767 - 320))); font-size: calc(40px + (45 - 40) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(45px + (50 - 45) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(45px + (50 - 45) * ((100vw - 320px) / (767 - 320))); line-height: calc(45px + (50 - 45) * ((100vw - 320px) / (767 - 320))); } }

.register-title + p { margin-top: 10px; }

.register-message { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); text-align: center; color: #7E7E7E; }

@media (max-width: 767px) { .register-message { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.register-button a { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; margin-top: 20px; }

@media (max-width: 767px) { .register-button a { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.register-button a:hover { background-color: #1c8685; }

.tabs-data-update { position: relative; }

.tabs-data-update .tabs-list { position: relative; display: -ms-grid; display: grid; grid-column-gap: 32px; grid-auto-flow: column; padding: 0; }

@media (max-width: 767px) { .tabs-data-update .tabs-list { grid-column-gap: 0; -ms-grid-columns: (1fr)[3] 75px 80px; grid-template-columns: repeat(3, 1fr) 75px 80px; } }

@media (max-width: 767px) { .tabs-data-update [data-tablist="0"] span { position: relative; }
  .tabs-data-update [data-tablist="0"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 20px; height: 100%; background: gray; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] { grid-column: 1 / 4; z-index: 40; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] span { padding-right: 50px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #fff; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] strong { left: auto; right: 10px; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; }
  .tabs-data-update [data-tablist="0"] [item-tab="0"] span::after { background: #fff; }
  .tabs-data-update [data-tablist="0"] [item-tab="1"] { grid-column: 4 / 5; z-index: 20; }
  .tabs-data-update [data-tablist="0"] [item-tab="1"] span { background: #8f5db2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="1"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #8f5db2; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="2"] { grid-column: 5 / 6; z-index: 10; }
  .tabs-data-update [data-tablist="0"] [item-tab="2"] span { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="0"] [item-tab="2"] span::after { display: none; }
  .tabs-data-update [data-tablist="1"] [item-tab="0"] { grid-column: 4 / 5; z-index: 20; }
  .tabs-data-update [data-tablist="1"] [item-tab="0"] span { background: #e6232b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="1"] [item-tab="0"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #e6232b; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="1"] [item-tab="1"] { grid-column: 1 / 4; z-index: 40; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .tabs-data-update [data-tablist="1"] [item-tab="1"] span { padding-right: 50px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="1"] [item-tab="1"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #fff; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="1"] [item-tab="1"] strong { left: auto; right: 10px; }
  .tabs-data-update [data-tablist="1"] [item-tab="2"] { grid-column: 5 / 6; z-index: 10; }
  .tabs-data-update [data-tablist="1"] [item-tab="2"] span { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="1"] [item-tab="2"] span::after { display: none; }
  .tabs-data-update [data-tablist="2"] [item-tab="0"] { grid-column: 4 / 5; z-index: 20; }
  .tabs-data-update [data-tablist="2"] [item-tab="0"] span { background: #e6232b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="2"] [item-tab="0"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #e6232b; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="2"] [item-tab="1"] { grid-column: 5 / 6; z-index: 10; }
  .tabs-data-update [data-tablist="2"] [item-tab="1"] span { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="2"] [item-tab="1"] span::after { display: none; }
  .tabs-data-update [data-tablist="2"] [item-tab="2"] { grid-column: 1 / 4; z-index: 40; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .tabs-data-update [data-tablist="2"] [item-tab="2"] span { padding-right: 50px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .tabs-data-update [data-tablist="2"] [item-tab="2"] span::after { content: ""; position: absolute; left: 100%; top: 0; width: 10px; height: 100%; background: #fff; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
  .tabs-data-update [data-tablist="2"] [item-tab="2"] strong { left: auto; right: 10px; } }

.tabs-data-update .tabs-list-active { position: absolute; left: 0; top: 0; background: #fff; height: 180px; width: 100px; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }

@media (max-width: 767px) { .tabs-data-update .tabs-list-active { display: none; } }

.tabs-data-update li { position: relative; -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; height: var(--tabs-data-update-li-height); list-style: none; cursor: pointer; z-index: 1; }

@media (max-width: 767px) { .tabs-data-update li:not(.active) span { color: transparent; } }

.tabs-data-update strong { position: absolute; top: 10px; right: 10px; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 37px; height: 37px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 16px; color: #fff; }

@media (max-width: 767px) { .tabs-data-update strong { top: 0; bottom: 0; right: -10px; left: 0; margin: auto; width: 27px; height: 27px; font-size: 14px; } }

.tabs-data-update [item-tab="0"] span { background: #e6232b; }

.tabs-data-update [item-tab="0"].active span, .tabs-data-update [item-tab="0"].active strong { color: #e6232b; }

.tabs-data-update [item-tab="0"].active strong { border-color: #e6232b; }

.tabs-data-update [item-tab="1"] span { background: #8f5db2; }

.tabs-data-update [item-tab="1"].active span, .tabs-data-update [item-tab="1"].active strong { color: #8f5db2; }

.tabs-data-update [item-tab="1"].active strong { border-color: #8f5db2; }

.tabs-data-update [item-tab="2"] span { background: #73b749; }

.tabs-data-update [item-tab="2"].active span, .tabs-data-update [item-tab="2"].active strong { color: #73b749; }

.tabs-data-update [item-tab="2"].active strong { border-color: #73b749; }

.tabs-data-update .active span { height: 100%; padding-bottom: 38px; background-color: transparent; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }

@media (max-width: 767px) { .tabs-data-update .active span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 16px; } }

.tabs-data-update span { font-size: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); font-size: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(30px + (35 - 30) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(30px + (35 - 30) * ((100vw - 768px) / (1920 - 768))); line-height: calc(30px + (35 - 30) * ((100vw - 768px) / (1920 - 768))); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: var(--tabs-data-update-span-height); width: 100%; padding: 20px 24px; -webkit-border-radius: 0px 20px 20px 20px; -moz-border-radius: 0px 20px 20px 20px; border-radius: 0px 20px 20px 20px; background: #fff; color: #fff; font-weight: 400; }

@media (max-width: 767px) { .tabs-data-update span { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 320px) / (767 - 320))); line-height: calc(25px + (30 - 25) * ((100vw - 320px) / (767 - 320))); } }

@media (max-width: 767px) { .tabs-data-update span { padding: 0; } }

.layout__tirilla { background: url("../../dist/img/grafico1.png") no-repeat; background-position: -45em -42px; }

@media (max-width: 768px) { .layout__tirilla { background: unset; }
  .layout__tirilla .header-main .field-body { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .layout__tirilla .header-main .field-body .button-1 { border: unset; } }

.client-inscription-form-id .info-header-invoice { display: none; }

.client-inscription-form-id .invoice-client-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.client-inscription-form-id .step-content { max-width: 401px; width: 100%; -webkit-border-radius: 0px 20px 20px 20px; -moz-border-radius: 0px 20px 20px 20px; border-radius: 0px 20px 20px 20px; position: relative; margin-bottom: 30px; }

.client-inscription-form-id .step-content .step-label { position: absolute; position: absolute; top: 13px; right: 15px; left: auto; width: 37px; height: 37px; border: 2px solid #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.client-inscription-form-id .step-content h3, .client-inscription-form-id .step-content .step-one-title { letter-spacing: 0px; color: #ffffff; font-size: 1.125em; font-weight: normal; }

.client-inscription-form-id .step-content .content { padding: 0px 0px 40px; max-width: 311px; margin: 0 auto; position: initial; text-align: center; }

.client-inscription-form-id .first-step { background: #e6232b 0% 0% no-repeat padding-box; padding: 80px 45px 48px; }

.client-inscription-form-id .first-step .box-fake-invoice { max-width: 239px; max-height: 273px; overflow: hidden; margin: 0 auto; }

.client-inscription-form-id .second-step { padding: 89px 39px 45px; background: #8f5db2 0% 0% no-repeat padding-box; }

.client-inscription-form-id .second-step .field-invoice-id label, .client-inscription-form-id .second-step .fieldset-legend { letter-spacing: 0px; color: #ffffff; font-size: 1.25em; }

.client-inscription-form-id .second-step #edit-store-id--2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 210px; margin: 10px auto 0; }

.client-inscription-form-id .second-step #edit-store-id--2 .js-checked label::before { background: #8f5db2; }

.client-inscription-form-id .second-step #edit-store-id--2 label { letter-spacing: 0px; color: #ffffff; font-size: 1em; }

.client-inscription-form-id .second-step #edit-store-id--2 label::after { background: #ffffff; border: 1px solid #ffffff; }

.client-inscription-form-id .second-step .js-form-item { text-align: center; }

.client-inscription-form-id .second-step #edit-invoice-id--2 { border-color: #3eb4b3; margin: 10px auto 35px; }

.client-inscription-form-id .third-step { padding: 73px 25px 43px; background: #73b749 0% 0% no-repeat padding-box; }

.client-inscription-form-id .third-step .g-recaptcha iframe { width: 233px; height: 58px; margin: 0 auto 15px; }

.client-inscription-form-id .third-step .submit { max-width: 355px; width: 100%; height: 68px; background: #ffffff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.client-inscription-form-id .third-step .submit input { background: transparent; border: transparent; letter-spacing: 0px; color: #73b749; font-size: 1.563em; font-weight: bold; width: 100%; height: 100%; cursor: pointer; }

@media (max-width: 768px) { .client-inscription-form-id .third-step .submit input { margin: 0 auto; font-size: 0.938em; } }

@media (max-width: 324px) { .client-inscription-form-id .third-step .submit input { margin: 0 72px 0 auto; font-size: 0.938em; } }

.client-inscription-form-id .third-step .submit::after { content: ""; position: absolute; background: url(../../dist/img/flecha_abajo_fondo_verde.svg) no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #ffffff; width: 56px; height: 56px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 5px; top: 5px; font-size: 36px; pointer-events: none; }

@media (max-width: 1024px) { .client-inscription-form-id .invoice-client-block { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } }

.tirilla-tooltip { position: absolute; margin-top: -70px; display: none; width: 300px; color: #fff; padding: 1rem; text-align: center; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; background: #00A7AA; }

.tirilla-tooltip.open { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.tirilla-tooltip::after { content: ''; display: inline-block; width: 1rem; height: 1.1rem; background: #00A7AA; position: absolute; top: -webkit-calc(100% - 2px); top: -moz-calc(100% - 2px); top: calc(100% - 2px); left: 0; -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); }

.footer--inner div[class*="views-field-field-logo"] .field-content { text-align: center; padding: 90px 0 15px; }

@media (max-width: 768px) { .footer--inner div[class*="views-field-field-logo"] .field-content { padding: 40px 0 0; } }

.footer--inner div[class*="views-field-field-link"] { display: none; }

.footer--inner .superinter_logo { max-width: 122px; margin: 0 auto; }

.data-update-form { /*.form-text:valid ~ label,*/ /*.form-text:valid ~ label,*/ max-width: 550px; width: 100%; margin: 0 auto; }

.data-update-form .js-form-type-textfield { position: relative; }

.data-update-form .js-form-type-textfield ::-webkit-input-placeholder { color: transparent; }

.data-update-form .js-form-type-textfield ::-moz-placeholder { color: transparent; }

.data-update-form .js-form-type-textfield :-ms-input-placeholder { color: transparent; }

.data-update-form .js-form-type-textfield ::placeholder { color: transparent; }

.data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error), .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error), .data-update-form .js-form-type-textfield.label-floated label:not(.error), .data-update-form .js-form-type-textfield textarea:focus ~ label { color: #303C42; cursor: pointer; -webkit-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); }

@media (max-width: 767px) { .data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error), .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error), .data-update-form .js-form-type-textfield.label-floated label:not(.error), .data-update-form .js-form-type-textfield textarea:focus ~ label { -webkit-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); } }

.data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-textfield.label-floated label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-textfield textarea:focus ~ label::-webkit-input-placeholder { color: #000; }

.data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-textfield.label-floated label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-textfield textarea:focus ~ label::-moz-placeholder { color: #000; }

.data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-textfield.label-floated label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-textfield textarea:focus ~ label:-ms-input-placeholder { color: #000; }

.data-update-form .js-form-type-textfield.label-floated .form-text ~ label:not(.error)::placeholder, .data-update-form .js-form-type-textfield .form-text[disabled] ~ label:not(.error)::placeholder, .data-update-form .js-form-type-textfield.label-floated label:not(.error)::placeholder, .data-update-form .js-form-type-textfield textarea:focus ~ label::placeholder { color: #000; }

.data-update-form .form-text { width: 100%; }

.data-update-form .js-form-type-textfield label:not(.error) { font-style: normal; font-weight: normal; position: absolute; top: 15px; left: 30px; color: #6C7680; cursor: text; margin: 0; -webkit-transform: perspective(100px); -moz-transform: perspective(100px); transform: perspective(100px); text-overflow: ellipsis; pointer-events: none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (max-width: 767px) { .data-update-form .js-form-type-textfield label:not(.error) { top: 5px; left: var(--mixin-input-padding); } }

.data-update-form .js-form-type-textfield label:not(.error), .data-update-form .js-form-type-textfield [type="text"], .data-update-form .js-form-type-textfield [type="email"], .data-update-form .js-form-type-textfield [type="tel"], .data-update-form .js-form-type-textfield [type="search"] { font-weight: normal; font-size: 16px; line-height: 150%; }

.data-update-form .js-form-type-textfield [type="text"]:focus, .data-update-form .js-form-type-textfield [type="email"]:focus, .data-update-form .js-form-type-textfield [type="tel"]:focus, .data-update-form .js-form-type-textfield [type="search"]:focus, .data-update-form .js-form-type-textfield textarea:focus, .data-update-form .js-form-type-textfield select:focus { background-color: #fff; }

.data-update-form .js-form-type-textfield select { display: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #303C42; color: rgba(48, 60, 66, 0); text-shadow: 0 0 0 #303C42; position: relative; left: -7px; height: 37px; }

.data-update-form .js-form-type-textfield select::-ms-expand { display: none; }

.data-update-form .js-form-type-email { position: relative; }

.data-update-form .js-form-type-email ::-webkit-input-placeholder { color: transparent; }

.data-update-form .js-form-type-email ::-moz-placeholder { color: transparent; }

.data-update-form .js-form-type-email :-ms-input-placeholder { color: transparent; }

.data-update-form .js-form-type-email ::placeholder { color: transparent; }

.data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error), .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error), .data-update-form .js-form-type-email.label-floated label:not(.error), .data-update-form .js-form-type-email textarea:focus ~ label { color: #303C42; cursor: pointer; -webkit-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); }

@media (max-width: 767px) { .data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error), .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error), .data-update-form .js-form-type-email.label-floated label:not(.error), .data-update-form .js-form-type-email textarea:focus ~ label { -webkit-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); } }

.data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-email.label-floated label:not(.error)::-webkit-input-placeholder, .data-update-form .js-form-type-email textarea:focus ~ label::-webkit-input-placeholder { color: #000; }

.data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-email.label-floated label:not(.error)::-moz-placeholder, .data-update-form .js-form-type-email textarea:focus ~ label::-moz-placeholder { color: #000; }

.data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-email.label-floated label:not(.error):-ms-input-placeholder, .data-update-form .js-form-type-email textarea:focus ~ label:-ms-input-placeholder { color: #000; }

.data-update-form .js-form-type-email.label-floated .form-email ~ label:not(.error)::placeholder, .data-update-form .js-form-type-email .form-email[disabled] ~ label:not(.error)::placeholder, .data-update-form .js-form-type-email.label-floated label:not(.error)::placeholder, .data-update-form .js-form-type-email textarea:focus ~ label::placeholder { color: #000; }

.data-update-form .form-email { width: 100%; }

.data-update-form .js-form-type-email label:not(.error) { font-style: normal; font-weight: normal; position: absolute; top: 15px; left: 30px; color: #6C7680; cursor: text; margin: 0; -webkit-transform: perspective(100px); -moz-transform: perspective(100px); transform: perspective(100px); text-overflow: ellipsis; pointer-events: none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (max-width: 767px) { .data-update-form .js-form-type-email label:not(.error) { top: 5px; left: var(--mixin-input-padding); } }

.data-update-form .js-form-type-email label:not(.error), .data-update-form .js-form-type-email [type="text"], .data-update-form .js-form-type-email [type="email"], .data-update-form .js-form-type-email [type="tel"], .data-update-form .js-form-type-email [type="search"] { font-weight: normal; font-size: 16px; line-height: 150%; }

.data-update-form .js-form-type-email [type="text"]:focus, .data-update-form .js-form-type-email [type="email"]:focus, .data-update-form .js-form-type-email [type="tel"]:focus, .data-update-form .js-form-type-email [type="search"]:focus, .data-update-form .js-form-type-email textarea:focus, .data-update-form .js-form-type-email select:focus { background-color: #fff; }

.data-update-form .js-form-type-email select { display: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #303C42; color: rgba(48, 60, 66, 0); text-shadow: 0 0 0 #303C42; position: relative; left: -7px; height: 37px; }

.data-update-form .js-form-type-email select::-ms-expand { display: none; }

.data-update-form .js-form-type-email { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.data-update-form .js-form-type-email .is-invalid { border-color: red; }

.data-update-form .js-form-type-email.error::after, .data-update-form .js-form-type-email.error-val1::after, .data-update-form .js-form-type-email.error-val2::after { content: "Por favor ingresa una dirección de correo electrónico válida."; font-size: 13px; color: red; width: 100%; padding-left: 60px; }

.data-update-form .js-form-type-email.error.fixed::after, .data-update-form .js-form-type-email.error-val1.fixed::after, .data-update-form .js-form-type-email.error-val2.fixed::after { content: none; display: none; }

.data-update-form .js-form-type-email label.error { display: none !important; }

.data-update-form.ajax-submit-prevented .js-form-item-conditions, .data-update-form.not-checked .js-form-item-conditions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*&::after { content: "Por favor acepte las condiciones."; color: red; font-size: 13px; width: 100%; }*/ }

.data-update-form.ajax-submit-prevented .js-form-item-conditions.js-checked::after, .data-update-form.not-checked .js-form-item-conditions.js-checked::after { display: none; }

.data-update-form.loading::before { content: ""; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; width: 100vw; height: 100%; background-color: #f5f5f5; left: 0; top: 0; z-index: 1; }

.data-update-form .js-form-item-download-certificate.form-item label { max-width: 100%; }

.data-update-form .js-form-item-download-certificate.form-item label::before { border-color: #00a7aa; top: 5px; }

.data-update-form .js-form-item-download-certificate.form-item label::after { background: #00a7aa; top: 15px; }

.data-update-form .js-form-item-download-certificate.form-item label p, .data-update-form .js-form-item-download-certificate.form-item label small { color: #4b4b4b; }

.data-update-form .js-form-item-download-certificate.form-item label p { color: #000; max-width: 400px; font-size: 18px; margin-left: 4px; }

@media (max-width: 767px) { .data-update-form .js-form-item-download-certificate.form-item label p { font-size: 16px; } }

@media (max-width: 540px) { .data-update-form .js-form-item-download-certificate.form-item label p { font-size: 14px; } }

.data-update-form .js-form-item-download-certificate.form-item label small { font-size: 14px; }

.data-update-form label.error { top: 100%; padding-left: 30px; width: 100%; color: red; font-size: 13px; line-height: 19px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.data-update-form .js-form-type-checkbox label.error, .data-update-form .form-item-captcha-response label.error { left: 0; }

.data-update-form.hide-btn-5 .form-actions.step-5.btn-continuar { display: none; }

.data-update-form.error-code .form-item-code-confirm, .data-update-form.error-code .js-form-item-code { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; }

.data-update-form.error-code .form-item-code-confirm input.form-text.error, .data-update-form.error-code .js-form-item-code input.form-text.error { border-color: red; }

.data-update-form.error-code .form-item-code-confirm::after, .data-update-form.error-code .js-form-item-code::after { content: "Por favor ingresa un código válido."; display: block; color: red; font-size: 13px; line-height: 16px; }

.data-update-form.error-code input[data-drupal-selector="edit-code-confirm"].error { border-color: red; }

.data-update-form.error-code .form-actions.step-5.btn-continuar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.data-update-form.error-code .hide-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.data-update-form .step-5.btn-continuar.hide-btn { display: none; }

@media (max-width: 1281px) { .data-update-form { max-width: 530px; } }

@media (max-width: 1440px) { .data-update-form { max-width: 471px; } }

.data-update-form .phone-number-invalid { text-align: center; margin-top: 20px; color: red; font-size: 22px; font-family: 400; }

.data-update-form .form-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.data-update-form .form-item.error-9 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.data-update-form .form-item.error-9::after { content: "Por favor ingresa un número de documento válido."; color: red; font-size: 13px; padding-left: 40px; width: 100%; }

.data-update-form .form-item.error-9 .form-text { border-color: red !important; }

.data-update-form .form-item label { max-width: 385px; width: 100%; }

.data-update-form .form-item label.option.disabled-label { pointer-events: none; }

.data-update-form .form-item label.option.disabled-label::before { border-color: #bababa !important; }

.data-update-form .form-item + .form-item { margin-top: 25px; }

@media (max-width: 1281px) { .data-update-form .form-item + .form-item { margin-top: 25px; } }

@media (max-width: 1440px) { .data-update-form .form-item + .form-item { margin-top: 25px; } }

.data-update-form .form-item.js-form-item-check-comunication { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 50px; }

.data-update-form .form-item.js-form-item-check-comunication.js-form-type-checkbox label:not(.error)::after { background: #00a7aa; }

.data-update-form .form-item.js-form-item-check-comunication.js-form-type-checkbox label:not(.error)::before { border-color: #00a7aa; }

.data-update-form .form-item.js-form-item-check-comunication.js-form-type-checkbox label.option.disabled-label { pointer-events: none; }

.data-update-form .form-item.js-form-item-check-comunication label.option p { color: #000000; font-weight: 500; font-size: 20px; line-height: 30px; }

.data-update-form .form-item.js-form-item-check-comunication label.option::before, .data-update-form .form-item.js-form-item-check-comunication label.option::after { margin-top: 20px; }

.data-update-form .form-item.js-form-item-check-comunication input.disabled-js-checked { pointer-events: none; }

.data-update-form .form-item.js-form-item-cellphone-number.label-floated .error::before { position: absolute; content: "Por favor ingresa un número de celular válido."; display: block; left: 0; background: #f5f5f5; padding-right: 20px; padding-left: 30px; }

.data-update-form .form-item.js-form-item-cellphone-number.invalid-number { position: relative; min-height: 73px; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; }

.data-update-form .form-item.js-form-item-cellphone-number.invalid-number::after { color: red; position: absolute; content: "Por favor ingresa un número de celular válido."; display: block; left: 0; background: #f5f5f5; padding-right: 20px; padding-left: 30px; font-size: 13px; bottom: -1px; }

.data-update-form .form-item.js-form-item-cellphone-number.invalid-number input { border-color: red; }

.data-update-form .js-form-type-select label.error { position: static; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.data-update-form [data-drupal-selector="edit-container-comunication"] { padding: 20px 0 0 20px; }

.data-update-form [data-drupal-selector="edit-container-comunication"] .form-item { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.data-update-form [data-drupal-selector="edit-container-comunication"] .fieldset-wrapper { padding-top: 20px; }

.data-update-form [data-drupal-selector="edit-container-comunication"] .js-form-type-checkbox label:not(.error)::before { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #00a7aa; }

.data-update-form [data-drupal-selector="edit-container-comunication"] .js-form-type-checkbox label:not(.error)::after { background: #00a7aa; width: 34px; height: 34px; background-image: url(../img/check-2.svg); background-repeat: no-repeat; background-position: center; -moz-background-size: 20px; background-size: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; top: 0; left: 0; -webkit-clip-path: none; clip-path: none; }

.data-update-form [data-drupal-selector="edit-container-comunication"] label.option { color: #000; font-weight: 400; font-size: 16px; }

.data-update-form .form-item-ivadays label { max-width: none; }

.data-update-form .form-actions.js-form-wrapper { margin-bottom: 20px; margin-top: 20px; }

.data-update-form .form-actions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 20px; }

.data-update-form .form-actions .btn-siguiente.step-4 .form-submit { margin-top: 26px; }

.data-update-form .form-actions .btn-siguiente.step-4 .form-submit:disabled { cursor: auto; background-color: #bababa; border-color: #bababa; }

.data-update-form .form-actions .btn-siguiente.step-4.is-disabled .form-submit { cursor: auto; background-color: #bababa; border-color: #bababa; pointer-events: none; }

.data-update-form #edit-next { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; background-image: url(../img/arrow-circle-1.svg); background-repeat: no-repeat; background-position: -webkit-calc(100% - 7px) 50%; background-position: -moz-calc(100% - 7px) 50%; background-position: calc(100% - 7px) 50%; -moz-background-size: var(--arrow-circle-1-height); background-size: var(--arrow-circle-1-height); }

@media (max-width: 767px) { .data-update-form #edit-next { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.data-update-form #edit-next:hover { background-color: #1c8685; }

.data-update-form .form-submit { margin-top: 20px; }

@media (max-width: 767px) { .data-update-form .form-submit { max-width: none; } }

.data-update-form .form-item-validation label::before, .data-update-form .form-item-validation label::after { display: none !important; }

.data-update-form [id*="edit-conditions"] { padding-top: 25px; width: 100%; }

.data-update-form [id*="edit-conditions"] label { max-width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.data-update-form [id*="edit-conditions"] .form-item { min-height: 48px; }

.data-update-form [id*="edit-conditions"] .form-item + .form-item { margin-top: 10px; }

.data-update-form [id*="edit-conditions"] .js-form-type-checkbox label:not(.error)::before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.data-update-form [id*="edit-conditions"] .js-form-type-checkbox label:not(.error)::after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.data-update-form [id*="edit-conditions"] .form-item-conditions-publicity .link-term::after { content: none; }

.data-update-form .step-1.btn-continuar .form-submit:disabled { opacity: .5; }

.data-update-form .step-1.conditions .container-condition, .data-update-form .step-1.conditions .form-item-conditions-ivadays .agreement { padding-left: 30px; }

.data-update-form .update.text { font-size: -webkit-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); max-width: 480px; font-weight: 300; text-align: center; margin: 25px auto 0; }

@media (max-width: 767px) { .data-update-form .update.text { font-size: -webkit-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); } }

.data-update-form .update.text + .form-actions { margin-top: 20px; }

.data-update-form .step-2.btn-continuar .update.text { margin-top: 0; }

.data-update-form.error-med .update.text { position: relative; margin-top: 0; margin: 0; max-width: 100%; }

.data-update-form.error-med .update.text::before { content: "Selecciona un medio de contacto para recibir el código"; display: block; color: red; font-weight: 400; margin-bottom: 10px; }

.data-update-form.error-med .update.text > p { max-width: 480px; }

.data-update-form .container-condition { margin-top: 0 !important; }

.data-update-form .container-condition .js-form-type-checkbox { display: inline; padding-left: 0; }

.data-update-form .container-condition .js-form-type-checkbox label { display: inline; }

.data-update-form .container-condition .js-form-type-checkbox label::before { left: -40px; }

.data-update-form .container-condition .js-form-type-checkbox label::after { left: -30px; }

.data-update-form .container-condition label.error { top: 100%; display: block; max-width: none; white-space: nowrap; }

.data-update-form .container-condition .js-required { display: none; }

.data-update-form .link-term { color: red; position: relative; }

.data-update-form .link-term::after { content: " *"; position: absolute; top: 0; right: -10px; white-space: pre; }

.data-update-form [class*="form-item-code"] { margin: 60px auto 0; max-width: var(--form-field-1-width); width: 100%; }

.data-update-form [class*="form-item-code"] label:not(.error) { position: absolute; top: -30px; width: 100%; left: 0; height: auto; font-size: 16px; line-height: 20px; color: #262626; height: 40px; -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; }

.data-update-form [class*="form-item-code"].label-floated label { -webkit-transition: none; -moz-transition: none; transition: none; font-size: 16px; line-height: 20px; color: #262626; height: 40px; }

.data-update-form [class*="form-item-code"] input { text-align: center; }

.data-update-form .form-item-digital-ticket { margin-top: 0 !important; }

.data-update-form .form-item-digital-ticket label:not(.error) { color: #4b4b4b; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; }

.data-update-form fieldset[id^="edit-digital-ticket"] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 25px; padding-bottom: 0; height: auto; }

.data-update-form fieldset[id^="edit-digital-ticket"] label { width: auto; }

.data-update-form fieldset[id^="edit-digital-ticket"] label.error { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: transparent; }

.data-update-form fieldset[id^="edit-digital-ticket"] label.error::before { content: "Por favor seleccione una opción."; color: red; position: absolute; left: 30px; }

.data-update-form fieldset[id^="edit-digital-ticket"] .form-item + .form-item { margin-top: 0; }

.data-update-form fieldset[id^="edit-digital-ticket"] .fieldset-wrapper { position: relative; width: 100%; max-width: 100%; }

.data-update-form fieldset[id^="edit-digital-ticket"] .fieldset-wrapper > * { -ms-grid-columns: (70px)[2]; grid-template-columns: repeat(2, 70px); -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.data-update-form fieldset[id^="edit-digital-ticket"] legend { position: relative; width: 100%; padding-left: 25px; margin-bottom: 20px; text-align: left; white-space: nowrap; cursor: pointer; }

@media (min-width: 780px) and (max-width: 810px) { .data-update-form fieldset[id^="edit-digital-ticket"] legend { white-space: normal; padding-right: 0; } }

@media (max-width: 390px) { .data-update-form fieldset[id^="edit-digital-ticket"] legend { white-space: normal; padding-right: 0; } }

.data-update-form fieldset[id^="edit-digital-ticket"] legend::before { content: "?"; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #00a7aa; color: #fff; }

.data-update-form .field-radio-1 ~ .tirilla-tooltip { margin-top: -40px; z-index: 3; }

.data-update-form .resp_fiscal legend, .data-update-form .regim_contable legend { position: relative; width: 100%; margin-bottom: 20px; text-align: left; white-space: nowrap; cursor: pointer; }

.data-update-form .resp_fiscal legend span.fieldset-legend, .data-update-form .regim_contable legend span.fieldset-legend { margin-bottom: 0; }

@media (min-width: 780px) and (max-width: 810px) { .data-update-form .resp_fiscal legend, .data-update-form .regim_contable legend { white-space: normal; padding-right: 0; } }

@media (max-width: 390px) { .data-update-form .resp_fiscal legend, .data-update-form .regim_contable legend { white-space: normal; padding-right: 0; } }

.data-update-form fieldset.resp_fiscal, .data-update-form fieldset.regim_contable { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.data-update-form fieldset.resp_fiscal > .fieldset-wrapper, .data-update-form fieldset.regim_contable > .fieldset-wrapper { padding-left: 20px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.data-update-form fieldset.resp_fiscal > .fieldset-wrapper > div, .data-update-form fieldset.regim_contable > .fieldset-wrapper > div { padding-left: 120px; }

@media (max-width: 420px) { .data-update-form fieldset.resp_fiscal > .fieldset-wrapper > div, .data-update-form fieldset.regim_contable > .fieldset-wrapper > div { padding-left: 20px; } }

.data-update-form fieldset.resp_fiscal .fieldset-legend, .data-update-form fieldset.regim_contable .fieldset-legend { display: block; margin-bottom: 20px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; }

.data-update-form fieldset.resp_fiscal .js-form-type-radio label, .data-update-form fieldset.regim_contable .js-form-type-radio label { padding-left: 52px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; }

.data-update-form fieldset.resp_fiscal .js-form-type-radio label::before, .data-update-form fieldset.regim_contable .js-form-type-radio label::before { left: 10px; margin: auto 0; }

.data-update-form fieldset.resp_fiscal .js-form-type-radio label::after, .data-update-form fieldset.regim_contable .js-form-type-radio label::after { position: absolute; left: 0; margin-left: 0; }

.data-update-form fieldset.resp_fiscal .js-form-type-checkbox { padding-left: 52px; }

.data-update-form fieldset.resp_fiscal .js-form-type-checkbox label { color: #000; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; }

.data-update-form fieldset.resp_fiscal .js-form-type-checkbox label:not(.error)::before { border: 1px solid #25b0af; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.data-update-form fieldset.resp_fiscal .js-form-type-checkbox label:not(.error)::after { left: 0; top: 0; width: 32px; height: 32px; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-clip-path: none; clip-path: none; }

.data-update-form fieldset.resp_fiscal .js-form-type-checkbox .js-checked + label::after { background-image: url(../img/check-icon.svg); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; }

.data-update-form .location { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px; }

@media (max-width: 1281px) { .data-update-form .location { margin-top: 25px; } }

@media (max-width: 1440px) { .data-update-form .location { margin-top: 25px; } }

.data-update-form .location .form-item-address { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }

.data-update-form .location .form-item-department { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -moz-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 30px; }

.data-update-form .location .form-item-department .form-select[aria-invalid="false"] { border-color: #25b0af !important; }

@media (max-width: 768px) { .data-update-form .location .form-item-department { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; } }

.data-update-form .location .form-item-city { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -moz-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.data-update-form .location .form-item-city.hide, .data-update-form .location .form-item-city .form-item-city label { display: none; }

@media (max-width: 768px) { .data-update-form .location .form-item-city { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; } }

.data-update-form .form-item-department .form-select, .data-update-form .form-item-city .form-select { border-color: red; }

.data-update-form .form-item-department.is-valid > .form-select, .data-update-form .form-item-department .is-valid > .form-select, .data-update-form .form-item-city.is-valid > .form-select, .data-update-form .form-item-city .is-valid > .form-select { border-color: #25b0af !important; }

.data-update-form .form-item-department label::after, .data-update-form .form-item-city label::after { content: "*"; color: red; margin-left: 5px; }

.data-update-form .form-item-department label.error, .data-update-form .form-item-city label.error { font-size: 0; }

.data-update-form .form-item-department label.error:before, .data-update-form .form-item-city label.error:before { content: "Por favor seleccione una opción"; font-size: 13px; }

.data-update-form .form-item-number-document.hide-error label.error, .data-update-form .form-item-number-document.hide-error.error-9::after { display: none !important; }

.data-update-form .form-item-number-document.hide-error input { border-color: red; }

.data-update-form .form-item-number-document label.error { font-size: 0; }

.data-update-form .form-item-number-document label.error:before { content: "Por favor ingresa un número de documento válido."; font-size: 13px; }

.data-update-form .form-item-email input.is-invalid ~ label.error { color: transparent; display: block !important; min-height: 20px; }

.data-update-form .form-item-email input.is-invalid ~ label.error:before { content: "Por favor ingresa una dirección de correo electrónico válida."; font-size: 13px; color: red; position: absolute; width: 100%; }

.data-update-form .form-item-card { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.data-update-form .form-item-card label { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; color: #000000; }

.data-update-form .form-item-card label:not(.error)::before { border: 1px solid #25b0af; top: 9px; }

.data-update-form .form-item-card .js-checked + label::after { top: 17.5px; opacity: 1; width: 14px; height: 14px; left: 9.5px; background: #00a7aa; }

h3.red-step-end { text-align: center; color: red; margin-top: 40px; font-weight: 400; font-size: 22px; }

p.red-step-end { text-align: center; color: red; font-weight: 400; font-size: 22px; line-height: 35px; max-width: 496px; margin: 5px auto 0; }

.form-1--section.not-checked .js-form-item-conditions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form-1--section.not-checked .js-form-item-conditions::after { content: "Por favor acepta las condiciones."; color: red; font-size: 13px; padding-left: 10px; }

.form-1--section.not-checked .js-form-item-conditions.js-checked::after { display: none; }

.captcha { margin-top: var(--form-item-margin); }

.captcha .g-recaptcha { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; }

.captcha .form-item-captcha-response { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.captcha label { -webkit-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px) !important; -moz-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px) !important; transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px) !important; }

.captcha .field-prefix { position: absolute; top: 16px; left: var(--mixin-input-padding); }

.captcha .form-text { padding-left: 80px; text-indent: 10px; }

.captcha .description { margin-top: 8px; }

.btn-continuar.step-1 .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; background-image: url(../img/arrow-circle-1.svg); background-repeat: no-repeat; background-position: -webkit-calc(100% - 7px) 50%; background-position: -moz-calc(100% - 7px) 50%; background-position: calc(100% - 7px) 50%; -moz-background-size: var(--arrow-circle-1-height); background-size: var(--arrow-circle-1-height); }

@media (max-width: 767px) { .btn-continuar.step-1 .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-continuar.step-1 .form-submit:hover { background-color: #1c8685; }

.btn-continuar.step-2 .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .btn-continuar.step-2 .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-continuar.step-2 .form-submit:hover { background-color: #1c8685; }

.btn-actualizar .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: transparent; border: 1px solid #00A7AA; color: #25B0AF; font-weight: bold; letter-spacing: 0px; color: #00A7AA; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; transition: color .3s ease-in; }

@media (max-width: 767px) { .btn-actualizar .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-actualizar .form-submit:hover { color: #007577; border-color: #007577; }

.btn-reenviar .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: var(--form-field-1-width); width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: transparent; border: 1px solid #00A7AA; color: #25B0AF; font-weight: bold; letter-spacing: 0px; color: #00A7AA; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; transition: color .3s ease-in; margin-top: 16px; }

@media (max-width: 767px) { .btn-reenviar .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-reenviar .form-submit:hover { color: #007577; border-color: #007577; }

.btn-continuar .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .btn-continuar .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-continuar .form-submit:hover { background-color: #1c8685; }

.btn-ingresar .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: var(--form-field-1-width); width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .btn-ingresar .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-ingresar .form-submit:hover { background-color: #1c8685; }

.btn-regresar { /* .form-submit { @include button-2($max-width: 220px); &[value="Regresar"] { padding-left: 40px; background-image: url(../img/flecha-back-white.svg); background-repeat: no-repeat; background-position: 10px 50%; background-size: 40px auto; // margin-left: auto; @media (max-width: $mobile) { background-size: 23px auto; } } @media (max-width: $tablet-low-start) { max-width: none; } }*/ }

.btn-regresar .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); font-weight: bold; letter-spacing: 0; color: #262626; border: none; background: transparent; cursor: pointer; padding-left: 40px; background: url(../img/flecha-back.svg) no-repeat 0 50%/30px auto; text-decoration: none; margin-top: 32px; }

@media (max-width: 767px) { .btn-regresar .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-siguiente.step-4 .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; margin-top: var(--form-item-margin); background-image: url(../img/arrow-circle-1.svg); background-repeat: no-repeat; background-position: -webkit-calc(100% - 7px) 50%; background-position: -moz-calc(100% - 7px) 50%; background-position: calc(100% - 7px) 50%; -moz-background-size: var(--arrow-circle-1-height); background-size: var(--arrow-circle-1-height); }

@media (max-width: 767px) { .btn-siguiente.step-4 .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-siguiente.step-4 .form-submit:hover { background-color: #1c8685; }

.btn-inicio .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 240px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .btn-inicio .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-inicio .form-submit:hover { background-color: #1c8685; }

.btn-registrarse .form-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .btn-registrarse .form-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.btn-registrarse .form-submit:hover { background-color: #1c8685; }

.step-1 .message-top-title { font-size: -webkit-calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); font-size: calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); line-height: calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .step-1 .message-top-title { font-size: -webkit-calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); line-height: calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); } }

.step-1 .message-top-body-2 { font-size: -webkit-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .step-1 .message-top-body-2 { font-size: -webkit-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); } }

.step-2 .message-top-title { font-size: -webkit-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .step-2 .message-top-title { font-size: -webkit-calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); line-height: calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); } }

.step-2 .message-top-body-2 { font-size: -webkit-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .step-2 .message-top-body-2 { font-size: -webkit-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); } }

.step-3 .message-top-title, .step-5 .message-top-title { font-size: -webkit-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .step-3 .message-top-title, .step-5 .message-top-title { font-size: -webkit-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); } }

.step-3 .message-top-body-3, .step-5 .message-top-body-3 { font-weight: 400; }

@media (min-width: 768px) { .step-6 { padding-top: 40px; } }

@media (min-width: 900px) { .step-6 { padding-top: 100px; } }

h2.step-end.message-top-title::before { content: ""; display: block; margin: 5% auto 20px; width: 100px; height: 100px; background: url(../img/check-circle.svg) no-repeat 50% / 100px; }

h2.step-end.message-top-title span { text-transform: capitalize; }

.step-end.message-top-title { margin-top: 10px; }

@media (min-width: 1100px) { .step-end.message-top-title { margin-left: -40px; margin-right: -40px; } }

.step-end.message-top-title.text-danger, .step-end.message-top-title.text-success { font-size: 28px; line-height: 36px; font-weight: 400; max-width: 428px; margin: 0 auto; margin-top: 40px; }

.step-end.message-top-title.text-danger a, .step-end.message-top-title.text-success a { color: #367dca; }

@media (max-width: 767px) { .step-end.message-top-title.text-danger, .step-end.message-top-title.text-success { font-size: 24px; line-height: 28px; margin-top: 30px; } }

@media (max-width: 540px) { .step-end.message-top-title.text-danger, .step-end.message-top-title.text-success { font-size: 18px; line-height: 26px; } }

.step-end.message-top-title.text-danger { color: red; }

.step-end.message-top-title.text-success { color: #00a7aa; }

.form-base--section, .user-login-form, .user-pass { /*.form-text:valid ~ label,*/ /*.form-text:valid ~ label,*/ max-width: 550px; width: 100%; margin: 0 auto; }

.form-base--section .js-form-type-textfield, .user-login-form .js-form-type-textfield, .user-pass .js-form-type-textfield { position: relative; }

.form-base--section .js-form-type-textfield ::-webkit-input-placeholder, .user-login-form .js-form-type-textfield ::-webkit-input-placeholder, .user-pass .js-form-type-textfield ::-webkit-input-placeholder { color: transparent; }

.form-base--section .js-form-type-textfield ::-moz-placeholder, .user-login-form .js-form-type-textfield ::-moz-placeholder, .user-pass .js-form-type-textfield ::-moz-placeholder { color: transparent; }

.form-base--section .js-form-type-textfield :-ms-input-placeholder, .user-login-form .js-form-type-textfield :-ms-input-placeholder, .user-pass .js-form-type-textfield :-ms-input-placeholder { color: transparent; }

.form-base--section .js-form-type-textfield ::placeholder, .user-login-form .js-form-type-textfield ::placeholder, .user-pass .js-form-type-textfield ::placeholder { color: transparent; }

.form-base--section .js-form-type-textfield.label-floated .form-text ~ label, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label, .form-base--section .js-form-type-textfield.label-floated label, .form-base--section .js-form-type-textfield textarea:focus ~ label, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label, .user-login-form .js-form-type-textfield.label-floated label, .user-login-form .js-form-type-textfield textarea:focus ~ label, .user-pass .js-form-type-textfield.label-floated .form-text ~ label, .user-pass .js-form-type-textfield .form-text[disabled] ~ label, .user-pass .js-form-type-textfield.label-floated label, .user-pass .js-form-type-textfield textarea:focus ~ label { color: #303C42; cursor: pointer; -webkit-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); }

@media (max-width: 767px) { .form-base--section .js-form-type-textfield.label-floated .form-text ~ label, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label, .form-base--section .js-form-type-textfield.label-floated label, .form-base--section .js-form-type-textfield textarea:focus ~ label, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label, .user-login-form .js-form-type-textfield.label-floated label, .user-login-form .js-form-type-textfield textarea:focus ~ label, .user-pass .js-form-type-textfield.label-floated .form-text ~ label, .user-pass .js-form-type-textfield .form-text[disabled] ~ label, .user-pass .js-form-type-textfield.label-floated label, .user-pass .js-form-type-textfield textarea:focus ~ label { -webkit-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); } }

.form-base--section .js-form-type-textfield.label-floated .form-text ~ label::-webkit-input-placeholder, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label::-webkit-input-placeholder, .form-base--section .js-form-type-textfield.label-floated label::-webkit-input-placeholder, .form-base--section .js-form-type-textfield textarea:focus ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-textfield.label-floated label::-webkit-input-placeholder, .user-login-form .js-form-type-textfield textarea:focus ~ label::-webkit-input-placeholder, .user-pass .js-form-type-textfield.label-floated .form-text ~ label::-webkit-input-placeholder, .user-pass .js-form-type-textfield .form-text[disabled] ~ label::-webkit-input-placeholder, .user-pass .js-form-type-textfield.label-floated label::-webkit-input-placeholder, .user-pass .js-form-type-textfield textarea:focus ~ label::-webkit-input-placeholder { color: #000; }

.form-base--section .js-form-type-textfield.label-floated .form-text ~ label::-moz-placeholder, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label::-moz-placeholder, .form-base--section .js-form-type-textfield.label-floated label::-moz-placeholder, .form-base--section .js-form-type-textfield textarea:focus ~ label::-moz-placeholder, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label::-moz-placeholder, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label::-moz-placeholder, .user-login-form .js-form-type-textfield.label-floated label::-moz-placeholder, .user-login-form .js-form-type-textfield textarea:focus ~ label::-moz-placeholder, .user-pass .js-form-type-textfield.label-floated .form-text ~ label::-moz-placeholder, .user-pass .js-form-type-textfield .form-text[disabled] ~ label::-moz-placeholder, .user-pass .js-form-type-textfield.label-floated label::-moz-placeholder, .user-pass .js-form-type-textfield textarea:focus ~ label::-moz-placeholder { color: #000; }

.form-base--section .js-form-type-textfield.label-floated .form-text ~ label:-ms-input-placeholder, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label:-ms-input-placeholder, .form-base--section .js-form-type-textfield.label-floated label:-ms-input-placeholder, .form-base--section .js-form-type-textfield textarea:focus ~ label:-ms-input-placeholder, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label:-ms-input-placeholder, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label:-ms-input-placeholder, .user-login-form .js-form-type-textfield.label-floated label:-ms-input-placeholder, .user-login-form .js-form-type-textfield textarea:focus ~ label:-ms-input-placeholder, .user-pass .js-form-type-textfield.label-floated .form-text ~ label:-ms-input-placeholder, .user-pass .js-form-type-textfield .form-text[disabled] ~ label:-ms-input-placeholder, .user-pass .js-form-type-textfield.label-floated label:-ms-input-placeholder, .user-pass .js-form-type-textfield textarea:focus ~ label:-ms-input-placeholder { color: #000; }

.form-base--section .js-form-type-textfield.label-floated .form-text ~ label::placeholder, .form-base--section .js-form-type-textfield .form-text[disabled] ~ label::placeholder, .form-base--section .js-form-type-textfield.label-floated label::placeholder, .form-base--section .js-form-type-textfield textarea:focus ~ label::placeholder, .user-login-form .js-form-type-textfield.label-floated .form-text ~ label::placeholder, .user-login-form .js-form-type-textfield .form-text[disabled] ~ label::placeholder, .user-login-form .js-form-type-textfield.label-floated label::placeholder, .user-login-form .js-form-type-textfield textarea:focus ~ label::placeholder, .user-pass .js-form-type-textfield.label-floated .form-text ~ label::placeholder, .user-pass .js-form-type-textfield .form-text[disabled] ~ label::placeholder, .user-pass .js-form-type-textfield.label-floated label::placeholder, .user-pass .js-form-type-textfield textarea:focus ~ label::placeholder { color: #000; }

.form-base--section .form-text, .user-login-form .form-text, .user-pass .form-text { width: 100%; }

.form-base--section .js-form-type-textfield label, .user-login-form .js-form-type-textfield label, .user-pass .js-form-type-textfield label { font-style: normal; font-weight: normal; position: absolute; top: 15px; left: 30px; color: #6C7680; cursor: text; margin: 0; -webkit-transform: perspective(100px); -moz-transform: perspective(100px); transform: perspective(100px); text-overflow: ellipsis; pointer-events: none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (max-width: 767px) { .form-base--section .js-form-type-textfield label, .user-login-form .js-form-type-textfield label, .user-pass .js-form-type-textfield label { top: 5px; left: var(--mixin-input-padding); } }

.form-base--section .js-form-type-textfield label, .form-base--section .js-form-type-textfield [type="text"], .form-base--section .js-form-type-textfield [type="email"], .form-base--section .js-form-type-textfield [type="tel"], .form-base--section .js-form-type-textfield [type="search"], .user-login-form .js-form-type-textfield label, .user-login-form .js-form-type-textfield [type="text"], .user-login-form .js-form-type-textfield [type="email"], .user-login-form .js-form-type-textfield [type="tel"], .user-login-form .js-form-type-textfield [type="search"], .user-pass .js-form-type-textfield label, .user-pass .js-form-type-textfield [type="text"], .user-pass .js-form-type-textfield [type="email"], .user-pass .js-form-type-textfield [type="tel"], .user-pass .js-form-type-textfield [type="search"] { font-weight: normal; font-size: 16px; line-height: 150%; }

.form-base--section .js-form-type-textfield [type="text"]:focus, .form-base--section .js-form-type-textfield [type="email"]:focus, .form-base--section .js-form-type-textfield [type="tel"]:focus, .form-base--section .js-form-type-textfield [type="search"]:focus, .form-base--section .js-form-type-textfield textarea:focus, .form-base--section .js-form-type-textfield select:focus, .user-login-form .js-form-type-textfield [type="text"]:focus, .user-login-form .js-form-type-textfield [type="email"]:focus, .user-login-form .js-form-type-textfield [type="tel"]:focus, .user-login-form .js-form-type-textfield [type="search"]:focus, .user-login-form .js-form-type-textfield textarea:focus, .user-login-form .js-form-type-textfield select:focus, .user-pass .js-form-type-textfield [type="text"]:focus, .user-pass .js-form-type-textfield [type="email"]:focus, .user-pass .js-form-type-textfield [type="tel"]:focus, .user-pass .js-form-type-textfield [type="search"]:focus, .user-pass .js-form-type-textfield textarea:focus, .user-pass .js-form-type-textfield select:focus { background-color: #fff; }

.form-base--section .js-form-type-textfield select, .user-login-form .js-form-type-textfield select, .user-pass .js-form-type-textfield select { display: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #303C42; color: rgba(48, 60, 66, 0); text-shadow: 0 0 0 #303C42; position: relative; left: -7px; height: 37px; }

.form-base--section .js-form-type-textfield select::-ms-expand, .user-login-form .js-form-type-textfield select::-ms-expand, .user-pass .js-form-type-textfield select::-ms-expand { display: none; }

.form-base--section .js-form-type-email, .user-login-form .js-form-type-email, .user-pass .js-form-type-email { position: relative; }

.form-base--section .js-form-type-email ::-webkit-input-placeholder, .user-login-form .js-form-type-email ::-webkit-input-placeholder, .user-pass .js-form-type-email ::-webkit-input-placeholder { color: transparent; }

.form-base--section .js-form-type-email ::-moz-placeholder, .user-login-form .js-form-type-email ::-moz-placeholder, .user-pass .js-form-type-email ::-moz-placeholder { color: transparent; }

.form-base--section .js-form-type-email :-ms-input-placeholder, .user-login-form .js-form-type-email :-ms-input-placeholder, .user-pass .js-form-type-email :-ms-input-placeholder { color: transparent; }

.form-base--section .js-form-type-email ::placeholder, .user-login-form .js-form-type-email ::placeholder, .user-pass .js-form-type-email ::placeholder { color: transparent; }

.form-base--section .js-form-type-email.label-floated .form-email ~ label, .form-base--section .js-form-type-email .form-email[disabled] ~ label, .form-base--section .js-form-type-email.label-floated label, .form-base--section .js-form-type-email textarea:focus ~ label, .user-login-form .js-form-type-email.label-floated .form-email ~ label, .user-login-form .js-form-type-email .form-email[disabled] ~ label, .user-login-form .js-form-type-email.label-floated label, .user-login-form .js-form-type-email textarea:focus ~ label, .user-pass .js-form-type-email.label-floated .form-email ~ label, .user-pass .js-form-type-email .form-email[disabled] ~ label, .user-pass .js-form-type-email.label-floated label, .user-pass .js-form-type-email textarea:focus ~ label { color: #303C42; cursor: pointer; -webkit-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-2.28125em) scale(0.75) perspective(100px) translateZ(0.001px); }

@media (max-width: 767px) { .form-base--section .js-form-type-email.label-floated .form-email ~ label, .form-base--section .js-form-type-email .form-email[disabled] ~ label, .form-base--section .js-form-type-email.label-floated label, .form-base--section .js-form-type-email textarea:focus ~ label, .user-login-form .js-form-type-email.label-floated .form-email ~ label, .user-login-form .js-form-type-email .form-email[disabled] ~ label, .user-login-form .js-form-type-email.label-floated label, .user-login-form .js-form-type-email textarea:focus ~ label, .user-pass .js-form-type-email.label-floated .form-email ~ label, .user-pass .js-form-type-email .form-email[disabled] ~ label, .user-pass .js-form-type-email.label-floated label, .user-pass .js-form-type-email textarea:focus ~ label { -webkit-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); -moz-transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); transform: translateY(-1.5em) scale(0.75) perspective(100px) translateZ(0.001px); } }

.form-base--section .js-form-type-email.label-floated .form-email ~ label::-webkit-input-placeholder, .form-base--section .js-form-type-email .form-email[disabled] ~ label::-webkit-input-placeholder, .form-base--section .js-form-type-email.label-floated label::-webkit-input-placeholder, .form-base--section .js-form-type-email textarea:focus ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-email.label-floated .form-email ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-email .form-email[disabled] ~ label::-webkit-input-placeholder, .user-login-form .js-form-type-email.label-floated label::-webkit-input-placeholder, .user-login-form .js-form-type-email textarea:focus ~ label::-webkit-input-placeholder, .user-pass .js-form-type-email.label-floated .form-email ~ label::-webkit-input-placeholder, .user-pass .js-form-type-email .form-email[disabled] ~ label::-webkit-input-placeholder, .user-pass .js-form-type-email.label-floated label::-webkit-input-placeholder, .user-pass .js-form-type-email textarea:focus ~ label::-webkit-input-placeholder { color: #000; }

.form-base--section .js-form-type-email.label-floated .form-email ~ label::-moz-placeholder, .form-base--section .js-form-type-email .form-email[disabled] ~ label::-moz-placeholder, .form-base--section .js-form-type-email.label-floated label::-moz-placeholder, .form-base--section .js-form-type-email textarea:focus ~ label::-moz-placeholder, .user-login-form .js-form-type-email.label-floated .form-email ~ label::-moz-placeholder, .user-login-form .js-form-type-email .form-email[disabled] ~ label::-moz-placeholder, .user-login-form .js-form-type-email.label-floated label::-moz-placeholder, .user-login-form .js-form-type-email textarea:focus ~ label::-moz-placeholder, .user-pass .js-form-type-email.label-floated .form-email ~ label::-moz-placeholder, .user-pass .js-form-type-email .form-email[disabled] ~ label::-moz-placeholder, .user-pass .js-form-type-email.label-floated label::-moz-placeholder, .user-pass .js-form-type-email textarea:focus ~ label::-moz-placeholder { color: #000; }

.form-base--section .js-form-type-email.label-floated .form-email ~ label:-ms-input-placeholder, .form-base--section .js-form-type-email .form-email[disabled] ~ label:-ms-input-placeholder, .form-base--section .js-form-type-email.label-floated label:-ms-input-placeholder, .form-base--section .js-form-type-email textarea:focus ~ label:-ms-input-placeholder, .user-login-form .js-form-type-email.label-floated .form-email ~ label:-ms-input-placeholder, .user-login-form .js-form-type-email .form-email[disabled] ~ label:-ms-input-placeholder, .user-login-form .js-form-type-email.label-floated label:-ms-input-placeholder, .user-login-form .js-form-type-email textarea:focus ~ label:-ms-input-placeholder, .user-pass .js-form-type-email.label-floated .form-email ~ label:-ms-input-placeholder, .user-pass .js-form-type-email .form-email[disabled] ~ label:-ms-input-placeholder, .user-pass .js-form-type-email.label-floated label:-ms-input-placeholder, .user-pass .js-form-type-email textarea:focus ~ label:-ms-input-placeholder { color: #000; }

.form-base--section .js-form-type-email.label-floated .form-email ~ label::placeholder, .form-base--section .js-form-type-email .form-email[disabled] ~ label::placeholder, .form-base--section .js-form-type-email.label-floated label::placeholder, .form-base--section .js-form-type-email textarea:focus ~ label::placeholder, .user-login-form .js-form-type-email.label-floated .form-email ~ label::placeholder, .user-login-form .js-form-type-email .form-email[disabled] ~ label::placeholder, .user-login-form .js-form-type-email.label-floated label::placeholder, .user-login-form .js-form-type-email textarea:focus ~ label::placeholder, .user-pass .js-form-type-email.label-floated .form-email ~ label::placeholder, .user-pass .js-form-type-email .form-email[disabled] ~ label::placeholder, .user-pass .js-form-type-email.label-floated label::placeholder, .user-pass .js-form-type-email textarea:focus ~ label::placeholder { color: #000; }

.form-base--section .form-email, .user-login-form .form-email, .user-pass .form-email { width: 100%; }

.form-base--section .js-form-type-email label, .user-login-form .js-form-type-email label, .user-pass .js-form-type-email label { font-style: normal; font-weight: normal; position: absolute; top: 15px; left: 30px; color: #6C7680; cursor: text; margin: 0; -webkit-transform: perspective(100px); -moz-transform: perspective(100px); transform: perspective(100px); text-overflow: ellipsis; pointer-events: none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (max-width: 767px) { .form-base--section .js-form-type-email label, .user-login-form .js-form-type-email label, .user-pass .js-form-type-email label { top: 5px; left: var(--mixin-input-padding); } }

.form-base--section .js-form-type-email label, .form-base--section .js-form-type-email [type="text"], .form-base--section .js-form-type-email [type="email"], .form-base--section .js-form-type-email [type="tel"], .form-base--section .js-form-type-email [type="search"], .user-login-form .js-form-type-email label, .user-login-form .js-form-type-email [type="text"], .user-login-form .js-form-type-email [type="email"], .user-login-form .js-form-type-email [type="tel"], .user-login-form .js-form-type-email [type="search"], .user-pass .js-form-type-email label, .user-pass .js-form-type-email [type="text"], .user-pass .js-form-type-email [type="email"], .user-pass .js-form-type-email [type="tel"], .user-pass .js-form-type-email [type="search"] { font-weight: normal; font-size: 16px; line-height: 150%; }

.form-base--section .js-form-type-email [type="text"]:focus, .form-base--section .js-form-type-email [type="email"]:focus, .form-base--section .js-form-type-email [type="tel"]:focus, .form-base--section .js-form-type-email [type="search"]:focus, .form-base--section .js-form-type-email textarea:focus, .form-base--section .js-form-type-email select:focus, .user-login-form .js-form-type-email [type="text"]:focus, .user-login-form .js-form-type-email [type="email"]:focus, .user-login-form .js-form-type-email [type="tel"]:focus, .user-login-form .js-form-type-email [type="search"]:focus, .user-login-form .js-form-type-email textarea:focus, .user-login-form .js-form-type-email select:focus, .user-pass .js-form-type-email [type="text"]:focus, .user-pass .js-form-type-email [type="email"]:focus, .user-pass .js-form-type-email [type="tel"]:focus, .user-pass .js-form-type-email [type="search"]:focus, .user-pass .js-form-type-email textarea:focus, .user-pass .js-form-type-email select:focus { background-color: #fff; }

.form-base--section .js-form-type-email select, .user-login-form .js-form-type-email select, .user-pass .js-form-type-email select { display: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #303C42; color: rgba(48, 60, 66, 0); text-shadow: 0 0 0 #303C42; position: relative; left: -7px; height: 37px; }

.form-base--section .js-form-type-email select::-ms-expand, .user-login-form .js-form-type-email select::-ms-expand, .user-pass .js-form-type-email select::-ms-expand { display: none; }

@media (max-width: 1281px) { .form-base--section, .user-login-form, .user-pass { max-width: 530px; } }

@media (max-width: 1440px) { .form-base--section, .user-login-form, .user-pass { max-width: 471px; } }

.form-base--section form, .user-login-form form, .user-pass form { display: -ms-grid; display: grid; grid-row-gap: 44px; }

.form-base--section .captcha, .user-login-form .captcha, .user-pass .captcha { margin: 0; }

.form-base--section .g-recaptcha, .user-login-form .g-recaptcha, .user-pass .g-recaptcha { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; }

.form-base--section .form-item + .form-item, .user-login-form .form-item + .form-item, .user-pass .form-item + .form-item { margin-top: var(--form-item-margin); }

@media (max-width: 1281px) { .form-base--section .form-item + .form-item, .user-login-form .form-item + .form-item, .user-pass .form-item + .form-item { margin-top: 25px; } }

@media (max-width: 1440px) { .form-base--section .form-item + .form-item, .user-login-form .form-item + .form-item, .user-pass .form-item + .form-item { margin-top: 25px; } }

.form-base--section .form-item-code label, .user-login-form .form-item-code label, .user-pass .form-item-code label { display: block; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; }

.form-base--section .form-item, .user-login-form .form-item, .user-pass .form-item { width: 100%; }

.form-base--section .js-form-type-radio, .user-login-form .js-form-type-radio, .user-pass .js-form-type-radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; /* .item-content { max-width: 323px; width: 100%; }*/ }

.form-base--section .js-form-type-radio label, .user-login-form .js-form-type-radio label, .user-pass .js-form-type-radio label { max-width: 385px; width: 100%; }

.form-base--section .form-submit, .user-login-form .form-submit, .user-pass .form-submit { margin: var(--form-item-margin) auto 0; }

.form-container-intro { font-size: 18px; line-height: 20px; color: #262626; }

.form-base-top p, .form-base-bottom p { line-height: 20px; text-align: center; color: #262626; }

.form-base-top p { padding: 70px 0 28px; font-weight: 300; font-size: 20px; }

.form-base-bottom p { font-size: -webkit-calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (23 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (23 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (23 - 21) * ((100vw - 768px) / (1920 - 768))); padding-top: 28px; font-weight: 400; }

@media (max-width: 767px) { .form-base-bottom p { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

.form-base-bottom p a { color: inherit; text-decoration: underline; }

.form-1--section .message-top-title { font-size: -webkit-calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); font-size: calc(40px + (50 - 40) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); line-height: calc(45px + (55 - 45) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .form-1--section .message-top-title { font-size: -webkit-calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); line-height: calc(25px + (45 - 25) * ((100vw - 320px) / (767 - 320))); } }

.form-1--section .message-top-body-2 { font-size: -webkit-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); line-height: calc(23px + (27 - 23) * ((100vw - 768px) / (1920 - 768))); font-size: 22px; }

@media (max-width: 767px) { .form-1--section .message-top-body-2 { font-size: -webkit-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (22 - 19) * ((100vw - 320px) / (767 - 320))); } }

.form-1--section.form-base--section .form-submit { margin-top: 0; }

@media (min-width: 1440px) { .form-1--section .form-actions input { margin: 0 auto 0; } }

.form-1--section .container-condition { margin-top: 25px; }

.form-1--section .container-condition .js-form-type-checkbox { display: inline; padding-left: 0; }

.form-1--section .container-condition .js-form-type-checkbox label { display: inline; }

.form-1--section .container-condition .js-form-type-checkbox label::before { left: -40px; }

.form-1--section .container-condition .js-form-type-checkbox label::after { left: -30px; }

.form-1--section .container-condition .js-required { display: none; }

.form-1--section .link-term { color: red; position: relative; }

.form-1--section .link-term::after { content: " *"; position: absolute; top: 0; right: -10px; white-space: pre; }

.form-item-email.js-form-item-email { margin-top: 25px; }

fieldset.resp_fiscal.natural, fieldset.regim_contable.natural { display: none !important; }

.form-2--section .js-form-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-2--section .js-form-item label { max-width: 385px; width: 100%; }

.form-2--section .js-form-type-radio label::after { display: none; }

.form-2--section .form-actions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-2--section .form-submit { margin-top: 20px; }

.form-2--section .form-submit#edit-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .form-2--section .form-submit#edit-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-2--section .form-submit#edit-submit:hover { background-color: #1c8685; }

.form-2--section .form-submit#edit-submit-review { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: transparent; border: 1px solid #00A7AA; color: #25B0AF; font-weight: bold; letter-spacing: 0px; color: #00A7AA; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; transition: color .3s ease-in; }

@media (max-width: 767px) { .form-2--section .form-submit#edit-submit-review { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-2--section .form-submit#edit-submit-review:hover { color: #007577; border-color: #007577; }

@media (max-width: 767px) { .form-2--section .form-submit { max-width: none; } }

.form-2--section .message-top-title { font-size: -webkit-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .form-2--section .message-top-title { font-size: -webkit-calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); line-height: calc(23px + (33 - 23) * ((100vw - 320px) / (767 - 320))); } }

.form-2--section .message-top-body-2 { font-size: -webkit-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); max-width: 480px; font-weight: 400; margin: 0 auto; }

@media (max-width: 767px) { .form-2--section .message-top-body-2 { font-size: -webkit-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); } }

.form-2--section .update.text { font-size: -webkit-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (20 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (25 - 25) * ((100vw - 768px) / (1920 - 768))); max-width: 480px; font-weight: 300; text-align: center; margin: 25px auto 0; }

@media (max-width: 767px) { .form-2--section .update.text { font-size: -webkit-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (25 - 19) * ((100vw - 320px) / (767 - 320))); } }

.form-2--section .update.text + .form-actions { margin-top: 20px; }

.form-3--section { /* display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* #edit-submit-resend, #edit-submit { @include button-2($max-width: 215px, $padding: 0, $background: #8F5DB2); // grid-row: 3 / 4; }*/ }

.form-3--section .message-top-title { font-size: -webkit-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); font-size: calc(28px + (43 - 28) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); line-height: calc(33px + (48 - 33) * ((100vw - 768px) / (1920 - 768))); }

@media (max-width: 767px) { .form-3--section .message-top-title { font-size: -webkit-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); line-height: calc(23px + (38 - 23) * ((100vw - 320px) / (767 - 320))); } }

.form-3--section .message-top-body-3 { font-weight: 400; }

.form-3--section .form-item { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-3--section .form-item input { max-width: var(--form-field-1-width); }

.form-3--section .form-item-code { margin-top: 60px; max-width: var(--form-field-1-width); width: 100%; }

.form-3--section .form-item-code label { position: absolute; top: -30px; width: 100%; left: 0; height: auto; font-size: 16px; line-height: 20px; color: #262626; height: 40px; -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; }

.form-3--section .form-item-code.label-floated label { -webkit-transition: none; -moz-transition: none; transition: none; font-size: 16px; line-height: 20px; color: #262626; height: 40px; }

.form-3--section .form-item-code input { text-align: center; }

.form-3--section #edit-submit-resend { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: var(--form-field-1-width); width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: transparent; border: 1px solid #00A7AA; color: #25B0AF; font-weight: bold; letter-spacing: 0px; color: #00A7AA; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; transition: color .3s ease-in; margin-top: 16px; }

@media (max-width: 767px) { .form-3--section #edit-submit-resend { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-3--section #edit-submit-resend:hover { color: #007577; border-color: #007577; }

.form-3--section #edit-submit { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: var(--form-field-1-width); width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .form-3--section #edit-submit { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-3--section #edit-submit:hover { background-color: #1c8685; }

.form-3--section #edit-submit-review { margin-top: 32px; }

.form-3--section .form-actions { grid-column: 1 / 3; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-4-section .form-actions { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.form-4-section .button-back { margin-left: auto; }

.form-4-section .link-term { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 215px; width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #8F5DB2; border: 1px solid #8F5DB2; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; justify-self: center; }

@media (max-width: 767px) { .form-4-section .link-term { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-4-section .link-term:hover { background-color: #754795; }

.form-4-section #edit-submit-resend { grid-column: 1 / 2; margin-right: 0; }

.form-4-section #edit-submit { grid-column: 2 / 3; margin-left: 0; }

.form-5-section .form-actions { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; }

@media (max-width: 481px) { .form-5-section .form-actions { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

.form-5-section .button { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 220px; width: 100%; height: var(--mixin-button-2-height); padding: 0 30px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #25B0AF; border: 1px solid #25B0AF; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; }

@media (max-width: 767px) { .form-5-section .button { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-5-section .button:hover { background-color: #1c8685; }

.form-5-section .button[value="Regresar"] { padding-left: 40px; background-image: url(../img/flecha-back-white.svg); background-repeat: no-repeat; background-position: 10px 50%; -moz-background-size: 40px auto; background-size: 40px auto; }

@media (max-width: 480px) { .form-5-section .button[value="Regresar"] { -moz-background-size: 23px auto; background-size: 23px auto; } }

@media (max-width: 481px) { .form-5-section .button { max-width: none; } }

.form-base--actualizacion-datos-0 .form-item-digital-ticket { margin-top: 0 !important; }

.form-base--actualizacion-datos-0 #edit-digital-ticket--wrapper { margin-top: 25px; }

.form-base--actualizacion-datos-0 #edit-digital-ticket--wrapper legend { position: relative; padding-left: 25px; text-align: left; white-space: nowrap; cursor: pointer; }

@media (min-width: 780px) and (max-width: 810px) { .form-base--actualizacion-datos-0 #edit-digital-ticket--wrapper legend { white-space: normal; padding-right: 0; } }

@media (max-width: 390px) { .form-base--actualizacion-datos-0 #edit-digital-ticket--wrapper legend { white-space: normal; padding-right: 0; } }

.form-base--actualizacion-datos-0 #edit-digital-ticket--wrapper legend::before { content: "?"; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #00A7AA; color: #fff; }

.form-data-update { margin-top: 245px; }

.form-data-update .form-actions { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 20px; }

.form-data-update .link-term { font-size: -webkit-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); font-size: calc(20px + (25 - 20) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1920 - 768))); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 215px; width: 100%; height: var(--mixin-button-2-height); padding: 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background: #8F5DB2; border: 1px solid #8F5DB2; font-weight: bold; letter-spacing: 0px; color: #fff; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in; justify-self: center; }

@media (max-width: 767px) { .form-data-update .link-term { font-size: -webkit-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (767 - 320))); } }

.form-data-update .link-term:hover { background-color: #754795; }

@media (max-width: 767px) { .form-data-update { margin: 0; } }

.user-login-form .js-form-item .form-text, .user-pass .js-form-item .form-text { margin-top: 12px; }

.user-login-form p, .user-pass p { color: #7E7E7E; margin-top: 12px; }

.user-login-form .js-form-type-textfield label, .user-pass .js-form-type-textfield label { position: unset; color: black; }

.user-login-form .description, .user-pass .description { margin-top: 12px; color: #7E7E7E; }

.page-hero-image .layout-content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; padding: 0 16px; min-height: 34vw; }

@media (max-width: 767px) { .page-hero-image .layout-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.page-hero-image .hero-image-1--section { grid-column: 1 / 2; }

@media (max-width: 767px) { .page-hero-image .hero-image--section { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.page-hero-image .header-main, .page-hero-image #block-system-main-block, .page-hero-image .form-base--section, .page-hero-image .form-base-top, .page-hero-image .form-base-bottom { grid-column: 2 / 3; }

@media (max-width: 767px) { .page-hero-image .header-main, .page-hero-image #block-system-main-block, .page-hero-image .form-base--section, .page-hero-image .form-base-top, .page-hero-image .form-base-bottom { grid-column: 1 / 2; width: 100%; } }

@media (max-width: 767px) { .page-hero-image #block-system-main-block { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (max-width: 767px) { .page-hero-image .form-base-bottom { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

.page-hero-image .header-main { -ms-grid-column: 1; grid-column: 1; }

@media (min-width: 1441px) { .page-hero-image #block-system-main-block { margin: 20px 0 auto 33px; } }

.page-hero-image #geometry-1, .page-hero-image .geometry-img:nth-of-type(1) { right: 0; bottom: -10px; max-width: 24vw; }

.page-hero-image #geometry-2, .page-hero-image .geometry-img:nth-of-type(2) { top: -30px; bottom: 40%; max-width: 25vw; }

.page-hero-image #geometry-3, .page-hero-image .geometry-img:nth-of-type(3) { right: 60%; bottom: 0; max-width: 23vw; }

@media (min-width: 768px) { .page-hero-image #geometry-1, .page-hero-image .geometry-img:nth-of-type(1) { right: 0; bottom: -10px; max-width: 14vw; }
  .page-hero-image #geometry-2, .page-hero-image .geometry-img:nth-of-type(2) { top: auto; right: -60px; bottom: 40%; max-width: 19vw; }
  .page-hero-image #geometry-3, .page-hero-image .geometry-img:nth-of-type(3) { right: 60%; bottom: 0; max-width: 13vw; } }

@media (min-width: 1280px) { .page-hero-image #geometry-2, .page-hero-image .geometry-img:nth-of-type(2) { top: auto; right: -104px; bottom: 40%; max-width: 14vw; } }

.success-page h2.message-top-title::before { content: ""; display: block; margin: 0 auto 20px; width: 100px; height: 100px; background: url(../img/check-circle.svg) no-repeat 50% / 100px; }

.success-page h2.message-top-title span { text-transform: capitalize; }

@media (min-width: 976px) { .success-page #block-system-main-block { position: relative; }
  .success-page .container-autentication-message, .success-page #data-update-errorcodeform { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 714px; width: 100%; margin-top: 43%; margin-bottom: 50%; } }

.development-menu { display: none; position: fixed; top: 0; left: 0; z-index: 88; padding: 20px 10px; background: #25B0AF; }

.development-menu li { list-style: none; margin-bottom: 8px; }

.development-menu a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 35px; color: #333; font-weight: bold; font-size: 14px; text-decoration: none; background: #fff; }

.safari #edit-gender--wrapper legend { display: none; }

.safari #edit-gender--wrapper::before { font-size: -webkit-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: -moz-calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))); line-height: -webkit-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: -moz-calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); line-height: calc(21px + (25 - 21) * ((100vw - 768px) / (1920 - 768))); content: "Género"; font-weight: bold; padding: 0 60px; }

@media (max-width: 767px) { .safari #edit-gender--wrapper::before { font-size: -webkit-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: -moz-calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (767 - 320))); line-height: -webkit-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: -moz-calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); line-height: calc(19px + (21 - 19) * ((100vw - 320px) / (767 - 320))); } }

@media (max-width: 767px) { .safari #edit-gender--wrapper::before { padding: 0 20px 0 0; text-align: left; } }

@media (max-width: 768px) { .safari .container-interest-two .js-form-type-checkbox label { font-size: 11px; }
  .safari .container-interest-two > .fieldset-wrapper { padding-bottom: 0; }
  .safari .container-interest-two > .fieldset-wrapper .form-checkboxes { margin-bottom: 70px; } }

@media (max-width: 480px) { .safari .form-3--section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .safari .form-3--section #edit-submit-resend, .safari .form-3--section #edit-submit { margin-left: auto; margin-right: auto; }
  .safari .form-3--section .form-actions { width: 100%; }
  .safari .field-radio-1 .fieldset-wrapper { width: 52.9%; } }

.ff .data-update-form .container-condition label.error { top: -webkit-calc(100% + 20px); top: -moz-calc(100% + 20px); top: calc(100% + 20px); }