oraculo-ui 0.1.11 → 0.1.12

package/dist/OraculoSeccionVirtuales-SSM6EDST.css

@@ -0,0 +1,398 @@
+/* src/atoms/OraculoSectionTitle/OraculoSectionTitle.css */
+.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: #ffffff;
+}
+.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;
+  }
+}
+
+/* src/atoms/OraculoButton/OraculoButton.css */
+.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: #FFFFFF;
+  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: rgba(37, 75, 12, 0.10);
+}
+.orc-btn--secondary:focus-visible {
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green), 0 0 0 3px rgba(197, 228, 177, .45);
+}
+.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: rgba(37, 75, 12, 0.08);
+  transform: translateY(1px);
+}
+.orc-btn--tertiary:focus-visible {
+  box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);
+}
+.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%;
+}
+
+/* src/atoms/OraculoCarouselDots/OraculoCarouselDots.css */
+.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;
+}
+
+/* src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css */
+.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: translateX(-50%);
+}
+.orc-co-bottom {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-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 {
+    display: none;
+  }
+  .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;
+  }
+}
+/*# sourceMappingURL=OraculoSeccionVirtuales-SSM6EDST.css.map */

package/dist/OraculoSeccionVirtuales-SSM6EDST.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/OraculoSectionTitle/OraculoSectionTitle.css","../src/atoms/OraculoButton/OraculoButton.css","../src/atoms/OraculoCarouselDots/OraculoCarouselDots.css","../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css"],"sourcesContent":[".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-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-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":[]}

package/dist/chunk-FIOWVLJP.mjs

@@ -0,0 +1,7 @@
+// src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css
+var OraculoSeccionClubOlimpo_default = {};
+
+export {
+  OraculoSeccionClubOlimpo_default
+};
+//# sourceMappingURL=chunk-FIOWVLJP.mjs.map

package/dist/chunk-FIOWVLJP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css"],"sourcesContent":["/* =========================\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":";AAAA;","names":[]}