html, body {
    min-height: 100%;
    background-color: transparent !important;
}
body.page-id-282 {
    background: none !important;
}
body.page-id-282::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('https://locuramia.cl/wp-content/uploads/2026/05/acc-bkgnd.02.webp');
/*    background-image: url('https://locuramia.cl/wp-content/uploads/2026/04/login-bkgnd.webp'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.woocommerce-form-login{
	background-color:#fff;
}
/* Layout general */
.woocommerce-account .woocommerce {

    grid-template-columns: 260px 1fr;
    gap: 2rem;
	    width: 100%;
    min-width: 0;
}

/* Sidebar */
.woocommerce-MyAccount-navigation {
    background: #fff;
    border-radius: 5px;
    padding: 1rem;
}

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

.woocommerce-MyAccount-navigation li {
    margin-bottom: 8px;
}

.woocommerce-MyAccount-navigation a {
	font-family: 'Caviar Dreams';
    display: block;
    padding: 0 14px;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Hover + activo */
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
    background: #40A99D;
    color: #fff;
}

/* Contenido */
.woocommerce-MyAccount-content {
    background: #fff;
    border-radius: 5px;
    padding: 2rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Títulos */
.woocommerce-MyAccount-content h2 {
    margin-top: 0;
    font-size: 1.5rem;
}

/* Tablas (pedidos) */
.woocommerce table.shop_table {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce table.shop_table th {
    background: #f5f5f5;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: 12px;
}

/* Formularios */
.woocommerce form .form-row input.input-text {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation {
        display: flex;
        overflow-x: auto;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 10px;
    }

    .woocommerce-MyAccount-navigation li {
        margin: 0;
    }
}