/*------------------------------------------ */
/* COLORES GENERALES------------------------- */
/* ------------------------------------------ */


:root {       
    --gris-info: #c8cbcc;   
    --casi-negro: #454545;
    --casi-negro2: #030303;    
    --azul: #000429;
   --amarillo: #f0e636;
    --celeste: #3176bd;
    --celeste-2: #40a6f3;
    --gradiente: linear-gradient(180deg,#0d2f4a,#000429);
    --gradiente2: linear-gradient(0,#0d2f4a,#000429);
}

@media screen and (max-width:768px){
    * .hidden-m, 
    *.hidden-m,
    .hidden-m {display: none!important;}
}

@media screen and (min-width:768px){
    * .hidden-d,
    *.hidden-d,
    .hidden-d {display: none!important;}
}




body,.article-home a, h2 a, h3 a, h4 a { color: #000000 } 
.article-v2 { background-color: rgba(255,255,255,1.00); border: solid 1px #e0e0e0 } 

a,
.volanta,
.time-now,
.color-txt,
h2 a:hover,
h3 a:hover,
h4 a:hover,
.brand-color {
    color: var(--celeste)
}

.contenedor-reg a { color: var(--azul-comp) } 
.contenedor-reg .btn-ingresofb { color:#fff } 

.inner-share-bar{border-top-color: var(--celeste);}

.inner-share-bar a.ico-comm,
 .btn-brand { background-color:var(--azul); text-decoration:none; color: #fff } 
 .read-more-line { background-color: var(--azul) } 
 
 

.btn-brand:hover { background-color:var(--celeste); color: #fff } 
.interna .txt_contenido a { border-bottom-color:var(--azul); } 
.titulo-modulo { border-top-color:var(--azul) }
.titulo-modulo::after{background-color: var(--celeste);} 

.interna .cuerpo-nota .cita { border-left:solid 4px var(--azul); } 
.btn-enviar { background-color:var(--azul); color:#FFFFFF } 
.interna .fecha-y-seccion .seccion:before { background-color: var(--celeste); margin-top: -2px; } 
.interna .fecha-y-seccion a { color: #2e2e2e } 
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color:var(--azul); color:#FFFFFF; border-color: var(--azul); } 
.pagination>li>a, .pagination>li>span { color: var(--azul); } 

/* blanco */
.dropdown-menu>li>a { color: #000; } 
.btn.vermasnoticias {
    background-color: var(--azul);
    color: var(--amarillo);
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
}

#main-header .center-bar a,#main-header .center-bar .btn:hover { color: #000 } 
.article-footer small.marcado:before { display: none; padding-left: 0; } 

/* ------------------------------------------ */
/* TIPOGRAFIA ------------------------------- */
/* ------------------------------------------ */

/* declaro familias */

/*
 
font-family: 'Sofia Sans Condensed', sans-serif;


 */



/* normalizo */
body {font-family: 'Sofia Sans Condensed', sans-serif;} 

/* Regular ------------ */
body { font-weight: 400 } 
.volanta { font-family: 'Sofia Sans Condensed', sans-serif;} 

/* Bold --------------- */
h1,
h2,
h3,
h4,
.titulo,
.nav-desktop .nav {
    font-family: 'Sofia Sans Condensed', sans-serif;
    font-weight: 700;
}

.modulo_buscar *.titulo{ font-weight: 800; text-transform: uppercase;} 

/* bold en nav
--------------- */
.volanta, .bold, strong, .titulo-seccion { font-weight:600; } 




.redes{display: flex; align-items: center; margin-left: -5px; margin-right: -5px;}
.redes a{ width: 20px; height: 20px; margin-left: 5px; margin-right: 5px;}
.redes svg{fill: #fff; width: auto; height: 100%;}


/* UTILIDADES ==================================
============================================= */

.d-flex, .f { display: flex } 


/* Custom Sticky*/
.col-sticky { top: 50px } 
.row-equal-flex .sticky_column .bnn:last-child { top: 120px } 


.share-tool .icono-compartir{
    background-color: transparent;
    border-radius: 0;    
    background-image: url(/u/plantillas/p/pasion-aguila/imgs/compartir.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.share-tool .icono-compartir:hover,
.share-tool .icono-compartir a:hover{background-color: transparent!important;}

/* ===================*/
/* sidemenu ========= */
/* ===================*/
.side-menu {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.inner-side-menu {
    width: 0;
    overflow: auto;
    height: 100%;
    background: var(--gradiente);
    border-top: solid 1px rgba(0, 0, 0, 0.4);
}


/* animando . . . . . . */
@media screen and (max-width:768px){
    .side-menu {display: block;}
    
}

.side-menu {transition: visibility 0s, opacity 0.2s linear; width: 100%;}
.side-menu.toggled {visibility: visible;opacity: 1; z-index: 9999; }
.side-menu.toggled .inner-side-menu { width: 80%; overflow: scroll; max-height: 100vh; } 





/* entorno del sidemenu ===== */


.inner-side-menu .tools { order: 2; margin-top: auto; padding: 15px; border-top: solid 1px rgba(0,0,0,0.2); display: flex; justify-content: space-between } 
.inner-side-menu .tools .f { flex-wrap: wrap; justify-content: space-between } 
.inner-side-menu .tools .sb-search-open { margin-bottom: 1rem } 
.inner-side-menu .tools .btn { background-color: rgba(0,0,0,0.3) } 
#cerrar-menu { position: absolute; right:20px; top: 15px; font-size: 30px; color: #fff; cursor: pointer; } 



.inner-side-menu a { color: #fff } 
.inner-side-menu > .ul-main {margin: 0 } 
.inner-side-menu > .ul-main > li { border-bottom: solid 1px rgba(0,0,0,0.2); border-bottom: solid 1px #ffffff30 } 

.inner-side-menu > .ul-main > li > a { font-size: 21px; font-weight: 500; display: flex; } 

.inner-side-menu > .ul-main > li > a > i { margin-left: auto; opacity: 0.5; } 
.inner-side-menu > .ul-main > li > a:hover { background-color: rgba(0,0,0,0.3) } 
.inner-side-menu > .ul-main > li > a:hover i { opacity: 1; } 
.inner-side-menu > .ul-main > li > a:focus {background-color: var(--azul); color: #fff} 

.inner-side-menu>.ul-main .ico-movil-drop {
    opacity: 1;
    color: #fff;
    background-color:rgb(0 0 0 / 7%)
}

.inner-side-menu>.ul-main>li.dropdown.open>a {
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.inner-side-menu .dropdown-menu { background-color: rgba(0,0,0,1); width: 100%; margin-top: 0; padding-top: 0 } 
.inner-side-menu .dropdown-menu li {border-bottom: dotted 1px rgba(241, 241, 241, 0.2)} 
.inner-side-menu .dropdown-menu li:last-child {border-bottom: 0} 
.inner-side-menu .dropdown-menu li >  a {padding-top: 7px; padding-bottom: 7px} 
.inner-side-menu .dropdown-menu li >  a:hover {color:red} 
.inner-side-menu .dropdown-toggle.dropdow-link:focus i {color:#fff!important; } 


li.dropdown { position: relative } 
li.dropdown a.dropdow-link { background-color: rgba(0,0,0,0.15); z-index: 99; position: absolute; right: 0; top: 0; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center } 

.side-menu-user-tools{color: #fff; display: flex; width: 100%; padding: 10px;}
.side-menu-user-tools > a{display: flex; align-items: center; height: auto; padding:10px; font-size: 0.9em; line-height: 1em; margin-right: 15px; border-radius: 0; border: solid 1px rgba(255,255,255,0.2); }
.side-menu-user-tools .usuario.logeado {color: #20ff3dd6; border-color: initial}
.side-menu-user-tools .btn .icon{margin-right: 5px}

/* buscador */
.side-menu-buscador{display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px;}
.side-menu-buscador > form{width: 100%; background-color: #fff; border-radius: 3px; padding: 2px;}
.side-menu-buscador input, .side-menu-buscador .btn {border-radius: 0; border: none;}




.flex-align{display: flex; flex-direction: row; flex-wrap: wrap}

@media screen and (max-width:768px){

    .navbar-nav .open .dropdown-menu{padding-bottom: 0;}
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        line-height: 1em;
        height: auto;
        font-size: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: rgba(0, 0, 0, 0.4);
    }
}






/* ===================== */
/* SLIDING BUSCADOR */
/* ===================== */


.header-search { transition: .15s ease-in-out; z-index: 0; } 

/* ===================== */
/* SLIDING BUSCADOR */
/* ===================== */

.sliding-buscador { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.85); z-index:9999 } 
.sliding-buscador .container { padding:30px; justify-content:center; align-items:center; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display: flex; flex-direction: column; } 
.sliding-buscador form { width: 100%; max-width: 690px; display:block } 
.sliding-buscador .search-group { height:50px; position:relative } 
.sliding-buscador .input-buscar,
.sliding-buscador .btn-submit { background-color:#fff; border:none; padding-left:15px; padding-right:15px } 
.sliding-buscador .input-buscar { border-top-left-radius:5px; border-bottom-left-radius:5px; flex:1 1 90% } 
.sliding-buscador .btn-submit { border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:1.8em; line-height:1em; flex:1 1 10%; text-align:right } 
.sliding-buscador .search-group button.btn { background-color:transparent } 
.titulo-buscar { text-align: left; color: var(--amarillo); font-size: 2.5em; font-weight: 100; } 
.sliding-buscador .input-buscar::-webkit-input-placeholder { /* Edge */color: #000; } 
.sliding-buscador .input-buscar:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000; } 
.sliding-buscador .input-buscar::placeholder { color: #000; } 
.sliding-buscador .input-buscar:focus { outline:none; color:#000 } 

.sliding-buscador .input-buscar,
.sliding-buscador .btn-submit {
    background-color: #fff;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width:768px){
    .sliding-buscador .container{width: calc(100% - 30px) ;}
}

/* boton cerrar */
#x-sliding-buscador { cursor:pointer; cursor:hand; position:absolute; right:15px; top:15px; opacity:.85 } 
#x-sliding-buscador img { filter: invert(1); width: 35px; } 
#x-sliding-buscador:hover { opacity:1 } 
#x-sliding-buscador { top:30px; right:30px } 
.ico-cerrar_buscador{fill: var(--amarillo);}











/* HOME ======================================= */

article.t-full .btn.leer-mas { background-color: rgba(0,0,0,0.5); color: #fff; border:solid 1px var(--magenta); font-size: 0.95em; line-height: 1em } 
article.t-full .z-txt { padding-left: 15px; padding-right: 15px; width: 100%; margin-right: auto; margin-left: auto; text-align: center; justify-content: center; align-items: center; align-content: center } 
.article-urgente,
.article-urgente header { border:none } 
.article-urgente p { border: solid 1px rgba(0,0,0,0.2) } 
.article-urgente header { background-color: var(--azul); color: #fff } 
.article-urgente a { color: var(--azul); background-color: var(--gris-claro2) } 
.article-urgente a:hover,
.article-urgente a:focus { background: var(--gris-claro); text-decoration: none } 


/* LISTADO =====================================
============================================= */

.listado .titulo-grupo:before { content:"\ea43"; font-family: 'IcoMoon-Free' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; margin-right: 5px; color: #12c35f; } 

.contendor-listado .caja { border-bottom: solid 1px #E0E0E0 } 

.cabecera-seccion { background-color: #242d3c; padding-top: 15px; padding-bottom: 15px; } 
.cabecera-seccion h1 { font-weight: 700; color: #fff; font-size: 36px; line-height: 28px; padding-left: 10px; margin: 0; margin-top:8px; display: inline-block; border-left: solid 6px #12c35f } 




/* Titulo de regiones ACCION ======= */
/*.titulo-region,
.titulo-modulo h3 { font-family: 'Faustina', serif; } */







/* INTERNA ======================================= */
/* ============================================== */

.interna .zona-titulo .volanta{font-weight: 600;}

.fecha-y-tags .date { display:inline-block; border-left: solid 2px var(--magenta); padding-left: 5px } 

/* tags ------------------- */
.tags-cloud .tag,
.tags-cloud header {
    background-color: #F4F4F4;
    border-left: solid 2px var(--magenta);
    color: rgba(0, 0, 0, 1.00);
    padding-top: 7px;
}
.tags-cloud .tag:hover { background-color:var(--magenta) } 
.tags-cloud .tag:focus { background-color:var(--magenta); } 
.tags-cloud header { background-color:var(--magenta); color:#FFF } 
.tags-cloud header:after { border-color:rgba(136,183,213,0); border-left-color:var(--magenta); } 
.interna .txt_contenido a { background-color:#F4F4F4; } 
.interna .cuerpo-nota { font-size: 16px; line-height: 1.5em } 


/* MODULOS EN HOME ==== */


.titulo-modulo h3 { font-size: 18px; color: var(--azul) } 


.modulo-fotonoticia { border-top:solid 6px var(--magenta); -webkit-box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.2); padding-top: 15px!important; } 

.header-modulo h3 { font-weight: 700; font-size:20px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase } 
.header-modulo .btn.vermas { background-color: #000000; font-size: 11px; padding: 3px 6px } 
.header-modulo .btn.vermas:hover { background-color: var(--magenta) } 


.modulo-fotonoticia { background-color: #141414; /* IE9, iOS 3.2+ */
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 100% 0%, 0% 100%,color-stop(0, rgb(40, 40, 40)),color-stop(1, rgb(0, 0, 0))); /* Android 2.3 */
 background-image: -webkit-repeating-linear-gradient(top right,rgb(40, 40, 40) 0%,rgb(0, 0, 0) 100%); /* IE10+ */
 background-image: repeating-linear-gradient(to bottom left,rgb(40, 40, 40) 0%,rgb(0, 0, 0) 100%); background-image: -ms-repeating-linear-gradient(top right,rgb(40, 40, 40) 0%,rgb(0, 0, 0) 100%); } 

.modulo-fotonoticia.sociales { background-color: #1c1129; /* IE9, iOS 3.2+ */
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzODIxNTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 100% 0%, 0% 100%,color-stop(0, rgb(56, 33, 82)),color-stop(1, rgb(0, 0, 0))); /* Android 2.3 */
 background-image: -webkit-repeating-linear-gradient(top right,rgb(56, 33, 82) 0%,rgb(0, 0, 0) 100%); /* IE10+ */
 background-image: repeating-linear-gradient(to bottom left,rgb(56, 33, 82) 0%,rgb(0, 0, 0) 100%); background-image: -ms-repeating-linear-gradient(top right,rgb(56, 33, 82) 0%,rgb(0, 0, 0) 100%); } 
 

/* Interna > relacionadas > rw_v4 */
.cuerpo-nota .noticias-relacionadas .titulo-region h2 { font-size: 18px } 
.cuerpo-nota .noticias-relacionadas .caja { border-bottom: solid 1px var(--gris-claro) } 
article.relacionada-lateral { display: flex } 
article.relacionada-lateral figure, article.relacionada-lateral h5 { flex: 1 } 
article.relacionada-lateral figure { max-width: 50px; margin-right: 10px } 
article.relacionada-lateral h5 { font-size: 13px; font-weight: 400; margin-top: -1px } 
@media screen and (max-width: 768px) { article.relacionada-lateral h5 { font-weight: 600 } 
 }
/* ------------------------------ */





/* VARIOS // UTILIDADES // HELPERS ===========
============================================= */
.alert-info { background-color: rgba(6, 216, 80, 0.199); border-color: var(--celeste); color: #000000; } 

.share-article .ico i:before { font-family: 'IcoMoon-Free' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.share-article .ico.fb i:before { content: "\ea90"; } 
.share-article .ico.tw i:before { content: "\ea96"; } 
.btn-brand i { margin-left: 5px; font-size: 10px; } 


.nav.navbar-nav.institucional li a{line-height: 1em; padding: .7em; font-size: 1em; color: #fff; font-weight: 600;}
.nav.navbar-nav.institucional li a:hover{background-color: rgba(0, 0, 0, 0.40);}





/* NUEVO PLANTEO (aspectos genericos) =========
============================================= */

.article-v2 .bajada {
    background-color: rgba(54, 61, 63, 0.90);
}

.article-v2 .bajada-p {
    font-size: 14px;
    line-height: 1.2em;
}

.article-v2 picture,
.div-nofoto:before {
    background-image: url("/u/plantillas/p/pasion-aguila/imgs/main-logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    background-color: var(--azul)
}






/* ======== MEDIAS QUERIES ==================================================================================== */
/* ============================================================================================================= */

@media only screen and (min-width : 320px) { /* aplicar clase .vertical-align al row para que los col centren vertical (usar con precacion) */
.vertical-align { display: flex; flex-direction: row; } 
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] { display: flex; align-items: center; justify-content: flex-start; /* Optional, to align inner items horizontally inside the column */ } 

.flex-right { margin-left: auto } 


/* HEADER ===================================== */







/* navbar-toggle ======= */
.navbar-toggle { margin:0px; background-color:transparent;  display: block; padding: 0;} 
.navbar-toggle .icon-bar { background-color:#fff; height:3px; } 
.navbar-toggle:active { background-color:var(--azul); } 
.navbar-toggle:active .icon-bar { background-color:#fff!important; } 







.form-control::-webkit-input-placeholder { color:var(--azul)  } 
.form-control:-moz-placeholder { color:var(--azul)  } 
.form-control::-moz-placeholder { color:var(--azul)  } 
.form-control:-ms-input-placeholder { color:var(--azul) } 
 .form-control:focus { -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1); box-shadow: 0px 0px 5px 0px rgba(255,255,255,1); } 

.main-nav-movil { min-height:0; background-color:#003348; border-top: solid 2px #000 } 
.main-nav-movil ul.ul-main { margin:0 } 

.main-nav-movil.nav .open>a,
.main-nav-movil.nav .open>a:hover,
.main-nav-movil.nav .open>a:focus { background-color:#12c35f } 

.main-nav-movil .open >a,.main-nav-movil.nav .open>a:hover,.main-nav-movil.nav .open>a:focus { border-bottom:0 } 
.main-nav-movil ul.ul-main > li a { font-weight:700 } 
.main-nav-movil .nav>li>a:hover,
.main-nav-movil .nav>li>a:focus { background-color: #12c35f } 

.main-nav-movilli.open .dropdown-menu { background-color: rgba(0,0,0,0.4) } 
.main-nav-movilli.open .dropdown-menu li { border-bottom:solid 1px rgba(0,0,0,1) } 
.main-nav-movilli.open .dropdown-menu li:last-child { border-bottom:none; } 
.main-nav-movilli.open .dropdown-menu li a { font-weight:100; font-size: 14px } 

.main-nav-movil ul.ul-main li a,
.secondary-nav ul li a { padding-left:15px; padding-right:15px; font-size:16px; } 


.secondary-nav ul { margin:0 } 
.secondary-nav ul li a { font-size:14px; border-bottom:0; padding-top:7px; padding-bottom:7px } 

/* Articulos ========= */

.home .caja { border-bottom: 0; } 

.caja { border-bottom-color: rgba(0,0,0,0.2); } 
.sidebar .caja { border-bottom: none } 


/* MODULO FOTONOTICIA ========= */


.modulo-fotonoticia .caja { border-bottom: 0 } 
.modulo-fotonoticia article .titulo { font-size: 1.2em; line-height: 1.2em } 
.modulo-fotonoticia article.vertical img { width: 100% } 

/* Iternas ========= */

.titulo-pagina, .titulo-widget { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 2px; position: relative } 
.titulo-pagina h1, .titulo-widget h2 { font-weight: 700; font-size: 22px; letter-spacing: -1px; margin: 0 } 
.titulo-pagina h1 a { font-weight: inherit; color: inherit } 

/* tama�s (<- ??) */

.titulo { line-height:1em; } 
.article-home .titulo { font-size: 24px } 
.article-home.resumen { line-height: 1em; line-height:1.2em; margin-bottom: 0 } 
.article-home.chica.volanta { font-size:12px; text-transform: uppercase; } 
.article-home.chica.titulo { font-size: 18px; margin-bottom: 6px } 
.volanta, .titulo { margin-top:0; margin-bottom:0.2em } 
.article-bandera .titulo { font-size:18px; line-height:20px; margin-bottom:0 } 
.contendor-listado article .titulo { margin-bottom: 5px } 
.contendor-listado a { color: inherit } 


 

/* CUSTOM GALERIA DE FOTOS ======== */
.nav-categorias li.active a { font-weight: 700; background-color: #12c35f; color: #FFFFFF } 
.toggle-cats { position: absolute; right: 0; top: 0; padding: 0px 10px; color: #12c35f; height: 26px; line-height: 16px; margin: 0; border: 0; background-color: transparent } 
.toggle-cats i { font-size:24px; line-height: 16px } 
.toggle-cats:focus { border: 0; } 
.ico-bread { font-size: 16px; line-height: 1em; padding-left: 10px; padding-right: 10px; color: #12c35f } 


/* NUEVO PLANTEO (en < 320) ************************* 
***************************************************** */

 /* Trunco el titulo de */
 article.t2 .titulo { max-height: 65px; } 
.article-footer small { font-weight: 500; font-size: 12px; color: var(--azul); text-transform: uppercase; } 

/* FONT --- SEGUN COLUMNA */

/*.home .p50 article .titulo { font-size: 26px; line-height: 28px; } */

/* Font general */
.volanta { font-size: 10px; font-weight: 500; } 
.volanta .hora { font-weight: 400; color: rgba(0,0,0,0.72) } 

/* CATASTROFE: titulo */
article.t5 .titulo { font-size: 30px; line-height: 1em; } 
article.t5 .tag { font-size: 16px; margin-right: 10px; display: inline-block; float: left } 

article.t-full .foto-t-full img { width: auto; height: 100%; } 
 }

/* Extra Small Devices, Phones ================================================================================= */


/* Small Devices, Tablets ====================================================================================== */
/* ============================================================================================================= */

@media only screen and (min-width : 768px){

/* Articulos ========= */
.volanta, .titulo { margin-top:0; margin-bottom:0.2em } 
.article-bandera .titulo { font-size:26px; line-height:1.2em; margin-bottom:0; letter-spacing: -0.03em; word-spacing: -0.03em } 


article.t-full .foto-t-full img {
    width: 100%;
    height: auto;
    left: 50%;
    position: relative;
}



/* CUSTOM GALERIA DE FOTOS ======== */
.nav-categorias li.active a { font-weight: 700; background-color: #fff; color: #12c35f } 


/* MODULO FOTONOTICIA ============================
===================================================== */

.modulo-fotonoticiaarticle.vertical { height: 362px; overflow: hidden } 
.modulo-fotonoticia article.vertical img { width: auto; height: 362px; display: block; text-align: center; margin-left: 50%; transform: translateX(-50%); } 
.modulo-fotonoticia article.scale .titulo { font-size: 1.3em } 



/* NUEVO PLANTEO (en < 768) tablets **************** 
***************************************************** */

/* CATASTROFE: titulo */
article.t5 .titulo { font-size: 30px; line-height: 1em; } 
 }

/* Desde 1024 para arriba entonces ============================================================================= */
/* ============================================================================================================= */

@media only screen and (min-width : 992px){
 


    .nav-desktop {
        margin-left: auto;
        margin-top: 3px;
        margin-bottom: -4px;
    }
.nav-desktop .nav { display: flex; justify-content: center; align-items: center;} 
.nav-desktop .navbar { margin-bottom: 0; min-height: auto } 

.nav-desktop .nav > li > a { color: #fff } 
.nav-desktop .nav > li > a.activo{color: #f0e636;}
.nav-desktop .nav > li > a.activo + svg{fill: #f0e636;}

.nav-desktop .nav > li > a {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    font-size: 17px;
    line-height: 1em;
    padding: 10px;
    background: #0000001e;
    margin: 0 6px;
    line-height: 1em;
    padding-bottom: 8px;
    border-radius: 3px;
    position: relative;
}




.nav-desktop .nav>li>a:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--amarillo);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    transition: all 0.3s ease;
}


.nav-desktop .nav > li.dropdown > a:after{display: none}


.nav-desktop .nav > li > a:hover {
    background-color: transparent;
    color: #f0e636;
    text-shadow: 0 0 13px #000000;
    opacity: 1;
}


.nav-desktop .nav > li > a:hover:after, 
.nav-desktop .nav > li > a.over-color:after { width: calc(100% - 30px); } 

.nav-desktop .dropdown-menu {
    border-top: none;
    font-size: 1.25em;
    padding-top: 0;
    padding-bottom: 0;
    top:calc(100% + 7px) ;
    left: 15px;
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.45);
    border-top:solid 1px #000;
    background-color: var(--azul);

    }


.nav-desktop .dropdown-menu>li>a { padding: 7.5px 15px; color: #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } 
.nav-desktop .dropdown-menu>li>a:hover { color: var(--azul)} 
.dropdown-menu>li>a:hover{background-color: #eae55e}





/* Nuevo menu en desktop */ 

.ico-movil-drop{margin-left: -3px; margin-right: 7px; margin-top: -2px; width: 10px;}

.d-mainmenu .dropdown-toggle{ padding-right: 5px!important}

 




/* Módulo fotonoticia ================================ */

.modulo-fotonoticia .caja:last-child { margin-bottom: 0; padding-bottom: 0 } 
.modulo-fotonoticia article.vertical { height: 326px; } 

/* Módulo más leídas =============================== */
.titulo-modulo { border-top-width: 3px } 
.modulo.mas-leidas h4 { font-size: 14px } 
.modulo.mas-leidas article .row { display: flex } 






/* NUEVO PLANTEO (en < 1024) ************************* 
***************************************************** */


/* FONT --- SEGUN COLUMNA */
 .article-v2 .titulo {
     font-size: 23px;
     line-height: 1em;
     letter-spacing: -.01em;
 }


article.t5 .volanta {
    color: #fff;
    display: inline-block;
    background-color: var(--azul);
    padding: 10px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 13px;
    margin: 0;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    margin-bottom: 7px;
}

article.t5 .tag { font-size: 18px; font-weight: 200 } 
article.t5 small.marcado:before { width: 10px; height: 10px } 

article.t5 .icono-compartir { background-color: var(--azul)} 
article.t5 .bajada { padding: 40px; font-size: 1.3em } 

article.t-full .titulo { font-size: 2vw;  } 

article.t-full .volanta {
    margin-bottom: 15px;
    color: var(--amarillo);
    background-color: var(--azul);
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 13px;
    width: max-content;
    margin: auto;
    font-weight: 500;
    padding: 5px 8px;
    line-height: 14px;
    margin-bottom: 10px;
}


 
    /* Trunco el titulo de */ 
    .p33 article.t2 .titulo { height: 94px; } 
    .p20 .t1 .titulo { height: 82px; margin-bottom: 10px } 

    /* Agrando el titulo de: */

    .p50 article.t1 .titulo,
    .p50 article.t4 .titulo,
    .p66 article.t4 .titulo  {font-size: 24px; line-height: 1em; } 

    .article-v2 .bajada-p { overflow: hidden } 



		/* correciones de cortes de titulos ------- */

		/* global */
		article.t1 .titulo, article.t2 .titulo{overflow: hidden}

		article.t1 .titulo,
		article.t2 .titulo{max-height: 70px; }
		
		.p20 article.t1 .titulo{ max-height: 72px;    font-size: 1.5em;}	
		.p50 article.t1 .titulo{ max-height: 50px;}	
		.p66 article.t5 .titulo  {max-height: 200px}


 }

 


/* Desde 1200 para arriba entonces... */

@media only screen and (min-width : 1200px){
 .modulo-fotonoticia article.vertical { height: 400px; } 
.modulo-fotonoticia article.vertical img { height: 400px; } 
 }


/* MOVIL =====================================================
============================================================= */


@media only screen and (max-width : 768px) { 


 /* Al body, acl clickear toggle anulo el scroll Y (ver js)*/ 
 body.body-noscroll-m { overflow-y: hidden; } 

 .col-sticky { top: 40px;  } 


 

/* 
=======================================
=======================================
 ESTILOS PARA TITULOS DE HOME EN MOVIL 
=======================================
=======================================
*/


article .volanta{overflow: hidden}
.article-v2 .titulo{font-size: 28px}
article.t-full {width: 100vw; margin-left: -15px; margin-right: -15px}
article.t-full .titulo{line-height: 1.1em; }
.article-v2.t4 .titulo{font-size: 2em}
.article-v2 .bajada-p{font-size:12px; line-height: 1.3em}
.article-v2.t4 .marcado{color: var(--magenta)}


 }

/* agregado 10-05-18 :: Quito fondo body y destaco con bordes las notas */

@media only screen and (min-width: 480px) { 
    article.t2 .foto { width: 163px} 
}






 
/* Sin ubicación == */

a:hover, a:focus {color: var(--azul)}

.article-v2 { box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; overflow: hidden; } 

.article-v2 .volanta, article.t2 .volanta {
    height: 24px;
    color: var(--amarillo);
    background-color: var(--azul);
    font-weight: 400;
    margin-bottom: 0.3em;
    padding: 4px 7px;
    width: max-content;
    max-width: 100%;
    /* margin-top: -10px; */
    word-break: normal;
    overflow: hidden;
    position: absolute;
    font-size: 14px;
    white-space: nowrap;
    top: -46px;
    left: -6px;
    z-index: 999;
}

.ul-social{list-style: none; display: flex; padding: 0; margin: 0 }
.ul-social li{margin-left: 5px; margin-right: 5px}
.ul-social li a{background-color: rgba(0, 0, 0, 0.05); display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 3px}


/* #MainHeader == */

.main-header {
    background:var(--gradiente);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    color: #fff;
    box-shadow: 0 1px 10px #000000b3;
}

body{padding-top: 75px;}


.main-header .container{
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-logo-img {
    width: 220px;
    margin-bottom: -10px;
    margin-top: -10px;
}

@media screen and (max-width:768px){    
    .main-logo-img{width: 180px;}
    .main-header .container{padding-top: 15px; padding-bottom: 15px;}
}


.main-header .item{display: flex; align-items: center;}
.main-header .item.menu{justify-content: flex-end; margin-left: auto;}


.main-header .btn-buscador {
    margin-left    : 15px;
    margin-top     : auto;
    width          : 35px;
    height         : 35px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 15px;
    line-height    : 1em;
    color          : #fff;
    background-color: #00000018;
    border-radius: 2px;
    margin-bottom: -2px;
}

.nav-desktop + .btn-buscador {
    margin-top: auto;
    margin-bottom: -7px;
    background: #04040438;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;    
    width: 30px;
    height: 30px;
    transition: background-color .1s ease-in-out;
}



 .btn-buscador:hover{
    text-decoration: none;
    color: #fff;
    background-color: #2494ff;
 }







@media screen and (max-width:768px) {



.main-header .el-toggle{margin-right: 25px;}


.main-header .btn-buscador{margin-bottom: auto;}
    

.dropdown-menu>li>a{color: #fff;}

}












/* CUERPO =====================================
============================================= */
/*
.titulo-region{text-align: left}
.titulo-region h2{padding-left: 0; padding-right: 0; position: relative;font-weight: 600; font-size: 16px; background-color: transparent}
.titulo-region h2:before{content: ""; display: block; height: 3px; width: 100%; max-width: 100px; position: absolute; left: 0; top: -5px; background-color: var(--azul); }

.especial .titulo-region{margin-top: 10px; color: #fff}
*/

.titulo-region {
    text-align: left;
    margin-bottom: 15px;
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba();
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: none
}



.titulo-region:before, .titulo-region:after {
    content: "";
    height: 1px;
    background-color: rgba(0, 0, 0, 0.70);
    flex: 2 1 auto;
    background-image: none
}

.titulo-region h2 {
    text-transform: uppercase;
    color:  rgba(0, 0, 0, 1);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.3px;
    background-color: transparent;
    text-align: center;
    padding: 0 15px 0 15px;
    font-weight: 700;
    font-size: 1.75em
}

.titulo-region h2:after{display: none}

/* INTERNA =====================================
============================================= */


.interna  .volanta{color: var(--celeste); font-size: 0.9em; margin-bottom: 0.5rem}

.interna .titular{
    font-size: 52px;
    margin-bottom: 0.8rem;
    line-height: 1em;
    font-weight: 800;
    color: #000;    
}

.interna .bajada{font-weight: 500; font-size: 20px; color: #1d1d1d;}

.listado .region-principal{background-color:#f7f7f7;  }

.interna .cuerpo-nota [class^="widget"]::after {background-color: var(--celeste)}


/* FOOTER =====================================
============================================= */

.main-footer {    
    color: #fff;
    background: rgb(13,47,74);
    background: linear-gradient(180deg, rgba(13,47,74,1) 0%, rgba(0,4,41,1) 100%);
}

.main-footer::after {
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.footer-main-zone, .footer-remate{position: relative;}


.main-footer a:hover{color: inherit; text-decoration: none;}
.main-footer .footer-remate{background-color: rgba(0, 0, 0, 0.4); border-top:solid 1px #000 ;}
.main-footer .footer-remate .col-logo{display: flex; align-items:  center;}
.main-footer .footer-remate .col-logo small{line-height: 1em; margin-bottom: -2px; margin-left: 10px; text-transform: uppercase; font-weight: 700;}

.main-footer .nav.navbar-nav.institucional{  display: flex; flex-wrap: wrap; justify-content: center; text-transform: uppercase;}
.main-footer .nav.navbar-nav.institucional li{display: flex; align-items: center;}
.main-footer .nav.navbar-nav.institucional li:after{ content: ""; display: block; width: 2px; height: 10px; background-color: rgba(255, 255, 255, 1); margin: 0 10px;}

.main-footer .redes {margin-left: 3px; margin-top: -1px;}
.main-footer .redes a{ margin-top: 0; height: 17px;}





.footer-main-logo{width: 95px;}

.main-footer [class*="col-"]{align-items: center; display: flex;}
.footer-main-zone, .footer-remate{padding-top: 2rem; padding-bottom: 2rem}
.footer-main-zone .row-flex{justify-content: flex-start}



.footer-main-zone .col-end{margin-left: auto; flex-direction: column; align-items: flex-end; justify-content: center;}
.footer-main-zone .ul-social{margin-bottom: 0.9rem}
.footer-main-zone .ul-social a{padding: 0; background-color: transparent; margin-left: 7px;}
.footer-main-zone .ul-social i{font-size: 1.3em}
.footer-main-zone .mini{font-size: 0.8em}

.suscribe-form-group{display: flex; }
.suscribe-form-group .input-email{min-width: 220px; background-color: rgba(255,255,255,0.5); border: 0}
.suscribe-form-group .input-email { color: #000;}
.suscribe-form-group .input-email::placeholder { color: #000;   opacity: 1; }
.suscribe-form-group .form-control{ border-top-left-radius: 3px; border-bottom-left-radius: 3px}
.suscribe-form-group .form-control:focus{background-color: #fff; }
.suscribe-form-group .btn-submit{ background-color: rgba(0,0,0,0.5); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: 0; padding-left: 15px; padding-right: 15px}
.suscribe-form-group .form-control,
.suscribe-form-group .btn-submit{ height: 30px; display: flex; line-height: 30px;font-size: 0.8em}



.col-e80 a{opacity: 0.8}
.col-e80 a:hover{opacity: 1}

/* ==== ONLY MOVILFOOTERYOU... === */

@media screen and (max-width: 768px){

    
    .main-footer [class*="col-"]{width: 100%;}

    .footer-main-zone .row-flex{flex-wrap: wrap}
    

    .main-footer .nav.navbar-nav.institucional li:last-child:after{ display: none;}

    
        .footer-main-zone .col-ini{flex-direction: column;}
        .footer-main-zone .col-end{position: absolute; top: 30px; right: 15px; width: max-content;}
    
    
        .main-footer .footer-remate .col-logo{
            flex-direction: column;
            align-items: center;
        }
        .footer-main-logo{margin-bottom: 10px;}
        .main-footer .footer-remate  small.copy{margin-bottom: 15px; margin-left: 0; display: block;}


    .footer-main-zone .col-remate{width: 100%;  display: flex!important; justify-content: flex-end; font-size: 0.8em;padding-left: 15px;     padding-right: 15px;}
    .main-footer small{margin-bottom: 1rem; width: 100%; text-align: center}

    .main-footer .col-data{flex-direction: column;}
    .main-footer .col-e80{margin-left: auto; margin-right: auto; display: flex; justify-content: center;}

    .footer-contacto{margin-top: 1.5rem; display: inline-flex; align-items: center; }
    .footer-contacto i{margin-right: 5px; opacity: 0.8; margin-top:-2px }
}


/* GUIA DE OFERTAS */


.minilogo2{display: flex; align-items: flex-start}
.main-logo .minilogo2  img{width: 40px!important; margin-right: 10px; align-items: center}

.main-header-ofertas .main-logo{margin-bottom: 10px;margin-top: 10px }
.main-header-ofertas .main-titulo{margin-bottom: 0; }



@media screen and (max-width: 768px){

    .main-header{position: fixed;top: 0;left: 0; right: 0;}
    body{padding-top: 67px;}
}

.especial .p100 .modulo.encuesta .barra.respuesta, .especial .p100 .modulo.encuesta .porcentaje, .especial .p66 .modulo.encuesta .barra.respuesta, .especial .p66 .modulo.encuesta .porcentaje {
    background-color: var(--azul);
}


/* pantalla registro */
:root{--color-btn: #fff;}
.entorno-registro .main-logo img{width: 400px; margin-left: -140px;}



/* titulo secci�n */

.listado.portada .region-principal {
    background-color: #f1f0f0;
}

.listado.portada #main-content {
    margin-top: 0;
}

.listado.portada .titulo-seccion {
    padding: 1.5rem 0;
    margin-top: 0;
    background-color: #e2dfdf;
}









.listado.portada .titulo-seccion{
    background-color: #272f50;
    
}

.listado.portada .titulo-seccion .container {
    position: relative;
}

.listado.portada .titulo-seccion h2 {
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    line-height: 1em;
    border-top: 0;
    color: var(--amarillo);
    font-weight: 700;    
    font-size: 1.5em;
    display: flex;

}


.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a{
    background-color: var(--celeste)!important;
}


/* deconstruyendo los titulos de noticias en portada */


.article-v2.t2 .resumen  {line-height: 1.2em; margin-top: .5rem;}

@media only screen and (min-width: 992px){
    .p25-2 article.t1 .titulo {height: 71px;}
}


/* numero mas leidas */

.home .nro-ranking {
    border-radius: 0;

   
    border: 0;
    background-color: var(--azul);
    color: var(--amarillo);
}



/* STAFF ================================= */

.notaint{width: 100%!important; max-width: none!important;}


#noticiaint h2{
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 1.7em;
}

#noticiaint p{font-size: 1.2em;}

#noticiaint ul{font-size: 1.2em; margin-bottom: 1em;}


#noticiaint a{text-decoration: underline;}

.staff {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.staff img{width: 150px; border-radius: 50%; margin-bottom: .5em;}
.staff .item {border: solid 1px #e2e2e2; padding: 30px; border-radius: 3px;}
#noticiaint .staff .item a{display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; color: #000;}
.staff .item p{margin-bottom: 0;}
.staff .item em{
    font-weight: 400;
    font-size: .6em;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-style: normal;
}


@media screen and (max-width:768px){
 
    .staff {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .staff .item {padding: 10px;}
    .staff img{width: 100%; max-width: 80px; margin-bottom:  5px;}
    .staff p{line-height: 1.2em;}
}



/* hacks y correcciones */


article.t-full .titulo {
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top: 1em;
}
article.t-full  .foto-t-full{
    background-color: var(--azul);
}


article.t-full img{
    mix-blend-mode: luminosity;
    opacity: .5;    
}


article.t-full .z-txt a{
    color: var(--amarillo);
}



@media screen and  (min-width:768px){

    .p100   article.t-full .titulo {
        font-size: 1.7em;
        
    }

    article.t-full img{left: 50%;transform: translateX(-50%);}
}



article.t-full .btn.leer-mas{
   
    border: solid 1px #0000005c;
   
}
article.t-full .btn.leer-mas:hover{
    background-color: var(--azul);
}

/* nuevo logo en footer */

.main-footer .col-e80 {margin-bottom: -8px;}

.footer-futbol-sites{
    display: flex;
    align-items: center;
    line-height: 1em;
    margin-right: auto;
   
}



.footer-futbol-sites > a {margin-right: 7.5px;}
.footer-futbol-sites a.futbolsites img { width: 100px; } 
.footer-futbol-sites a.playmaker img { width: 120px; } 

.footer-futbol-sites .separa {
    width: 2px;
    height: 16px;
    background-color: #3579b8;
    margin-right: 8px;
    transform: skew(346deg);
}


.footer-futbol-sites  small{    font-size: 11px; line-height: 1em; margin-bottom: -2px; color: #b6c9dd; font-style: italic;}



@media screen and  (max-width:768px){
    .footer-futbol-sites{
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        border-top: solid 1px var(--celeste);
        border-bottom: solid 1px var(--celeste);
    }

    .footer-futbol-sites > a{margin-bottom: 10px; margin-left: auto; margin-right: auto;}
    .footer-futbol-sites small{margin: auto;}

    .footer-futbol-sites .separa{display: none;}
}


/* minihack para filas especiales */

@media only screen and (min-width: 1200px){
    .fila.especial{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .row-equal-flex .sidebar .bnn{
        background: #f1f0f0;
        padding: 15px;
        margin-bottom: 30px;
    }

}



/* 23-12/22 */

.bnn {
    display: block;
    text-align: center;
    background: #fff;
    margin-bottom: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    border: solid 1px #ccc;
}


.bnn::before {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;
    font-weight: 500;
   content: "Publicidad";
   display: block;
   text-align: center;
   width: 100%;
   font-size: 9px;
   text-transform: uppercase;
   line-height: 1;
   margin: 0px 0px 15px;
   letter-spacing: .5px;
}



.remove-bnn .bnn{
    background: transparent;
    border: none;
    padding: 0;
}

.remove-bnn .bnn::before{display: none;}

/* modificacion excepcional para listado (sections) */
@media screen and (min-width:768px){
.listado.portada #main-content{display: flex; flex-direction: column;margin-top: -1px;}
.listado.portada #main-content .titulo-region.titulo-seccion {order: 1;}
.listado.portada #main-content .region-principal{order: 2;} 
.listado.portada #main-content .container.bnn-main-top{order: 3;display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 40px;} 
.listado.portada #main-content .region-secundaria{order: 4;} 
.listado.portada #main-content .region-secundaria + .container{order: 5; } 

}


@media screen and (max-width:768px){
    .listado.portada #main-content{display: flex; flex-direction: column;}
    .listado.portada #main-content .titulo-region.titulo-seccion {order: 1;}
    .listado.portada #main-content .region-principal{order: 2;} 
    .listado.portada #main-content .bnn-main-top{order: 3;} 
    .listado.portada #main-content .region-secundaria{order: 4;} 
    
    
    }
    
    

.remove-ad-txt .bnn::before {
    display: none;
}

@media screen and (max-width:768px){
    .article-v2.t2 .titulo {
        max-height: none;
        font-size: 20px;
    }


    article.t2 .t2-izq {
        flex: 1 1 30%;
        background: #071c3b;
        display: flex;
        align-items: center;
        margin-left: 15px;
    }
}



#noticiaint p {
    font-size: 1.5em;
}


.header-author .social-icons {
    float: left;
    display: flex;
    align-items: center;
    margin-top: 3px;
    padding: 5px;
    border: solid 1px #a1a1a1;
    margin-top: -2px;
    margin-right: 7px;
}

.header-author .description {
    font-style: normal;
    color: rgb(18 18 18);
    font-size: 1.4em;
    line-height: 1.4em;
}

.header-author .social-icons a:last-child{margin-right: 0;}

.header-author .description{
    margin-top: 10px;
}

.header-author .image-author{background-color: transparent;}



@media screen and (max-width: 768px){

    .header-author .author {
        font-size: 2em;
        margin-top: 16px;
    }


    .header-author .description {
        margin-top: 20px;
    }

}



.titulo-region.titulo-seccion h1 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    color: #fff952;
    text-shadow: 0px 2px #2b2f4d, 0px 4px #000000;
    text-align: center;
}

#publicidad-top .bnn{margin-bottom: 0;}

#publicidad-top {
    text-align: center;
    line-height: 0px;
    padding: 13px 0;
    background-color: #1d2036;
    min-height: 53px;
}

/* Nuevo footer */

.new-footer{background-color:#fff;color:#000}
.new-footer .container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.new-footer .logos{padding:1.5em 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2em}
.new-foote .jugar18,.new-footer .segob{margin-bottom:-.2em}

.new-footer small{display:block;padding:1em;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:left;font-size: .9em; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;}


.new-footer .bettercollective{padding:1em 0}
@media screen and (max-width:768px){
.new-footer .logos{justify-content:center;padding:2em 0}
.new-footer .logos>:nth-child(3){margin-top:-.5em; margin-bottom: -.5em; flex-basis:100%}
.new-footer small{padding:1.5em 0}
.new-footer .bettercollective{padding:1.2em 0}
}



/* nueva barra submenu */


.barra-submenu {
    background: #272F50;    
    color: #fff;
    
}


.barra-submenu .container{display: flex;}
.barra-submenu .sub-nav {    
    margin: 15px auto ;
}

.barra-submenu .sub-nav a {
    color: #fff;
    font-size: 1.35em;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: 600;
}


.barra-submenu .sub-nav a.activo{
    color: #eae55e;
}


/*.titulo-region:not(.barra-submenu) {display: none;}*/



.disclamer {
    background-color: #000429;
    color: #fff;
    text-align: center;
    border-top: solid 2px #eae55e;
    padding: 10px 0;
    font-size: 1.2em; line-height: 1em;
}

.disclamer  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.5em;
}

.disclamer  span{font-size: 10px; opacity: .7; margin: 0 15px;}
.disclamer  a{color: #fff; text-decoration: underline;}
.disclamer  a:hover{color: #eae55e; text-decoration: none;}



@media screen and (max-width:768px){



.sub-nav {
    display: flex;              /* Usar flexbox para alinear los elementos horizontalmente */
    overflow-x: auto;          /* Permitir el desplazamiento horizontal */
    white-space: nowrap;       /* Evitar que los elementos salten a la siguiente línea */
    -webkit-overflow-scrolling: touch; /* Habilitar el scroll suave en dispositivos móviles */
}

.sub-nav a {
    padding: 10px 15px;       /* Espaciado alrededor de los enlaces */
    text-decoration: none;     /* Quitar subrayado de los enlaces */
    color: #000;               /* Color del texto */
}

.sub-nav a.activo {
    font-weight: bold;         /* Estilo para el enlace activo */
}


}





.masleidas-listado-33---article .titulo{font-size: 1.4em;}