#noticiaint {width: 100%;}


.titulo-region {
    text-align: left;
    margin-bottom: 15px;
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;    
    padding-top: 10px;
    padding-bottom: 0;
    background-image: none;    
}





.titulo-region:after,
.titulo-region:before{display: none;}





.titulo-modulo,
.titulo-region h1, .titulo-region h2 {
    text-transform: uppercase;
    color:  #000;
    
    font-weight: 700;
    letter-spacing: -0.3px;
    background-color: transparent;
    
    font-size: 1.8em;
    padding-left: 0;
    padding-right: 0;
}

.titulo-region h2:after{display: none}


#noticiaint,
.notaint p,
.notaint >  *{

    font-size: 16px;
    line-height: 1.7em;
}



.notaint h2,
.notaint h3 {
    
    margin-bottom: .5em;
    margin-top   : 1em;
    font-size  : 1.3em;
    color      : #000;
    font-weight: 600;
}

.notaint h3 {
    font-size: 1.1em;
    margin-top: 1.5em;
    margin-bottom: 1em;

}


.notaint{    max-width: none; position: relative;}

.notaint strong,
.contenedor-contacto strong {font-weight: 700; color: #000;}


.notaint a{color: var(--rojo); text-decoration: underline;}

/* PAGINA BUSCAR */


#main-content .modulo_buscar * {font-family: inherit;}

#main-content .modulo_buscar .titulo-pagina,
#main-content .modulo_buscar .article-bandera .titulo {
    
    font-family: 'Merriweather', serif!important;
    font-weight: 700;    
    -webkit-font-feature-settings: "liga" on, "calt" on;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    
} 

#main-content .modulo_buscar .titulo-grupo,
#main-content #resultados .volanta{
    color: var(--rojo);
    font-weight: 600;
}


.alert-info{
    background: linear-gradient(45deg, rgb(235 0 137 / 0.20), rgb(235 21 44 / 0.20));
    border: none;
}




.tambien-escucha-menu {list-style: none; padding: 0; margin: 0; margin-bottom: 60px;}

.tambien-escucha-menu,
.tambien-escucha-menu a {display: flex; flex-wrap: wrap; align-items: center;}
.tambien-escucha-menu li {margin-right: .7em; margin-bottom: .7em; }
.tambien-escucha-menu a {
    font-size       : .8em;
    line-height     : 1em;
    padding         : .7em;
    text-decoration : none;
    background-color: var(--gris-azulado);
    border-radius   : .3em;
    color           : #fff;
}
.tambien-escucha-menu a:hover {
    background-color: var(--main-color);
}


.tambien-escucha-menu a.active {background-color: var(--main-color); cursor: not-allowed;}



/* paginas especiales */


.playlists {display: flex; flex-wrap: wrap;}
.playlists ul{list-style: none; padding: 0; margin:0 ;}
.playlists h3{margin-bottom: 0;}
.playlists li:first-child h3{margin-top: 0; column-span: all;}
.playlists li h3{color: var(--main-color); border-bottom:solid 1px var(--main-color); padding-bottom: 10px; width: calc(100% - 30px) ;}

.playlists li a {
    font-size       : .8em;
    text-decoration : none;
    display         : block;
    background-color: rgb(247, 247, 247);
    padding  : 4px 10px;
    border-radius   : 2px;
    margin          : 7.5px 0;    
    width: max-content;
    font-weight: 600;
}
.playlists li a:hover {background-color: #e4f5ff;}
.playlists .col{width: 25%;}

.playlists span.contenido {
    font-weight: 400;
    color: #000;
    margin-left: 6px;
}

@media screen and (max-width:768px){
    .playlists .col{width: 100%;}
    .playlists li h3{width: 100%;}
}


.content-teleformula {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.content-teleformula iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



/* tablas */

#noticiaint .table{font-size: .85em;}

#noticiaint table tr:nth-child(even){    background: rgb(8 108 165 / 6%);}
#noticiaint table thead th {
    background: var(--main-color);
    color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    text-transform: uppercase;
    padding: 0.7em 0.4em;
    vertical-align: middle;
}

#noticiaint  table tbody td,
#noticiaint table tbody th {
    border: 1px solid rgba(0,0,0,.1);
}


table td, table th {
    padding: 0.4em;
    text-align: left;
}


table tr:hover td{background-color: #e6f2ff; color: #000;}



#app  table  th,
#app  table  td {width: auto!important;}

#app  table  th:first-child,
#app  table  td:first-child { width: 94px!important;}


#app  table  td:nth-child(2) {font-weight: 600;}
#app  table  td:nth-child(3) {font-style: italic;}




/* RADIOS (players, foto...  */

#app .img-fluid{max-width: 100%; height: auto;}

#noticiaint #app .container,
#noticiaint #app div[class^="col"],
#noticiaint #app .row {padding: 0; margin: 0; max-width: 100%;}

.msp_radio .np__global_player .np__player_widget{left: 0;}

#app > div > .container:first-child > .row{
    background-color: #d1d1d1;
    background-image: url(/u/plantillas/p/radio-formula/imgs/envivo--bgx-foto.jpg?v5);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: cover;
}

.cont-iframe--player {        
    width: 100%;   
    background: rgba(0, 0, 0, 0.5);
  }

.cont-iframe--player iframe{width: 100%;}

@media screen and (max-width:768px){
    .cont-iframe--player {                
        position: fixed;
        left: 0;
        bottom: 0;    
        width: 100vw;
        max-width: 100vw;
        background: rgba(0, 0, 0, 0.75);
        z-index: 100;
      }
}

@media screen and (min-width:768px){
    .cont-iframe--player {                
        position: absolute;
        top: 402px;        
      }

}


/* customizo el titulo del programa, generado por el script */



#app>div>.container:nth-child(2) .thead-dark+tbody {
    display: none;
}

#app>div>.container:nth-child(2) .thead-dark th {
    background-color: transparent;
    border          : none;
    padding         : 0;
    text-transform  : none;
    font-weight     : 600;
    font-size: 1.1em;
    color: var(--main-color);
}

#app>div>.container:nth-child(2) .thead-dark th::before {
    content: "Ahora: ";
}





.the-global-title{
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: .5em;
}



/* PODCAST ======================== */


.cont-iframe-teleformula {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    margin-bottom: 2em;
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
.cont-iframe-teleformula iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .banners-x-2{
    margin-bottom: 2em;
  }

  @media screen and (max-width: 768px){

      .banners-x-2 {
          align-items: center;
        }
}


  /* oculto compoennte segun pedido AC80-901 */

  .msp_radioSA p.line__clamp_2{display: none;opacity: 0; visibility: hidden;}



