:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --marca-1: #D2232A; --marca-2: #2563EB; --marca-3: #0E2140; --marca-4: #563da3; --texto-titulo: #14171C; --texto-normal: #252628; --texto-sub: #4e5056; --texto-enlace: #d2232a; --fondo-base: #f7f8fb; --fondo-contenedor: #f7f8fb; --fondo-caja: #f1f3f8; --ui-borde: #d6dcea; --ui-glass: color-mix(in srgb, var(--ui-claro) 72%, transparent); --ui-sombra: color-mix(in srgb, var(--ui-oscuro) 18%, transparent); --ui-claro: #fff; --ui-oscuro: #111111; --marca-1-l-1: #df4248; --marca-1-l-2: #e6686d; --marca-1-l-3: #ec8d91; --marca-1-l-4: #f2b3b6; --marca-1-l-5: #f9d9da; --marca-1-d-1: #af1d23; --marca-1-d-2: #8c171c; --marca-1-d-3: #691115; --marca-1-d-4: #460c0e; --marca-1-d-5: #230607; --marca-1-t-1: hsla(358, 71%, 48%, 0.17); --marca-1-t-2: hsla(358, 71%, 48%, 0.33); --marca-1-t-3: hsla(358, 71%, 48%, 0.5); --marca-1-t-4: hsla(358, 71%, 48%, 0.67); --marca-1-t-5: hsla(358, 71%, 48%, 0.83); --marca-2-l-1: #497dee; --marca-2-l-2: #6e97f2; --marca-2-l-3: #92b1f5; --marca-2-l-4: #b6cbf8; --marca-2-l-5: #dbe5fc; --marca-2-d-1: #134ed0; --marca-2-d-2: #0f3ea6; --marca-2-d-3: #0b2f7d; --marca-2-d-4: #081f53; --marca-2-d-5: #04102a; --marca-2-t-1: hsla(221, 83%, 53%, 0.17); --marca-2-t-2: hsla(221, 83%, 53%, 0.33); --marca-2-t-3: hsla(221, 83%, 53%, 0.5); --marca-2-t-4: hsla(221, 83%, 53%, 0.67); --marca-2-t-5: hsla(221, 83%, 53%, 0.83); --marca-3-l-1: #1b3f7b; --marca-3-l-2: #285eb6; --marca-3-l-3: #4e82d8; --marca-3-l-4: #89ace5; --marca-3-l-5: #c4d5f2; --marca-3-d-1: #0c1c35; --marca-3-d-2: #09162b; --marca-3-d-3: #071120; --marca-3-d-4: #050b15; --marca-3-d-5: #02060b; --marca-3-t-1: hsla(217, 64%, 15%, 0.17); --marca-3-t-2: hsla(217, 64%, 15%, 0.33); --marca-3-t-3: hsla(217, 64%, 15%, 0.5); --marca-3-t-4: hsla(217, 64%, 15%, 0.67); --marca-3-t-5: hsla(217, 64%, 15%, 0.83); --marca-4-l-1: #6c52be; --marca-4-l-2: #8a74cb; --marca-4-l-3: #a797d8; --marca-4-l-4: #c4bae5; --marca-4-l-5: #e2dcf2; --marca-4-d-1: #483388; --marca-4-d-2: #39296d; --marca-4-d-3: #2b1e52; --marca-4-d-4: #1d1436; --marca-4-d-5: #0e0a1b; --marca-4-t-1: hsla(255, 46%, 44%, 0.17); --marca-4-t-2: hsla(255, 46%, 44%, 0.33); --marca-4-t-3: hsla(255, 46%, 44%, 0.5); --marca-4-t-4: hsla(255, 46%, 44%, 0.67); --marca-4-t-5: hsla(255, 46%, 44%, 0.83); --texto-titulo-l-1: #343c49; --texto-titulo-l-2: #546176; --texto-titulo-l-3: #78879f; --texto-titulo-l-4: #a5afbf; --texto-titulo-l-5: #d2d7df; --texto-titulo-d-1: #111317; --texto-titulo-d-2: #0d0f13; --texto-titulo-d-3: #0a0b0e; --texto-titulo-d-4: #070809; --texto-titulo-d-5: #030405; --texto-titulo-t-1: hsla(218, 17%, 9%, 0.17); --texto-titulo-t-2: hsla(218, 17%, 9%, 0.33); --texto-titulo-t-3: hsla(218, 17%, 9%, 0.5); --texto-titulo-t-4: hsla(218, 17%, 9%, 0.67); --texto-titulo-t-5: hsla(218, 17%, 9%, 0.83); --texto-normal-l-1: #484a4d; --texto-normal-l-2: #6a6d73; --texto-normal-l-3: #8f9197; --texto-normal-l-4: #b4b6ba; --texto-normal-l-5: #dadadc; --texto-normal-d-1: #1f2021; --texto-normal-d-2: #19191b; --texto-normal-d-3: #121314; --texto-normal-d-4: #0c0d0d; --texto-normal-d-5: #060607; --texto-normal-t-1: hsla(220, 4%, 15%, 0.17); --texto-normal-t-2: hsla(220, 4%, 15%, 0.33); --texto-normal-t-3: hsla(220, 4%, 15%, 0.5); --texto-normal-t-4: hsla(220, 4%, 15%, 0.67); --texto-normal-t-5: hsla(220, 4%, 15%, 0.83); --texto-sub-l-1: #696c74; --texto-sub-l-2: #868991; --texto-sub-l-3: #a4a6ad; --texto-sub-l-4: #c3c4c8; --texto-sub-l-5: #e1e1e4; --texto-sub-d-1: #414348; --texto-sub-d-2: #343539; --texto-sub-d-3: #27282b; --texto-sub-d-4: #1a1b1d; --texto-sub-d-5: #0d0d0e; --texto-sub-t-1: hsla(225, 5%, 32%, 0.17); --texto-sub-t-2: hsla(225, 5%, 32%, 0.33); --texto-sub-t-3: hsla(225, 5%, 32%, 0.5); --texto-sub-t-4: hsla(225, 5%, 32%, 0.67); --texto-sub-t-5: hsla(225, 5%, 32%, 0.83); --fondo-base-l-1: #f8f9fc; --fondo-base-l-2: #fafafc; --fondo-base-l-3: #fbfcfd; --fondo-base-l-4: #fcfdfe; --fondo-base-l-5: #fefefe; --fondo-base-d-1: #c0c8df; --fondo-base-d-2: #8897c4; --fondo-base-d-3: #5368a6; --fondo-base-d-4: #37456f; --fondo-base-d-5: #1c2337; --fondo-base-t-1: hsla(225, 33%, 98%, 0.17); --fondo-base-t-2: hsla(225, 33%, 98%, 0.33); --fondo-base-t-3: hsla(225, 33%, 98%, 0.5); --fondo-base-t-4: hsla(225, 33%, 98%, 0.67); --fondo-base-t-5: hsla(225, 33%, 98%, 0.83); --fondo-contenedor-l-1: #f8f9fc; --fondo-contenedor-l-2: #fafafc; --fondo-contenedor-l-3: #fbfcfd; --fondo-contenedor-l-4: #fcfdfe; --fondo-contenedor-l-5: #fefefe; --fondo-contenedor-d-1: #c0c8df; --fondo-contenedor-d-2: #8897c4; --fondo-contenedor-d-3: #5368a6; --fondo-contenedor-d-4: #37456f; --fondo-contenedor-d-5: #1c2337; --fondo-contenedor-t-1: hsla(225, 33%, 98%, 0.17); --fondo-contenedor-t-2: hsla(225, 33%, 98%, 0.33); --fondo-contenedor-t-3: hsla(225, 33%, 98%, 0.5); --fondo-contenedor-t-4: hsla(225, 33%, 98%, 0.67); --fondo-contenedor-t-5: hsla(225, 33%, 98%, 0.83); --fondo-caja-l-1: #f3f5f9; --fondo-caja-l-2: #f6f7fa; --fondo-caja-l-3: #f8f9fb; --fondo-caja-l-4: #fafbfd; --fondo-caja-l-5: #fdfdfe; --fondo-caja-d-1: #bbc4dd; --fondo-caja-d-2: #8496c2; --fondo-caja-d-3: #5269a3; --fondo-caja-d-4: #36466d; --fondo-caja-d-5: #1b2336; --fondo-caja-t-1: hsla(223, 33%, 96%, 0.17); --fondo-caja-t-2: hsla(223, 33%, 96%, 0.33); --fondo-caja-t-3: hsla(223, 33%, 96%, 0.5); --fondo-caja-t-4: hsla(223, 33%, 96%, 0.67); --fondo-caja-t-5: hsla(223, 33%, 96%, 0.83); --ui-borde-l-1: #dde2ee; --ui-borde-l-2: #e4e8f1; --ui-borde-l-3: #eaedf5; --ui-borde-l-4: #f1f3f8; --ui-borde-l-5: #f8f9fc; --ui-borde-d-1: #a5b2d1; --ui-borde-d-2: #7388b7; --ui-borde-d-3: #4c6294; --ui-borde-d-4: #334163; --ui-borde-d-5: #192131; --ui-borde-t-1: hsla(222, 32%, 88%, 0.17); --ui-borde-t-2: hsla(222, 32%, 88%, 0.33); --ui-borde-t-3: hsla(222, 32%, 88%, 0.5); --ui-borde-t-4: hsla(222, 32%, 88%, 0.67); --ui-borde-t-5: hsla(222, 32%, 88%, 0.83); --ui-claro-l-1: #ffffff; --ui-claro-l-2: #ffffff; --ui-claro-l-3: #ffffff; --ui-claro-l-4: #ffffff; --ui-claro-l-5: #ffffff; --ui-claro-d-1: #d5d5d5; --ui-claro-d-2: #aaaaaa; --ui-claro-d-3: #808080; --ui-claro-d-4: #555555; --ui-claro-d-5: #2b2b2b; --ui-claro-t-1: hsla(0, 0%, 100%, 0.17); --ui-claro-t-2: hsla(0, 0%, 100%, 0.33); --ui-claro-t-3: hsla(0, 0%, 100%, 0.5); --ui-claro-t-4: hsla(0, 0%, 100%, 0.67); --ui-claro-t-5: hsla(0, 0%, 100%, 0.83); --ui-oscuro-l-1: #393939; --ui-oscuro-l-2: #606060; --ui-oscuro-l-3: #888888; --ui-oscuro-l-4: #b0b0b0; --ui-oscuro-l-5: #d7d7d7; --ui-oscuro-d-1: #0e0e0e; --ui-oscuro-d-2: #0b0b0b; --ui-oscuro-d-3: #090909; --ui-oscuro-d-4: #060606; --ui-oscuro-d-5: #030303; --ui-oscuro-t-1: hsla(0, 0%, 7%, 0.17); --ui-oscuro-t-2: hsla(0, 0%, 7%, 0.33); --ui-oscuro-t-3: hsla(0, 0%, 7%, 0.5); --ui-oscuro-t-4: hsla(0, 0%, 7%, 0.67); --ui-oscuro-t-5: hsla(0, 0%, 7%, 0.83); --estado-exito: #16a34a; --estado-advertencia: #d97706; --estado-error: #dc2626; --estado-info: #2563eb; --estado-exito-l-1: #1cd360; --estado-exito-l-2: #40e57d; --estado-exito-l-3: #70ec9e; --estado-exito-l-4: #a0f2be; --estado-exito-l-5: #cff9df; --estado-exito-d-1: #12883e; --estado-exito-d-2: #0f6d31; --estado-exito-d-3: #0b5225; --estado-exito-d-4: #073619; --estado-exito-d-5: #041b0c; --estado-exito-t-1: hsla(142, 76%, 36%, 0.17); --estado-exito-t-2: hsla(142, 76%, 36%, 0.33); --estado-exito-t-3: hsla(142, 76%, 36%, 0.5); --estado-exito-t-4: hsla(142, 76%, 36%, 0.67); --estado-exito-t-5: hsla(142, 76%, 36%, 0.83); --estado-advertencia-l-1: #f98f16; --estado-advertencia-l-2: #faa645; --estado-advertencia-l-3: #fbbc73; --estado-advertencia-l-4: #fcd2a2; --estado-advertencia-l-5: #fee9d0; --estado-advertencia-d-1: #b56305; --estado-advertencia-d-2: #914f04; --estado-advertencia-d-3: #6d3b03; --estado-advertencia-d-4: #482802; --estado-advertencia-d-5: #241401; --estado-advertencia-t-1: hsla(32, 95%, 44%, 0.17); --estado-advertencia-t-2: hsla(32, 95%, 44%, 0.33); --estado-advertencia-t-3: hsla(32, 95%, 44%, 0.5); --estado-advertencia-t-4: hsla(32, 95%, 44%, 0.67); --estado-advertencia-t-5: hsla(32, 95%, 44%, 0.83); --estado-error-l-1: #e24a4a; --estado-error-l-2: #e86e6e; --estado-error-l-3: #ed9393; --estado-error-l-4: #f3b7b7; --estado-error-l-5: #f9dbdb; --estado-error-d-1: #b91e1e; --estado-error-d-2: #941818; --estado-error-d-3: #6f1212; --estado-error-d-4: #4a0c0c; --estado-error-d-5: #250606; --estado-error-t-1: hsla(0, 72%, 51%, 0.17); --estado-error-t-2: hsla(0, 72%, 51%, 0.33); --estado-error-t-3: hsla(0, 72%, 51%, 0.5); --estado-error-t-4: hsla(0, 72%, 51%, 0.67); --estado-error-t-5: hsla(0, 72%, 51%, 0.83); --estado-info-l-1: #497dee; --estado-info-l-2: #6e97f2; --estado-info-l-3: #92b1f5; --estado-info-l-4: #b6cbf8; --estado-info-l-5: #dbe5fc; --estado-info-d-1: #134ed0; --estado-info-d-2: #0f3ea6; --estado-info-d-3: #0b2f7d; --estado-info-d-4: #081f53; --estado-info-d-5: #04102a; --estado-info-t-1: hsla(221, 83%, 53%, 0.17); --estado-info-t-2: hsla(221, 83%, 53%, 0.33); --estado-info-t-3: hsla(221, 83%, 53%, 0.5); --estado-info-t-4: hsla(221, 83%, 53%, 0.67); --estado-info-t-5: hsla(221, 83%, 53%, 0.83); --texto-enlace-l-1: #da484d; --texto-enlace-l-2: #e16c71; --texto-enlace-l-3: #e99195; --texto-enlace-l-4: #f0b6b8; --texto-enlace-l-5: #f8dadc; --texto-enlace-d-1: #af1d23; --texto-enlace-d-2: #8c171c; --texto-enlace-d-3: #691215; --texto-enlace-d-4: #460c0e; --texto-enlace-d-5: #230607; --texto-enlace-t-1: hsl(358 71% 48% / 0.17); --texto-enlace-t-2: hsl(358 71% 48% / 0.33); --texto-enlace-t-3: hsl(358 71% 48% / 0.5); --texto-enlace-t-4: hsl(358 71% 48% / 0.67); --texto-enlace-t-5: hsl(358 71% 48% / 0.83); --titulos-2xs: clamp(0.92rem, calc(0.0008333333333333331 * (100vw - 36rem) + 0.92rem), 1.01rem); --titulos-xs: clamp(1.15rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.15rem), 1.35rem); --titulos-s: clamp(1.44rem, calc(0.0033333333333333344 * (100vw - 36rem) + 1.44rem), 1.8rem); --titulos-m: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --titulos-l: clamp(2.25rem, calc(0.008796296296296299 * (100vw - 36rem) + 2.25rem), 3.2rem); --titulos-xl: clamp(2.81rem, calc(0.013425925925925923 * (100vw - 36rem) + 2.81rem), 4.26rem); --titulos-2xl: clamp(3.52rem, calc(0.019999999999999997 * (100vw - 36rem) + 3.52rem), 5.68rem); --titulos-3xl: clamp(4.39rem, calc(0.029537037037037042 * (100vw - 36rem) + 4.39rem), 7.58rem); --titulos-4xl: clamp(5.49rem, calc(0.04268518518518518 * (100vw - 36rem) + 5.49rem), 10.1rem); --titulos-5xl: clamp(6.87rem, calc(0.06101851851851853 * (100vw - 36rem) + 6.87rem), 13.46rem); --texto-2xs: clamp(0.77rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 0.77rem), 0.76rem); --texto-xs: clamp(0.96rem, calc(0.00046296296296296336 * (100vw - 36rem) + 0.96rem), 1.01rem); --texto-s: clamp(1.2rem, calc(0.00138888888888889 * (100vw - 36rem) + 1.2rem), 1.35rem); --texto-m: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --texto-l: clamp(1.88rem, calc(0.004814814814814815 * (100vw - 36rem) + 1.88rem), 2.4rem); --texto-xl: clamp(2.34rem, calc(0.007962962962962965 * (100vw - 36rem) + 2.34rem), 3.2rem); --texto-2xl: clamp(2.93rem, calc(0.012314814814814811 * (100vw - 36rem) + 2.93rem), 4.26rem); --texto-3xl: clamp(3.66rem, calc(0.018703703703703698 * (100vw - 36rem) + 3.66rem), 5.68rem); --texto-4xl: clamp(4.58rem, calc(0.027777777777777776 * (100vw - 36rem) + 4.58rem), 7.58rem); --texto-5xl: clamp(5.72rem, calc(0.04055555555555555 * (100vw - 36rem) + 5.72rem), 10.1rem); --space-3xs: clamp(0.25rem, 0.22rem + 0.12vw, 0.3125rem); --gap-3xs: 0.5rem; --gap-2xs: clamp(0.9rem, calc(0.870968rem + 0.080645vw), 1rem); --gap-xs: clamp(1.4rem, calc(1.370968rem + 0.080645vw), 1.5rem); --gap-s: clamp(1.8rem, calc(1.741935rem + 0.16129vw), 2rem); --gap-m: clamp(2.7rem, calc(2.612903rem + 0.241935vw), 3rem); --gap-l: clamp(3.6rem, calc(3.483871rem + 0.322581vw), 4rem); --gap-xl: clamp(5.4rem, calc(5.225806rem + 0.483871vw), 6rem); --gap-2xl: clamp(7.2rem, calc(6.967742rem + 0.645161vw), 8rem); --gap-3xl: clamp(10.8rem, calc(10.451613rem + 0.967742vw), 12rem); --section-up: clamp(5rem, calc(3.548387rem + 4.032258vw), 10rem); --section-side: clamp(2rem, calc(0.83871rem + 3.225806vw), 6rem); --padding-glass: clamp(2rem, calc(1.564516rem + 1.209677vw), 3.5rem); --pad-3x5: clamp(3.5rem, calc(3.064516rem + 1.209677vw), 5rem); --pad-2x4: clamp(2rem, calc(1.419355rem + 1.612903vw), 4rem); --pad-1x2: clamp(1rem, calc(0.709677rem + 0.806452vw), 2rem); --pad-05x1: clamp(0.5rem, calc(0.354839rem + 0.403226vw), 1rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.04740740740740742 * (100vw - 36rem) + 6.1rem), 11.22rem); --space-6xl: clamp(7.63rem, calc(0.06787037037037037 * (100vw - 36rem) + 7.63rem), 14.96rem);}