/* =========================
   MI CUENTA (layout 1600px)
   ========================= */
   .woocommerce-account #content,
   .woocommerce-account .site-main,
   .woocommerce-account .page-content,
   .woocommerce-account .woocommerce{
     max-width: 1600px;
     margin-left: auto;
     margin-right: auto;
   }
   
   .woocommerce-account .page-content,
   .woocommerce-account .woocommerce{
     padding-left: 20px;
     padding-right: 20px;
   }
   
   .woocommerce-account .woocommerce{
     display: flex;
     gap: 20px;
     align-items: flex-start;
   }
   
   /* OJO: el margen solo para Mi cuenta (no global WooCommerce) */
   .woocommerce-account .woocommerce{
     margin: 50px 0 0 0;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation{
     flex: 0 0 260px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content{
     flex: 1 1 auto;
     min-width: 0; /* importante para tablas */
   }
   
   /* Responsive layout */
   @media (max-width: 980px){
     .woocommerce-account .woocommerce{
       display: block;
       margin: 24px 0 0 0;
     }
     .woocommerce-account .woocommerce-MyAccount-navigation{
       width: 100%;
       margin-bottom: 14px;
     }
   }
   
   /* Fondo gris del área de contenido (solo en Mi cuenta) */
   .woocommerce-account .woocommerce-MyAccount-content{
     background: #f5f7fb;
     padding: 22px;
     border-radius: 16px;
     box-sizing: border-box;
   }
   
   /* =========================
      TOTAL CLEAN - Panel SaaS
      (MOVIDO DESDE "Personalizar")
      ========================= */
   
   /* Base panel: NO uses max-width a nivel global si ya estás dentro de MyAccount */
   .woocommerce-account .woocommerce-MyAccount-content .tc-panel{
     max-width: none;
     margin: 0;
     padding: 18px;
     box-sizing: border-box;
   }
   
   /* Header panel */
   .woocommerce-account .woocommerce-MyAccount-content .tc-panel__header{
     display:flex;
     align-items:flex-end;
     justify-content:space-between;
     gap:16px;
     margin-bottom:18px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-panel__title{
     margin:0;
     font-size:28px;
     line-height:1.1;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-panel__subtitle{
     margin-top:6px;
     opacity:.75;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-panel__plan{
     text-align:right;
     min-width:240px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-planname{
     margin-top:8px;
     font-weight:600;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-pill{
     display:inline-block;
     padding:6px 10px;
     border-radius:999px;
     font-size:12px;
     letter-spacing:.06em;
     border:1px solid rgba(0,0,0,.12);
   }
   

   .woocommerce-account .woocommerce-MyAccount-content .tc-grid{
     display:grid;
     grid-template-columns: repeat(2, minmax(0, 1fr)); /* en tu UI ahora son 4 tarjetas: mejor 2x2 */
     gap:14px;
     margin-top:18px;
     margin-bottom:14px;
   }
   
   @media (max-width: 980px){
     .woocommerce-account .woocommerce-MyAccount-content .tc-grid{
       grid-template-columns: 1fr;
     }
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-split{
     display:grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap:14px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-card{
     border:1px solid rgba(0,0,0,.10);
     border-radius:14px;
     padding:16px;
     background:#fff;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-card--wide{
     min-height: 170px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-card__label{
     font-size:13px;
     opacity:.75;
     margin-bottom:10px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-card__value{
     font-size:26px;
     font-weight:700;
     line-height:1.1;
     margin-bottom:8px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-card__hint{
     font-size:13px;
     opacity:.75;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-actions{
     display:flex;
     flex-wrap:wrap;
     gap:10px;
     margin-top:10px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-btn{
     display:inline-flex;
     align-items:center;
     justify-content:center;
     padding:10px 12px;
     border-radius:12px;
     border:1px solid rgba(0,0,0,.14);
     background:#fff;
     text-decoration:none;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-btn:hover{
     text-decoration:none;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-btn--primary{
     font-weight:700;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-note{
     margin-top:12px;
     font-size:13px;
     opacity:.75;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-kv{
     margin-top:8px;
     display:flex;
     flex-direction:column;
     gap:10px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-kv__row{
     display:flex;
     justify-content:space-between;
     gap:12px;
     border-top:1px solid rgba(0,0,0,.07);
     padding-top:10px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .tc-kv__k{
     opacity:.75;
   }
   
   @media (max-width: 900px){
     .woocommerce-account .woocommerce-MyAccount-content .tc-split{
       grid-template-columns: 1fr;
     }
     .woocommerce-account .woocommerce-MyAccount-content .tc-panel__header{
       align-items:flex-start;
       flex-direction:column;
     }
     .woocommerce-account .woocommerce-MyAccount-content .tc-panel__plan{
       text-align:left;
       min-width:unset;
     }
   }
   
   /* =========================
      DASHBOARD (espaciados)
      ========================= */
   .tc-dash__header{
     margin-bottom: 18px;
   }
   
   /* Cabecera tipo SaaS */
   .tc-dash__intro{
     margin-bottom: 18px;
   }
   
   .tc-dash__hello{
     margin: 0;
     font-size: 32px;
     font-weight: 900;
     line-height: 1.1;
   }
   
   .tc-dash__welcome{
     margin: 6px 0 0;
     font-size: 15px;
     opacity: .75;
   }
   
   @media (max-width: 980px){
     .tc-dash__hello{
       font-size: 26px;
     }
   }
   
   /* =========================
      Cards base (unificación)
      ========================= */
   .tc-card,
   .tc-panel{
     background:#fff;
     border:1px solid rgba(0,0,0,.08);
     border-radius:14px;
   }
   
   /* =========================
      Tabla
      ========================= */
   .tc-tablewrap{ overflow:auto; }
   
   .tc-table{
     width:100%;
     border-collapse: collapse;
     font-size: 14px;
   }
   
   .tc-table th,
   .tc-table td{
     padding: 10px;
     border-top: 1px solid rgba(0,0,0,.08);
     white-space: nowrap;
   }
   
   .tc-table thead th{
     border-top: none;
     font-size: 12px;
     letter-spacing: .04em;
     opacity: .75;
   }
   
   /* =========================
      SIDEBAR MENU (MyAccount)
      ========================= */
   .woocommerce-account .woocommerce-MyAccount-navigation{
     background:#fff;
     border:0;
     border-radius:16px;
     padding:18px 14px;
     box-shadow:none;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation ul{
     list-style:none;
     margin:0;
     padding:0;
     display:flex;
     flex-direction:column;
     gap:6px;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li{
     margin:0;
     padding:0;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation a{
     display:flex;
     align-items:center;
     gap:12px;
     padding:12px 14px;
     border-radius:12px;
     text-decoration:none;
     color:#1b1b1b;
     font-weight:600;
     background:transparent;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation a:hover{
     background:rgba(0,0,0,.04);
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation .is-active > a{
     background:rgba(0,0,0,.06);
   }
   
   /* Icono izquierda */
   .woocommerce-account .woocommerce-MyAccount-navigation li > a{
     position: relative;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li > a::before{
     content: "" !important;
     display: inline-block !important;
     width: 22px !important;
     height: 22px !important;
     flex: 0 0 22px !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: 22px 22px !important;
     opacity: .9 !important;
     background-color: transparent !important;
   }
   
   /* ICONOS por item */
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5L12 3l9 7.5V21a1 1 0 0 1-1 1h-6v-7H10v7H4a1 1 0 0 1-1-1z' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tc-dashboard > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3C/svg%3E") !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tc-calendar > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v3M17 2v3M3 9h18M5 6h14a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tc-referrals > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3C/svg%3E") !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout > a::before{
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12H3' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 3v18' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
   }
   
   /* =========================
      DIRECCIONES — grid robusto
      ========================= */
   .woocommerce-account .woocommerce-MyAccount-content > p{
     margin: 0 0 14px !important;
     opacity: .85;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
     display: grid !important;
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     gap: 16px !important;
     align-items: stretch !important;
     width: 100% !important;
     margin: 0 !important;
     padding: 0 !important;
   }
   
   @media (max-width: 980px){
     .woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
       grid-template-columns: 1fr !important;
     }
   }
   
   .woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses > .u-column1,
   .woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses > .u-column2{
     float: none !important;
     width: auto !important;
     max-width: none !important;
     margin: 0 !important;
     padding: 18px !important;
     box-sizing: border-box !important;
   
     background: #fff !important;
     border: 1px solid rgba(0,0,0,.08) !important;
     border-radius: 14px !important;
   
     display: flex !important;
     flex-direction: column !important;
     height: 100% !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses header.woocommerce-Address-title{
     display: flex !important;
     align-items: center !important;
     justify-content: space-between !important;
     gap: 16px !important;
     margin: 0 0 12px !important;
     padding: 0 0 12px !important;
     border-bottom: 1px solid rgba(0,0,0,.06) !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses header.woocommerce-Address-title h2{
     margin: 0 !important;
     font-size: 22px !important;
     font-weight: 900 !important;
     line-height: 1.15 !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses header.woocommerce-Address-title a.edit{
     display: inline-flex !important;
     align-items: center !important;
     gap: 8px !important;
     padding: 10px 14px !important;
     border-radius: 12px !important;
     border: 1px solid rgba(0,0,0,.12) !important;
     background: #fff !important;
     font-weight: 800 !important;
     text-decoration: none !important;
     white-space: nowrap !important;
     line-height: 1 !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses header.woocommerce-Address-title a.edit:hover{
     background: rgba(0,0,0,.04) !important;
     text-decoration: none !important;
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses address{
     margin: 0 !important;
     padding: 0 !important;
     font-style: normal !important;
     line-height: 1.55 !important;
     opacity: .9 !important;
   }
   
   @media (max-width: 640px){
     .woocommerce-account .woocommerce-MyAccount-content
     .u-columns.woocommerce-Addresses header.woocommerce-Address-title{
       flex-direction: column !important;
       align-items: flex-start !important;
     }
     .woocommerce-account .woocommerce-MyAccount-content
     .u-columns.woocommerce-Addresses header.woocommerce-Address-title a.edit{
       align-self: flex-start !important;
     }
   }
   
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses.col2-set::before,
   .woocommerce-account .woocommerce-MyAccount-content
   .u-columns.woocommerce-Addresses.col2-set::after{
     content: none !important;
     display: none !important;
   }
   
   /* =========================
      TC CALENDAR — ajuste fino
      ========================= */
   body.woocommerce-account .woocommerce-MyAccount-content .tc-panel.tc-panel--calendar{
     margin-top: 18px;
     padding: 18px;
     max-width: none;
   }
   /* =========================================
   TC CARD -- ICON (fila) + tipografías
   (arregla padding, layout e icono derecha)
   ========================================= */

/* Asegura padding y caja consistente */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon{
  padding: 16px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-sizing: border-box !important;

  /* Layout tipo "fila": texto a la izquierda, icono a la derecha */
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  row-gap: 6px !important;
  align-items: center !important;
}

/* Texto: etiqueta arriba */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__label{
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  opacity: .75 !important;
  line-height: 1.2 !important;
}

/* Valor: grande debajo */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__value{
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

/* Hint: si existe debajo del valor */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__hint{
  grid-column: 1 !important;
  grid-row: 3 !important;
  margin: 0 !important;
  font-size: 13px !important;
  opacity: .75 !important;
  line-height: 1.25 !important;
}

/* Icono a la derecha (si lo pintas con .tc-card__icon) */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon{
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,.04) !important;
  color: rgba(0,0,0,.55) !important;
}

/* Si el icono lo estás metiendo como <i> o svg dentro */
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon svg,
.woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon i{
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

/* En móvil: que no se rompa nada */
@media (max-width: 980px){
  .woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon{
    grid-template-columns: 1fr auto !important;
  }
}
/* =========================================
   TC GRID CARDS (robusto, sin depender de subclases)
   ========================================= */

   .woocommerce-account .woocommerce-MyAccount-content .tc-grid{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 14px 0 0 !important;
  }
  
  @media (max-width: 980px){
    .woocommerce-account .woocommerce-MyAccount-content .tc-grid{
      grid-template-columns: 1fr !important;
    }
  }
  
  /* Caja base */
  .woocommerce-account .woocommerce-MyAccount-content .tc-grid > .tc-card{
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  
  /* Tipografías si existen las clases */
  .woocommerce-account .woocommerce-MyAccount-content .tc-card__label{
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    opacity: .75 !important;
    line-height: 1.2 !important;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-card__value{
    margin: 0 0 6px !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-card__hint{
    margin: 0 !important;
    font-size: 13px !important;
    opacity: .75 !important;
    line-height: 1.25 !important;
  }
  
  /* Fallback BRUTAL: si NO hay clases, estiliza por posición */
  .woocommerce-account .woocommerce-MyAccount-content .tc-grid > .tc-card > :first-child{
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    opacity: .75 !important;
    line-height: 1.2 !important;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-grid > .tc-card > :nth-child(2){
    margin: 0 0 6px !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-grid > .tc-card > :nth-child(3){
    margin: 0 !important;
    font-size: 13px !important;
    opacity: .75 !important;
    line-height: 1.25 !important;
  }
  
  /* =========================================
     TC CARD -- ICON (si existe .tc-card__icon)
     ========================================= */
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon{
    position: relative !important;
    padding-right: 56px !important; /* hueco para el icono */
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,.04) !important;
    color: rgba(0,0,0,.55) !important;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon svg,
  .woocommerce-account .woocommerce-MyAccount-content .tc-card.tc-card--icon .tc-card__icon i{
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
  }
  /* =========================================
   DASHBOARD TOP (Estado + Plan) — fallback
   Si el HTML viene como texto suelto, lo ordena
   ========================================= */

.woocommerce-account .woocommerce-MyAccount-content .tc-dash__header{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-dash__header .tc-dash__intro{
  margin: 0;
}

/* Si existe un bloque "estado/plan" sin clases claras,
   lo convertimos en una “card” genérica */
.woocommerce-account .woocommerce-MyAccount-content .tc-dash__header > :not(.tc-dash__intro){
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px 16px;
}

/* Estilos básicos de esa zona (texto) */
.woocommerce-account .woocommerce-MyAccount-content .tc-dash__header strong,
.woocommerce-account .woocommerce-MyAccount-content .tc-dash__header b{
  font-weight: 800;
}

/* Pill “Activa” si tu HTML usa .tc-statuspill */
.woocommerce-account .woocommerce-MyAccount-content .tc-statuspill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  font-size: 14px;
  font-weight: 800;
  margin-top: 6px;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-statuspill.is-active{
  color: #0a7a36;
  background: rgba(10,122,54,.10);
  border-color: rgba(10,122,54,.22);
}

.woocommerce-account .woocommerce-MyAccount-content .tc-statuspill.is-inactive{
  color: #b00020;
  background: rgba(176,0,32,.10);
  border-color: rgba(176,0,32,.22);
}
/* =========================================
   DASHBOARD TOP (Estado + Plan) — layout bueno
   ========================================= */

   .woocommerce-account .woocommerce-MyAccount-content .tc-summary{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
  }
  
  @media (max-width: 980px){
    .woocommerce-account .woocommerce-MyAccount-content .tc-summary{
      grid-template-columns: 1fr;
    }
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-summary__item{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding: 14px 16px;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-summary__label{
    font-size: 13px;
    font-weight: 800;
    opacity: .75;
  }
  
  .woocommerce-account .woocommerce-MyAccount-content .tc-summary__value{
    margin-top: 6px;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.05;
  }
  /* =========================
   MI CUENTA · MIS SERVICIOS (TC)
   ========================= */

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount{
  font-family: inherit;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount h2{
  font-size: 30px;
  line-height: 1.1;
  margin: 0 0 8px 0;
  font-weight: 900;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount h3{
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 14px 0;
  font-weight: 900;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-muted{
  color: rgba(0,0,0,.60);
  font-size: 15px;
  margin: 0 0 14px 0;
}

/* Panel */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-panel{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  box-sizing: border-box !important;
  margin:20px 0 0 0;
}

/* Wrap para scroll horizontal en móvil */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  font-size: 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table thead th{
  text-align: left;
  padding: 14px 16px;
  background: rgba(0,0,0,.03);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,.08);
  white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tbody td{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: middle;
  background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tbody tr:last-child td{
  border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tbody tr:hover td{
  background: rgba(0,0,0,.015);
}

/* Columna Reserva */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(1){
  font-weight: 900;
  white-space: nowrap;
}

/* Fecha */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(2){
  white-space: nowrap;
  color: rgba(0,0,0,.70);
  font-weight: 700;
}

/* Servicio (que respire) */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(3){
  line-height: 1.35;
  min-width: 360px;
}

/* Turno */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(4){
  text-transform: uppercase;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .06em;
  white-space: nowrap;
}

/* Estado + “pill” */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(5){
  font-weight: 900;
  white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(5) .tc-status{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

/* Punto del estado */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(5) .tc-status::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.25);
}

/* Variantes por clase en <tr> (si las pones) */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-pending td:nth-child(5) .tc-status{
  background: rgba(245,158,11,.10);
  border-color: rgba(245,158,11,.20);
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-pending td:nth-child(5) .tc-status::before{
  background: #f59e0b;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-scheduled td:nth-child(5) .tc-status{
  background: rgba(59,130,246,.10);
  border-color: rgba(59,130,246,.20);
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-scheduled td:nth-child(5) .tc-status::before{
  background: #3b82f6;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-completed td:nth-child(5) .tc-status{
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.20);
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-completed td:nth-child(5) .tc-status::before{
  background: #22c55e;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-cancelled td:nth-child(5) .tc-status{
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.20);
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tr.tc-status-cancelled td:nth-child(5) .tc-status::before{
  background: #ef4444;
}

/* Botón */
.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  font-weight: 900;
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-btn:hover{
  background: #000;
  color: #fff;
  border-color: #000;
  text-decoration: none;
}

/* Responsive: en móvil mejor scroll que “cards” (tu HTML no tiene data-label) */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-panel{
    padding: 16px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table thead th,
  .woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table tbody td{
    white-space: nowrap;
  }

  .woocommerce-account .woocommerce-MyAccount-content .tc-myaccount .tc-table td:nth-child(3){
    min-width: 320px;
  }
}
/* ===========================
   FIX: direcciones largas (Mi cuenta)
   =========================== */

/* 1) Forzar la tabla a no crecer por contenido */
.tc-table {
  width: 100% !important;
  table-layout: fixed !important;
}

/* 2) Permitir saltos de línea en celdas */
.tc-table th,
.tc-table td {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}

/* 3) Controlar el ancho de columnas para que "Dirección" tenga espacio
   (ajusta si quieres, pero esto suele funcionar bien) */
.tc-table th:nth-child(1),
.tc-table td:nth-child(1) { width: 90px !important; }   /* Reserva */
.tc-table th:nth-child(2),
.tc-table td:nth-child(2) { width: 110px !important; }  /* Fecha */
.tc-table th:nth-child(6),
.tc-table td:nth-child(6) { width: 90px !important; }   /* Franja */
.tc-table th:nth-child(7),
.tc-table td:nth-child(7) { width: 95px !important; }   /* Estado */
.tc-table th:nth-child(8),
.tc-table td:nth-child(8) { width: 70px !important; }   /* Botón Ver */

/* 4) Dirección: que rompa sí o sí */
.tc-table th:nth-child(4),
.tc-table td:nth-child(4) {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
/* ICONOS FALTANTES (Woo) */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders > a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h15l-1.5 14H7.5L6 7z' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address > a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.5-7-11a7 7 0 1 1 14 0c0 6.5-7 11-7 11z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3Cpath d='M12 11.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods > a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h18a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2z' fill='none' stroke='%231b1b1b' stroke-width='2'/%3E%3Cpath d='M1 11h22' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 16h4' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* ICONO PARA "INICIO" (tu endpoint/custom item) */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tc-home > a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5L12 3l9 7.5V21a1 1 0 0 1-1 1h-6v-7H10v7H4a1 1 0 0 1-1-1z' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.tc-card__value{
  text-transform: capitalize;
}
/* Estado: colores por clase */
.woocommerce-account .woocommerce-MyAccount-content .tc-card__value.is-active{
  color: #0a7a36 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-card__value.is-inactive{
  color: #b00020 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .tc-card__value.is-pending{
  color: #b45309 !important;
}

/* =========================================
   MI CUENTA - MÓVIL + TABLET (CARDS + MENÚ)
   Breakpoint: <= 1024px
========================================= */

@media (max-width: 1024px) {

  /* ---- Cards de reservas (oculta tablas) ---- */
  .tc-myaccount table.tc-table {
    display: none !important;
  }

  .tc-myaccount .tc-bookings-mobile {
    display: grid !important;
    gap: 14px;
  }

  .tc-myaccount .tc-booking-card {
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
  }

  .tc-myaccount .tc-booking-card__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
  }

  .tc-myaccount .tc-booking-card__id {
    font-weight: 700;
    letter-spacing: .2px;
  }

  .tc-myaccount .tc-booking-card__status {
    font-weight: 700;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,.05);
    white-space: nowrap;
  }

  .tc-myaccount .tc-booking-card__service {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .tc-myaccount .tc-booking-card__meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
  }

  .tc-myaccount .tc-booking-card__k {
    color: rgba(0,0,0,.55);
    font-size: 12px;
    margin-bottom: 2px;
  }

  .tc-myaccount .tc-booking-card__v {
    font-weight: 600;
  }

  .tc-myaccount .tc-booking-card__actions .button {
    width: 100%;
    text-align: center;
  }

  /* ---- Menú hamburguesa (móvil + tablet) ---- */
  .tc-account.woocommerce-account .tc-mnav-bar {
    position: sticky;
    top: 0;
    z-index: 60;
    background: #fff;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  .tc-account.woocommerce-account .tc-mnav-btn {
    width: 44px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    font-weight: 700;
    line-height: 1;
  }

  .tc-account.woocommerce-account .tc-mnav[hidden] {
    display: none !important;
  }

  .tc-account.woocommerce-account .tc-mnav {
    position: fixed;
    inset: 0;
    z-index: 9999;
  }

  .tc-account.woocommerce-account .tc-mnav__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
  }

  .tc-account.woocommerce-account .tc-mnav__panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    padding: 14px 12px 12px 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
  }

  .tc-account.woocommerce-account .tc-mnav__close {
    width: 44px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    font-size: 22px;
    line-height: 1;
    margin-left: auto;
    display: block;
  }

  .tc-account.woocommerce-account .tc-mnav__inner .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
    margin: 10px 0 0 0;
  }

  .tc-account.woocommerce-account .tc-mnav__inner .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tc-account.woocommerce-account .tc-mnav__inner .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.07);
  }

  .tc-account.woocommerce-account .tc-mnav__inner .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.2;
  }

  .tc-account.woocommerce-account .tc-mnav__inner .woocommerce-MyAccount-navigation .is-active > a {
    font-weight: 700;
  }

  body.tc-mnav-open {
    overflow: hidden;
    touch-action: none;
  }
}

/* =========================================
   DESKTOP (TABLAS + MENÚ LATERAL)
   Breakpoint: >= 1025px
========================================= */

@media (min-width: 1025px) {

  /* Cards fuera */
  .tc-myaccount .tc-bookings-mobile {
    display: none !important;
  }

  /* Tablas dentro */
  .tc-myaccount table.tc-table {
    display: table !important;
  }

  /* Hamburguesa fuera */
  .tc-account.woocommerce-account .tc-mnav-bar,
  .tc-account.woocommerce-account #tc-mnav {
    display: none !important;
  }
}
/* TABLET: ocultar menú de escritorio */
@media (min-width: 769px) and (max-width: 1024px) {
  body.tc-account.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
  }

  body.tc-account.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}