/** * Swiper 12.0.3  * Copyright 2014-2025 Vladimir Kharlampidi * Released on: October 21, 2025 */
:root{--primary-color: #0768b2;--font-app:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica; --swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
:root {
  --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);
  --swal2-container-padding: 0.625em;
  --swal2-backdrop: rgba(0, 0, 0, 0.4);
  --swal2-backdrop-transition: background-color 0.15s;
  --swal2-width: 32em;
  --swal2-padding: 0 0 1.25em;
  --swal2-border: none;
  --swal2-border-radius: 0.3125rem;
  --swal2-background: white;
  --swal2-color: #545454;
  --swal2-show-animation: swal2-show 0.3s;
  --swal2-hide-animation: swal2-hide 0.15s forwards;
  --swal2-icon-zoom: 1;
  --swal2-icon-animations: true;
  --swal2-title-padding: 0.8em 1em 0;
  --swal2-html-container-padding: 1em 1.6em 0.3em;
  --swal2-input-border: 1px solid #d9d9d9;
  --swal2-input-border-radius: 0.1875em;
  --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-background: transparent;
  --swal2-input-transition: border-color 0.2s, box-shadow 0.2s;
  --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-focus-border: 1px solid #b4dbed;
  --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
  --swal2-progress-step-background: #add8e6;
  --swal2-validation-message-background: #f0f0f0;
  --swal2-validation-message-color: #666;
  --swal2-footer-border-color: #eee;
  --swal2-footer-background: transparent;
  --swal2-footer-color: inherit;
  --swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);
  --swal2-close-button-position: initial;
  --swal2-close-button-inset: auto;
  --swal2-close-button-font-size: 2.5em;
  --swal2-close-button-color: #ccc;
  --swal2-close-button-transition: color 0.2s, box-shadow 0.2s;
  --swal2-close-button-outline: initial;
  --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
  --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
  --swal2-close-button-hover-transform: none;
  --swal2-actions-justify-content: center;
  --swal2-actions-width: auto;
  --swal2-actions-margin: 1.25em auto 0;
  --swal2-actions-padding: 0;
  --swal2-actions-border-radius: 0;
  --swal2-actions-background: transparent;
  --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;
  --swal2-action-button-hover: black 10%;
  --swal2-action-button-active: black 10%;
  --swal2-confirm-button-box-shadow: none;
  --swal2-confirm-button-border-radius: 0.25em;
  --swal2-confirm-button-background-color: #7066e0;
  --swal2-confirm-button-color: #fff;
  --swal2-deny-button-box-shadow: none;
  --swal2-deny-button-border-radius: 0.25em;
  --swal2-deny-button-background-color: #dc3741;
  --swal2-deny-button-color: #fff;
  --swal2-cancel-button-box-shadow: none;
  --swal2-cancel-button-border-radius: 0.25em;
  --swal2-cancel-button-background-color: #6e7881;
  --swal2-cancel-button-color: #fff;
  --swal2-toast-show-animation: swal2-toast-show 0.5s;
  --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;
  --swal2-toast-border: none;
  --swal2-toast-box-shadow:
    0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075),
    1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075);
}

[data-swal2-theme=dark] {
  --swal2-dark-theme-black: #19191a;
  --swal2-dark-theme-white: #e1e1e1;
  --swal2-background: var(--swal2-dark-theme-black);
  --swal2-color: var(--swal2-dark-theme-white);
  --swal2-footer-border-color: #555;
  --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
  --swal2-validation-message-background: color-mix(
    in srgb,
    var(--swal2-dark-theme-black),
    var(--swal2-dark-theme-white) 10%
  );
  --swal2-validation-message-color: var(--swal2-dark-theme-white);
  --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7);
}

@media (prefers-color-scheme: dark) {
  [data-swal2-theme=auto] {
    --swal2-dark-theme-black: #19191a;
    --swal2-dark-theme-white: #e1e1e1;
    --swal2-background: var(--swal2-dark-theme-black);
    --swal2-color: var(--swal2-dark-theme-white);
    --swal2-footer-border-color: #555;
    --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    --swal2-validation-message-background: color-mix(
      in srgb,
      var(--swal2-dark-theme-black),
      var(--swal2-dark-theme-white) 10%
    );
    --swal2-validation-message-color: var(--swal2-dark-theme-white);
    --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7);
  }
}
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px var(--swal2-backdrop);
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}

div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: var(--swal2-container-padding);
  overflow-x: hidden;
  transition: var(--swal2-backdrop-transition);
  -webkit-overflow-scrolling: touch;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: var(--swal2-backdrop);
}
div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent !important;
}
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}
div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  place-self: start center;
}
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  place-self: start end;
}
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}
div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  place-self: center center;
}
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  place-self: center end;
}
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  place-self: end center;
}
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  place-self: end end;
}
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}
div:where(.swal2-container)[popover] {
  width: auto;
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: var(--swal2-width);
  max-width: 100%;
  padding: var(--swal2-padding);
  border: var(--swal2-border);
  border-radius: var(--swal2-border-radius);
  background: var(--swal2-background);
  color: var(--swal2-color);
  font-family: inherit;
  font-size: 1rem;
  container-name: swal2-popup;
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable {
  cursor: grab;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
  cursor: grab;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging {
  cursor: grabbing;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
  cursor: grabbing;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: var(--swal2-title-padding);
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  overflow-wrap: break-word;
  cursor: initial;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--swal2-actions-justify-content);
  width: var(--swal2-actions-width);
  margin: var(--swal2-actions-margin);
  padding: var(--swal2-actions-padding);
  border-radius: var(--swal2-actions-border-radius);
  background: var(--swal2-actions-background);
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: var(--swal2-action-button-transition);
  border: none;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  border-radius: var(--swal2-confirm-button-border-radius);
  background: initial;
  background-color: var(--swal2-confirm-button-background-color);
  box-shadow: var(--swal2-confirm-button-box-shadow);
  color: var(--swal2-confirm-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  border-radius: var(--swal2-deny-button-border-radius);
  background: initial;
  background-color: var(--swal2-deny-button-background-color);
  box-shadow: var(--swal2-deny-button-box-shadow);
  color: var(--swal2-deny-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  border-radius: var(--swal2-cancel-button-border-radius);
  background: initial;
  background-color: var(--swal2-cancel-button-background-color);
  box-shadow: var(--swal2-cancel-button-box-shadow);
  color: var(--swal2-cancel-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
  outline: none;
  box-shadow: var(--swal2-action-button-focus-box-shadow);
}
div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
  opacity: 0.4;
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-footer) {
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid var(--swal2-footer-border-color);
  background: var(--swal2-footer-background);
  color: var(--swal2-footer-color);
  font-size: 1em;
  text-align: center;
  cursor: initial;
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: var(--swal2-border-radius);
  border-bottom-left-radius: var(--swal2-border-radius);
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: 0.25em;
  background: var(--swal2-timer-progress-bar-background);
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
  cursor: initial;
}
div:where(.swal2-container) button:where(.swal2-close) {
  position: var(--swal2-close-button-position);
  inset: var(--swal2-close-button-inset);
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: var(--swal2-close-button-transition);
  border: none;
  border-radius: var(--swal2-border-radius);
  outline: var(--swal2-close-button-outline);
  background: transparent;
  color: var(--swal2-close-button-color);
  font-family: monospace;
  font-size: var(--swal2-close-button-font-size);
  cursor: pointer;
  justify-self: end;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: var(--swal2-close-button-hover-transform);
  background: transparent;
  color: #f27474;
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  outline: none;
  box-shadow: var(--swal2-close-button-focus-box-shadow);
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: var(--swal2-html-container-padding);
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: initial;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: var(--swal2-input-transition);
  border: var(--swal2-input-border);
  border-radius: var(--swal2-input-border-radius);
  background: var(--swal2-input-background);
  box-shadow: var(--swal2-input-box-shadow);
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
div:where(.swal2-container) input:where(.swal2-input):hover,
div:where(.swal2-container) input:where(.swal2-file):hover,
div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
  box-shadow: var(--swal2-input-hover-box-shadow);
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: var(--swal2-input-focus-border);
  outline: none;
  box-shadow: var(--swal2-input-focus-box-shadow);
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}
div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: var(--swal2-background);
}
div:where(.swal2-container) .swal2-range input {
  width: 80%;
}
div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: var(--swal2-input-background);
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: var(--swal2-input-background);
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: var(--swal2-background);
  color: inherit;
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: var(--swal2-validation-message-background);
  color: var(--swal2-validation-message-color);
  font-size: 1em;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: var(--swal2-progress-step-background);
  color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: var(--swal2-progress-step-background);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  zoom: var(--swal2-icon-zoom);
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark 0.5s;
  }
}
div:where(.swal2-icon).swal2-warning {
  border-color: #f8bb86;
  color: #f8bb86;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark 0.5s;
  }
}
div:where(.swal2-icon).swal2-info {
  border-color: #3fc3ee;
  color: #3fc3ee;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark 0.8s;
  }
}
div:where(.swal2-icon).swal2-question {
  border-color: #87adbd;
  color: #87adbd;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark 0.8s;
  }
}
div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip 0.75s;
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long 0.75s;
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in;
  }
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: var(--swal2-show-animation);
}

.swal2-hide {
  animation: var(--swal2-hide-animation);
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  border: var(--swal2-toast-border);
  background: var(--swal2-background);
  box-shadow: var(--swal2-toast-box-shadow);
  pointer-events: all;
}
.swal2-toast > * {
  grid-column: 2;
}
.swal2-toast h2:where(.swal2-title) {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-toast input:where(.swal2-input) {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}
.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-toast div:where(.swal2-footer) {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-toast button:where(.swal2-close) {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}
.swal2-toast div:where(.swal2-html-container) {
  margin: 0.5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}
.swal2-toast div:where(.swal2-html-container):empty {
  padding: 0;
}
.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}
.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-toast div:where(.swal2-actions) {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}
.swal2-toast button:where(.swal2-styled) {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}
.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  border-radius: 50%;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip 0.75s;
  }
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long 0.75s;
  }
}
.swal2-toast.swal2-show {
  animation: var(--swal2-toast-show-animation);
}
.swal2-toast.swal2-hide {
  animation: var(--swal2-toast-hide-animation);
}

@keyframes swal2-show {
  0% {
    transform: translate3d(0, -50px, 0) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes swal2-hide {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -50px, 0) scale(0.9);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}

:root {--color-fondo: #ffffff;--color-texto: #1a1a1a;--color-card: #f4f4f4;--color-primario: #6e50e4;}
/* Colores para Modo Oscuro */
@media (prefers-color-scheme: dark) {
  /* :root {--color-fondo: #232323 !important;--color-texto: #c9c9c9 !important;--color-card: #1e1e1e !important;} */
  body.dark-mode {
    --color-fondo: #232323 !important;
    --color-texto: #c9c9c9 !important;
    --color-card: #1e1e1e !important;
  }  
  html{ background:#000000 !important; }
  body.online { background:#000000 !important; }
  body.dark-mode .bg-light{background:#121212 !important;color:var(--color-texto) !important;}
  body.dark-mode .bg-ultralight{background:#666666 !important;color:var(--color-texto) !important;}
  body.dark-mode .boxFavoritos{background:var(--color-fondo) !important;}
  body.dark-mode .boxFavoritos .card-item{background:#666666 !important;color:var(--color-texto) !important;}
  body.dark-mode .boxFavoritos .card-item h3{color:#ffffff !important;}
  body.dark-mode .boxFavoritos .card-noticia{background:#666666 !important;color:var(--color-texto) !important;}
  body.dark-mode .boxFavoritos .card-noticia h1{color:#ffffff !important;}  

  body.dark-mode #favArticulos,body.dark-mode #favEventos,body.dark-mode #favVideos{background:var(--color-fondo) !important;}
  body.dark-mode .caja-configuraciones{border:1px solid #ffffff !important;}
  /* Invertir suavemente imágenes muy brillantes si es necesario */
  body.dark-mode img.responsive {filter: brightness(.8) contrast(1.2); }
  body.dark-mode article.card-noticia p{color:#999999 !important;}
  body.dark-mode .panel{background:var(--color-fondo) !important;}
  body.dark-mode .panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:#FFFFFF !important;}
  body.dark-mode .panel p,.panel h1 span{color:var(--color-texto) !important;}
  body.dark-mode .panel figure figcaption{color:#FFFFFF !important;}
  body.dark-mode header{background:#000000 !important;border-bottom:1px solid var(--color-primario) !important;}
  body.dark-mode header img.logo{filter:invert(0) !important;}
  body.dark-mode header nav span{color:#c9c9c9 !important;}
  body.dark-mode #menu-categorias span{color:#000000;}
  body.dark-mode #menu-categorias span.brand-text.text-dark{color:#FFFFFF !important;border-bottom:4px solid var(--color-primario) !important;}
  body.dark-mode article.detalle-post .icons{filter:invert(100) !important;}
  body.dark-mode .tooltip-guardado {background-color:#FFFFFF !important;color:#000000 !important;}
  body.dark-mode footer .cols5{background:#000000;color:#ffffff;}
  body.dark-mode footer .cols5.bg-escom-footer{background:var(--color-primario);}
  body.dark-mode footer{border-bottom:1px solid var(--color-primario) !important;border-top:1px solid var(--color-primario) !important;}
  body.dark-mode .fm-item{color:#ededed !important;}
  body.dark-mode .fm-item .icons{filter:invert(85) !important;}
  body.dark-mode footer .fm-item.filter-invert span{filter:invert(0) !important;color:#ffffff !important;font-weight:700 !important;}
  body.dark-mode .fm-item.filter-invert .icons{filter:invert(100) !important;}
  body.dark-mode .card-clima.bg-ultralight{background:#333333 !important;color:var(--color-texto) !important;}
  body.dark-mode .card-clima.bg-light{background:#121212 !important;color:var(--color-texto) !important;}
  body.dark-mode .card-clima .icons.weather{filter:invert(100) !important;}
  body.dark-mode .card-clima span.text-dark.semi-bold{color:#FFFFFF !important;}
  body.dark-mode .moduloUtilitario .card-item{background:#dcdcdc !important;}
  body.dark-mode .link-interno-escom{background:#000000 !important;color:#ffffff !important;border:1px solid #ffffff !important;}
  body.dark-mode #favArticulos .card-noticia,body.dark-mode #favEventos .card-item,body.dark-mode #favVideos .card-item{background:none !important;}
  body.dark-mode #favArticulos .card-noticia .metadata,body.dark-mode #favEventos .card-item .bloque-texto,body.dark-mode #favVideos .card-item .bloque-texto{background:none !important;}  
  body.dark-mode #contenedorOcio .card-item.item-evento.ocio{background:#FFFFFF !important;}
}


* {box-sizing:border-box !important;}
img {max-width:100%;height:auto;border-radius:8px;}
@font-face {font-family:'escomfont';src: url('fonts/plus-jakarta-sans-bold.woff2') format('woff2');font-weight:700;font-style: normal;font-display:swap;}
body {max-width:680px;background:var(--color-fondo);color:var(--color-texto); -webkit-user-select:none !important;-webkit-touch-callout:none !important;font-family:var(--font-app);margin:0;padding:15px 0px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.brand-text {font-family:'escomfont',sans-serif;font-weight: 700 !important;letter-spacing:-0.5px; }
input, textarea {-webkit-user-select:text !important;}
iframe{max-width:100% !important;}
select,input,textarea{border-radius:8px;padding:7px 12px;font-size:14px;font-weight:400 !important;}
/* Inician los custom style */
main{display:block;clear:both;width:100%;max-width:680px !important;margin:0px auto;padding:55px 0px 75px 0px;background:var(--color-fondo);color:var(--color-texto);}
header {position:fixed;top:0px;left:0px;display:block;clear:both;width:100%;max-width:680px !important;padding:8px 0px 0px 0px;border-bottom:1px solid #000000;z-index:999999;background:#f9f9f9;}
header img.logo{filter:invert(100);width:135px;height:auto;}
header nav {display:flex;margin-top:-7px;width:100%;max-width:100%;overflow-x:auto;}
header nav span{display:inline-block;font-size:14px;text-transform:none;padding:3px 8px;color:#9c9c9c;}
.border-bottom-wide{border-bottom:4px solid #000000 !important;}
footer {position:fixed;bottom:0px;left:0px;display:block;clear:both;width:100%;max-width:680px !important;padding:0px 0px 0px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000;z-index:999999999;background:#f9f9f9;}
footer .cols5{padding:8px 10px;}
footer div span{line-height:0.6 !important;}
footer .text-mini{font-size:12px;line-height:13px;}
.text-dark{color:#000000 !important;}
.bg-dark{background:#000000 !important;}
.bg-escom{background:#000000;}
.bg-escom-footer{background:#000000;}
.item-titulo{font-family:'escomfont';font-size:1.25em;font-weight:700;}
.color-primario{color:#6e50e4 !important;}
.semi-bold{font-weight:500 !important;}
.img-responsive{display:block;clear:both;width:100%;height:auto;}
.logo-content{filter:invert(100);}
.mw220{max-width:220px !important;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}

.d-inline-block{display:inline-block !important;float:left;}
.hide{display:none !important;}

.bg-ultralight{background:#f6f6f6 !important;}
.bg-light{background:#efefef !important;}

.card-item.item-evento.ocio{background:#ffffff !important;}

.btnCfgActivo{border: 3px solid #6e50e4 !important; font-weight:700 !important;}


.bloque-texto{padding:10px 10px;}
.card-item.ocio {border:2px solid #6e50e4;}
.card-item.ocio .bloque-texto{background:#FFFFFF;border-radius: 0px 0px 12px 12px !important;margin-top:-8px;}
.card-item.ocio .bloque-texto h3{font-weight:900;}
.card-item.ocio .bloque-texto p{font-weight:400;font-size:14px;}

footer .filter-invert span{filter:invert(100);}
article.card-video{position:relative;display:block;clear:both;width:100%;height:100%;}
article.card-video img.cover{width:auto;height:100%;}
.content-text-video{display:block;position:absolute;left:0px;bottom:0px;}
.card-video .afs_ads.ad-placement{display:none !important;}

/* FOTOGALERIA PORTADA */
#portadaFotogaleria{position:relative;display:block;clear:both;border-radius:12px;border:2px solid #6e50e4;padding:0px 0px;margin:20px 0px;}
#portadaFotogaleria h1 {font-size:1em;background:#6e50e4;color:#ffffff;text-align:center;padding:5px 0px;margin:0px 0px;border-radius:10px 10px 0px 0px;}
.card-foto{position:relative;display:block;clear:both;width:100%;height:100%;background:#000000;margin:0px 0px;padding:0px 0px;}
.swiperYoAmoSv .swiper-slide{padding:0px 0px !important;}
.swiperYoAmoSv .swiper-slide .card-foto img{border-radius:0px 0px !important;}
.card-foto .metadata{position:absolute;display:block;clear:both;width:100%;height:auto;padding:100px 15px 25px 15px;background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.8),rgba(0,0,0,0.5),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0));bottom:0px;left:0px;z-index:99999;}
.card-foto .metadata h4{color:#ffffff;font-size:1em;line-height:0.8;margin:0px 0px 8px 0px;}
.card-foto .metadata p{color:#c9c9c9;font-size:0.85em;line-height:1.15;margin:0px 0px;}
.card-foto .metadata p span.fotografo{color:#ffffff;font-weight:bold;font-size:0.75em;font-style:italic;}

/* Card-item */
.card-item {padding:0px 0px;margin:10px 10px;border:1px solid #c9c9c9;border-radius:12px;width:300px;min-width:300px;}
.card-item img{border-radius:12px 12px 0px 0px;}
.card-item .bloque-texto p{padding:0px 0px;font-size:15px !important;color:#666666;line-height:1.35;margin:0px 0px;}
.card-item .bloque-texto h3{font-family:'escomfont';font-size:18px !important;color:#000000 !important;line-height:1.3;margin:0px 0px 10px 0px;}
#contenedorPost,#panelVideos,#panelLeerDespues,#panelClima,#panelConfiguracion{transition-property:left;transition-duration:250ms;}
#panelVideos{background:#000000 !important;}
#panelLeerDespues{padding:0px 0px !important;}
#favArticulos,#favEventos,#favVideos{padding:20px 15px 60px 15px;background:#ffffff !important;}
.btnImgPlayVideo{display:block;clear:both;width:50px;height:50px;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);}


/* UTILITARIOS */
.moduloUtilitario {position:relative;display:block;clear:both;border-radius:12px;border:2px solid #6e50e4;padding:0px 0px;margin:20px 0px;}
.moduloUtilitario h4{font-size:1em;background:#6e50e4;color:#ffffff;text-align:center;padding:5px 0px;margin:0px 0px;border-radius:10px 10px 0px 0px;}
.contenedorUtilitario{display:flex;width:100%;max-width:100%;overflow-x:auto;padding:0px 0px;}

/* Detalle de nota */
#headerPost{margin-top:-40px !important;}
body.online #headerPost{margin-top:-45px !important;}
h1.detalle-post{font-size:medium;font-weight:900;line-height:1.0;}
article.detalle-post .cuerpo-post{padding-bottom:16px;}
article.detalle-post figure{margin:0px 0px;padding:0px 0px;}
article.detalle-post figure img.responsive{display:block;clear:both;width:100%;height:auto;border-radius:0px 0px 0px 0px !important;}
article.detalle-post .head-post{display:block;clear:both;margin:20px 15px;}
article.detalle-post .head-post h1{font-size:26px;line-height:1.15;letter-spacing:-0.02em;color:#000000;font-weight:700;margin-top:7px;}
article.detalle-post .head-post p.entradilla{font-size:17px;line-height:1.45;letter-spacing:-0.009em;color:#666666;font-weight:500;}
article.detalle-post .cuerpo-post > p, article.detalle-post .cuerpo-post >h1, article.detalle-post .cuerpo-post > h2, article.detalle-post .cuerpo-post > h3, article.detalle-post .cuerpo-post > h4, .cuerpo-post > strong {margin:15px 15px;}
article.detalle-post .cuerpo-post > p{color:#555555;}
article.detalle-post .cuerpo-post figure{margin:30px 0px;}
article.detalle-post .cuerpo-post figure figcaption{padding:7px 15px;font-size:0.95em;color:#000000;line-height: 1.25;font-weight:500;}
article.detalle-post .meta-post {display:flex;clear:both;width:100%;padding:6px 0px 4px 0px;border-top:1px dashed #6e50e4;border-bottom:1px dashed #6e50e4;}
span.autor{font-weight:700;color:#6e50e4;}
 

/* REELS */
.swiper.swiperReels{
    height:100% !important;
    touch-action: none; /* Bloquea gestos del sistema en esta área */
    overscroll-behavior: contain; /* Evita que el scroll "rebote" hacia el WebView */
}
.card-video .metadata .icons.read_later{position:absolute;top:90px;right:10px;filter:invert(100);}
.swiper.swiperReels .swiper-slide{width:100%;height:100%;}
.swiper.swiperReels .swiper-slide figure{width:100%;height:100%;margin:0px 0px !important;padding:0px 0px !important;border-radius:0px !important;}
.swiper.swiperReels .swiper-slide figure img{width:auto;height:100%;margin:0px 0px !important;padding:0px 0px !important;border-radius:0px !important;}
.swiper.swiperReels .swiper-slide article.card-video{width:100%;height:100%;}
.swiper.swiperReels .swiper-slide article .metadata{position:absolute;display:block;clear:both;width:100%;height:auto;padding:90px 15px 30px 15px;background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.8),rgba(0,0,0,0.5),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0));bottom:0px;left:0px;z-index:99999;}
.swiper.swiperReels .swiper-slide article .metadata h1{color:#ffffff;font-size:1.3em;line-height:1.1;margin:0px 0px 8px 0px;width:calc(100% - 32px);}
.swiper.swiperReels .swiper-slide article .metadata p{color:#cccccc;font-size:0.8em;line-height:1.25;margin:0px 0px;width:calc(100% - 32px);}
.thumb-overlay {position:absolute;top: 0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;}
.card-video #card-video{top:0px !important;}
.swiper-button-next, .swiper-button-prev {width:40px;height:40px;padding:10px 10px;background:#6e50e4;color: white !important;font-weight:900;border-radius:50%;border: 2px solid #ffffff;}
.swiper-button-prev{left:0px !important;}
.swiper-button-next{right:0px !important;}

.mySwiperFotogaleria .modal{display:none !important;}

/* JWPLAYER REELS */
#panelVideos .jw-controlbar {bottom:260px !important;width:90% !important;left:5% !important;border-radius:10px;background: rgba(0, 0, 0, 0.5) !important;} 
#panelVideos .jw-knob, .jw-cue {bottom: 10px !important;}
#panelVideos .jw-related-btn{display:none !important;}
#panelVideos .jw-settings-sharing{display:none !important;}
#panelVideos .jw-icon-next{display:none !important;}
#panelVideos .jw-nextup-container{display:none !important;}
#panelVideos .card-video .jwplayer{min-height:100%;height:100%;}
.jw-nextup-container{display:none !important;right:5000px;}

#panelVideos {
    /* Esto le dice al navegador que el swipe vertical lo manejas tú y no el sistema */
    touch-action: pan-y; 
    overscroll-behavior-y: contain;
}


/* 1. Mantenemos el preview (thumbnail) visible por defecto */
/* Incluso si JW Player intenta ocultarlo internamente */
#panelVideos .jwplayer:not(.is-visual) .jw-preview {
    display: block !important;
    opacity: 1 !important;
    z-index: 10; /* Lo pone por encima de los iconos de carga */
}

/* 2. Ocultamos los iconos de carga y el botón de play gigante 
      mientras el video no sea 'visual' */
#panelVideos .jwplayer:not(.is-visual) .jw-display-icon-container {
    display: none !important; 
}

/* 3. Transición suave: Cuando agregamos .is-visual, el thumbnail desaparece con estilo */
#panelVideos .jwplayer.is-visual .jw-preview {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    pointer-events: none;
}

/* Loading personalizado... */
.loading-icon-jwplayer{position:absolute;top:45%;left:45%;z-index:80;display:none;width:38px;height:38px;background:url('images/loading.gif');background-repeat:no-repeat;opacity:0;z-index:999;}
.loading-icon-jwplayer.is-visual {
    display: block !important;
    opacity: 1 !important;
}
#playerPost {
    z-index: 10;
    position: relative;
    overflow: hidden;
    background: #000;
}
#playerPost .jw-related-btn,#playerPost .jw-settings-sharing{display:none !important;}
.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-resetter{height:2px !important;}
/* Evita que los controles de JW Player se oculten erróneamente */
#playerPost .jw-controls {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}




/* Bloques */
.col-sm-9{display:inline-block;float:left;width:75%;}
.col-sm-3{display:inline-block;float:left;width:25%;}
.col-sm-4{display:inline-block;float:left;width:33.33333%;}
.col-sm-8{display:inline-block;float:left;width:66.66666%;}
.cols4{display:inline-block;float:left;width:25%;}
.cols5{display:inline-block;float:left;width:20%;}


.text-mini{font-size:11px;line-height:1.1;}
.panel{
  display:block;
  clear:both;
  padding:15px 15px;
  position:fixed;
  top:0px;
  left:-3000px;
  height:calc(100vh - 55px) !important;
  overflow-y:auto;
  z-index:9999999;
  width:100%;
  height:100%;
  background:#FFFFFF;
  overflow-y: auto; /* Permite scroll interno si la nota es larga */
  -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
  overscroll-behavior-y: none; /* ¡CLAVE! Evita que el scroll pase al WebView */
}
#panelVideos.panel{padding:0px 0px !important;}
#contenedorPost.panel{padding:0px 0px 30px 0px !important;}
#panelEscom.panel{margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;}
#panelEscom.panel .content{margin:0px 0px 0px 0px !important;padding:0px 0px 30px 0px !important;}
#panelEscom.panel .content table,#panelEscom.panel .content h3,#panelEscom.panel .content p{padding:0px 20px !important;}
#panelEscom.panel .content img.croquis{margin-top:0px !important;padding-top:0px !important;}
#cerrar-panel-posts,#cerrar-panel-escom{position:sticky;top:0px;left:1px;padding:7px 10px 14px 5px !important;border:1px solid #000000;width:32px;height:40px;text-align:center;background:#FFFFFF;filter:invert(100);z-index:99999;}
#cerrar-panel-escom{display:inline;float:left;}
#headerVideoPost{display:none;clear:both;width:100%;margin-top:-40px;margin:bottom:20px;}
.fleft {display:inline-block !important;float:left !important;}
.w100 {width:100px !important;}
.w125 {width:125px !important;}
.w150 {width:150px !important;}
.w100_150{width:calc(100% - 150px);}
.p-2{padding:20px 20px;}
.pb-3{padding-bottom:30px;}
.mt-0{margin-top:0px !important;}
.pt-0{margin-top:0px !important;}
.px-2{padding-left:0px !important;padding-right:0px !important;}

.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.centered{display:flex;justify-items: center;align-items: center;}


.caja_publicidad {display:block;clear:both;width:auto;border:none !important;margin:0px auto;/* border-radius:8px 8px 0px 0px; */}
.caja_publicidad img{border-radius:0px 0px 0px 0px !important;}
/* .caja_publicidad::before{display:block;content:"PATROCINADOR";font-size:9.5px;line-height:1.3;background:#000000;color:#ffffff;margin:0px auto;border-radius: 8px 8px 0px 0px;padding:5px 0px;} */
.d300x250 {display:block;clear:both;width:300px;height:250px;}
.d320x100 {display:block;clear:both;width:320px;height:100px;}
#panelIntersticial.panel{background: rgba(0, 0, 0, 0.40) !important;left:-2000px;text-align:center;padding-top:calc(100% - 125px) !important;opacity:0;transition: opacity 0.2,position 1.0;}


section#bloque-portada-1,section#bloque-portada-2,section#bloque-portada-3,section#bloque-turismo-1,section#bloque-turismo-2,section#bloque-turismo-3,section#bloque-noticias-1,section#bloque-noticias-2,section#bloque-noticias-3,section#bloque-vida-1,section#bloque-vida-2,section#bloque-vida-3,section#bloque-entretenimiento-1,section#bloque-entretenimiento-2,section#bloque-entretenimiento-3,section#bloque-deportes-1,section#bloque-deportes-2,section#bloque-deportes-3,section#bloque-dinero-y-negocios-1,section#bloque-dinero-y-negocios-2,section#bloque-dinero-y-negocios-3 {display:block;clear:both;width:100%;margin:0px 0px;}
article.card-noticia img.responsive{border-radius:12px 12px 0px 0px !important;width:100%;height:auto;}
article.card-noticia .metadata{padding:10px 10px;}
article.card-noticia,article.card-noticia-small{display:block;clear:both;margin:20px auto;width:100%;max-width:600px;border:1px solid #c0c0c0;border-radius:12px;}
article.card-noticia h1{font-size:1.3em;letter-spacing:-0.02em;line-height:1.2;margin-top:5px;margin-bottom:10px;}
article.card-noticia p{line-height:1.4;color:#555555;margin:0px 0px 8px 0px;}
article.card-noticia-small{display:flex;max-height:150px !important;overflow:hidden !important;}
article.card-noticia-small h1{font-size:0.9em;letter-spacing:-0.008em;line-height:1.25;margin-top:5px;margin-bottom:5px;}
article.card-noticia-small p{display:none;}
article.card-noticia-small .metadata{padding-left:10px;padding-right:10px;}
article.card-noticia-small img.responsive{border-radius:12px 0px 0px 12px !important;width:100%;height:auto;}
article.card-noticia-small .content-text{display:flex;display:flex !important;align-items:center;}
.category-label{font-size: 0.8rem; color: #6e50e4;border: 1px solid #6e50e4;padding: 3px 5px;border-radius:4px;font-size:13px;font-weight:700;text-transform: none !important;}
article.detalle-post .head-post span.date, article .metadata span.date{color:#777777;font-size:13px;margin-left:5px;}
.swiperEscomApp .swiper-slide{padding:0px 10px;}
article .metadata{position:relative;}
#bloque-portada-1,#bloque-portada-2,#bloque-portada-4{min-height:900px;}
#bloque-portada-3{min-height:1400px;}

.text-dark{color:#000000;}

/* CLIMA */
#panelClima{padding:0px 0px;margin:0px 0px;}
.card-clima{display:flex;padding:15px 15px;}
.card-clima p{line-height:1.35;}
.card-clima.1,.card-clima.3,.card-clima.5,.card-clima.7,.card-clima.9,.card-clima.11{display:flex;justify-items:center;background:#f3f3f3;border-bottom:1px solid #c0c0c0;}
.card-clima.2,.card-clima.4,.card-clima.6,.card-clima.8,.card-clima.10,.card-clima.12{display:flex;justify-items:center;background:#efefef;border-bottom:1px solid #c0c0c0;}

/* --- DEFINICIÓN DE LAS ANIMACIONES DEL CLIMA--- */

/* Animación 1: Flotar suavemente arriba y abajo */
@keyframes flotarSuave {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-8px); } /* Sube 8 pixeles */
    100% { transform: translateY(0px); } /* Baja de nuevo */
}

/* Animación 2: Girar lentamente sobre su eje */
@keyframes girarLento {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* --- ESTILOS BASE DEL ÍCONO --- */
.card-clima .col-sm-4 svg {
    /* Tamaño grande que pediste */
    width: 125px !important;
    height: 125px !important;
    stroke-width: 1 !important;
    /* Opcional: Si quieres que usen el color morado de tu marca, descomenta esto: */
    /* color: #6e50e4; */
    
    display: block;
    margin: 0 auto;
    
    /* Importante para que el giro sea desde el centro */
    transform-origin: center center;
}

/* --- APLICACIÓN DE LAS ANIMACIONES --- */

/* Aplica a nubes, lluvia, luna, etc. */
.icono-flotante svg {
    /* Nombre | Duración | Tipo de movimiento | Repetición */
    animation: flotarSuave 3s ease-in-out infinite;
}

/* Aplica solo al sol cuando es de día */
.icono-giratorio svg {
    /* Usamos 'linear' para que el giro sea constante sin acelerones */
    animation: girarLento 12s linear infinite;
}


.icons {display:inline-block;width:22px;height:24px;background:url('images/icons.svg');background-repeat:no-repeat;}
.icons.home{background-position:0px 0px;}
.icons.video{background-position:-32px 0px;}
.icons.read_later{background-position:-64px 0px;}
.icons.configuration{background-position:-96px 0px;}
.icons.clima{background-position:-128px 0px;}
.icons.share{background-position:-160px 0px;}
.icons.back{background-position:-192px 0px;}
.icons.weather{width:90px;height:90px;}
.icons.weather.clima113{background-position:0px -24px !important;}
.icons.weather.clima116{background-position:-100px -24px !important;}

/* SplashScreen */
#splashscreen{position:fixed;display:flex;left:0px;top:0px;background:#ffffff;color:#000000;padding:10px 10px;justify-items: center;align-items: center;justify-content: center;width:100%;height:100vh;z-index:9999999999 !important;opacity:1;transition-property:opacity;transition-duration:450ms;}
#splashscreen .patrocinador{display:flex;position:absolute;right:15px;bottom:15px;padding-top:7px;font-size:11px;font-weight:600;color:#666666;}
#splashscreen .patrocinador img{display:inline-block;margin-top:-2px;height:18px;width:auto !important;}
#splashscreen img.filter-invert{filter:invert(100);}

.btnCerrarPublicidad,.btnEliminarItem{display:inline-block;width:26px;height:26px;background:#FFFFFF url('images/icon-cerrar.png');background-repeat: no-repeat;cursor:pointer;position:absolute;right:0px;top:0px;background-size:16px 16px;z-index:99999999;background-position: center;}
.btnEliminarItem{top:-6px;filter:invert(100);}

.tooltip-guardado {
    position: fixed;
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    z-index: 9999999;
    pointer-events: none; /* No estorba si intentas hacer clic de nuevo */
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(10px);
}

.tooltip-guardado.show {
    opacity: 1;
    transform: translateY(0);
}

/* La flechita del tooltip */
.tooltip-guardado:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.link-interno-escom { display: block;clear: both;padding: 10px 10px;border: 1px solid var(--color-primario) !important;color: var(--color-primario);font-weight: 700;line-height: 1.3;background: #fcfcfc; }
.link-externo-escom { display: block;clear: both;padding: 10px 10px;border: 1px solid var(--color-primario) !important;color: var(--color-primario);font-weight: 700;line-height: 1.3;background: #fcfcfc; }
.cuerpo-post > h2,.cuerpo-post > h3{font-size: 1.25em !important;line-height: 1.35 !important;}
.cuerpo-post > h4{font-size: 1.1em !important;line-height: 1.3 !important;}
.cuerpo-post figure img {border-radius:0px !important;}
.cuerpo-post ul,.cuerpo-post ol{width:calc(100% - 1em) !important;}

/* Equivalentes bootstrap */
.mt-1 {margin-top:0.33rem !important;}
.mt-2 {margin-top:0.66rem !important;}
.mt-3 {margin-top:1rem !important;}


.swal2-container {
    z-index: 9999999999 !important;
}


.header-sticky{position:sticky !important;top:0px;left:0px !important;z-index:9999999;}
.fav-item{width:33.33333333%;background:#6e50e4;color:#FFFFFF;padding:7px 10px;text-align:center;}
#barra-favoritos{display:flex;width:100%;padding:0px 0px;}
.borde-lateral-blanco{border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.boxFavoritos{display:block;clear:both;width:100%;height:100%;}

.contenedorUtilitario .card-item .bloque-texto{position:relative;}
.contenedorUtilitario .card-item .bloque-texto .icons.read_later{position:absolute;bottom:10px;right:12px;}

#favEventos .card-item{position:relative;display:block;clear:both;width:100%;margin:0px 0px 20px 0px !important;}
#favEventos .bloque-texto {position:relative;}


/* Configuracion fuentes */
body.fuente-grande{font-size:19px !important;}

.border-bottom-escom{border-bottom:1px solid #6e50e4;padding-bottom:7px;margin-bottom:15px; }

.mini-escudo{display:inline-block;width:32px;height:32px;} 
.normal-escudo{display:inline-block;width:90px;height:90px;} 
table.table-posiciones{width:calc(100% - 20px);margin:0px auto;padding-bottom:20px;}
table.table-posiciones tbody tr td,table.table-posiciones tbody tr th{text-align:right;vertical-align:middle !important;}
table.table-posiciones tbody tr td{text-align:right;vertical-align:middle !important;border-bottom:1px solid #cccccc;padding:3px 0px;}
table.table-posiciones tbody tr td.team{display: flex;align-items:center;gap:10px;text-align:left !important;border-bottom:1px solid #cccccc;}
table.table-posiciones tbody tr td.head-equipo,table.table-posiciones tbody tr th.head-equipo{text-align:left !important;}

table.resultados-partidos{width:calc(100% - 20px);margin:0px auto;padding-bottom:20px;}
table.resultados-partidos tbody tr td.equipo-left{text-align:right !important;}
table.resultados-partidos tbody tr td.equipo-left,table.resultados-partidos tbody tr td.equipo-right{font-weight:600;display:flex;align-items:center;gap:10px;padding-top:7px;}
table.resultados-partidos tbody tr td.equipo-left{float:right !important;}
table.resultados-partidos tbody tr td.score {font-weight:900;font-size:21px;text-align: center;}
table.resultados-partidos tbody tr td.detalle-partido{text-align:center;color:#999999;font-size:15px;padding-bottom:8px;border-bottom:1px solid #cccccc;}

.resultado-card .equipos{display:flex;align-items:center;}

p.titulo-item-utilitario { color: #6e50e4 !important; margin: 20px auto 0px auto !important; font-weight: 700; font-size: 17px !important; }
.border-bottom-negro { border-bottom: 1px solid black !important; }
table.table.table-bordered {width:100%;margin:10px auto;}
.fw-bold{font-weight:700;}
.caja_modulo_appescom table.table.table-bordered{ width:calc(100% - 20px); }
.py-2{padding-top:20px !important;padding-bottom:20px !important;}
.pb-2{padding-bottom:20px !important;}
.mt-1{margin-top:10px !important;}



/* Contenedor principal para favoritos de videos */
#favVideos {background: #000000 !important;position:relative;height:auto !important;min-height:100%;}
/* Las cajas de los videos */
#favVideos article.card-video { box-sizing: border-box;background: #333;border-radius: 8px;padding: 0px;overflow: hidden;margin-bottom:25px;border:2px solid #cccccc;}
#favVideos article.card-video .metadata {position: absolute;display: block;clear: both;width: 100%;height: auto;padding: 90px 15px 30px 15px;background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));bottom: 0px;left: 0px;z-index: 99999;}
#favVideos article.card-video .metadata h1 { color: #ffffff;font-size: 1.3em;line-height: 1.1;margin: 0px 0px 8px 0px;width: calc(100% - 32px);}
#favVideos article.card-video .metadata p { color: #cccccc;font-size: 0.8em;line-height: 1.25;margin: 0px 0px;width: calc(100% - 32px); }
#favVideos article.card-video .metadata span.btnEliminarItem {top:90px;}

@media only screen and (min-width: 681px) {
  header { left:calc((100% - 680px)/2) !important;margin-left:auto !important;margin-right:auto !important;  }
  main { position:relative !important;float:none !important;display:block !important;box-sizing: border-box;margin-left:auto !important;margin-right:auto !important;width:680px !important;max-width:680px !important;border-left:1px solid #000000;border-right:1px solid #000000; }
  footer { left:calc((100% - 680px)/2) !important;margin-left:auto !important;margin-right:auto !important;border-left:1px solid #000000;border-right:1px solid #000000; }
  #boxPost{ max-width:680px !important;margin-left:auto !important;margin-right:auto !important;border-left:1px solid #000000;border-right:1px solid #000000; }
  #panelVideos .swiper.swiperReels{ max-width:680px !important;margin-left:auto !important;margin-right:auto !important;border-left:1px solid #000000;border-right:1px solid #000000; }
  #panelLeerDespues .boxFavoritos{ max-width:680px !important;margin-left:auto !important;margin-right:auto !important;border-left:1px solid #000000;border-right:1px solid #000000; }
  #panelConfiguracion .caja-configuraciones{ max-width:680px !important;margin-left:auto !important;margin-right:auto !important; }
  .panel{border-left:1px solid #000000;border-right:1px solid #000000;}
  body{background:#ffffff;width:100% !important;max-width:100% !important;}
  #panelIntersticial.panel{position:relative !important;float:none !important;display:block !important;box-sizing: border-box;top:0px;text-align:center;padding-top:calc(100% - 125px) !important;opacity:0;transition: opacity 0.2,position 1.0;}
  #cerrar-panel-posts,#cerrar-panel-escom{position:sticky;left:calc((100% - 680px)/2) !important;width:60px;height:40px;text-align:center;display:inline-block; }
  .swiperYoAmoSv .swiper-slide .card-foto img{ width:100% !important;min-width:100% !important;height:auto !important; }
  /* Para videos */
  #panelVideos .swiper.swiperReels .swiper-wrapper{display:block !important;width:calc((100dvh - 60px) * 9 / 16) !important;height:calc(100dvh - 60px) !important;aspect-ratio: 9/16 !important;background: #000;overflow:hidden !important;margin:0px auto !important; }
  #panelVideos .swiper.swiperReels .swiper-wrapper .swiper-slide { width:calc((100dvh - 60px) * 9 / 16) !important;height:calc(100dvh - 60px) !important;aspect-ratio: 9/16 !important; margin: 0 auto;max-width:100%;background: #000;overflow:hidden !important; }
  .plataforma-ios #panelVideos .swiper.swiperReels article.card-video{width:100%;max-width:100%;overflow:hidden;}
}