@charset "UTF-8";.cj-audio{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
padding: 10px;
}
.audioplayer{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
width: 100%;
z-index: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-family: var(--fuente-principal);
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
font-weight: 300;
font-variation-settings: "wght" 400;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: var(--border-r-base);
background-position: center;
background-repeat: repeat;
background-size: auto;
background-image: url(../../../imagenes/globales-oafcds-v7/patrones/patron-2/patron-2.png);
box-shadow:
0 0 0 1px rgba(53, 72, 91, .07),
0 2px 2px rgba(0, 0, 0, .01),
0 4px 4px rgba(0, 0, 0, .02),
0 10px 8px rgba(0, 0, 0, .03),
0 15px 15px rgba(0, 0, 0, .03),
0 30px 30px rgba(0, 0, 0, .04),
0 70px 65px rgba(0, 0, 0, .05);
margin-bottom: 0px;
padding: 10px;
}.audioplayer audio{
position: absolute;
}.audioplayer > div{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
.audioplayer-playpause{
width: 2.5em;
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{
position: relative;flex: 0 0 35px;
width: 35px;
height: 35px;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause,
.audioplayer:not(.audioplayer-mini) .audioplayer-icnplay,
.audioplayer:not(.audioplayer-mini) .audioplayer-icnpause,
.audioplayer.audioplayer-stopped .audioplayer-playpause,
.audioplayer.audioplayer-playing .audioplayer-playpause
{
border-radius: var(--border-r-xs);}
.audioplayer:not(.audioplayer-mini) .audioplayer-icnplay{
background-position: 0% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}
.audioplayer:not(.audioplayer-mini) .audioplayer-icnpause{
background-position: 10% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}
.audioplayer.audioplayer-stopped .audioplayer-playpause{
background-position: 0% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}
.audioplayer.audioplayer-playing .audioplayer-playpause{
background-position: 10% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}.audioplayer-mini .audioplayer-playpause{
width: 100%;
}
.audioplayer-playpause a{
display: block;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{
width: 0;
height: 0;
border: 0.5em solid transparent;
border-right: none;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -0.48em 0 0 -0.17em;
font-size:1.2em;
}
.audioplayer-playing .audioplayer-playpause a{
width: 0.75em;
height: 0.75em;
position: absolute;
top: 50%;
left: 50%;
margin: -0.375em 0 0 -0.375em;
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after{
width: 40%;
height: 100%;
content: '';
position: absolute;
top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before{
left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after{
right: 0;
}
.audioplayer-time {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
height: 100%;font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
font-weight: 400;
font-variation-settings: "wght" 700;
text-align: center;
z-index: 2;
flex: 0 0 50px;
width: 50px;
}
.audioplayer-time-current{
border-left: 0px solid #111;
margin: 0px 5px 0px 5px;
}
.audioplayer-time-duration{
color: var(--base-a-0-100);
margin: 0px 5px 0px 5px;
}
.audioplayer-novolume .audioplayer-time-duration{
border-right: 0;
right: 0;
}
.audioplayer-bar {
position: relative;
flex: 1;
height: 10px;
cursor: pointer;
z-index: 1;
overflow: hidden;
border-radius: var(--border-r-sm);
margin: 0px;
background-color: var(--base-a-1-20);
border: 0.5px solid var(--base-a-3-50);
}
.audioplayer-novolume .audioplayer-bar{
right: 4.375em;
}
.audioplayer-bar div{
width: 0;
height: 10px;
position: absolute;
left: 0;
}
.audioplayer-bar-loaded{
z-index: 1;
background-color: var(--base-a-1-30);
}
.audioplayer-bar-played{
border-radius: var(--border-r-xs);
z-index: 2;
background-color: var(--base-a-1-80);
}
.audioplayer-bar-played::before{
content: "";
position: absolute;
top: -5px;
right: 0;
width: 15px;
height: 10px;
border-radius: 100%;
}
.audioplayer-volume {
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
font-size: 1.5em;
position: relative;
flex: 0 0 30px;
width: 30px !important;
height: 30px !important;
border-radius: var(--border-r-xs);
background-position: 30% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
padding-right: 0px;
}.audioplayer-muted .audioplayer-volume {
background-position: 40% 80%;
background-repeat: no-repeat;
background-size: auto 600%;
background-image: url("../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png");
}.audioplayer-volume-button
{
width: 100%;
height: 100%;
}
.audioplayer-volume-button a{
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 1;
top: 0%;
left: 0%;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
image-rendering: -webkit-optimize-contrast;
backface-visibility: hidden;
}
.audioplayer-volume-button a {
background-size: 15px 15px;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after
{
content: '';
position: absolute;
}
.audioplayer-volume-button a:before
{
width: 0;
height: 0;
border: 0.0em solid transparent;
border-left: none;
z-index: 2;
right: -0.25em;
margin-top: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{
width: 0px;
height: 0px;
border: 0em double #fff;
border-width: 0em 0em 0 0;
left: 0em;
top: 0em;
-webkit-border-radius: 0 0.938em 0 0;
-moz-border-radius: 0 0.938em 0 0;
border-radius: 0 0.938em 0 0;
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
transform: rotate( 45deg );
}
.audioplayer-volume-adjust{
width: 15px;
height: 30px;
cursor: default;
position: absolute;
left: 6px;
right: 0px;
top: -9999px;border-radius: 2px;
overflow: hidden;
background-color: var(--ng-80);
border: 1.5px solid var(--bn-30);
display: none;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
{
opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust
{
top: auto;
bottom: 100%;
overflow: hidden;
}
.audioplayer-volume-adjust > div
{
width: 100%;
height: 80%;
cursor: pointer;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0;
}
.audioplayer-volume-adjust div div
{
width: calc(100% - 4px);
height: 100%;
position: absolute;
bottom: 0;
left: 2px;
background-color: var(--bn-30);
overflow: hidden;
}
.audioplayer-novolume .audioplayer-volume
{
display: none;
}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a{}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div{}
.audioplayer-bar,
.audioplayer-volume-adjust > div{}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played{}
.audioplayer-volume-adjust{}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after
{
-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
#wrapper_1{
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}@media screen and (max-width:677px){
.audioplayer-volume {
display: none !important;
}
}