@charset "UTF-8";

/* para el scroll top */

#btnScrollToTop {
    display: none;
    bottom: 20px;        
    right: 20px;        
    z-index: 1000;        
    display: none;       
    cursor: pointer;    
    position: fixed;    
    background-color: transparent transparent transparent;    
    color: rgb(206, 199, 199);    
    border: solid transparent;
    border-radius: 10%;    
    padding: 5px 5px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 200;
}
#btnScrollToTop:hover {
    background-color: #cea63a;
}
/* scroll top */

/* ESTA PARTE ES DEL ICONO DE WHATSAPP  desde qui hasta el final*/

.floating-wpp {
    position: fixed;
    bottom: 45px;
    left: 5px;
    font-size: 14px;
    transition: bottom .2s;
    z-index: 99999
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
    transition: box-shadow .2s;
    cursor: pointer;
    overflow: hidden
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%
}

.floating-wpp:hover {
    bottom: 17px
}

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.4)
}

.floating-wpp .floating-wpp-popup {
    border-radius: 6px;
    background-color: #e5ddd5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width: 0;
    height: 0;
    bottom: 0;
    opacity: 0;
    transition: bottom .1s ease-out, opacity .2s ease-out;
    transform-origin: bottom
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 82px;
    opacity: 1
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: white;
    padding: 8px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity .2s
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: .2s
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 10px -15px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.floating-wpp .floating-wpp-input-message {
    background-color: white;
    margin: 10px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer
}

.floating-wpp-avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 10px 0 10px 10px
}

.floating-wpp-avatar-info {
    color: white;
    margin: 10px 80px 0 10px;
    text-align: left
}

.floating-wpp-avatar-name {
    font-weight: bold;
    font-size: 16px
}

/* ESTA PARTE ES SOLO ARA EL MOVIMIENTO DEL ICONO DE WHATSAPP */

a {
    text-decoration: none;
    color: #ecf0f1
}

.acerca_img {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    animation: jittery 3s infinite;
    cursor: pointer;
    position: fixed;
    transition: .2s ease-in-out;
    margin: 2rem
}

.acerca_img:hover {
    animation: heartbeat .2s infinite
}

.acerca_img:nth-of-type(1) {
    color: none
}

.acerca_img:nth-of-type(2) {
    color: none
}

@keyframes jittery {

    5%,
    50% {
        transform: scale(1)
    }

    10% {
        transform: scale(.9)
    }

    15% {
        transform: scale(1.15)
    }

    20% {
        transform: scale(1.15) rotate(-5deg)
    }

    25% {
        transform: scale(1.15) rotate(5deg)
    }

    30% {
        transform: scale(1.15) rotate(-3deg)
    }

    35% {
        transform: scale(1.15) rotate(2deg)
    }

    40% {
        transform: scale(1.15) rotate(0)
    }
}

/* ESTA PARTE ES DEL ICONO DE WHATSAPP*/

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/woff2/material-icons-8265f647.woff2) format("woff2"), url(/assets/woff/material-icons-fd84f88b.woff) format("woff")
}

@font-face {
    font-family: Material Icons Outlined;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/woff2/material-icons-outlined-35dca8a7.woff2) format("woff2"), url(/assets/woff/material-icons-outlined-8e94758c.woff) format("woff")
}

*,
*:before,
*:after {
    box-sizing: border-box
}

* {
    padding: 0;
    margin: 0;
    color: inherit
}

*:before,
*:after {
    padding: 0;
    margin: 0
}

html {
    height: 100%
}

#app {
    position: relative;
    z-index: 1;
    height: 100%
}

body {
    height: 100%;
    margin: 0;
    font-family: DM Sans, sans-serif;
    color: #1d1e20;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    font-family: DM Sans, sans-serif;
    background-color: #fff;
    border: none;
    outline: none;
    box-shadow: none
}

label[for] {
    cursor: pointer
}

@keyframes spin-51ddc078 {
    to {
        transform: rotate(360deg)
    }
}

.block-background {
    position: absolute;
        /* Cambiado a "fixed" para cubrir toda la pantalla */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13;
    overflow: hidden;
    background-color: var(--background-color);
    transition: background-color .3s ease-in-out, height 1ms linear 999s;
}

.block-layout {
    z-index: 14;
    display: grid;
    grid-template-rows: var(--grid-template-rows);
    grid-template-columns: var(--grid-template-columns);
    width: 100%;
    max-width: var(--142fb9e6);
    min-height: var(--block-min-height);
    margin: 0 auto
}

@media screen and (max-width:991px) {
    .block-layout--layout {
        grid-template-rows: var(--m-grid-template-rows);
        grid-template-columns: var(--m-grid-template-columns);
        max-width: var(--49cbbb0f);
        min-height: var(--m-block-min-height);
        padding: var(--804b95de)
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .block-layout--layout {
        grid-template-rows: var(--small-desktop-grid-template-rows);
        min-height: var(--small-desktop-block-min-height)
    }
}

@media (max-width: 320px) {
    .block-header__content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .block-header__content img {
        max-width: 100%;
        height: auto;
    }

    .ai-builder-editor__content {
        padding: 10px;
    }

    .preview__content {
        padding: 10px;
    }

    header.block-header {
        padding: 10px;
    }
}

@media screen and (min-width:375px) and (max-width:991px) {
    .block-layout--layout {
        grid-template-rows: var(--t-grid-template-rows);
        min-height: var(--t-block-min-height);
        padding: var(--728879d5)
    }
}

.layout-element {
    position: relative;
    left: var(--left);
    z-index: var(--hidden-element-z-index, var(--z-index));
    display: grid;
    grid-row: var(--grid-row);
    grid-column: var(--grid-column);
    width: var(--element-width, 100%);
    height: var(--element-height, 100%);
    text-align: var(--text)
}

@media screen and (max-width:991px) {
    .layout-element {
        z-index: var(--m-hidden-element-z-index, var(--z-index));
        text-align: var(--m-text, var(--text))
    }

    .layout-element--layout {
        grid-row: var(--m-grid-row);
        grid-column: var(--m-grid-column)
    }
}

[data-v-5b27dff6]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

@media screen and (max-width:991px) {

    @keyframes loading-5b27dff6 {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }
}

@keyframes loading-5b27dff6 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:991px) {

    @keyframes loading-5b27dff6 {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }
}

[data-v-b6576945]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.input[data-v-b6576945] {
    font-size: var(--input-text-size, var(--body-font-size))
}

.input__component[data-v-b6576945] {
    width: 100%;
    height: var(--input-height);
    padding: 16px;
    font-family: var(--form-font-family, var(--body-font-family));
    font-size: var(--input-text-size, var(--body-font-size));
    font-weight: var(--form-font-weight, var(--body-font-weight));
    color: var(--input-text-color, var(--body-color));
    background-color: var(--input-fill-color, #dadce0);
    border-color: var(--input-border-color, #1d1e20);
    border-style: solid;
    border-width: var(--input-border-width, 0);
    border-radius: var(--input-border-radius, 0);
    outline: none;
    transition: color ease .2s, border-color ease .2s, background-color ease .2s
}

.input__component[data-v-b6576945]::-moz-placeholder {
    font-family: var(--form-font-family, var(--body-font-family));
    font-size: var(--input-text-size, 14px);
    color: var(--input-text-color, #727586);
    opacity: .5;
    -moz-transition: color ease .2s;
    transition: color ease .2s
}

.input__component[data-v-b6576945]::placeholder {
    font-family: var(--form-font-family, var(--body-font-family));
    font-size: var(--input-text-size, 14px);
    color: var(--input-text-color, #727586);
    opacity: .5;
    transition: color ease .2s
}

.input__component[data-v-b6576945]:hover,
.input__component[data-v-b6576945]:focus {
    color: var(--input-text-color--hover, var(--body-color));
    background-color: var(--input-fill-color--hover, #dadce0);
    border-color: var(--input-border-color--hover, #1d1e20)
}

.input__component[data-v-b6576945]:hover::-moz-placeholder,
.input__component[data-v-b6576945]:focus::-moz-placeholder {
    color: var(--input-text-color--hover, #727586)
}

.input__component[data-v-b6576945]:hover::placeholder,
.input__component[data-v-b6576945]:focus::placeholder {
    color: var(--input-text-color--hover, #727586)
}

.input__component--dark[data-v-b6576945] {
    background-color: var(--input-fill-color, rgba(242, 243, 246, .6))
}

.input__component--dark[data-v-b6576945]::-moz-placeholder {
    color: var(--input-text-color, #36344d)
}

.input__component--dark[data-v-b6576945]::placeholder {
    color: var(--input-text-color, #36344d)
}

.input__component--dark[data-v-b6576945]:hover,
.input__component--dark[data-v-b6576945]:focus {
    background-color: var(--input-fill-color--hover, rgba(242, 243, 246, .6))
}

.input__component--dark[data-v-b6576945]:hover::-moz-placeholder,
.input__component--dark[data-v-b6576945]:focus::-moz-placeholder {
    color: var(--input-text-color--hover, #36344d)
}

.input__component--dark[data-v-b6576945]:hover::placeholder,
.input__component--dark[data-v-b6576945]:focus::placeholder {
    color: var(--input-text-color--hover, #36344d)
}

.input__component--textarea[data-v-b6576945] {
    min-height: 96px;
    overflow: auto;
    resize: vertical
}

.input__label[data-v-b6576945] {
    font-size: var(--label-text-size, var(--body-font-size));
    color: var(--label-text-color, #1d1e20)
}

@media screen and (max-width:991px) {
    .input__component[data-v-b6576945] {
        font-size: var(--m-input-text-size, var(--body-m-font-size))
    }

    .input__component[data-v-b6576945]::-moz-placeholder {
        font-size: var(--m-input-text-size, 14px)
    }

    .input__component[data-v-b6576945]::placeholder {
        font-size: var(--m-input-text-size, 14px)
    }

    .input__label[data-v-b6576945] {
        font-size: var(--m-label-text-size, var(--body-m-font-size))
    }
}

[data-v-426a228c]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.form[data-v-426a228c] {
    position: relative;
    display: grid;
    flex: var(--form-flex);
    grid-gap: var(--form-spacing);
    padding: var(--form-padding, var(--grid-item-inner-padding));
    overflow: hidden;
    font-family: var(--form-font-family, var(--body-font-family));
    font-style: var(--body-font-style);
    font-weight: var(--form-font-weight, var(--body-font-weight));
    line-height: var(--body-line-height);
    -webkit-text-decoration: var(--body-text-decoration);
    text-decoration: var(--body-text-decoration);
    text-transform: var(--body-text-transform);
    letter-spacing: var(--body-letter-spacing);
    background: linear-gradient(rgba(29, 30, 32, var(--gridItemInnerBackgroundOverlayOpacity, 0)), rgba(29, 30, 32, var(--gridItemInnerBackgroundOverlayOpacity, 0))), var(--form-background-color, var(--grid-item-inner-background));
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: var(--form-border-width) solid var(--form-border-color, #1d1e20);
    border-radius: var(--form-border-radius)
}

.form__control[data-v-426a228c] {
    display: grid;
    grid-gap: var(--form-elements-vertical-spacing, 22px);
    align-self: center
}

@media screen and (max-width:991px) {

    .form__control[data-v-426a228c] {
        grid-gap: var(--m-form-elements-vertical-spacing, 22px)
    }
}

[data-v-877eb5c1]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.image[data-v-877eb5c1] {
    overflow: var(--overflow, hidden);
    border-radius: var(--border-radius)
}

.image--grid[data-v-877eb5c1] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .image--grid[data-v-877eb5c1] {
        width: var(--51db6971);
        max-width: 100%;
        height: var(--654e2124)
    }
}

.image__image[data-v-877eb5c1] {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.image__image[data-v-877eb5c1] {
    width: 100%;
    height: 100%
}

@media screen and (max-width:375px) {
    .image[data-v-877eb5c1] {
        width: var(--2b4cce78);
        max-width: 100%;
        height: var(--46d4479e)
    }
         /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

[data-v-e7c16c47]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.image[data-v-e7c16c47] {
    -webkit-user-select: auto;
    user-select: auto
}

@keyframes blink-8ece2404 {
    0% {
        background-position: 0% 53%
    }

    50% {
        background-position: 100% 48%
    }

    to {
        background-position: 0% 53%
    }
}

@keyframes blink {
    0% {
        background-position: 0% 53%
    }

    50% {
        background-position: 100% 48%
    }

    to {
        background-position: 0% 53%
    }
}

@keyframes placeholder-shimmer-3b334315 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(50%, 0, 0)
    }
}

[data-v-db746e32]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.social-icons[data-v-db746e32] {
    display: flex;
    flex-direction: var(--icon-direction);
    justify-content: var(--icon-spacing, start);
    max-height: 100%;
    padding: 10px;
    padding: var(--gridItemInnerPadding);
    background: var(--gridItemInnerBackground);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.social-icons__link[data-v-db746e32] {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: var(--icon-color, black);
    transition: color .2s ease
}

.social-icons__link[data-v-db746e32]:not(:last-child) {
    padding-right: var(--icon-padding-horizontal);
    padding-bottom: var(--icon-padding-vertical)
}

.social-icons__link[data-v-db746e32]:hover {
    color: var(--icon-color-hover, #727586)
}

.social-icons__link[data-v-db746e32] svg {
    width: var(--icon-size, 25px);
    height: var(--icon-size, 25px);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:991px) {
    .social-icons[data-v-db746e32] {
        flex-direction: var(--m-icon-direction)
    }

    .social-icons__link[data-v-db746e32]:not(:last-child) {
        padding-right: var(--m-icon-padding-horizontal, var(--icon-padding-horizontal));
        padding-bottom: var(--m-icon-padding-vertical, var(--icon-padding-vertical))
    }
}

.text-box h1 {
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-style: var(--h1-font-style);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    color: var(--h1-color);
    -webkit-text-decoration: var(--h1-text-decoration);
    text-decoration: var(--h1-text-decoration);
    text-transform: var(--h1-text-transform);
    letter-spacing: var(--h1-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box h1 {
        font-family: var(--h1-m-font-family, var(--h1-font-family));
        font-size: var(--h1-m-font-size, var(--h1-font-size));
        font-style: var(--h1-m-font-style, var(--h1-font-style));
        font-weight: var(--h1-m-font-weight, var(--h1-font-weight));
        line-height: var(--h1-m-line-height, var(--h1-line-height));
        color: var(--h1-m-color, var(--h1-color));
        -webkit-text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration));
        text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration));
        text-transform: var(--h1-m-text-transform, var(--h1-text-transform));
        letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing))
    }
}

.text-box h2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    font-style: var(--h2-font-style);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
    color: var(--h2-color);
    -webkit-text-decoration: var(--h2-text-decoration);
    text-decoration: var(--h2-text-decoration);
    text-transform: var(--h2-text-transform);
    letter-spacing: var(--h2-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box h2 {
        font-family: var(--h2-m-font-family, var(--h2-font-family));
        font-size: var(--h2-m-font-size, var(--h2-font-size));
        font-style: var(--h2-m-font-style, var(--h2-font-style));
        font-weight: var(--h2-m-font-weight, var(--h2-font-weight));
        line-height: var(--h2-m-line-height, var(--h2-line-height));
        color: var(--h2-m-color, var(--h2-color));
        -webkit-text-decoration: var(--h2-m-text-decoration, var(--h2-text-decoration));
        text-decoration: var(--h2-m-text-decoration, var(--h2-text-decoration));
        text-transform: var(--h2-m-text-transform, var(--h2-text-transform));
        letter-spacing: var(--h2-m-letter-spacing, var(--h2-letter-spacing))
    }
}

.text-box h3 {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-style: var(--h3-font-style);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    color: var(--h3-color);
    -webkit-text-decoration: var(--h3-text-decoration);
    text-decoration: var(--h3-text-decoration);
    text-transform: var(--h3-text-transform);
    letter-spacing: var(--h3-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box h3 {
        font-family: var(--h3-m-font-family, var(--h3-font-family));
        font-size: var(--h3-m-font-size, var(--h3-font-size));
        font-style: var(--h3-m-font-style, var(--h3-font-style));
        font-weight: var(--h3-m-font-weight, var(--h3-font-weight));
        line-height: var(--h3-m-line-height, var(--h3-line-height));
        color: var(--h3-m-color, var(--h3-color));
        -webkit-text-decoration: var(--h3-m-text-decoration, var(--h3-text-decoration));
        text-decoration: var(--h3-m-text-decoration, var(--h3-text-decoration));
        text-transform: var(--h3-m-text-transform, var(--h3-text-transform));
        letter-spacing: var(--h3-m-letter-spacing, var(--h3-letter-spacing))
    }
}

.text-box h5 {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-style: var(--h5-font-style);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    color: var(--h5-color);
    -webkit-text-decoration: var(--h5-text-decoration);
    text-decoration: var(--h5-text-decoration);
    text-transform: var(--h5-text-transform);
    letter-spacing: var(--h5-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box h5 {
        font-family: var(--h5-m-font-family, var(--h5-font-family));
        font-size: var(--h5-m-font-size, var(--h5-font-size));
        font-style: var(--h5-m-font-style, var(--h5-font-style));
        font-weight: var(--h5-m-font-weight, var(--h5-font-weight));
        line-height: var(--h5-m-line-height, var(--h5-line-height));
        color: var(--h5-m-color, var(--h5-color));
        -webkit-text-decoration: var(--h5-m-text-decoration, var(--h5-text-decoration));
        text-decoration: var(--h5-m-text-decoration, var(--h5-text-decoration));
        text-transform: var(--h5-m-text-transform, var(--h5-text-transform));
        letter-spacing: var(--h5-m-letter-spacing, var(--h5-letter-spacing))
    }
}

.text-box h6 {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-style: var(--h6-font-style);
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
    color: var(--h6-color);
    -webkit-text-decoration: var(--h6-text-decoration);
    text-decoration: var(--h6-text-decoration);
    text-transform: var(--h6-text-transform);
    letter-spacing: var(--h6-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box h6 {
        font-family: var(--h6-m-font-family, var(--h6-font-family));
        font-size: var(--h6-m-font-size, var(--h6-font-size));
        font-style: var(--h6-m-font-style, var(--h6-font-style));
        font-weight: var(--h6-m-font-weight, var(--h6-font-weight));
        line-height: var(--h6-m-line-height, var(--h6-line-height));
        color: var(--h6-m-color, var(--h6-color));
        -webkit-text-decoration: var(--h6-m-text-decoration, var(--h6-text-decoration));
        text-decoration: var(--h6-m-text-decoration, var(--h6-text-decoration));
        text-transform: var(--h6-m-text-transform, var(--h6-text-transform));
        letter-spacing: var(--h6-m-letter-spacing, var(--h6-letter-spacing))
    }
}

.text-box .body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-style: var(--body-font-style);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    -webkit-text-decoration: var(--body-text-decoration);
    text-decoration: var(--body-text-decoration);
    text-transform: var(--body-text-transform);
    letter-spacing: var(--body-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box .body {
        font-family: var(--body-m-font-family, var(--body-font-family));
        font-size: var(--body-m-font-size, var(--body-font-size));
        font-style: var(--body-m-font-style, var(--body-font-style));
        font-weight: var(--body-m-font-weight, var(--body-font-weight));
        line-height: var(--body-m-line-height, var(--body-line-height));
        color: var(--body-m-color, var(--body-color));
        -webkit-text-decoration: var(--body-m-text-decoration, var(--body-text-decoration));
        text-decoration: var(--body-m-text-decoration, var(--body-text-decoration));
        text-transform: var(--body-m-text-transform, var(--body-text-transform));
        letter-spacing: var(--body-m-letter-spacing, var(--body-letter-spacing))
    }
}

.text-box .button {
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    line-height: var(--button-line-height);
    color: var(--button-color);
    -webkit-text-decoration: var(--button-text-decoration);
    text-decoration: var(--button-text-decoration);
    text-transform: var(--button-text-transform);
    letter-spacing: var(--button-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box .button {
        font-family: var(--button-m-font-family, var(--button-font-family));
        font-size: var(--button-m-font-size, var(--button-font-size));
        font-style: var(--button-m-font-style, var(--button-font-style));
        font-weight: var(--button-m-font-weight, var(--button-font-weight));
        line-height: var(--button-m-line-height, var(--button-line-height));
        color: var(--button-m-color, var(--button-color));
        -webkit-text-decoration: var(--button-m-text-decoration, var(--button-text-decoration));
        text-decoration: var(--button-m-text-decoration, var(--button-text-decoration));
        text-transform: var(--button-m-text-transform, var(--button-text-transform));
        letter-spacing: var(--button-m-letter-spacing, var(--button-letter-spacing))
    }
}

.text-box .link {
    font-family: var(--link-font-family);
    font-size: var(--link-font-size);
    font-style: var(--link-font-style);
    font-weight: var(--link-font-weight);
    line-height: var(--link-line-height);
    color: var(--link-color);
    -webkit-text-decoration: var(--link-text-decoration);
    text-decoration: var(--link-text-decoration);
    text-transform: var(--link-text-transform);
    letter-spacing: var(--link-letter-spacing)
}

@media screen and (max-width:991px) {
    .text-box .link {
        font-family: var(--link-m-font-family, var(--link-font-family));
        font-size: var(--link-m-font-size, var(--link-font-size));
        font-style: var(--link-m-font-style, var(--link-font-style));
        font-weight: var(--link-m-font-weight, var(--link-font-weight));
        line-height: var(--link-m-line-height, var(--link-line-height));
        color: var(--link-m-color, var(--link-color));
        -webkit-text-decoration: var(--link-m-text-decoration, var(--link-text-decoration));
        text-decoration: var(--link-m-text-decoration, var(--link-text-decoration));
        text-transform: var(--link-m-text-transform, var(--link-text-transform));
        letter-spacing: var(--link-m-letter-spacing, var(--link-letter-spacing))
    }
}

.text-box {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-wrap: break-word;
    white-space: --whiteSpace;
    background-color: var(--backgroundColor);
    outline: none
}

.text-box h1 {
    margin-bottom: 48px
}

.text-box h1:last-child {
    margin-bottom: 0
}

.text-box h2,
.text-box h3,
.text-box .body {
    margin-bottom: 32px
}

.text-box h2:last-child,
.text-box h3:last-child,
.text-box .body:last-child {
    margin-bottom: 0
}

.text-box h5 {
    margin-bottom: 16px
}

.text-box h5:last-child {
    margin-bottom: 0
}

.text-box h6 {
    margin-bottom: 8px
}

.text-box h6:last-child {
    margin-bottom: 0
}

.text-box h1 {
    font-size: var(--fontSizeDesktop, var(--h1-font-size));
    line-height: var(--lineHeightDesktop, var(--h1-line-height))
}

.text-box h2 {
    font-size: var(--fontSizeDesktop, var(--h2-font-size));
    line-height: var(--lineHeightDesktop, var(--h2-line-height))
}

.text-box h3 {
    font-size: var(--fontSizeDesktop, var(--h3-font-size));
    line-height: var(--lineHeightDesktop, var(--h3-line-height))
}

.text-box h5 {
    font-size: var(--fontSizeDesktop, var(--h5-font-size));
    line-height: var(--lineHeightDesktop, var(--h5-line-height))
}

.text-box h6 {
    font-size: var(--fontSizeDesktop, var(--h6-font-size));
    line-height: var(--lineHeightDesktop, var(--h6-line-height))
}

.text-box .body {
    font-size: var(--fontSizeDesktop, var(--body-font-size));
    line-height: var(--lineHeightDesktop, var(--body-line-height))
}

.text-box span {
    font-size: var(--fontSizeDesktop)
}

.text-box ol,
.text-box ul {
    padding-left: 40px
}

.text-box>p:empty:after {
    content: " "
}

@media screen and (max-width:991px) {
    .text-box h1 {
        margin-bottom: 48px
    }

    .text-box h1:last-child {
        margin-bottom: 0
    }

    .text-box h2,
    .text-box h3,
    .text-box .body {
        margin-bottom: 32px
    }

    .text-box h2:last-child,
    .text-box h3:last-child,
    .text-box .body:last-child {
        margin-bottom: 0
    }

    .text-box h5 {
        margin-bottom: 16px
    }

    .text-box h5:last-child {
        margin-bottom: 0
    }

    .text-box h6 {
        margin-bottom: 8px
    }

    .text-box h6:last-child {
        margin-bottom: 0
    }

    .text-box h1 {
        font-size: var(--fontSizeMobile, var(--h1-m-font-size));
        line-height: var(--lineHeightMobile, var(--h1-line-height))
    }

    .text-box h2 {
        font-size: var(--fontSizeMobile, var(--h2-m-font-size));
        line-height: var(--lineHeightMobile, var(--h2-line-height))
    }

    .text-box h3 {
        font-size: var(--fontSizeMobile, var(--h3-m-font-size));
        line-height: var(--lineHeightMobile, var(--h3-line-height))
    }

    .text-box h5 {
        font-size: var(--fontSizeMobile, var(--h5-m-font-size));
        line-height: var(--lineHeightMobile, var(--h5-line-height))
    }

    .text-box h6 {
        font-size: var(--fontSizeMobile, var(--h6-font-size));
        line-height: var(--lineHeightMobile, var(--h6-line-height))
    }

    .text-box .body {
        font-size: var(--fontSizeMobile, var(--body-m-font-size));
        line-height: var(--lineHeightMobile, var(--body-line-height))
    }

    .text-box span {
        font-size: var(--fontSizeMobile)
    }
}

[data-v-3ad78d6f]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.layout-element {
    grid-template-columns: 100%
}

.layout-element__component {
    grid-area: 1/1/-1/-1;
    align-self: start
}

@media screen and (max-width:375px) {
         /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

.layout-element__component--GridTextBox *:empty:after {
    white-space: pre;
    content: "\a"
}

@media screen and (max-width:375px) {
    /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

[data-v-9c9d65e9]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.layout-element[data-v-9c9d65e9] {
    pointer-events: all;
    cursor: move
}

.layout-element__component[data-v-9c9d65e9] {
    overflow: var(--overflow, hidden)
}

.layout-element__component--GridSocialIcons.layout-element__component--GridSocialIcons[data-v-9c9d65e9] {
    max-height: -moz-fit-content;
    max-height: fit-content
}

.layout-element__slot[data-v-9c9d65e9] {
    display: grid;
    grid-area: 1/1/-1/-1;
    visibility: visible
}

.layout-element[data-v-9c9d65e9]:not(.is-highlighted) .layout-element__component * {
    pointer-events: visible
}

.layout-element[data-v-9c9d65e9]:not(.is-active-element-present):hover {
    -webkit-user-select: text;
    user-select: text
}

.layout-element:not(.is-active-element-present):hover .layout-element__slot[data-v-9c9d65e9] {
    visibility: visible
}

.layout-element--controls-disabled[data-v-9c9d65e9] {
    cursor: auto
}

[data-v-f75f940d]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.block-layout-container[data-v-f75f940d] {
    position: relative;
    z-index: 14
}

.block-layout[data-v-f75f940d],
.block-layout__element[data-v-f75f940d] {
    position: relative
}

@keyframes shine-c0f30deb {
    to {
        background-position-x: -200%
    }
}

@keyframes shine-56d737b7 {
    to {
        background-position-x: -200%
    }
}

[data-v-b1d914d3]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.block[data-v-b1d914d3] {
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    width: 100%;
    padding-top: var(--header-height, 0);
    margin-top: calc(-1 * var(--header-height, 0))
}

.block[data-v-b1d914d3] {
    position: relative;
    grid-area: 1/1/-1/-1;
    height: var(--block-height-on-resize, -moz-fit-content);
    height: var(--block-height-on-resize, fit-content)
}

.block[data-v-b1d914d3]:not(:last-child) {
    margin-bottom: -1px
}

@media screen and (width <=420px) {
         /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

@media screen and (width <=420px) {
         /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

.flag {
    position: relative;
    width: 20px;
    overflow: hidden;
    border-radius: 2px
}

.site {
    position: relative;
    display: flex
}

.site>.link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 366px;
    height: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.57;
    color: #727586;
    letter-spacing: .7px;
    background: #fff
}

@keyframes appear-5c89fc20 {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes pulse-56a70b49 {
    0% {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }

    40% {
        box-shadow: 0 4px #727586;
        transform: translateY(0)
    }

    60% {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }

    to {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }
}

@keyframes pulse2-56a70b49 {
    0% {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }

    30% {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }

    60% {
        box-shadow: 0 4px #727586;
        transform: translateY(0)
    }

    80% {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }

    to {
        box-shadow: 0 8px #727586;
        transform: translateY(-4px)
    }
}

@keyframes checkmark-stroke-51e58043 {
    0% {
        stroke-dashoffset: 400;
        opacity: 1;
        scale: 1
    }

    50% {
        scale: 2
    }

    to {
        stroke-dashoffset: 0;
        opacity: 1;
        scale: 1
    }
}

@media screen and (height <=800px) {
         /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

@keyframes spin-74f31423 {
    to {
        transform: rotate(392deg)
    }
}

@keyframes expand-87fd9320 {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(1)
    }
}

@keyframes shake-c0f9ca72 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(6deg)
    }

    50% {
        transform: rotate(-6deg)
    }

    75% {
        transform: rotate(3deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes horizontal-pulse-fb495770 {
    0% {
        transform: translate(-2px) rotate(90deg)
    }

    to {
        transform: translate(2px) rotate(90deg)
    }
}

[data-v-6aa2a64c]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13;
    display: block;
    background-color: var(--background-color);
    transition: background-color .3s ease-in-out
}

@keyframes expand-ee55214b {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(1)
    }
}

[data-v-fb585256]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.block-header-logo[data-v-fb585256] {
    width: 100%;
    max-width: var(--width);
    height: var(--height, auto);
    cursor: pointer
}

.block-header-logo__image[data-v-fb585256] {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: var(--object-position);
    object-position: var(--object-position)
}

@media screen and (max-width:991px) {
    .block-header-logo[data-v-fb585256] {
        max-width: var(--m-width, var(--width));
        height: var(--m-height, auto)
    }

    .block-header-logo__image[data-v-fb585256] {
        -o-object-position: var(--m-object-position);
        object-position: var(--m-object-position)
    }
}

[data-v-8a24e8aa]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.block-header[data-v-8a24e8aa] {
    position: relative;
    z-index: 16;
    display: grid;
    grid-area: 1/1/-1/-1;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    width: 100%;
    transition: box-shadow .15s linear
}

.block-header__content[data-v-8a24e8aa] {
    z-index: 16;
    display: grid;
    grid-area: 1/1/-1/-1;
    grid-template-columns: var(--navigation-grid-template-columns);
    align-items: center;
    width: 100%;
    max-width: var(--width, 1200px);
    padding: var(--padding, 24px 0);
    margin: 0 auto
}

.block-header__logo[data-v-8a24e8aa] {
    display: inline-flex;
    grid-row: var(--logo-grid-row);
    grid-column: var(--logo-grid-column);
    align-self: center;
    justify-self: var(--logo-justify-self);
    margin: var(--logo-spacing)
}

/* @media screen and (max-width:991px) {
    .block-header__content[data-v-8a24e8aa] {
        position: relative;
        grid-template-columns: var(--m-navigation-grid-template-columns);
        padding: var(--m-padding, var(--padding))
    }

    .block-header__social-icons[data-v-8a24e8aa] {
        display: var(--20cc2549);
        justify-content: var(--4111f382);
        margin-left: 0
    }

    .block-header__social-icons--mobile[data-v-8a24e8aa] {
        display: inline-flex;
        padding: 8px 0
    }

    .block-header__burger[data-v-8a24e8aa] {
        display: block;
        grid-row: var(--m-links-grid-row);
        grid-column: var(--m-links-grid-column);
        justify-self: var(--m-navigation-justify-self);
        text-align: var(--m-navigation-text-align)
    }

    .block-header__burger--m-with-cart[data-v-8a24e8aa] {
        grid-row: 1/3;
        grid-column: 1/3;
        justify-self: flex-start
    }

    .block-header__cart[data-v-8a24e8aa] {
        margin: 0
    }

    .block-header__logo[data-v-8a24e8aa] {
        grid-row: var(--m-logo-grid-row);
        grid-column: var(--m-logo-grid-column);
        justify-self: var(--m-logo-justify-self);
        margin: var(--m-logo-spacing)
    }

    .block-header__logo--m-with-cart[data-v-8a24e8aa] {
        grid-row: 1/3;
        grid-column: 2/3;
        justify-self: flex-start
    }

    .block-header__nav[data-v-8a24e8aa] {
        grid-row: auto;
        grid-column: auto
    } */

    /* .block-header__links[data-v-8a24e8aa] {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: grid;
        grid-gap: var(--m-menu-item-spacing, 16px) 0;
        justify-self: var(--m-navigation-justify-self);
        width: auto;
        height: 0;
        max-height: 450px;
        padding: var(--m-menu-item-spacing, 16px) var(--padding-left) var(--m-menu-item-spacing, 16px) var(--padding-right);
        margin: 0;
        overflow-y: auto;
        text-align: var(--m-navigation-text-align);
        pointer-events: visible;
        background: linear-gradient(rgba(29, 30, 32, var(--background-overlay-opacity, 0)), rgba(29, 30, 32, var(--background-overlay-opacity, 0))), var(--mobile-background) no-repeat top;
        background-size: cover;
        box-shadow: 0 6px 14px -14px #0000001a;
        opacity: 0;
        transform: translateY(-1em);
        transition-timing-function: cubic-bezier(.45, 0, .1, 1);
        transition-duration: .2s;
        transition-property: opacity, transform
    }

    .block-header__links--open[data-v-8a24e8aa] {
        height: auto;
        pointer-events: auto;
        opacity: 1;
        transform: translate(0);
        transition-timing-function: cubic-bezier(.45, 0, .1, 1);
        transition-duration: .2s;
        transition-property: opacity, transform
    }

    .block-header[data-v-8a24e8aa] .block-header__links .item-content-wrapper {
        display: grid
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .block-header-item__dropdown {
        align-items: flex-end;
        padding-right: calc(var(--padding-right) + 16px)
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .item-content-wrapper {
        grid-template-columns: 1fr auto
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .item-content-wrapper>.item-content {
        grid-column: 3/4
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .item-content-wrapper>.item-content__icon-container-wrapper {
        grid-row: 1;
        grid-column: 2/3;
        margin-right: 8px;
        margin-left: 0
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .language-switcher>.language-switcher__button {
        justify-content: flex-end
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-right .language-switcher>.language-switcher__dropdown-area>.language-switcher__dropdown>.language-switcher__dropdown-link {
        justify-content: flex-end
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .block-header-item__dropdown {
        align-items: flex-start;
        padding-left: calc(var(--padding-right) + 16px)
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .item-content-wrapper {
        grid-template-columns: auto 1fr auto
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .item-content-wrapper>.item-content {
        grid-column: 1/2
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .item-content-wrapper>.item-content__icon-container-wrapper {
        grid-column: 2/3;
        align-self: start
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .language-switcher>.language-switcher__button {
        justify-content: flex-start
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-left .language-switcher>.language-switcher__dropdown-area>.language-switcher__dropdown>.language-switcher__dropdown-link {
        justify-content: flex-start
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .block-header-item__dropdown {
        align-items: center
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .item-content-wrapper {
        grid-template-columns: 1fr auto 1fr
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .item-content-wrapper>.item-content {
        grid-column: 2/3
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .item-content-wrapper>.item-content__icon-container-wrapper {
        grid-column: 3/4
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .language-switcher>.language-switcher__button {
        justify-content: center;
        margin-left: 30px
    }

    .block-header[data-v-8a24e8aa] .block-header__links.block-header__links--align-center .language-switcher>.language-switcher__dropdown-area>.language-switcher__dropdown>.language-switcher__dropdown-link {
        justify-content: center
    }

    .block-header[data-v-8a24e8aa] :deep(.item-content-wrapper) {
        display: grid
    } 
}*/

[data-v-cb2a9e58]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.preview[data-v-cb2a9e58] {
    position: relative;
    min-height: calc(100vh - 50px)
}

.preview__content[data-v-cb2a9e58] {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    -webkit-user-select: auto;
    user-select: auto
}

:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.builder {
    display: flex;
    width: 100vw;
    height: 100vh
}

@keyframes scale-a3a4e4c4 {
    0% {
        scale: .3
    }

    80% {
        scale: 1.1
    }

    to {
        scale: 1
    }
}

[data-v-a96a5b1f]:root {
    --color-meteorite-dark: #2f1c6a;
    --color-meteorite: #8c85ff;
    --color-meteorite-light: #d5dfff;
    --color-primary-dark: #5025d1;
    --color-primary: #673de6;
    --color-primary-light: #ebe4ff;
    --color-danger-dark: #d63163;
    --color-danger: #fc5185;
    --color-danger-light: #ffe8ef;
    --color-warning-dark: #fea419;
    --color-warning: #ffcd35;
    --color-warning-light: #fff8e2;
    --color-success-dark: #008361;
    --color-success: #00b090;
    --color-success-light: #def4f0;
    --color-dark: #1d1e20;
    --color-gray-dark: #36344d;
    --color-gray: #727586;
    --color-gray-border: #dadce0;
    --color-gray-light: #f2f3f6;
    --color-light: #fff;
    --color-azure: #357df9;
    --color-azure-light: #e3ebf9;
    --color-azure-dark: #265ab2
}

.app[data-v-a96a5b1f] {
    height: 100%
}

/* Estilos para tamaños de pantalla más pequeños, como dispositivos móviles */
@media (max-width: 767px) {

    /* Ajusta el relleno del bloque */
    .block[data-block-id="zP_qkl"] {
        --m-block-padding: 20px;
        /* Ajusta el valor según tus preferencias */
    }

    /* Ajusta el ancho del bloque de dirección de correo electrónico */
    .layout-element[data-element-id="zQuGq6"] {
        --m-width: 100%;
        /* El ancho ocupará el 100% del contenedor */
    }

    /* Ajusta el ancho del bloque de iconos sociales */
    .layout-element[data-element-id="zmIIC_"] {
        --m-width: 100%;
        /* El ancho ocupará el 100% del contenedor */
    }

    /* Alinea los elementos de forma vertical en dispositivos móviles */
    .block-layout[data-block-ref="zP_qkl"] {
        --m-grid-template-rows: auto auto auto;
        /* Ajusta según tus necesidades */
    }
}
/* Estilos para tamaños de pantalla pequeños (por ejemplo, dispositivos móviles) */
/* Estilos para pantallas pequeñas */
@media only screen and (max-width: 480px) {

    /* Ajustar estilos para tamaños pequeños */

    .social-icons__link {
        margin-bottom: 10px;
    }

    /* Ajustar tamaño de fuente */
    .title {
        font-size: 16px;
    }

    /* Estilos para la parte 9 */
    #about-title {
        --m-width: 100%;
        /* Ajustar el ancho al 100% del contenedor */
        --m-element-margin: 0 0 16px 0;
        /* Ajustar los márgenes */
    }

    #about-description {
        --m-width: 100%;
        /* Ajustar el ancho al 100% del contenedor */
        --m-element-margin: 0 0 59px 0;
        /* Ajustar los márgenes */
    }

    #about-image-1 {
        --m-grid-row: 3/4;
        /* Ajustar la posición en la cuadrícula */
        --m-grid-column: 1/2;
        /* Ajustar la posición en la cuadrícula */
    }

    #contact-title {
        --m-width: 100%;
        /* Ajustar el ancho al 100% del contenedor */
        --m-element-margin: 0 0 16px 0;
        /* Ajustar los márgenes */
    }


    /* Parte 8 */
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-title-5"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-description-5"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-image-6"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-title-6"] {
        --grid-row: auto;
        --grid-column: auto;
        --m-grid-row: auto;
        --m-grid-column: auto;
        --align: center;
        --justify: center;
    }

    /* Parte 7 */
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-image-3"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-title-3"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-description-3"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-description-6"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-image-5"],
    .block-layout[data-block-ref="portfolio"] .layout-element[data-element-id="portfolio-item-title-5"] {
        --grid-row: auto;
        --grid-column: auto;
        --m-grid-row: auto;
        --m-grid-column: auto;
        --align: center;
        --justify: center;
    }


    /* Estilos para la parte 7 */
    .layout-element[data-element-id="portfolio-item-title-3"],
    .layout-element[data-element-id="portfolio-item-description-3"],
    .layout-element[data-element-id="portfolio-image-3"] {
        --grid-row: auto;
        --grid-column: auto;
        --m-grid-row: auto;
        --m-grid-column: auto;
        --align: center;
        --justify: center;
    }

    /* Estilos para la parte 6 */
    .layout-element[data-element-id="portfolio-item-title-2"],
    .layout-element[data-element-id="portfolio-item-description-2"],
    .layout-element[data-element-id="portfolio-item-title-4"],
    .layout-element[data-element-id="portfolio-item-description-4"] {
        --text: center;
        --align: flex-start;
        --justify: flex-start;
        --m-element-margin: 0 0 50px 0;
    }

    #portfolio-item-title-2 {
        --grid-row: 11/12;
        --grid-column: 1/2;
        --m-grid-row: 12/13;
        --m-grid-column: 1/2;
    }

    #portfolio-item-description-2 {
        --grid-row: 13/14;
        --grid-column: 1/2;
        --m-grid-row: 14/15;
        --m-grid-column: 1/2;
    }

    #portfolio-item-title-4 {
        --grid-row: 23/24;
        --grid-column: 1/2;
        --m-grid-row: 24/25;
        --m-grid-column: 1/2;
    }

    #portfolio-item-description-4 {
        --grid-row: 25/26;
        --grid-column: 1/2;
        --m-grid-row: 26/27;
        --m-grid-column: 1/2;
    }

    /* Estilos para la parte 5 */
    .layout-element[data-element-id="portfolio-title"],
    .layout-element[data-element-id="portfolio-image-1"],
    .layout-element[data-element-id="portfolio-item-title-1"],
    .layout-element[data-element-id="portfolio-item-description-1"] {
        --text: left;
        --align: flex-start;
        --justify: flex-start;
        --m-element-margin: 0 0 2px 0;
    }

    #portfolio-title {
        --grid-row: 2/3;
        --grid-column: 1/4;
        --m-grid-row: 2/3;
        --m-grid-column: 1/2;
    }

    #portfolio-image-1 {
        --grid-row: 4/9;
        --grid-column: 1/2;
        --m-grid-row: 4/5;
        --m-grid-column: 1/2;
    }

    #portfolio-item-title-1 {
        --grid-row: 5/6;
        --grid-column: 3/5;
        --m-grid-row: 6/7;
        --m-grid-column: 1/2;
    }

    #portfolio-item-description-1 {
        --grid-row: 7/8;
        --grid-column: 3/5;
        --m-grid-row: 8/9;
        --m-grid-column: 1/2;
    }


    /* Estilos para la parte 4 */
    .block-layout {
        --m-grid-template-rows: 24px 24px 1fr;
        --grid-template-rows: 24px 24px 1fr;
        --m-grid-template-columns: 100%;
        --grid-template-columns: 100%;
    }

    .layout-element--layout {
        --m-width: 100%;
        --grid-column: 1 / -1;
        --m-grid-column: 1 / -1;
    }

    .image {
        width: 100%;
    }

    .block-layout--layout {
        --m-block-padding: 100px 16px 100px 16px;
        --block-min-height: auto;
        --t-block-min-height: 193px;
    }

    .block[data-block-id="zP_qkl"] {
        --m-block-padding: 50px 16px 50px 16px;
    }

    .layout-element--layout[data-element-id="zQuGq6"] {
        --m-width: 100%;
        --m-grid-column: 1/3;
    }

    .layout-element--layout[data-element-id="zVf3gK"] {
        --m-width: 100%;
        --m-grid-column: 1/3;
        --m-element-margin: 0 0 30px 0;
    }

    .layout-element--layout[data-element-id="portfolio"] {
        --m-block-padding: 50px 16px 50px 16px;
    }

    .layout-element--layout[data-element-id="portfolio-title"] {
        --m-element-margin: 0 0 20px 0;
        --m-grid-column: 1/4;
    }

    .layout-element--layout[data-element-id="portfolio-image-1"] {
        --m-grid-row: 4/6;
        --m-grid-column: 1/2;
        --m-element-margin: 0 0 20px 0;
    }

    .layout-element--layout[data-element-id="portfolio-item-title-1"] {
        --m-element-margin: 0 0 10px 0;
        --m-grid-column: 1/4;
    }

    .layout-element--layout[data-element-id="portfolio-item-description-1"] {
        --m-element-margin: 0 0 30px 0;
        --m-grid-column: 1/4;
    }

    .layout-element--layout[data-element-id="portfolio-image-2"] {
        --m-grid-row: 7/9;
        --m-grid-column: 1/2;
        --m-element-margin: 0 0 20px 0;
    }

    .layout-element--layout[data-element-id="portfolio-item-title-2"] {
        --m-element-margin: 0 0 10px 0;
        --m-grid-column: 1/4;
    }

    .layout-element--layout[data-element-id="portfolio-item-description-2"] {
        --m-element-margin: 0 0 30px 0;
        --m-grid-column: 1/4;
    }

    /* Estilos para la parte 3 */

    .nav-link {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .nav-item {
        text-align: center;
    }

    .rounded-circle {
        width: 36px;
        height: 36px;
    }

    .block[data-block-id="hero"] {
        --m-block-padding: 49px 16px 100px 16px;
    }

    .block-layout[data-block-ref="hero"] {
        --m-grid-template-rows: 96px 317px 67px 312px 72px 259px 102px;
    }

    .layout-element[data-element-id="hero-title"] {
        --m-element-margin: 0 0 0 0;
    }

    .layout-element[data-element-id="hero-title"] h1 {
        font-size: 24px;
    }

    .layout-element[data-element-id="hero-description"] {
        --m-width: 87.6%;
        --m-element-margin: 0 0 20px 0;
    }

    .layout-element[data-element-id="hero-description"] p {
        font-size: 14px;
    }

    .layout-element[data-element-id="hero-image-1"] {
        --m-element-margin: 0 0 16px 0;
    }

    /* Estilos para la parte 2*/

   /* .navbar-toggler {
        display: block;
    }

    .navbar-collapse {
        display: none;
    }

    .navbar-nav {
        flex-direction: column;
        text-align: center;
    }

    .nav-item {
        margin: 5px 0;
    }

    .dropdown-menu {
        position: static;
        float: none;
    }

    .dropdown-menu a {
        display: block;
        width: 100%;
        text-align: left;
    }
                                */


    /* Estilos para la parte 1 */



}
@media (max-width: 768px) {

    /* Alinea el texto en el centro */
    .layout-element--controls-disabled {
        text-align: center;
    }

    /* Aumenta el tamaño de fuente del título */
    h1 {
        font-size: 24px;
    }

    /* Reduce el margen inferior del título */
    .layout-element--layout[data-element-id="hero-title"] {
        margin-bottom: 0px;
    }

    /* Reduce el margen inferior del párrafo de descripción */
    .layout-element--layout[data-element-id="hero-description"] {
        margin-bottom: 0px;
    }

    /* Cambia el tamaño de las imágenes para adaptarse a pantallas más pequeñas */
    .layout-element--layout[data-element-id="hero-image-1"] img {
        max-width: 100%;
        height: auto;
    }
}

/* Estilos para tamaños de pantalla entre 1024px y 1224px */
@media (min-width: 1024px) and (max-width: 1224px) {

    /* Ajusta el ancho del fondo de la sección */
    .block__background {
        width: 100%;
        /* o el valor deseado */
    }

    /* Ajusta el ancho de otros elementos según sea necesario */
    /* .layout-element[data-element-id="..."] {
        width: ...;
    } */
}

/* Estilos para pantallas pequeñas (1024px a 1224px) */
@media screen and (max-width: 1224px) {

    /* Aquí puedes ajustar estilos, como tamaños de fuente o márgenes */
    body {
        font-size: 16px;
    }

    /* Asegúrate de que las imágenes se ajusten correctamente */
    .image {
        max-width: 100%;
        height: auto;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1224px) {

    /* Ajusta el ancho máximo de las imágenes para evitar desbordamiento */
    .image {
        max-width: 100%;
        /* Asegura que las imágenes no sean más anchas que su contenedor */
    }

    /* Ajusta el ancho de los contenedores de fondo de color */
    .block-background {
        max-width: 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1224px) {

    /* Asegura que el contenido no se desborde horizontalmente */
    .block-layout-container {
        overflow-x: auto;
        /* Agrega una barra de desplazamiento horizontal si es necesario */
    }
}

@media screen and (min-width: 1024px) and (max-width: 1224px) {

    /* Ajusta el ancho de las imágenes al 100% del contenedor */
    .layout-element--controls-disabled.block-layout__element .image--grid.loaded img {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {

    /* Reduce el margen superior del elemento que contiene el título */

    /* O reduce el relleno superior del elemento que contiene el texto descriptivo */
}

@media screen and (min-width: 1024px) {

    /* Reduce el margen superior del elemento que contiene el título */
    .layout-element.layout-element--layout.layout-element.layout-element--controls-disabled.block-layout__element h3 {
        margin-top: 0px;
        /* Ajusta el valor según tus necesidades */
    }

    /* Reduce el margen superior del elemento que contiene el texto descriptivo */
    .layout-element.layout-element--layout.layout-element.layout-element--controls-disabled.block-layout__element p {
        margin-top: 0px;
        /* Ajusta el valor según tus necesidades */
    }
}