*{margin:0;padding:0;box-sizing:border-box}*:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img,svg{max-width:100%;display:block}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}strong{font-weight:700}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}.main-wrapper{width:100%;max-width:var(--main-wrapper-large);margin:0 auto;padding:0 1em}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.flex-column{display:flex;flex-direction:column;justify-content:flex-start}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center}.flex-end{justify-content:flex-end;align-items:flex-end}.flex-start{justify-content:flex-start;align-items:flex-start}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-center{justify-content:center}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-align-center{align-items:center}.flex-align-stretch{align-items:stretch}.flex-align-baseline{align-items:baseline}.gap-small{gap:var(--gap-small)}.gap-medium{gap:var(--gap-medium)}.gap-large{gap:var(--gap-large)}.gap-xlarge{gap:var(--gap-xlarge)}.w-full{width:100%}.w-90{width:90%}.w-80{width:80%}.w-70{width:70%}.w-60{width:60%}.w-50{width:50%}.w-40{width:40%}.w-30{width:30%}.w-20{width:20%}.w-10{width:10%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.text-center{text-align:center}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.hide{display:none!important}.show{display:block!important}.no-desktop{display:none!important}.no-mobile{display:block!important}.highlight{color:var(--color-primary)}.outline{outline:1px solid red}@media only screen and (max-width:768px){.flex-row{width:100%;flex-direction:column}.no-desktop{display:block!important}.no-mobile{display:none!important}}.brand-card{flex:0 1 calc((100% - 3rem)/4);max-width:calc((100% - 3rem)/4);width:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden;background:var(--color-light);border:1px solid rgba(114,20,20,.14);box-shadow:0 0 0 1px #fff9 inset,0 12px 28px #7214141a,0 2px 6px #0000000f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;z-index:var(--base-layer)}.brand-card:hover{border-color:#ad000059;box-shadow:0 0 0 1px #ffffffb3 inset,0 18px 42px #7214142e,0 4px 12px #00000014;transform:translateY(-4px)}.brand-card:focus-within{outline:3px solid var(--color-primary-dark);outline-offset:2px}.brand-card__accent{height:6px;flex-shrink:0;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 55%,var(--color-primary-dark) 100%)}.brand-card__media{position:relative;width:100%;overflow:hidden;border-bottom:1px solid rgba(114,20,20,.1)}.brand-card__media--asset{aspect-ratio:16 / 9;background:radial-gradient(ellipse 120% 80% at 50% 20%,#fff,#ececec 72%,#e2e2e2)}.brand-card__media--asset:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff59}.brand-card__media--asset img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:1rem 1.125rem;transition:transform .28s ease;filter:drop-shadow(0 10px 22px rgba(0,0,0,.12))}.brand-card:hover .brand-card__media--asset img{transform:scale(1.02)}.brand-card__media--video{aspect-ratio:16 / 9;background-color:#000;cursor:pointer}.brand-card__media--video .brand-card__video{width:100%;height:auto;object-fit:contain;display:block}.brand-card__media--color{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.brand-card__media--email{aspect-ratio:9 / 16;background-color:var(--color-background)}.brand-card__media--email iframe{width:100%;height:100%;border:0;pointer-events:none}.brand-card--interactive{cursor:pointer}.brand-card--interactive:hover .brand-card__media--color:after{content:"Copiar HEX";display:flex;justify-content:center;align-items:center;color:#fff;font-size:clamp(1rem,3vw,1.75rem);font-weight:700;width:100%;height:100%;background-color:#0000008c;position:absolute;top:0;left:0;z-index:2}.brand-card__body{display:flex;flex-direction:column;gap:1rem;padding:1.125rem 1.25rem 1.35rem;background:linear-gradient(180deg,#f6f7f8,#fafafa 45%,#fff);border-top:1px solid rgba(255,255,255,.85);flex:1;text-align:left}.brand-card__body--center{text-align:center}.brand-card__body--toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem}.brand-card__body--toolbar .brand-card__title{flex:1;min-width:0;text-align:left}.brand-card__title{font-family:var(--font-headline);font-size:.875rem;font-weight:700;color:var(--color-primary-dark);line-height:1.3;letter-spacing:.04em;text-transform:uppercase;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.brand-card__meta{font-family:var(--font-body);font-size:1rem;margin:0;color:var(--color-dark-grey);font-weight:600}.brand-card__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1rem;font-family:var(--font-body);font-size:var(--font-size-small);font-weight:800;letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-primary);color:var(--color-light);text-decoration:none;border-radius:999px;border:1px solid rgba(114,20,20,.28);box-shadow:0 1px #fff3 inset,0 10px 22px #ad000038;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.brand-card__btn:hover{background-color:var(--color-primary-dark);color:var(--color-light);box-shadow:0 1px #ffffff1f inset,0 14px 28px #72141459}.brand-card__btn:active{transform:translateY(1px)}.brand-card__btn:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.brand-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.brand-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:999px;border:1px solid rgba(114,20,20,.18);background:#ffffffe6;color:var(--color-primary-dark);text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.brand-card__icon-btn:hover{background-color:var(--color-primary);color:var(--color-light);border-color:#72141447}.brand-card__icon-btn:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.brand-card__icon-btn svg{width:1.35rem;height:1.35rem;stroke:currentColor}.brand-card__toast{position:absolute;top:.65rem;right:.65rem;background-color:var(--color-success);color:var(--color-light);padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:700;z-index:var(--text-layer)}@media(prefers-reduced-motion:reduce){.brand-card,.brand-card__media--asset img,.brand-card__btn,.brand-card__icon-btn{transition:none}.brand-card:hover,.brand-card:hover .brand-card__media--asset img{transform:none}}@media(max-width:1200px){.brand-card{flex:0 1 calc((100% - 2rem) / 3);max-width:calc((100% - 2rem) / 3)}}@media(max-width:900px){.brand-card{flex:0 1 calc((100% - 1rem)/2);max-width:calc((100% - 1rem)/2)}}@media(max-width:600px){.brand-card{flex:0 1 100%;max-width:100%}}:root{--color-primary: #ad0000;--color-primary-light: #ffadad;--color-primary-dark: #721414;--color-secondary: #222222;--color-secondary-light: #f2f2f2;--color-secondary-dark: #000000;--color-background: #f2f2f2;--color-alert: #e7b43c;--color-success: #269a57;--color-error: #e74c3c;--color-dark: #000000;--color-light: #ffffff;--color-dark-grey: #666666;--color-light-grey: #cbcbcb;--color-text: #666666;--color-shadow: 0 2px 4px rgba(0, 0, 0, .1);--color-overlay: rgba(0, 0, 0, .2);--font-body: "Lato", sans-serif;--font-headline: "Arial Black", "Helvetica Neue", sans-serif;--font-monospace: "Courier New", monospace;--font-size-base: 16px;--font-size-large: 1.25rem;--font-size-small: .875rem;--border-radius: 20px;--rounded: 50%;--main-wrapper-xlarge: 1400px;--main-wrapper-large: 1200px;--main-wrapper-medium: 1024px;--main-wrapper-small: 768px;--gap-small: .5rem;--gap-medium: 1rem;--gap-large: 2rem;--gap-xlarge: 3rem;--transition: all .3s ease-in-out;--loader-layer: 99999;--modal-layer: 9999;--menu-layer: 999;--deco-layer: 99;--text-layer: 9;--base-layer: 1;--bg-layer: -1 }html{scroll-behavior:smooth}body{width:100%;height:100dvh;background-color:var(--color-background);font-family:var(--font-body),sans-serif;position:relative;z-index:var(--base-layer)}.main-content{display:flex;height:100dvh}.main-content .content{flex:5;padding:2rem;overflow-y:auto}.main-content .content h1.headline{font-family:var(--font-headline);font-size:2.5rem;text-transform:uppercase;margin-bottom:1rem;font-weight:700}.main-content .content p.description{font-size:1rem;line-height:1.5;color:var(--color-text);margin-bottom:2rem}.main-content .content h2:not(.brand-card__title):not(.lib-index__heading){font-family:var(--font-headline);font-size:1.5rem;margin-bottom:1rem;font-weight:700;margin-top:2rem}@media(max-width:768px){body.sidebar-open{overflow:hidden}.main-content{flex-direction:row;height:auto;min-height:100dvh}.main-content .content{flex:1;width:100%;min-width:0;padding:5rem 1rem 1rem}}