/** * TIENDIPY — paleta morada (signup, signin, get_started, landing) * Debe cargarse después de css/style.css. Requiere class "tiendipy-brand" en . */ body.tiendipy-brand { --p-brand: #820ad1; --p-brand-deep: #5b0a96; --p-brand-bright: #a855f7; --p-brand-glow: #c084fc; --p-mid: #9333ea; --p-soft: #a78bfa; --p-border: #e9d5ff; --p-ink: #2e1065; background: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 38%, #faf5ff 100%); background-attachment: fixed; color: var(--p-ink); min-height: 100vh; } body.tiendipy-brand .text-dark { color: var(--p-ink) !important; } body.tiendipy-brand .text-muted { color: rgba(91, 33, 182, 0.55) !important; } /* Éxito / acentos: morado marca (excepto barra superior, abajo) */ body.tiendipy-brand .text-success { color: var(--p-brand) !important; } body.tiendipy-brand .osahan-signup > .border-bottom .text-success, body.tiendipy-brand .osahan-signin > .border-bottom .text-success { color: #fff !important; } /* Barra superior signup / signin */ body.tiendipy-brand .osahan-signup > .border-bottom, body.tiendipy-brand .osahan-signin > .border-bottom { background: linear-gradient(125deg, var(--p-brand-deep) 0%, var(--p-brand) 45%, var(--p-brand-bright) 100%) !important; color: #fff; border-bottom: none !important; box-shadow: 0 6px 24px rgba(130, 10, 209, 0.28); } body.tiendipy-brand .osahan-signup > .border-bottom a, body.tiendipy-brand .osahan-signin > .border-bottom a { color: #fff !important; } body.tiendipy-brand .osahan-signup > .border-bottom .toggle, body.tiendipy-brand .osahan-signin > .border-bottom .toggle { color: #fff !important; } /* Botones primarios (Bootstrap success → morado) */ body.tiendipy-brand .btn-success { background: linear-gradient(135deg, var(--p-brand) 0%, var(--p-mid) 55%, var(--p-brand-bright) 100%) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 4px 18px rgba(130, 10, 209, 0.38); } body.tiendipy-brand .btn-success:hover, body.tiendipy-brand .btn-success:focus { filter: brightness(1.06); color: #fff !important; } body.tiendipy-brand .btn-success:active { filter: brightness(0.95); } body.tiendipy-brand .btn-outline-success { color: var(--p-brand) !important; border-color: rgba(168, 85, 247, 0.7) !important; background: rgba(255, 255, 255, 0.9) !important; } body.tiendipy-brand .btn-outline-success:hover, body.tiendipy-brand .btn-outline-success:focus { background: linear-gradient(135deg, var(--p-brand) 0%, var(--p-mid) 100%) !important; color: #fff !important; border-color: transparent !important; } body.tiendipy-brand .btn-dark { background: #3b0764 !important; border-color: #3b0764 !important; color: #fff !important; } body.tiendipy-brand .btn-dark:hover, body.tiendipy-brand .btn-dark:focus { background: var(--p-brand-deep) !important; border-color: var(--p-brand-deep) !important; color: #fff !important; } body.tiendipy-brand .btn-light { background: #fff !important; border: 1px solid var(--p-border) !important; color: var(--p-ink) !important; } body.tiendipy-brand .form-control:focus { border-color: rgba(168, 85, 247, 0.65); box-shadow: 0 0 0 0.2rem rgba(130, 10, 209, 0.18); } /* Pie fijo */ body.tiendipy-brand .osahan-fotter { background: linear-gradient(180deg, #3b0764 0%, var(--p-brand-deep) 55%, var(--p-brand) 100%) !important; border-top: 1px solid rgba(192, 132, 252, 0.35) !important; box-shadow: 0 -8px 32px rgba(91, 10, 150, 0.35); } body.tiendipy-brand .osahan-fotter .btn.bg-white, body.tiendipy-brand .osahan-fotter a.bg-white { background: #fff !important; color: var(--p-brand-deep) !important; font-weight: 600 !important; border: 2px solid rgba(168, 85, 247, 0.35) !important; } body.tiendipy-brand .osahan-get_started { background: transparent; } body.tiendipy-brand .landing-page { background: transparent !important; } body.tiendipy-brand .landing-page .osahan-slider-item .text-success { color: var(--p-brand) !important; } /* Carrusel: dots morados */ body.tiendipy-brand .slick-dots li button:before { color: var(--p-brand) !important; opacity: 0.35 !important; } body.tiendipy-brand .slick-dots li.slick-active button:before { opacity: 1 !important; color: var(--p-brand-deep) !important; } body.tiendipy-brand .theme-switch-wrapper em { color: rgba(91, 33, 182, 0.55); }