/*
Version:      1.0.0

Theme Name:   Potencial Educativo
Theme URI:    https://potencialeducativo.com
Description:  Tema de WordPress personalizado para Potencial Educativo.

Author:       Flux
Author URI:   https://fluxcreativos.com

Template:     flux-elementor
Text Domain:  potencial-educativo
*/

body {
  overflow-y: scroll;
  overscroll-behavior: none;
}

b,
strong {
  font-weight: bold;
}

/* ----------------------------------------------------------------------------
  CSS pseudo-element that applies styles to the part of a document that has
  been highlighted by the user (such as clicking and dragging the mouse across
  text), see: https://developer.mozilla.org/docs/Web/CSS/::selection
---------------------------------------------------------------------------- */

::selection {
  background-color: hsla(333 85% 92% / 0.5);
}
::-moz-selection {
  background-color: hsla(333 85% 92% / 0.5);
}
/*
#footer ::selection {
  background-color: hsla(10 64% 21% / 0.5);
}
#footer ::-moz-selection {
  background-color: hsla(10 64% 21% / 0.5);
}
*/

/*-----------------------------------------------------------------------------
  Utility
-----------------------------------------------------------------------------*/

.d-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.deco-img {
  pointer-events: none;
  user-select: none;
}

/*-----------------------------------------------------------------------------
  Developer
-----------------------------------------------------------------------------*/

#flux svg {
  width: auto;
  height: 16px;
}

#flux a:hover svg g {
  fill: var(--e-global-color-primary);
}


/*-----------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------*/

#header.hidden {
  transform: translateY(-100%);
}

/* 
#menu-principal ul[id^="menu-1"] li:last-of-type a {
	font-weight: 500;
	padding-right: 0;
}
*/

/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/

#footer .elementor-item {
	display: inline-flex;
	margin: 5px 0;
    padding-left: 0;
	padding-right: 0;
}

#footer .elementor-item::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: var(--e-global-color-accent);
  bottom: 8px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

#footer .elementor-item:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*-----------------------------------------------------------------------------
  Páginas
-----------------------------------------------------------------------------*/

.privacy-policy h2 {
	margin: 32px 0px 12px 0;
}

/*-----------------------------------------------------------------------------
  WooCommerce Breadcrumbs
-----------------------------------------------------------------------------*/

.woocommerce-breadcrumb {
  font-size: 18px !important;
  color: inherit !important;
}
.woocommerce-breadcrumb a {
	color: var(--e-global-color-primary) !important;
	font-weight: 500;
}
.woocommerce-breadcrumb a:hover {
	color: var(--e-global-color-accent) !important;
}

/*-----------------------------------------------------------------------------
  WooCommerce - Tienda
-----------------------------------------------------------------------------*/

#tienda .products {
	padding-top: 40px;
}

#tienda .product {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	text-align: center;
	/* padding: 0; */
}

#tienda .product a {
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
}

#tienda .product h2 {
	font-size: 19px;
	/* min-height: 4rem; */
	margin-top: 1rem;
}

#tienda .product img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}

#tienda .product .price {
	color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 25px;
    font-style: normal;
	font-weight: 700;
}
#tienda .product .price ins {
	text-decoration: none;
}
#tienda .product .price del {
	opacity: 0.5;
}

#tienda .add_to_cart_button {
	color: #fff;
    background-color: var(--e-global-color-primary);
    font-size: 16px;
	font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 12px 16px 12px 16px;
    margin-top: 24px;
	transition: background-color 0.4s;
}

#tienda .ui-slider-range {
	background-color: var(--e-global-color-primary);
}

@media screen and (max-width: 768px) {
  #tienda .add_to_cart_button {
    font-size: 12px;
  }
  #tienda .eszlwcf-products-block {
	padding-left: 0;
  }
}

#tienda .add_to_cart_button:hover {
    background-color: var(--e-global-color-accent);
}

#tienda .eszlwcf-load-more {
	margin-top: 40px;
}

#tienda .onsale,
#tienda .star-rating,
#tienda .added_to_cart {
	display: none;
}

/*-----------------------------------------------------------------------------
  Tienda > Curso
-----------------------------------------------------------------------------*/

#curso-addToCart + a {
	display: none;
}

/*-----------------------------------------------------------------------------
  WooCommerce - Menu del Carrito
-----------------------------------------------------------------------------*/

#menu-carrito .product-remove {
	right: 6%;
}

/*-----------------------------------------------------------------------------
  WooCommerce - Página del Carrito
-----------------------------------------------------------------------------*/
#carrito {
	--sections-padding: 24px 32px;
}

/* Productos */
#carrito .e-shop-table td:last-of-type,
#carrito .e-shop-table th:last-of-type{
	display: none; /* Remove Subtotal from Table */
}

#carrito .quantity input {
	padding-left: 5px;
}

/* Cupones */
#carrito .coupon button.e-apply-coupon {
	align-self: center;
	font-size: 12px;
}

#carrito input#coupon_code {
	border-radius: 32px;
	font-size: 14px;
	padding: 12px 18px 10px 24px;
}

/*-----------------------------------------------------------------------------
  WooCommerce - Página de Mi Cuenta
-----------------------------------------------------------------------------*/

#mi-cuenta {
	--forms-labels-color: #69727D;
    --forms-label-spacing: 5px;
	
	--tables-button-normal-text-color: var(--e-global-color-primary);
	--tables-buttons-border-color: var(--e-global-color-primary);
	--tables-links-normal-color: var(--e-global-color-primary);
	--tables-links-hover-color: var(--e-global-color-accent);
	
	--links-hover-color: var(--e-global-color-accent);
}

#mi-cuenta .woocommerce {
	font-family: var(--e-global-typography-primary-font-family);	
}

#mi-cuenta .woocommerce-MyAccount-content-wrapper {
	font-size: 16px;
	padding-left: 0;
}

/* Forms */
#mi-cuenta form label {
	font-size: 13px;
}

#mi-cuenta label[for^="mailchimp_woocommerce"] {
	display: inline-flex;
	grid-gap: 0 10px;
	align-items: center;
}

#mi-cuenta .woocommerce-MyAccount-content .clear:last-of-type {
	padding-bottom: 40px;
}

#mi-cuenta .woocommerce-Addresses h3 {
	font-size: 21px;
	margin-bottom: 20px;
}

/* Public */
#mi-cuenta .woocommerce-ResetPassword,
#mi-cuenta .woocommerce-form-login,
#mi-cuenta .woocommerce-form-register {
	padding-left: 0;
}