/* ==========================================================================
   CSS DE EVENTOS PREMIUM - MICA DE ESPEJO CON ANCHOS RESPONSIVOS MEJORADOS (PC/MOVIL)
   ========================================================================== */

/* --- 1. FONDO INMERSIVO TROPICAL CON EFECTO PARALLAX --- */
.salones-section-bg {
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    z-index: 1;
}

.salones-section-bg::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Filtro de noche tropical profundo */
    background: linear-gradient(to bottom, rgba(22, 18, 16, 0.72), rgba(15, 12, 10, 0.94));
    z-index: -1;
}

/* --- 2. CONTENEDOR PRINCIPAL --- */
.salones-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px 20px;
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .salones-wrapper {
        gap: 100px; 
        padding: 80px 20px;
    }
}

/* ==========================================================================
   TARJETAS DE SALONES: CONSOLA DUAL SIMÉTRICA (CERO TRASLAPES)
   ========================================================================== */

.salon-card-animated {
    position: relative;
    border-radius: 32px !important;
    overflow: hidden !important; 
    box-sizing: border-box !important;
    background: transparent !important;
    
    /* MARCO DE PLATA SÓLIDA */
    border: 4px solid rgba(220, 220, 220, 0.95) !important;
    
    /* BISELADO METÁLICO EN 3D (Reflejos de cromo en el contorno) */
    box-shadow: 
        0 25px 65px rgba(0, 0, 0, 0.4),
        inset 0 0 0 2px #ffffff,       
        inset 0 0 0 6px #d8d8d8,       
        inset 0 0 0 8px #ffffff,       
        0 0 20px rgba(255, 255, 255, 0.15) !important;
    
    transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1), 
                border-color 0.45s ease, 
                box-shadow 0.45s ease !important;
}

.salon-card-animated:hover {
    transform: translateY(-6px) !important;
    border-color: #ffffff !important; 
    box-shadow: 
        0 35px 80px rgba(212, 163, 115, 0.25),
        inset 0 0 0 2px #ffffff,
        inset 0 0 0 6px #e5e5e5,
        inset 0 0 0 8px #ffffff,
        0 0 25px rgba(255, 255, 255, 0.3) !important;
}

/* --- CONTENEDOR DE CRISTAL REFLECTANTE (MICA DE ESPEJO) --- */
.salon-card-content {
    position: relative;
    z-index: 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centrado absoluto por defecto para móvil */
    justify-content: center !important;
    padding: 24px 16px;
    gap: 25px;
    
    /* Gradiente espejo esmerilado claro */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(245, 242, 238, 0.35) 50%, rgba(212, 163, 115, 0.08) 100%) !important;
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    
    border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 2px 8px rgba(255, 255, 255, 0.6), 0 20px 50px rgba(58, 53, 50, 0.08) !important;
    
    border-radius: 28px;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Destello de luz líquida */
.salon-card-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.22) 50%, transparent 70%);
    transition: left 0.85s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 5;
    pointer-events: none;
}

.salon-card-animated:hover .salon-card-content::before {
    left: 150%;
}

@media (min-width: 992px) {
    .salon-card-content {
        /* REJILLA RESPONSIVA 50/50 SIMÉTRICA PERFECTA EN PC */
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; 
        gap: 30px !important; /* Separación elegante sin superposiciones */
        align-items: stretch !important; /* Estiramiento vertical síncrono */
        padding: 40px !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   PORTAL VISUAL DE MUSEO (IZQUIERDA - GLOW & GLAZE EFFECTS)
   ========================================================================== */

.salon-slider {
    width: 100%;
    max-width: 520px; /* Incrementado de 440px a 520px para ensanchar el carrusel en móviles */
    height: 280px;
    min-height: 250px;
    position: relative !important;
    margin: 0 auto !important; /* Centrado horizontal */
    
    /* Corte curvo asimétrico orgánico-futurista */
    border-radius: 40px 12px 40px 12px !important;
    overflow: hidden !important; 
    
    /* Marco metálico plateado en 3D de alta fidelidad */
    border: 4.5px solid rgba(220, 220, 220, 0.95) !important;
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.4),
        inset 0 0 0 2px #ffffff,
        inset 0 0 0 5px #d8d8d8,
        inset 0 0 0 7px #ffffff,
        0 0 25px rgba(212, 163, 115, 0.15) !important; /* Sombra/Halo exterior visible */
    
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
    z-index: 1 !important; 
}

/* === EFECTO 1: HALO BIOLUMINISCENTE DE FONDO (PULSANTE) === */
.salon-slider::before {
    content: '';
    position: absolute;
    inset: -15px; 
    background: radial-gradient(circle, rgba(212, 163, 115, 0.28) 0%, transparent 70%);
    filter: blur(25px);
    z-index: -1;
    pointer-events: none;
    animation: visualHalo 4s infinite alternate ease-in-out;
}

@keyframes visualHalo {
    0% { transform: scale(0.96); opacity: 0.6; }
    100% { transform: scale(1.05); opacity: 1; }
}

/* === EFECTO 2: BRILLO DE CRISTAL DE EXPOSICIÓN (DIAGONAL GLAZE) === */
.salon-slider::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.05) 40%, transparent 60%);
    z-index: 5;
    pointer-events: none;
    border-radius: inherit;
}

/* Forzamos que las imágenes no desborden los bordes redondeados del marco */
.salon-slider .room-slider-track {
    border-radius: 36px 8px 36px 8px !important;
    overflow: hidden !important;
}

@media (min-width: 992px) {
    .salon-slider {
        width: 100% !important; /* Ocupa su mitad de la rejilla */
        max-width: none !important;
        height: auto !important; 
        min-height: 500px !important; 
        margin: 0 !important; 
        flex-shrink: 0 !important;
    }
}

.salon-card-content .room-img {
    transition: transform 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Movimiento sutil de ladeo del portal en hover */
.salon-card-animated:hover .salon-slider {
    transform: scale(1.02) rotate(-1deg) !important;
}

/* ==========================================================================
   CONSOLA DERECHA (CYBER-TABLET DE MADERA DE CAOBA Y CRISTAL SIMÉTRICA)
   ========================================================================== */

.salon-info {
    padding: 24px 15px !important; /* Ajustado el padding lateral de 20px a 15px para ganar espacio */
    color: #ffffff !important;
    text-align: left;
    width: 100% !important;
    max-width: 520px; /* Incrementado de 440px a 520px para ensanchar el bloque de texto en móviles */
    margin: 0 auto !important; /* Centrado absoluto */
    box-sizing: border-box !important;
    
    /* Cristal de Obsidiana con tinte de madera de caoba amazónica profunda */
    background: linear-gradient(135deg, rgba(25, 20, 18, 0.96) 0%, rgba(10, 8, 7, 0.99) 100%) !important;
    backdrop-filter: blur(25px) saturate(140%);
    -webkit-backdrop-filter: blur(25px) saturate(140%);
    
    /* Esquinas asimétricas inversas al portal para crear armonía */
    border-radius: 12px 40px 12px 40px !important;
    
    /* Borde de oro cobrizo esbelto */
    border: 1.5px solid rgba(212, 163, 115, 0.25) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.3) !important;
    
    /* Transición de elevación suave */
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.5s ease,
                box-shadow 0.5s ease !important;
    
    z-index: 10 !important; 
}

@media (min-width: 992px) {
    .salon-info {
        width: 100% !important; /* Ocupa su mitad de la rejilla */
        max-width: none !important;
        margin: 0 !important; 
        padding: 40px !important; 
        
        /* Altura dinámica basada en el contenido */
        height: auto !important; 
        min-height: 500px !important; 
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important; 
    }
}

/* Levantamiento tridimensional al hover */
.salon-card-animated:hover .salon-info {
    transform: translateY(-5px) !important;
    border-color: var(--color-oro-cobrizo) !important;
    box-shadow: 0 30px 70px rgba(212, 163, 115, 0.22), 
                0 0 20px rgba(212, 163, 115, 0.08) !important;
}

/* --- TEXTOS E INCLUSIONES --- */
.salon-title {
    font-family: var(--font-titulos) !important;
    font-size: 28px !important;
    color: #ffffff !important; 
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px !important;
    border-bottom: 2px solid var(--color-oro-cobrizo) !important;
    padding-bottom: 10px;
    font-weight: 800 !important;
}

.salon-includes {
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.8) !important; 
    margin-bottom: 25px !important;
    padding-left: 15px !important;
    border-left: 3px solid var(--color-oro-cobrizo) !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

.salon-includes strong {
    color: var(--color-oro-cobrizo) !important; 
    font-weight: 800 !important;
}

/* ==========================================================================
   CONSOLA INTERNA: PESTAÑAS Y TARJETAS DE MONTAJE (MÁXIMO CONTRASTE)
   ========================================================================== */

.salon-tabs-container {
    background: rgba(0, 0, 0, 0.4) !important; 
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 18px !important;
    padding: 24px 15px !important; /* Ajustado el padding lateral de 24px a 15px para ensanchar las subcards en móviles */
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0,0,0,0.2) !important;
}

.salon-tab-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 15px;
}

.tab-toggles {
    display: flex; 
    gap: 10px;
}

/* Botón de Pestaña de Cristal Esmerilado Oscuro */
.tab-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 9px 24px !important;
    border-radius: 30px !important;
    font-family: var(--font-principal) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.tab-btn:hover {
    border-color: var(--color-oro-cobrizo) !important;
    color: var(--color-oro-cobrizo) !important;
    background: rgba(212, 163, 115, 0.08) !important;
}

.tab-btn.active {
    background: var(--color-oro-cobrizo) !important;
    color: var(--color-madera-oscura) !important;
    border-color: var(--color-oro-cobrizo) !important;
    box-shadow: 0 4px 14px rgba(212, 163, 115, 0.35), 
                0 0 10px rgba(212, 163, 115, 0.15) !important;
}

.salon-subtitle {
    font-size: 11px !important;
    color: var(--color-oro-cobrizo) !important; /* Oro cobrizo para brillar en fondo oscuro */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 18px !important;
    font-weight: 800 !important;
}

/* --- PESTAÑA ACTIVA --- */
.tab-pane {
    display: none;
    animation: slideUpFade 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.tab-pane.active {
    display: block;
}

.armado-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 600px) {
    .armado-grid { 
        grid-template-columns: 1fr 1fr !important; 
    }
}

/* TARJETAS DE ARMADO DE CRISTAL DE ÁMBAR OSCURO */
.armado-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(255, 255, 255, 0.03) !important; 
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 14px 16px !important; /* Optimizado de 20px a 16px lateral para ensanchar contenido en móviles */
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box !important;
    width: 100% !important; /* Copia el ancho disponible del grid */
}

.armado-card:hover {
    border-color: var(--color-oro-cobrizo) !important;
    background: rgba(212, 163, 115, 0.05) !important;
    box-shadow: inset 0 0 15px rgba(212, 163, 115, 0.15), 
                0 10px 25px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-4px) scale(1.02) !important;
}

/* Recuadro del Icono SVG */
.armado-icon {
    width: 48px !important; /* Optimizado levemente de 52px a 48px para dar más espacio horizontal al texto */
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    color: var(--color-arena) !important;
    transition: all 0.4s ease !important;
}

.armado-icon svg {
    width: 28px !important; /* Proporciones perfectas */
    height: 28px !important;
    display: block !important;
}

.armado-card:hover .armado-icon {
    transform: rotate(8deg) !important;
    border-color: var(--color-oro-cobrizo) !important;
    background: rgba(212, 163, 115, 0.1) !important;
    color: var(--color-oro-cobrizo) !important;
}

.armado-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

/* MÁXIMO CONTRASTE */
.armado-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Blanco Puro */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px !important;
    text-shadow: none !important;
}

.armado-pax {
    font-size: 12.5px !important;
    color: var(--color-oro-cobrizo) !important; /* Oro Cobrizo */
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-shadow: none !important;
}

/* --- SEGURIDAD DE PUNTERO PARA DESLIZADORES EN LA REJILLA --- */
.cyber-card-overlay, 
.cyber-card-content {
    pointer-events: none !important; 
}

.cyber-card-content span, 
.cyber-card-content h3, 
.cyber-card-content p {
    pointer-events: auto !important;
}

/* Estructura minimalista de flechas en la grilla */
.cyber-grid-card .slider-arrow {
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 163, 115, 0.25) !important;
    font-size: 11px !important;
    color: var(--color-madera-oscura) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    z-index: 30 !important;
    transition: opacity 0.3s ease, background-color 0.3s ease, transform 0.3s ease !important;
}

.cyber-grid-card:hover .slider-arrow {
    opacity: 1; 
}

.cyber-grid-card .slider-arrow:hover {
    background-color: var(--color-blanco) !important;
    color: var(--color-terracota) !important;
    transform: translateY(-50%) scale(1.05); 
}

/* ==========================================================================
   NUEVA OPTIMIZACIÓN GIGANTE: SECCIÓN DE COTIZADOR DE EVENTOS (WOW EFFECT)
   ========================================================================== */

.event-cta-split-section {
    background: #11100f !important;
    padding: 100px 20px;
    position: relative;
    border-top: 2.2px solid rgba(212, 163, 115, 0.22) !important;
    overflow: hidden;
    z-index: 1;
}

.cta-split-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .cta-split-grid {
        grid-template-columns: 1fr 1.05fr !important;
        gap: 80px;
    }
}

.cta-sub-badge {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    color: var(--color-oro-cobrizo) !important;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 15px !important;
    text-align: left;
}

.cta-main-title {
    font-size: var(--text-hero) !important;
    color: var(--color-blanco) !important;
    font-family: var(--font-titulos) !important;
    line-height: 1.15;
    margin-bottom: 25px !important;
    text-align: left;
}

.cta-description {
    font-size: 14.5px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    max-width: 90%;
    text-align: left;
}

.cta-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
}

.btn-outline-light {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-family: var(--font-principal) !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--color-oro-cobrizo) !important;
    color: var(--color-oro-cobrizo) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(212, 163, 115, 0.15) !important;
}

.event-cta-box {
    background: rgba(255, 255, 255, 0.96) !important; 
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1.8px solid rgba(212, 163, 115, 0.3) !important; 
    border-radius: 28px !important;
    padding: 45px 35px !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.form-title {
    font-family: var(--font-titulos) !important;
    font-size: var(--text-2xl) !important;
    color: var(--color-madera-oscura) !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-weight: 700 !important;
}

.form-subtitle {
    color: var(--color-tierra) !important;
    font-size: 14px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.event-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px !important;
}

@media (min-width: 768px) {
    .event-form { 
        grid-template-columns: 1fr 1fr !important; 
    }
    .form-full { 
        grid-column: span 2 !important; 
    }
}

.event-input {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1.5px solid rgba(140, 112, 95, 0.22) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    font-family: var(--font-principal) !important;
    font-size: 13.5px !important;
    color: var(--color-madera-oscura) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box !important;
}

.event-input:focus {
    border-color: var(--color-oro-cobrizo) !important;
    box-shadow: 0 0 10px rgba(212, 163, 115, 0.22) !important;
    outline: none !important;
}

select.event-input {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238C705F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px !important;
}

.btn-submit-form {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 48px !important;
    background: linear-gradient(135deg, var(--color-oro-cobrizo) 0%, var(--color-terracota) 100%) !important;
    color: var(--color-madera-oscura) !important; 
    border-radius: 50px !important;
    border: 1.2px solid rgba(255, 255, 255, 0.35) !important;
    font-family: var(--font-principal) !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(212, 163, 115, 0.35), 0 0 10px rgba(212, 163, 115, 0.15) !important;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), 
                background 0.35s ease, 
                box-shadow 0.35s ease !important;
}

.btn-submit-form:hover {
    transform: translateY(-3px) scale(1.01) !important;
    background: linear-gradient(135deg, var(--color-terracota) 0%, var(--color-oro-cobrizo) 100%) !important;
    box-shadow: 0 12px 25px rgba(212, 163, 115, 0.5), 0 0 15px rgba(212, 163, 115, 0.25) !important;
    color: var(--color-madera-oscura) !important;
}

/* Corrección de la pista del slider */
.room-slider-track {
    display: block !important; /* Cambiamos de flex a block para controlar las imágenes una a una */
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.room-img {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: opacity 0.5s ease !important; /* Fundido suave */
}


/* --- FLECHAS SIEMPRE VISIBLES Y ESTILIZADAS --- */
.salon-slider .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px !important;
    height: 36px !important;
    background: rgba(255, 255, 255, 0.6) !important; /* Cristal semi-transparente */
    backdrop-filter: blur(8px);
    border: 1px solid rgba(212, 163, 115, 0.4) !important;
    color: var(--color-madera-oscura) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 800 !important;
    
    /* CAMBIO CLAVE: Opacidad 1 siempre (siempre visibles) */
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 50 !important;
    transition: all 0.3s ease !important;
}

.salon-slider .slider-arrow:hover {
    background: var(--color-oro-cobrizo) !important;
    color: var(--color-blanco) !important;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Ajustes de posición para que no se corten con el marco 3D */
.salon-slider .prev-arrow { left: 12px !important; }
.salon-slider .next-arrow { right: 12px !important; }