/*
Theme Name: Comics Theme
Theme URI: https://example.com/
Author: Tu Nombre
Description: Tema responsive para web de cómics: rejilla de portadas, sidebar, menú móvil, buscador y modo oscuro.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: comicstheme
*/

/* ========== Reset ========== */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,.post-comments{list-style:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{image-rendering:-webkit-optimize-contrast}
img,video{max-width:100%;height:auto}
iframe{display:block;margin:0 auto!important}
.clear,body{margin:0;padding:0}
input:focus,textarea:focus{outline:0}

body{
	line-height:1;
	font-family:Roboto,sans-serif;
	font-size:14px;
	font-weight:400;
	background:#282b35;
}
a{text-decoration:none;cursor:pointer;color:#337ab7}

.aligncenter,div.aligncenter{display:block;margin:5px auto}
a img.alignnone{margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute!important;left:-9999px}

/* ========== Contenedor general ========== */
#dt_contenedor{width:100%;float:left;background:#282b35!important}
header.main .hbox,#contenedor,.menu-main-container,.fbox{max-width:1420px;margin:0 auto}

/* ========== Header ========== */
header.main{
	width:100%;height:68px;position:relative;z-index:104;
	box-shadow:0 10px 5px -7px rgba(0,0,0,.09);background:#16181d;
}
header.main .hbox{margin:0 auto!important}
header.main .hbox .logo{float:left;padding:10px}
header.main .hbox .logo a{display:inline-block}
header.main .hbox .logo img{width:auto;height:45px}
header.main .hbox .logo .site-name{
	display:inline-block;height:45px;line-height:45px;font-size:28px;font-weight:700;color:#fff;letter-spacing:.5px
}
header.main .hbox .logo .site-name b{color:#ffb400;font-weight:700}

.main .hbox .search,.main .hbox .nav{display:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}

button.aresp{cursor:pointer;padding:0;background-color:transparent}
button.aresp.search-resp{
	display:block;float:right;width:28px;height:28px;border:0;
	background:url(assets/img/search.svg) no-repeat center;background-size:26px;
}
button.aresp.nav-resp{
	display:block;width:28px;height:28px;border:0;
	background:url(assets/img/menu.svg) no-repeat -1px;background-size:30px;
}
button.aresp.nav-resp.active,button.aresp.search-resp.active{
	display:block;width:28px;height:28px;border:0;
	background:url(assets/img/cross.svg) no-repeat 2px;background-size:24px;
}

/* Buscador */
.search_responsive{position:relative;float:left;width:440px;padding:15px 0 15px 55px}
form.form-resp-ab{width:100%;float:left;position:relative}
form.form-resp-ab input[type=text]{
	width:335px;padding:7.8px;font-size:18px;color:#fff;background:#282b35;border:0;border-radius:4px;font-family:Roboto,sans-serif
}
form.form-resp-ab ::placeholder{color:#9a9ca3}
button.search-button{
	width:44px;height:37px;
	background:url(assets/img/search_2.svg) #282b35 no-repeat 7px;background-size:32px;
	color:#fff;border:0;top:0;right:1px;position:absolute;cursor:pointer;border-radius:4px;
	transform:scaleX(-1);
}

/* Menú principal */
.head-main-nav{width:100%;float:left;background:#16181d;border-top:solid 1px #4b4b4b}
.head-main-nav ul.main-header{float:left;width:100%}
.head-main-nav ul.main-header li{float:left;position:relative}
.head-main-nav ul.main-header li a{font-size:15px;font-weight:400;padding:15px 30px;float:left;color:#fff}
.head-main-nav ul.main-header li:hover>a{background:#1e2028;color:#ffb400}
.head-main-nav ul.main-header li a:before{display:none}
.head-main-nav ul.main-header li ul{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#16181d;z-index:105}
.head-main-nav ul.main-header li:hover>ul{display:block}
.head-main-nav ul.main-header li ul li{width:100%}
.head-main-nav ul.main-header li ul li a{width:100%;padding:12px 20px}

/* ========== Módulo (portada / archivos) ========== */
.module{
	float:left;width:100%;min-height:812px;margin:20px 0;padding:0;position:relative;background:#fff;border-radius:4px
}
.module .content{width:calc(100% - 320px);float:left;border-right:solid 3px #eceff5}
.module .sidebar{width:320px;height:100%;float:right;position:relative;top:0;right:0;padding:10px}
.module .content header{float:left;width:100%;padding:15px 17px 5px}
.module .content header h1,.module .content header h2{
	float:left;font-size:20px;font-weight:500;padding-left:10px;color:#222d34;border-left:solid 3px #408bea
}
.TopAdMovil{display:none}
.TopAdMovil .widget_text,.TopAdMovil .widget{list-style:none}

/* Rejilla de portadas */
.blog-list-items{width:100%;float:left;padding:9px}
.entry{width:calc(100%/4);float:left;margin:0;padding:9.84px;position:relative}
.entry a.popimg{display:block}
.entry img{width:100%;height:auto;border-radius:7px 7px 0 0;display:block;aspect-ratio:350/487;object-fit:cover}
.entry .no-thumb{
	display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:350/487;
	border-radius:7px 7px 0 0;background:#d9dbe0;color:#777;font-size:13px
}
.information{
	width:100%;height:25px;float:left;padding:3px 5px;text-align:center;font-weight:500;font-size:15px;line-height:20px;
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222d34;border-radius:0 0 7px 7px;background:#f0f1f2
}
.information a{color:#16181d}

/* Paginación */
.wp-pagenavi{
	clear:both;padding:20px 0;border-top:solid 3px;border-bottom:solid 3px;border-color:#f5f7fa;margin-bottom:15px;text-align:center
}
.wp-pagenavi a,.wp-pagenavi span{
	font-size:17px;color:#fff;margin-right:10px;background:#363636;padding:9px 15px;border-radius:3px;display:inline-block;line-height:1
}
.wp-pagenavi a:hover,.wp-pagenavi span.current{background:#383535d4}
a.last{margin-right:0}

/* Sin resultados */
.no-result{float:left;width:100%;padding:20px;color:#222d34}
.no-result h2{float:left;width:100%;font-size:25px;font-weight:400;margin-bottom:20px}
.no-result p{line-height:22px;margin-bottom:15px}
.no-result strong{font-size:20px}
.no-result ul{list-style-type:square;margin:20px 0 20px 30px}
.no-result li{padding:3px 0;line-height:20px}

/* ========== Sidebar ========== */
aside#custom_html-2{margin-top:0}
.sidebar aside.widget{float:left;width:100%;margin-top:20px;padding:0}
.sidebar aside.widget:first-child{margin-top:0}
.sidebar aside.widget_text{padding:0}
.sidebar aside.widget h2.widget-title{
	font-weight:400;font-size:17px;width:100%;float:left;margin-bottom:15px;color:#20272d;background:#ffb400;padding:9px;border-radius:3px
}
.sidebar aside.widget ul{float:left;width:100%}
.sidebar aside.widget ul li{
	float:left;width:50%;line-height:16px;padding:9px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:solid 1px #eceff5
}
.sidebar aside.widget ul li a{font-size:15px;text-align:left;color:#3c4143}
.sidebar aside.widget ul li a:hover{color:#009fff}
.sidebar aside.widget ul li:before{
	float:left;content:"";width:16px;height:14px;margin-right:5px;margin-left:5px;
	background:url(assets/img/arrow_black.svg) no-repeat
}
.sidebar aside.widget ul li ul{display:none}
.textwidget{float:left;width:100%;margin:0;padding:0}
.tagcloud{float:left;width:100%}
.tag-cloud-link{background:#eee;color:#4d4f59;padding:4px 6px;margin:0 4px 8px 0;display:inline-block;border-radius:4px}

form.search-form{width:100%;float:left;position:relative;padding:9px;background:#f0f1f2;border-radius:20px}
form.search-form input[type=text],form.search-form input[type=search]{width:100%;background:0 0;border-width:0;font-family:Roboto,sans-serif;font-size:16px}
form.search-form button[type=submit],form.search-form input[type=submit]{position:absolute;right:0;top:0;border:0;background:0 0;cursor:pointer;padding:10px 9px}

/* ========== Single (lector) ========== */
#single{width:100%;float:left;position:relative;background:#fff;margin:20px 0;border-radius:4px}
.dtsingle .content{width:calc(100% - 320px);float:left;padding:0;position:relative}
#single .content{border-right:solid 3px #eceff5}
.dtsingle .sidebar{width:320px;height:100%;float:left;padding:10px;position:absolute;right:0;top:0;overflow:hidden;overflow-y:auto}

.posts{padding:20px 25px 5px;float:left;width:100%}
.posts header.pos{
	float:left;width:100%;background:#282828;border-left:6px solid #ffb400!important;overflow:hidden;
	padding:.5em 10px 0;border-top-left-radius:2px;border-top-right-radius:2px
}
.posts header.pos h1.titl{
	font-size:32px;font-weight:400;line-height:40px;text-align:center;border-bottom:solid 2px #4c4b46;padding-bottom:6px;color:#fff
}
.posts .meta{
	float:left;width:100%;background:#282828;border-left:6px solid #ffb400!important;overflow:hidden;
	padding:.5em 10px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin-bottom:15px
}
.posts .meta .date{font-size:14px}
.headerTitle{width:100%;float:left;margin-bottom:15px}
p#breadcrumbs{width:100%;font-size:14px;line-height:18px;color:#fff;text-align:center;overflow:hidden}
p#breadcrumbs a{color:#ffb400}

.wp-content{width:100%;float:left;margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #eceff5;color:#222d34}
.wp-content a{word-wrap:break-word}
.wp-content p{margin-bottom:15px;line-height:23px}
.wp-content p:last-child{margin-bottom:0}
.wp-content ul,.wp-content ol{padding-left:30px;margin-bottom:15px}
.wp-content ul li{list-style-type:square}
.wp-content ol li{list-style-type:decimal}
.wp-content ol li,.wp-content ul li{line-height:25px}
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{line-height:20px;margin-bottom:15px;display:block;color:#222d34}
.wp-content h2{font-size:23px}
.wp-content h2.has-text-align-center{text-align:center}
.wp-content h3{font-size:21px}
.wp-content img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}

/* Galería de imágenes */
ul.blocks-gallery-grid{padding:0!important}
li.blocks-gallery-item{width:100%!important;margin-right:0!important;list-style:none!important}
figure{width:100%!important;margin:5px 0!important;justify-content:center}

/* Paginación dentro del cómic */
.post-nav-links,#post-pagination{text-align:center;font-size:20px;float:left;width:100%;margin-bottom:10px}
.post-page-numbers,.current-post-page{
	background:#363636;padding:7px 14px;color:#fff;border-radius:4px;font-weight:400;margin:0 3px 8px 0;display:inline-block;line-height:23px;font-size:20px
}
.current-post-page,.post-page-numbers.current{background:#383535d4}

/* Categorías / etiquetas */
.tax_post{position:relative;display:inline-block;float:left;margin:0;width:100%;margin-top:-10px}
.tax_post .tax_box{position:relative;padding:10px 10px 10px 110px;width:100%;float:left}
.tax_post .tax_box .title{
	position:absolute;left:0;top:10px;text-align:center;width:100px;text-transform:uppercase;font-size:12px;padding:5px 10px;background:#ffb400;border-radius:4px;color:#20272d
}
.tax_post .tax_box .links a{font-size:13px;font-weight:400;background:#eee;color:#4d4f59;padding:5px 6px;margin:0 3px 8px 0;border-radius:4px;display:inline-block}

/* Relacionados */
.crp-list{width:100%;float:left;margin-bottom:15px}
.crp-list-item.crp-list-item-has-image{
	display:flex;float:left;width:calc(100%/4);padding:7px;position:relative;overflow:hidden;margin:0;flex-direction:column
}
.crp-list-item .crp-list-item-image{margin:0 auto;border-radius:7px 7px 0 0;width:100%;aspect-ratio:350/487;object-fit:cover;display:block}
.crp-list-item-title{
	width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:3px 5px;
	border-radius:0 0 7px 7px;line-height:20px;background:#f5f1f1;margin-bottom:5px;color:#000
}
.related-head{float:left;width:100%;font-size:20px;font-weight:500;color:#222d34;padding:10px 7px}

/* Páginas estáticas */
.single-page{padding:40px;float:left;width:100%;background:#fff;margin:20px 0;border-radius:4px}
.single-page h1.head{
	font-size:32px;font-weight:400;margin-bottom:20px;padding-bottom:15px;width:100%;float:left;border-bottom:solid 1px #eceff5;color:#222d34
}

/* ========== Comentarios ========== */
.comments-area{padding:15px;width:100%;float:left;overflow:hidden;border-top:solid 3px #f5f7fa;color:#333}
.comments-area h2{float:left;width:100%;font-size:20px;font-weight:600;padding-bottom:5px;color:#222d34;padding-top:15px}
.comments-area h2 i{width:26px;height:26px;background:url(assets/img/comment.svg) no-repeat;background-size:26px;margin-right:6px;float:left}
.comment-list{list-style:none;padding:0;margin:15px 0 0;float:left;width:100%}
.comment-list li.comment{
	background:#fff;border:1px solid #e1e1e1;border-radius:6px;padding:1.5em;margin-bottom:1.5em;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;line-height:1.5
}
.comment-list .children{margin-top:1em;padding-left:1.5em}
.comment-author{display:flex;align-items:center;margin-bottom:.75em;gap:.5em}
.comment-author img.avatar{border-radius:50%;width:48px;height:48px}
.comment-author .fn{font-weight:600;font-size:1em}
.comment-meta,.comment-metadata{font-size:.875em;color:#777}
.comment-metadata a{color:#777}
.comment-content{line-height:1.6;font-size:.95em;margin:.5em 0}
.comment-reply-link{font-size:.875em;color:#0066cc;transition:color .2s ease}
.comment-reply-link:hover{color:#004999}
#respond{background:#fafafa;border-radius:6px;padding:2em;box-shadow:0 2px 4px rgba(0,0,0,.05);float:left;width:100%;margin:15px 0;line-height:1.5}
#respond h3{margin-top:0;font-size:1.25em;font-weight:600;color:#222;margin-bottom:10px}
#respond h3 small{font-size:14px;margin-left:10px}
.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment{margin-bottom:1.25em}
.comment-form-author input,.comment-form-email input,.comment-form-url input,.comment-form-comment textarea{
	width:100%;padding:.75em 1em;border:1px solid #ccc;border-radius:4px;font-size:.95em;font-family:Roboto,sans-serif;transition:border-color .2s,box-shadow .2s
}
.comment-form-comment textarea{height:90px;resize:vertical}
.comment-form-author input:focus,.comment-form-email input:focus,.comment-form-url input:focus,.comment-form-comment textarea:focus{
	border-color:#66afe9;box-shadow:0 0 0 2px rgba(102,175,233,.4);outline:none
}
.comment-form .form-submit input[type=submit]{
	background:#0066cc;color:#fff;border:none;border-radius:4px;padding:.75em 1.5em;font-size:1em;font-weight:600;cursor:pointer;transition:background .2s
}
.comment-form .form-submit input[type=submit]:hover{background:#004999}
.comment-notes,.logged-in-as{font-size:13px;color:#777;margin-bottom:10px}

/* ========== Footer ========== */
footer.main{width:100%;float:left;color:#afb8c7;background:#16181d;font-size:13px}
footer.main .fbox .fmenu{float:left;padding:20px 0}
footer.main .fbox .fmenu ul{margin:0}
footer.main .fbox .fmenu ul li{float:left;padding:10px}
footer.main .fbox .fmenu ul li:before{
	content:"";width:16px;height:13px;margin-right:5px;background:url(assets/img/arrow.svg) no-repeat;float:left
}
footer.main .fbox .fmenu ul li a{font-size:14px;font-weight:400;color:#b1b1b1}
footer.main .fbox .fmenu ul li a:hover,footer.main .fbox .fmenu ul li.current-menu-item a{color:#408bea}
footer.main .fbox .alCha{width:100%;color:#838383;padding:10px;float:left;text-align:center;line-height:20px}
footer.main .fbox .copy{float:right;padding:30px 0;color:#ffb400;margin-right:10px}

/* ========== Botón modo oscuro ========== */
#toggle-dark-mode{
	position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#4a4a4a;border:none;border-radius:10px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;
	box-shadow:0 2px 5px rgba(0,0,0,.3);z-index:9990;padding:0
}
#toggle-dark-mode:hover{background-color:#5e5e5e}
img.dark{display:none}
img.light{display:block;width:24px;height:24px}

/* ========== Scrollbar ========== */
::-webkit-scrollbar{width:8px;height:5px}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height:0;display:block;background-color:#fff}
::-webkit-scrollbar-track-piece{background-color:#000}
::-webkit-scrollbar-thumb{height:90px;background-color:#ffb400}
::-webkit-scrollbar-thumb:hover{background-color:#cb9001}

/* ========== Modo oscuro ========== */
body.dark-mode{background-color:#181818;color:#fff}
.dark-mode #toggle-dark-mode{background-color:#fff}
.dark-mode #toggle-dark-mode:hover{background-color:#ebebeb}
.dark-mode img.dark{display:block;width:24px;height:24px}
.dark-mode img.light{display:none}
.dark-mode .module,.dark-mode #single,.dark-mode .single-page{background:#1b2026}
.dark-mode .module .content header h1,.dark-mode .module .content header h2{color:#fff;border-left-color:#ffa500;font-weight:400}
.dark-mode .module .content,.dark-mode #single .content{border-right-color:#282b35}
.dark-mode .information{background:#282b35;color:#fff}
.dark-mode .information a{color:#fff!important;font-weight:400}
.dark-mode .wp-pagenavi{border-color:#282b35}
.dark-mode .wp-pagenavi a,.dark-mode .wp-pagenavi span{background:#282b35}
.dark-mode .wp-pagenavi a:hover,.dark-mode .wp-pagenavi span.current{background:#121317}
.dark-mode .sidebar{background:#1b2026!important}
.dark-mode .sidebar aside.widget ul li{border-bottom-color:#282b35}
.dark-mode .sidebar aside.widget ul li a{color:#fff}
.dark-mode .sidebar aside.widget ul li:before{filter:invert(1)}
.dark-mode .tag-cloud-link{background:#282b35;color:#ddd}
.dark-mode .single-page h1.head{border-bottom-color:#4a4a4a;color:#fff}
.dark-mode .wp-content{border-bottom-color:#282b35;color:#fff}
.dark-mode .wp-content p{color:#fff}
.dark-mode .wp-content h1,.dark-mode .wp-content h2,.dark-mode .wp-content h3,.dark-mode .wp-content h5,.dark-mode .wp-content h6{color:#ffb400!important}
.dark-mode .posts header.pos,.dark-mode .posts .meta{background:#16181d!important}
.dark-mode .current-post-page,.dark-mode .post-page-numbers.current{background:#ffb400;color:#000}
.dark-mode .crp-list-item-title{background:#282b35;color:#fff}
.dark-mode .related-head{color:#fff}
.dark-mode .tax_post .tax_box .links a{background:#282b35;color:#fff}
.dark-mode #comments,.dark-mode .comments-area{color:#a2a0a0;border-top-color:#282b35}
.dark-mode .comments-area h2{color:#fff}
.dark-mode .comment-list li.comment{background:#22282f;border-color:#343a40}
.dark-mode #respond{background:#22282f}
.dark-mode #respond h3{color:#fff}
.dark-mode .comment-form-author input,.dark-mode .comment-form-email input,.dark-mode .comment-form-url input,.dark-mode .comment-form-comment textarea{
	background:#282b35;border-color:#737373;color:#ccc
}
.dark-mode .no-result{color:#fff}
.dark-mode form.search-form{background:#282b35}
.dark-mode form.search-form input{color:#fff}

/* ========== Responsive ========== */
@media screen and (max-width:1280px){
	.entry{width:calc(100%/3)}
}
@media only screen and (max-width:1024px){
	footer.main .fbox .copy{padding:20px;margin:0}
}
@media only screen and (max-width:960px){
	.sidblock,.formblock{display:block!important}

	form.form-resp-ab{display:none;border-radius:0;border-bottom:1px solid #e1e0e0;background:#f5f7fa}
	form.form-resp-ab input[type=text]{background:0 0;border:0;width:100%;padding:15px;font-size:20px;color:#222d34;border-radius:0}
	form.form-resp-ab ::placeholder{color:#8a8f96}
	button.search-button{background:url(assets/img/search_black.svg) no-repeat 4px;background-size:32px;top:8px;right:4px}

	.main .hbox .nav{float:left}
	.main .hbox .search{float:right}
	.main .hbox .nav,.main .hbox .search{padding:18px 13px;display:block}

	header.main{width:100%;height:64px;float:none;border-bottom:solid 1px #4b4b4b}
	header.main .hbox .logo{
		position:absolute;left:54px;right:54px;top:0;text-align:center;padding:8px 0;float:none
	}
	header.main .hbox .logo .site-name{font-size:24px}

	.search_responsive{width:100%;display:block;padding:0;position:absolute;left:0;top:64px;z-index:103}

	.head-main-nav{display:none;width:100%;position:relative;border:0}
	.menu-main-container{
		position:absolute;left:0;width:100%;z-index:103;box-shadow:0 14px 15px -13px rgba(0,0,0,.52);padding:0;background:#fff
	}
	.head-main-nav ul.main-header li{padding:0;float:left;width:50%;font-weight:500;border-bottom:1px solid #eceff5}
	.head-main-nav ul.main-header li a{
		font-size:15px;font-weight:500;float:left;width:100%;padding:15px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222d34
	}
	.head-main-nav ul.main-header li:hover>a{background:transparent;color:#408bea}
	.head-main-nav ul.main-header li ul{position:static;display:block;background:transparent;float:left;width:100%}

	.TopAdMovil{display:block;margin-top:10px;float:left;width:100%;text-align:center}

	#contenedor{width:100%;margin:0 auto}
	.module{margin:0;border-radius:0}
	.module .content,.module .sidebar{width:100%;margin-left:0;border-right:0}
	.module .sidebar{background:#fff;position:relative;border-left:none}
	.module .content header{line-height:18px;padding:14px 14px 5px}

	#single{margin:0;border-radius:0}
	#single .content,.dtsingle .content{width:100%;border-right:0}
	#single .sidebar,.dtsingle .sidebar{width:100%;border-left:0;margin-left:0;position:relative;height:auto}
	.posts{padding:10px}
	.single-page{padding:25px;margin:0;border-radius:0}
	.comments-area{padding:5px 10px}

	/* Modo oscuro móvil */
	.dark-mode .module .sidebar{background:#1b2026}
	.dark-mode .menu-main-container{background:#1b2026}
	.dark-mode .head-main-nav ul.main-header li{border-bottom-color:#4b4b4b}
	.dark-mode .head-main-nav ul.main-header li a{font-weight:400;color:#fff}
	.dark-mode form.form-resp-ab{border-bottom-color:#4b4b4b;background:#282b35}
	.dark-mode form.form-resp-ab input[type=text]{background:#282b35;border-radius:0;color:#fff}
	.dark-mode form.form-resp-ab ::placeholder{color:#c6c6c6}
	.dark-mode button.search-button{background:url(assets/img/search_2.svg) #282b35 no-repeat 4px!important;background-size:32px!important;right:4px!important}
}
@media only screen and (max-width:768px){
	.wp-pagenavi a,.wp-pagenavi span{margin-top:5px;display:inline-block}
}
@media only screen and (max-width:600px){
	.entry{width:calc(100%/2);padding:6px}
	.crp-list-item.crp-list-item-has-image{width:calc(100%/2)}
	#toggle-dark-mode{width:40px;height:40px;bottom:15px;right:15px}
}
@media only screen and (max-width:540px){
	.wp-pagenavi a.first,a.last{display:none}
	a.nextpostslink{margin-right:0!important}
	.no-result h2{font-size:20px}
	.no-result{padding:10px}
}
@media only screen and (max-width:424px){
	.posts header.pos h1.titl{font-size:24px;line-height:32px}
}
@media only screen and (max-width:320px){
	.wp-pagenavi a,.wp-pagenavi span{margin-right:5px}
}

/* ========== Sidebar sticky (solo escritorio) ========== */
@media only screen and (min-width:961px){
	.module,#single.dtsingle{display:flex;align-items:flex-start;float:left}
	.module .content,.dtsingle .content{flex:1 1 auto;min-width:0;float:none}
	.module .sidebar,.dtsingle .sidebar{
		flex:0 0 320px;width:320px;height:auto;float:none;
		position:-webkit-sticky;position:sticky;top:var(--sticky-top,10px);right:auto;
		overflow:visible;align-self:flex-start
	}
	body.admin-bar .module .sidebar,body.admin-bar .dtsingle .sidebar{top:var(--sticky-top,42px)}
}

/* ========== Plantillas de categoría y etiqueta ========== */
.term-page{font-size:15px;color:#7a8088}
.term-head{float:left;width:100%;padding:5px 17px 0}
.term-meta{float:left;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:#55606a}
.term-badge{padding:4px 9px;border-radius:3px;font-size:12px;text-transform:uppercase;font-weight:500}
.term-badge-cat{background:#ffb400;color:#20272d}
.term-badge-tag{background:#408bea;color:#fff}
.term-count{background:#f0f1f2;color:#222d34;padding:4px 9px;border-radius:3px;font-size:13px}
.term-parent a{color:#408bea}
.term-desc{float:left;width:100%;line-height:22px;color:#3c4143;background:#f5f7fa;border-left:3px solid #ffb400;padding:10px 14px;border-radius:3px;margin-bottom:10px}
.term-desc p{margin-bottom:8px}
.term-desc p:last-child{margin-bottom:0}
.term-children{float:left;width:100%;margin-bottom:4px}
.term-children .tag-cloud-link small{color:#8a8f96}
.term-children-label{display:inline-block;margin:0 6px 8px 0;color:#55606a;font-size:13px}
.term-grid .popimg{position:relative}
.term-grid-count{position:absolute;top:8px;right:8px;background:#ffb400;color:#20272d;font-size:13px;font-weight:500;padding:3px 8px;border-radius:3px}
.module .content header h2{margin-top:10px}

.dark-mode .term-meta,.dark-mode .term-children-label{color:#c6c6c6}
.dark-mode .term-count{background:#282b35;color:#fff}
.dark-mode .term-desc{background:#282b35;color:#ddd}
.dark-mode .term-children .tag-cloud-link small{color:#9a9a9a}
@media only screen and (max-width:960px){
	.term-head{padding:5px 14px 0}
}