/* =====================================================================
   SmartParts - Mi Cuenta (dashboard, garantias, resenas, login).
   Portado de "Dashboard mejorado css"; colores en variables del tema,
   asi el modo oscuro funciona sin reglas extra.
   ===================================================================== */
.woocommerce-account .sp-page { max-width: 1140px; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; min-width: 0; }
@media (min-width: 900px) {
  .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; gap: 26px; align-items: flex-start; }
  .woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper { flex: 0 0 100%; }
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { flex: 0 0 230px; position: sticky; top: 150px; }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content { flex: 1 1 0; }
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 10px; background: var(--sp-card); border: 1px solid var(--sp-border); border-radius: 16px; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 10px 12px; border-radius: 10px; color: var(--sp-text); text-decoration: none; font-weight: 600; font-size: 14px; }
.woocommerce-MyAccount-navigation li a:hover { background: var(--sp-bg-alt); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--sp-grad); color: #fff; }
@media (max-width: 899px) { .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 4px; margin-bottom: 18px; } .woocommerce-MyAccount-navigation li a { white-space: nowrap; } }
.woocommerce-account table.shop_table { width: 100%; border-collapse: collapse; background: var(--sp-card); border-radius: 14px; overflow: hidden; border: 1px solid var(--sp-border); }
.woocommerce-account table.shop_table th, .woocommerce-account table.shop_table td { padding: 10px 12px; border-bottom: 1px solid var(--sp-border); text-align: left; font-size: 13.5px; }
.woocommerce-account .woocommerce-orders-table .button { padding: 7px 12px; font-size: 12px; }
.sp-metric-blue { background: rgba(41,171,226,.12); }
.sp-metric-green { background: rgba(34,197,94,.12); }

/* ==========================================================================
   SmartParts - Estilos panel "Mi Cuenta"
   Pegar en WPCode como snippet CSS, o en Apariencia > Personalizar > CSS Adicional
   ========================================================================== */


.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  font-family: 'Montserrat', sans-serif;
}

/* ---- Header con saludo ---- */
.sp-dashboard-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  background:var(--sp-card);
  border-radius:16px;
  padding:24px 28px;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  margin-bottom:24px;
}
.sp-dashboard-greeting h2{
  font-family:'Orbitron', sans-serif;
  margin:0 0 4px;
  font-size:1.4rem;
  color:var(--sp-text);
}
.sp-dashboard-greeting p{ margin:0; color:var(--sp-muted); }

.sp-btn-logout{
  background:#ef4444;
  color:#fff !important;
  padding:10px 18px;
  border-radius:10px;
  text-decoration:none !important;
  font-weight:600;
  transition:.2s;
}
.sp-btn-logout:hover{ background:#dc2626; }

/* ---- Métricas ---- */
.sp-dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:16px;
  margin-bottom:24px;
}
.sp-metric{
  border-radius:14px;
  padding:20px 24px;
}
.sp-metric-blue{ background:rgba(41,171,226,0.12); }
.sp-metric-green{ background:rgba(34,197,94,0.12); }
.sp-metric-value{
  display:block;
  font-family:'Orbitron', sans-serif;
  font-size:1.8rem;
  font-weight:700;
  color:var(--sp-text);
}
.sp-metric-label{ color:var(--sp-muted); font-size:.9rem; }

/* ---- Grid de cards ---- */
.sp-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  gap:18px;
}
.sp-card{
  background:var(--sp-card);
  border-radius:16px;
  padding:26px;
  text-decoration:none !important;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  border:2px solid transparent;
  transition:.2s;
  display:block;
}
.sp-card:hover{
  border-color:var(--sp-cyan);
  transform:translateY(-3px);
}
.sp-card-icon{ font-size:1.8rem; display:block; margin-bottom:10px; }
.sp-card h3{
  margin:0 0 6px;
  color:var(--sp-text);
  font-size:1.05rem;
}
.sp-card p{ margin:0; color:var(--sp-muted); font-size:.88rem; }

/* ---- Formularios custom (garantías, notificaciones, adjuntos) ---- */
.sp-form{
  background:var(--sp-card);
  border-radius:16px;
  padding:24px;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:520px;
  margin-bottom:28px;
}
.sp-form label{ font-weight:600; color:var(--sp-text); }
.sp-form select,
.sp-form textarea,
.sp-form input[type="file"]{
  border:1px solid var(--sp-border);
  border-radius:10px;
  padding:10px 12px;
  font-family:'Montserrat', sans-serif;
}
.sp-checkbox{ display:flex; align-items:center; gap:8px; font-weight:500 !important; }

.sp-btn-primary{
  background:linear-gradient(135deg, var(--sp-cyan), var(--sp-violet));
  color:#fff;
  border:none;
  padding:12px 20px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
  align-self:flex-start;
}
.sp-btn-primary:hover{ opacity:.9; }

/* ---- Alertas ---- */
.sp-alert{
  padding:12px 16px;
  border-radius:10px;
  margin-bottom:16px;
  font-weight:500;
}
.sp-alert-success{ background:rgba(34,197,94,0.12); color:#16803d; }
.sp-alert-error{ background:rgba(239,68,68,0.12); color:#b91c1c; }

/* ---- Tabla de historial ---- */
.sp-table{
  width:100%;
  border-collapse:collapse;
  background:var(--sp-card);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
}
.sp-table th, .sp-table td{
  padding:12px 16px;
  text-align:left;
  border-bottom:1px solid var(--sp-border);
}
.sp-badge{
  padding:4px 10px;
  border-radius:20px;
  font-size:.8rem;
  font-weight:600;
}
.sp-badge-pendiente{ background:#fef3c7; color:#92400e; }
.sp-badge-resuelto{ background:#d1fae5; color:#065f46; }

/* ---- Reseñas ---- */
.sp-review-item{
  background:var(--sp-card);
  border-radius:14px;
  padding:18px 22px;
  margin-bottom:12px;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
}
.sp-stars{ color:#f59e0b; margin:4px 0; }

/* ---- Archivos ---- */
.sp-file-list{ list-style:none; padding:0; margin:0 0 16px; }
.sp-file-list li{ margin-bottom:6px; }
.sp-file-list a{ color:var(--sp-cyan); text-decoration:none; font-weight:500; }

.sp-section-title{
  font-family:'Orbitron', sans-serif;
  margin:28px 0 14px;
  font-size:1.1rem;
}

@media (max-width: 600px){
  .sp-dashboard-header{ flex-direction:column; align-items:flex-start; }
}
/* Ocultar texto default de WooCommerce arriba del dashboard */
.woocommerce-MyAccount-content > p:first-of-type,
.woocommerce-MyAccount-content > p:nth-of-type(2) {
  display: none;
}
/* ===== Login / Registro WooCommerce ===== */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.woocommerce-account form.login,
.woocommerce-account form.register {
  background: var(--sp-card);
  border: none !important;
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
...
211   box-shadow: 0 2px 10px rgba(0,0,0,0.06);
212 }
213
214 .woocommerce-account .col2-set {
215   display: flex;
216   flex-wrap: wrap;
217   gap: 24px;
218   justify-content: center;
219 }
220
221 .woocommerce-account .col2-set .u-column1,
222 .woocommerce-account .col2-set .u-column2 {
223   float: none;
224   width: 100%;
225   max-width: 480px;
226   flex: 1 1 400px;
227 }
228
229 @media (max-width: 768px) {
230   .woocommerce-account .col2-set .u-column1,
231   .woocommerce-account .col2-set .u-column2 {
232     flex: 1 1 100%;
233   }
234 }
...

.woocommerce-account form.login h2::before,
.woocommerce-account form.register h2::before { content: none; }

.woocommerce-account form .form-row label {
  font-weight: 600;
  color: var(--sp-text);
  margin-bottom: 6px;
  display: block;
}

.woocommerce-account form .form-row input.input-text {
  width: 100%;
  border: 1px solid var(--sp-border);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: 'Montserrat', sans-serif;
}

.woocommerce-account form .form-row input.input-text:focus {
  outline: none;
  border-color: var(--sp-cyan);
}

.woocommerce-account form.login .button,
.woocommerce-account form.register .button {
  background: linear-gradient(135deg, var(--sp-cyan), var(--sp-violet));
  color: #fff;
  border: none;
  padding: 13px 24px;
  border-radius: 10px;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
}

.woocommerce-account .lost_password a {
  color: var(--sp-cyan);
  text-decoration: none;
}
/* Fondo de la página Mi Cuenta */
body.woocommerce-account {
  background-color: var(--sp-bg-alt);
}

.woocommerce-account .woocommerce {
  background: transparent;
}
/* Botón de Google - estilo SmartParts */
.woocommerce-account .nsl-button-google[data-skin="light"] {
  background: linear-gradient(135deg, var(--sp-cyan), var(--sp-violet)) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
}

.woocommerce-account .nsl-button-google .nsl-button-label-container {
  color: #fff !important;
  font-weight: 600 !important;
}

.woocommerce-account .nsl-button-google .nsl-button-icon {
  background: #fff !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.woocommerce-account .nsl-button-google .nsl-button-icon svg,
.woocommerce-account .nsl-button-google .nsl-button-icon img {
  width: 18px !important;
  height: 18px !important;
}

.woocommerce-account .nsl-button-google:hover {
  opacity: 0.9;
}