/*
==================================================================
Theme Name: Mabre
Author: Neobrand
Author URI: https://neobrand.com
==================================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

:root {
	--magenta: #e50c7e;
	--amarillo: #feeb1a;
}

::selection {
	background-color: var(--amarillo);
	text-shadow: none;
	color: black;
}

::placeholder {
	color: black;
}

.escritorio{
	display: block;
}

.movil{
	display: none;
}

body{
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,.font-main{
	font-family: 'Orbitron', sans-serif;
	letter-spacing: 1px;
}

.tipoUno{
	font-family: 'Roboto', sans-serif;
}

.header .flex-1{
	flex: 1 0 0;
}

.header .header-logo a img {
	height: 50px;
}

.header .main-menu ul li{
	margin: 0;
}

.main-menu > ul > li > a{
	color: #000000;
}

.header .header-actions .header-action-btn-cart{
	padding: 0;
}

.hero-slide-content .title{
	letter-spacing: 2px;
}

.btn {
	border-radius: 0 !important;
	letter-spacing: 1px;
	font-weight: 500;
}

.bg-dark{
	background-color: #000000 !important;
}

.bg-success{
	background-color: #68b77c !important;
}

.btn-primary, #place_order {
	border-radius: 0;
	border-color: var(--magenta);
	background-color: var(--magenta);
	color: #fff;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle{
	border-color: var(--magenta);
	background-color: var(--magenta);
	color: #000;
}

.btn-secondary{
	border-color: var(--amarillo);
	background-color: var(--amarillo);
	color: black;
}

.btn-check:checked + .btn-psecondary,
.btn-check:active + .btn-psecondary,
.btn-psecondary:active,
.btn-psecondary.active,
.show > .btn-psecondary.dropdown-toggle{
	border-color: var(--amarillo);
	background-color: var(--amarillo);
	color: #fff;
}

.btn-primary:hover, #place_order:hover {
	border-color: #000000;
	background-color: #000000;
	color: #fff;
}

.btn-dark {
	border-color: #000000;
	background-color: #000000;
	color: #fff;
}

.btn-sm {
	padding: 10px 15px;
	font-size: 13px;
	letter-spacing: 0.4px;
}

.hero-slider .main-slider-nav {
	color: #000000;
	font-size: 40px;
	height: 60px;
	width: 60px;
	background: transparent;
}

.hero-slider .main-slider-nav:hover {
	color: var(--magenta);
	background: transparent;
}

.header-top-msg-wrapper .header-top-message {
	font-weight: 600;
	color: #000000;
}

.header-actions a.rrss {
	display: flex;
	align-items: center;
	border: none;
	border-radius: 0;
	font-size: 26px;
	color: #000000;
}

.header-actions a.rrss:hover{
	color: var(--magenta);
}

.hero-slide-bg::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-slide-content .title,
.hero-slide-content .sub-title,
.hero-slide-content p{
	color: #fff;
}

.product .content{
	padding: 20px 15px 0;
}

.product .content h5.title{
	font-family: 'Roboto', sans-serif;
}

.section-title .title,
.product-summery .product-head .product-title{
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: 800;
	line-height: 30px;
	margin: 0;
	text-transform: uppercase;
	color: #000000;
}

.about-content p{
	font-size: 16px;
}

.about-content p a{
	color: var(--magenta);
}

.colaboradores-carousel .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1 / 1;
}

.colaboradores-carousel .swiper-slide img{
	max-width: 220px;
}

.colaboradores-carousel .swiper-nav-button,
.productos-carousel .swiper-nav-button,
.product-carousel .swiper-nav-button {
	color: black;
	opacity: 1;
	visibility: visible;
	font-size: 28px;
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}

.colaboradores-carousel .swiper-nav-button:hover,
.productos-carousel .swiper-nav-button:hover,
.product-carousel .swiper-nav-button:hover {
	color: var(--magenta);
	background-color: transparent;
}

.fc-event-title.fc-sticky{
	font-weight: 600;
}

.fc-daygrid-event{
	white-space: normal !important;
	line-height: 16px;
	padding: 2px 5px;
}

#fc-dom-1 {
	font-size: 18px;
	font-weight: 800;
	line-height: 30px;
	margin: 0;
	text-transform: uppercase;
}

.breadcrumb-area.bg-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.breadcrumb-area.bg-image::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}

.breadcrumb-area .container {
	z-index: 1;
}

.breadcrumb-area.breadcrumb .woocommerce-breadcrumb{
	color: #fff;
}

.breadcrumb-area.bg-image .breadcrumb-wrapper .breadcrumb-title {
	letter-spacing: 2px;
	font-size: 28px;
	font-weight: 800;
	line-height: 30px;
	margin: 0;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 1px 1px 1px black;
}

.breadcrumb-area.bg-image .breadcrumb-wrapper .breadcrumb-subtitle {
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 800;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 1px 1px 1px black;
}

.breadcrumb .breadcrumb-wrapper .breadcrumb-title {
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
}

.fc .fc-button {
	border-radius: 0 !important;
}

.fc .fc-button-primary {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

.fc .fc-button-primary:hover, .fc .fc-button-active {
	background-color: var(--magenta) !important;
	border-color: var(--magenta) !important;
	color: #000000 !important;
}

button.single_add_to_cart_button{
	display: none;
}

button.single_add_to_cart_button.bueno{
	display: block;
}

#single-product .configuracion > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: var(--bs-light);
}

#single-product .configuracion > div .opciones{
	display: flex;
	justify-content: end;
	gap: 5px;
}

#single-product .configuracion > div .opciones .atributo {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	background-color: var(--bs-gray);
	font-size: 12px;
	color: white;
}

#single-product .configuracion > div .opciones .atributo.selected {
	background-color: var(--magenta);
	color: #fff;
}

#single-product .seleccionar{
	transition: border 0.5s ease;
}

.success{
	background-color: #85D967 !important;
	border-color: #85D967 !important;
}

.error{
	background-color: #F99F9F !important;
	border-color: #F99F9F !important;
}

#single-product .seleccionar.error,
#single-product .fechas.error{
	color: red;
	border-color: red;
	animation: horizontal-shaking 0.35s infinite;
}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}


table.variations{
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
}

table.variations a.reset_variations {
	visibility: hidden;
	right: 5px;
	top: 5px;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	position: absolute;
	font-style: italic;
	color: #bbbbbb;
}

.container .woocommerce-message{
	border-top-color: var(--magenta);
	margin-top: -60px;
}

.cart-empty.woocommerce-info{
	margin-bottom: 25px;
}

.cart dl.variation{
	display: flex;
	align-items: center;
}

.cart .price {
	font-size: 32px;
	margin-top: 20px;
	display: block;
	font-weight: 500;
	position: absolute;
	left: 315px;
	top: -25px;
}

.single_variation_wrap{
	position: relative;
}

.single_variation_wrap > a {
	position: absolute;
	left: 228px;
	top: -80px;
	font-size: 14px;
	font-style: italic;
}

.cart .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
	width: 150px;
}

.woocommerce-input-wrapper select {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #555555;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d8d8d8;
	border-radius: 0.25rem;
}

wc-order-attribution-inputs{
	display: none !important;
}

.woocommerce-cart-form .shop_table.cart{
	margin-bottom: 50px;
}

.woocommerce-cart-form .shop_table.cart tr:last-child{
	display: none;
}

.woocommerce .button.alt.wp-element-button{
	font-size: 14px;
	padding: 15px 30px;
	border: 1px solid transparent;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	border-color: var(--magenta);
	background-color: var(--magenta);
	color: #000000;
}

.woocommerce .button.alt.wp-element-button:hover {
	color: var(--magenta);
	background-color: #000000;
	border-color: #000000;
}

.woocommerce #wcpay-card-element, #wcpay-sepa-element {
	border: 1px solid #ddd;
	padding: 15px 7px;
	min-height: 35px;
	border-radius: 6px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #fff !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border-color: #fff !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #fff !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background-color: #f7f6f7 !important;
}

.checkout.woocommerce-checkout h3{
	font-size: 22px;
	font-weight: 700;
}

#ship-to-different-address {
	margin-top: 25px;
}

.fit-image {
	width: 100% !important;
	-o-object-fit: none !important;
	height: auto !important;
}

.product-deal-content .title {
	font-size: 32px;
	font-weight: 600;
}

.mobile-menu > li {
	margin-bottom: 30px;
}

.widget-social a {
	font-size: 28px;
	margin-right: 10px;
}

.woocommerce-form-coupon-toggle,
.shop_table.woocommerce-checkout-review-order-table thead,
.shop_table.woocommerce-checkout-review-order-table tbody{
	display: none !important;
}

.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th{
	border-top: none !important;
}

form.checkout_coupon.woocommerce-form-coupon{
	display: block !important;
	background-color: #f7f6f7;
}

#eventos .fc-listYear-view .fc-day-past,
#eventos .fc-listYear-view .fc-event-past{
	opacity: 0.6;
}

.single-footer-widget .widget-title {
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 900;
}

.swiper-slide-active .hero-slide-content > * {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.progress-bar{
	background-color: var(--amarillo);
	animation: progressAnimation 2s ease-in-out;
	box-shadow: inset 0 0 15px rgba(174, 172, 39, 0.3);
}

.progress {
	border-radius: 100px;
	width: 100%;
	height: 40px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.desc-content ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    max-width: 600px; 
    margin: auto; 
}

.desc-content ul li {
    background: #f9f9f9; 
    margin: 10px 0; 
    padding: 15px; 
    border-radius: 5px; 
    transition: background 0.3s ease; 
}

.desc-content ul li::before {
    content: '✔'; 
    color: var(--magenta); 
    font-size: 20px; 
    margin-right: 15px; 
}

@keyframes progressAnimation {
  from {
    width: 0;
  }
  to {
    width: <?php echo $porcentaje; ?>%;
  }
}

.header-actions .header-action-btn .header-action-num {
	right: -7px;
	top: -7px;
}

@media (max-width: 765px) {

	.escritorio{
		display: none;
	}

	.movil{
		display: block;
	}

	.hero-slider .swiper-pagination{
		visibility: visible !important;
		opacity: 1 !important;
	}

	.hero-slide-item {
		height: 500px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start;
		padding-top: 40px;
	}

	.hero-slide-bg img {
		object-position: bottom;
	}

	#eventos.fc .fc-toolbar{
		display: block;
	}

	#eventos.fc .fc-toolbar .fc-toolbar-chunk{
		float: left;
		width: 50%;
		text-align: right;
	}

	#eventos.fc .fc-toolbar .fc-toolbar-chunk:first-child{
		text-align: left;
	}

	#eventos.fc .fc-toolbar .fc-toolbar-chunk:last-child{
		margin-top: 15px;
		width: 100%;
		text-align: center;
	}
	
	.cart .cw_quantity_select{
		float: none !important;
		display: inline-block;
	}

}