/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       Bricks
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/
:root {
	/* Main colors */
	--hcy-main:#ff9606;
	--hcb-main:#000026;
	
 	 /* HCY */
  --color-hcy-50: #fffbea;
  --color-hcy-100: #fff1c5;
  --color-hcy-200: #ffe385;
  --color-hcy-300: #ffce46;
  --color-hcy-400: #ffb81b;
  --color-hcy-500: var(--hcy-main);
  --color-hcy-600: #e26d00;
  --color-hcy-700: #bb4902;
  --color-hcy-800: #983808;
  --color-hcy-900: #7c2e0b;
  --color-hcy-950: #481500;

  /* HCB */
  --color-hcb-50: #D1D1FF;
  --color-hcb-100: #A3A3FF;
  --color-hcb-200: #4242FF;
  --color-hcb-300: #0000E6;
  --color-hcb-400: #000085;
  --color-hcb-500: var(--hcb-main);
  --color-hcb-600: #00001F;
  --color-hcb-700: #000019;
  --color-hcb-800: #00000F;
  --color-hcb-900: #00000A;
  --color-hcb-950: #000005;

  /* Tailwind Sky */
  --color-sky-50: #f0f9ff;
  --color-sky-100: #e0f2fe;
  --color-sky-200: #bae6fd;
  --color-sky-300: #7dd3fc;
  --color-sky-400: #38bdf8;
  --color-sky-500: #0ea5e9;
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-sky-800: #075985;
  --color-sky-900: #0c4a6e;
  --color-sky-950: #082f49;
	
	--max-width-vswrapper: 90%;
	--max-width-vs2xl: 90rem;
	
	--radial-gradient: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0));
}
.hcontainer {
  overflow: hidden;
  position: relative;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-vswrapper);
  z-index: 10;
}

@media (min-width: 1536px) {
  .wrapper {
    max-width: var(--max-width-vs2xl);
  }
}

#brxe-rdffsx .cart .quantity {
  display: none;
}

#menu-main-menu > li {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

#menu-main-menu > li:hover {
  font-weight: bold;
  letter-spacing: 0.05em; /* o ajusta según tu diseño */
}
html{
    font-family: "Inter", sans-serif;
	font-size:100%;
	overflow-x: hidden !important;
}

body{
    font-family: "Inter", sans-serif;
	font-size:100%;
	overflow-x: hidden !important;
} 

*{
	border-width:0;
}

p {
  padding-bottom: 1rem; /* equivalente a pb-4 */
}

ul {
  list-style-position: inside;
  list-style-type: disc;
  padding-bottom: 1rem;
}

ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 1rem;
}

.bricks-nav-menu {
  list-style: none;
}


/*Página de carrito*/

article.post-13 {
	padding: 8rem 0rem 0rem 0rem;
	max-width: 90% !important;
}
article.post-13 h1 {
	font-weight: 800;
	font-size: 3rem;
	border-bottom: solid 0.3rem;
	border-color: rgb(14, 165, 232);
}

article.post-13 .wc-block-components-product-name {
	font-weight: 800;
}

/*botón agregar eliminar producto*/
article.post-13 .wc-block-cart-item__remove-link {
	color: #f44336 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

/*botón agregar aplicar cupón*/
article.post-13.wc-block-components-totals-coupon__button {
	background-color: #0d98d7;
	border-radius: 8px;
	font-weight: bold;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

article.post-13 .wc-block-components-totals-coupon__button:hover {
	background-color: #0284c7;
}

/*botón agregar cupón*/
article.post-13 .wc-block-components-totals-coupon-link {
	background-color: #0d98d7;
	border-radius: 8px;
	font-weight: bold;
	color: #fff;
	transition: all 0.2s ease-in-out;
	padding: 10px 20px;
}
article.post-13 .wc-block-components-totals-coupon-link:hover {
	transform: scale(1.1);
	background-color: #0284c7;
}

article.post-13 .wc-block-components-product-metadata {
	display: none;
}

/*FIN - Página de carrito*/

/*INICIO Checkout*/

body.brx-body {
	align-items: center !important;
}
article.post-14 {
	max-width: 90% !important;
}

article.post-14 .before-checkout {
	display: none;
}

.woocommerce-checkout #payment .payment_methods img {
	display: none;
}
/*FIN Checkout*/

/* Thank you page */

/* 
@media (max-width: 767px) {
	#brxe-xzgjlp {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	p.woocommerce-thankyou-order-received {
		grid-area: 1 / 1 / 2 / 2;
	}
	ul.woocommerce-thankyou-order-details {
		grid-area: 2 / 1 / 3 / 2;
	}
	section.woocommerce-order-details {
		grid-area: 3 / 1 / 4 / 2;
	}
	section.woocommerce-customer-details {
		grid-area: 4 / 1 / 5 / 2;
	}
} */

/* FIN Thank you page */