/* ============================================
   MOVE TEMPLATE - TIENDA.CSS
   E-commerce styles for dark theme
   Colors: --pink (#FF0066), --cyan (#00C8F0), --yellow (#FFD700), --purple (#7B00FF)
   Backgrounds: --dark (#0A0A0A), --dark2 (#111111), --dark3 (#1A1A1A)
   Fonts: Bebas Neue (headings), Montserrat (body)
   ============================================ */

/* ====== GENERAL LAYOUT ====== */
.move-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.move-narrow {
    max-width: 600px;
}

.move-section {
    padding: 60px 0;
}

.move-page-section {
    background: #0A0A0A;
    min-height: 60vh;
    padding: 40px 0 80px;
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
}

.move-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}

/* ====== HEADER / NAV ====== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    transition: all 0.3s ease;
}

.header--solid {
    background: rgba(10,10,10,0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.header--transparent {
    background: transparent;
    border-bottom: none;
}

.header--scrolled {
    background: rgba(10,10,10,0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.nav {
    position: static;
    top: auto;
    z-index: auto;
    width: 100%;
    background: none;
    backdrop-filter: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 60px;
    transition: none;
}



.nav-menus-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    justify-content: center;
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 4px;
}

.nav-item-wrap {
    position: relative;
}

.nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 14px;
    transition: color 0.3s;
    white-space: nowrap;
}

.nav-link:hover {
    color: #FF0066;
}

.nav-divider {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,0.15);
    margin: 0 10px;
}

/* Submenu & Megamenu — hide all dropdowns by default */
.nav-submenu,
.nav-megamenu,
.nav-item-wrap .dropdown-content,
.nav-item-wrap .dropdown-content2 {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}

/* Regular submenu — show on hover */
.nav-item-wrap:hover > .nav-submenu {
    display: block !important;
    min-width: 220px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    animation: submenuIn 0.25s ease;
}

/* Megamenu — show on hover */
.nav-item-wrap:hover > .nav-megamenu {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 480px;
    max-width: 720px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 24px 28px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    animation: submenuIn 0.25s ease;
}

/* Generales fallback megamenu — show on hover */
.nav-item-wrap:hover > .dropdown-content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 480px;
    max-width: 720px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 24px 28px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    animation: submenuIn 0.25s ease;
}

@keyframes submenuIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.nav-submenu-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.nav-submenu-link:hover {
    color: #FF0066;
    background: rgba(255,255,255,0.03);
}

.nav-submenu-img {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

/* Dropdown arrow */
.nav-arrow {
    display: none;
}
.menu-item-has-children > .nav-link .nav-arrow {
    display: inline-block;
    margin-left: 4px;
}
.menu-item-has-children > .nav-link .nav-arrow::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    vertical-align: middle;
}

/* Megamenu columns */
.nav-megamenu-col {
    display: flex;
    flex-direction: column;
}

.nav-megamenu-heading {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #FF0066;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    transition: color 0.2s;
}
.nav-megamenu-heading:hover {
    color: #FF3388;
}

.nav-megamenu-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav-megamenu-link {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 0.82rem;
    padding: 5px 0;
    transition: color 0.2s;
}
.nav-megamenu-link:hover {
    color: #FF0066;
}

/* Generales fallback submenu styling */
.nav-item-wrap .submenu2_gral {
    margin-bottom: 4px;
}
.nav-item-wrap .menu_item_submenu a {
    color: #FF0066;
    text-decoration: none;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 6px;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 6px;
}
.nav-item-wrap .menu_item_submenu2 a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 0.82rem;
    padding: 4px 0;
    display: block;
    transition: color 0.2s;
}
.nav-item-wrap .menu_item_submenu2 a:hover {
    color: #FF0066;
}
.nav-item-wrap .dropdown-content2 {
    display: block !important;
    position: static !important;
}

/* Nav Icons */
.nav-icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.3s;
    position: relative;
}

.nav-icon:hover {
    color: #FF0066;
    background: rgba(255,0,102,0.08);
}

.nav-icon svg {
    width: 20px;
    height: 20px;
}

.cart-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #FF0066;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
}

/* Hamburger */
.nav-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 9999;
}

.nav-hamburger span {
    width: 24px;
    height: 2px;
    background: #FFFFFF;
    transition: all 0.3s;
}

.nav-hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translateY(5px) translateX(5px);
}

.nav-hamburger.active span:nth-child(2) {
    opacity: 0;
}

.nav-hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-5px) translateX(5px);
}

/* Neon Line */
.neon-line {
    height: 3px;
    background: linear-gradient(90deg, #FF0066, #00C8F0, #FFD700, #7B00FF);
    width: 100%;
}

/* ====== MOBILE OVERLAY ====== */
.mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9980;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ====== MOBILE MENU ====== */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: #111111;
    z-index: 9985;
    padding: 80px 30px 30px;
    overflow-y: auto;
    border-left: 1px solid rgba(255,255,255,0.08);
}

.mobile-menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-links li {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.mobile-nav-link {
    display: block;
    padding: 14px 0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s;
}

.mobile-nav-link:hover {
    color: #FF0066;
}

.mobile-submenu {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

.mobile-submenu .mobile-nav-link {
    font-size: 1rem;
    color: rgba(255,255,255,0.6);
    padding: 10px 0;
}

/* Mobile menu — dl-menu classes from generales/itemsmaster */
.mobile-menu .dl-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-menu .dl-menu > li {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.mobile-menu .dl-menu > li > a {
    display: block;
    padding: 14px 0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s;
}
.mobile-menu .dl-menu > li > a:hover {
    color: #FF0066;
}
.mobile-menu .dl-submenu {
    list-style: none;
    padding: 0 0 10px 20px;
    margin: 0;
}
.mobile-menu .dl-submenu li a {
    display: block;
    padding: 8px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: color 0.2s;
}
.mobile-menu .dl-submenu li a:hover {
    color: #FF0066;
}
.mobile-menu .dl-submenu .dl-submenu {
    padding-left: 15px;
}
.mobile-menu .dl-submenu .dl-submenu li a {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.45);
}

/* ====== SEARCH OVERLAY ====== */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10,10,10,0.97);
    z-index: 99999;
    display: none;
    flex-direction: column;
}

.search-overlay.active {
    display: flex;
}

.search-overlay-header {
    padding: 40px 40px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.search-overlay-input-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.search-overlay-icon {
    color: rgba(255,255,255,0.4);
    flex-shrink: 0;
}

.search-overlay-input {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(255,255,255,0.15);
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    padding: 12px 0;
    outline: none;
    transition: border-color 0.3s;
}

.search-overlay-input:focus {
    border-color: #FF0066;
}

.search-overlay-input::placeholder {
    color: rgba(255,255,255,0.3);
}

.search-overlay-close {
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    padding: 8px;
    transition: color 0.3s;
}

.search-overlay-close:hover {
    color: #FF0066;
}

.search-overlay-body {
    flex: 1;
    overflow-y: auto;
    padding: 30px 20px;
}

.search-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ====== CART DRAWER ====== */
.cart-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99990;
    display: none;
}

.cart-drawer-overlay.active {
    display: block;
}

.cart-drawer {
    position: fixed;
    top: 0;
    right: -420px;
    width: 400px;
    height: 100vh;
    background: #111111;
    z-index: 99995;
    transition: right 0.4s ease;
    display: flex;
    flex-direction: column;
    border-left: 1px solid rgba(255,255,255,0.08);
}

.cart-drawer.active {
    right: 0;
}

.cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.cart-drawer-header h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.cart-drawer-close {
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    padding: 4px;
    transition: color 0.3s;
}

.cart-drawer-close:hover {
    color: #FF0066;
}

.cart-drawer-content {
    flex: 1;
    overflow-y: auto;
    padding: 16px 24px;
}

/* ====== FOOTER ====== */
.footer {
    background: #0A0A0A;
    border-top: 1px solid rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.6);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
}

.footer-top {
    display: flex;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 40px 40px;
    flex-wrap: wrap;
}

.footer-brand {
    flex: 1;
    min-width: 250px;
}

.footer-logo {
    height: 60px;
    width: auto;
    margin-bottom: 16px;
}

.footer-social {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.footer-social a,
.social-link {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 700;
    transition: all 0.3s;
}

.footer-social a:hover,
.social-link:hover {
    border-color: #FF0066;
    color: #FF0066;
    background: rgba(255,0,102,0.08);
}

.footer-col {
    min-width: 150px;
}

.footer-col h4 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 16px;
}

.footer-col a {
    display: block;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 0.85rem;
    padding: 4px 0;
    transition: color 0.3s;
}

.footer-col a:hover {
    color: #FF0066;
}

.footer-submenu {
    padding-left: 12px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 40px;
    border-top: 1px solid rgba(255,255,255,0.06);
    font-size: 0.8rem;
    color: rgba(255,255,255,0.3);
}

.footer-bottom a {
    color: #FF0066;
    text-decoration: none;
}

/* ====== PAGE BANNER ====== */
.move-page-banner {
    background: linear-gradient(135deg, #0A0A0A 0%, #111111 100%);
    padding: 60px 20px 40px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.move-page-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #FFFFFF;
}

.move-breadcrumb {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-bottom: 20px;
}

.move-breadcrumb a {
    color: #FF0066;
    text-decoration: none;
}

.move-breadcrumb a:hover {
    color: #00C8F0;
}

.move-breadcrumb-sep {
    margin: 0 8px;
    color: rgba(255,255,255,0.3);
}

.move-neon-line {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #FF0066, #00C8F0);
    margin: 0 auto;
    border-radius: 2px;
}

/* ====== FORMS ====== */
.move-form-input,
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"],
.form-group input[type="tel"] {
    width: 100%;
    background: #0A0A0A;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 4px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    transition: border-color 0.3s;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.move-form-input:focus,
.form-group input:focus {
    border-color: #FF0066;
    outline: none;
}

.move-form-input::placeholder,
.form-group input::placeholder {
    color: rgba(255,255,255,0.3);
}

.move-form-textarea,
.form-group textarea {
    width: 100%;
    background: #0A0A0A;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 4px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    min-height: 120px;
    resize: vertical;
    transition: border-color 0.3s;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.move-form-textarea:focus,
.form-group textarea:focus {
    border-color: #FF0066;
    outline: none;
}

.move-form-select {
    width: 100%;
    background: #0A0A0A;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 4px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 6px;
    font-family: 'Montserrat', sans-serif;
}

/* ====== BUTTONS ====== */
.move-btn-primary,
.move-btn-submit,
.btn-primary {
    display: inline-block;
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 14px 32px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    text-align: center;
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}

.move-btn-primary:hover,
.move-btn-submit:hover,
.btn-primary:hover {
    background: #E6005C;
    box-shadow: 0 4px 20px rgba(255,0,102,0.3);
}

.move-btn-full {
    display: block;
    width: 100%;
}

.move-btn-secondary,
.btn-outline {
    display: inline-block;
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 12px 28px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%);
}

.move-btn-secondary:hover,
.btn-outline:hover {
    background: rgba(255,255,255,0.1);
}

.move-btn-outline-sm {
    display: inline-block;
    background: transparent;
    color: #FF0066;
    border: 1px solid #FF0066;
    padding: 8px 20px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}

.move-btn-outline-sm:hover {
    background: #FF0066;
    color: #FFFFFF;
}

.move-btn-cancel {
    display: inline-block;
    background: transparent;
    color: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
}

.move-btn-cancel:hover {
    border-color: #FF0066;
    color: #FF0066;
}

.move-btn-delete {
    display: inline-block;
    background: transparent;
    color: #DC2626;
    border: 1px solid #DC2626;
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
}

.move-btn-delete:hover {
    background: #DC2626;
    color: #FFFFFF;
}

.move-btn-continue {
    display: inline-block;
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 14px 32px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 20px;
}

.move-btn-continue:hover {
    background: #E6005C;
}

.move-btn-edit {
    background: none;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.5);
    padding: 6px 16px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 16px;
}

.move-btn-edit:hover {
    border-color: #FF0066;
    color: #FF0066;
}

.move-btn-prev {
    text-align: center;
    padding: 14px 28px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    color: #FF0066;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 20px;
}

.move-btn-prev:hover {
    background: #FF0066;
    color: #FFFFFF;
}

/* ====== ACCOUNT / MI CUENTA ====== */
.move-account-section {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.move-account-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    cursor: pointer;
    transition: background 0.3s;
}

.move-account-header:hover {
    background: rgba(255,255,255,0.02);
}

.move-account-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.move-account-icon {
    color: #FF0066;
    font-size: 1rem;
}

.move-account-body {
    padding: 0 24px 24px;
}

.move-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.move-info-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.move-info-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
}

.move-info-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}

/* Orders table */
.move-orders-table {
    width: 100%;
    border-collapse: collapse;
}

.move-orders-table th {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FF0066;
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.move-orders-table td {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
}

.move-order-view {
    color: #00C8F0;
    cursor: pointer;
    font-size: 0.85rem;
    transition: color 0.3s;
}

.move-order-view:hover {
    color: #FF0066;
}

/* Empty state */
.move-empty-state {
    text-align: center;
    padding: 40px;
    color: rgba(255,255,255,0.4);
    font-size: 1rem;
}

/* Address cards */
.move-direc-card {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
}

.move-direc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.move-direc-info {
    flex: 1;
}

.move-direc-title {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin-bottom: 6px;
}

.move-direc-detail {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    line-height: 1.6;
}

.move-direc-edit {
    cursor: pointer;
    color: rgba(255,255,255,0.4);
    transition: color 0.3s;
}

.move-direc-edit:hover {
    color: #FF0066;
}

.move-direc-form {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.move-direc-actions {
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.move-direcciones {
    display: flex;
    flex-direction: column;
}

/* ====== AUTH / LOGIN ====== */
.move-auth-card {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: 40px;
}

.move-auth-subtitle {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 1px;
    color: #00C8F0;
    margin: 0 0 24px;
}

/* ====== BLOG ====== */
.move-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.move-blog-card {
    display: block;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s;
}

.move-blog-card:hover {
    border-color: rgba(255,0,102,0.3);
    transform: translateY(-4px);
}

.move-blog-foto {
    height: 220px;
    background-size: cover;
    background-position: center;
}

.move-blog-content {
    padding: 20px;
}

.move-blog-date {
    font-size: 0.75rem;
    color: #FF0066;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.move-blog-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.4rem;
    color: #FFFFFF;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.move-blog-intro {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    margin-bottom: 12px;
}

.move-blog-more {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    color: #00C8F0;
    text-transform: uppercase;
}

/* Blog detail */
.move-blogd-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.4rem;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.move-blogd-text {
    font-size: 0.95rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.8;
}

.move-blogd-foto-sec {
    margin: 16px 0;
}

.move-blogd-foto-sec img {
    width: 100%;
    border-radius: 6px;
    cursor: pointer;
}

.move-blogd-related-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 1px;
    color: #FF0066;
    margin-bottom: 16px;
}

.move-blogd-related-item {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.move-blogd-related-item:hover {
    opacity: 0.8;
}

.move-blogd-related-foto {
    width: 70px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.move-blogd-related-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ====== CATEGORIES PAGE ====== */
.move-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.move-category-card {
    position: relative;
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
}

.move-category-card:hover {
    transform: translateY(-4px);
}

.move-category-foto {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s;
}

.move-category-card:hover .move-category-foto {
    transform: scale(1.05);
}

.move-category-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
}

/* ====== CONTACT PAGE ====== */
.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.move-contact-form {
    max-width: 600px;
}

/* ====== CITA (Quote) ====== */
.move-cita-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.move-cita-foto {
    height: 400px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.move-cita-text {
    font-size: 1rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

/* ====== TEXT + CONTACT ====== */
.move-textcontact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.move-textcontact-text {
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

/* ====== 404 ====== */
.move-404-content {
    text-align: center;
    padding: 80px 20px;
}

.move-404-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 8rem;
    color: #FF0066;
    line-height: 1;
    margin-bottom: 20px;
}

.move-404-text {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.6);
    margin-bottom: 30px;
}

/* ====== HELP CENTER ====== */
.move-help-search {
    width: 100%;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    padding: 14px 20px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    margin-bottom: 30px;
}

.move-help-search:focus {
    border-color: #FF0066;
    outline: none;
}

.move-help-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.move-help-card {
    display: block;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: 24px;
    text-decoration: none;
    transition: all 0.3s;
}

.move-help-card:hover {
    border-color: rgba(255,0,102,0.3);
}

.move-help-card-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.2rem;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.move-help-card-desc {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    line-height: 1.5;
}

.help_area {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 30px;
}

.help_area_left a {
    display: block;
    padding: 8px 12px;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    font-size: 0.9rem;
    border-left: 2px solid transparent;
    transition: all 0.2s;
}

.help_area_left a:hover {
    color: #FF0066;
    border-left-color: #FF0066;
}

.help_area_right {
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

.help_area_right h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem;
    color: #FFFFFF;
    margin-bottom: 16px;
}

/* ====== EVENT / EVENTO ====== */
.evento_info {
    padding: 30px 0;
}

.evento_foto {
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.evento_tit {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.evento_desc {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.7;
}

.evento_item {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 16px;
    display: flex;
}

.evento_item:hover {
    border-color: rgba(255,0,102,0.3);
}

.evento_item_foto {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.evento_item_txt {
    padding: 16px;
    flex: 1;
}

.evento_item_name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.evento_item_desc {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.5);
    margin-bottom: 8px;
}

.evento_item_precio {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.2rem;
    color: #FF0066;
}

.evento_item_precio_del {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.4);
}

.contrasenaEvento {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 12px 16px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    margin: 6px 0;
    width: 300px;
    max-width: 100%;
}

.btnEvento {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 12px 32px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.3s;
}

.btnEvento:hover {
    background: #E6005C;
}

.errorEvento {
    color: #DC2626;
    font-size: 0.85rem;
    margin-top: 10px;
}

.link_regresar {
    color: #00C8F0;
    font-size: 0.85rem;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
}

.tabla_regalos {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.tabla_regalos th {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #FF0066;
    text-align: left;
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.tabla_regalos td {
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.7);
    font-size: 0.85rem;
}

.regalo_foto {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}

.regalos_salir {
    display: inline-block;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.6);
    padding: 6px 16px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s;
}

.regalos_salir:hover {
    border-color: #FF0066;
    color: #FF0066;
}

/* ====== COMING SOON ====== */
.coming_soon {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0A0A0A;
}

.coming_logo {
    width: 200px;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 30px;
}

.coming_tit {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.5rem;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin-bottom: 16px;
}

.coming_email a {
    color: #FF0066;
    text-decoration: none;
}

.coming_login {
    margin-top: 30px;
}

.coming_login input[type="password"] {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 12px 20px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    width: 250px;
}

.coming_login input[type="button"] {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 12px 28px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
    cursor: pointer;
}

/* ====== SOCIAL MEDIA ICONS ====== */
.fontCustom {
    font-size: 16px;
}

/* Social link abbreviations */
.social-link[data-network] {
    font-size: 0;
    overflow: hidden;
}

.social-link[data-network]::before {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Bebas Neue', sans-serif;
}

.social-link[data-network="facebook"]::before { content: "FB"; }
.social-link[data-network="instagram"]::before { content: "IG"; }
.social-link[data-network="twitter"]::before { content: "TW"; }
.social-link[data-network="youtube"]::before { content: "YT"; }
.social-link[data-network="tiktok"]::before { content: "TK"; }
.social-link[data-network="pinterest"]::before { content: "PT"; }
.social-link[data-network="linkedin"]::before { content: "LI"; }

/* Top variant (smaller) */
.social-link--top {
    width: 32px;
    height: 32px;
}

.social-link--top[data-network]::before {
    font-size: 0.65rem;
}

/* ====== PAGINATION ====== */
.pagination-3 ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.pagination-3 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s;
}

.pagination-3 a:hover,
.pagination-3 a.current {
    background: #FF0066;
    border-color: #FF0066;
}

.pagination-3 a.disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* ====== TOAST / NOTIFICATIONS ====== */
.toast-notification {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.08);
    border-left: 4px solid #FF0066;
    padding: 16px 24px;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    z-index: 999999;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    animation: slideInRight 0.4s ease;
}

@keyframes slideInRight {
    from { transform: translateX(100px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* ====== COOKIES BANNER ====== */
.cookies_btn {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 10px 24px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s;
}

.cookies_btn:hover {
    background: #E6005C;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 992px) {
    .nav-menus-wrap {
        display: none;
    }

    .nav-hamburger {
        display: flex;
    }

    .nav {
        padding: 12px 20px;
    }

    .footer-top {
        flex-direction: column;
        gap: 30px;
        padding: 40px 20px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 8px;
        text-align: center;
        padding: 20px;
    }

    .move-info-grid {
        grid-template-columns: 1fr;
    }

    .move-cita-wrap {
        grid-template-columns: 1fr;
    }

    .move-textcontact-grid {
        grid-template-columns: 1fr;
    }

    .help_area {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .move-page-title {
        font-size: 2rem;
    }

    .move-section-title {
        font-size: 1.8rem;
    }

    .mobile-menu {
        width: 100%;
    }

    .cart-drawer {
        width: 100%;
        right: -100%;
    }

    .move-direc-form {
        grid-template-columns: 1fr;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
    }

    .move-cita-wrap {
        grid-template-columns: 1fr;
    }

    .move-textcontact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .move-blog-grid {
        grid-template-columns: 1fr;
    }

    .move-categories-grid {
        grid-template-columns: 1fr;
    }

    .move-help-grid {
        grid-template-columns: 1fr;
    }
}

/* ====== ANIMATION CLASSES ====== */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-in-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* ====== FILTER SIDEBAR OVERRIDES ====== */
.filter-toggle {
    display: none;
}

@media (max-width: 992px) {
    button.filter-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: transparent;
        border: 1px solid #FF0066;
        color: #FF0066;
        padding: 10px 20px;
        font-family: 'Bebas Neue', sans-serif;
        font-size: 1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
    }

    button.filter-toggle:hover {
        background: #FF0066;
        color: #FFFFFF;
    }
}

/* ====== SELECTS STYLING ====== */
select {
    background: #0A0A0A;
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 8px 12px;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
}

select option {
    background: #111111;
    color: #FFFFFF;
}

/* ====== SLIDER (Price/Discount) ====== */
.ui-slider {
    background: rgba(255,255,255,0.1) !important;
    border: none !important;
    height: 4px !important;
    border-radius: 2px !important;
}

.ui-slider .ui-slider-range {
    background: #FF0066 !important;
}

.ui-slider .ui-slider-handle {
    background: #FF0066 !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    top: -6px !important;
    cursor: pointer;
}

#amount, #amount-2 {
    color: #FF0066 !important;
    background: transparent;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
}

/* ====== NICE NUMBER (Qty buttons from generales) ====== */
.nice-number-button {
    background-color: #FF0066;
    color: #FFFFFF;
    border: none;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ====== OLD CLASS COMPATIBILITY ====== */
.no_hay, .no_hay2 {
    text-align: center;
    padding: 40px;
    color: rgba(255,255,255,0.4);
    font-size: 1rem;
}

.seguir {
    text-align: center;
    padding: 14px 28px;
    background: #FF0066;
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
    margin: 20px auto;
    transition: background 0.3s;
}

.seguir:hover {
    background: #E6005C;
}

.btn_404 {
    display: inline-block;
    background: #FF0066;
    color: #FFFFFF;
    padding: 14px 32px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 20px;
}

.btn_404:hover {
    background: #E6005C;
}

.btn_salir {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.6);
    padding: 6px 20px;
    cursor: pointer;
    font-size: 0.8rem;
    transition: all 0.3s;
}

.btn_salir:hover {
    border-color: #FF0066;
    color: #FF0066;
}

/* ====== CHECKOUT OVERRIDES ====== */
.checkout_button_small_checkout {
    background-color: #FF0066 !important;
    color: #FFFFFF !important;
    border: none;
}

/* ====== MAGNIFIC POPUP OVERRIDES ====== */
.mfp-bg {
    background: rgba(10,10,10,0.95) !important;
}

.mfp-close {
    color: #FFFFFF !important;
}

/* ====== PRODUCT TABS (Descriptions) ====== */
.move-product-tabs {
    margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.move-tabs-nav {
    display: flex;
    gap: 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.move-tab-btn {
    background: none;
    border: none;
    padding: 14px 24px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}

.move-tab-btn:hover,
.move-tab-btn.active {
    color: #FF0066;
    border-bottom-color: #FF0066;
}

.move-tab-content {
    padding: 24px 0;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

/* ====== RELATED PRODUCTS ====== */
.move-related-section {
    padding: 60px 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.move-related-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
    text-align: center;
}

.move-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}

/* ====== NEWSLETTER OVERRIDE ====== */
.newsletter_btn {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 12px 24px;
    font-family: 'Bebas Neue', sans-serif;
    cursor: pointer;
}

.newsletter_btn:hover {
    background: #E6005C;
}

/* ====== ADD TO CART BUTTONS (generales compat) ====== */
.add-to-cart-button,
.add-to-cart-button2 {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 12px 24px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s;
}

.add-to-cart-button:hover,
.add-to-cart-button2:hover {
    background: #E6005C;
}

/* ====== MICUENTA COMPAT ====== */
.micuenta_direc_btn {
    background: #FF0066;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.3s;
    text-decoration: none;
    display: inline-block;
}

.micuenta_direc_btn:hover {
    background: #E6005C;
}

.micuenta_direc_btn_cancel {
    background: transparent;
    color: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 10px 20px;
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
}

.micuenta_direc_btn_delete {
    background: transparent;
    color: #DC2626;
    border: 1px solid #DC2626;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
}

.micuenta_direccion_edit_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") no-repeat center;
    cursor: pointer;
}

.micuenta_direccion_new_icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #FF0066;
}

.micuenta_direccion_new_icon::before {
    content: "+";
}

/* ====== BODY PADDING FOR FIXED HEADER ====== */
body {
    padding-top: 70px;
}

/* ====== AUTOFACTURACION ====== */
.btn_autofacturacion {
    background: #FF0066;
    color: #FFFFFF !important;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
    font-family: 'Bebas Neue', sans-serif;
    transition: background 0.3s;
}

.btn_autofacturacion:hover {
    background: rgba(255,0,102,0.8);
}

/* ====== WISHLIST BUTTON ====== */
.button_wishlist_custom {
    border-color: #FF0066 !important;
    border: 1px solid !important;
    background-color: transparent !important;
    color: #FF0066 !important;
}

/* ====== SUBCATEGORIES ====== */
.subcate {
    margin-left: 20px;
}

/* ====== PANTALLA (Custom page) ====== */
.move-pantalla {
    padding: 40px 0;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

/* ====== RESULTADO (Search results) ====== */
.move-resultado-card {
    display: flex;
    gap: 16px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #FFFFFF;
    transition: all 0.3s;
}

/* ====== PRODUCT DETAIL ====== */
.move-product-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
}

.move-gallery {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.move-gallery-main {
    position: relative;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
}

.move-gallery-main a {
    display: block;
}

.move-main-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    max-height: 600px;
}

.move-video-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.move-video-embed iframe {
    width: 100%;
    height: 100%;
}

.move-gallery-thumbs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.move-product-info {
    padding: 0 10px;
}

.move-product-brand {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #00C8F0;
    margin-bottom: 6px;
}

.move-product-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #FFFFFF;
    line-height: 1.1;
}

.move-product-desc {
    font-size: 0.9rem;
    line-height: 1.7;
    color: rgba(255,255,255,0.7);
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.move-variant-selectors {
    margin-bottom: 16px;
}

.move-variant-selectors .variant-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 40px;
    padding: 4px 12px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
    margin: 4px 4px 4px 0;
}

.move-variant-selectors .variant-btn:hover {
    border-color: #FF0066;
}

.move-variant-selectors .variant-btn.active {
    background: #FF0066;
    border-color: #FF0066;
    color: #FFFFFF;
}

.move-variant-selectors .variant-btn--disabled {
    opacity: 0.3;
    cursor: not-allowed;
    text-decoration: line-through;
}

.move-variable-price {
    margin-bottom: 16px;
}

.move-product-options-wrap {
    margin-bottom: 16px;
}

.move-select-option-msg {
    margin-bottom: 16px;
}

.move-select-option-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: rgba(255,0,102,0.08);
    border: 1px solid rgba(255,0,102,0.2);
    border-radius: 6px;
    font-size: 0.9rem;
    color: #FF0066;
}

.move-loading {
    width: 40px;
    margin: 10px 0;
}

.move-desc3 {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

/* Qty controls */
.move-qty-label {
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-bottom: 8px;
}

.move-qty-row {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
}

.move-qty-btn {
    width: 40px;
    height: 40px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    color: #FFFFFF;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.move-qty-btn:hover {
    border-color: #FF0066;
    color: #FF0066;
}

.move-qty-input {
    width: 60px;
    height: 40px;
    text-align: center;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    border-left: none;
    border-right: none;
    color: #FFFFFF;
    font-size: 1rem;
}

.move-cart-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.move-btn-add-cart {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    background: #FF0066;
    border: none;
    color: #FFFFFF;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    cursor: pointer;
    transition: background 0.3s;
    clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
}

.move-btn-add-cart:hover {
    background: #E6005C;
}

.move-btn-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 18px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.6);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s;
}

.move-btn-wishlist:hover {
    border-color: #FF0066;
    color: #FF0066;
}

.move-sold-out {
    padding: 14px 24px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    color: rgba(255,255,255,0.4);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
}

/* Product badges */
.move-badge-sale,
.move-badge-stock {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 14px;
    border-radius: 4px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    z-index: 2;
}

.move-badge-sale { background: #16A34A; }
.move-badge-stock { background: #DC2626; top: 50px; }

/* Solo product price */
.move-solo-price {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.move-price-regular {
    font-size: 1rem;
    color: rgba(255,255,255,0.4);
    text-decoration: line-through;
}

.move-price-current {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.8rem;
    color: #FF0066;
    letter-spacing: 0.5px;
}

/* Product meta */
.move-sku-line {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.4);
    margin-bottom: 12px;
}

.move-variant-name {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.6);
    margin-bottom: 12px;
}

/* Delivery / availability */
.move-delivery-info {
    margin-top: 16px;
    padding: 12px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 6px;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.6);
}

.move-availability,
.move-delivery {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-top: 8px;
}

/* Variant price (per variant, hidden by default) */
.move-variant-price {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

/* Gallery thumbnails */
.product-gallery-thumb {
    width: 72px;
    height: 72px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.06);
    transition: border-color 0.2s;
    flex-shrink: 0;
}

.product-gallery-thumb:hover {
    border-color: #FF0066;
}

.product-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-gallery-thumb--video {
    position: relative;
}

.product-gallery-thumb--video .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Product card badge (foto.html) */
.product-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 14px;
    border-radius: 4px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    z-index: 2;
}

.product-card-badge + .product-card-badge {
    top: 48px;
}

/* SKU blocks */
.move-sku-block {
    margin-bottom: 8px;
}

.move-variant-desc {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.5;
}

/* SKU2 extended */
.move-sku2-block {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-top: 8px;
}

.move-sku2-label {
    color: rgba(255,255,255,0.4);
    margin-right: 4px;
}

.move-sku2-value {
    color: #00C8F0;
}

.move-delivery-line {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-top: 6px;
}

/* Product options */
.move-option-group {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.move-option-label {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.7);
    margin-bottom: 8px;
}

.move-option-group select {
    width: 100%;
    padding: 10px 14px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
}

.move-option-group select:focus {
    border-color: #FF0066;
    outline: none;
}

.move-option-group input[type="text"],
.move-option-group textarea {
    width: 100%;
    padding: 10px 14px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
}

.move-option-group input[type="text"]:focus,
.move-option-group textarea:focus {
    border-color: #FF0066;
    outline: none;
}

/* Product breadcrumb */
.move-product-breadcrumb-section {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 16px 20px;
}

.move-product-breadcrumb-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.move-product-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
}

.move-product-nav li {
    color: rgba(255,255,255,0.4);
}

.move-product-nav li a {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: color 0.2s;
}

.move-product-nav li a:hover {
    color: #FF0066;
}

.move-product-nav li::after {
    content: '/';
    margin-left: 8px;
    color: rgba(255,255,255,0.2);
}

.move-product-nav li:last-child::after {
    display: none;
}

.move-product-nav li:last-child {
    color: #00C8F0;
}

/* Related section */
.move-related-section {
    padding: 60px 20px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.move-related-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.move-section-header {
    text-align: center;
    margin-bottom: 40px;
}

.move-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 12px;
}

.move-neon-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #FF0066, #00C8F0);
    margin: 0 auto;
    border-radius: 2px;
}

.move-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
}

/* Descriptions section */
.move-descriptions-section {
    padding: 50px 20px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.move-descriptions-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.move-descriptions-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.move-desc-heading {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FF0066;
    margin: 0 0 16px;
}

.move-desc-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    line-height: 1.8;
    color: rgba(255,255,255,0.7);
}

.move-desc-text img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 12px 0;
}

/* Product card (catalog + related) */
.move-product-card {
    display: block;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #FFFFFF;
    transition: all 0.3s;
}

.move-product-card:hover {
    border-color: rgba(255,0,102,0.3);
    transform: translateY(-4px);
}

.move-card-image-wrap {
    position: relative;
    padding-top: 120%;
    overflow: hidden;
}

.move-card-image,
.move-card-image-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: opacity 0.4s;
}

.move-card-image-hover {
    opacity: 0;
}

.move-product-card:hover .move-card-image-hover {
    opacity: 1;
}

.move-card-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #FF0066;
    color: #FFFFFF;
    padding: 4px 10px;
    border-radius: 4px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.85rem;
    letter-spacing: 1px;
    z-index: 2;
}

.move-card-swatches {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    gap: 4px;
    z-index: 2;
}

.move-card-info {
    padding: 16px;
}

.move-card-categories {
    font-size: 0.7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #00C8F0;
    margin-bottom: 6px;
}

.move-card-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 1px;
    margin: 0 0 10px;
    color: #FFFFFF;
    line-height: 1.2;
}

.move-card-prices {
    display: flex;
    align-items: center;
    gap: 8px;
}

.move-card-price-old {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.4);
    text-decoration: line-through;
}

.move-card-price {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.2rem;
    color: #FF0066;
}

/* Product detail responsive */
@media (max-width: 768px) {
    .move-product-detail {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 20px;
    }

    .move-product-title {
        font-size: 1.6rem;
    }

    .move-descriptions-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .move-section-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .move-related-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

.move-resultado-card:hover {
    border-color: rgba(255,0,102,0.3);
}

/* ====== IDIOMAS / PRECIOS SELECTOR ====== */
.move-lang-selector,
.move-price-selector {
    display: inline-block;
    margin-top: 10px;
}

.move-lang-selector select,
.move-price-selector select {
    background: #0A0A0A;
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 6px 12px;
    font-size: 0.8rem;
    border-radius: 4px;
}

/* ====== CONFIRMACION ====== */
.move-confirmacion {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* ====== CHECKOUT OVERRIDES (for checkout2025) ====== */
.productos_area {
    background: #0A0A0A;
    min-height: 60vh;
}

/* ====== PRODUCT SWATCH COLORS ====== */
.swatch-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    display: inline-block;
    cursor: pointer;
    transition: border-color 0.2s;
}

.swatch-circle:hover,
.swatch-circle.active {
    border-color: #FF0066;
}
