/* ============================================================
   KuiraWeb Tour 360 Pro — skin bronce/dark
   Capa de override sobre WPVR (Pannellum + tooltipster).
   Se carga DESPUÉS de wvt-frontend.css.
   ============================================================ */
:root {
    --kwt-bronze:      #aa8453;
    --kwt-bronze-soft: #c2a173;
    --kwt-bronze-deep: #8a6a3f;
    --kwt-ink:         #1b1b1b;
    --kwt-ink-soft:    #1f1f1f;
    --kwt-glass:       rgba(20, 18, 16, .82);

    /* Iconos del visor en SVG (estilo Lucide), para no depender de Font Awesome. */
    --kwt-ic-plus:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
    --kwt-ic-minus:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    --kwt-ic-full:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
    --kwt-ic-rotate:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E");
    --kwt-ic-pause:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E");
    --kwt-ic-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2.5 6-6 2.5 2.5-6z'/%3E%3C/svg%3E");
    --kwt-ic-menu:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E");
    --kwt-ic-close:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M6 18L18 6'/%3E%3C/svg%3E");
}

/* ───────── Iconos del visor (SVG por mask, heredan currentColor) ───────── */
.kw-tour-icons-none, /* (no-op para agrupar) */
.wvt-zoom-in::before,
.wvt-zoom-out::before,
.wvt-fullscreen-control::before,
.wvt-autorotate-control::before,
.wvt-orientation-control::before,
.btn-toggle i::before {
    content: "" !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-color: currentColor;
    font-size: 0 !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.wvt-zoom-in::before            { -webkit-mask-image: var(--kwt-ic-plus);    mask-image: var(--kwt-ic-plus); }
.wvt-zoom-out::before           { -webkit-mask-image: var(--kwt-ic-minus);   mask-image: var(--kwt-ic-minus); }
.wvt-fullscreen-control::before { -webkit-mask-image: var(--kwt-ic-full);    mask-image: var(--kwt-ic-full); }
.wvt-autorotate-control::before { -webkit-mask-image: var(--kwt-ic-rotate);  mask-image: var(--kwt-ic-rotate); }
.wvt-autorotate-control.rotating::before { -webkit-mask-image: var(--kwt-ic-pause); mask-image: var(--kwt-ic-pause); }
.wvt-orientation-control::before { -webkit-mask-image: var(--kwt-ic-compass); mask-image: var(--kwt-ic-compass); }
.btn-toggle i::before           { -webkit-mask-image: var(--kwt-ic-menu);    mask-image: var(--kwt-ic-menu); }
.wvt-spotlist-container.expand .btn-toggle i::before { -webkit-mask-image: var(--kwt-ic-close); mask-image: var(--kwt-ic-close); }

/* ───────── Lienzo ───────── */
.pnlm-container,
.wvt-panorama-wrapper {
    background-color: var(--kwt-ink) !important;
}

/* ───────── Controles (zoom / fullscreen / autorotate / orientación) ───────── */
.wvt-autorotate-control,
.wvt-fullscreen-control,
.wvt-orientation-control,
.wvt-zoom-control {
    background: var(--kwt-glass) !important;
    color: rgba(255, 255, 255, .85) !important;
    border: 1px solid rgba(170, 132, 83, .35) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.wvt-zoom-control > div {
    border-bottom: 1px solid rgba(170, 132, 83, .28) !important;
    transition: background .18s ease, color .18s ease;
}
.wvt-autorotate-control:hover,
.wvt-fullscreen-control:hover,
.wvt-orientation-control:hover,
.wvt-zoom-control > div:hover {
    background: rgba(170, 132, 83, .22) !important;
    color: var(--kwt-bronze-soft) !important;
}
.wvt-autorotate-control.rotating {
    color: var(--kwt-bronze-soft) !important;
}

/* ───────── Barra de título (nombre de la escena) ───────── */
.wvt-toolbar-wrapper {
    background: linear-gradient(180deg, rgba(15, 13, 11, .75), transparent) !important;
    height: 64px !important;
}
[data-scheme=top] .wvt-toolbar-wrapper,
.wvt-toolbar-wrapper:not([data-scheme=top]) {
    /* cuando la barra va abajo, invertimos el degradado */
}
.wvt-toolbar-wrapper .wvt-panorama-title h2,
.wvt-toolbar-wrapper .wvt-panorama-title h2 a {
    font-family: var(--font-display, 'Gilda Display', serif) !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    letter-spacing: .3px;
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .85) !important;
}
.wvt-toolbar-wrapper .wvt-panorama-title h2 .fa {
    color: var(--kwt-bronze-soft);
}

/* ───────── Tooltip de navegación (balloon "Ir a") ───────── */
.wvt-panorama-tooltips {
    background: var(--kwt-glass) !important;
    border: 1px solid rgba(170, 132, 83, .4) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .55) !important;
    color: #fff !important;
    overflow: hidden;
}
.wvt-tooltips-location {
    border-bottom: 1px solid rgba(170, 132, 83, .3) !important;
    color: #fff !important;
}
.wvt-tooltips-location strong {
    font-family: var(--font-display, 'Gilda Display', serif);
    color: var(--kwt-bronze-soft);
    font-weight: 400 !important;
}
.wvt-tooltips-text {
    background: rgba(170, 132, 83, .16) !important;
    color: var(--kwt-bronze-soft) !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
}

/* ───────── Tooltips de hotspot (tooltipster, todos los temas) ───────── */
.tooltipster-sidetip .tooltipster-box,
.tooltipster-base .tooltipster-box,
.tooltipster-noir .tooltipster-box,
.tooltipster-light .tooltipster-box,
.tooltipster-shadow .tooltipster-box,
.tooltipster-default .tooltipster-box {
    background: var(--kwt-glass) !important;
    border: 1px solid rgba(170, 132, 83, .4) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .55) !important;
}
.tooltipster-sidetip .tooltipster-content,
.tooltipster-content {
    color: #fff !important;
}
.tooltipster-sidetip .tooltipster-arrow-background {
    border-top-color: var(--kwt-glass) !important;
    border-bottom-color: var(--kwt-glass) !important;
    border-left-color: var(--kwt-glass) !important;
    border-right-color: var(--kwt-glass) !important;
}
.tooltipster-sidetip .tooltipster-arrow-border { display: none !important; }
.wvt-content-tooltips,
.wvt-content-tooltips p { color: #fff !important; }
.wvt-content-tooltips h1,
.wvt-content-tooltips h2,
.wvt-content-tooltips h3,
.wvt-content-tooltips h4 {
    font-family: var(--font-display, 'Gilda Display', serif) !important;
    color: var(--kwt-bronze-soft) !important;
    font-weight: 400 !important;
}
.wvt-content-tooltips a { color: var(--kwt-bronze-soft) !important; }

/* ───────── Loader ───────── */
.pnlm-load-box {
    background-color: var(--kwt-ink) !important;
    color: var(--kwt-bronze-soft) !important;
}
.pnlm-lbar-fill { background-color: var(--kwt-bronze) !important; }
.pnlm-lbar { border-color: var(--kwt-bronze) !important; }
.wvt-tour-loader,
.wvt-tour-loader * { border-top-color: var(--kwt-bronze) !important; }

/* ───────── Compass ───────── */
.pnlm-compass {
    box-shadow: 0 0 0 1px rgba(170, 132, 83, .5), 0 4px 14px rgba(0, 0, 0, .5);
    border-radius: 50%;
}

/* ───────── Pin del recorrido (mapa/planta) ───────── */
.wvt-panorama-map-pin-circle {
    background: var(--kwt-bronze) !important;
    box-shadow: 0 0 0 4px rgba(170, 132, 83, .3) !important;
}
.wvt-panorama-map-wrapper {
    border: 1px solid rgba(170, 132, 83, .35) !important;
    border-radius: 8px;
    overflow: hidden;
}

/* ───────── Popups (post / producto WooCommerce, vía magnific) ───────── */
.wvt-post-popup,
.wvt-product-popup {
    background: var(--kwt-ink-soft) !important;
    color: #fff !important;
    border: 1px solid rgba(170, 132, 83, .3);
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .6);
}
.wvt-post-title,
.wvt-product-title {
    font-family: var(--font-display, 'Gilda Display', serif) !important;
    color: #fff !important;
}
.wvt-product-price { color: var(--kwt-bronze-soft) !important; }
.wvt-product-atc,
.wvt-post-popup .button,
.wvt-product-popup .button {
    background: var(--kwt-bronze) !important;
    border-color: var(--kwt-bronze) !important;
    color: #fff !important;
    border-radius: 4px;
    transition: background .18s ease;
}
.wvt-product-atc:hover,
.wvt-post-popup .button:hover,
.wvt-product-popup .button:hover {
    background: var(--kwt-bronze-deep) !important;
}