/* =========================================================
   TOUR VIRTUAL 360° - PANTALLA COMPLETA
   Solo se activa en la página que contiene el tour
   ========================================================= */

/* Ocultar elementos propios de Drupal */
body:has(.tour360-fullscreen) header,
body:has(.tour360-fullscreen) footer,
body:has(.tour360-fullscreen) nav,
body:has(.tour360-fullscreen) .breadcrumb,
body:has(.tour360-fullscreen) .page-title,
body:has(.tour360-fullscreen) .tabs,
body:has(.tour360-fullscreen) .local-tasks,
body:has(.tour360-fullscreen) .block-local-tasks,
body:has(.tour360-fullscreen) .contextual,
body:has(.tour360-fullscreen) .contextual-links,
body:has(.tour360-fullscreen) #toolbar-administration,
body:has(.tour360-fullscreen) .toolbar,
body:has(.tour360-fullscreen) .messages,
body:has(.tour360-fullscreen) .highlighted {
    display: none !important;
}

/* Eliminar márgenes y espacios */
html:has(.tour360-fullscreen),
body:has(.tour360-fullscreen) {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Contenedores de Drupal */
body:has(.tour360-fullscreen) .dialog-off-canvas-main-canvas,
body:has(.tour360-fullscreen) .layout-container,
body:has(.tour360-fullscreen) main,
body:has(.tour360-fullscreen) .region-content,
body:has(.tour360-fullscreen) article,
body:has(.tour360-fullscreen) .content-inner {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Contenedor del tour */
body:has(.tour360-fullscreen) .tour360-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: #000 !important;
    z-index: 999999 !important;
}

/* IFRAME DE KUULA */
body:has(.tour360-fullscreen) .tour360-fullscreen iframe {
    display: block !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: #000 !important;
}

/* Ocultar breadcrumb adicional */
body:has(.tour360-fullscreen) .breadcrumb {
    display: none !important;
}