Lámpara de mesa Orra Opal Glass: iluminación escultural inspirada en la Bauhaus

#hozo-orra-opal-refactor, #hozo-orra-opal-refactor * { tamaño de caja: cuadro de borde; } #hozo-orra-opal-refactor { ancho: 100%; ancho máximo: 1200px; margen: 0 automático; color: #0b0b0b; fondo: #fff; familia de fuentes: Poppins, Arial, Helvetica, sans-serif; altura de línea: 1,35; desbordamiento: oculto; ancho mínimo: 0; envoltura de desbordamiento: en cualquier lugar; salto de palabra: salto de palabra; guiones: automático; } #hozo-orra-opal-refactor h2, #hozo-orra-opal-refactor h3, #hozo-orra-opal-refactor p { margen: 0; relleno: 0; alineación de texto: heredar; ancho mínimo: 0; envoltura de desbordamiento: en cualquier lugar; salto de palabra: salto de palabra; guiones: automático; } #hozo-orra-opal-refactor a { color: heredar; decoración de texto: ninguna; ancho máximo: 100%; ancho mínimo: 0; } #hozo-orra-opal-refactor figura { margen: 0; desbordamiento: oculto; ancho mínimo: 0; ancho máximo: 100%; }#hozo-orra-opal-refactor img {display: block; ancho máximo: 100%; ancho: 100%; altura: automático; ajuste de objeto: cubierta; transición: transformar .35s facilidad} Botón #hozo-orra-opal-refactor { fuente: heredar; ancho máximo: 100%; ancho mínimo: 0; espacio en blanco: normal; envoltura de desbordamiento: en cualquier lugar; salto de palabra: salto de palabra; guiones: automático; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refactor ol { margen: 0; relleno: 0; estilo de lista: ninguno; posición-estilo-lista: afuera; } #hozo-orra-opal-refactor li { margen: 0; relleno: 0; estilo de lista: ninguno; posición-estilo-lista: afuera; ancho mínimo: 0; envoltura de desbordamiento: en cualquier lugar; salto de palabra: salto de palabra; guiones: automático; } #hozo-orra-opal-refactor li::antes, #hozo-orra-opal-refactor li::marcador { contenido: ninguno; tamaño de fuente: 0; } # tabla hozo-orra-opal-refactor, #hozo-orra-opal-refactor cabeza, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refactor tr, #hozo-orra-opal-refactor th, #hozo-orra-opal-refactor td { borde: 0 !importante; esquema: 0 !importante; sombra de caja: ninguna! Importante; colapso fronterizo: colapso; diseño de mesa: fijo; } #hozo-orra-opal-refactor .hozo-introducción { relleno: 20px 20px 22px; alineación de texto: centro; fondo: #fff; } #hozo-orra-opal-refactor .hozo-intro-title { tamaño de fuente: 28px; peso de fuente: 600; altura de línea: 1,25; margen en línea: automático; alineación de texto: centro! Importante; } #hozo-orra-opal-refactor .hozo-intro-copia { margen: 14px automático 0; tamaño de fuente: 21px; altura de línea: 1,35; peso de fuente: 400; ancho máximo: 1160px; alineación de texto: centro; } #hozo-orra-opal-refactor .hozo-sección-título { ancho: 100%; relleno: 20px 20px 18px; alineación de texto: centro! Importante; tamaño de fuente: 28px; altura de línea: 1,25; peso de fuente: 600; margen: 0 automático; } #hozo-orra-opal-refactor .hozo-banner { ancho: 100%; margen: 0; desbordamiento: oculto; fondo: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { ancho: 100%; relación de aspecto: 1200/686; desbordamiento: oculto; margen: 0; }#hozo-orra-opal-refactor .hozo-banner-frame img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta; posición del objeto: centro} #hozo-orra-opal-refactor .hozo-video-story { relleno: 30px 0 20px; fondo: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { ancho: calc(100% - 40px); margen: 0 automático; pantalla: cuadrícula; columnas-plantilla-cuadrícula: minmax(0, 1fr) minmax(0, 1fr); fondo: #fff; altura mínima: 426 px; alinear elementos: estirar; } #hozo-orra-opal-refactor .hozo-video-copia { ancho mínimo: 0; pantalla: flexible; dirección flexible: columna; justificar-contenido: centro; relleno: 42px 45px; alineación de texto: izquierda; } #hozo-orra-opal-refactor .hozo-video-copia h2 { tamaño de fuente: 28px; altura de línea: 1,25; peso de fuente: 600; color: #333; margen: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copia p { ancho máximo: 445 px; tamaño de fuente: 21px; altura de línea: 1,42; color: #333; peso de fuente: 400; } #hozo-orra-opal-refactor .hozo-video-poster { posición: relativa; ancho mínimo: 0; desbordamiento: oculto; margen: 0; relación de aspecto: 580/426; fondo: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-play-button { posición: absoluta; recuadro: 0; ancho: 100%; altura: 100%; borde: 0; fondo: rgba(0, 0, 0, 0); cursor: puntero; pantalla: flexible; alinear elementos: centro; justificar-contenido: centro; relleno: 0; color: #111; } #hozo-orra-opal-refactor .hozo-play-icon { ancho: 78px; altura: 78 píxeles; radio fronterizo: 50%; pantalla: cuadrícula; colocar elementos: centro; fondo: rgba(255, 255, 255, .62); color: #0d0d0d; tamaño de fuente: 48px; altura de línea: 1; relleno-izquierda: 6px; } #hozo-orra-opal-refactor .hozo-modal { posición: fija; recuadro: 0; índice z: 9999; pantalla: ninguna; alinear elementos: centro; justificar-contenido: centro; relleno: 24px; fondo: rgba(0, 0, 0, .72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { pantalla: flexible; } #hozo-orra-opal-refactor .hozo-modal-card { ancho: mínimo (920 px, 100%); posición: relativa; fondo: #000; radio del borde: 8px; desbordamiento: oculto; relación de aspecto: 16/9; } #hozo-orra-opal-refactor .hozo-modal-card vídeo { mostrar: bloquear; ancho: 100%; altura: 100%; ajuste de objeto: contener; fondo: #000; } #hozo-orra-opal-refactor .hozo-modal-close { posición: absoluta; arriba: 10px; derecha: 10px; índice z: 3; ancho: 34px; altura: 34px; radio del borde: 999px; borde: 0; fondo: rgba(255, 255, 255, .92); color: #111; cursor: puntero; tamaño de fuente: 24px; altura de línea: 1; pantalla: cuadrícula; colocar elementos: centro; relleno: 0; } #hozo-orra-opal-refactor .hozo-slider { ancho: 100%; posición: relativa; desbordamiento: oculto; relleno: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { pantalla: flexible; espacio: 40px; desbordamiento-x: automático; desbordamiento-y: oculto; tipo de ajuste de desplazamiento: x obligatorio; comportamiento de desplazamiento: suave; -webkit-overflow-scrolling: tocar; relleno: 0; ancho de la barra de desplazamiento: ninguno; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { pantalla: ninguna; } #hozo-orra-opal-refactor .hozo-product-showcase { relleno: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { relleno en línea: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexionar: 0 0 450px; desplazamiento-ajuste-alineación: inicio; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-product-showcase figura { ancho: 100%; relación de aspecto: 1/1; radio del borde: 8px; fondo: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-slider-arrow { posición: absoluta; arriba: 44%; índice z: 3; ancho: 44px; altura: 44px; radio fronterizo: 50%; borde: 0; fondo: rgba(0, 0, 0, .48); color: #fff; tamaño de fuente: 34px; altura de línea: 1; cursor: puntero; pantalla: cuadrícula; colocar elementos: centro; relleno: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { izquierda: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { derecha: 20px; } #hozo-orra-opal-refactor .hozo-styles-grid { ancho: calc(100% - 40px); margen: 0 automático 20px; pantalla: cuadrícula; columnas-plantilla-cuadrícula: repetir(4, minmax(0, 1fr)); espacio: 6px; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-styles-grid figura { relación de aspecto: 1 / .92; fondo: #fff; }#hozo-orra-opal-refactor .hozo-styles-grid img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-switch-banner { ancho: 100%; margen: 0; desbordamiento: oculto; fondo: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { ancho: 100%; relación de aspecto: 1200/686; desbordamiento: oculto; margen: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-scene-grid { ancho: calc(100% - 40px); margen: 0 automático 20px; pantalla: cuadrícula; columnas-plantilla-cuadrícula: minmax(0, 1fr) minmax(0, 1fr); espacio: 20px; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-scene-col { pantalla: cuadrícula; espacio: 20px; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-escena-par { pantalla: cuadrícula; columnas-plantilla-cuadrícula: repetir(2, minmax(0, 1fr)); espacio: 20px; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-scene-large { relación de aspecto: 570/430; radio del borde: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { relación de aspecto: 275/200; radio del borde: 8px; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-detail-grid { ancho: calc(100% - 40px); margen: 0 automático 20px; pantalla: cuadrícula; columnas-plantilla-cuadrícula: repetir(3, minmax(0, 1fr)); espacio: 6px; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-detail-grid figura { relación de aspecto: 1 / .92; fondo: #fff; }#hozo-orra-opal-refactor .hozo-detail-grid img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-info-card { ancho: calc(100% - 40px); margen: 0 automático 20px; relleno: 50px 70px; radio del borde: 18px; fondo: #f2f2f1; pantalla: cuadrícula; columnas de plantilla de cuadrícula: minmax(0, 1.12fr) minmax(0, .88fr); espacio: 70px; alinear elementos: centro; ancho mínimo: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { columnas de plantilla de cuadrícula: minmax(0, .88fr) minmax(0, 1.12fr); relleno superior: 40px; fondo de relleno: 40px; } #hozo-orra-opal-refactor .hozo-info-card figura { ancho: 100%; ancho máximo: 510px; margen en línea: automático; relación de aspecto: 1/1; fondo: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse figura { ancho máximo: 510px; relación de aspecto: 510/365; }#hozo-orra-opal-refactor .hozo-info-card img {ancho: 100%; altura: 100%; ajuste de objeto: cubierta} #hozo-orra-opal-refactor .hozo-info-copia { ancho mínimo: 0; color: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copia h2 { tamaño de fuente: 28px; altura de línea: 1,25; margen: 0 0 20px; peso de fuente: 600; } #hozo-orra-opal-refactor .hozo-info-copia p { tamaño de fuente: 21px; altura de línea: 1,2; peso de fuente: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { espacio en blanco: normal; envoltura de desbordamiento: en cualquier lugar; salto de palabra: salto de palabra; } #hozo-orra-opal-refactor .hozo-policy-links { margen superior: 16px; pantalla: cuadrícula; espacio: 8px; tamaño de fuente: 15px; altura de línea: 1,35; } #hozo-orra-opal-refactor .hozo-policy-links a { decoración de texto: subrayado; desplazamiento de subrayado de texto: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transformar: escala(1.025)} @media (ancho mínimo: 641 px) y (ancho máximo: 1024 px) { #hozo-orra-opal-refactor { ancho máximo: 100%; } #hozo-orra-opal-refactor .hozo-intro-title, #hozo-orra-opal-refactor .hozo-sección-título, #hozo-orra-opal-refactor .hozo-video-copia h2, #hozo-orra-opal-refactor .hozo-info-copia h2 { tamaño de fuente: 26px; } #hozo-orra-opal-refactor .hozo-intro-copia, #hozo-orra-opal-refactor .hozo-video-copia p, #hozo-orra-opal-refactor .hozo-info-copia p { tamaño de fuente: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { columnas-plantilla-cuadrícula: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { base flexible: 38vw; ancho máximo: 450 px; } #hozo-orra-opal-refactor .hozo-styles-grid { columnas-plantilla-cuadrícula: repetir(4, minmax(0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { columnas-plantilla-cuadrícula: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { columnas-plantilla-cuadrícula: minmax(0, 1fr) minmax(0, 1fr); espacio: 36px; relleno: 36px; } } @media (ancho máximo: 640 px) { #hozo-orra-opal-refactor { ancho máximo: 100%; } #hozo-orra-opal-refactor .hozo-introducción { relleno: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-title { tamaño de fuente: 28px; altura de línea: 1,55; ancho máximo: 310px; } #hozo-orra-opal-refactor .hozo-intro-copia { margen superior: 10px; tamaño de fuente: 21px; altura de línea: 1,45; ancho máximo: 350 px; } #hozo-orra-opal-refactor .hozo-banner-frame { relación de aspecto: 350/200; } #hozo-orra-opal-refactor .hozo-video-story { relleno: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { ancho: calc(100% - 40px); pantalla: flexible; dirección flexible: columna inversa; altura mínima: 0; } #hozo-orra-opal-refactor .hozo-video-poster { ancho: 100%; relación de aspecto: 310/136; } #hozo-orra-opal-refactor .hozo-video-copia { relleno: 34px 20px 0; mostrar: bloquear; } #hozo-orra-opal-refactor .hozo-video-copia h2 { tamaño de fuente: 28px; altura de línea: 1,25; margen inferior: 20px; } #hozo-orra-opal-refactor .hozo-video-copia p { tamaño de fuente: 21px; altura de línea: 1,7; ancho máximo: 270px; } #hozo-orra-opal-refactor .hozo-play-icon { ancho: 72px; altura: 72 píxeles; tamaño de fuente: 42px; } #hozo-orra-opal-refactor .hozo-sección-título { tamaño de fuente: 27px; altura de línea: 1,45; relleno: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-product-showcase { relleno: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { ancho: calc(100% - 40px); margen en línea: automático; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { espacio: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexionar: 0 0 100%; } #hozo-orra-opal-refactor .hozo-product-showcase figura { relación de aspecto: 310/325; } #hozo-orra-opal-refactor .hozo-slider-arrow { ancho: 40px; altura: 40 píxeles; tamaño de fuente: 30px; arriba: 48%; fondo: rgba(0, 0, 0, .28); } #hozo-orra-opal-refactor .hozo-slider-prev { izquierda: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { derecha: 18px; } #hozo-orra-opal-refactor .hozo-styles-grid { mostrar: bloquear; ancho: calc(100% - 40px); margen inferior: 20px; posición: relativa; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { pantalla: flexible; espacio: 16px; desbordamiento-x: automático; tipo de ajuste de desplazamiento: x obligatorio; comportamiento de desplazamiento: suave; ancho de la barra de desplazamiento: ninguno; -webkit-overflow-scrolling: tocar; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { pantalla: ninguna; } #hozo-orra-opal-refactor .hozo-styles-grid figura { flexionar: 0 0 100%; relación de aspecto: 310/310; desplazamiento-ajuste-alineación: inicio; } #hozo-orra-opal-refactor .hozo-switch-frame { relación de aspecto: 350/200; } #hozo-orra-opal-refactor .hozo-scene-grid { ancho: calc(100% - 40px); mostrar: bloquear; margen inferior: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { mostrar: bloquear; } #hozo-orra-opal-refactor .hozo-escena-par { pantalla: cuadrícula; columnas-plantilla-cuadrícula: repetir(2, minmax(0, 1fr)); espacio: 10px; margen superior: 10px; } #hozo-orra-opal-refactor .hozo-scene-large { relación de aspecto: 310/325; margen superior: 10px; radio del borde: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { relación de aspecto: 145/145; radio del borde: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { margen superior: 10px; } #hozo-orra-opal-refactor .hozo-detail-grid { mostrar: bloquear; ancho: calc(100% - 40px); posición: relativa; } #hozo-orra-opal-refactor .hozo-detail-scroll { pantalla: flexible; espacio: 16px; desbordamiento-x: automático; tipo de ajuste de desplazamiento: x obligatorio; comportamiento de desplazamiento: suave; ancho de la barra de desplazamiento: ninguno; -webkit-overflow-scrolling: tocar; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { pantalla: ninguna; } #hozo-orra-opal-refactor .hozo-detail-grid figura { flexionar: 0 0 100%; relación de aspecto: 310/310; desplazamiento-ajuste-alineación: inicio; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { ancho: calc(100% - 40px); pantalla: flexible; dirección flexible: columna; espacio: 28px; relleno: 40px 20px; radio del borde: 18px; margen inferior: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { dirección flexible: columna inversa; } #hozo-orra-opal-refactor .hozo-info-card figura { ancho: 100%; ancho máximo: 270px; relación de aspecto: 1/1; } #hozo-orra-opal-refactor .hozo-info-card.reverse figura { ancho máximo: 270px; relación de aspecto: 270/193; } #hozo-orra-opal-refactor .hozo-info-copia { ancho: 100%; } #hozo-orra-opal-refactor .hozo-info-copia h2 { tamaño de fuente: 28px; altura de línea: 1,25; margen inferior: 14px; } #hozo-orra-opal-refactor .hozo-info-copia p { tamaño de fuente: 21px; altura de línea: 1,18; } #hozo-orra-opal-refactor .hozo-modal { relleno: 16px; } #hozo-orra-opal-refactor .hozo-modal-close { arriba: 8px; derecha: 8px; } } @media (prefiere-movimiento-reducido: reducir) { #hozo-orra-opal-refactor * { transición: ninguna !importante; comportamiento de desplazamiento: automático! Importante; } #hozo-orra-opal-refactor img {transición: ¡ninguna! Importante; comportamiento de desplazamiento: automático! Importante} }

Lámpara de mesa Bauhaus Opal