@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
*{
margin:0;
padding:0;
font-size:16rem;
font-weight:400;
color:#505966;
font-style:normal;
text-decoration:none;
box-sizing:border-box;
font-family:"Poppins", sans-serif;
}
html{
font-size:1px;
}
body{
padding:0 20px;
background-size:contain;
background-position:center;
background-image:url('https://ferrepisos.com/images/bg.png');
}
.section{
display:flex;
align-items:center;
justify-content:center;
}
.container{
display:flex;
align-items:center;
flex-direction:column;
}
.section img{
width:220px;
margin:30px 0 10px 0;
}
.section h1{
font-size:20rem;
color:#ffffff;
text-align:center;
margin:0 0 25px 0;
text-wrap:balance;
}
.info{
display:flex;
flex-direction:column;
}
details{
width:380px;
padding:0 20px;
border-radius:5px;
background:#ffffff;
}
i{
margin: 0 15px 0 0;
}
a.white{
width:380px;
padding:15px;
margin:0 0 20px 0;
border-radius:5px;
background:#ffffff;
}
a.white{
cursor:pointer;
font-size:16rem;
font-weight:bold;
}
summary{
cursor:pointer;
font-size:16rem;
padding:15px 0px;
font-weight:bold;
}
details p{
font-size:16rem;
font-weight:bold;
margin:0 0 15px 0;
}
details ul{
padding:0 0 20px 20px;
}
li,
li span{
font-size:14rem;
}
li span{
font-weight:bold;
}
p.footer{
margin:30px 0;
color:#ffffff;
text-align:center;
}
/*Radio*/
.radiobody .container{
z-index:1;
position:absolute;
}
.radiobody svg{
width:50px;
height:auto;
}
.radiobody .radiobutton{
top:-20px;
right:-8px;
width:116px;
height:116px;
display:flex;
position:absolute;
align-items:center;
border-radius:100px;
background:#ffffffb0;
justify-content:center;
}
.radiobody iframe{
opacity:0;
width:100px;
height:100px;
transform:scale(2);
}
.radiobody .radiorelative{
z-index:2;
position:relative;
}
.radiobody .radioflex{
width:100%;
height:100%;
display:flex;
align-items:center;
flex-direction:column;
background-size:cover;
justify-content:center;
background-position:center;
background-image:url(https://ferrepisos.com/images/radiobg.png);
}
.radiobody main{
height:85vh;
}
.radiobody img{
width:30%;
margin:auto;
}
.radiobody .radiologo{
display:flex;
align-items:center;
}
.radiobody header{
height:15vh;
display:flex;
background:#ffffff;
justify-content:center;
}
body.radiobody{
padding:0;
background:#ffffff;
background-image:none;
}
.equalizer{
width:80vw;
display:flex;
justify-content:space-between;
}
.equalizer.top{
margin-bottom:10px;
align-items:flex-end;
}
.equalizer.bottom{
align-items:flex-start;
}
.equalizer .line {
top:50%;
width:15px;
transition:height .25s;
box-shadow:0 0 10px 5px #4d6df3;
opacity:.75;
}
.equalizer.top .line {
background:#ffffff;
}
.equalizer.bottom .line {
background:#39b6e0;
}
@media screen and (max-width: 500px) {
.radiobody img{
width:70%;
}
}