:root {
    --header-bg-color: #23013A;
    --main-bg-color: #000000;
    --footer-bg-color: #23013A;
    --main-text-color: #FBF5FF;
    --link-text-color: #68D36B;
    --button-text-color: #000000;
    --button-bg-color: #48D9A5;
    --button-second-bg-color: #D0FF01;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
}

html, body {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    font-family: Alexandria, sans-serif;
    line-height: 1.6;
    color: var(--main-text-color);
}

button {
    font-family: Alexandria, sans-serif;
    cursor: pointer;
    border: none !important;
}

a {
    color: var(--link-text-color);
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: none;
    color: var(--link-text-color);
}

h1, h2, h3, h4 {
    color: var(--main-text-color);
}

h1 {
    font-size: 46px;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: -0.03em;
}
@media screen and (max-width: 992px) {
    h1 {
        font-size: 30px;
        line-height: 42px;
    }
}

h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 18px;
    letter-spacing: -0.02em;
}
@media screen and (max-width: 992px) {
    h2 {
        font-size: 30px;
        line-height: 44px;
    }
}

h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
}

p {
    font-size: 17px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 29px;
}
@media screen and (max-width: 992px) {
    p {
        font-size: 14px;
        line-height: 29px;
    }
}

strong {
    font-weight: 800;
}
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    white-space: normal;
    display: block;
    overflow-x: auto;
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 30px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--main-text-color);
}

table p {
    margin: 0;
}

tbody {
    width: 100%;
    display: table;
}

th {
    background: var(--main-text-color);
    color: var(--main-bg-color);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: left;
}

th, td {
    border: 1px solid var(--main-text-color);
    padding: 12px 16px;
    box-sizing: border-box;
    border-width: 0;
}

th:first-child {
    border-top-left-radius: 0;
}

th:last-child {
    border-top-right-radius: 0;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 0;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 0;
}

tr:first-child td:first-child {
    border-top-left-radius: 0;
}

tr:first-child td:last-child {
    border-top-right-radius: 0;
}

table::-webkit-scrollbar {
    height: 6px;
}

table::-webkit-scrollbar-thumb {
    background: var(--main-text-color);
    border-radius: 4px;
}

table::-webkit-scrollbar-track {
    background: transparent;
}

footer, header, nav, section, main {
    display: block;
    position: relative;
}

main {
    flex: 1 0 auto;
    background-color: var(--main-bg-color);
}

section {
    padding: 22px 0;
}

@media screen and (max-width: 768px) {
    section {
        padding: 20px 0;
    }
}

.premiosprincipefelipeContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

@media (max-width: 1200px) {
    .premiosprincipefelipeContainer {
        max-width: 100%;
        padding: 0 15px;
    }
}

img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}


.premiosprincipefelipeRow {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.premiosprincipefelipeCol:first-child {
    width: 820px;

}
.premiosprincipefelipeCol:last-child {
    flex: 0 0 330px;
}
@media (max-width: 1030px) {
    .premiosprincipefelipeRow {
        flex-wrap: wrap;
        justify-content: center;
    }
    .premiosprincipefelipeCol:first-child, .premiosprincipefelipeCol:last-child {
        width: 100%;
        flex: auto;
    }
}

.premiosprincipefelipeJcEnd {
    justify-content: end !important;
}

.premiosprincipefelipeJcCenter {
    justify-content: center;
}

.premiosprincipefelipeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    font-size: 14px;
    line-height: inherit;
    height: auto;
    min-width: 126px;
    padding: 12px 26px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.premiosprincipefelipeBtn:hover {
    transform: none;
}
.premiosprincipefelipeBtn__wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

@media screen and (max-width: 768px) {
    .premiosprincipefelipeBtn__wrapper {
        gap: 20px;
    }
}
.premiosprincipefelipeBtnPrimary {
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
}

.premiosprincipefelipeBtnPrimary:hover {
    color: var(--button-text-color);
    background-color: color-mix(in srgb, var(--button-bg-color) 82%, black);
}

.premiosprincipefelipeBtnSecondary {
    color: var(--button-text-color);
    background-color: var(--button-second-bg-color);
}

.premiosprincipefelipeBtnSecondary:hover {
    color: var(--button-text-color);
    background-color: var(--button-second-bg-color);
}

.premiosprincipefelipeBtnPulse {
    animation: pulse 1.5s infinite;
}

.premiosprincipefelipeBtnUppercase {
    text-transform: uppercase;
}
.premiosprincipefelipeHeader {
    background-color: var(--header-bg-color);
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: var(--button-bg-color);
}

.premiosprincipefelipeHeader ul, .premiosprincipefelipeHeader ol, .premiosprincipefelipeHeader li,
.premiosprincipefelipeFooter ul, .premiosprincipefelipeFooter ol, .premiosprincipefelipeFooter li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
}
.premiosprincipefelipeHeader__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 6px 0;
}

.premiosprincipefelipeHeader__innerPrimary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: auto;
    gap: 18px;
}

.premiosprincipefelipeHeader__innerSecond {
    display: flex;
    align-items: center;
    gap: 10px;
}

.premiosprincipefelipeHeader__row {
    flex-direction: row;
    height: 70px;
}

.premiosprincipefelipeHeader__innerSecond .premiosprincipefelipeHeader__row {
    flex-direction: row;
    gap: 10px;
    height: auto;
}

.premiosprincipefelipeHeader__col {
    flex-direction: column;
    gap: 12px;
}

.premiosprincipefelipeHeader__innerSecond.premiosprincipefelipeHeader__col {
    flex-direction: row;
    padding: 10px 0;
}

.premiosprincipefelipeHeader__logo {
    display: flex;
    max-height: 50px;
    height: 100%;
}

.premiosprincipefelipeHeader__logo a {
    text-decoration: none;
    display: flex;
}
.premiosprincipefelipeHeader__logo img {
    object-fit: contain;
    border-radius: initial;
    max-width: 132px;
    max-height: 40px;
}

.premiosprincipefelipeHeader__nav {
    display: flex;
}
.premiosprincipefelipeHeader__nav ul {
    display: flex;
    gap: 2px;
    align-items: center;
    list-style-type: none;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 20px 0;
}

.premiosprincipefelipeHeader__nav ul li {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 0;
    list-style-type: none;
}

.premiosprincipefelipeHeader__nav ul li a {
    color: var(--link-text-color);
    text-decoration: none;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

.premiosprincipefelipeHeader__nav ul li a:hover {
    opacity: 1;
    border-bottom-color: var(--button-bg-color);
}

.premiosprincipefelipeSection img  {
    max-width: 995px;
    display: block;
    margin: auto;
}

.premiosprincipefelipeSection img.premiosprincipefelipePageFsImg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.premiosprincipefelipeSectionMain .premiosprincipefelipeContainer > :not(:last-child) {
    margin-bottom: 20px;
}

.premiosprincipefelipeBtn__wrapperMain {
    max-width: 300px;
    width: 100%;
    margin: auto;
}

.premiosprincipefelipeBtn__wrapperMain .premiosprincipefelipeBtnPrimary {
    padding: 18px 42px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    font-size: 15px;
}

.premiosprincipefelipeLogoBurgerWrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

#premiosprincipefelipeNavMenu {
    position: absolute;
    display: flex;
    top: 80px;
    left: 0;
    width: 25%;
    height: calc(100vh - 120px);
    padding: 26px 24px;
    background-color: var(--header-bg-color);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
    border-radius: 0 0 4px 0;
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: var(--button-bg-color);
}

.premiosprincipefelipeHeader .premiosprincipefelipeBtn {
    padding: 10px 18px;
    font-size: 12px;
}

.premiosprincipefelipeHeader__innerBlock {
    margin-top: auto;
    text-align: center;
    color: var(--main-text-color);
    padding-top: 14px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#premiosprincipefelipeNavMenu.premiosprincipefelipeActive {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease;
}

.premiosprincipefelipeBurgerWrapper, #premiosprincipefelipeHeader_btn {
    flex: 0 0 200px;
    display: flex;
}

.premiosprincipefelipeBurgerWrapper {
    order: -1;
    margin-left: 4px;
}

.premiosprincipefelipeHeader__logo {
    flex: 1;
    text-align: center;
    justify-content: center;
}

.premiosprincipefelipeBurgerMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 30px;
    cursor: pointer;
    order: -1;
    transition: opacity 0.3s ease;
    gap: 5px;
}

.premiosprincipefelipeBurgerMenu:hover {
    opacity: 0.7;
}

.premiosprincipefelipeBurgerMenu span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--main-text-color);
    border-radius: 0;
    transition: all 0.3s ease-in-out;
}

.premiosprincipefelipeBurgerMenu span:nth-child(1) {
    width: 80%;
}
.premiosprincipefelipeBurgerMenu span:nth-child(3) {
    width: 60%;
}

.premiosprincipefelipeBurgerMenu.premiosprincipefelipeActive {
    height: 22px;
}

.premiosprincipefelipeBurgerMenu.premiosprincipefelipeActive span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    width: 100%;
}

.premiosprincipefelipeBurgerMenu.premiosprincipefelipeActive span:nth-child(2) {
    opacity: 0;
}

.premiosprincipefelipeBurgerMenu.premiosprincipefelipeActive span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    width: 100%;
}

.premiosprincipefelipeSectionContent h1:first-of-type,
.premiosprincipefelipeSectionContent h2:first-of-type,
.premiosprincipefelipeSectionContent h3:first-of-type,
.premiosprincipefelipeSectionContent h4:first-of-type {
    margin-top: 0;
    margin-bottom: 30px;
}

.premiosprincipefelipeSectionContent h1:not(:first-of-type),
.premiosprincipefelipeSectionContent h2:not(:first-of-type),
.premiosprincipefelipeSectionContent h3:not(:first-of-type),
.premiosprincipefelipeSectionContent h4:not(:first-of-type) {
    margin: 30px 0;
}

.premiosprincipefelipeSectionContent .premiosprincipefelipeUpdatePost {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 34px 0 6px;
}

.premiosprincipefelipeSectionContent .premiosprincipefelipeUpdatePost p {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 10px 0 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--button-bg-color);
}

footer {
    flex-shrink: 0;
    background-color: var(--footer-bg-color);
    color: var(--main-text-color);
}

.premiosprincipefelipeFooter__wrapper {
    display: flex;
    flex-direction: column;
    justify-self: center;
    max-width: none;
    width: 100%;
    padding: 34px 0 22px;
    gap: 20px;
}

.premiosprincipefelipeFooter__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 26px;
}
.premiosprincipefelipeFooter__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.premiosprincipefelipeFooter__col:first-child {
    flex: 2;
}

.premiosprincipefelipeFooter__col:last-child {
    flex: 1;
}

.premiosprincipefelipeFooter__logo {
    max-width: 132px;
}
.premiosprincipefelipeFooter__logo img {
    border-radius: 0;
    max-height: 34px;
}

.premiosprincipefelipeFooter__navList li {
    flex: none;
}

.premiosprincipefelipeFooter__navList li:nth-child(odd) {
    flex: none;
    text-align: center;
}

.premiosprincipefelipeFooter__nav, .premiosprincipefelipeFooter__icons, .premiosprincipefelipeFooter__inner {
    display: flex;
    justify-content: center;
}

.premiosprincipefelipeFooter__iconsLink img {
    border-radius: initial;
    max-height: 22px;
}

.premiosprincipefelipeFooter__iconsSvg [fill="white"] {
    fill: var(--main-text-color);
}

.premiosprincipefelipeFooter__iconsSvg [stroke="white"] {
    stroke: var(--main-text-color);
}

.premiosprincipefelipeFooter__navList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26px;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    justify-content: center;
}

.premiosprincipefelipeFooter__navLink {
    text-decoration: none;
    color: var(--link-text-color);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.premiosprincipefelipeFooter__navLink:hover {
    color: var(--button-bg-color);
    opacity: 1;
}

.premiosprincipefelipeFooter__icons {
    justify-content: flex-start;
    max-width: 330px;
    height: fit-content;
    gap: 14px 22px;
    flex-wrap: wrap;
}

.premiosprincipefelipeFooter__inner p {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.04em;
}

.premiosprincipefelipeBreadcrumbs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 1em 0;
    font-size: 12px;
    gap: 0.5em;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.premiosprincipefelipeBreadcrumbs li {
    display: flex;
    align-items: center;
}

.premiosprincipefelipeBreadcrumbs li a {
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.premiosprincipefelipeBreadcrumbs li::after {
    content: "›";
    margin: 0 8px;
    color: var(--button-bg-color);
}

.premiosprincipefelipeBreadcrumbs li:last-child::after {
    content: "";
    margin: 0;
}

.premiosprincipefelipeContent__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 36px;
}

.premiosprincipefelipeContent__col {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1 1;
}

.premiosprincipefelipeContent__col.premiosprincipefelipeContent__colImg {
    max-width: 550px;
}

.premiosprincipefelipeBtn__wrapperLeft {
    margin: inherit;
    justify-content: flex-start;
}

.premiosprincipefelipeContent__inner {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100%;
}

.premiosprincipefelipeContent__innerBg {
    position: absolute;
    border-radius: 4px;
    inset: 0;
    z-index: 0;
}

.premiosprincipefelipeContent__innerBg img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.premiosprincipefelipeContent__innerOverlay {
    position: absolute;
    inset: 0;
    background: rgb(from var(--header-bg-color) r g b / 0.9);
    z-index: 1;
    opacity: 0.92;
}

.premiosprincipefelipeContent__innerBlock {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: none;
    position: relative;
    z-index: 2;
    padding: 56px 40px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: var(--button-bg-color);
}

.premiosprincipefelipeContent__innerBlock p {
    margin-bottom: 30px;
}

.premiosprincipefelipeContent__inner:has(p:nth-of-type(2)) .premiosprincipefelipeContent__innerBg img {
    transform: scale(1.2);
}

.premiosprincipefelipeContent__inner:has(p:nth-of-type(3)) .premiosprincipefelipeContent__innerBg img {
    transform: scale(1.4);
}

.premiosprincipefelipeWelcomeBonus {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 12px 32px;
    width: auto;
    height: auto;
    border-radius: 0;
    z-index: 10;
    box-shadow: 0 -10px 30px color-mix(in srgb, black 22%, transparent);
    background: var(--header-bg-color);
    transition: opacity 0.3s ease;
    right: 0;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: var(--button-bg-color);
}

.premiosprincipefelipeWelcomeBonus.premiosprincipefelipeHidden {
    opacity: 0;
    pointer-events: none;
}

.premiosprincipefelipeWelcomeBonus__wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 22px;
    max-width: 1140px;
    margin: 0 auto;
}

.premiosprincipefelipeWelcomeBonus__img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.premiosprincipefelipeWelcomeBonus__img img {
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}

.premiosprincipefelipeWelcomeBonus__bonus {
    max-width: none;
    width: 100%;
    flex: 1;
}

.premiosprincipefelipeWelcomeBonus__bonus p {
    text-align: left;
    margin: 0;
    font-weight: 900;
    font-size: 20px;
    line-height: 26px;
    vertical-align: middle;

    letter-spacing: -0.01em;
}

.premiosprincipefelipeBtnBonus {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 13px 28px;
    border-radius: 4px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 var(--button-bg-color);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 15px 8px var(--button-bg-color);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 var(--button-bg-color);
    }
}

.premiosprincipefelipeShake {
    display: inline-block;
    animation: shake 0.6s;
    animation-timing-function: ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    15% { transform: translateX(-3px); }
    30% { transform: translateX(3px); }
    45% { transform: translateX(-3px); }
    60% { transform: translateX(3px); }
    75% { transform: translateX(-3px); }
    90% { transform: translateX(3px); }
}

.premiosprincipefelipeShake {
    animation: shake 0.6s ease-in-out;
}

.premiosprincipefelipeErrorPage {
    align-content: center;
    padding: 60px 0;
}
.premiosprincipefelipeErrorPage__wrapper {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 720px;
    margin: 0 auto;
    padding: 30px 0;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--main-text-color);
}

.premiosprincipefelipeErrorPage .premiosprincipefelipeErrorPage__wrapper h1, .premiosprincipefelipeErrorPage .premiosprincipefelipeErrorPage__wrapper p {
    margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
    #premiosprincipefelipeNavMenu {
        width: 245px;
    }
}

@media screen and (max-width: 992px) {
    .premiosprincipefelipeContent__wrapper {
        flex-direction: column;
    }

    .premiosprincipefelipeContent__col.premiosprincipefelipeContent__colImg {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .premiosprincipefelipeBurgerWrapper, #premiosprincipefelipeHeader_btn {
        flex: none;
    }

    .premiosprincipefelipeHeader__logo {
        flex: none;
    }


    .premiosprincipefelipeWelcomeBonus {
        left: 15px;
        bottom: 10px;
        width: 184px;
        height: 222px;
        padding: 20px;
    }

    .premiosprincipefelipeWelcomeBonus__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .premiosprincipefelipeFooter__row {
        flex-direction: column;
        gap: 20px;
    }

    .premiosprincipefelipeFooter__row {
        justify-content: center;
    }

    .premiosprincipefelipeFooter__navList {
        text-align: center;
        gap: 10px 40px;
    }

    .premiosprincipefelipeFooter__icons {
        justify-content: center;
        gap: 10px 20px;
    }

    .premiosprincipefelipeBreadcrumbs {
        font-size: 0.75em;
    }

}

@media screen and (max-width: 600px) {
    #premiosprincipefelipeNavMenu {
        width: 100%;
        top: 120px;
        padding: 0;
    }

    .premiosprincipefelipeHeader__row {
        flex-direction: column;
        height: 100px;
        padding: 10px 0;
        gap: 0;
    }

    .premiosprincipefelipeLogoBurgerWrapper {
        width: 100%;
        justify-content: space-between;
    }

    .premiosprincipefelipeBurgerMenu {
        order: 1;
        align-items: self-end;
        width: 30px;
        height: 22px;
    }

    .premiosprincipefelipeBurgerMenuCenter {
        position: absolute;
        right: 15px;
        top: 22px;
    }

    .premiosprincipefelipeHeader__innerBlock {
        padding: 20px 25px;
    }

    .premiosprincipefelipeContent__innerBlock {
        padding: 12px 10px;
    }

    .premiosprincipefelipeContent__innerBlock p {
        margin-bottom: 15px;
    }

    .premiosprincipefelipeContent__innerBlock h1 {
        margin-bottom: 10px;
    }

    .premiosprincipefelipeContent__innerBlock .premiosprincipefelipeBtn__wrapperMain .premiosprincipefelipeBtnPrimary {
        padding: 12px 28px;
    }

    .premiosprincipefelipeContent__inner, .premiosprincipefelipeContent__innerBg, .premiosprincipefelipeContent__innerBg img {
        border-radius: 5px;
    }
}

/* Random Images Block */
.premiosprincipefelipeShowcase__wrapper {
    display: grid;
    flex-wrap: wrap;
    gap: 24px 18px;
    margin: 24px 0 34px;
    justify-content: space-between;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.premiosprincipefelipeShowcase__block {
    display: flex;
    flex-direction: column;
    width: auto;
    background-color: transparent;
    border-radius: 4px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
}

.premiosprincipefelipeShowcase__image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    /* 3:2 - the ratio of the art itself; see wg-2a1 */
    aspect-ratio: 3 / 2;
    margin-top: 10px;
    border-radius: 4px;
}

.premiosprincipefelipeShowcase__image img {
    max-width: 100%;
    display: initial;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.35s ease;
}


.premiosprincipefelipeShowcase__imageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: color-mix(in srgb, var(--main-bg-color) 60%, transparent);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premiosprincipefelipeShowcase__image:hover .premiosprincipefelipeShowcase__imageOverlay {
    opacity: 1;
    visibility: visible;
}

.premiosprincipefelipeShowcase__image .premiosprincipefelipeBtn__wrapper {
    z-index: 2;
}

.premiosprincipefelipeShowcase__desc {
    display: flex;
    flex-direction: column;
    padding: 10px 0 0;
}
.premiosprincipefelipeShowcase__desc p, .premiosprincipefelipeShowcase__desc span {
    margin: 0;
}

.premiosprincipefelipeShowcase__desc p {
    font-size: 15px;
    font-weight: 900;
    line-height: 19px;
}

.premiosprincipefelipeShowcase__desc span {
    font-size: 12px;
}

@media screen and (max-width: 1210px) {
    .premiosprincipefelipeShowcase__block {
        width: calc(20% - 20px);
    }
    .premiosprincipefelipeShowcase__image {
        width: auto;
    }
}

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

    .premiosprincipefelipeShowcase__block {
        width: calc(33.333% - 20px);
    }

    .premiosprincipefelipeShowcase__image {
    }

    .premiosprincipefelipeShowcase__desc {
        padding: 10px;
    }

    .premiosprincipefelipeShowcase__desc p {
        font-size: 12px;
    }

    .premiosprincipefelipeShowcase__desc span {
        font-size: 10px;
    }
}

@media (max-width: 600px) {
    .premiosprincipefelipeShowcase__wrapper {
        justify-content: center;
    }
    .premiosprincipefelipeShowcase__block {
        width: calc(50% - 20px);
    }
    .premiosprincipefelipeShowcase__image {
        width: auto;
    }
}

/* TOC Styles */
.premiosprincipefelipeToc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 0 4px 0 30px;
    margin: 0;
    display: block;
    column-count: 3;
    column-gap: 32px;
}

.premiosprincipefelipeToc li {
    break-inside: avoid;
    margin-bottom: 2px;
}

.premiosprincipefelipeToc li::marker {
    color: var(--button-bg-color);
    font-weight: 900;
}

.premiosprincipefelipeTocWrapper {
    max-width: none;
    margin: 30px 0;
    border-radius: 4px;
    background-color: transparent;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--main-text-color);
}

.premiosprincipefelipeTocTitle {
    display: flex;
    align-items: center;
    padding: 16px 4px;
    gap: 12px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
}

.premiosprincipefelipeToc.premiosprincipefelipeIsOpen {
    margin: inherit;
    margin-top: 0;
    max-height: 2000px !important;
    padding: 0 4px 22px 30px;
}

.premiosprincipefelipeTocArrow {
    width: 20px;
    height: 21px;
    order: -1;
    display: inline-block;
    background-color: var(--main-text-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'><path d='M5.55054 7.1665L14.4489 7.1665C14.7429 7.1665 14.9777 7.26655 15.1534 7.46665C15.3291 7.66592 15.417 7.89882 15.417 8.16534C15.417 8.24899 15.4058 8.33632 15.3834 8.42735C15.3619 8.51756 15.3287 8.60407 15.284 8.6869L10.8114 15.8743C10.7076 16.0269 10.5886 16.1417 10.4544 16.2188C10.321 16.295 10.1697 16.3332 10.0003 16.3332C9.83099 16.3332 9.67963 16.295 9.54624 16.2188C9.41285 16.1425 9.29384 16.0277 9.1892 15.8743L4.71665 8.6869C4.67272 8.60407 4.63957 8.51674 4.61721 8.42489C4.59484 8.33304 4.58366 8.24571 4.58366 8.16288C4.58366 7.89554 4.67152 7.66264 4.84724 7.46419C5.02297 7.26573 5.2574 7.1665 5.55054 7.1665Z'/></svg>") no-repeat center/contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    transition: transform 0.3s ease;
}

.premiosprincipefelipeTocArrow.premiosprincipefelipeRotated {
    transform: rotate(180deg);
    margin-bottom: -4px;
}

@media (max-width: 500px) {
    .premiosprincipefelipeToc {
        column-count: 1;
    }
}

/* Variation 3 */
.premiosprincipefelipeSectionContent {
    counter-reset: gen3v3-section;
}
.premiosprincipefelipeSectionContent h2 {
    padding-top: 16px;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
}
.premiosprincipefelipeSectionContent h2::before {
    counter-increment: gen3v3-section;
    content: counter(gen3v3-section, decimal-leading-zero);
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 800;
    line-height: 16px;
    letter-spacing: 0.18em;
    color: var(--button-bg-color);
}
.premiosprincipefelipeSectionContent h2:not(:first-of-type) {
    margin-top: 52px;
}
.premiosprincipefelipeSectionContent h3:not(:first-of-type) {
    margin-top: 30px;
}
.premiosprincipefelipeSectionContent > .premiosprincipefelipeContainer > p:first-of-type::first-letter {
    float: left;
    margin: 6px 6px 0 0;
    font-size: 64px;
    font-weight: 900;
    line-height: 52px;
    color: var(--button-bg-color);
}
.premiosprincipefelipeSectionContent ul li::marker, .premiosprincipefelipeSectionContent ol li::marker {
    color: var(--button-bg-color);
    font-weight: 900;
}
.premiosprincipefelipeSectionContent li {
    margin-bottom: 6px;
}
tbody tr:first-child td {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--main-bg-color);
    background-color: var(--main-text-color);
}
tbody tr + tr td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: color-mix(in srgb, var(--main-text-color) 22%, transparent);
}
tbody tr + tr td:first-child {
    font-weight: 800;
}
.premiosprincipefelipeToc li a {
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: color-mix(in srgb, var(--main-text-color) 35%, transparent);
}
.premiosprincipefelipeToc li a:hover {
    color: var(--button-bg-color);
}
.premiosprincipefelipeBtn.premiosprincipefelipeBtnSecondary {
    color: var(--main-text-color);
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--main-text-color);
}
.premiosprincipefelipeBtn.premiosprincipefelipeBtnSecondary:hover {
    background-color: color-mix(in srgb, var(--main-text-color) 12%, transparent);
}
.premiosprincipefelipeShowcase__image .premiosprincipefelipeBtn, .premiosprincipefelipeWelcomeBonus .premiosprincipefelipeBtnBonus {
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
    box-shadow: none;
}
.premiosprincipefelipeHeader #premiosprincipefelipeHeader_btn {
    gap: 8px;
}
.premiosprincipefelipeHeader__logo a img {
    width: auto;
}
.premiosprincipefelipeHeader ul {
    margin: 0;
}
.premiosprincipefelipeHeader li {
    margin-bottom: 0;
}
.premiosprincipefelipeSectionMain {
    padding-top: 30px;
}
.premiosprincipefelipeSectionMain h1 {
    padding-bottom: 18px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: var(--main-text-color);
}
.premiosprincipefelipeSectionMain .premiosprincipefelipeBtn__wrapperMain {
    max-width: none;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
}
.premiosprincipefelipeBtn__wrapperMain .premiosprincipefelipeBtnPrimary::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 9px;
    height: 2px;
    background-color: var(--button-text-color);
    transform-origin: left center;
    animation: gen3v3-cta-rule 2.4s ease-in-out infinite;
}
.premiosprincipefelipeContent__innerBlock h1, .premiosprincipefelipeContent__innerBlock p {
    max-width: 640px;
}
.premiosprincipefelipeShowcasePreContent h2 {
    margin-bottom: 22px;
}
.premiosprincipefelipeShowcasePreContent h2::before {
    content: none;
    counter-increment: none;
}
.premiosprincipefelipeShowcase__block:hover .premiosprincipefelipeShowcase__image img {
    transform: scale(1.05);
}
.premiosprincipefelipeShowcase__image .premiosprincipefelipeBtn {
    min-width: 0;
    padding: 9px 16px;
    font-size: 12px;
}
.premiosprincipefelipeShowcase__desc > span {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--button-bg-color);
}
.premiosprincipefelipeFooter {
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
}
.premiosprincipefelipeFooter__wrapper .premiosprincipefelipeFooter__inner {
    padding-top: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--main-text-color);
}
.premiosprincipefelipeFooter__nav {
    width: 100%;
}
.premiosprincipefelipeFooter ul {
    margin: 0;
}
.premiosprincipefelipeFooter ul li {
    margin-bottom: 0;
}
.premiosprincipefelipeErrorPage .premiosprincipefelipeErrorPage__wrapper h1 {
    text-align: left;
    font-size: 76px;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--button-bg-color);
}
.premiosprincipefelipeErrorPage__wrapper .premiosprincipefelipeBtn__wrapper {
    justify-content: flex-start;
}
.premiosprincipefelipeSectionContent > .premiosprincipefelipeContainer > ul, .premiosprincipefelipeSectionContent > .premiosprincipefelipeContainer > ol {
    clear: left;
}
.premiosprincipefelipeErrorPage__wrapper > p {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
/* Variation 3 — responsive */
@media screen and (max-width: 1210px) {
    .premiosprincipefelipeShowcase__block {
        width: auto;
    }
    .premiosprincipefelipeShowcase__image {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    h1 {
        font-size: 34px;
        line-height: 40px;
    }
    h2 {
        font-size: 25px;
        line-height: 31px;
    }
    .premiosprincipefelipeToc {
        column-count: 2;
    }
    .premiosprincipefelipeShowcase__block {
        width: auto;
    }
    .premiosprincipefelipeShowcase__image {
        width: 100%;
    }
    .premiosprincipefelipeContent__innerBlock {
        padding: 40px 26px;
    }
}
@media screen and (max-width: 768px) {
    .premiosprincipefelipeContainer {
        padding: 0 18px;
    }
    .premiosprincipefelipeWelcomeBonus {
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        padding: 10px 14px;
    }
    .premiosprincipefelipeWelcomeBonus__wrapper {
        flex-direction: row;
        gap: 12px;
    }
    .premiosprincipefelipeWelcomeBonus__img {
        width: 36px;
        height: 36px;
    }
    .premiosprincipefelipeWelcomeBonus__bonus p {
        font-size: 14px;
        line-height: 18px;
    }
    .premiosprincipefelipeWelcomeBonus .premiosprincipefelipeBtnBonus {
        padding: 10px 14px;
        font-size: 12px;
    }
}
@media screen and (max-width: 600px) {
    .premiosprincipefelipeShowcase__wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
    }
    .premiosprincipefelipeShowcase__block {
        width: auto;
    }
    .premiosprincipefelipeShowcase__image {
        width: 100%;
    }
    .premiosprincipefelipeToc {
        column-count: 1;
    }
    .premiosprincipefelipeSectionContent > .premiosprincipefelipeContainer > p:first-of-type::first-letter {
        font-size: 48px;
        line-height: 40px;
    }
    .premiosprincipefelipeContent__inner, .premiosprincipefelipeContent__innerBg {
        border-radius: 4px;
    }
    .premiosprincipefelipeContent__innerBg img {
        border-radius: 0;
    }
    .premiosprincipefelipeContent__innerBlock {
        padding: 26px 18px;
    }
    .premiosprincipefelipeContent__innerBlock .premiosprincipefelipeBtn__wrapperMain .premiosprincipefelipeBtnPrimary {
        padding: 14px 26px;
    }
    .premiosprincipefelipeErrorPage .premiosprincipefelipeErrorPage__wrapper h1 {
        font-size: 48px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .premiosprincipefelipeBtn__wrapperMain .premiosprincipefelipeBtnPrimary::after {
        animation: none;
    }
    .premiosprincipefelipeBtn, .premiosprincipefelipeShowcase__image img {
        transition: none;
    }
    .premiosprincipefelipeShowcase__block:hover .premiosprincipefelipeShowcase__image img {
        transform: none;
    }
}
/* Variation 3 — keyframes */
@keyframes gen3v3-cta-rule {
    0% {
        transform: scaleX(0);
    }
    55% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(1);
        opacity: 0;
    }
}