/* Panorama 360° for Elementor v5 — iframe approach */

.p360-wrap { width: 100%; box-sizing: border-box; }
.p360-title { margin: 0 0 12px; line-height: 1.3; }
.p360-desc  { margin: 0 0 14px; font-size: 15px; line-height: 1.65; color: #555; }

/* Wrapper do iframe */
.p360-iframe-wrap {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* O iframe propriamente dito */
.p360-iframe-wrap iframe {
    display: block;
    width: 100%;
    height: 440px;  /* padrão; sobrescrito pelo slider */
    border: none;
}

/* Placeholder (sem imagem) */
.p360-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 440px;
    background: linear-gradient(150deg, #0d1017 0%, #161c2a 100%);
    color: rgba(255,255,255,.55);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

.p360-globe { font-size: 52px; line-height: 1; animation: p360bob 3s ease-in-out infinite; }
@keyframes p360bob {
    0%, 100% { transform: translateY(0);    }
    50%       { transform: translateY(-8px); }
}
.p360-empty p { margin: 0; font-size: 14px; line-height: 1.65; max-width: 280px; }

/* Preview no editor */
.p360-editor-preview {
    position: relative;
    background-size: cover;
    background-position: center;
}
.p360-editor-badge {
    position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%);
    background: rgba(0,0,0,.7); color: #fff; padding: 7px 20px;
    border-radius: 99px; font-size: 13px; white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    backdrop-filter: blur(6px); pointer-events: none;
}

/* Responsivo */
@media (max-width: 768px) { .p360-iframe-wrap iframe, .p360-empty { height: 280px !important; } }
@media (max-width: 480px) { .p360-iframe-wrap iframe, .p360-empty { height: 200px !important; } }