/* ===== lookbook ===== */ .bce-lookbook-1-cd212db4 { --bce-lb-bg: #1a1a1a; --bce-lb-accent: #94429f; --bce-lb-eyebrow: #d4af37; --bce-lb-subtitle: #7ecbcc; --bce-lb-text: #ffffff; overflow: hidden !important; padding: 96px 0 !important; background: var(--bce-lb-bg) !important; color: var(--bce-lb-text) !important; font-family: inherit !important; } .bce-lookbook-1-cd212db4, .bce-lookbook-1-cd212db4 * { box-sizing: border-box !important; } .bce-lookbook-1-cd212db4 .bce-lb-container { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important; } .bce-lookbook-1-cd212db4 .bce-lb-header { max-width: 768px !important; margin: 0 auto 58px !important; text-align: center !important; } .bce-lookbook-1-cd212db4 .bce-lb-eyebrow { margin: 0 0 16px !important; color: var(--bce-lb-eyebrow) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .2em !important; line-height: 1.4 !important; text-transform: uppercase !important; } .bce-lookbook-1-cd212db4 .bce-lb-heading { margin: 0 0 20px !important; color: var(--bce-lb-text) !important; font-family: serif !important; font-size: clamp(34px, 4vw, 56px) !important; font-weight: 400 !important; line-height: 1.08 !important; } .bce-lookbook-1-cd212db4 .bce-lb-intro { margin: 0 !important; color: color-mix(in srgb, var(--bce-lb-text) 72%, transparent) !important; font-size: 17px !important; font-weight: 300 !important; line-height: 1.7 !important; white-space: pre-line !important; } .bce-lookbook-1-cd212db4 .bce-lb-tabs { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px 30px !important; margin: 0 0 54px !important; padding: 0 0 1px !important; border-bottom: 1px solid color-mix(in srgb, var(--bce-lb-text) 20%, transparent) !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab { position: relative !important; appearance: none !important; margin: 0 !important; padding: 0 0 16px !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: color-mix(in srgb, var(--bce-lb-text) 42%, transparent) !important; font: inherit !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .1em !important; line-height: 1.4 !important; text-transform: uppercase !important; cursor: pointer !important; transition: color .25s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 2px !important; background: var(--bce-lb-accent) !important; opacity: 0 !important; transform: scaleX(.4) !important; transition: opacity .25s ease, transform .25s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab:hover { color: color-mix(in srgb, var(--bce-lb-text) 78%, transparent) !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab.is-active { color: var(--bce-lb-text) !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab.is-active::after { opacity: 1 !important; transform: scaleX(1) !important; } .bce-lookbook-1-cd212db4 .bce-lb-content { display: grid !important; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr) !important; gap: 54px !important; align-items: center !important; opacity: 1 !important; transform: translateY(0) !important; transition: opacity .18s ease, transform .18s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-content.is-switching { opacity: .42 !important; transform: translateY(5px) !important; } .bce-lookbook-1-cd212db4 .bce-lb-subtitle { margin: 0 0 9px !important; color: var(--bce-lb-subtitle) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .16em !important; line-height: 1.5 !important; text-transform: uppercase !important; } .bce-lookbook-1-cd212db4 .bce-lb-title { margin: 0 0 18px !important; color: var(--bce-lb-text) !important; font-family: serif !important; font-size: clamp(30px, 3vw, 43px) !important; font-weight: 400 !important; line-height: 1.1 !important; } .bce-lookbook-1-cd212db4 .bce-lb-description { margin: 0 0 30px !important; color: color-mix(in srgb, var(--bce-lb-text) 80%, transparent) !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.75 !important; white-space: pre-line !important; } .bce-lookbook-1-cd212db4 .bce-lb-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 280px !important; min-height: 48px !important; padding: 14px 28px !important; border: 1px solid var(--bce-lb-text) !important; border-radius: 999px !important; background: var(--bce-lb-text) !important; color: var(--bce-lb-bg) !important; box-shadow: 0 18px 38px color-mix(in srgb, var(--bce-lb-text) 16%, transparent) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; transform: translateY(0) !important; transition: background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-cta:hover, .bce-lookbook-1-cd212db4 .bce-lb-cta:focus { border-color: var(--bce-lb-accent) !important; background: var(--bce-lb-accent) !important; color: var(--bce-lb-text) !important; box-shadow: 0 22px 46px color-mix(in srgb, var(--bce-lb-accent) 45%, transparent) !important; transform: translateY(-3px) !important; outline: 0 !important; } .bce-lookbook-1-cd212db4 .bce-lb-cta[hidden] { display: none !important; } .bce-lookbook-1-cd212db4 .bce-lb-images { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; } .bce-lookbook-1-cd212db4 .bce-lb-card { position: relative !important; display: block !important; width: 100% !important; min-height: 220px !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; border: 1px solid color-mix(in srgb, var(--bce-lb-text) 10%, transparent) !important; border-radius: 2px !important; background: #222 !important; box-shadow: 0 12px 28px rgba(0,0,0,.22) !important; text-decoration: none !important; } .bce-lookbook-1-cd212db4 .bce-lb-card[hidden] { display: none !important; } .bce-lookbook-1-cd212db4 .bce-lb-card[aria-disabled="true"] { cursor: default !important; } .bce-lookbook-1-cd212db4 .bce-lb-card img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; opacity: 1 !important; transform: scale(1.01) !important; transition: opacity .18s ease, transform .7s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-card::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: transparent !important; transition: background .45s ease !important; } .bce-lookbook-1-cd212db4 .bce-lb-card:hover img { transform: scale(1.06) !important; } .bce-lookbook-1-cd212db4 .bce-lb-card:hover::after { background: color-mix(in srgb, var(--bce-lb-accent) 20%, transparent) !important; } @media (max-width: 980px) { .bce-lookbook-1-cd212db4 { padding: 76px 0 !important; } .bce-lookbook-1-cd212db4 .bce-lb-content { grid-template-columns: 1fr !important; gap: 36px !important; } .bce-lookbook-1-cd212db4 .bce-lb-copy { max-width: 720px !important; } } @media (max-width: 700px) { .bce-lookbook-1-cd212db4 .bce-lb-container { padding: 0 18px !important; } .bce-lookbook-1-cd212db4 .bce-lb-header { margin-bottom: 42px !important; } .bce-lookbook-1-cd212db4 .bce-lb-tabs { justify-content: flex-start !important; gap: 10px 24px !important; margin-bottom: 38px !important; overflow-x: auto !important; flex-wrap: nowrap !important; scrollbar-width: thin !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab { flex: 0 0 auto !important; white-space: nowrap !important; } .bce-lookbook-1-cd212db4 .bce-lb-images { grid-template-columns: 1fr !important; } .bce-lookbook-1-cd212db4 .bce-lb-card { min-height: 260px !important; } .bce-lookbook-1-cd212db4 .bce-lb-cta { max-width: 100% !important; } } @supports not (color: color-mix(in srgb, white 50%, transparent)) { .bce-lookbook-1-cd212db4 .bce-lb-intro { color: rgba(255,255,255,.72) !important; } .bce-lookbook-1-cd212db4 .bce-lb-description { color: rgba(255,255,255,.80) !important; } .bce-lookbook-1-cd212db4 .bce-lb-tabs { border-color: rgba(255,255,255,.20) !important; } .bce-lookbook-1-cd212db4 .bce-lb-tab { color: rgba(255,255,255,.42) !important; } } /* ===== categorias ===== */ /* * Evita mostrar durante uno o dos segundos el HTML antiguo que Elementor * pueda tener guardado. La grilla conserva su espacio, pero sus tarjetas * solo se hacen visibles cuando el estado vivo ya fue aplicado. */ .blossom-categorias[data-bce-live-sync="1"]:not([data-bce-order-synced="1"]):not([data-bce-sync-failed="1"]) .blossom-cat-grid { visibility: hidden !important; pointer-events: none !important; } .blossom-categorias[data-bce-live-sync="1"][data-bce-order-synced="1"] .blossom-cat-grid, .blossom-categorias[data-bce-live-sync="1"][data-bce-sync-failed="1"] .blossom-cat-grid { visibility: visible !important; pointer-events: auto !important; } #categorias.blossom-categorias { position: relative !important; padding: 120px 0 !important; background: #ffffff !important; overflow: hidden !important; } #categorias.blossom-categorias::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient(circle at 15% 20%, rgba(126, 203, 204, 0.14), transparent 32%), radial-gradient(circle at 85% 70%, rgba(148, 66, 159, 0.10), transparent 34%) !important; pointer-events: none !important; } #categorias .blossom-cat-wrap { position: relative !important; z-index: 2 !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 32px !important; display: grid !important; grid-template-columns: 0.8fr 1.7fr !important; gap: 72px !important; align-items: flex-start !important; } #categorias .blossom-cat-left { position: sticky !important; top: 120px !important; } #categorias .blossom-kicker { margin: 0 0 18px !important; color: #7ECBCC !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; } #categorias .blossom-title { margin: 0 0 24px !important; color: #1A1A1A !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(36px, 4vw, 56px) !important; line-height: 0.98 !important; font-weight: 500 !important; } #categorias .blossom-desc { margin: 0 !important; max-width: 420px !important; color: rgba(44, 44, 44, 0.72) !important; font-size: 16px !important; line-height: 1.8 !important; font-weight: 400 !important; } #categorias .blossom-cta-box { margin-top: 34px !important; } #categorias .blossom-cta-inventario { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 16px 34px !important; border-radius: 999px !important; background: #1A1A1A !important; color: #FFFFFF !important; border: 1px solid #1A1A1A !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: 0 16px 35px rgba(26, 26, 26, 0.18) !important; transition: all 0.35s ease !important; transform: translateY(0) !important; cursor: pointer !important; } #categorias .blossom-cta-inventario:hover { background: #94429F !important; color: #FFFFFF !important; border-color: #94429F !important; box-shadow: 0 20px 42px rgba(148, 66, 159, 0.35) !important; transform: translateY(-3px) !important; } #categorias .blossom-cta-inventario:active { transform: translateY(-1px) scale(0.98) !important; } #categorias .blossom-cat-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; } #categorias .blossom-cat-card { min-height: 168px !important; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 16px !important; padding: 24px 16px !important; text-align: center !important; text-decoration: none !important; border-radius: 28px !important; background: rgba(255, 255, 255, 0.82) !important; border: 1px solid rgba(26, 26, 26, 0.07) !important; box-shadow: 0 14px 40px rgba(26, 26, 26, 0.06) !important; overflow: hidden !important; transition: all 0.35s ease !important; isolation: isolate !important; } #categorias .blossom-cat-card::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(135deg, rgba(126, 203, 204, 0.16), rgba(148, 66, 159, 0.13)) !important; opacity: 0 !important; transition: opacity 0.35s ease !important; z-index: -1 !important; } #categorias .blossom-cat-card:hover { border-color: rgba(148, 66, 159, 0.32) !important; box-shadow: 0 24px 58px rgba(148, 66, 159, 0.16) !important; transform: translateY(-6px) !important; background: #ffffff !important; } #categorias .blossom-cat-card:hover::before { opacity: 1 !important; } #categorias .blossom-cat-icon { width: 74px !important; height: 74px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 24px !important; background: rgba(148, 66, 159, 0.07) !important; transition: all 0.35s ease !important; } #categorias .blossom-cat-icon img { width: 54px !important; height: 54px !important; object-fit: contain !important; display: block !important; transition: transform 0.35s ease, filter 0.35s ease !important; } #categorias .blossom-cat-card:hover .blossom-cat-icon { background: rgba(148, 66, 159, 0.13) !important; transform: translateY(-3px) scale(1.04) !important; } #categorias .blossom-cat-card:hover .blossom-cat-icon img { transform: scale(1.08) !important; filter: saturate(1.12) contrast(1.05) !important; } #categorias .blossom-cat-name { margin: 0 !important; color: #2C2C2C !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; transition: color 0.3s ease !important; } #categorias .blossom-cat-card:hover .blossom-cat-name { color: #94429F !important; } @media (max-width: 1024px) { #categorias .blossom-cat-wrap { grid-template-columns: 1fr !important; gap: 46px !important; } #categorias .blossom-cat-left { position: relative !important; top: auto !important; text-align: center !important; } #categorias .blossom-desc { margin: 0 auto !important; } #categorias .blossom-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #categorias.blossom-categorias { padding: 78px 0 !important; } #categorias .blossom-cat-wrap { padding: 0 18px !important; gap: 36px !important; } #categorias .blossom-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } #categorias .blossom-cat-card { min-height: 150px !important; padding: 20px 12px !important; border-radius: 22px !important; } #categorias .blossom-cat-icon { width: 64px !important; height: 64px !important; border-radius: 20px !important; } #categorias .blossom-cat-icon img { width: 48px !important; height: 48px !important; } #categorias .blossom-cat-name { font-size: 10.5px !important; letter-spacing: 0.08em !important; } #categorias .blossom-cta-inventario { width: 100% !important; max-width: 320px !important; } } /* ===== inspiracion ===== */ #inspiracion-blossom.br-inspo-section { background: #FAFAFA !important; padding: 96px 0 !important; font-family: inherit !important; } #inspiracion-blossom * { box-sizing: border-box !important; } #inspiracion-blossom .br-inspo-container { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important; } #inspiracion-blossom .br-inspo-header { margin-bottom: 64px !important; text-align: center !important; } #inspiracion-blossom .br-inspo-title { margin: 0 0 16px !important; color: #333333 !important; font-family: serif !important; font-size: clamp(32px, 4vw, 56px) !important; font-weight: 400 !important; line-height: 1.05 !important; } #inspiracion-blossom .br-inspo-text { margin: 0 !important; color: rgba(51, 51, 51, 0.7) !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.6 !important; } #inspiracion-blossom .br-inspo-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; max-width: 1152px !important; margin: 0 auto !important; } #inspiracion-blossom .br-inspo-card { position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; cursor: pointer !important; transition: box-shadow 0.5s ease, transform 0.5s ease !important; } #inspiracion-blossom .br-inspo-card:hover { box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14) !important; transform: translateY(-3px) !important; } #inspiracion-blossom .br-inspo-card img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; transform: scale(1.01) !important; transition: transform 0.7s ease !important; } #inspiracion-blossom .br-inspo-card:hover img { transform: scale(1.07) !important; } #inspiracion-blossom .br-inspo-overlay { position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: transparent !important; transition: background 0.5s ease !important; } #inspiracion-blossom .br-inspo-card:hover .br-inspo-overlay { background: rgba(148, 66, 159, 0.10) !important; } #inspiracion-blossom .br-inspo-action { margin-top: 48px !important; text-align: center !important; } #inspiracion-blossom .br-inspo-link { display: inline-block !important; color: #333333 !important; border-bottom: 1px solid #333333 !important; padding-bottom: 4px !important; font-size: 14px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; transition: color 0.3s ease, border-color 0.3s ease !important; } #inspiracion-blossom .br-inspo-link:hover { color: rgba(51, 51, 51, 0.7) !important; border-color: rgba(51, 51, 51, 0.7) !important; } @media (min-width: 640px) { #inspiracion-blossom .br-inspo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 768px) { #inspiracion-blossom .br-inspo-container { padding: 0 48px !important; } #inspiracion-blossom .br-inspo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 32px !important; } }