:root {
    --red-dark: #7B0B0B;
    --red-primary: #D32F2F;
    --red-bright: #E53935;
    --red-medium: #EF5350;
    --red-light: #FF7F7F;
    --red-pale: #FFE5E5;

    --bg: #2c2c2c;
    --bg-dark: #121212;
    --bg-light: #545454;
    --surface: #F3F4F6;
    --text: #959595;
    --muted: #6b7280;
    --border: #E5E7EB;

    --teal: #00B3C6;
    --navy: #0B72B0;
    --amber: #FFC107;
    --success: #43A047;
    --purple: #7E57C2;
}

body {
    background-color: var(--bg);
}

p,
span {
    color: var(--text);
}

.preloader {
    background-image: linear-gradient(7deg, var(--red-primary) 0%, var(--red-dark) 100%);
}

/* Header styles */
.header__top {
    padding-top: 10px;
    border-bottom: none;
}

.header__bottom {
    padding: 0 !important;
}

.header.menu-fixed .header__bottom {
    background-color: var(--bg-dark);
}

.site-logo img {
    height: 100px;
    margin: 10px 0;
    padding: 0;
}

.site-logo {
    padding: 0;
}

/* Hero styles */
.hero,
.inner-hero-section {
    background-image: linear-gradient(90deg, var(--bg-dark) 0%, var(--bg-light) 100%);
}

/* buttons styles */
.cmn-btn.style--three {
    background-image: linear-gradient(180deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.cmn-btn {
    background-image: linear-gradient(90deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.nav-tabs:not(.winner-tab-nav) .nav-item .cmn-btn.active {
    background-image: linear-gradient(90deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.contest-description .nav-tabs .nav-item .cmn-btn {
    background-color: var(--bg-light);
}

#car-desc p,
#raffle-desc {
    color: var(--text);
}

.cmn-btn.style--two {
    background-image: linear-gradient(90deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.nav-tabs:not(.winner-tab-nav) .nav-item .cmn-btn.active {
    background: linear-gradient(180deg, var(--red-primary) 0%, var(--red-medium) 100%);
    box-shadow: -1.113px 7.922px 16px 0px rgba(245, 61, 61, 0.63);
}

.header__top .right .total__amount {
    background-color: black;
}

.scroll-to-top,
.header__top .right .amount__btn .cart__num {
    background-image: linear-gradient(360deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

/* como participar cards styles */
.play-card {
    background-color: black;
}

.play-card p {
    color: var(--text);
}

.play-card__icon {
    background-color: rgb(23, 23, 23);
    box-shadow: 0px 13px 21px 0px rgba(250, 30, 30, 0.5), inset 0px 0px 15px 5px #c60101;
}

.play-card__icon .play-card__number {
    background-image: linear-gradient(315deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

/* Destacados cards */
.contest-card {
    background-color: black;
}

.contest-card__thumb {
    background-color: var(--bg-dark);
}

.contest-card p {
    color: var(--text);
}

/* seccion top 10 ganadores y about us */
.winner-wrapper,
.about-wrapper {
    background-image: linear-gradient(270deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

/* Nuestros numeros */
.overview-card,
.feature-card {
    background-image: linear-gradient(0deg, var(--bg-dark) 0%, var(--bg-light) 100%);
}

.overview-card p {
    color: var(--text);
}

/* footer  */
.footer-section {
    background-color: var(--bg-dark);
}

.short-links li a,
.footer-section p,
.footer-section span {
    color: whitesmoke;
}

.short-links li a::before {
    background-color: whitesmoke;
}

.social-links li a .icon-tiktok-svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
    vertical-align: middle;
}

/* hero de catalogo */
.contest-wrapper__header {
    background-color: var(--red-dark);
}

/* Filtros de catalogo */
#filter-search,
#filter-price-min,
#filter-price-max,
#filters-apply {
    color: var(--border);
}

#filter-search,
#filter-price-min,
#filter-price-max,
.contest-wrapper .contest-filter-wrapper .nice-select {
    border-color: var(--border);
}

.contest-wrapper .contest-filter-wrapper .nice-select .list {
    background-color: var(--bg-dark);
}

.contest-wrapper .contest-filter-wrapper .nice-select .list .option.selected,
.contest-wrapper .contest-filter-wrapper .nice-select .list .option:hover {
    background-color: rgb(30, 30, 30);
}

.icon-item2 p {
    color: var(--text);
}

/* About us */
.about-wrapper p {
    color: whitesmoke;
}

.counter-wrapper {
    background-color: var(--bg-dark);
    box-shadow: inset 0 -3px 8px 3px rgba(238, 29, 29, 0.329), 0px 10px 21px 0px rgba(177, 40, 40, 0.6);
}

.feature-card.style--two .feature-card__icon {
    background-color: var(--red-primary);
}

.feature-card.style--two .feature-card__icon .inner {
    background-image: linear-gradient(-45deg, var(--bg-dark) 0%, var(--bg-dark) 100%);
    box-shadow: inset 0 0px 19px 2px rgba(236, 19, 19, 0.329);
}

.feature-card.style--two:hover .feature-card__icon .inner {
    box-shadow: inset 0 0px 50px 2px rgba(236, 19, 19, 0.639);
}

.has-bg--shape .bg-shape {
    background-image: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg) 100%);
}

/* Detalles de la rifa */
.contest-cart,
.icon-item {
    background-color: var(--bg-dark);
}

.contest-cart p,
.contest-cart li,
.contest-cart__right .ticket-price small,
#desc-text,
#rules-text {
    color: var(--text);
}

.contest-cart__thumb-slider,
.contest-cart__nav-slider .single-slide,
.contest-cart__nav-slider .slick-arrow,
.contest-cart__right .quantity-nav .quantity-button.quantity-up,
.contest-cart__right .quantity-nav .quantity-button.quantity-down {
    background-color: var(--bg);
}

/* Carrito */
.lottery-wrapper .action-header,
.lottery-single {
    background-color: var(--bg-dark);
}

.lottery-single__header {
    background-color: black;
}

.lottery-single__header .top {
    border-bottom: 1px solid var(--muted);
}

input:not([type=radio]),
textarea,
.buy-lottery-ticket {
    border: 1px solid var(--border);
    color: white;
}

.form-control:focus {
    color: white;
}

.sub-total-price p,
.sub-total-price span {
    color: white;
}

.buy-lottery-ticket .total-price {
    border-top: 1px solid var(--muted);
}

/* Checkout  */
.checkout-area {
    background-color: black;
}

.lottery-single__close {
    background-image: linear-gradient(360deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.checkout-form-area .top,
.checkout-form-area .personal-details,
.checkout-wrapper__body,
.checkout-form-area .payment-details {
    background-color: var(--bg);
}

.checkout-wrapper__header {
    background-color: var(--bg-dark);
}

.checkout-wrapper__header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.checkout-reservation-timer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    min-height: 36px;
}

.checkout-reservation-timer i {
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
}

.checkout-reservation-timer .clock2 {
    margin: 0;
}

.checkout-reservation-timer .clock2 div {
    margin: 0 8px 0 0;
}

.checkout-reservation-timer .clock2 div:last-child {
    margin-right: 0;
}

.checkout-reservation-timer .clock2 div span,
.checkout-reservation-timer .clock2 div p {
    color: #ffffff;
}


/* -section start */
.success-wrapper, .warning-wrapper, .danger-wrapper {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.success-wrapper__inner img, .warning-wrapper__inner img, .danger-wrapper__inner img {
    position: relative;
    width: 35%;
}

.success-wrapper__inner, .warning-wrapper__inner, .danger-wrapper__inner {  
    width: 100%;
    height: 70%;
    margin: 25px 0;
    border-radius: 15rem;
    animation: colorFlow 5s infinite linear;
}

.success-wrapper__inner {  
    background-image: linear-gradient(120deg, #2E7D32 0%, #43A047 50%, #66BB6A 100%);
}

.warning-wrapper__inner { 
    background-image: linear-gradient(120deg, #F9A825 0%, #FBC02D 50%, #FDD835 100%);
}

.danger-wrapper__inner { 
    background-image: linear-gradient(120deg, #B71C1C 0%, #D32F2F 50%, #EF5350 100%);
}

.success-wrapper__content, .warning-wrapper__content, .danger-wrapper__content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.success-wrapper__content .cmn-btn, .warning-wrapper__content .cmn-btn, .danger-wrapper__content .cmn-btn {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 30px;
}

.success-wrapper__content .cmn-btn i, .warning-wrapper__content .cmn-btn i, .danger-wrapper__content .cmn-btn i {
    margin-left: 6px;
    font-size: 32px;
}

.winner-car-img {
    position: absolute;
    bottom: 70px;
    left: 0;
}

/* .winner-slide-item .bg_img {
    background-image: url("assets/images/elements/winner-content-bg.jpg");
} */

.raffle-winner-name, .winner-ticket-number {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #ffb200;
  text-shadow: 0px 7px 4px rgba(87, 74, 179, 0.65);
}

.icon-mp-pluma {
  width: 42px;   /* ajusta al tamaño que necesites */
  height: auto;
  vertical-align: middle;
  display: inline-block;
}

.contest-details__thumb-slider {
    background-color: var(--bg-dark);
    border-radius: 25px;
}

.contest-details__nav-slider .single-slide {
    background-color: var(--bg-dark);
}

.contest-details__nav-slider .slick-arrow {
    background-image: linear-gradient(360deg, var(--red-dark) 0%, var(--red-primary) 100%);
}

.contest-details__nav-slider .slick-arrow:hover,
.contest-cart__nav-slider  .slick-arrow:hover {
  /* background-image: linear-gradient(7deg, rgb(236, 19, 121) 0%, rgb(108, 0, 146) 100%); */
  background: linear-gradient(0deg, var(--red-primary) 0%, var(--red-medium) 100%);
}

/* Quiero enviar mi auto */
.whatsapp-float {
    height: 56px;
    width: 170px;
    position: fixed;
    bottom: 20px;        
    right: 0;  
    display: inline-flex;
    z-index: 99999;
    cursor: pointer;
    align-items: center;
    text-align: center;
    padding: 0 14px 0 14px;
    border-radius: 28px 0 0 28px;
    background-image: linear-gradient(90deg, var(--bg-light) 0%, var(--bg-dark) 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.whatsapp-float i {
    color: #25D366;
}

.whatsapp-float .whatsapp-text {
    color: #fff;
    line-height: 1;
}

/* ----- Sección "Enviar mi auto" ----- */
.send-car-section {
  padding: 48px 24px;
  /* background: var(--bg-dark); */
  color: #fff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin-bottom: 64px;
}

.send-car-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px;
}

.send-car-content {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--bg-dark);
    border-radius: 24px;
    padding: 48px 36px;
    box-shadow: 0 6px 18px rgba(16,24,40,0.04);
    border: 1px solid rgba(16,24,40,0.03);
}

/* texto */
.send-car-text h2 {
  margin: 0 0 6px 0;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #fff;
}

.send-car-subtitle {
  margin: 0;
  font-size: 24px;
  color: #d5d5d5;
  opacity: 0.95;
  line-height: 1.35;
}

/* CTA */
.send-car-cta {
  margin-left: auto;
}

/* Botón WhatsApp - estilo contenido, discreto pero visible */
.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #1f8f4a;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
    box-shadow: 0 6px 18px rgba(31,143,74,0.12);
}

.btn-whatsapp .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.06);
    border-radius: 8px;
    color: #fff;
    flex-shrink: 0;
}

.btn-whatsapp .btn-text {
    color: #fff;
}

/* hover */
.btn-whatsapp:hover,
.btn-whatsapp:focus {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(31,143,74,0.16);
    outline: none;
}

/* adaptaciones móviles: apilar */
@media (max-width: 760px) {
    .send-car-content {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .send-car-cta {
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }
}

.terms-privacy-container {
    display: flex;
    justify-content: center;
}
.terms-privacy-container p {
    font-size: 12px;
}