/** Shopify CDN: Minification failed

Line 38:0 Unexpected "}"

**/
/* ==========================================================
   BRKN THEME
   Version: 1.0
   Designed for Horizon
   ========================================================== */

/* =========================
   BRAND VARIABLES
========================= */

:root{

  --brkn-bg:#0b0b0b;
  --brkn-bg-2:#141414;

  --brkn-white:#f5f5f5;
  --brkn-grey:#b8b8b8;

  --brkn-border:rgba(255,255,255,.08);

  --brkn-purple:#7B2EFF;
  --brkn-purple-light:#9D5CFF;
  --brkn-purple-dark:#5E1FD1;

  --brkn-radius:14px;

  --brkn-shadow:0 12px 35px rgba(123,46,255,.16);

  --brkn-transition:.35s cubic-bezier(.2,.8,.2,1);

}

}/* ==========================================================
   GLOBAL
========================================================== */

html{
    scroll-behavior:smooth;
}

body{

    background:var(--brkn-bg);

    color:var(--brkn-white);

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}

*{

    box-sizing:border-box;

}

img{

    transition:transform .45s ease;

}

a{

    transition:all var(--brkn-transition);

    text-decoration:none;

}

::selection{

 background:var(--brkn-purple);

    color:#fff;

}/* ==========================================================
   BRKN BUTTONS
========================================================== */

button,
.button,
.btn,
.shopify-payment-button__button{

    border-radius:14px !important;

    transition:all .30s ease;

    letter-spacing:.08em;

    text-transform:uppercase;

    font-weight:600;

}

button:hover,
.button:hover,
.btn:hover,
.shopify-payment-button__button:hover{

    transform:translateY(-2px);

}/* ==========================================================
   BRKN HEADER
========================================================== */

/* Header principal */

header,
.header,
.header-wrapper{

    background:rgba(11,11,11,.82);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(255,255,255,.06);

    transition:all .35s ease;

}

/* Logo */

.header-logo__image{

    transition:transform .35s ease;

}

.header-logo__image:hover{

    transform:scale(1.04);

}

/* Menú */

.header a{

    letter-spacing:.08em;

    text-transform:uppercase;

    font-size:.82rem;

    transition:color .30s ease;

}

/* Hover */

.header a:hover{

    color:var(--brkn-purple);

}

/* Iconos */

.header svg{

    transition:all .30s ease;

}

.header svg:hover{

    color:var(--brkn-purple);

    transform:translateY(-2px);

}/* ==========================================================
   HEADER
========================================================== */

/* Transición suave */

.header a,
.header button,
.header svg,
.header__menu-item,
.header__icon{
    transition: all .30s ease;
}

/* Menú */

.header a:hover,
.header__menu-item:hover{

    color: var(--brkn-purple) !important;

}

/* Iconos */

.header__icon:hover{

    color: var(--brkn-purple) !important;

    transform: translateY(-2px);

}

/* Logo */

.header img{

    transition: transform .35s ease;

}

.header img:hover{

    transform: scale(1.03);

}/* ==========================================================
   BRKN HEADER MENU
========================================================== */

.header__menu-item{

    position: relative;

    letter-spacing: .08em;

    text-transform: uppercase;

    font-weight: 600;

}

.header__menu-item::after{

    content: "";

    position: absolute;

    left: 50%;

    bottom: -6px;

    width: 0;

    height: 2px;

    background: var(--brkn-purple);

    transform: translateX(-50%);

    transition: width .30s ease;

}

.header__menu-item:hover::after{

    width: 100%;

}/* ==========================================================
   BRKN HEADER
========================================================== */

.header .menu-list__link,
.header a {
    transition: all .35s ease;
}

.header .menu-list__link-title{
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:600;
}

.header .menu-list__link:hover,
.header a:hover{

    color:var(--brkn-purple);

}

.header .menu-list__link-title:hover{

    text-shadow:0 0 12px rgba(123,46,255,.45);

}/* ==========================================================
   BRKN BUTTONS
========================================================== */

.button,
button,
.btn,
.shopify-payment-button__button{

    background:#7B2EFF !important;

    color:#fff !important;

    border:1px solid rgba(255,255,255,.08) !important;

    border-radius:12px !important;

    transition:all .35s ease;

    box-shadow:0 6px 18px rgba(123,46,255,.18);

}

.button:hover,
button:hover,
.btn:hover,
.shopify-payment-button__button:hover{

    transform:translateY(-2px);

    background:#8e49ff !important;

    box-shadow:0 10px 24px rgba(123,46,255,.28);

}/* ==========================================================
   BRKN HEADER
========================================================== */

.header{

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    background:rgba(12,12,12,.78);

    border-bottom:1px solid rgba(255,255,255,.05);

}/* ==========================================================
   BRKN BRAND TYPOGRAPHY
========================================================== */

.brkn-title{

    font-family:"Pirata One", serif !important;

    letter-spacing:.04em;

    font-weight:400;

}/* ==========================================================
   BRKN CARDS
========================================================== */

.card,
.product-card,
.product-grid-item{

    border-radius:18px;

    overflow:hidden;

    transition:all .35s ease;

}

.card img,
.product-card img{

    transition:transform .5s ease;

}

.card:hover,
.product-card:hover{

    transform:translateY(-6px);

}

.card:hover img,
.product-card:hover img{

    transform:scale(1.04);

}/* ==========================================================
   BRKN SPACING
========================================================== */

section{

    padding-top:80px;

    padding-bottom:80px;

}/* ==========================================================
   BRKN DIVIDERS
========================================================== */

.section{

    border-top:1px solid rgba(255,255,255,.04);

}/* ==========================================================
   BRKN HEADER V2
========================================================== */

.header {

    background: rgba(10,10,10,.78);

    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(255,255,255,.05);

}

.menu-list{

    gap:36px;

}

.menu-list__link-title{

    letter-spacing:.14em;

    font-size:.83rem;

    font-weight:600;

    transition:all .35s ease;

}

.menu-list__link:hover .menu-list__link-title{

    color:var(--brkn-purple);

}/* ==========================================================
   BRKN PRODUCT CARDS
========================================================== */

.product-card{

    transition:transform .35s ease;

}

.product-card__content{

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.05);

    background:#111;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}

.product-card:hover .product-card__content{

    transform:translateY(-6px);

    border-color:rgba(123,46,255,.25);

    box-shadow:
        0 18px 45px rgba(0,0,0,.28),
        0 0 20px rgba(123,46,255,.08);

}

.product-card img{

    transition:transform .6s ease;

}

.product-card:hover img{

    transform:scale(1.04);

}/* ==========================================================
   BRKN HEADER FINAL
========================================================== */

.header{

    background:rgba(10,10,10,.78);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    border-bottom:1px solid rgba(255,255,255,.05);

}

.menu-list{

    gap:2rem;

}

.menu-list__link-title{

    letter-spacing:.12em;

    font-size:.82rem;

    font-weight:600;

    transition:color .35s ease;

}

.menu-list__link:hover .menu-list__link-title{

    color:var(--brkn-purple);

}/* ==========================================================
   BRKN POLISH PACK V1
========================================================== */

/* TITULOS */

h1,h2,h3,h4{

    letter-spacing:-0.02em;

    line-height:.95;

}

/* TEXTO */

p{

    color:#b8b8b8;

    line-height:1.7;

}

/* INPUTS */

input,
select,
textarea{

    border-radius:14px !important;

    border:1px solid rgba(255,255,255,.08) !important;

    background:#111 !important;

    color:#fff !important;

}

/* BOTONES */

.button,
button{

    box-shadow:none;

}

.button:hover,
button:hover{

    box-shadow:0 10px 30px rgba(123,46,255,.18);

}

/* BADGES */

.badge{

    border-radius:999px;

    letter-spacing:.08em;

    padding:.35rem .7rem;

}

/* IMAGENES */

img{

    border-radius:14px;

}

/* SEPARADORES */

hr{

    border-color:rgba(255,255,255,.06);

}