/* ============================================================
   "Mi cuenta" de WooCommerce con la identidad del sitio.
   Editable: capa de diseño. Se carga solo en la página de cuenta.
   ============================================================ */

.woocommerce-account{
	--mta-red:#E30613; --mta-red-dark:#B00410; --mta-ink:#0E0F12;
	--mta-line:#e7e9ee; --mta-mist:#F4F5F7; --mta-muted:#6B7280;
}
.woocommerce-account .woocommerce{
	font-family:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#1a1d21;
}

/* Layout de 2 columnas más aireado */
.woocommerce-account .woocommerce{
	display:flex; flex-wrap:wrap; gap:28px; align-items:flex-start;
}
.woocommerce-account .woocommerce-MyAccount-navigation{ flex:0 0 260px; max-width:260px; }
.woocommerce-account .woocommerce-MyAccount-content{ flex:1 1 420px; min-width:0; }

/* Navegación (pestañas) como tarjeta lateral */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
	list-style:none; margin:0; padding:6px; background:#fff;
	border:1px solid var(--mta-line); border-radius:16px;
	box-shadow:0 18px 40px -34px rgba(14,15,18,.4);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display:block; padding:12px 16px; text-decoration:none; color:#33373d;
	font-weight:600; font-size:15px; border-radius:11px; transition:background .15s ease, color .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--mta-mist); color:var(--mta-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
	background:var(--mta-red); color:#fff;
}
/* Resaltar "Mis cotizaciones" con un puntito */
.woocommerce-account .woocommerce-MyAccount-navigation-link--mis-cotizaciones a::before{
	content:"📄 ";
}

/* Títulos y textos */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{ font-weight:800; letter-spacing:-.01em; }

/* Botones de WooCommerce con la marca */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce .button{
	background:var(--mta-ink); color:#fff; border-radius:999px; font-weight:700;
	padding:12px 20px; border:none; transition:background .15s ease, transform .12s ease;
}
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce .button:hover{ background:#000; transform:translateY(-1px); }
.woocommerce-account .woocommerce .button.alt,
.woocommerce-account .woocommerce button[type="submit"].woocommerce-Button{
	background:var(--mta-red);
}
.woocommerce-account .woocommerce .button.alt:hover{ background:var(--mta-red-dark); }

/* Tablas (pedidos, direcciones) */
.woocommerce-account .woocommerce table.woocommerce-orders-table,
.woocommerce-account .woocommerce table.shop_table{
	border:1px solid var(--mta-line); border-radius:14px; border-collapse:separate; border-spacing:0; overflow:hidden;
}
.woocommerce-account .woocommerce table.shop_table thead th{
	background:var(--mta-ink); color:#fff; font-weight:700; border:none;
}
.woocommerce-account .woocommerce table.shop_table td{ border-top:1px solid var(--mta-line); }

/* Campos de formulario */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce .woocommerce-Input{
	border:1.5px solid #d7dae0; border-radius:10px; padding:11px 13px;
}
.woocommerce-account .woocommerce form .form-row input.input-text:focus,
.woocommerce-account .woocommerce .woocommerce-Input:focus{
	outline:none; border-color:var(--mta-red); box-shadow:0 0 0 3px rgba(227,6,19,.12);
}

/* Avisos */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info{
	border-top-color:var(--mta-red);
}

@media (max-width:782px){
	.woocommerce-account .woocommerce{ flex-direction:column; }
	.woocommerce-account .woocommerce-MyAccount-navigation{ flex-basis:auto; max-width:none; width:100%; }
}