/* Motor de diarios · hoja común. Colores y tipografías llegan por variables desde cabecera.json */
:root{
  --fondo:#ffffff; --fondo-2:#f4f5f7; --texto:#16181d; --texto-2:#4a4f5a; --linea:#e3e5ea;
  --f-ui:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ancho:1240px; --radio:4px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--f-ui);font-size:16px;line-height:1.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 16px}

/* barra superior */
.barra-sup{background:var(--oscuro);color:#cfd6e4;font-size:12.5px}
.barra-sup__in{display:flex;justify-content:space-between;align-items:center;height:34px;gap:12px}
.hoy{white-space:nowrap}
.barra-sup__der{display:flex;gap:16px;align-items:center;overflow:hidden}
.barra-sup .red{opacity:.8}.barra-sup .red:hover{opacity:1;color:#fff}
.en-vivo{background:var(--principal);color:#fff;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:2px;display:flex;align-items:center;gap:6px;font-size:11.5px}
.punto{width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block;animation:latido 1.4s infinite}
@keyframes latido{50%{opacity:.25}}

/* cabecera */
.cabecera{background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:20}
.cabecera__in{display:flex;align-items:center;justify-content:center;position:relative;height:86px}
.logo img{height:64px;width:auto}.plantilla-negocios .logo img{height:42px}
.suscribir{position:absolute;right:16px;background:var(--principal);color:#fff;font-weight:700;font-size:13px;padding:9px 14px;border-radius:var(--radio)}
.menu-btn{position:absolute;left:16px;display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:22px;height:2px;background:var(--texto);margin:5px 0}
.nav{background:var(--oscuro);border-bottom:3px solid var(--principal)}
.nav__in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav__in::-webkit-scrollbar{display:none}
.nav a{color:#fff;font-family:var(--f-tit);text-transform:uppercase;font-size:14.5px;letter-spacing:.03em;padding:11px 12px;white-space:nowrap;font-weight:500}
.nav a:hover,.nav a.activo{background:var(--principal)}
.nav__video{margin-left:auto}

/* ticker */
.ticker{background:#fff;border-bottom:1px solid var(--linea)}
.ticker__in{display:flex;align-items:center;height:40px;gap:12px;overflow:hidden}
.ticker__eti{background:var(--principal);color:#fff;font-family:var(--f-tit);font-weight:600;font-size:13px;letter-spacing:.06em;padding:4px 10px;white-space:nowrap;flex:none}
.ticker__pista{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker__cinta{display:flex;gap:42px;width:max-content;animation:cinta 90s linear infinite}
.ticker__cinta a{font-weight:600;font-size:14px;white-space:nowrap}
.ticker__cinta a::before{content:"■";color:var(--principal);font-size:9px;margin-right:10px;vertical-align:2px}
.ticker:hover .ticker__cinta{animation-play-state:paused}
@keyframes cinta{to{transform:translateX(-50%)}}

/* comunes */
.ante{display:inline-block;color:var(--principal);font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.ante--caja{background:var(--principal);color:#fff;padding:3px 8px}
.meta{color:var(--texto-2);font-size:12.5px}
.foto{position:relative;aspect-ratio:16/9;background:var(--fondo-2);overflow:hidden}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
a:hover .foto img{transform:scale(1.03)}
.foto__vacia{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--oscuro),var(--principal))}
.foto__vacia span{color:#fff;font-family:var(--f-tit);text-transform:uppercase;font-size:22px;letter-spacing:.05em;opacity:.85}
.foto__play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:var(--principal);color:#fff;display:grid;place-items:center;font-size:13px;padding-left:2px;box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* portada: apertura */
.portada-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) 300px;gap:24px;padding:22px 0 8px}
.apertura .foto--apertura{aspect-ratio:16/10}
.apertura__txt{padding-top:14px}
.apertura h1{font-family:var(--f-tit);font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.04;margin:6px 0 10px;letter-spacing:-.005em;text-transform:uppercase}
.apertura a:hover h1{color:var(--principal)}
.apertura p{font-family:var(--f-txt);font-size:18px;color:var(--texto-2);margin:0 0 8px;line-height:1.45}
.secundarias{display:flex;flex-direction:column;gap:18px;border-left:1px solid var(--linea);border-right:1px solid var(--linea);padding:0 22px}
.secundarias .tarjeta + .tarjeta{border-top:1px solid var(--linea);padding-top:18px}

/* tarjetas */
.tarjeta h3{font-family:var(--f-tit);font-weight:600;font-size:20px;line-height:1.12;margin:2px 0 6px}
.tarjeta a:hover h3{color:var(--principal)}
.tarjeta p{font-family:var(--f-txt);color:var(--texto-2);margin:0 0 6px;font-size:15px;line-height:1.4}
.tarjeta__txt{padding-top:10px}
.tarjeta--h h3{font-size:19px}
.tarjeta--h .foto{aspect-ratio:16/9}
.tarjeta--s h3{font-size:16px}

/* bloques */
.bloque{padding:26px 0 6px}
.bloque__tit{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid var(--oscuro);margin:0 0 18px;font-family:var(--f-tit);text-transform:uppercase;font-weight:600;font-size:20px;letter-spacing:.03em}
.bloque__tit span{background:var(--oscuro);color:#fff;padding:6px 14px 4px}
.bloque__tit a{font-family:var(--f-ui);text-transform:none;font-size:13px;font-weight:600;letter-spacing:0}
.bloque__tit--claro{border-color:var(--principal)}
.bloque__tit--claro span{background:var(--principal)}
.bloque__tit--claro a{color:#fff;padding-bottom:6px}
.con-lateral{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.rejilla{display:grid;gap:26px 22px}
.rejilla--2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.rejilla--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rejilla--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col-lat{display:flex;flex-direction:column;gap:22px}
.col-lat--fija{position:sticky;top:150px}

/* cajas laterales */
.caja{border-top:3px solid var(--oscuro);background:var(--fondo-2);padding:14px 16px 16px}
.caja__tit{font-family:var(--f-tit);text-transform:uppercase;font-size:18px;margin:0 0 10px;font-weight:600;display:flex;align-items:center;gap:8px}
.caja__tit--rojo{color:var(--principal)}
.caja__tit--rojo .punto{background:var(--principal)}
.mas-leido ol{list-style:none;margin:0;padding:0;counter-reset:n}
.mas-leido li{counter-increment:n;display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--linea);font-weight:600;font-size:14.5px;line-height:1.3}
.mas-leido li::before{content:counter(n);font-family:var(--f-tit);font-size:30px;line-height:.9;color:var(--principal);font-weight:700}
.mas-leido a:hover{color:var(--principal)}
.caja-vivo{border-top-color:var(--principal);background:#fff;border:1px solid var(--linea);border-top:3px solid var(--principal)}
.caja-vivo__tit{font-weight:700;font-size:14.5px;margin:10px 0 6px;line-height:1.3}
.caja-vivo__prog{font-size:12.5px;color:var(--texto-2);margin:0}
.yt{position:relative;display:block;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.92}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:44px;border-radius:10px;background:var(--principal);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.yt--grande .yt__play{width:80px;height:56px;font-size:26px}
.publi{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#f7f7f8,#f7f7f8 10px,#f1f2f4 10px,#f1f2f4 20px);border:1px dashed #d4d7dd;color:#9aa0ab;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 auto;width:100%}
.publi--300x250{max-width:300px;height:250px}.publi--300x600{max-width:300px;height:600px}
.publi--728x90{max-width:728px;height:90px;margin:28px auto}

/* banda de vídeo */
.banda-video{background:var(--oscuro);margin:30px -16px 0;padding:26px 16px 30px;color:#fff}
.banda-video__in{max-width:var(--ancho);margin:0 auto}
.banda-video .bloque__tit{border-color:var(--principal)}
.carrusel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.vid{scroll-snap-align:start}
.vid__img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.vid__img img{width:100%;height:100%;object-fit:cover}
.vid__eti{position:absolute;left:8px;top:8px;background:var(--principal);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:2px 6px}
.vid__play{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.65);display:grid;place-items:center;font-size:11px;color:#fff}
.vid p{font-weight:700;font-size:14.5px;line-height:1.3;margin:9px 0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.banda-video .meta{color:#9fb0cc}
.vid:hover p{text-decoration:underline}

/* secciones en portada */
.secciones-portada{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.sec-bloque .bloque__tit{font-size:17px}
.sec-lista{list-style:none;margin:12px 0 0;padding:0}
.sec-lista li{border-top:1px solid var(--linea);padding:10px 0;font-weight:600;font-size:14.5px;line-height:1.3}
.sec-lista a:hover{color:var(--principal)}

/* cortos */
.shorts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.short img{aspect-ratio:9/14;object-fit:cover;width:100%;border-radius:8px}
.short p{font-weight:700;font-size:13px;line-height:1.25;margin:7px 0 0}

/* artículo */
.art-envoltura{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding:22px 0;align-items:start}
.art{max-width:780px}
.miga{font-size:12.5px;color:var(--texto-2);margin-bottom:14px}
.miga a{color:var(--principal);font-weight:600}
.art__tit{font-family:var(--f-tit);font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.04;margin:10px 0 12px;text-transform:uppercase}
.art__sub{font-family:var(--f-txt);font-size:21px;line-height:1.4;color:var(--texto-2);margin:0 0 18px}
.art__firma{display:flex;align-items:center;gap:12px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:12px 0;font-size:13.5px;flex-wrap:wrap}
.art__firma img{width:38px;height:38px;border-radius:50%;background:var(--fondo-2);padding:4px}
.art__firma time{color:var(--texto-2);display:inline-block}.art__firma time::first-letter{text-transform:uppercase}
.compartir{margin-left:auto;display:flex;gap:8px}
.compartir a{border:1px solid var(--linea);padding:6px 11px;border-radius:20px;font-weight:600;font-size:12.5px}
.compartir a:hover{background:var(--oscuro);color:#fff;border-color:var(--oscuro)}
.art__video,.art__foto{margin:22px 0 0}
.art figcaption{font-size:12.5px;color:var(--texto-2);padding:8px 0;border-bottom:1px solid var(--linea)}
.art__foto figcaption a{text-decoration:underline}
.art__entradilla{font-family:var(--f-txt);font-weight:600;font-size:20px;line-height:1.5;margin:22px 0}
.claves{background:var(--fondo-2);border-left:5px solid var(--principal);padding:14px 20px 8px;margin:0 0 24px}
.claves h2{font-family:var(--f-tit);text-transform:uppercase;font-size:17px;margin:0 0 6px;color:var(--principal)}
.claves ul{margin:0;padding-left:18px}.claves li{margin:0 0 8px;font-weight:500}
.art__cuerpo{font-family:var(--f-txt);font-size:19px;line-height:1.65}
.art__cuerpo p{margin:0 0 20px}
.art__cuerpo h2{font-family:var(--f-tit);font-size:25px;text-transform:uppercase;margin:32px 0 12px;line-height:1.15;font-weight:600}
.art__cuerpo h2::before{content:"";display:block;width:44px;height:4px;background:var(--principal);margin-bottom:10px}
.cita-programa{margin:30px 0;padding:22px 26px;background:var(--oscuro);color:#fff;position:relative}
.cita-programa__eti{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--principal);padding:3px 8px}
.cita-programa p{font-family:var(--f-txt);font-size:23px;line-height:1.4;font-style:italic;margin:14px 0}
.cita-programa footer{font-size:13.5px;color:#c4cede}
.cita-programa footer a{color:#fff;font-weight:700;text-decoration:underline}
.fuentes{border-top:3px solid var(--oscuro);padding-top:12px;margin-top:10px}
.fuentes h2{font-family:var(--f-tit);text-transform:uppercase;font-size:17px;margin:0 0 8px}
.fuentes ul{margin:0;padding-left:18px;font-size:14px;color:var(--texto-2)}
.fuentes li{margin-bottom:6px}.fuentes a{text-decoration:underline}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.etiquetas span{background:var(--fondo-2);font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:20px}
.sec-tit{font-family:var(--f-tit);text-transform:uppercase;font-size:40px;margin:22px 0 18px;padding-bottom:8px;border-bottom:4px solid var(--principal)}
.vid--claro p{color:var(--texto)}
.vacio{color:var(--texto-2)}

/* boletín y pie */
.boletin{background:var(--principal);color:#fff;margin-top:40px}
.boletin__in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px;padding-bottom:26px;flex-wrap:wrap}
.boletin h2{font-family:var(--f-tit);text-transform:uppercase;margin:0 0 4px;font-size:26px}
.boletin p{margin:0;opacity:.9}
.boletin form{display:flex;gap:8px;flex:1;max-width:460px;min-width:260px}
.boletin input{flex:1;padding:12px 14px;border:0;border-radius:var(--radio);font:inherit;min-width:0}
.boletin button{background:var(--oscuro);color:#fff;border:0;padding:12px 18px;border-radius:var(--radio);font-weight:700;cursor:pointer}
.gracias{font-weight:700}
.pie{background:#0b1220;color:#aab4c6;font-size:14px}
.pie__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-top:34px;padding-bottom:24px}
.pie__marca img{height:56px;width:auto;background:#fff;padding:8px 12px;border-radius:var(--radio)}
.pie__col{display:flex;flex-direction:column;gap:6px}
.pie h3{color:#fff;font-family:var(--f-tit);text-transform:uppercase;font-size:15px;margin:0 0 6px;letter-spacing:.04em}
.pie a:hover{color:#fff}
.pie__col p{margin:0 0 6px}
.pie__legal{border-top:1px solid #1f2a3d;padding-top:14px;padding-bottom:20px;font-size:12px}

/* plantilla «salmón» (diarios económicos) */
.plantilla-salmon{--fondo:#fff7f0;--fondo-2:#fcebdc;--linea:#ecd5c2}
.plantilla-salmon .apertura h1,.plantilla-salmon .art__tit,.plantilla-salmon .tarjeta h3{text-transform:none;font-family:var(--f-txt)}

/* responsive */
@media (max-width:1100px){
  .portada-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .portada-top .col-lat{grid-column:1/-1;flex-direction:row}
  .portada-top .col-lat>*{flex:1}
  .carrusel{grid-auto-columns:calc((100% - 2*18px)/3)}
  .shorts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .portada-top,.con-lateral,.art-envoltura{grid-template-columns:1fr}
  .secundarias{border:0;padding:0}
  .rejilla--3,.secciones-portada,.rejilla--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-lat--fija{position:static}
  .pie__in{grid-template-columns:1fr 1fr}
  .suscribir{display:none}
  .menu-btn{display:block}
  .logo img{height:50px}
  .cabecera__in{height:68px}
  .nav{display:none}
  .menu-abierto .nav{display:block}
  .nav__in{flex-direction:column}
  .nav__video{margin-left:0}
}
@media (max-width:560px){
  .rejilla--3,.rejilla--2,.secciones-portada,.rejilla--4{grid-template-columns:1fr}
  .portada-top .col-lat{flex-direction:column}
  .carrusel{grid-auto-columns:78%}
  .shorts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .barra-sup .red{display:none}
  .art__cuerpo{font-size:18px}
  .compartir{margin-left:0}
  .pie__in{grid-template-columns:1fr}
}

/* piezas por tipo, indicadores, nombramientos, comunicados, página comercial */
.tipo{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:2px;margin:0 6px 6px 0;vertical-align:1px;background:var(--oscuro);color:#fff}
.tipo--comunicado{background:#fff;color:var(--oscuro);border:1px solid var(--oscuro)}
.tipo--nombramiento{background:var(--principal);color:#fff}
.tipo--entrevista{background:#6b4fd8;color:#fff}
.aviso-com{background:var(--fondo-2);border:1px solid var(--linea);padding:10px 14px;font-size:13.5px;color:var(--texto-2);margin:20px 0 0}
.mini-dato{color:#cfd6e4;white-space:nowrap}.mini-dato strong{color:#fff}
.indicadores{background:#fff;border:1px solid var(--linea);border-top:3px solid var(--principal)}
.ind{padding:10px 0;border-top:1px solid var(--linea);display:grid;gap:2px}
.ind__nom{font-size:12.5px;color:var(--texto-2);font-weight:600}
.ind__val{font-family:var(--f-tit);font-size:24px;font-weight:700;line-height:1.1;display:flex;align-items:baseline;gap:8px}
.ind__val em{font-style:normal;font-family:var(--f-ui);font-size:12px;font-weight:700}
.ind__val em.mal{color:#b42318}.ind__val em.bien{color:#1a7f37}
.ind__per{font-size:11.5px;color:#8a909b}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.nombs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nomb{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--linea);border-radius:6px;background:#fff}
.nomb:hover{border-color:var(--principal)}
.nomb__foto{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--fondo-2);display:grid;place-items:center}
.nomb__foto img{width:100%;height:100%;object-fit:cover}
.nomb__foto span{font-family:var(--f-tit);font-weight:700;font-size:26px;color:var(--principal)}
.nomb h3{font-family:var(--f-tit);font-size:14.5px;line-height:1.25;margin:0 0 4px;font-weight:600}
.comunicados{list-style:none;margin:0;padding:0}
.comunicados li{border-top:1px solid var(--linea);padding:11px 0;display:flex;flex-direction:column;gap:3px}
.comunicados a{font-weight:600;font-size:15px;line-height:1.3}
.comunicados a:hover{color:var(--principal)}
.comercial{padding:30px 0}
.comercial__intro{max-width:760px}
.comercial h1{font-family:var(--f-tit);font-size:clamp(30px,4vw,44px);line-height:1.08;margin:12px 0}
.comercial__intro p{font-family:var(--f-txt);font-size:19px;color:var(--texto-2)}
.comercial__servicios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}
.servicio{border:1px solid var(--linea);border-top:4px solid var(--principal);padding:16px;background:#fff}
.servicio h2{font-family:var(--f-tit);font-size:18px;margin:0 0 8px}
.servicio p{margin:0;color:var(--texto-2);font-size:14.5px}
.comercial__form{background:var(--fondo-2);padding:22px;max-width:860px}
.comercial__form h2{font-family:var(--f-tit);margin:0 0 14px}
.comercial__form form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comercial__form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}
.comercial__form .ancho{grid-column:1/-1}
.comercial__form input,.comercial__form select,.comercial__form textarea{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--radio);background:#fff}
.comercial__form button{grid-column:1/-1;justify-self:start;background:var(--principal);color:#fff;border:0;padding:12px 22px;border-radius:var(--radio);font-weight:700;cursor:pointer}
.logo svg{height:44px;width:auto;display:block}
.pie__logo svg{height:40px;width:auto;background:#fff;padding:8px 12px;border-radius:var(--radio);box-sizing:content-box}

/* plantilla «negocios» (estilo business journal) */
.plantilla-negocios{--fondo-2:#f3f5f2}
.plantilla-negocios .nav{background:#fff;border-top:1px solid var(--linea);border-bottom:3px solid var(--oscuro)}
.plantilla-negocios .nav a{color:var(--oscuro);font-family:var(--f-ui);text-transform:none;font-weight:700;font-size:14px;letter-spacing:0}
.plantilla-negocios .nav a:hover,.plantilla-negocios .nav a.activo{background:none;color:var(--principal);box-shadow:inset 0 -3px 0 var(--principal)}
.plantilla-negocios .cabecera{border-bottom:0}
.plantilla-negocios .apertura h1,.plantilla-negocios .art__tit{text-transform:none;font-weight:800;letter-spacing:-.02em}
.plantilla-negocios .apertura h1{font-size:clamp(28px,3vw,40px);line-height:1.1}
.plantilla-negocios .art__tit{font-size:clamp(28px,3.4vw,42px);line-height:1.12}
.plantilla-negocios .tarjeta h3{font-weight:700;letter-spacing:-.01em;font-size:18px;line-height:1.22}
.plantilla-negocios .bloque__tit{border-bottom:2px solid var(--oscuro);text-transform:none;font-family:var(--f-ui);font-weight:800;font-size:19px;letter-spacing:-.01em}
.plantilla-negocios .bloque__tit span{background:none;color:var(--oscuro);padding:0 0 6px;box-shadow:inset 0 -4px 0 var(--principal)}
.plantilla-negocios .sec-tit,.plantilla-negocios .art__cuerpo h2,.plantilla-negocios .caja__tit,.plantilla-negocios .claves h2,.plantilla-negocios .fuentes h2,.plantilla-negocios .boletin h2,.plantilla-negocios .pie h3{text-transform:none}
.plantilla-negocios .ticker__eti{font-family:var(--f-ui);font-weight:800;font-size:11.5px}
.plantilla-negocios .ante--caja{background:var(--oscuro)}
.plantilla-negocios .boletin{background:var(--oscuro)}
.plantilla-negocios .boletin button{background:var(--principal)}
@media (max-width:1100px){.comercial__servicios{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.dos-col,.nombs{grid-template-columns:1fr}.mini-dato{display:none}.logo svg{height:34px}}
@media (max-width:560px){.comercial__servicios,.comercial__form form{grid-template-columns:1fr}}

/* cabecera en banda de color con el logo en negativo */
.cabecera--color .cabecera__in{background:var(--principal)}
.cabecera--color{background:var(--principal)}
.cabecera--color .suscribir{background:#fff;color:var(--principal)}
.cabecera--color .suscribir:hover{background:var(--oscuro);color:#fff}
.cabecera--color .menu-btn span{background:#fff}
.plantilla-negocios .cabecera--color .logo img{height:40px}
.pie__marca img.pie__negativo{background:none;padding:0;height:34px}
