/* Ajustes propios del tema sobre main.css (que viene del prototipo):
   enlaces que hacen de tarjeta, accesibilidad, formularios, menú real de WordPress y contenido del editor. */

/* ---- Accesibilidad ---- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;}
.skip-link{position:absolute;left:8px;top:-60px;z-index:10000;background:var(--blue);color:#fff;padding:10px 16px;border-radius:var(--r4);font-weight:700;}
.skip-link:focus{top:8px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
main:focus{outline:none;}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}

/* ---- Enlaces que son tarjeta completa ---- */
a.hero-main,.sector-img,.rev-cover,.cal-card,.video-card{display:block;}
.rev-cover img{width:100px;height:136px;object-fit:cover;}
.img-ph{display:block;width:100%;height:100%;min-height:90px;background:var(--gray-bg);}
.sector-name a,.pop-item,.sw-row{color:inherit;}
.sector-name a:hover,.sector-items li a:hover,.rev-arts li a:hover{color:var(--blue);}
.sector-items li a{color:inherit;}
.rev-arts li a{color:inherit;}
.ticker a:hover{text-decoration:underline;}
.ticker a{color:inherit;}

/* ---- Candado sobre la imagen del contenido premium ---- */
.prem-img{position:relative;}
.prem-lock{position:absolute;inset:0;background:rgba(13,29,60,.35);display:flex;align-items:center;justify-content:center;color:#fff;}
.prem-lock .lk{width:22px;height:22px;}
.rev-arts .lock{color:var(--gray-mid);margin-left:4px;white-space:nowrap;}
.lk{flex-shrink:0;vertical-align:-2px;}

/* ---- Cabecera con menú de WordPress ---- */
.nav-brand{display:flex;align-self:center;margin-right:28px;flex-shrink:0;}
.nav-brand .nav-logo{margin:0;height:28px;width:144px;}
.nav-item>a{color:var(--gray-dk);}
.dropdown .ext{opacity:.55;font-size:.85em;}
.dropdown hr{margin:4px 0;}
@media(min-width:1024px){
  .nav-item:focus-within .dropdown{display:block;}
  .nav-item:focus-within>a .arrow{transform:rotate(180deg);}
}
@media(max-width:1023px){.nav-brand{margin-right:auto;}}
.admin-bar .navbar{top:32px;}
@media(max-width:782px){.admin-bar .navbar{top:46px;}}

/* ---- Formularios del boletín ---- */
.nl-form{position:relative;}
.bs-form{flex-wrap:wrap;}
.bs-form .nl-msg{flex-basis:100%;color:#fff;}
.nl-stack{display:block;}
.nl-stack .nl-msg{color:var(--gray-dk);}
.footer .nl-stack .nl-msg{color:rgba(255,255,255,.8);}
.nl-msg{margin:8px 0 0;font-size:.8125rem;line-height:1.4;}
.nl-msg:empty{display:none;}
.nl-msg.is-error{font-weight:700;}
.nl-form.is-sending{opacity:.7;pointer-events:none;}
button.nl-link,button.fn-link{width:100%;font-family:inherit;cursor:pointer;}
button.nl-link{background:transparent;font-weight:700;}
button.fn-link{border:0;}
.fn-note{font-size:.8125rem;color:rgba(255,255,255,.55);margin-bottom:10px;line-height:1.5;}
.bs-title{font-size:1.1875rem;font-weight:700;color:#fff;margin-bottom:2px;}
.more-sectors a{color:var(--accent);}

/* ---- Contenido que escribe el equipo en el editor ---- */
.art-body>*:first-child{margin-top:0;}
.art-body a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;}
.art-body img,.art-body video{max-width:100%;height:auto;border-radius:var(--r4);}
.art-body figure{margin:1.4em 0;}
.art-body figcaption,.wp-caption-text{font-size:.8125rem;color:var(--gray-mid);padding-top:6px;}
.art-body h3{font-family:var(--font-d);font-size:1.25rem;color:var(--dark);margin:1.4em 0 .5em;}
.art-body ol{margin:0 0 1.1em 1.4em;}
.art-body table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:1.2em 0;display:block;overflow-x:auto;}
.art-body th,.art-body td{border:1px solid var(--gray-bd);padding:6px 10px;text-align:left;}
.art-body iframe{max-width:100%;}
.art-body .alignleft{float:left;margin:0 1.2em 1em 0;max-width:50%;}
.art-body .alignright{float:right;margin:0 0 1em 1.2em;max-width:50%;}
.art-body .aligncenter{display:block;margin-left:auto;margin-right:auto;}
.art-body::after{content:'';display:block;clear:both;}
@media(max-width:600px){.art-body .alignleft,.art-body .alignright{float:none;max-width:100%;margin:1em 0;}}

/* ---- Compartir, migas y búsqueda ---- */
.share button{border:1px solid var(--gray-bd);border-radius:var(--r4);padding:5px 10px;font:inherit;font-size:.8125rem;font-weight:700;color:var(--gray-dk);background:#fff;cursor:pointer;}
.share button:hover{border-color:var(--blue);color:var(--blue);}
.crumb-now{color:var(--gray-dk);}
.art-kicker a.card-cat:hover{text-decoration:underline;}
.search-inline{display:flex;gap:8px;margin-top:14px;max-width:460px;}
.search-inline input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--gray-bd);border-radius:var(--r4);font:inherit;}
.search-inline button{padding:9px 18px;border:0;border-radius:var(--r4);background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer;}
.vacio{padding:40px 0;color:var(--gray-dk);}
.vacio a{color:var(--blue);text-decoration:underline;}
.art-nl .bs-title{display:none;}

/* ---- Paginación de WordPress con el aspecto del prototipo ---- */
nav.pager{display:block;}
.pager .nav-links{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;}
.pager .page-numbers{min-width:36px;height:36px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-bd);border-radius:var(--r4);font-size:.8125rem;font-weight:700;color:var(--gray-dk);}
.pager a.page-numbers:hover{border-color:var(--blue);color:var(--blue);}
.pager .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff;}
.pager .page-numbers.dots{border:0;min-width:0;padding:0 4px;color:var(--gray-mid);}

/* ---- Edición ---- */
.ed-teasers{list-style:none;display:grid;gap:8px;margin:0 0 34px;}
.ed-teasers a{display:flex;gap:10px;align-items:center;background:#fff;box-shadow:var(--sh1);border-radius:var(--r8);padding:12px 16px;font-weight:700;color:var(--dark);}
.ed-teasers a:hover{box-shadow:var(--sh2);color:var(--blue);}
.ed-teasers .lk{color:var(--gray-mid);}
.ed-body{max-width:760px;margin-bottom:34px;}
.ot-cover{width:52px;height:72px;border-radius:3px;overflow:hidden;flex-shrink:0;background:var(--gray-bg);}
.ot-cover img{width:100%;height:100%;object-fit:cover;}

/* ---- Franja de última hora en tablet: tres columnas legibles y el boletín en su propia fila ---- */
@media(max-width:1100px){
  .ultimas-inner{grid-template-columns:repeat(3,1fr);}
  .ultimas-col{padding:4px 14px;}
  .ultimas-col:nth-child(3){border-right:0;}
  .ultimas-nl{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:10px;min-width:0;}
  .ultimas-nl .unl-title{flex:1 1 260px;}
  .ultimas-nl .unl-sub{display:none;}
  .ultimas-nl .unl-btn{flex:0 0 auto;}
}
@media(max-width:768px){
  .ultimas-inner{grid-template-columns:1fr;}
  .ultimas-col{border-right:0;padding:4px 0;}
}

/* ---- Resalte del formulario del boletín cuando se llega desde "Suscríbete al boletín" ---- */
.boletin-strip{transition:box-shadow .3s;}
.boletin-strip.is-flash{box-shadow:0 0 0 4px var(--gold),0 8px 28px rgba(27,74,168,.35);}
.boletin-strip .bs-inp:focus{outline:3px solid var(--gold);outline-offset:1px;}

/* ================= Tablet y celular (hasta 1100 px) ================= */
@media(max-width:1100px){
  /* El diseño original ocultaba los banners de la barra lateral; ahora se muestran, centrados y a su tamaño real. */
  .ad-banner{display:block;margin:0 auto 24px;max-width:300px;}
  .ad-banner img{max-width:100%;}
  /* En la portada el Índice ya está en la barra de arriba: no se repite en la barra lateral. */
  .home .sw{display:none;}
}
@media(max-width:768px){
  /* El banner horizontal se muestra completo (no recortado) y con aire arriba y abajo. */
  .ad-leader{margin:24px 0;}
  .ad-leader img{height:auto;object-fit:contain;}
  /* Barra del Índice de Costos: una fila por material, en vez de cajitas que se parten. */
  .costos-bar .cb-box{flex-direction:column;align-items:stretch;gap:10px;}
  .cb-items{flex-direction:column;flex-wrap:nowrap;width:100%;gap:0;background:#fff;border:1px solid rgba(41,170,225,.25);border-radius:var(--r4);}
  .cb-item{border:0;border-radius:0;border-bottom:1px solid var(--gray-bg);padding:8px 12px;justify-content:space-between;}
  .cb-item:last-child{border-bottom:0;}
  .cb-name{flex:1;}
  .cb-link{margin-left:0;}
  /* Formación Profesional: título, descripción y enlace uno bajo otro. */
  .educa-header{flex-direction:column;align-items:flex-start;gap:4px;}
  .educa-link{margin-left:0;margin-top:6px;}
}

/* Títulos de sección en celular: si el enlace "Ver más" no cabe al lado, baja a su propia línea en vez de partirse. */
@media(max-width:520px){
  .group-header{flex-wrap:wrap;row-gap:4px;}
  .group-link{margin-left:auto;white-space:nowrap;}
}

/* --- Acuerdos de la reunión de diseño --- */
/* Titulares laterales de la portada: se ajustan al espacio, con un máximo de 4 líneas y puntos suspensivos. */
.hsi-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;}

/* Cursos y eventos: franja celeste suave (la misma familia del Índice de Costos) para que convivan los flyers verdes, turquesa y azules; cada tarjeta muestra el flyer completo, sin recortar. */
.educa-strip{background:var(--blue-lt);border:1px solid rgba(41,170,225,.25);}
.educa-title{color:var(--blue);}
.educa-sub{color:var(--gray-mid);}
.educa-link{color:var(--blue);}
.educa-card{background:#fff;padding:0;overflow:hidden;border-top:0;display:flex;flex-direction:column;box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s;}
.educa-card:hover{background:#fff;box-shadow:var(--sh2);transform:translateY(-3px);}
.educa-img{aspect-ratio:1/1;overflow:hidden;background:var(--gray-bg);}
.educa-img img{width:100%;height:100%;object-fit:cover;display:block;}
.educa-card-title{color:var(--dark);margin:0;padding:12px 14px 4px;}
.educa-card:hover .educa-card-title{color:var(--blue);text-decoration:none;}
.educa-card-link{margin-top:auto;padding:0 14px 12px;font-size:0.8125rem;font-weight:700;color:var(--accent-dk);}

/* Columna derecha: acompaña el desplazamiento hasta el pie. Si es más alta que la pantalla, avanza hasta mostrar su final y recién ahí se fija (el cálculo de "top" lo hace app.js). */
@media(min-width:1101px){.sidebar{align-self:start;}}
/* Informes para suscriptores: vista previa que se desvanece y cuadro final con el botón de suscripción. */
.art-body.is-preview>:last-child{-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent);}
.paywall{margin:-8px 0 28px;padding:28px 24px;text-align:center;background:var(--blue-lt);border:1px solid rgba(41,170,225,.25);border-radius:var(--r8);}
.paywall h2{font-family:var(--font-d);font-size:1.25rem;color:var(--blue);margin:6px 0 6px;}
.paywall p{max-width:460px;margin:0 auto 16px;color:var(--gray-dk);}
.pw-lock{color:var(--blue);display:inline-flex;}
.pw-btn{display:inline-block;padding:10px 22px;background:var(--gold);color:#fff;font-weight:700;border-radius:var(--r4);}
.pw-btn:hover{filter:brightness(.93);}
.pw-login{display:block;margin-top:12px;font-size:0.8125rem;font-weight:700;color:var(--blue);}
.pw-login:hover{text-decoration:underline;}

/* Banner horizontal: se muestra completo a cualquier ancho, escalado en proporción (1200 x 90), sin recortes. */
.ad-leader img{height:auto;object-fit:contain;}

/* Curso destacado de la barra lateral: misma línea que "Cursos y eventos" (celeste suave) y con la imagen del curso que inicia primero. */
.sb-curso{background:#fff;border:1px solid rgba(41,170,225,.25);box-shadow:var(--sh1);}
.sbc-hd{background:var(--blue-lt);padding:10px 14px;}
.sbc-tag{color:var(--accent-dk);}
.sbc-hd h3{color:var(--blue);}
.sbc-img{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--gray-bg);}
.sbc-img img{width:100%;height:100%;object-fit:cover;display:block;}
.sbc-meta{color:var(--gray-mid);}
.sbc-link{color:var(--blue);border-color:var(--blue);}
.sbc-link:hover{background:var(--blue);color:#fff;}

/* Con una sola columna (tablet y celular) la tarjeta del curso no se estira a todo el ancho: queda centrada, del tamaño de un banner. */
@media(max-width:1100px){.sb-curso{max-width:340px;width:100%;margin-left:auto;margin-right:auto;}}

.sbc-tag{margin:0;font-family:var(--font-b);font-size:0.75rem;}

/* Banner exclusivo de S10 al final de la barra lateral: su imagen (385 x 300) se muestra completa, sin recorte ni altura fija. */
.ad-banner[data-slot="s4"]{height:auto;}
.ad-banner[data-slot="s4"] img{height:auto;object-fit:contain;}

/* El recuadro azul del boletín (franja de horas) queda alineado con la barra lateral: mismo ancho (300 px) y mismos bordes que los banners de publicidad. */
@media(min-width:1101px){
  .ultimas-inner{grid-template-columns:repeat(3,minmax(0,1fr)) 332px;}
  .ultimas-nl{margin-left:32px;min-width:0;}
}

/* Portada 1 y 2: dos banners iguales (600 x 130) bajo el Índice de Costos. Si falta uno, el otro conserva su mitad. */
.home-ads{background:#fff;padding:20px 0 4px;}
.home-ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.ad-home{position:relative;aspect-ratio:600/130;overflow:hidden;border-radius:var(--r8);box-shadow:var(--sh1);cursor:pointer;background:var(--gray-bg);}
.ad-home[data-slot="h2"]{grid-column:2;}
.ad-home a{display:block;height:100%;}
.ad-home img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s;}
.ad-home:hover img{opacity:.92;}
.ad-home .ad-banner-lbl{top:4px;right:4px;}
@media(max-width:768px){
  .home-ads-grid{grid-template-columns:1fr;gap:12px;}
  .ad-home[data-slot="h2"]{grid-column:auto;}
}

/* Cinta de logos de clientes al pie de la portada. */
.logos-reel{margin:-28px 0 56px;}
.logos-viewport{overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.logos-track{list-style:none;display:flex;gap:24px;width:max-content;animation:logos-scroll var(--logos-dur,90s) linear infinite;}
.logos-viewport:hover .logos-track,.logos-viewport:focus-within .logos-track{animation-play-state:paused;}
.logos-track li{flex:0 0 177px;height:90px;border:1px solid var(--gray-bg);border-radius:var(--r8);overflow:hidden;background:#fff;}
.logos-track a{display:block;height:100%;}
.logos-track img{display:block;width:177px;height:90px;object-fit:contain;}
.logos-viewport.is-static{-webkit-mask-image:none;mask-image:none;}
.logos-viewport.is-static .logos-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;}
@keyframes logos-scroll{to{transform:translateX(calc(-50% - 12px));}}
@media(prefers-reduced-motion:reduce){
  .logos-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none;}
  .logos-track{animation:none;}
  .logos-track li[aria-hidden="true"]{display:none;}
}
@media(max-width:768px){.logos-reel{margin-top:0;}}

/* Nuestras Revistas: la carátula de cada edición va arriba, grande y centrada; debajo, el nombre, la edición y los fragmentos. */
.revista-card-top{flex-direction:row;align-items:flex-start;gap:14px;border-bottom:0;padding:16px;}
.rev-cover{flex:0 0 120px;width:120px;max-width:none;border-radius:0;box-shadow:none;transition:transform .2s;}
.rev-cover:hover{transform:translateY(-3px);}
.rev-cover img{width:100%;height:auto;object-fit:contain;}
.revista-card-top .rev-info{flex:1;min-width:0;}
.rev-arts li{line-height:1.3;}

/* Botón de compra de la edición impresa, en la página de cada edición de Revista Costos, bajo las opciones de suscripción. */
.ed-print{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--gray-bg);max-width:54ch;}
.ed-print span{font-size:0.8125rem;color:var(--gray-mid);}

/* Insignia de opinión, junto a la categoría */
.badge-opinion{background:var(--gray-bg);color:var(--gray-dk);font-size:0.75rem;font-weight:700;padding:2px 6px;border-radius:2px;border:1px solid var(--gray-bd);letter-spacing:.5px;}

/* Barra de temáticas bajo el menú principal */
.temas-bar{background:var(--gray-lt);border-bottom:1px solid var(--gray-bd);}
.temas-bar .w{max-width:1280px;margin:0 auto;padding:0 24px;}
.temas-list,.temas-scroll{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;}
.temas-list a,.temas-mas summary{display:block;padding:9px 11px;font-size:0.8125rem;font-weight:600;color:var(--gray-dk);white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;list-style:none;}
.temas-mas summary::-webkit-details-marker{display:none;}
.temas-list a:hover,.temas-mas summary:hover,.temas-list a[aria-current]{color:var(--blue);border-bottom-color:var(--blue);}
.temas-mas{position:relative;margin-left:auto;}
.temas-mas .arrow{font-size:0.75rem;color:var(--gray-mid);}
.temas-mas details[open] .arrow{display:inline-block;transform:rotate(180deg);}
.temas-dd{position:absolute;top:100%;right:0;z-index:90;min-width:230px;background:#fff;border:1px solid var(--gray-bd);border-top:2px solid var(--blue);border-radius:0 0 var(--r8) var(--r8);box-shadow:0 8px 20px rgba(0,0,0,.12);padding:4px 0;}
.temas-dd a{padding:9px 18px;border-bottom:0;font-weight:500;}
.temas-dd a:hover{background:var(--blue-lt);}
.temas-scroll{display:none;}
.temas-list a:focus-visible,.temas-mas summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
@media(max-width:1100px){
  .temas-list{display:none;}
  .temas-scroll{display:flex;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
  .temas-scroll a{display:block;padding:10px 12px;font-size:0.8125rem;font-weight:600;color:var(--gray-dk);white-space:nowrap;}
  .temas-bar .w{padding:0 8px;}
}

/* Datos de un evento (fecha, lugar, inscripción) en su página */
.ev-data{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 0 20px;padding:14px 18px;background:var(--blue-lt);border:1px solid rgba(41,170,225,.25);border-radius:var(--r8);font-size:0.9375rem;}
.ev-data b{color:var(--blue);margin-right:6px;}
.ev-data .btn-line{margin-left:auto;}

/* Infografía: la imagen ocupa todo el ancho y se abre completa al pulsarla */
.art-fig.is-infografia img{width:100%;height:auto;object-fit:contain;}
.art-fig.is-infografia a{display:block;}
.art-fig.is-infografia img,.single-costos_infografia .art-body img{cursor:zoom-in;}

/* Vista ampliada de infografías */
html.lb-abierto{overflow:hidden;}
.lb{border:0;padding:0;background:rgba(13,29,60,.96);color:#fff;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;}
.lb::backdrop{background:rgba(13,29,60,.8);}
.lb[open]{display:flex;flex-direction:column;}
.lb-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 14px;background:rgba(0,0,0,.25);flex-shrink:0;}
.lb-bar button,.lb-bar a{font:inherit;font-size:0.8125rem;font-weight:700;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:var(--r4);padding:7px 12px;cursor:pointer;text-decoration:none;}
.lb-bar button:hover,.lb-bar a:hover{background:rgba(255,255,255,.14);}
.lb-bar .lb-close{font-size:1.5rem;line-height:1;padding:2px 12px;}
.lb-bar :focus-visible{outline:2px solid #fff;outline-offset:2px;}
.lb-body{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:16px;-webkit-overflow-scrolling:touch;}
.lb-body img{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;}
.lb.is-real .lb-body{justify-content:flex-start;}
.lb.is-real .lb-body img{max-width:none;width:auto;margin:0;}
@media(max-width:520px){.lb-bar .lb-new{display:none;}}

/* El título "Sobre esta edición" y su línea miden lo mismo que el texto */
.ed-h.ed-h-texto{max-width:760px;}

/* La lista de temas "En esta edición" también mide lo mismo que el texto */
.ed-teasers{max-width:760px;}

/* Índice de Costos: un recuadro dentro del ancho de la página, como los demás bloques (no una franja de borde a borde) */
.costos-bar{background:transparent;border-bottom:0;padding:14px 0 0;}
.costos-bar .w{display:block;}
.costos-bar .cb-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--blue-lt);border:1px solid rgba(41,170,225,.2);border-radius:var(--r8);padding:10px 16px;}
/* Sin la línea gris que quedaba sobre "Lo más reciente" */
.ultimas-wrap{border-bottom:0;}

/* Etiqueta del tipo sobre la imagen de cada nota: igual que el rótulo "Publicidad" de los anuncios (gris tenue, un solo color) */
.card-img,.card-featured-img,.li-img,.hsi-img,.sector-img,.hero-main{position:relative;}
.img-tag{position:absolute;top:6px;left:6px;z-index:3;font-size:0.75rem;letter-spacing:.8px;text-transform:uppercase;line-height:1.4;color:var(--gray-mid);background:rgba(255,255,255,.88);padding:1px 5px;border-radius:2px;pointer-events:none;}
.hero-main .img-tag{top:12px;left:12px;}
.hsi-img .img-tag,.sector-img .img-tag{top:3px;left:3px;font-size:0.625rem;padding:0 4px;letter-spacing:.5px;}
.hsi-img .play-btn{width:26px;height:26px;}
.card-img .play-btn,.card-featured-img .play-btn,.li-img .play-btn,.cal-img .play-btn,.sector-img .play-btn{pointer-events:none;}

/* Páginas antiguas hechas con WPBakery (Fe de erratas, Encuesta): acordeón y botón de descarga */
.vc-acordeon{margin:1.2em 0;}
.vc-seccion{border:1px solid var(--gray-bd);border-radius:var(--r4);margin-bottom:8px;background:#fff;}
.vc-seccion summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--blue);list-style:none;display:flex;justify-content:space-between;gap:12px;}
.vc-seccion summary::-webkit-details-marker{display:none;}
.vc-seccion summary::after{content:"+";font-weight:400;font-size:1.2em;line-height:1;}
.vc-seccion[open] summary::after{content:"\2212";}
.vc-seccion[open] summary{border-bottom:1px solid var(--gray-bd);}
.vc-seccion-cuerpo{padding:4px 16px 14px;}
.vc-seccion summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.art-body a.vc-boton{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:.875rem;padding:9px 18px;border-radius:var(--r4);}
.art-body a.vc-boton:hover{background:var(--gold);}