.botton{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;border: 0px solid #000000; background-color:#FFF; color:#636363; padding:3px}
.header_social{float:right; color:#FFF; margin-top:30px}
.header_social a{color:#DDD;}
.whitelinks a{ color:#bbb}

.epigrafe{font-size:11px; width:400px; float:left; margin:3px 0 0 0;padding-left: 5px}
.ampliar{text-align:right; font-size:10px; margin:3px 0 0 0;padding-bottom:5px;padding-right: 5px}
h2, .h2 {font-size:22px;}
.comillas{font-size:30px;}

/*Slider*/
.allinone_bannerRotator{width:100% !important}
@media screen and (min-width:1200px){
	#containingDiv {width:560px;margin:0 auto 30px auto; padding:0 0 0 0;}
}
@media screen and (min-width:767px){
	#containingDiv {width:100%;margin:0 auto 30px auto; padding:0 0 0 0;}
}
.fa-twitter{color:#62a9e0;}
.fa-facebook-square{color:#4862a3}
.fa-linkedin-square{color:#1d87bd}
.fa-google-plus-square{color:#db4437}
.fa-youtube{color:#e62117}
.fa-instagram{color:#e1306c}
/* miniaturas 100x80 (bloque 2 columnas, galerías): recortar en vez de deformar */
img[width="100"][height="80"]{object-fit:cover}

.nota-col-separador{border-top: 1px solid #e3e3e3; padding-top:17px}
.caja-destacada{background:#9CC4E8}
.caja-destacada2{background:#ABCFAE}
/* Fotos de las cajas destacadas: mismo alto y recortadas (antes max-height fijo que las estiraba) */
.caja-destacada .thumb-wrap img.img-responsive, .caja-destacada2 .thumb-wrap img.img-responsive{width:100%; height:auto; aspect-ratio:530/320; object-fit:cover; max-height:none !important;}

@media (max-width: 400px) {
	#containingDiv{margin-bottom:20px !important}
	.allinone_bannerRotator_texts h2 a{font-size:12px !important}
	.allinone_bannerRotator_text_line{top:131px !important}
}

#popup {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width:500px;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
	color:#48484B;
	border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
	display:none;
	background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
	position: absolute;
    right: 15px;
}
#categoria{margin-bottom:15px}
#categoria img{width:170px !important;margin-right:5px;vertical-align: middle; display:inline;}
#categoria span{font-size:18px; font-weight:bold;}

#nota .texto figure img{max-width: 100%}
.highlights{float: right;}

#nota_columna {color:#FFF;}
#nota_columna a{color:#CCC;}
#nota_columna ul {padding:0;}
#nota_columna ul li{float: left; list-style-type: none; margin:6px;}

#sidebar .module-singles ul li {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
.fondofoto {background-color: #CCC;}
.epigrafe{width:100%;}

/* Nota: compartir */
#nota_compartir_mobile h3{
	display: inline-block;
    margin: 0 30px 0 0;
}
#nota_compartir_mobile{
	padding: 0 0 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dadada;
}
@media(max-width: 991px) {
	#nota_compartir{display:none;}
	#nota_compartir_mobile{display:block;}
}
@media(min-width: 992px) {
	#nota_compartir{display:block;}
	#nota_compartir_mobile{display:none;}
}
#header-branding #search-form {width: 100% !important}
#header-branding #search-form input{width: 100% !important}

#header-branding .weather{padding:0 30px 0 0;}

/*
#page-header,#page-header-mobile{
	position: fixed;
    top: 0;
    width: 100%;
    transition: 0.2s;
    z-index: 9999;
}

.post_header{margin-top:40px !important;}
@media screen and (min-width:767px){
	.post_header{margin-top:120px !important;}
}
#page-slider-cont{margin-top:155px}
*/

.caja-destacada .thumb-wrap{margin-bottom: 15px;}
.caja-destacada, .caja-destacada3{margin-bottom: 20px;}

/* Logo en su tamaño natural (como en los sitios originales); los SVG no tienen
   tamaño propio, ahí se fija el alto */
#logo img.logoimg{height: auto; width: auto; max-width: 100%;}
#logo img.logoimg[src$=".svg"]{height: 62px;}
.logofoot{padding-right: 45px;}


.author-box .name {padding-top: 20px;}

#sidebar .module-photos{padding-top: 20px;}

#nota #main #article-post .texto img{max-width:100%}
/* Columna principal del home a todo el ancho (sin columna del medio): mismo aire
   arriba que tiene la col-md-9 en style.css */
#main .col-home-ancha{padding-top: 20px;}
@media (min-width: 1200px){#main .col-home-ancha{padding-top: 25px;}}

/* Columna derecha del header: redes arriba y la fecha debajo, alineadas a la derecha */
#header-branding .col-md-4.text-right .header_social{float: none; display: block; margin-top: 18px; text-align: right;}
#header-branding .col-md-4.text-right .weather{margin-top: 4px; padding-right: 0;}

/* Página de sección: título y paginador */
#main header.seccion-titulo{margin:25px 0}
#main header.seccion-titulo h2{font-size:28px; line-height:1.2}
.pagination > span{display:inline-block; margin:0 6px}
.pagination > span > span{margin:0 4px}

/* Slider tiposlider 1 (allinone_bannerRotator): nunca más ancho que la columna */
#containingDiv{max-width:100%; overflow:hidden}
/* Slider tiposlider 1 (allinone_bannerRotator): título más chico en pantallas angostas */
@media (max-width: 767px){
	#allinone_bannerRotator_attractive .allinone_bannerRotator_text_line h2{font-size:17px; line-height:21px; white-space:normal}
	#allinone_bannerRotator_attractive .allinone_bannerRotator_text_line{width:100% !important; box-sizing:border-box}
}

/* Pie: una sola fila (logo | redes | edición y visitas | otros accesos), centrado vertical */
#page-footer .about.dp-foot-fila{display:flex;flex-wrap:wrap;align-items:center;padding:25px 0}
#page-footer .about.dp-foot-fila > div.dp-foot-col{flex:1 1 0;min-width:0;margin:0;padding:0 20px}
#page-footer .about.dp-foot-fila h3{margin:0;padding:0}
#page-footer .about.dp-foot-fila h3 img{max-width:100%;height:auto}
#page-footer .about.dp-foot-fila .dp-foot-redes{text-align:center}
#page-footer .about.dp-foot-fila .dp-foot-redes a i.fa{margin:0 6px}
#page-footer .about.dp-foot-fila .dp-foot-datos{text-align:right;line-height:1.7}
#page-footer .about.dp-foot-fila .dp-foot-datos span{display:block}
#page-footer .about.dp-foot-fila .dp-foot-datos span[hidden]{display:none}
@media (max-width: 767px){
	#page-footer .about.dp-foot-fila{flex-direction:column}
	#page-footer .about.dp-foot-fila > div.dp-foot-col{flex:none;width:100%;text-align:center;margin:8px 0}
	#page-footer .about.dp-foot-fila h3{text-align:center}
}

/* Nota: la columna derecha flota dentro de #main; al terminar, el texto ocupa todo el ancho.
   Fotos, videos y embeds conservan el ancho de la columna para no saltar debajo del sidebar. */
@media (min-width: 992px){
	#main.dp-nota-flow{float:none;width:auto}
	#main.dp-nota-flow > #sidebar{float:right;margin:0 -20px 25px 25px;padding-bottom:25px}
	#main.dp-nota-flow #article-post .row:after{clear:none}
	#main.dp-nota-flow #article-post [class*="col-"]{float:none}
	#main.dp-nota-flow #article-post :is(img,iframe,video,figure,table,.embed-responsive){max-width:600px}
	#main.dp-nota-flow #article-post > footer{clear:both}
}
@media (min-width: 1200px){
	#main.dp-nota-flow > #sidebar{margin:0 -25px 25px 25px}
	#main.dp-nota-flow #article-post :is(img,iframe,video,figure,table,.embed-responsive){max-width:770px}
}
@media (max-width: 991px){
	#main.dp-nota-flow{display:flex;flex-direction:column}
	#main.dp-nota-flow > #sidebar{order:2}
}

/* columna de videos del home (home/sidebar_videos.php): captura de YouTube con botón de play */
.home-videos article{margin-bottom:15px}
.home-videos .home-video-thumb{position:relative;display:block;margin-bottom:6px}
.home-videos .home-video-thumb img{float:none;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0}
.home-videos .home-video-thumb:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:31px;margin:-15px 0 0 -22px;border-radius:8px;background:rgba(0,0,0,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/20px no-repeat;transition:background-color .2s}
.home-videos .home-video-thumb:hover:after{background-color:#e00}
.home-videos h3{font-size:13px;line-height:1.35;margin:0}