@charset "UTF-8";

@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}:root { --wp-color-white: #fff;
--wp-color-black: #000;
--wp-color-gray-0: #f6f7f7;
--wp-color-gray-2: #f0f0f1;
--wp-color-gray-5: #dcdcde;
--wp-color-gray-10: #c3c4c7;
--wp-color-gray-20: #a7aaad;
--wp-color-gray-30: #8c8f94;
--wp-color-gray-40: #787c82;
--wp-color-gray-50: #646970;
--wp-color-gray-60: #50575e;
--wp-color-gray-70: #3c434a;
--wp-color-gray-80: #2c3338;
--wp-color-gray-90: #1d2327;
--wp-color-gray-100: #101517;
--wp-color-blue-0: #f0f6fc;
--wp-color-blue-5: #c5d9ed;
--wp-color-blue-10: #9ec2e6;
--wp-color-blue-20: #72aee6;
--wp-color-blue-30: #4f94d4;
--wp-color-blue-40: #3582c4;
--wp-color-blue-50: #2271b1;
--wp-color-blue-60: #135e96;
--wp-color-blue-70: #0a4b78;
--wp-color-blue-80: #043959;
--wp-color-blue-90: #01263a;
--wp-color-blue-100: #00131c;
--wp-color-red-0: #fcf0f1;
--wp-color-red-5: #facfd2;
--wp-color-red-10: #ffabaf;
--wp-color-red-20: #ff8085;
--wp-color-red-30: #f86368;
--wp-color-red-40: #e65054;
--wp-color-red-50: #d63638;
--wp-color-red-60: #b32d2e;
--wp-color-red-70: #8a2424;
--wp-color-red-80: #691c1c;
--wp-color-red-90: #451313;
--wp-color-red-100: #240a0a;
--wp-color-yellow-0: #fcf9e8;
--wp-color-yellow-5: #f5e6ab;
--wp-color-yellow-10: #f2d675;
--wp-color-yellow-20: #f0c33c;
--wp-color-yellow-30: #dba617;
--wp-color-yellow-40: #bd8600;
--wp-color-yellow-50: #996800;
--wp-color-yellow-60: #755100;
--wp-color-yellow-70: #614200;
--wp-color-yellow-80: #4a3200;
--wp-color-yellow-90: #362400;
--wp-color-yellow-100: #211600;
--wp-color-green-0: #edfaef;
--wp-color-green-5: #b8e6bf;
--wp-color-green-10: #68de7c;
--wp-color-green-20: #1ed14b;
--wp-color-green-30: #00ba37;
--wp-color-green-40: #00a32a;
--wp-color-green-50: #008a20;
--wp-color-green-60: #007017;
--wp-color-green-70: #005c12;
--wp-color-green-80: #00450c;
--wp-color-green-90: #003008;
--wp-color-green-100: #001c05; --lex-color-brand-primary: #3858E9;
--lex-color-brand-primary-hover: #1D35B4;
--lex-color-brand-primary-light: color-mix(in srgb, var(--lex-color-brand-primary) 10%, transparent);
--lex-color-brand-primary-glow: color-mix(in srgb, var(--lex-color-brand-primary) 20%, transparent);
--lex-color-brand-pro-end: #9A2ECB;
--lex-color-apple-blue: #0071e3;
--lex-color-apple-label-secondary: #6e6e73; --lex-space-0: 0;
--lex-space-1: 4px;
--lex-space-2: 8px;
--lex-space-3: 12px;
--lex-space-4: 16px;
--lex-space-5: 20px;
--lex-space-6: 24px;
--lex-space-8: 32px; --lex-font-size-xs: 11px;
--lex-font-size-sm: 12px;
--lex-font-size-apple-field-desc: var(--lex-font-size-sm);
--lex-font-size-md: 13px;
--lex-font-size-base: 14px;
--lex-font-size-lg: 16px;
--lex-font-size-xl: 18px;
--lex-font-size-2xl: 20px;
--lex-font-size-3xl: 24px;
--lex-font-weight-normal: 400;
--lex-font-weight-medium: 500;
--lex-font-weight-semibold: 600;
--lex-font-weight-bold: 700; --lex-radius-xs: 3px;
--lex-radius-sm: 4px;
--lex-radius-md: 8px;
--lex-radius-lg: 12px;
--lex-radius-xl: 16px; --lex-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
--lex-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--lex-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12); --lex-transition-fast: 0.15s ease;
--lex-transition-base: 0.2s ease;
--lex-transition-slow: 0.3s ease; --lex-layout-max-width: 1600px; --lex-wp-adminbar-height: 32px;
--lex-nav-header-height: 64px;
--lex-sticky-top: calc(var(--lex-wp-adminbar-height) + var(--lex-nav-header-height));
--lex-scroll-gap: 100px; }:root {
--lpl-player-notice-bg: #1AAFFF;
--lpl-video-radius: 12px;
--lpl-portrait-max-height: 70vh;
}
.lpl-player-wrap{ width: 100%; 
} .lpl-player-wrap.lpl-audio[data-lpl-player-layout="minimal"]{
width: auto;
} video.lpl-player--video,
.plyr__video-embed.lpl-player--video {
aspect-ratio: var(--lpl-ratio, 16 / 9);
width: 100%;
height: auto;
} .lpl-player-wrap.lpl-video {
border-radius: var(--lpl-video-radius);
overflow: hidden;
} .lpl-player-wrap.lpl-video.is-portrait {
max-width: calc(var(--lpl-portrait-max-height, 70vh) * var(--lpl-ratio-num, 0.5625));
margin-inline: auto;
} .lpl-player-wrap.lpl-video.is-portrait .plyr__poster {
background-size: cover;
} .plyr {
--plyr-range-thumb-background: var(--plyr-color-main, #00b2ff);
}
.plyr__controls input[type=range]::-webkit-slider-runnable-track{
box-shadow: none;
}
.plyr--audio .plyr__controls{
background: transparent;
}
.lpl-not-found{
text-align: center;
background: var(--lpl-player-notice-bg, var(--lex-color-brand-primary));
color: var(--wp-color-white);
padding-block: var(--lex-space-4, 16px);
padding-inline: var(--lex-space-0, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .lpl-player-wrap.lpl-audio{ --lpl-audio-radius:   12px; 
--lpl-audio-thumb-radius: 6px;
--lpl-audio-thumb-size:   64px;
--lpl-audio-gap:      12px;
--lpl-audio-pad-x:    16px;
--lpl-audio-pad-y:    12px;
--lpl-audio-title-size: 13px;
--lpl-audio-title-weight: 600;
--lpl-audio-info-gap: 6px; --lpl-audio-bg:       #ffffff;
--lpl-audio-text:     #1a1d23;
--lpl-audio-border:   #e2e4e7;
--lpl-audio-shadow:   0 1px 4px rgba(0, 0, 0, 0.06);
--lpl-audio-backdrop: none;
}
.lpl-player-wrap.lpl-audio.has-poster{ display: flex;
align-items: center;
gap: var(--lpl-audio-gap);
padding: var(--lpl-audio-pad-y) var(--lpl-audio-pad-x);
border: 1px solid var(--lpl-audio-border);
border-radius: var(--lpl-audio-radius);
background: var(--lpl-audio-bg);
box-shadow: var(--lpl-audio-shadow);
backdrop-filter: var(--lpl-audio-backdrop);
color: var(--lpl-audio-text);
}
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="classic"],
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="modern"],
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="simple"],
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="floating"],
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="minimal"]{
padding: var(--lpl-audio-pad-y) var(--lpl-audio-pad-x);
border: 1px solid var(--lpl-audio-border);
border-radius: var(--lpl-audio-radius);
} .lpl-playlist--audio .lpl-player-wrap.lpl-audio[data-lpl-player-layout]{
display: grid;
} .lpl-player-wrap.lpl-audio[data-skin="dark"] {
--lpl-audio-bg:     #1a1d23;
--lpl-audio-text:   #e0e3ea;
--lpl-audio-border: #2e3138;
--lpl-audio-shadow: 0 2px 8px rgba(0, 0, 0, 0.40);
--plyr-color-main:            #60a5fa;
--plyr-audio-control-color:   #9ca3af;
--plyr-audio-controls-background: transparent;
--plyr-range-fill-background: #60a5fa;
--plyr-range-thumb-background: #60a5fa;
} .lpl-player-wrap.lpl-audio[data-skin="glass"] {
--lpl-audio-bg:       rgba(255, 255, 255, 0.55);
--lpl-audio-text:     #1a1d23;
--lpl-audio-border:   rgba(255, 255, 255, 0.50);
--lpl-audio-shadow:   0 4px 24px rgba(0, 0, 0, 0.08);
--lpl-audio-backdrop: blur(12px);
} .lpl-player-wrap.lpl-audio img.lpl-audio-poster {
flex-shrink: 0;
width: var(--lpl-audio-thumb-size);
height: var(--lpl-audio-thumb-size);
border-radius: var(--lpl-audio-thumb-radius);
object-fit: cover;
align-self: center;
} .lpl-audio-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--lpl-audio-info-gap);
} .lpl-player-wrap.lpl-audio > .plyr {
flex: 1;
min-width: 0;
} .lpl-audio-title {
font-size: var(--lpl-audio-title-size);
font-weight: var(--lpl-audio-title-weight);
line-height: 1.2;
margin: 0;
color: var(--lpl-audio-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .lpl-player-wrap.lpl-audio.has-poster .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio.has-title .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="classic"] .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="modern"] .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="simple"] .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="floating"] .plyr--audio .plyr__controls,
.lpl-player-wrap.lpl-audio[data-lpl-player-layout="minimal"] .plyr--audio .plyr__controls {
padding: 0;
background: transparent;
} .theme-customify .plyr [data-plyr=airplay],
.theme-customify .plyr [data-plyr=captions],
.theme-customify .plyr [data-plyr=fullscreen],
.theme-customify .plyr [data-plyr=pip],
body.theme-customify .elementor-widget-vapfem_audio_player .plyr__control--overlaid{
display: none;
}
.theme-customify .plyr--full-ui input[type=range]{
box-shadow: none;
} body.wp-theme-astra .plyr__menu button[data-plyr="speed"]:focus {
background-color: unset;
}  .elementor-element[class*="wpr-"] .lpl-audio .plyr__control svg {
display: block;
}
.elementor-element[class*="wpr-"] .lpl-audio .plyr__control.plyr__control--pressed svg.icon--not-pressed,
.elementor-element[class*="wpr-"] .lpl-audio .plyr__control:not(.plyr__control--pressed) svg.icon--pressed {
display: none;
} .lpl-player-wrap.lpl-player-wrap::before,
.lpl-player-wrap.lpl-player-wrap::after,
.lpl-playlist.lpl-playlist::before,
.lpl-playlist.lpl-playlist::after,
.lpl-playlist-wrap.lpl-playlist-wrap::before,
.lpl-playlist-wrap.lpl-playlist-wrap::after,
.lpl-player-wrap div:not(.plyr, .plyr *)::before,
.lpl-player-wrap div:not(.plyr, .plyr *)::after,
.lpl-playlist div:not(.plyr, .plyr *)::before,
.lpl-playlist div:not(.plyr, .plyr *)::after {
content: none;
}  .plyr .plyr__control--overlaid {
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
}
.plyr .plyr__progress {
margin-right: var(--plyr-range-thumb-height, 13px);
}
.plyr .plyr__progress__buffer {
margin: calc(var(--plyr-range-track-height, 5px) / 2 * -1)
calc(var(--plyr-range-thumb-height, 13px) / 2 * -1) 0;
}
.plyr .plyr__tooltip {
padding: calc(var(--plyr-control-spacing, 10px) / 2)
calc(var(--plyr-control-spacing, 10px) / 1.333);
margin-bottom: var(--plyr-control-spacing, 10px);
}
.plyr .plyr__menu__container {
margin-bottom: var(--plyr-control-spacing, 10px);
}  .lpl-audio[data-lpl-player-layout="classic"] .plyr__controls [data-plyr="play"],
.lpl-audio[data-lpl-player-layout="modern"] .plyr__controls [data-plyr="play"],
.lpl-audio[data-lpl-player-layout="simple"] .plyr__controls [data-plyr="play"],
.lpl-audio[data-lpl-player-layout="floating"] .plyr__controls [data-plyr="play"],
.lpl-audio[data-lpl-player-layout="minimal"] .plyr__controls [data-plyr="play"] {
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, #00b2ff));
color: var(--plyr-audio-control-color-hover, #fff);
}  [data-lpl-player-layout="modern"] .plyr__controls {
flex-wrap: wrap;
gap: 5px;
}
[data-lpl-player-layout="modern"] .plyr__progress__container {
order: -1;
flex: 0 0 100%;
padding-left: 0;
}
[data-lpl-player-layout="modern"] .plyr__controls .plyr__controls__item:first-child {
margin-right: 0;
}
[data-lpl-player-layout="modern"] .plyr__controls .plyr__controls__item.plyr__time {
margin-right: auto;
} .lpl-audio[data-lpl-player-layout="simple"] {
--plyr-control-spacing: 8px;
} .lpl-video[data-lpl-player-layout="floating"] .plyr__controls {
position: absolute;
left: 10px;
right: 10px;
bottom: 25px;
display: flex;
align-items: center;
gap: 6px;
background: rgba(20, 20, 25, 0.55);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 5px;
padding: 6px 6px;
box-shadow: 0 8px 24px rgba(0,0,0,0.35);
transform: translateY(10px) scale(0.98);
transition: opacity 0.25s ease, transform 0.25s ease;
} .lpl-video[data-lpl-player-layout="minimal"] .plyr__controls {
display: none;
}
.lpl-audio[data-lpl-player-layout="minimal"] {
--plyr-audio-controls-background: transparent;
--plyr-control-icon-size: 28px;
--plyr-control-spacing: 18px;
}
.lpl-audio[data-lpl-player-layout="minimal"] .plyr__controls {
justify-content: center;
padding: 0;
}
.lpl-audio[data-lpl-player-layout="minimal"] .plyr__controls__item {
margin: 0 auto;
} .lpl-player-notice,
.lpl-player__error {
padding: 12px 16px;
background: var(--lpl-notice-bg, #f8d7da);
border: 1px solid var(--lpl-notice-border, #f5c6cb);
color: var(--lpl-notice-text, #721c24);
border-radius: 4px;
margin-top: 8px;
font-size: 14px;
line-height: 1.5;
}
.lpl-player-notice__text {
margin: 0;
}
.lpl-player-notice .lpl-player-notice__text {
margin-bottom: 8px;
}
.lpl-player-notice__retry {
display: inline-block;
padding: 6px 14px;
border: 1px solid currentColor;
border-radius: 4px;
background: transparent;
color: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
}
.lpl-player-notice__retry:hover {
background: rgba(0, 0, 0, 0.06);
}.hcr-filtro-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 20px;
} .hcr-filtro-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
margin:  0 !important;
background: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 2px 12px rgba(30, 58, 138, 0.1) !important;
overflow: hidden !important;
border: 1px solid #e2e8f0 !important;
position: relative !important;
width: 100% !important;
box-sizing: border-box !important;
} .hcr-filtro-inline-help {
font-size: 11.5px !important;
line-height: 1.35 !important;
color: #374151 !important;
background: #f9fafb !important;
border: 1px solid #e5e7eb !important;
border-radius: 6px !important;
padding: 6px 10px 10px 10px !important;
margin: 8px 0 18px 0 !important;
max-width: 880px !important;
font-weight: 500 !important;
position: relative !important;
}
.hcr-filtro-inline-help strong { color: #111827 !important; font-weight: 600 !important; }
.hcr-filtro-inline-help em { font-style: normal !important; background: #fff3cd !important; padding: 1px 4px !important; border-radius: 4px !important; }
.hcr-help-toggle { background: none !important; border: none !important; padding: 4px 4px 4px 6px !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 600 !important; color: #1f2937 !important; width: 100% !important; text-align: left !important; }
.hcr-help-toggle:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(245,158,11,0.35) inset, 0 0 0 3px rgba(255,255,255,0.6) !important; border-radius:4px !important; }
.hcr-help-toggle:focus-visible { outline: none !important; }
.hcr-help-toggle:hover .hcr-help-title { color: #111827 !important; }
.hcr-help-eye { display: inline-flex !important; color: #f59e0b !important; }
.hcr-help-chevron { margin-left: auto !important; transition: transform .25s ease !important; color: #6b7280 !important; }
.hcr-help-toggle[aria-expanded="true"] .hcr-help-chevron { transform: rotate(180deg) !important; }
.hcr-help-content { margin-top: 6px !important; animation: hcrFade .25s ease; }
@keyframes hcrFade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.hcr-help-columns { display: flex !important; gap: 22px !important; flex-wrap: wrap !important; }
.hcr-help-col { flex: 1 1 150px ; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.hcr-help-item { position: relative !important; padding-left: 12px !important; line-height: 1.35 !important; }
.hcr-help-item:before { content: '•'; position: absolute; left: 0; top: 0; color: #f59e0b; font-weight: 700; }
.hcr-help-tip { margin: 10px 0 0 0 !important; font-size: 11px !important; color: #4a3410 !important; background: #fff7e6 !important; border: 1px solid #fcd34d !important; padding: 6px 8px !important; border-radius: 5px !important; box-shadow: 0 0 0 2px rgba(251,191,36,0.15) !important; }
@media (max-width: 680px) { .hcr-filtro-inline-help { font-size: 11px !important; } .hcr-help-columns { flex-direction: column !important; gap: 12px !important; } } .hcr-filtro-container *,
.hcr-filtro-container *::before,
.hcr-filtro-container *::after {
box-sizing: border-box !important;
}
.hcr-filtro-container input,
.hcr-filtro-container select,
.hcr-filtro-container button,
.hcr-filtro-container label {
margin: 0 !important;
font-family: inherit !important;
} .hcr-filtro-container .hcr-filtro-wrapper,
.hcr-filtro-wrapper {
background: #f8fafc !important;
padding: 30px !important;
color: #374151 !important;
border-bottom: 1px solid #e5e7eb !important;
}
.hcr-filtro-container .hcr-filtro-form,
.hcr-filtro-form {
max-width: 1200px !important;
margin: 0 auto !important;
} .hcr-filtro-container .hcr-filtro-grid,
.hcr-filtro-form .hcr-filtro-grid,
.hcr-filtro-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-template-rows: repeat(2, auto) !important;
gap: 25px 30px !important;
margin-bottom: 30px !important;
width: 100% !important;
}
@media (max-width: 768px) {
.hcr-filtro-container .hcr-filtro-grid,
.hcr-filtro-form .hcr-filtro-grid,
.hcr-filtro-grid {
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
gap: 20px !important;
}
} .hcr-filtro-container .hcr-filtro-field,
.hcr-filtro-form .hcr-filtro-field {
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
.hcr-filtro-container .hcr-filtro-field label,
.hcr-filtro-form .hcr-filtro-field label,
.hcr-filtro-container .hcr-filtro-label,
.hcr-filtro-form .hcr-filtro-label,
label.hcr-filtro-label {
font-weight: 600 !important;
font-size: 13px !important;
color: #374151 !important; letter-spacing: 0.3px !important;
margin-bottom: 2px !important;
display: block !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
text-align: left !important;
} .hcr-filtro-container .hcr-filtro-input,
.hcr-filtro-container .hcr-filtro-select,
.hcr-filtro-container .hcr-filtro-date,
.hcr-filtro-form .hcr-filtro-input,
.hcr-filtro-form .hcr-filtro-select,
.hcr-filtro-form .hcr-filtro-date,
input.hcr-filtro-input,
select.hcr-filtro-select,
input.hcr-filtro-date {
width: 100% !important;
padding: 12px 15px !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
background: #ffffff !important;
color: #374151 !important;
font-size: 14px !important;
font-weight: 500 !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
line-height: 1.4 !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
text-align: left !important;
vertical-align: top !important;
}
.hcr-filtro-container .hcr-filtro-input::placeholder,
.hcr-filtro-form .hcr-filtro-input::placeholder,
input.hcr-filtro-input::placeholder {
color: #9ca3af !important;
opacity: 1 !important;
}
.hcr-filtro-container .hcr-filtro-input:focus,
.hcr-filtro-container .hcr-filtro-select:focus,
.hcr-filtro-container .hcr-filtro-date:focus,
.hcr-filtro-form .hcr-filtro-input:focus,
.hcr-filtro-form .hcr-filtro-select:focus,
.hcr-filtro-form .hcr-filtro-date:focus,
input.hcr-filtro-input:focus,
select.hcr-filtro-select:focus,
input.hcr-filtro-date:focus {
outline: none !important;
border-color: #f59e0b !important;
background: #ffffff !important;
box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15) !important;
} .hcr-filtro-container .hcr-filtro-select,
.hcr-filtro-form .hcr-filtro-select,
select.hcr-filtro-select {
cursor: pointer !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231e3a8a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
background-position: right 12px center !important;
background-repeat: no-repeat !important;
background-size: 16px !important;
padding-right: 40px !important;
}
.hcr-filtro-container .hcr-filtro-select option,
.hcr-filtro-form .hcr-filtro-select option,
select.hcr-filtro-select option {
background: #fff !important;
color: #1e3a8a !important;
padding: 10px !important;
} .hcr-filtro-container .hcr-filtro-date-range,
.hcr-filtro-form .hcr-filtro-date-range {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.hcr-filtro-container .hcr-date-separator,
.hcr-filtro-form .hcr-date-separator {
color: #f59e0b !important;
font-weight: 600 !important;
font-size: 14px !important;
user-select: none !important;
}
.hcr-filtro-container .hcr-filtro-date,
.hcr-filtro-form .hcr-filtro-date,
input.hcr-filtro-date {
flex: 1 !important;
color-scheme: light !important;
}
.hcr-filtro-container .hcr-filtro-date::-webkit-calendar-picker-indicator,
.hcr-filtro-form .hcr-filtro-date::-webkit-calendar-picker-indicator,
input.hcr-filtro-date::-webkit-calendar-picker-indicator {
filter: none !important;
opacity: 0.7 !important;
cursor: pointer !important;
} .hcr-filtro-container .hcr-filtro-actions,
.hcr-filtro-form .hcr-filtro-actions {
display: flex !important;
gap: 12px !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
flex-direction: row-reverse !important; padding: 20px 25px !important;
background: #f8fafc !important;
}
.hcr-filtro-container .hcr-filtro-btn,
.hcr-filtro-form .hcr-filtro-btn,
button.hcr-filtro-btn,
input.hcr-filtro-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 12px 24px !important;
border: none !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
letter-spacing: 0.5px !important;
min-width: 120px !important;
justify-content: center !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
text-align: center !important;
vertical-align: middle !important;
box-sizing: border-box !important;
}
.hcr-filtro-container .hcr-filtro-btn-primary,
.hcr-filtro-form .hcr-filtro-btn-primary,
button.hcr-filtro-btn-primary,
input.hcr-filtro-btn-primary {
background: linear-gradient(135deg, #f59e0b, #d97706) !important;
color: #000000 !important;
border: 1px solid #f59e0b !important;
}
.hcr-filtro-container .hcr-filtro-btn-primary:hover,
.hcr-filtro-form .hcr-filtro-btn-primary:hover,
button.hcr-filtro-btn-primary:hover,
input.hcr-filtro-btn-primary:hover {
background: linear-gradient(135deg, #d97706, #b45309) !important;
border-color: #d97706 !important;
color: #000000 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
}
.hcr-filtro-container .hcr-filtro-btn-secondary,
.hcr-filtro-form .hcr-filtro-btn-secondary,
button.hcr-filtro-btn-secondary,
input.hcr-filtro-btn-secondary {
background: white !important;
color: #000000 !important;
border: 1px solid #d1d5db !important;
}
.hcr-filtro-container .hcr-filtro-btn-secondary:hover,
.hcr-filtro-form .hcr-filtro-btn-secondary:hover,
button.hcr-filtro-btn-secondary:hover,
input.hcr-filtro-btn-secondary:hover {
background: #f9fafb !important;
border-color: #9ca3af !important;
color: #000000 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
.hcr-filtro-container .hcr-btn-icon,
.hcr-filtro-form .hcr-btn-icon {
font-size: 14px !important;
} .hcr-filtro-resultados {
min-height: 100px;
padding: 20px 0;
}
.hcr-filtro-resultados-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .hcr-resultados-header {
margin-bottom: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 10px;
border-left: 4px solid #667eea;
}
.hcr-resultados-header h3 {
margin: 0 0 15px 0;
color: #2c3e50;
font-size: 24px;
font-weight: 700;
} .hcr-filtros-aplicados {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.hcr-filtros-aplicados small {
color: #6c757d;
font-weight: 600;
margin-right: 10px;
}
.hcr-filtro-tag {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
} .hcr-resultados-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 25px;
margin-bottom: 30px;
} .hcr-resultado-item {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 1px solid #e9ecef;
}
.hcr-resultado-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
} .hcr-resultado-imagen {
position: relative;
height: 200px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
.hcr-resultado-imagen img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.hcr-resultado-item:hover .hcr-resultado-imagen img {
transform: scale(1.05);
}
.hcr-imagen-placeholder {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
}
.hcr-placeholder-icon {
font-size: 48px;
opacity: 0.8;
} .hcr-resultado-contenido {
padding: 20px;
}
.hcr-resultado-titulo {
margin: 0 0 15px 0;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.hcr-resultado-titulo a {
color: #2c3e50;
text-decoration: none;
transition: color 0.3s ease;
}
.hcr-resultado-titulo a:hover {
color: #667eea;
} .hcr-resultado-meta {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 15px;
font-size: 13px;
color: #6c757d;
}
.hcr-resultado-meta span {
display: flex;
align-items: center;
gap: 4px;
} .hcr-resultado-excerpt {
color: #555;
line-height: 1.6;
margin-bottom: 20px;
font-size: 14px;
} .hcr-resultado-acciones {
text-align: right;
}
.hcr-btn-leer-mas {
display: inline-flex;
align-items: center;
gap: 5px;
color: #667eea;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
}
.hcr-btn-leer-mas:hover {
color: #764ba2;
transform: translateX(5px);
} .hcr-sin-resultados,
.hcr-mensaje-inicial {
text-align: center;
padding: 60px 20px;
color: #6c757d;
}
.hcr-sin-resultados-icon,
.hcr-mensaje-icon {
font-size: 64px;
margin-bottom: 20px;
opacity: 0.6;
}
.hcr-sin-resultados h3,
.hcr-mensaje-inicial h3 {
color: #2c3e50;
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
}
.hcr-sin-resultados p,
.hcr-mensaje-inicial p {
font-size: 16px;
line-height: 1.6;
max-width: 500px;
margin: 0 auto 10px;
} .hcr-cargando {
text-align: center;
padding: 40px;
color: #6c757d;
}
.hcr-spinner {
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #667eea;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 20px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .hcr-error {
text-align: center;
padding: 40px;
background: #ffe6e6;
border-radius: 10px;
margin: 20px 0;
} .hcr-paginacion {
text-align: center;
margin-top: 40px;
}
.hcr-pagination-nav {
display: inline-flex;
gap: 5px;
flex-wrap: wrap;
}
.hcr-pagination-nav a,
.hcr-pagination-nav .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 8px 12px;
border: 2px solid #e9ecef;
border-radius: 8px;
color: #667eea;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
background: white;
}
.hcr-pagination-nav a:hover,
.hcr-pagination-nav .page-numbers:hover {
background: #667eea;
color: white;
border-color: #667eea;
transform: translateY(-2px);
}
.hcr-pagination-nav .current {
background: #667eea;
color: white;
border-color: #667eea;
} @media (max-width: 768px) {
.hcr-filtro-wrapper {
padding: 20px 15px;
}
.hcr-filtros-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.hcr-filtro-actions {
flex-direction: column;
gap: 10px;
}
.hcr-filtro-btn {
width: 100%;
justify-content: center;
}
.hcr-resultados-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.hcr-resultado-meta {
flex-direction: column;
gap: 8px;
}
.hcr-filtros-aplicados {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.hcr-help-col { 
flex: 1 1 auto !important; 
}
}
@media (max-width: 480px) {
.hcr-filtro-container {
margin: 10px;
border-radius: 8px;
}
.hcr-filtro-wrapper {
padding: 15px;
}
.hcr-input,
.hcr-select,
.hcr-date-input {
padding: 10px 14px;
font-size: 14px;
}
.hcr-filtro-btn {
padding: 12px 20px;
font-size: 14px;
}
.hcr-resultados-header h3 {
font-size: 20px;
}
}  .hcr-filtro-trigger-container {
text-align: start;
margin: 25px 0;
padding: 5px;
border-radius: 12px;
}
.hcr-filtro-btn-trigger {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(135deg, #f59f0bc3, #d977067c);
color: white;
border: 2px solid #f59e0b;
padding: 10px 30px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3); letter-spacing: 0.8px;
position: relative;
overflow: hidden;
}
.hcr-filtro-btn-trigger::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s ease;
}
.hcr-filtro-btn-trigger:hover::before {
left: 100%;
}
.hcr-filtro-btn-trigger:hover {
background: linear-gradient(135deg, #d97706, #b45309);
border-color: #d97706;
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
}
.hcr-filtro-btn-trigger .hcr-btn-icon {
font-size: 20px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
}
.hcr-filtro-btn-trigger .hcr-btn-icon svg {
width: 24px;
height: 24px;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
} .hcr-filtro-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.hcr-filtro-modal.active {
opacity: 1;
visibility: visible;
}
.hcr-filtro-modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(5px);
}
.hcr-filtro-modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.7);
background: white;
border-radius: 15px;
max-width: 90vw;
max-height: 90vh;
width: 1000px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
overflow: hidden;
transition: all 0.3s ease;
}
.hcr-filtro-modal.active .hcr-filtro-modal-content {
transform: translate(-50%, -50%) scale(1);
}
.hcr-filtro-modal-header {
background: linear-gradient(135deg, #f8fafc, #e2e8f0);
color: #374151;
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e5e7eb;
}
.hcr-filtro-modal-header h3 {
margin: 0;
font-size: 24px;
font-weight: 700;
}
.hcr-filtro-modal-close {
background: none;
border: none;
color: #6b7280;
font-size: 28px;
font-weight: bold;
cursor: pointer;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
}
.hcr-filtro-modal-close:hover {
background: rgba(107, 114, 128, 0.1);
transform: rotate(90deg);
}
.hcr-filtro-modal-body {
padding: 0;
max-height: calc(90vh - 80px);
overflow-y: auto;
} .hcr-filtro-modal .hcr-filtro-container {
margin: 0;
border-radius: 0;
box-shadow: none;
border: none;
}
.hcr-filtro-modal .hcr-filtro-wrapper {
border-radius: 0;
} @media (max-width: 768px) { .hcr-filtro-grid {
grid-template-columns: 1fr;
gap: 15px;
} .hcr-filtro-modal-content {
width: 95vw;
max-height: 95vh;
} .hcr-filtro-modal-header {
padding: 15px 20px;
}
.hcr-filtro-modal-header h3 {
font-size: 20px;
} .hcr-filtro-wrapper {
padding: 20px 15px;
} .hcr-filtro-date-range {
flex-direction: column;
gap: 8px;
}
.hcr-date-separator {
display: none;
} .hcr-filtro-input,
.hcr-filtro-select,
.hcr-filtro-date {
padding: 10px 12px;
font-size: 14px;
} .hcr-filtro-actions {
flex-direction: column;
padding: 15px 20px;
gap: 10px;
}
.hcr-filtro-btn {
width: 100%;
justify-content: center;
} .hcr-filtro-btn-trigger {
padding: 14px 28px;
font-size: 15px;
gap: 10px;
}
.hcr-filtro-trigger-container {
margin: 20px 0;
padding: 15px;
}
.hcr-filtro-btn-trigger .hcr-btn-icon svg {
width: 20px;
height: 20px;
}
}
@media (max-width: 480px) { .hcr-filtro-modal-content {
width: 98vw;
max-height: 98vh;
} .hcr-filtro-modal-header {
padding: 12px 15px;
}
.hcr-filtro-modal-header h3 {
font-size: 18px;
} .hcr-filtro-wrapper {
padding: 15px 10px;
}
.hcr-filtro-grid {
gap: 12px;
} .hcr-filtro-input,
.hcr-filtro-select,
.hcr-filtro-date {
padding: 8px 10px;
font-size: 13px;
} .hcr-filtro-label {
font-size: 12px;
} .hcr-filtro-btn {
padding: 10px 16px;
font-size: 13px;
min-width: auto;
}
.hcr-filtro-actions {
padding: 12px 15px;
gap: 8px;
} .hcr-filtro-btn-trigger {
padding: 12px 20px;
font-size: 14px;
gap: 8px;
}
.hcr-filtro-trigger-container {
margin: 15px 0;
padding: 10px;
} .hcr-filtro-modal-body {
overflow-x: hidden;
}
.hcr-filtro-wrapper {
min-width: 0; }
.hcr-filtro-input,
.hcr-filtro-select,
.hcr-filtro-date {
min-width: 0; width: 100%;
box-sizing: border-box;
}
} .hcr-help-text {
display: block;
margin-top: 5px;
font-size: 12px;
color: #6b7280;
font-style: italic;
line-height: 1.3;
}   .hcr-filtro-container input[type="text"].hcr-filtro-input,
.hcr-filtro-container input[type="date"].hcr-filtro-date,
.hcr-filtro-container input[type="search"].hcr-filtro-input,
.hcr-filtro-container select.hcr-filtro-select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
background-image: none !important;
border-image: none !important;
border-style: solid !important;
resize: none !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
line-height: 1.4 !important;
} .hcr-filtro-container select.hcr-filtro-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231e3a8a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
} .hcr-filtro-container button.hcr-filtro-btn,
.hcr-filtro-container input[type="submit"].hcr-filtro-btn,
.hcr-filtro-container input[type="button"].hcr-filtro-btn {
background-image: none !important;
text-shadow: none !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
border-style: solid !important;
outline: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
text-transform: none !important;
line-height: 1.4 !important;
height: auto !important;
width: auto !important;
overflow: visible !important;
} .hcr-filtro-container label.hcr-filtro-label {
cursor: default !important;
user-select: none !important;
text-transform: none !important;
text-decoration: none !important;
text-shadow: none !important;
} .hcr-filtro-container {
clear: both !important;
isolation: isolate !important;
contain: layout style !important;
} .hcr-filtro-container .hcr-filtro-grid > .hcr-filtro-field {
float: none !important;
position: relative !important;
width: auto !important;
margin: 0 !important;
clear: none !important;
} .wp-block .hcr-filtro-container,
.entry-content .hcr-filtro-container,
.post-content .hcr-filtro-container,
.page-content .hcr-filtro-container {
max-width: none !important;
width: 100% !important;
}