.home .showcase-3 {
	margin-top: -150px;
	z-index: 3;
}

.py-4 > .container > .row > .col > span {
	text-align: right;
	float: right;
}

.py-4 > .container > .row > .col {
	text-decoration-line: underline overline;
	position: static;
	float: right;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: rgba(255, 224, 210, 0.61);
}

.home > .py-4 {
	float: none;
	text-align: left;
}

.products-1 > .container > .row > .col-md-3 > .single-product-wrapper > .product-image > a > .align-center {
}

.home > section {
	top: 100px;
}

#navbar > .navbar-nav.ms-auto > .nav-item > .nav-link > span {
	/* color: rgb(0, 0, 0);
	text-decoration-color: rgb(0, 0, 0); */
}

#user-dropdown > svg {
	text-decoration-color: rgb(0, 0, 0);
}

#user-dropdown {
	text-decoration-color: rgb(0, 0, 0);
	/* color: rgb(0, 0, 0); */
}

/* #cart-dropdown {
	color: rgb(0, 0, 0);
	text-decoration-color: rgb(0, 0, 0);
}

#navbar > .navbar-nav.ms-auto > .nav-item > .nav-link {
	 color: rgb(0, 0, 0);
}

#navbar > .navbar-nav.ms-auto > .nav-item > a > span {
	color: rgb(0, 0, 0);
}

#navbar > .navbar-nav.ms-auto > .nav-item > a > span:active {
	color: rgb(4, 4, 4);
	text-decoration-color: rgb(0, 0, 0);
} */

#banner-01 {
	margin-top: 100px;
}

#powerball_feed {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-color: rgb(0, 0, 0);
	border-right-color: rgb(0, 0, 0);
	border-bottom-color: rgb(0, 0, 0);
	border-left-color: rgb(0, 0, 0);
	background-color: rgba(236, 13, 13, 0.59);
	text-align: center;
}

#banner-01 > .container > .row > .col > .container > h1 {
	text-align: center;
	color: rgb(255, 255, 255);
	font-weight: 300;
	font-size: 31px;
	padding-top: 15px;
}

#banner-01 > .container > .row > .col > .container {
	background-color: rgba(232, 0, 0, 0.73);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	opacity: 1;
	min-width: 300px;
	max-width: 400px;
}

#powerball_nextprize {
	font-size: 32px;
	font-weight: 600;
}

#powerballnextprize {
	font-size: 31px;
	font-weight: 300;
}

#banner-01 > .container > .row > .col > .container > h2 {
	color: rgb(255, 255, 255);
	font-size: 33px;
	text-align: center;
}

#banner-01 > .container > .row > .col > .container > .row > .col-6 > h3 {
	color: rgb(255, 255, 255);
}

#banner-01 > .container > .row > .col > .container > .row > .col-6 > .row > .col-sm-4 > h3 {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	font-size: 25px;
}

#banner-01 > .container > .row > .col > .container > .row > .col-4 {
	color: rgb(255, 255, 255);
	text-align: right;
}

#banner-01 > .container > .row > .col > .container > .row > .col-10 > .row > .col-3.dapowerball {
	color: rgb(255, 254, 254);
	text-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;
	min-height: 0px;
	top: auto;
	position: static;
	float: none;
	height: 60px;
	background-color: rgb(255, 0, 0);
}

#banner-01 > .container > .row > .col > .container > .row > .col-10 > .row > .col-3.dapowerball > h3 {
	padding-top: 15px;
}

#banner-01 > .container > .row > .col > .container > .row > .col-10 > .row > .col-3 > h3 {
	color: rgb(0, 0, 0);
	padding-top: 13px;
	text-align: center;
	/* background-color: rgba(0, 0, 0, 0); */
}

#banner-01 > .container > .row > .col > .container > .row > .col-10 > .row > .col-3 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: rgb(255, 255, 255);
	border-right-color: rgb(255, 255, 255);
	border-bottom-color: rgb(255, 255, 255);
	border-left-color: rgb(255, 255, 255);
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: rgb(255, 255, 255);
	margin-right: 5px;
	width: 60px;
	height: 60px;
}

#banner-01 > .container > .row > .col > .container > .row > .col-10 > .row > .col-3.dapowerball > .dapowerball {
	color: rgb(255, 255, 255);
}

#banner-01 > .container > .row {
	display: inline-flex;
}

#banner-01 > .container > .row > .col {
	min-width: 300px;
	width: 350px;
}

#banner-01 > .container > .row > .col > .container > .row {
	padding-right: 10px;
	padding-bottom: 10px;
}

.products-1 > .container > .row > .col-md-3 > .single-product-wrapper > .product-image > a > .align-center.image-fit {
}

#site-content:hover {
	background-color: rgba(0, 0, 0, 0);
}

#site-content:active {
	background-color: rgba(0, 0, 0, 0.01);
}

#login-form > .mb-3 > .btn.w-100.btn-login.my-3.btn-default:active {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.powerball-configurator {
	text-decoration-color: rgb(255, 45, 45);
	background-color: rgba(0, 0, 0, 0);
}

.powerball-configurator > .container > .row.g-4.align-items-center > .col-lg-6 > .lead.text-white-50 {
	color: rgb(0, 0, 0);
}

/* .powerball-configurator > .container > .row.g-4.align-items-center > .col-lg-6 > .card.shadow-sm > .card-body > .d-flex.justify-content-between.align-items-center.mb-3 > div > .mb-0.fw-bold {
	color: rgb(255, 255, 255);
} */

.powerball-configurator > .container > .row.g-4.align-items-center > .col-lg-6 > .card.shadow-sm > .card-body > .d-flex.justify-content-between.align-items-center.mt-4 > .btn.btn-link.text-muted.px-0 {
	/* color: rgb(213, 213, 213); */
	background-color: rgb(170, 170, 170);
	opacity: 0.7;
	margin-right: 0px;
	padding-right: 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Global brand layer: universal light + dark mode */
:root,
[data-bs-theme="light"] {
	--lb-font-base: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
	--lb-font-heading: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
	--lb-primary: #e53935;
	--lb-primary-rgb: 229, 57, 53;
	--lb-primary-2: #ff5a3d;
	--lb-primary-3: #d81b24;
	--lb-bg: #f5f2ed;
	--lb-bg-rgb: 245, 242, 237;
	--lb-surface: #ffffff;
	--lb-text: #242220;
	--lb-muted: #7f756e;
	--lb-border: #e8dfd7;
	--lb-radius-sm: 12px;
	--lb-radius-md: 16px;
	--lb-radius-lg: 20px;
	--lb-shadow-soft: 0 6px 18px rgba(41, 22, 14, 0.08);
	--lb-gradient-primary: linear-gradient(135deg, var(--lb-primary-2) 0%, var(--lb-primary-3) 100%);
}

[data-bs-theme="dark"] {
	--lb-primary: #ff6f5a;
	--lb-primary-rgb: 255, 111, 90;
	--lb-primary-2: #ff7a5f;
	--lb-primary-3: #d81b24;
	--lb-bg: #161311;
	--lb-bg-rgb: 22, 19, 17;
	--lb-surface: #221d1a;
	--lb-text: #f7f1eb;
	--lb-muted: #c2b4a8;
	--lb-border: #3a302b;
	--lb-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.28);
}

:root,
[data-bs-theme] {
	--bs-font-sans-serif: var(--lb-font-base);
	--bs-font-headings: var(--lb-font-heading);
	--bs-primary: var(--lb-primary);
	--bs-primary-rgb: var(--lb-primary-rgb);
	--bs-body-bg: var(--lb-bg);
	--bs-body-bg-rgb: var(--lb-bg-rgb);
	--bs-body-color: var(--lb-text);
	--bs-secondary-color: var(--lb-muted);
	--bs-border-color: var(--lb-border);
}

html, body {
	font-family: var(--lb-font-base);
	background: var(--lb-bg);
	color: var(--lb-text);
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
	max-width: 1280px;
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
	font-family: var(--lb-font-heading);
	font-weight: 700;
}

.card,
.dropdown-menu,
.modal-content,
.list-group-item,
.form-control,
.form-select,
.input-group-text {
	background-color: var(--lb-surface);
	border-color: var(--lb-border);
	border-radius: var(--lb-radius-md);
	box-shadow: var(--lb-shadow-soft);
}

.btn {
	border-radius: var(--lb-radius-sm);
	min-height: 48px;
	/* padding: 0.65rem 1.5rem; */
	font-weight: 600;
}

.btn-primary,
.bg-primary {
	background: var(--lb-gradient-primary) !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	filter: brightness(0.97);
}

.btn-outline-primary {
	background: #fff;
	color: var(--lb-primary);
	border: 2px solid var(--lb-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	background: rgba(var(--lb-primary-rgb), 0.08);
	color: var(--lb-primary);
}

.form-control,
.form-select {
	border-width: 1px;
	min-height: 48px;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--lb-primary);
	box-shadow: 0 0 0 0.2rem rgba(var(--lb-primary-rgb), 0.2);
}

a,
.text-primary {
	color: var(--lb-primary) !important;
}

/* Reusable jackpot/hero emphasis surface */
.jackpot-card,
.hero-card,
.bg-gradient-primary {
	background: var(--lb-gradient-primary) !important;
	color: #fff !important;
	border-radius: var(--lb-radius-md);
}

.powerball-grid {
	margin-left: 5px;
	margin-right: 5px;
}

#top-docs-btn{
	display: none;
}

.img-rounded{
	width: 20%;
}
/* Powerball picker contrast fix (especially in light mode when selected) */
.powerball-configurator .powerball-number {
	color: var(--lb-text) !important;
	background-color: var(--lb-surface) !important;
	border: 1px solid var(--lb-border) !important;
	width: 10%;
  	height: 40px;
	border-radius: 0.5rem;
	word-wrap: normal;
}

.powerball-configurator .powerball-number.active {
	background: var(--lb-gradient-primary) !important;
	/* color: #fff !important; */
	border-color: transparent !important;
}

.powerball-configurator .powerball-number--red.active {
	background: var(--lb-primary) !important;
	/* color: #fff !important; */
}


.lotto-numbers-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0;
}

.lotto-number-ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0f0f0;
    border: 2px solid #d1d5db;
    font-weight: 600;
    font-size: 13px;
    color: #1f2937;
}

.lotto-number-ball.special {
    background: #e74c3c;
    border-color: #c0392b;
    color: white;
}


/* para el index */
.latest-title {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 4px;
}

.latest-date {
    color: #6c757d;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.latest-main,
.latest-special {
    margin-bottom: 8px;
}

.latest-main span,
.latest-special span {
    margin-right: 4px;
}

.lotto-ball {
	display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0;
}

.lotto-ball-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0f0f0;
    border: 2px solid #d1d5db;
    font-weight: 600;
    font-size: 13px;
    color: #1f2937;
}

.lotto-ball-special {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
	font-weight: 800;
    background: linear-gradient(135deg, #e53935, #b71c1c);
	color: white;
}

.latest-footer {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-weight: 500;
    color: #28a745;
}

/* Carrusel */
#latestResultsCarousel .carousel-item .card {
    max-width: 500px;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

#latestResultsCarousel .carousel-control-prev,
#latestResultsCarousel .carousel-control-next {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}

#latestResultsCarousel .carousel-control-prev {
    left: -20px;
}

#latestResultsCarousel .carousel-control-next {
    right: -20px;
}

#push-container {
    display: none !important;
}
#push-container.visible {
    display: block !important;
}

#push-subscribe-btn{
	position: fixed;
  	right: 0px;
}

.next-draw-info {
    min-height: 150px; /* o la altura que desee */
}

.carousel-controls-pause {
	position: absolute;
  	bottom: -20px;
  	right: 45.5%;
}

.carousel-item {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Preserve line breaks for lotto ticket summary in cart/order */
[data-v-product-option-name] {
	white-space: pre-line;
}