oraculo-ui 0.1.18 → 0.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .orc-btn{--nl-green: #9EE86E;--nl-hover-hex: #D9F6C6;--nl-hover-alpha: .22;--nl-press: #254B0C;--nl-disabled-border: #4a5542;--nl-disabled-fg: #4a5542;--stroke-w: 1.5px;--h: 32px;--pad-x: 12px;--pad-y: 8px;--radius: 12px;box-sizing:border-box;height:var(--h);font-family:var(--clmc-font);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;border-radius:var(--radius);outline:none;position:relative;padding:var(--pad-y) var(--pad-x);border:0}.orc-btn__label{color:currentColor;font-size:14px}.orc-btn__icon{color:currentColor;display:inline-flex;line-height:0;font-size:18px}.orc-btn--primary{background:var(--nl-green);color:#1c1c1c;box-shadow:inset 0 0 0 var(--stroke-w) transparent}.orc-btn--primary:hover{background:var(--nl-hover-hex);color:#1c1c1c}.orc-btn--primary:active{background:var(--nl-press);color:#fff;transform:translateY(1px)}.orc-btn--primary:disabled,.orc-btn--primary[aria-disabled=true]{background:transparent;color:var(--nl-disabled-fg);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);cursor:not-allowed;transform:none;opacity:1}.orc-btn--secondary{background:transparent;color:var(--nl-green);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-green)}.orc-btn--secondary:hover{background:rgba(229,244,219,var(--nl-hover-alpha))!important;color:var(--nl-hover-hex);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-hover-hex)}.orc-btn--secondary:active{transform:translateY(1px);color:var(--nl-press);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-press);background:#254b0c1a}.orc-btn--secondary:focus-visible{box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-green),0 0 0 3px #c5e4b173}.orc-btn--secondary:disabled,.orc-btn--secondary[aria-disabled=true]{background:transparent;color:var(--nl-disabled-fg);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);cursor:not-allowed}.orc-btn--tertiary{background:transparent;color:var(--nl-green);box-shadow:none}.orc-btn--tertiary:hover{color:var(--nl-hover-hex)}.orc-btn--tertiary:active{color:var(--nl-press);background:#254b0c14;transform:translateY(1px)}.orc-btn--tertiary:focus-visible{box-shadow:0 0 0 3px #c5e4b173}.orc-btn--tertiary:disabled,.orc-btn--tertiary[aria-disabled=true]{color:var(--nl-disabled-fg);background:transparent;box-shadow:none;cursor:not-allowed}.orc-btn--sm{--h: 32px;--pad-y: 8px;--pad-x: 12px;--radius: 12px}.orc-btn--md{--h: 40px;--pad-y: 10px;--pad-x: 16px;--radius: 12px}.orc-btn--lg{--h: 48px;--pad-y: 12px;--pad-x: 20px;--radius: 16px}.orc-btn--sm .orc-btn__label,.orc-btn--md .orc-btn__label,.orc-btn--lg .orc-btn__label{font-size:14px!important}.orc-btn--iconOnly{width:40px;min-width:40px;padding:0}.orc-btn--sm.orc-btn--iconOnly{width:32px;min-width:32px}.orc-btn--md.orc-btn--iconOnly{width:40px;min-width:40px}.orc-btn--lg.orc-btn--iconOnly{width:48px;min-width:48px}.orc-btn--full{width:100%}.orc-btn--fullHeight{height:100%}.orc-section-title{display:flex;align-items:center;gap:8px}.orc-section-title__icon{width:40px;height:40px;object-fit:none}.orc-section-title__title{margin:0;font-weight:700;letter-spacing:0;color:#fff}.orc-section-title--xs .orc-section-title__title{font-size:14px;line-height:18px}.orc-section-title--sm .orc-section-title__title{font-size:18px;line-height:24px}.orc-section-title--md .orc-section-title__title{font-size:32px;line-height:48px}.orc-section-title--lg .orc-section-title__title{font-size:22px;line-height:30px}.orc-section-title--xs .orc-section-title__icon{width:24px;height:24px}@media(max-width:768px){.orc-section-title__icon{width:24px;height:24px}.orc-section-title--xs .orc-section-title__title{font-size:14px;line-height:18px}.orc-section-title--sm .orc-section-title__title{font-size:16px;line-height:22px}.orc-section-title--md .orc-section-title__title{font-size:18px;line-height:24px}.orc-section-title--lg .orc-section-title__title{font-size:20px;line-height:26px}}.orc-dots{--dot-size: 8px;--dot-cell: 20px;--dot-active-h: 8px;--dot-active-w: 20px;--dot-bg: #ffffff;--dot-surface: #ffffff;--dot-accent: #9EE86E;display:flex;gap:0px;justify-content:center;margin-top:10px}.orc-dots__cell{width:var(--dot-cell);display:inline-flex;justify-content:center}.orc-dots__dot{width:var(--dot-size);height:var(--dot-size);border-radius:9999px;background:var(--dot-bg);border:0;padding:0;cursor:pointer;position:relative;transition:transform .15s ease,background .15s ease,width .2s ease,height .2s ease}.orc-dots__dot:hover{transform:scale(1.06)}.orc-dots__dot--active{width:var(--dot-active-w);height:var(--dot-active-h);border-radius:9999px;background:#fff;position:relative;overflow:hidden}.orc-dots__dot--active:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:var(--dot-accent);border-radius:inherit}.orc-dots__dot--active{outline:0;outline-offset:0}.orc-dots__dot:focus-visible{outline:2px solid var(--dot-accent);outline-offset:2px}.orc-co-wrap{--orc-co-art-w: 887px;--orc-co-art-h: 510px;--orc-co-text: #ffffff;--orc-co-art-left: clamp(120px, 18vw, 280px);--orc-co-art-top: 20px;--orc-co-logo-left: 163px;--orc-co-logo-top: 120px;--orc-co-logo-w: 220px;--orc-co-content-left: 120px;--orc-co-content-top: 290px;min-height:var(--orc-co-minH, 520px);position:relative}.orc-co-fullBleed{width:100vw;margin-left:50%;transform:translate(-50%)}.orc-co-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:2;display:grid;justify-items:center;gap:12px;border-radius:12px}.orc-co-caption{color:var(--orc-co-text);font-size:14px;text-align:center;font-weight:400;text-wrap:balance;line-height:1.4}.orc-co-bgMobile{position:relative;width:100%;min-height:360px;overflow:hidden}.orc-co-bgMobileImg{width:100%;height:100%;object-fit:cover}.orc-co-bgDesktop,.orc-co-logo,.orc-co-desktopContent{display:none}@media(min-width:1024px){.orc-co-bgMobile,.orc-co-bottom{display:none}.orc-co-bgDesktop{position:absolute;inset:0;z-index:0;display:block}.orc-co-bgDesktop>.orc-co-fillHost{position:absolute;width:var(--orc-co-art-w);height:var(--orc-co-art-h);top:var(--orc-co-art-top);left:var(--orc-co-art-left)}.orc-co-bgDesktopImg{width:100%;height:100%;object-fit:cover;display:block}.orc-co-logo{display:block;position:absolute;left:var(--orc-co-logo-left);top:var(--orc-co-logo-top);width:var(--orc-co-logo-w);aspect-ratio:3 / 2;z-index:2}.orc-co-logoImg{width:100%;height:100%;object-fit:contain;display:block}.orc-co-desktopContent{display:grid;position:absolute;left:var(--orc-co-content-left);top:var(--orc-co-content-top);gap:16px;justify-items:center;text-align:center;z-index:2}.orc-co-captionDesktop{margin:0;color:var(--orc-co-text);font-family:var(--clmc-font, inherit);font-weight:400;font-size:clamp(14px,1.5vw,18px);max-width:28ch;text-wrap:balance}}
1
+ .orc-btn{--nl-green: #9EE86E;--nl-hover-hex: #D9F6C6;--nl-hover-alpha: .22;--nl-press: #254B0C;--nl-disabled-border: #4a5542;--nl-disabled-fg: #4a5542;--stroke-w: 1.5px;--h: 32px;--pad-x: 12px;--pad-y: 8px;--radius: 12px;box-sizing:border-box;height:var(--h);font-family:var(--clmc-font);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;border-radius:var(--radius);outline:none;position:relative;padding:var(--pad-y) var(--pad-x);border:0}.orc-btn__label{color:currentColor;font-size:14px}.orc-btn__icon{color:currentColor;display:inline-flex;line-height:0;font-size:18px}.orc-btn--primary{background:var(--nl-green);color:#1c1c1c;box-shadow:inset 0 0 0 var(--stroke-w) transparent}.orc-btn--primary:hover{background:var(--nl-hover-hex);color:#1c1c1c}.orc-btn--primary:active{background:var(--nl-press);color:#fff;transform:translateY(1px)}.orc-btn--primary:disabled,.orc-btn--primary[aria-disabled=true]{background:transparent;color:var(--nl-disabled-fg);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);cursor:not-allowed;transform:none;opacity:1}.orc-btn--secondary{background:transparent;color:var(--nl-green);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-green)}.orc-btn--secondary:hover{background:rgba(229,244,219,var(--nl-hover-alpha))!important;color:var(--nl-hover-hex);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-hover-hex)}.orc-btn--secondary:active{transform:translateY(1px);color:var(--nl-press);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-press);background:#254b0c1a}.orc-btn--secondary:focus-visible{box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-green),0 0 0 3px #c5e4b173}.orc-btn--secondary:disabled,.orc-btn--secondary[aria-disabled=true]{background:transparent;color:var(--nl-disabled-fg);box-shadow:inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);cursor:not-allowed}.orc-btn--tertiary{background:transparent;color:var(--nl-green);box-shadow:none}.orc-btn--tertiary:hover{color:var(--nl-hover-hex)}.orc-btn--tertiary:active{color:var(--nl-press);background:#254b0c14;transform:translateY(1px)}.orc-btn--tertiary:focus-visible{box-shadow:0 0 0 3px #c5e4b173}.orc-btn--tertiary:disabled,.orc-btn--tertiary[aria-disabled=true]{color:var(--nl-disabled-fg);background:transparent;box-shadow:none;cursor:not-allowed}.orc-btn--sm{--h: 32px;--pad-y: 8px;--pad-x: 12px;--radius: 12px}.orc-btn--md{--h: 40px;--pad-y: 10px;--pad-x: 16px;--radius: 12px}.orc-btn--lg{--h: 48px;--pad-y: 12px;--pad-x: 20px;--radius: 16px}.orc-btn--sm .orc-btn__label,.orc-btn--md .orc-btn__label,.orc-btn--lg .orc-btn__label{font-size:14px!important}.orc-btn--iconOnly{width:40px;min-width:40px;padding:0}.orc-btn--sm.orc-btn--iconOnly{width:32px;min-width:32px}.orc-btn--md.orc-btn--iconOnly{width:40px;min-width:40px}.orc-btn--lg.orc-btn--iconOnly{width:48px;min-width:48px}.orc-btn--full{width:100%}.orc-btn--fullHeight{height:100%}.orc-section-title{display:flex;align-items:center;gap:8px}.orc-section-title__icon{width:40px;height:40px;object-fit:none}.orc-section-title__title{margin:0;font-weight:700;letter-spacing:0;color:#fff}.orc-section-title--xs .orc-section-title__title{font-size:14px;line-height:18px}.orc-section-title--sm .orc-section-title__title{font-size:18px;line-height:24px}.orc-section-title--md .orc-section-title__title{font-size:32px;line-height:48px}.orc-section-title--lg .orc-section-title__title{font-size:22px;line-height:30px}.orc-section-title--xs .orc-section-title__icon{width:24px;height:24px}@media(max-width:768px){.orc-section-title__icon{width:24px;height:24px}.orc-section-title--xs .orc-section-title__title{font-size:14px;line-height:18px}.orc-section-title--sm .orc-section-title__title{font-size:16px;line-height:22px}.orc-section-title--md .orc-section-title__title{font-size:18px;line-height:24px}.orc-section-title--lg .orc-section-title__title{font-size:20px;line-height:26px}}.orc-dots{--dot-size: 8px;--dot-cell: 20px;--dot-active-h: 8px;--dot-active-w: 20px;--dot-bg: #ffffff;--dot-surface: #ffffff;--dot-accent: #9EE86E;display:flex;gap:0px;justify-content:center;margin-top:10px}.orc-dots__cell{width:var(--dot-cell);display:inline-flex;justify-content:center}.orc-dots__dot{width:var(--dot-size);height:var(--dot-size);border-radius:9999px;background:var(--dot-bg);border:0;padding:0;cursor:pointer;position:relative;transition:transform .15s ease,background .15s ease,width .2s ease,height .2s ease}.orc-dots__dot:hover{transform:scale(1.06)}.orc-dots__dot--active{width:var(--dot-active-w);height:var(--dot-active-h);border-radius:9999px;background:#fff;position:relative;overflow:hidden}.orc-dots__dot--active:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:var(--dot-accent);border-radius:inherit}.orc-dots__dot--active{outline:0;outline-offset:0}.orc-dots__dot:focus-visible{outline:2px solid var(--dot-accent);outline-offset:2px}.label{display:inline-block;text-align:center;font-weight:400;font-size:12px;line-height:16px;color:#828282}.container{background-color:#363636;color:#b5b5b5;text-align:center;padding:8px;border-top-left-radius:13.55px;border-top-right-radius:13.55px;font-size:14px;line-height:18px;margin-left:16px;margin-right:16px;font-weight:700;height:16px}@media(max-width:768px){.container{border-top-left-radius:12px;border-top-right-radius:12px;font-size:12px;line-height:16px;padding:4px 12px;margin-left:8px;margin-right:8px}}.scoreWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:16px;text-align:center}.name{font-size:14px;line-height:16px;font-weight:400;color:#fff}.score{font-size:32px;font-weight:700;line-height:48px;color:#fff;height:40px;letter-spacing:5px}.normal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px}.small{width:24px}.small .score{font-size:14px;line-height:18px;height:auto}.small .name{font-size:12px;line-height:16px}@media(max-width:767px){.normal{width:72px}.small{width:16px}.name,.small .score{font-size:12px;line-height:16px}}.team{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.logo{object-fit:contain}.name{font-weight:400;text-align:center;font-size:12px;line-height:16px;color:#fff}.regular .logo{width:32px;height:40px}.regular .name{font-size:12px}.compact .logo{width:35px;height:48px}.compact .name{font-size:12px;height:12px}@media(max-width:767px){.regular .logo{width:32px;height:40px}.regular .name{font-size:12px}.compact .logo{width:23.79px;height:32px}.compact .name{font-size:10px}.compact.team{gap:0px}}.orc-co-wrap{--orc-co-art-w: 887px;--orc-co-art-h: 510px;--orc-co-text: #ffffff;--orc-co-art-left: clamp(120px, 18vw, 280px);--orc-co-art-top: 20px;--orc-co-logo-left: 163px;--orc-co-logo-top: 120px;--orc-co-logo-w: 220px;--orc-co-content-left: 120px;--orc-co-content-top: 290px;min-height:var(--orc-co-minH, 520px);position:relative}.orc-co-fullBleed{width:100vw;margin-left:50%;transform:translate(-50%)}.orc-co-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:2;display:grid;justify-items:center;gap:12px;border-radius:12px}.orc-co-caption{color:var(--orc-co-text);font-size:14px;text-align:center;font-weight:400;text-wrap:balance;line-height:1.4}.orc-co-bgMobile{position:relative;width:100%;min-height:360px;overflow:hidden}.orc-co-bgMobileImg{width:100%;height:100%;object-fit:cover}.orc-co-bgDesktop,.orc-co-logo,.orc-co-desktopContent{display:none}@media(min-width:1024px){.orc-co-bgMobile,.orc-co-bottom{display:none}.orc-co-bgDesktop{position:absolute;inset:0;z-index:0;display:block}.orc-co-bgDesktop>.orc-co-fillHost{position:absolute;width:var(--orc-co-art-w);height:var(--orc-co-art-h);top:var(--orc-co-art-top);left:var(--orc-co-art-left)}.orc-co-bgDesktopImg{width:100%;height:100%;object-fit:cover;display:block}.orc-co-logo{display:block;position:absolute;left:var(--orc-co-logo-left);top:var(--orc-co-logo-top);width:var(--orc-co-logo-w);aspect-ratio:3 / 2;z-index:2}.orc-co-logoImg{width:100%;height:100%;object-fit:contain;display:block}.orc-co-desktopContent{display:grid;position:absolute;left:var(--orc-co-content-left);top:var(--orc-co-content-top);gap:16px;justify-items:center;text-align:center;z-index:2}.orc-co-captionDesktop{margin:0;color:var(--orc-co-text);font-family:var(--clmc-font, inherit);font-weight:400;font-size:clamp(14px,1.5vw,18px);max-width:28ch;text-wrap:balance}}.card{width:296px;height:216px}.combinadas{background-color:#363636;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px;color:#fff;height:156px}.apuestaItem{display:flex;align-items:flex-start;position:relative}.lineContainer{position:relative;width:16px;display:flex;justify-content:center;flex-shrink:0;align-self:stretch;margin-right:8px}.circle{width:8px;height:8px;border:1px solid #FFCC00;border-radius:50%;background-color:transparent;z-index:2}.line{position:absolute;top:9px;left:50%;transform:translate(-50%);width:1px;height:calc(100% - 4px);background-color:#fc0;z-index:1}.apuestaText{font-size:12px;line-height:16px;color:#fff;margin:0;font-weight:400}.apuestaText strong{font-weight:700}.cuotaTotal{font-family:var(--clmc-font);background-color:#9ee86e;color:#0d2b16;width:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-weight:700;padding:8px 24px;font-size:16px;line-height:20px;display:flex;justify-content:center;align-items:center;gap:4px;cursor:pointer;border:none}.cuotaTotal:hover{background-color:#d9f6c6}@media(max-width:767px){.card{width:296px;height:216px}}.date{font-size:14px;line-height:18px;font-weight:400;color:#fff;text-align:center;height:16px}@media(max-width:768px){.date{font-size:12px;line-height:16px}}.cardContainer{width:248px;height:224px;border-radius:8px;overflow:hidden}.cardBackground{background-image:url(https://stg-www.contodobet.com/static/img/landing/EventoSemana/fondo.png);background-size:cover;padding:16px 12px;border-radius:8px;width:224px;height:160px}.jugadas{height:40px}@media(max-width:767px){.cardContainer{width:168px;height:176px}.jugadas{height:32px}.cardBackground{background-image:url(https://stg-www.contodobet.com/static/img/landing/EventoSemana/fondo_mobile.png);padding:12px 8px;width:152px;height:128px}}.controls{display:flex;align-items:center;gap:8px}@media(max-width:768px){.controls{display:none}}.wrapper{display:flex;align-items:center;gap:32px;padding:0 0 0 16px}.container{min-width:208px}.buttonWrapper{width:185px}@media(max-width:768px){.wrapper{gap:16px}.container{min-width:96px}.buttonWrapper{width:90px}}
2
2
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/atoms/OraculoButton/OraculoButton.css","../src/atoms/OraculoSectionTitle/OraculoSectionTitle.css","../src/atoms/OraculoCarouselDots/OraculoCarouselDots.css","../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css"],"sourcesContent":[".orc-btn {\r\n --nl-green: #9EE86E;\r\n --nl-hover-hex: #D9F6C6;\r\n --nl-hover-alpha: .22;\r\n\r\n /* Press */\r\n --nl-press: #254B0C;\r\n\r\n /* Disabled */\r\n --nl-disabled-border: #4a5542;\r\n --nl-disabled-fg: #4a5542;\r\n\r\n --stroke-w: 1.5px;\r\n\r\n --h: 32px;\r\n --pad-x: 12px;\r\n --pad-y: 8px;\r\n --radius: 12px;\r\n\r\n box-sizing: border-box;\r\n height: var(--h);\r\n font-family: var(--clmc-font);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n border-radius: var(--radius);\r\n outline: none;\r\n position: relative;\r\n padding: var(--pad-y) var(--pad-x);\r\n border: 0;\r\n}\r\n\r\n/* Contenido */\r\n.orc-btn__label {\r\n color: currentColor;\r\n font-size: 14px;\r\n}\r\n.orc-btn__icon {\r\n color: currentColor;\r\n display: inline-flex;\r\n line-height: 0;\r\n font-size: 18px;\r\n}\r\n\r\n/* ===== PRIMARY ===== */\r\n.orc-btn--primary {\r\n background: var(--nl-green);\r\n color: #1C1C1C;\r\n box-shadow: inset 0 0 0 var(--stroke-w) transparent;\r\n}\r\n.orc-btn--primary:hover {\r\n background: var(--nl-hover-hex);\r\n color: #1C1C1C;\r\n}\r\n.orc-btn--primary:active {\r\n background: var(--nl-press);\r\n color: #FFFFFF;\r\n transform: translateY(1px);\r\n}\r\n.orc-btn--primary:disabled,\r\n.orc-btn--primary[aria-disabled=\"true\"] {\r\n background: transparent;\r\n color: var(--nl-disabled-fg);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n cursor: not-allowed;\r\n transform: none;\r\n opacity: 1;\r\n}\r\n\r\n/* ===== SECONDARY ===== */\r\n.orc-btn--secondary {\r\n background: transparent;\r\n color: var(--nl-green);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);\r\n}\r\n.orc-btn--secondary:hover {\r\n background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;\r\n color: var(--nl-hover-hex);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);\r\n}\r\n.orc-btn--secondary:active {\r\n transform: translateY(1px);\r\n color: var(--nl-press);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);\r\n background: rgba(37, 75, 12, 0.10);\r\n}\r\n.orc-btn--secondary:focus-visible {\r\n box-shadow:\r\n inset 0 0 0 var(--stroke-w) var(--nl-green),\r\n 0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--secondary:disabled,\r\n.orc-btn--secondary[aria-disabled=\"true\"] {\r\n background: transparent;\r\n color: var(--nl-disabled-fg);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n cursor: not-allowed;\r\n}\r\n\r\n/* ===== TERTIARY ===== */\r\n.orc-btn--tertiary {\r\n background: transparent;\r\n color: var(--nl-green);\r\n box-shadow: none;\r\n}\r\n.orc-btn--tertiary:hover {\r\n color: var(--nl-hover-hex);\r\n}\r\n.orc-btn--tertiary:active {\r\n color: var(--nl-press);\r\n background: rgba(37, 75, 12, 0.08);\r\n transform: translateY(1px);\r\n}\r\n.orc-btn--tertiary:focus-visible {\r\n box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--tertiary:disabled,\r\n.orc-btn--tertiary[aria-disabled=\"true\"] {\r\n color: var(--nl-disabled-fg);\r\n background: transparent;\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Tamaños */\r\n.orc-btn--sm {\r\n --h: 32px;\r\n --pad-y: 8px;\r\n --pad-x: 12px;\r\n --radius: 12px;\r\n}\r\n.orc-btn--md {\r\n --h: 40px;\r\n --pad-y: 10px;\r\n --pad-x: 16px;\r\n --radius: 12px;\r\n}\r\n.orc-btn--lg {\r\n --h: 48px;\r\n --pad-y: 12px;\r\n --pad-x: 20px;\r\n --radius: 16px;\r\n}\r\n\r\n.orc-btn--sm .orc-btn__label,\r\n.orc-btn--md .orc-btn__label,\r\n.orc-btn--lg .orc-btn__label {\r\n font-size: 14px !important;\r\n}\r\n\r\n/* Icon-only */\r\n.orc-btn--iconOnly {\r\n width: 40px;\r\n min-width: 40px;\r\n padding: 0;\r\n}\r\n.orc-btn--sm.orc-btn--iconOnly {\r\n width: 32px;\r\n min-width: 32px;\r\n}\r\n.orc-btn--md.orc-btn--iconOnly {\r\n width: 40px;\r\n min-width: 40px;\r\n}\r\n.orc-btn--lg.orc-btn--iconOnly {\r\n width: 48px;\r\n min-width: 48px;\r\n}\r\n\r\n/* Helpers */\r\n.orc-btn--full {\r\n width: 100%;\r\n}\r\n.orc-btn--fullHeight {\r\n height: 100%;\r\n}\r\n",".orc-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n/* Icono base */\r\n.orc-section-title__icon {\r\n width: 40px;\r\n height: 40px;\r\n object-fit: none;\r\n}\r\n\r\n/* Título base */\r\n.orc-section-title__title {\r\n margin: 0;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n color: #ffffff;\r\n}\r\n\r\n/* ===== Tamaños desktop (igual que tenías) ===== */\r\n.orc-section-title--xs .orc-section-title__title {\r\n font-size: 14px;\r\n line-height: 18px;\r\n}\r\n.orc-section-title--sm .orc-section-title__title {\r\n font-size: 18px;\r\n line-height: 24px;\r\n}\r\n.orc-section-title--md .orc-section-title__title {\r\n font-size: 32px;\r\n line-height: 48px;\r\n}\r\n.orc-section-title--lg .orc-section-title__title {\r\n font-size: 22px;\r\n line-height: 30px;\r\n}\r\n\r\n/* Icono XS */\r\n.orc-section-title--xs .orc-section-title__icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n/* ===== Responsive ===== */\r\n@media (max-width: 768px) {\r\n .orc-section-title__icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .orc-section-title--xs .orc-section-title__title {\r\n font-size: 14px;\r\n line-height: 18px;\r\n }\r\n .orc-section-title--sm .orc-section-title__title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n }\r\n .orc-section-title--md .orc-section-title__title {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n .orc-section-title--lg .orc-section-title__title {\r\n font-size: 20px;\r\n line-height: 26px;\r\n }\r\n}\r\n",".orc-dots {\r\n --dot-size: 8px;\r\n --dot-cell: 20px;\r\n --dot-active-h: 8px;\r\n --dot-active-w: 20px;\r\n --dot-bg: #ffffff;\r\n --dot-surface: #ffffff;\r\n --dot-accent: #9EE86E;\r\n\r\n display: flex;\r\n gap: 0px;\r\n justify-content: center;\r\n margin-top: 10px;\r\n}\r\n\r\n.orc-dots__cell {\r\n width: var(--dot-cell);\r\n display: inline-flex;\r\n justify-content: center;\r\n}\r\n\r\n.orc-dots__dot {\r\n width: var(--dot-size);\r\n height: var(--dot-size);\r\n border-radius: 9999px;\r\n background: var(--dot-bg);\r\n border: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n position: relative;\r\n transition:\r\n transform .15s ease,\r\n background .15s ease,\r\n width .2s ease,\r\n height .2s ease;\r\n}\r\n\r\n.orc-dots__dot:hover {\r\n transform: scale(1.06);\r\n}\r\n\r\n.orc-dots__dot--active {\r\n width: var(--dot-active-w);\r\n height: var(--dot-active-h);\r\n border-radius: 9999px;\r\n background: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.orc-dots__dot--active::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 40%;\r\n background: var(--dot-accent);\r\n border-radius: inherit;\r\n}\r\n\r\n/* Accesibilidad: foco */\r\n.orc-dots__dot--active {\r\n outline: 0;\r\n outline-offset: 0;\r\n}\r\n\r\n.orc-dots__dot:focus-visible {\r\n outline: 2px solid var(--dot-accent);\r\n outline-offset: 2px;\r\n}\r\n","/* =========================\r\n MOBILE\r\n ========================= */\r\n\r\n.orc-co-wrap {\r\n --orc-co-art-w: 887px;\r\n --orc-co-art-h: 510px;\r\n --orc-co-text: #ffffff;\r\n\r\n --orc-co-art-left: clamp(120px, 18vw, 280px);\r\n --orc-co-art-top: 20px;\r\n\r\n --orc-co-logo-left: 163px;\r\n --orc-co-logo-top: 120px;\r\n --orc-co-logo-w: 220px;\r\n\r\n --orc-co-content-left: 120px;\r\n --orc-co-content-top: 290px;\r\n\r\n min-height: var(--orc-co-minH, 520px);\r\n position: relative;\r\n}\r\n\r\n/* full-bleed */\r\n.orc-co-fullBleed {\r\n width: 100vw;\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.orc-co-bottom {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 20px;\r\n z-index: 2;\r\n\r\n display: grid;\r\n justify-items: center;\r\n gap: 12px;\r\n border-radius: 12px;\r\n}\r\n\r\n.orc-co-caption {\r\n color: var(--orc-co-text);\r\n font-size: 14px;\r\n text-align: center;\r\n font-weight: 400;\r\n text-wrap: balance;\r\n line-height: 1.4;\r\n}\r\n\r\n/* Bg mobile */\r\n.orc-co-bgMobile {\r\n position: relative;\r\n width: 100%;\r\n min-height: 360px;\r\n overflow: hidden;\r\n}\r\n\r\n.orc-co-bgMobileImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n/* Oculto en mobile */\r\n.orc-co-bgDesktop,\r\n.orc-co-logo,\r\n.orc-co-desktopContent {\r\n display: none;\r\n}\r\n\r\n/* =========================\r\n DESKTOP\r\n ========================= */\r\n\r\n@media (min-width: 1024px) {\r\n .orc-co-bgMobile {\r\n display: none;\r\n }\r\n\r\n .orc-co-bottom {\r\n display: none;\r\n }\r\n\r\n .orc-co-bgDesktop {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n display: block;\r\n }\r\n\r\n .orc-co-bgDesktop > .orc-co-fillHost {\r\n position: absolute;\r\n width: var(--orc-co-art-w);\r\n height: var(--orc-co-art-h);\r\n top: var(--orc-co-art-top);\r\n left: var(--orc-co-art-left);\r\n }\r\n\r\n .orc-co-bgDesktopImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .orc-co-logo {\r\n display: block;\r\n position: absolute;\r\n left: var(--orc-co-logo-left);\r\n top: var(--orc-co-logo-top);\r\n width: var(--orc-co-logo-w);\r\n aspect-ratio: 3 / 2;\r\n z-index: 2;\r\n }\r\n\r\n .orc-co-logoImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n .orc-co-desktopContent {\r\n display: grid;\r\n position: absolute;\r\n left: var(--orc-co-content-left);\r\n top: var(--orc-co-content-top);\r\n gap: 16px;\r\n justify-items: center;\r\n text-align: center;\r\n z-index: 2;\r\n }\r\n\r\n .orc-co-captionDesktop {\r\n margin: 0;\r\n color: var(--orc-co-text);\r\n font-family: var(--clmc-font, inherit);\r\n font-weight: 400;\r\n font-size: clamp(14px, 1.5vw, 18px);\r\n max-width: 28ch;\r\n text-wrap: balance;\r\n }\r\n}\r\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/atoms/OraculoButton/OraculoButton.css","../src/atoms/OraculoSectionTitle/OraculoSectionTitle.css","../src/atoms/OraculoCarouselDots/OraculoCarouselDots.css","../src/atoms/OraculoEvent/OraculoEventLabel.module.css","../src/atoms/OraculoEvent/OraculoEventLeague.module.css","../src/atoms/OraculoEvent/OraculoEventScore.module.css","../src/atoms/OraculoEvent/OraculoEventTeamInfo.module.css","../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css","../src/molecules/OraculoEventCard/OraculoEventCombinadasCard.module.css","../src/atoms/OraculoEvent/OraculoEventDate.module.css","../src/molecules/OraculoEventCard/OraculoEventSemanaCard.module.css","../src/organisms/OraculoSeccionEventoCombinadas/OraculoSeccionEventoCombinadas.module.css","../src/organisms/OraculoSeccionEventoSemana/OraculoSeccionEventoSemana.module.css"],"sourcesContent":[".orc-btn {\r\n --nl-green: #9EE86E;\r\n --nl-hover-hex: #D9F6C6;\r\n --nl-hover-alpha: .22;\r\n\r\n /* Press */\r\n --nl-press: #254B0C;\r\n\r\n /* Disabled */\r\n --nl-disabled-border: #4a5542;\r\n --nl-disabled-fg: #4a5542;\r\n\r\n --stroke-w: 1.5px;\r\n\r\n --h: 32px;\r\n --pad-x: 12px;\r\n --pad-y: 8px;\r\n --radius: 12px;\r\n\r\n box-sizing: border-box;\r\n height: var(--h);\r\n font-family: var(--clmc-font);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n border-radius: var(--radius);\r\n outline: none;\r\n position: relative;\r\n padding: var(--pad-y) var(--pad-x);\r\n border: 0;\r\n}\r\n\r\n/* Contenido */\r\n.orc-btn__label {\r\n color: currentColor;\r\n font-size: 14px;\r\n}\r\n.orc-btn__icon {\r\n color: currentColor;\r\n display: inline-flex;\r\n line-height: 0;\r\n font-size: 18px;\r\n}\r\n\r\n/* ===== PRIMARY ===== */\r\n.orc-btn--primary {\r\n background: var(--nl-green);\r\n color: #1C1C1C;\r\n box-shadow: inset 0 0 0 var(--stroke-w) transparent;\r\n}\r\n.orc-btn--primary:hover {\r\n background: var(--nl-hover-hex);\r\n color: #1C1C1C;\r\n}\r\n.orc-btn--primary:active {\r\n background: var(--nl-press);\r\n color: #FFFFFF;\r\n transform: translateY(1px);\r\n}\r\n.orc-btn--primary:disabled,\r\n.orc-btn--primary[aria-disabled=\"true\"] {\r\n background: transparent;\r\n color: var(--nl-disabled-fg);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n cursor: not-allowed;\r\n transform: none;\r\n opacity: 1;\r\n}\r\n\r\n/* ===== SECONDARY ===== */\r\n.orc-btn--secondary {\r\n background: transparent;\r\n color: var(--nl-green);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);\r\n}\r\n.orc-btn--secondary:hover {\r\n background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;\r\n color: var(--nl-hover-hex);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);\r\n}\r\n.orc-btn--secondary:active {\r\n transform: translateY(1px);\r\n color: var(--nl-press);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);\r\n background: rgba(37, 75, 12, 0.10);\r\n}\r\n.orc-btn--secondary:focus-visible {\r\n box-shadow:\r\n inset 0 0 0 var(--stroke-w) var(--nl-green),\r\n 0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--secondary:disabled,\r\n.orc-btn--secondary[aria-disabled=\"true\"] {\r\n background: transparent;\r\n color: var(--nl-disabled-fg);\r\n box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n cursor: not-allowed;\r\n}\r\n\r\n/* ===== TERTIARY ===== */\r\n.orc-btn--tertiary {\r\n background: transparent;\r\n color: var(--nl-green);\r\n box-shadow: none;\r\n}\r\n.orc-btn--tertiary:hover {\r\n color: var(--nl-hover-hex);\r\n}\r\n.orc-btn--tertiary:active {\r\n color: var(--nl-press);\r\n background: rgba(37, 75, 12, 0.08);\r\n transform: translateY(1px);\r\n}\r\n.orc-btn--tertiary:focus-visible {\r\n box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--tertiary:disabled,\r\n.orc-btn--tertiary[aria-disabled=\"true\"] {\r\n color: var(--nl-disabled-fg);\r\n background: transparent;\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Tamaños */\r\n.orc-btn--sm {\r\n --h: 32px;\r\n --pad-y: 8px;\r\n --pad-x: 12px;\r\n --radius: 12px;\r\n}\r\n.orc-btn--md {\r\n --h: 40px;\r\n --pad-y: 10px;\r\n --pad-x: 16px;\r\n --radius: 12px;\r\n}\r\n.orc-btn--lg {\r\n --h: 48px;\r\n --pad-y: 12px;\r\n --pad-x: 20px;\r\n --radius: 16px;\r\n}\r\n\r\n.orc-btn--sm .orc-btn__label,\r\n.orc-btn--md .orc-btn__label,\r\n.orc-btn--lg .orc-btn__label {\r\n font-size: 14px !important;\r\n}\r\n\r\n/* Icon-only */\r\n.orc-btn--iconOnly {\r\n width: 40px;\r\n min-width: 40px;\r\n padding: 0;\r\n}\r\n.orc-btn--sm.orc-btn--iconOnly {\r\n width: 32px;\r\n min-width: 32px;\r\n}\r\n.orc-btn--md.orc-btn--iconOnly {\r\n width: 40px;\r\n min-width: 40px;\r\n}\r\n.orc-btn--lg.orc-btn--iconOnly {\r\n width: 48px;\r\n min-width: 48px;\r\n}\r\n\r\n/* Helpers */\r\n.orc-btn--full {\r\n width: 100%;\r\n}\r\n.orc-btn--fullHeight {\r\n height: 100%;\r\n}\r\n",".orc-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n/* Icono base */\r\n.orc-section-title__icon {\r\n width: 40px;\r\n height: 40px;\r\n object-fit: none;\r\n}\r\n\r\n/* Título base */\r\n.orc-section-title__title {\r\n margin: 0;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n color: #ffffff;\r\n}\r\n\r\n/* ===== Tamaños desktop (igual que tenías) ===== */\r\n.orc-section-title--xs .orc-section-title__title {\r\n font-size: 14px;\r\n line-height: 18px;\r\n}\r\n.orc-section-title--sm .orc-section-title__title {\r\n font-size: 18px;\r\n line-height: 24px;\r\n}\r\n.orc-section-title--md .orc-section-title__title {\r\n font-size: 32px;\r\n line-height: 48px;\r\n}\r\n.orc-section-title--lg .orc-section-title__title {\r\n font-size: 22px;\r\n line-height: 30px;\r\n}\r\n\r\n/* Icono XS */\r\n.orc-section-title--xs .orc-section-title__icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n/* ===== Responsive ===== */\r\n@media (max-width: 768px) {\r\n .orc-section-title__icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .orc-section-title--xs .orc-section-title__title {\r\n font-size: 14px;\r\n line-height: 18px;\r\n }\r\n .orc-section-title--sm .orc-section-title__title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n }\r\n .orc-section-title--md .orc-section-title__title {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n .orc-section-title--lg .orc-section-title__title {\r\n font-size: 20px;\r\n line-height: 26px;\r\n }\r\n}\r\n",".orc-dots {\r\n --dot-size: 8px;\r\n --dot-cell: 20px;\r\n --dot-active-h: 8px;\r\n --dot-active-w: 20px;\r\n --dot-bg: #ffffff;\r\n --dot-surface: #ffffff;\r\n --dot-accent: #9EE86E;\r\n\r\n display: flex;\r\n gap: 0px;\r\n justify-content: center;\r\n margin-top: 10px;\r\n}\r\n\r\n.orc-dots__cell {\r\n width: var(--dot-cell);\r\n display: inline-flex;\r\n justify-content: center;\r\n}\r\n\r\n.orc-dots__dot {\r\n width: var(--dot-size);\r\n height: var(--dot-size);\r\n border-radius: 9999px;\r\n background: var(--dot-bg);\r\n border: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n position: relative;\r\n transition:\r\n transform .15s ease,\r\n background .15s ease,\r\n width .2s ease,\r\n height .2s ease;\r\n}\r\n\r\n.orc-dots__dot:hover {\r\n transform: scale(1.06);\r\n}\r\n\r\n.orc-dots__dot--active {\r\n width: var(--dot-active-w);\r\n height: var(--dot-active-h);\r\n border-radius: 9999px;\r\n background: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.orc-dots__dot--active::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 40%;\r\n background: var(--dot-accent);\r\n border-radius: inherit;\r\n}\r\n\r\n/* Accesibilidad: foco */\r\n.orc-dots__dot--active {\r\n outline: 0;\r\n outline-offset: 0;\r\n}\r\n\r\n.orc-dots__dot:focus-visible {\r\n outline: 2px solid var(--dot-accent);\r\n outline-offset: 2px;\r\n}\r\n",".label {\r\n display: inline-block;\r\n text-align: center;\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: #828282;\r\n}",".container {\r\n background-color: #363636;\r\n color: #b5b5b5;\r\n text-align: center;\r\n padding: 8px;\r\n border-top-left-radius: 13.55px;\r\n border-top-right-radius: 13.55px;\r\n font-size: 14px;\r\n line-height: 18px;\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n font-weight: 700;\r\n height: 16px;\r\n\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n .container {\r\n border-top-left-radius: 12px;\r\n border-top-right-radius: 12px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n padding: 4px 12px;\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n\r\n }\r\n}",".scoreWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n min-width: 16px;\r\n text-align: center;\r\n}\r\n\r\n/* Base styles */\r\n.name {\r\n font-size: 14px;\r\n line-height: 16px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n}\r\n\r\n.score {\r\n font-size: 32px;\r\n font-weight: 700;\r\n line-height: 48px;\r\n color: #FFFFFF;\r\n height: 40px;\r\n letter-spacing: 5px; \r\n}\r\n\r\n/* Normal (default) desktop size */\r\n.normal {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n}\r\n\r\n.small {\r\n width: 24px;\r\n}\r\n\r\n/* Variant: small text sizing */\r\n.small .score {\r\n font-size: 14px;\r\n line-height: 18px;\r\n height: auto;\r\n}\r\n\r\n.small .name {\r\n font-size: 12px;\r\n line-height: 16px;\r\n}\r\n\r\n/*.normal .score {\r\n height: auto;\r\n}*/\r\n\r\n/* Responsive tweaks — mobile */\r\n@media (max-width: 767px) {\r\n .normal {\r\n width: 72px;\r\n }\r\n\r\n .small {\r\n width: 16px;\r\n }\r\n\r\n .name {\r\n font-size: 12px;\r\n line-height: 16px;\r\n }\r\n\r\n .small .score {\r\n font-size: 12px;\r\n line-height: 16px;\r\n }\r\n}\r\n",".team {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 4px; /* replaces margin-bottom */\r\n}\r\n\r\n.logo {\r\n object-fit: contain;\r\n}\r\n\r\n.name {\r\n font-weight: 400;\r\n text-align: center;\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: white;\r\n}\r\n\r\n/* Regular size */\r\n.regular .logo {\r\n width: 32px;\r\n height: 40px;\r\n}\r\n\r\n.regular .name {\r\n font-size: 12px;\r\n}\r\n\r\n/* Compact size */\r\n.compact .logo {\r\n width: 35px;\r\n height: 48px;\r\n}\r\n\r\n.compact .name {\r\n font-size: 12px;\r\n height: 12px;\r\n}\r\n\r\n/* Responsive adjustments */\r\n@media (max-width: 767px) {\r\n .regular .logo {\r\n width: 32px;\r\n height: 40px;\r\n }\r\n\r\n .regular .name {\r\n font-size: 12px;\r\n }\r\n\r\n .compact .logo {\r\n width: 23.79px;\r\n height: 32px;\r\n }\r\n\r\n .compact .name {\r\n font-size: 10px;\r\n }\r\n\r\n /* Adjust spacing for compact on mobile */\r\n .compact.team {\r\n gap: 0px;\r\n }\r\n}\r\n","/* =========================\r\n MOBILE\r\n ========================= */\r\n\r\n.orc-co-wrap {\r\n --orc-co-art-w: 887px;\r\n --orc-co-art-h: 510px;\r\n --orc-co-text: #ffffff;\r\n\r\n --orc-co-art-left: clamp(120px, 18vw, 280px);\r\n --orc-co-art-top: 20px;\r\n\r\n --orc-co-logo-left: 163px;\r\n --orc-co-logo-top: 120px;\r\n --orc-co-logo-w: 220px;\r\n\r\n --orc-co-content-left: 120px;\r\n --orc-co-content-top: 290px;\r\n\r\n min-height: var(--orc-co-minH, 520px);\r\n position: relative;\r\n}\r\n\r\n/* full-bleed */\r\n.orc-co-fullBleed {\r\n width: 100vw;\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.orc-co-bottom {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 20px;\r\n z-index: 2;\r\n\r\n display: grid;\r\n justify-items: center;\r\n gap: 12px;\r\n border-radius: 12px;\r\n}\r\n\r\n.orc-co-caption {\r\n color: var(--orc-co-text);\r\n font-size: 14px;\r\n text-align: center;\r\n font-weight: 400;\r\n text-wrap: balance;\r\n line-height: 1.4;\r\n}\r\n\r\n/* Bg mobile */\r\n.orc-co-bgMobile {\r\n position: relative;\r\n width: 100%;\r\n min-height: 360px;\r\n overflow: hidden;\r\n}\r\n\r\n.orc-co-bgMobileImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n/* Oculto en mobile */\r\n.orc-co-bgDesktop,\r\n.orc-co-logo,\r\n.orc-co-desktopContent {\r\n display: none;\r\n}\r\n\r\n/* =========================\r\n DESKTOP\r\n ========================= */\r\n\r\n@media (min-width: 1024px) {\r\n .orc-co-bgMobile {\r\n display: none;\r\n }\r\n\r\n .orc-co-bottom {\r\n display: none;\r\n }\r\n\r\n .orc-co-bgDesktop {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n display: block;\r\n }\r\n\r\n .orc-co-bgDesktop > .orc-co-fillHost {\r\n position: absolute;\r\n width: var(--orc-co-art-w);\r\n height: var(--orc-co-art-h);\r\n top: var(--orc-co-art-top);\r\n left: var(--orc-co-art-left);\r\n }\r\n\r\n .orc-co-bgDesktopImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .orc-co-logo {\r\n display: block;\r\n position: absolute;\r\n left: var(--orc-co-logo-left);\r\n top: var(--orc-co-logo-top);\r\n width: var(--orc-co-logo-w);\r\n aspect-ratio: 3 / 2;\r\n z-index: 2;\r\n }\r\n\r\n .orc-co-logoImg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n .orc-co-desktopContent {\r\n display: grid;\r\n position: absolute;\r\n left: var(--orc-co-content-left);\r\n top: var(--orc-co-content-top);\r\n gap: 16px;\r\n justify-items: center;\r\n text-align: center;\r\n z-index: 2;\r\n }\r\n\r\n .orc-co-captionDesktop {\r\n margin: 0;\r\n color: var(--orc-co-text);\r\n font-family: var(--clmc-font, inherit);\r\n font-weight: 400;\r\n font-size: clamp(14px, 1.5vw, 18px);\r\n max-width: 28ch;\r\n text-wrap: balance;\r\n }\r\n}\r\n",".card {\r\n width: 296px;\r\n height: 216px;\r\n}\r\n\r\n.combinadas {\r\n background-color: #363636;\r\n border-top-left-radius: 12px;\r\n border-top-right-radius: 12px; \r\n padding: 12px;\r\n color: #fff;\r\n height: 156px;\r\n}\r\n\r\n\r\n\r\n\r\n.apuestaItem {\r\n display: flex;\r\n align-items: flex-start;\r\n position: relative;\r\n}\r\n.lineContainer {\r\n position: relative;\r\n width: 16px;\r\n display: flex;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n align-self: stretch;\r\n margin-right: 8px;\r\n}\r\n\r\n.circle {\r\n width: 8px;\r\n height: 8px;\r\n border: 1px solid #FFCC00;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n z-index: 2;\r\n}\r\n\r\n.line {\r\n position: absolute;\r\n top: 9px; /* just below the circle */\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 1px;\r\n height: calc(100% + -4px); /* dynamically extends past item height */\r\n background-color: #FFCC00;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.apuestaText {\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: #fff;\r\n margin: 0; \r\n font-weight: 400;\r\n}\r\n\r\n.apuestaText strong {\r\n font-weight: 700;\r\n}\r\n\r\n.cuotaTotal {\r\n font-family: var(--clmc-font);\r\n background-color: #9EE86E;\r\n color: #0D2B16;\r\n width: 100%;\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n font-weight: 700;\r\n padding: 8px 24px;\r\n font-size: 16px;\r\n line-height: 20px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 4px;\r\n\r\n cursor: pointer;\r\n border: none;\r\n}\r\n\r\n.cuotaTotal:hover {\r\n background-color: #D9F6C6;\r\n}\r\n@media (max-width: 767px) {\r\n .card {\r\n width: 296px;\r\n height: 216px;\r\n }\r\n}",".date {\r\n font-size: 14px;\r\n line-height: 18px;\r\n \r\n font-weight: 400;\r\n color: white;\r\n text-align: center;\r\n height: 16px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .date {\r\n font-size: 12px;\r\n line-height: 16px;\r\n }\r\n}\r\n",".cardContainer {\r\n width: 248px;\r\n height: 224px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.cardBackground {\r\n background-image: url(\"https://stg-www.contodobet.com/static/img/landing/EventoSemana/fondo.png\");\r\n background-size: cover;\r\n padding: 16px 12px;\r\n border-radius: 8px;\r\n width: 224px;\r\n height: 160px;\r\n}\r\n.jugadas{\r\n height: 40px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .cardContainer {\r\n width: 168px;\r\n height: 176px;\r\n\r\n }\r\n\r\n .jugadas{\r\n height: 32px;\r\n}\r\n\r\n\r\n .cardBackground {\r\n background-image: url(\"https://stg-www.contodobet.com/static/img/landing/EventoSemana/fondo_mobile.png\");\r\n\r\n padding: 12px 8px;\r\n width: 152px;\r\n height: 128px;\r\n }\r\n}",".controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .controls {\r\n display: none;\r\n }\r\n}\r\n",".wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n padding: 0 0 0 16px;\r\n}\r\n\r\n\r\n.container {\r\n min-width: 208px;\r\n}\r\n\r\n.buttonWrapper {\r\n width: 185px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n .wrapper {\r\n gap: 16px;\r\n }\r\n.container {\r\n min-width: 96px;\r\n}\r\n\r\n.buttonWrapper {\r\n width: 90px;\r\n}\r\n\r\n}"],"mappings":"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","names":[]}
package/dist/index.d.mts CHANGED
@@ -37,6 +37,57 @@ interface OraculoCarouselDotsProps {
37
37
  }
38
38
  declare const OraculoCarouselDots: React.FC<OraculoCarouselDotsProps>;
39
39
 
40
+ interface OraculoGridGroupProps {
41
+ /** Children inside the grid */
42
+ children: ReactNode;
43
+ /** Minimum width (in px) for auto-fit columns */
44
+ minWidth?: number;
45
+ /** Gap spacing: number → multiplier of 8px, or string → custom CSS value */
46
+ spacing?: number | string;
47
+ /** Horizontal alignment of grid items */
48
+ justify?: "start" | "center" | "end" | "stretch";
49
+ /** Custom grid template definition (overrides auto-fit/minmax behavior) */
50
+ columns?: string | null;
51
+ }
52
+
53
+ type Logo = {
54
+ src: string;
55
+ alt: string;
56
+ };
57
+
58
+ interface OraculoMatchHeaderProps {
59
+ title: string;
60
+ subtitle?: string;
61
+ live?: boolean;
62
+ time?: string;
63
+ }
64
+
65
+ interface OraculoEventScoreProps {
66
+ text: string | number;
67
+ name?: string;
68
+ size?: "normal" | "small";
69
+ }
70
+
71
+ interface OraculoEventStatusProps {
72
+ live?: boolean;
73
+ time?: string;
74
+ }
75
+
76
+ interface OraculoEventStatusBadgeProps {
77
+ /** Text inside the badge */
78
+ text: string;
79
+ /** Background color of the badge */
80
+ color?: string;
81
+ /** Text color */
82
+ textColor?: string;
83
+ }
84
+
85
+ interface OraculoEventTeamInfoProps {
86
+ name: string;
87
+ logo: string;
88
+ size?: "regular" | "compact";
89
+ }
90
+
40
91
  interface OraculoCarouselOptions {
41
92
  type?: string;
42
93
  perPage?: number;
@@ -315,4 +366,4 @@ interface OraculoPageLandingPreviewProps {
315
366
  }
316
367
  declare const OraculoPageLandingPreview: React.FC<OraculoPageLandingPreviewProps>;
317
368
 
318
- export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLandingPreview, type OraculoPageLandingPreviewProps, type OraculoPageLandingPreviewSection, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps, OraculoPageLandingPreview as default };
369
+ export { type Logo, type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoEventScoreProps, type OraculoEventStatusBadgeProps, type OraculoEventStatusProps, type OraculoEventTeamInfoProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, type OraculoGridGroupProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoMatchHeaderProps, OraculoPageLandingPreview, type OraculoPageLandingPreviewProps, type OraculoPageLandingPreviewSection, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps, OraculoPageLandingPreview as default };
package/dist/index.d.ts CHANGED
@@ -37,6 +37,57 @@ interface OraculoCarouselDotsProps {
37
37
  }
38
38
  declare const OraculoCarouselDots: React.FC<OraculoCarouselDotsProps>;
39
39
 
40
+ interface OraculoGridGroupProps {
41
+ /** Children inside the grid */
42
+ children: ReactNode;
43
+ /** Minimum width (in px) for auto-fit columns */
44
+ minWidth?: number;
45
+ /** Gap spacing: number → multiplier of 8px, or string → custom CSS value */
46
+ spacing?: number | string;
47
+ /** Horizontal alignment of grid items */
48
+ justify?: "start" | "center" | "end" | "stretch";
49
+ /** Custom grid template definition (overrides auto-fit/minmax behavior) */
50
+ columns?: string | null;
51
+ }
52
+
53
+ type Logo = {
54
+ src: string;
55
+ alt: string;
56
+ };
57
+
58
+ interface OraculoMatchHeaderProps {
59
+ title: string;
60
+ subtitle?: string;
61
+ live?: boolean;
62
+ time?: string;
63
+ }
64
+
65
+ interface OraculoEventScoreProps {
66
+ text: string | number;
67
+ name?: string;
68
+ size?: "normal" | "small";
69
+ }
70
+
71
+ interface OraculoEventStatusProps {
72
+ live?: boolean;
73
+ time?: string;
74
+ }
75
+
76
+ interface OraculoEventStatusBadgeProps {
77
+ /** Text inside the badge */
78
+ text: string;
79
+ /** Background color of the badge */
80
+ color?: string;
81
+ /** Text color */
82
+ textColor?: string;
83
+ }
84
+
85
+ interface OraculoEventTeamInfoProps {
86
+ name: string;
87
+ logo: string;
88
+ size?: "regular" | "compact";
89
+ }
90
+
40
91
  interface OraculoCarouselOptions {
41
92
  type?: string;
42
93
  perPage?: number;
@@ -315,4 +366,4 @@ interface OraculoPageLandingPreviewProps {
315
366
  }
316
367
  declare const OraculoPageLandingPreview: React.FC<OraculoPageLandingPreviewProps>;
317
368
 
318
- export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLandingPreview, type OraculoPageLandingPreviewProps, type OraculoPageLandingPreviewSection, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps, OraculoPageLandingPreview as default };
369
+ export { type Logo, type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoEventScoreProps, type OraculoEventStatusBadgeProps, type OraculoEventStatusProps, type OraculoEventTeamInfoProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, type OraculoGridGroupProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoMatchHeaderProps, OraculoPageLandingPreview, type OraculoPageLandingPreviewProps, type OraculoPageLandingPreviewSection, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps, OraculoPageLandingPreview as default };