
/* ===== Ajuste de proporciones (referencia 1920x1080) ===== */
body.zd-new{font-size:12px}
.zd-wrap{max-width:1296px}
.zd-top-in{min-height:90px;gap:12px}
.zd-top .zd-logo{font-size:40px;letter-spacing:2px;min-width:300px}
.zd-search{max-width:663px;height:50px;margin:0 auto}
.zd-search input{font-size:14px}
.zd-top-opts a{font-size:10px}
.zd-bar{background:#232128;border-bottom:0}
.zd-bar-in{background:#101923;border-bottom:1px solid #ff9b00;min-height:51px;padding-left:0}
.zd-hmenu>ul>li{margin-left:12px}
.zd-hmenu>ul>li>a{text-transform:none;font-size:14px;font-weight:700;letter-spacing:0;padding:0 10px;color:#fff}
.zd-hmenu>ul>li>a i{display:none}
.zd-page{padding-top:16px}
.zd-top-layout,.zd-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}
.zd-hero{display:block;min-height:250px;height:250px;border-radius:18px}
.zd-hero-copy{position:relative;z-index:2;width:49%;padding:34px 18px 28px 34px}
.zd-eyebrow{font-size:10px;margin-bottom:14px}
.zd-hero h1{font-size:33px;line-height:1.03;margin-bottom:12px}
.zd-hero p{font-size:14px;line-height:21px;color:#e7eef6;max-width:430px}
.zd-benefits{gap:10px 25px}
.zd-benefits span{font-size:12px}
.zd-hero-art{position:absolute;right:0;top:0;bottom:0;width:62%;padding:0;justify-content:flex-end}
.zd-hero-art svg,.zd-hero-art img{max-width:none;width:auto;height:100%;max-height:248px;object-fit:contain;object-position:right center}
.zd-stats{padding:12px 16px;border:1px solid #75531b;background:linear-gradient(180deg,#171d23,#11171d);box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 0 22px rgba(255,154,0,.04)}
.zd-stat{padding:9px 2px;border-bottom:1px solid #323a42}
.zd-stat i{font-size:31px}
.zd-stat b{font-size:16px}
.zd-stat span{font-size:12px;color:#b5c5d5}
.zd-cats{display:flex;gap:4px;margin:12px 0}
.zd-cats a{flex:1 1 0;min-width:0;font-size:12px;border-radius:7px;gap:8px}
.zd-panel-head{background:linear-gradient(180deg,#1c252e,#171e25)}
.zd-main>.zd-panel:nth-child(2) .zd-panel-head,.zd-home .zd-main>.zd-panel:nth-child(2) .zd-panel-head{background:linear-gradient(90deg,#a85a12 0%,#4d321e 45%,#1b2228 100%)}
.zd-home .zd-main>.zd-panel:nth-child(2) .zd-panel-head h2{font-weight:900}
.zd-home .zd-main>.zd-panel:nth-child(2) .zd-panel-head p{color:#e8edf2}
.zd-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:13px 15px 8px}
.zd-track{grid-auto-columns:calc((100% - 60px) / 7)}
.zd-grid.zd-track{grid-template-columns:none}
.zd-single>.zd-crumbs{display:inline-block;margin-bottom:14px}
.zd-art-head .zd-dl-btn{display:none}
@media (min-width:961px){.zd-bar-btns,.zd-search-drop{display:none!important}}
/* Colores (referencia) */
.zd-top{position:relative;box-shadow:0 10px 30px rgba(0,0,0,.38)}
.zd-top::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 2% 50%,rgba(255,102,0,.18),transparent 24%),radial-gradient(circle at 97% 50%,rgba(255,77,0,.12),transparent 22%)}
.zd-top-in{position:relative;z-index:1}
.zd-bar{border-bottom:1px solid #ff7800}
.zd-hmenu>ul>li>a:hover,.zd-hmenu>ul>li.current-menu-item>a{color:#fff;background:transparent}
.zd-hmenu>ul>li>a:hover{color:var(--zd-accent)}
.zd-search button{background:linear-gradient(180deg,#ffb21a,#f09b00);color:#131313;box-shadow:0 0 16px rgba(255,163,0,.18)}
.zd-hero::after{background:linear-gradient(90deg,rgba(2,18,31,.94) 0%,rgba(3,33,60,.66) 45%,rgba(3,26,44,.05) 76%);z-index:1}
.zd-hero-art{z-index:0}
.zd-hero-copy{z-index:2}
.zd-hero p{color:#e7eef6}
.zd-eyebrow{color:#cfe0f0}
.zd-cats a{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.zd-dots i{background:#6a7680}
.zd-dots i.on{background:#ffa400}
.zd-card-meta span{background:#313c47;color:#bec8d2}
.zd-side .zd-social-grid{background:#f4f6f8}
.zd-card-title{display:none}
.zd-favicon{flex:0 0 16px;width:16px;height:16px;border-radius:3px;object-fit:contain}
/* Títulos del contenido: barra redondeada dentro del texto */
.zd-content h2,.zd-content h2.title{margin:18px 0 15px!important;padding:8px 10px;border-radius:5px;font-size:24px!important;background:linear-gradient(90deg,#f58019,#3c3838);box-shadow:0 5px 10px #4d5479}
.zd-content h2 i.fas,.zd-content h2 i.fa,.zd-content h2 i.fa-solid{font-family:"Font Awesome 6 Free","Font Awesome 7 Free"!important;font-weight:900!important;font-style:normal!important;margin-right:6px}
.zd-content h2 i.far,.zd-content h2 i.fa-regular{font-family:"Font Awesome 6 Free","Font Awesome 7 Free"!important;font-weight:400!important;font-style:normal!important;margin-right:6px}
.zd-content h2 i.fab,.zd-content h2 i.fa-brands{font-family:"Font Awesome 6 Brands","Font Awesome 7 Brands"!important;font-weight:400!important;font-style:normal!important;margin-right:6px}
/* Cajas con fondo blanco en línea dentro de las entradas */
.zd-content .secciones,.zd-content [style*="background: #ffffff"],.zd-content [style*="background:#ffffff"],.zd-content [style*="background: #fff;"],.zd-content [style*="background-color: #ffffff"]{background:#151c22!important;border:1px solid var(--zd-line);border-radius:10px;color:#dfe6ec}
.zd-content .secciones{padding:14px 18px!important;margin:0 0 16px}
.zd-content .secciones ol,.zd-content .secciones ul{display:block;margin:0 0 10px}
.zd-content blockquote{margin:10px 0 0;padding:10px 14px;border-left:3px solid var(--zd-accent);background:rgba(255,171,0,.06);border-radius:0 8px 8px 0;text-align:left}
.zd-content blockquote p{margin:0}
@media (max-width:700px){.zd-content h2,.zd-content h2.title{font-size:19px!important}}
.zd-stat{padding:6px 2px}
.zd-cover{border-radius:5px;border:2px solid #3a566d}
.zd-card-meta{margin-top:5px;text-align:left}
.zd-card-meta span{padding:3px 7px;font-size:12px}
.zd-dots{padding:4px 0 12px}
.zd-updates{padding:5px 16px 11px}
.zd-update-row a{font-size:13px}
.zd-side>h3{height:40px;font-size:15px;padding:0 12px}
.zd-side .zd-social-grid{gap:5px;padding:9px}
.zd-social b{font-size:10px}
.zd-side .zd-rank{padding:5px 10px 10px}
.zd-rank a{font-size:10.5px;font-weight:800;line-height:1.2}
.zd-rank span{flex-basis:23px;font-size:10.5px}
/* Widget Recomendados (cuadricula de PadesPress sin Bootstrap) */
.zd-side .wdg_lista{padding:0;width:auto;max-width:none}
.zd-side .wdg_lista .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.zd-side .wdg_lista .col{min-width:0;padding:0;width:auto;max-width:none}
.zd-side .wdg_lista .PdP_card{position:relative;border-radius:6px;overflow:hidden;border:2px solid #3a566d;background:#0b1014}
.zd-side .wdg_lista .PdP_card:hover{border-color:var(--zd-accent)}
.zd-side .wdg_lista .card_cont_img{display:block;aspect-ratio:2/3}
.zd-side .wdg_lista .card_img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.zd-side .wdg_lista .PdP_card *:not(.card_cont_img):not(.card_img){font-size:11px;line-height:1.25}
.zd-side .textwidget p{margin:0}
.zd-side .textwidget img{max-width:100%;height:auto}
/* Widget Contenido Relacionado (plugin del sitio) con el estilo oscuro */
.zd-side.widget_widget_contenido_relacionado{padding:0}
.zd-side .widget-contenido-relacionado{background:radial-gradient(circle at 50% 0,rgba(255,171,0,.22),transparent 65%),linear-gradient(180deg,var(--zd-panel-a),var(--zd-panel-b));border-radius:0;box-shadow:none;padding:16px 16px 18px;font-family:Arial,sans-serif;color:#dfe6ec}
.zd-side .widget-contenido-relacionado .banner-contenido-relacionado{display:none}
.zd-side .widget-contenido-relacionado .imagen-circulo{position:static;transform:none;width:130px;height:130px;margin:0 auto 12px;border-radius:12px;border:2px solid var(--zd-accent-dark);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.zd-side .widget-contenido-relacionado h2{font-size:15px;line-height:1.3;color:#fff;margin:0 0 12px}
.zd-side .widget-contenido-relacionado .categoria,.zd-side .widget-contenido-relacionado .fecha-actualizacion{display:flex;justify-content:space-between;gap:10px;margin:0;padding:7px 0;border-bottom:1px solid var(--zd-line-soft);font-size:13px;color:#fff;text-align:right}
.zd-side .widget-contenido-relacionado .categoria strong,.zd-side .widget-contenido-relacionado .fecha-actualizacion strong{font-weight:400;color:var(--zd-muted);text-align:left;white-space:nowrap}
.zd-side .widget-contenido-relacionado .categoria a{color:var(--zd-accent);font-weight:700}
.zd-side .widget-contenido-relacionado .version{display:inline-block;margin:12px 0 4px;padding:4px 12px;border-radius:6px;background:rgba(225,139,4,.28);color:#fff;font-size:13px;font-weight:700}
.zd-side .widget-contenido-relacionado .boton-busqueda{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;padding:12px 16px;border-radius:9px;background:linear-gradient(180deg,#f2a30f,#c86d00);border-bottom:4px solid #6f4100;color:#fff;font-size:15px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.zd-side .widget-contenido-relacionado .boton-busqueda:hover{filter:brightness(1.1);color:#fff}
.zd-side .widget-contenido-relacionado .boton-busqueda img.favicon{width:22px;height:22px;margin:0;border-radius:5px;background:#fff}
@media (max-width:1100px){
	.zd-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
	.zd-track{grid-auto-columns:calc((100% - 40px) / 5)}
	.zd-cats{flex-wrap:wrap}
	.zd-cats a{flex:1 1 23%}
}
@media (max-width:960px){
	.zd-top-layout,.zd-layout{grid-template-columns:1fr}
	.zd-top .zd-logo{min-width:0;font-size:30px}
}
@media (max-width:700px){
	.zd-top .zd-logo{font-size:24px}
	.zd-hero{height:auto;min-height:0}
	.zd-hero-copy{width:auto;padding:22px 20px 6px}
	.zd-hero-art{position:relative;width:auto;height:200px;justify-content:center}
	.zd-hero-art svg,.zd-hero-art img{height:100%;object-position:center}
	.zd-cats a{flex:1 1 45%}
	.zd-grid,.zd-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}
	.zd-track{grid-auto-columns:calc((100% - 20px) / 3)}
}
@media (max-width:420px){
	.zd-grid,.zd-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}
	.zd-track{grid-auto-columns:calc((100% - 10px) / 2)}
}