/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.20.1743877388
Updated: 2025-04-05 14:23:08

*/

/* ESTILOS SUSTITUIR NOTIFICACIONES WOOCOMMERCE */
.toast-wc {
    position: fixed;
    top: 40px;
    right: 40px;
    background-color: #1e90ff;
    color: white;
    padding: 12px 16px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    opacity: 0;
    transition: all 0.45s ease;
    transform: translateY(-30px);
}

.toast-wc.show {
    opacity: 1;
    transform: translateY(0);
}

/* ESTILOS/PLANTILLA PARA WRAPPER (CONTENEDOR) */
.custom-wrapper {
    position: relative;
    padding: 60px 20px;
    min-height: 85vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: radial-gradient(ellipse at center, #2FAFFB 0%, #0E1932 72%);
    overflow: hidden;
}

body.tutorlms-lesson-page .custom-wrapper {
  padding-top: 40px !important;
}

.custom-wrapper-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://divitradefx.com/wp-content/uploads/2025/04/lines-hero-2.webp');
    background-size: cover;
    background-position: center top;
    opacity: 0.14;
    z-index: 0;
    pointer-events: none;
}

.custom-wrapper-inner {
    max-width: 1200px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
}

/* ESTILOS BOTON ZOOM EVENTOS */
.boton-zoom {
    background-color: #2D8CFF;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    transition: background-color 0.3s;
    pointer-events: none;
    opacity: 0.6;
    width: 100%;
    justify-content: center;
}

.boton-zoom:hover {
    background-color: #1e70cc;
}

.boton-zoom:link,
.boton-zoom:visited,
.boton-zoom:hover,
.boton-zoom:active {
    color: white !important;
}

.boton-zoom svg {
    width: 20px;
    height: 20px;
    fill: white;
}

/* BOTON EXPANSION/CONTRACCION EN LECCIONES TUTORLMS */
#toggle-expand {
  position: absolute;
  top: 0px;
  left: 0px;

  width: 36px;
  height: 36px;
  padding: 6px;

  background: #E3E5EB;
  border: none;

  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.toggle-icon {
  width: 20px;
  height: 20px;
  stroke: #444;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* ELIMINAR AÑADIR NOTA EN LOS DETALLES DE PEDIDO DE MI CUENTA WOOCOMMERCE */
.woocommerce-MyAccount-content h2 + form[action=""] {
    display: none !important;
}
.woocommerce-MyAccount-content h2:has(+ form[action=""]) {
    display: none !important;
}

.woocommerce-MyAccount-content h2 {
    font-size: 30px !important;
    line-height: 1.3;
    margin-bottom: 1em;
}

.wpforo-wrap .wpforo-title {
    display: none !important;
}

/* ESTILOS PERSONALIZADOS MY ACCOUNT WOOCOMMERCE */

/* Reducir el tamaño del título "Dirección de facturación/envío" */
.woocommerce-Address-title h2 {
    font-size: 22px !important;
    margin-bottom: 0 !important;
}

/* Estructura en columna y alineado izquierdo del título + enlace */
.woocommerce-Address-title.title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px; /* Espacio mínimo entre título y enlace */
    margin-bottom: 0 !important;
}

/* Estilo del enlace "Editar Dirección" */
.woocommerce-Address-title.title a.edit {
    font-size: 14px !important;
    color: #000000 !important; /* asegúrate de que sea visible con tu fondo */
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
    transition: color 0.3s ease;
}

/* Hover del enlace */
.woocommerce-Address-title.title a.edit:hover {
    color: #2FAFFB !important;
}

/* Separación del bloque <address> */
.woocommerce-Address address {
    margin-top: 8px !important;
}

/* Asegura que el span contenedor tenga posición relativa */
.woocommerce form .password-input {
    position: relative;
    display: flex;
    align-items: center;
}

/* Espacio a la derecha del input para el botón */
.woocommerce form .password-input input {
    padding-right: 40px !important;
}

/* Estilo del botón dentro del input */
.woocommerce form .password-input .show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1e73be; /* o el color de tu identidad visual */
    cursor: pointer;
    font-size: 16px; /* puedes ajustarlo */
    z-index: 2;
}

/* Adaptar el tamaño del texto del contenido  */
.woocommerce-account .woocommerce-MyAccount-content td {
    font-size: clamp(12px, 1.2vw, 14px);
}

/* === BOTONES GLOBALES DE WOOCOMMERCE === */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce .woocommerce-button,
.woocommerce-page .woocommerce-button,
.woocommerce-account .woocommerce-button,
.woocommerce-account a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .button,
.woocommerce .shop_table .button,
.woocommerce .order-actions .button,
.woocommerce .subscription-actions .button,
.woocommerce #place_order,
.woocommerce-page #place_order,
.woocommerce .wc-bookings-booking-form-button,
.woocommerce-page .wc-bookings-booking-form-button {
    background-color: #1B2A78;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 15px;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-right: 8px;
}

.woocommerce-page a.button.cancel {
  font-size: 13px;
}

.wp-block-button__link {
    height: auto !important;
    width: auto !important;
}


/* Hover para todos los botones */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce .woocommerce-button:hover,
.woocommerce-page .woocommerce-button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .button:hover,
.woocommerce .shop_table .button:hover,
.woocommerce .order-actions .button:hover,
.woocommerce .subscription-actions .button:hover,
.woocommerce #place_order:hover,
.woocommerce-page #place_order:hover,
.woocommerce .wc-bookings-booking-form-button:hover,
.woocommerce-page .wc-bookings-booking-form-button:hover {
    background-color: #2FAFFB;
    color: white;
}

/* === BOTONES WEB NORMAL HOVER === */

/* Hover y tap */
.boton-webestandar a:hover,
.boton-webestandar a:active {
  background-color: #A3F77E;
  color: #000000;
}

/* === PADDING SUPERIOR MOVILES === */

@media (max-width: 767px) {
  .wp-block-kadence-rowlayout .kt-row-column-wrap  {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .custom-wrapper {
    padding: 10px 20px !important;
  }
  .footer-social-wrap .social-label {
    display: none !important;
  }
}

/* === POPUP REUNION EN MOVILES === */

@media (max-width: 600px) {
  .pum-container {
    box-sizing: border-box;
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 90% !important;
  }
  #pum-62429 .pum-content {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  #pum-62429 .pum-content span,
  #pum-62429 .pum-content p {
    font-size: 16px !important;
  }

  #pum-62429 .pum-content strong {
    font-size: 16px !important;
  }
  #pum-62429 .pum-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  #pum-62429 .elementor-button {
    font-size: 18px !important;
    padding: 6px 12px !important;
  }

  #pum-62429 .elementor-button-icon {
    font-size: 18px !important;
    margin-right: 6px;
  }

  #pum-62429 .elementor-button-text {
    font-size: 18px !important;
  }
}


/* === AJUSTES BLOQUE PRODUCTOS EN MOVILES === */

/* Bordes redondeados de imagenes solo arriba  */
  @media (max-width: 768px) {
  .wp-block-woocommerce-product-image img {
    border-radius: 15px 15px 0 0 !important;
  }
/* Margenes texto debajo de imagen ajustados  */
/*  .wp-block-column > *:not(.wp-block-woocommerce-product-image) {
/*    margin-left: 20px !important;
/*    margin-bottom: 10px !important;
/*    margin-top: -10px !important;
/*  }
/* }


/* === TEXTO EN BLANCO DE LOS BOTONES EN HOVER EN TUTORLMS === */

.tutor-course-details-page a.tutor-btn-primary:hover {
    color: #fff !important;
}

/* === OCULTAR MENU MOVILES EN APP IOS === */

html.inside-app .site-header-item-mobile-trigger {
  display: none !important;
}