*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/* Carrusel de Imagenes */
.slider{
    width: 90%;
    margin: 1rem auto;
    overflow: hidden;
}
.slider ul{
    display: flex;
    padding: 0;
    width: 400%;

    animation: cambio 20s infinite alternate linear;
}
.slider li{
    width: 100%;
    list-style: none;
}
.slider img{
    width: 100%;
}
@keyframes cambio {
    0% {margin-left:0;}
    20% { margin-left:0;}

    25% {margin-left: -100%;}
    45% {margin-left: -100%;}

    50% {margin-left: -200%;}
    70% {margin-left: -200%;}

    70% {margin-left: -300%;}
    100% {margin-left: -300%;}
}
/* MUESTRA GALERIA */
.cont-inter-qs img {
    width: 100%;
    height: 15rem;
}

.form{
    width: 100%;
    height: 400px;
    background-image: url(https://www.wallpapertip.com/wmimgs/74-749499_radio-station-radio-studio-background.jpg);   
    background-image:auto;
    background-size: 100%;
    background-repeat:no-repeat;
    background-position: center center;
}
.cont{
    margin-top: 0.2rem;
}
.form-group ul{
    display: flex;
    padding: 0;
    width: 100%;
}
.form-group li{
    width: 100%;
    list-style: none;  
}
.form-group img{
    width: 100%;
}

.cont-inter-qs .form-group{
    display: flex;
    justify-content: center;
}
.cont-inter-qs h3{
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 4vw;
    text-align: center;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
.cont-inter-qs h3 {
    margin-top: 10px;
    color: #e0dfdc;
    background-color: rgb(43, 148, 209);
    letter-spacing: 0.1em;
    text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 10px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
.cont-inter-qs a {
    background-color: rgb(33, 240, 247);
    align-items: center;
    width: 100%;
    margin: -5rem 0  1rem;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    font-size: 2rem;
}
.cont-inter-qs button {
    background-color: rgb(33, 240, 247);
    align-items: center;
    width: 100%;
    margin: -5rem 0  1rem;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    font-size: 2rem;
}
.cont-inter-qs button:hover {
    background-color: #ffffff; 
    color: rgb(0, 0, 0);
}

.cont-inter-qs p{
    display: flex;
    justify-content: center;
    color:rgb(14, 13, 13);
    font-size: 3vw;
    margin: 1rem;
}

/* titulos Radio */

.form h3 {
    font-size: 4vw;
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* margin: -1.5rem auto; */
}
.form h3 {
    color: #e0dfdc;
    background-color: rgb(43, 148, 209);
    letter-spacing: 0.1em;
    text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 10px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}

/* fin titulo  */
.form .search{
    display: flex;
    justify-content: center;
    padding: 20px;
}

.form .form-gruop3{
    padding: 6rem;
}

.contenedor{
    width: 100%;
    display: flex;
    justify-content: center; 
}
.contenedor img{
    display: block;
    margin: -4.5rem auto;
    max-width: 100%;
    width: 50%;
}
.cont-encima{
    position: absolute;
    inline-size: bottom;
    margin:2.5rem 0 0;
}

/* MAPA RESPONSIVE */
.map-responsive{
    width: 70%;
    display: block;
    margin: 1rem auto;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height: 0;
    border-color: rgb(255, 251, 0);
}

.map-responsive iframe{
    display: block;
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
audio{
    height: 4vw;
}