:root {
    --rcp-disabled-color: #cbcfd5;
    --rcp-disabled-dark-color: #757474;
    --rcp-color: #c3904b;
    --rcp-padding: 18px;
    --card-radius: 35px;
}

.stk-inner-blocks:not(.stk-row) {
    height: 100% !important;
    min-height: 100% !important;
}


.rcp-padding {
    height: 175px;
    padding-inline: var(--rcp-padding);
}

.rcp-card {
    --outline-hover-size: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: var(--card-radius);
    padding-bottom: var(--rcp-padding);
    background-color: #fff;
    color: black !important;
    margin: var(--outline-hover-size) !important;
    justify-content: space-between;
    height: 100%;
    width:104%;
}

.rcp-card:hover {
    outline: var(--outline-hover-size) solid #C3904B;
}

.rcp-card.disabled:hover {
    outline: var(--outline-hover-size) solid #C3904B;
}

.rcp-card-body {
    position: relative;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left !important;
}

.rcp-thumb {
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-top: var(--rcp-padding);
    margin-bottom: var(--rcp-padding);
}

.rcp-thumb:after {
    content: "";
    top: 0;
    bottom: 30%;
    left: 0;
    right: 0;
    z-index: 1;
    position: absolute;
    border-top-left-radius: var(--card-radius);
    border-top-right-radius: var(--card-radius);
}

.rcp-thumb.level-1::after {
    background-image: linear-gradient(140deg, hsl(0, 0%, 42%) 0%, hsl(344, 0%, 47%) 7%, hsl(344, 0%, 51%) 14%, hsl(344, 0%, 55%) 21%, hsl(344, 0%, 62%) 29%, hsl(344, 0%, 71%) 36%, hsl(344, 0%, 81%) 43%, hsl(0, 0%, 90%) 50%, hsl(344, 0%, 81%) 57%, hsl(344, 0%, 71%) 64%, hsl(344, 0%, 62%) 71%, hsl(344, 0%, 55%) 79%, hsl(344, 0%, 51%) 86%, hsl(344, 0%, 47%) 93%, hsl(0, 0%, 42%) 100%);
}

.rcp-thumb.level-2::after {
    background-image: linear-gradient(140deg, hsl(0, 0%, 73%) 0%, hsl(344, 0%, 73%) 7%, hsl(344, 0%, 73%) 14%, hsl(344, 0%, 73%) 21%, hsl(344, 0%, 75%) 29%, hsl(344, 0%, 79%) 36%, hsl(344, 0%, 84%) 43%, hsl(0, 0%, 88%) 50%, hsl(344, 0%, 84%) 57%, hsl(344, 0%, 79%) 64%, hsl(344, 0%, 75%) 71%, hsl(344, 0%, 73%) 79%, hsl(344, 0%, 73%) 86%, hsl(344, 0%, 73%) 93%, hsl(0, 0%, 73%) 100%);
}

.rcp-thumb.level-3::after {
    background-image: linear-gradient(140deg, hsl(222, 11%, 60%) 0%, hsl(222, 11%, 60%) 7%, hsl(222, 11%, 60%) 14%, hsl(222, 11%, 60%) 21%, hsl(222, 11%, 64%) 29%, hsl(223, 9%, 72%) 36%, hsl(223, 7%, 80%) 43%, hsl(0, 0%, 88%) 50%, hsl(223, 7%, 80%) 57%, hsl(223, 9%, 72%) 64%, hsl(222, 11%, 64%) 71%, hsl(222, 11%, 60%) 79%, hsl(222, 11%, 60%) 86%, hsl(222, 11%, 60%) 93%, hsl(222, 11%, 60%) 100%);
}

.rcp-thumb.level-4::after {
    background-image: linear-gradient(140deg, hsl(223, 13%, 50%) 0%, hsl(223, 13%, 50%) 7%, hsl(223, 13%, 50%) 14%, hsl(223, 13%, 50%) 21%, hsl(224, 12%, 55%) 29%, hsl(225, 11%, 66%) 36%, hsl(225, 8%, 77%) 43%, hsl(0, 0%, 88%) 50%, hsl(225, 8%, 77%) 57%, hsl(225, 11%, 66%) 64%, hsl(224, 12%, 55%) 71%, hsl(223, 13%, 50%) 79%, hsl(223, 13%, 50%) 86%, hsl(223, 13%, 50%) 93%, hsl(223, 13%, 50%) 100%);
}

.rcp-thumb.level-5::after {
    background-image: linear-gradient(140deg, hsl(49, 32%, 54%) 0%, hsl(49, 32%, 54%) 7%, hsl(49, 32%, 54%) 14%, hsl(49, 32%, 54%) 21%, hsl(48, 31%, 59%) 29%, hsl(47, 29%, 69%) 36%, hsl(45, 22%, 79%) 43%, hsl(0, 0%, 88%) 50%, hsl(45, 22%, 79%) 57%, hsl(47, 29%, 69%) 64%, hsl(48, 31%, 59%) 71%, hsl(49, 32%, 54%) 79%, hsl(49, 32%, 54%) 86%, hsl(49, 32%, 54%) 93%, hsl(49, 32%, 54%) 100%);
}

.rcp-thumb-img {
    display: block;
    width: 100%;
    /* max-width: 250px; */
    margin-inline: auto;
    z-index: 3;
    position: relative;
    border-radius: 15px;
}

.rcp-position-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.rcp-lock-status-image {
    max-width: 30px;
    --size: clamp(25px, 5vw, 30px);
    width: var(--size);
    height: var(--size);
    aspect-ratio: 1;
}

.rcp-title {
    color: var(--rcp-color) !important;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 1.2em;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.rcp-description {
    font-size: 13px;
    color: black !important;
    line-height: 1.4em !important;
}


.rcp-cta {
    display: flex;
    align-items: center;
    /*flex-direction: column;*/
    gap: 10px;
    position: relative;
    z-index: 5;
    max-width: max-content;
    margin-inline: auto;
    color: #fff;
}

.rcp-cta a {
    color: #fff !important;
    text-decoration: none !important;
}

.rcp-cta .rcp-buy-button:hover {
    color: #fff !important;
}

a.rcp-details {
    color: black !important;
    text-decoration: underline !important;
}

.cooldown .rcp-cta a.rcp-details {
    color: white !important;
}

.rcp-buy-button {
    background-color: var(--rcp-color);
    border: none;
    outline: none;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    display: flex;
    gap: 10px;
    color: white !important;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    line-height: normal;
}

.rcp-buy-button.disabled,
.rcp-buy-button[disabled] {
    background: var(--rcp-disabled-color);
    cursor: no-drop;
}

.rcp-price {
    color: var(--rcp-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
}

.rcp-price small {
    font-size: 11px;
}

.rcp-disabled-price {
    display: flex;
    gap: 10px;
    text-align: center;
    color: var(--rcp-disabled-dark-color);
    align-items: center;
    font-size: 12px;
    margin-top: var(--rcp-padding);
    line-height: 1 !important;
}



.rcp-cover {
    background-color: rgb(0 0 0 / .9);
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 4;
    backdrop-filter: blur(10px);
    color: white;
    transform: scale(1.01);
    border-radius: var(--card-radius);
}

.rcp-card-coundown-body {
    z-index: 4;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--rcp-padding);
    max-height: max-content;
    height: 100%;
    padding-top: var(--rcp-padding);
}

.rcp-card-coundown-body .mask {
    border-radius: 50%;
    background: conic-gradient(#EFEFEF 0%, #EFEFEF var(--percentage, 20%), #C3904B 0);
    --circle-stroke: clamp(64%, 5vw, 120px);
    -webkit-mask: radial-gradient(transparent var(--circle-stroke), #000 90px);
    mask: radial-gradient(transparent var(--circle-stroke), #000 90px);
}

.rcp-card-coundown-body the-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.rcp-card-coundown-body .mask:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.rcp-card-coundown-body .timer {
    margin: 0 auto;
    width: 100%;
    max-width: 265px;
    animation: change 3s linear alternate infinite;
    position: relative;
    zoom: 80%;
}

.rcp-card-coundown-body .content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0;
    color: white !important;
}

.rcp-card-coundown-body .time {
    display: flex;
    gap: 10px;
}

.rcp-card-coundown-body .time .time-unit {
    display: grid;
    text-align: center;
    gap: 5px;
    margin: 0 !important;
}

.rcp-card-coundown-body .time .time-unit span:first-child {
    font-size: clamp(30px, 4vw, 50px) !important;
    color: var(--rcp-color);
    line-height: 1;
}

.rcp-countdown-description {
    color: black;
    background-color: white;
    border-radius: 25px;
    padding: 20px;
    width: 80%;
    max-width: 250px;
    font-size: 13px !important;
    line-height: 1.4em;
    text-wrap: balance;
    margin: 0 !important;
}
.ver_detalles
{
    margin:0 auto;
}

p.rcp-description {
    height: 150px;
}