.elementor-kit-19{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.tutor-form-control.tutor-form-select.tutor-js-form-select {
    display: none !important;
}

.tutor-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ===== HERO SECTION ===== */
.course-archive-page {
    padding-top: 0;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.tutor-wrap.tutor-courses-wrap {
    max-width: 1320px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* ===== SIDEBAR FILTROS ===== */
.tutor-course-filter-container {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 24px !important;
    height: fit-content;
}

.tutor-widget-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #C9A84C !important;
    margin-bottom: 16px !important;
}

.tutor-list {
    list-style: none !important;
    padding: 0 !important;
}

.tutor-list-item {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.tutor-list-item:last-child {
    border-bottom: none !important;
}

.tutor-list-item label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #333 !important;
}

.tutor-form-check-input {
    accent-color: #C9A84C !important;
    width: 16px !important;
    height: 16px !important;
}

/* ===== BUSCADOR ===== */
.tutor-widget-search .tutor-form-control {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 10px 16px 10px 40px !important;
    font-size: 14px !important;
}

/* ===== BOTÓN LIMPIAR FILTROS ===== */
.tutor-btn-outline-primary {
    border-color: #C9A84C !important;
    color: #C9A84C !important;
    border-radius: 8px !important;
}

.tutor-btn-outline-primary:hover {
    background: #C9A84C !important;
    color: #fff !important;
}

/* ===== TARJETAS DE CURSO ===== */
.tutor-card.tutor-course-card {
    border-radius: 12px !important;
    border: 1px solid #e8e8e8 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.3s ease !important;
}

.tutor-card.tutor-course-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

.tutor-card-body {
    padding: 16px !important;
}

.tutor-course-name a {
    color: #1a1a2e !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.tutor-course-name a:hover {
    color: #C9A84C !important;
}

.tutor-ratings-stars span {
    color: #C9A84C !important;
}

.tutor-meta-icon, .tutor-meta-value {
    color: #666 !important;
    font-size: 13px !important;
}

.tutor-avatar-text {
    background: #C9A84C !important;
    color: #fff !important;
}

.tutor-card-footer {
    padding: 12px 16px !important;
    border-top: 1px solid #f0f0f0 !important;
    background: #fafafa !important;
}

.tutor-course-list-btn .tutor-btn,
.tutor-loop-cart-btn-wrap .tutor-btn {
    background: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.tutor-course-list-btn .tutor-btn:hover,
.tutor-loop-cart-btn-wrap .tutor-btn:hover {
    background: #b8973a !important;
    border-color: #b8973a !important;
}

.price.tutor-fw-bold {
    font-size: 18px !important;
    color: #1a1a2e !important;
}

.tutor-wrap.tutor-wrap-parent {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.tutor-row {
    align-items: stretch !important;
}

.tutor-course-filter-container {
    height: 100% !important;
    box-sizing: border-box !important;
}
.tutor-col-xl-9 > div:first-child {
    display: none !important;
}

.footer-cat-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-cat-list li {
    padding: 4px 0 !important;
}

.footer-cat-list li a {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #D3D5DA !important;
    text-decoration: none !important;
}

.footer-cat-list li a:hover {
    color: #C9A84C !important;
}

/* Botón Añadir al carrito en ficha de curso */
.tutor-add-to-cart-button {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #fff !important;
}

.tutor-add-to-cart-button:hover {
    background-color: #b8973a !important;
    border-color: #b8973a !important;
}


/* ============================================
   CARRITO - Aprendiz de Alquimista
   ============================================ */

/* Tipografías y colores base */
.woocommerce, 
.wc-block-cart, 
.wp-block-woocommerce-cart {
  font-family: 'Inter', system-ui, sans-serif;
  color: #1B2A4A;
}

/* Título "Carrito" */
.entry-title,
.wc-block-cart h1,
.page-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 600;
  color: #1B2A4A;
  font-size: clamp(2.25rem, 4vw, 3rem);
  letter-spacing: -0.01em;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.entry-title::after,
.wc-block-cart h1::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #C9A84C;
  margin-top: 1rem;
  border-radius: 2px;
}

/* Cabecera de tabla (TOTAL) */
.wc-block-cart-items__header,
.shop_table thead th {
  font-family: 'Playfair Display', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #8a7a4a !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.3) !important;
  padding-bottom: 1rem !important;
}

/* Filas de producto */
.wc-block-cart-items__row,
.shop_table.cart tr {
  border-bottom: 1px solid rgba(27, 42, 74, 0.08) !important;
  padding: 1.5rem 0 !important;
  transition: background-color 0.3s ease;
}
.wc-block-cart-items__row:hover {
  background-color: rgba(201, 168, 76, 0.04);
}

/* Nombre del producto */
.wc-block-cart-item__product-name,
.shop_table .product-name a {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  color: #1B2A4A !important;
  text-decoration: none !important;
}

/* Precios */
.wc-block-cart-item__total-price-and-sale-badge-wrapper,
.wc-block-components-product-price,
.shop_table .product-total,
.shop_table .product-price {
  color: #C9A84C !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}

/* Selector de cantidad */
.wc-block-components-quantity-.elementor-kit-19 {
  border: 1px solid rgba(201, 168, 76, 0.4) !important;
  border-radius: 6px !important;
  overflow: hidden;
  background: #fdfbf6;
}
.wc-block-components-quantity-.elementor-kit-19__button {
  color: #1B2A4A !important;
  background: transparent !important;
  transition: all 0.2s ease;
}
.wc-block-components-quantity-.elementor-kit-19__button:hover {
  background: #C9A84C !important;
  color: #fff !important;
}
.wc-block-components-quantity-.elementor-kit-19__input {
  color: #1B2A4A !important;
  font-weight: 600;
}

/* Botón eliminar (papelera) */
.wc-block-cart-item__remove-link {
  color: #8a7a4a !important;
  font-size: 0.8rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.wc-block-cart-item__remove-link:hover {
  color: #C9A84C !important;
}

/* ============ PANEL "TOTALES DEL CARRITO" ============ */
.wp-block-woocommerce-cart-totals-block,
.cart_totals,
.wc-block-components-totals-wrapper {
  background: linear-gradient(180deg, #fdfbf6 0%, #faf6ec 100%) !important;
  border: 1px solid rgba(201, 168, 76, 0.25) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 20px -4px rgba(27, 42, 74, 0.08);
}

/* Título "TOTALES DEL CARRITO" */
.wp-block-woocommerce-cart-order-summary-heading-block,
.cart_totals h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #8a7a4a !important;
  font-weight: 500 !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.3) !important;
  margin-bottom: 1.25rem !important;
}

/* Sección cupones */
.wc-block-components-totals-coupon,
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
  border-bottom: 1px solid rgba(27, 42, 74, 0.08);
  padding-bottom: 1rem;
}
.wc-block-components-panel__button {
  color: #1B2A4A !important;
  font-weight: 500 !important;
}

/* Total estimado */
.wc-block-components-totals-item__label {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.25rem !important;
  color: #1B2A4A !important;
  font-weight: 500 !important;
}
.wc-block-components-totals-item__value {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.5rem !important;
  color: #C9A84C !important;
  font-weight: 600 !important;
}

/* Botón "Finalizar compra" */
.wc-block-cart__submit-button,
.wc-proceed-to-checkout .checkout-button,
.wp-block-woocommerce-proceed-to-checkout-block a {
  background: #C9A84C !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 1rem 1.5rem !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 4px 14px -4px rgba(201, 168, 76, 0.5) !important;
  transition: all 0.3s ease !important;
}
.wc-block-cart__submit-button:hover,
.wc-proceed-to-checkout .checkout-button:hover,
.wp-block-woocommerce-proceed-to-checkout-block a:hover {
  background: #b8962f !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px -6px rgba(201, 168, 76, 0.6) !important;
}

/* Inputs (cupones, etc.) */
.wc-block-components-text-input input,
.woocommerce form .form-row input.input-text {
  border: 1px solid rgba(201, 168, 76, 0.3) !important;
  border-radius: 6px !important;
  background: #fff !important;
  transition: border-color 0.2s ease;
}
.wc-block-components-text-input input:focus {
  border-color: #C9A84C !important;
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.15) !important;
  outline: none !important;
}

/* ============================================================
   FIX DE ANCHO — forzar contenedores padre del checkout/cart
   a ocupar todo el ancho disponible
   ============================================================ */

/* Aumentar el wide-size global de WordPress (afecta al bloque alignwide) */
:root {
  --wp--style--global--wide-size: 1400px !important;
}

body.woocommerce-cart .entry-content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .content-area,
body.woocommerce-cart main,
body.woocommerce-cart article,
body.woocommerce-cart .elementor-widget-container,
body.woocommerce-cart .elementor-widget-wp-widget-woocommerce,
body.woocommerce-cart .elementor-section .elementor-container,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout main,
body.woocommerce-checkout article,
body.woocommerce-checkout .elementor-widget-container,
body.woocommerce-checkout .elementor-widget-wp-widget-woocommerce,
body.woocommerce-checkout .elementor-section .elementor-container {
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Contenedores de bloque que suelen limitar a 800px */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-cart .is-layout-constrained > .wp-block-woocommerce-cart,
body.woocommerce-checkout .is-layout-constrained > .wp-block-woocommerce-checkout {
  max-width: 100% !important;
  width: 100% !important;
}

/* Sobrescribir la limitación de alignwide en estas páginas */
body.woocommerce-cart .alignwide,
body.woocommerce-checkout .alignwide,
body.woocommerce-cart .is-layout-constrained > .alignwide,
body.woocommerce-checkout .is-layout-constrained > .alignwide {
  max-width: 100% !important;
  margin-inline: 0 !important;
}

/* ============================================================
   CHECKOUT - Fixes de estilo
   ============================================================ */

/* 1. Botón "Realizar el pedido" en color dorado */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    color: #c9a84c !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: #c9a84c !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background: #c9a84c !important;
    background-color: #c9a84c !important;
    color: #fff !important;
}

/* 2. Ocultar imagen del producto en el resumen del pedido */
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
    display: none !important;
}

/* 3. Ocultar cajas vacías (descuento y fee) debajo de subtotal */
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-discount-block,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-fee-block {
    display: none !important;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  border: none !important;
}/* End custom CSS */