/* vtk-propio.css — piezas propias de Vertikal sobre el tema (BIT-1058, 2-nov-2026).
   Las inserta exportar/limpiar.py en cada página. Calcadas de badabun.com (bd-chrome.css v69):
     · .vtk-share-note  = barra «Compartir» al pie de la nota (.bd-share-note)
     · .vtk-sig         = recuadro «Síguenos» con las cuentas oficiales (.bd-share-box)
     · .vtk-pie         = pie de página al estilo FEPA / Primeros Auxilios
   Colores de Vertikal: tinta #111, rojo del tema #f40000. */

/* Sin la columna de compartir del tema (la de Facebook/Twitter/Pinterest a la izquierda): el texto
   recupera los 80 px que le guardaba. */
.mvp-post-soc-in,.mvp-post-soc-out{margin-left:0!important}
/* Encabezado de la nota sin avatar: «Publicado el …» arranca pegado a la izquierda. */
.mvp-author-info-text{margin-left:0!important}

/* ---- Compartir (al pie del texto de la nota) ---- */
.vtk-share-note{display:flex;gap:16px;justify-content:center;align-items:flex-start;flex-wrap:wrap;
  float:left;width:100%;margin:26px 0 18px;clear:both}
.vtk-share-note a{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;
  text-decoration:none!important;color:#111!important;transition:transform .15s ease,color .15s ease}
.vtk-share-note a:hover{transform:translateY(-2px);color:#f40000!important}
.vtk-share-note svg{width:26px;height:26px;fill:currentColor;stroke:none;display:block}
.vtk-share-note span{font-family:Roboto,sans-serif;font-size:10.5px;line-height:1.15;color:#7E7E86;
  text-align:center;letter-spacing:.02em;white-space:nowrap}
.vtk-share-note a:hover span{color:#111}
.vtk-share-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
  background:#111;color:#fff;padding:10px 18px;font:14px Roboto,sans-serif;opacity:0;
  transition:opacity .3s,transform .3s;z-index:99999;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.vtk-share-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:680px){.vtk-share-note{gap:10px}.vtk-share-note a{width:58px}}

/* ---- Síguenos (cuentas oficiales) ---- */
.vtk-sig{background:#fff;border:1px solid #E6E4DE;border-radius:8px;overflow:hidden;margin:0 0 22px;
  float:left;width:100%;box-sizing:border-box}
.vtk-sig-h{display:flex;align-items:center;gap:9px;padding:13px 15px;font:700 15px Roboto,sans-serif;color:#111}
.vtk-sig-h svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.vtk-sig-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px;margin:0}
.vtk-sig-row a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  border:1px solid #E6E4DE;border-radius:7px;padding:11px 6px;font:600 11px Roboto,sans-serif;
  color:#4A4A52;text-align:center;text-decoration:none!important;transition:border-color .2s,color .2s}
.vtk-sig-row a:hover{border-color:#f40000;color:#f40000}
.vtk-sig-row svg{width:19px;height:19px;fill:#33343B;display:block;transition:fill .2s}
.vtk-sig-row a:hover svg{fill:#f40000}
.vtk-sig-row span{line-height:1.15}
/* En escritorio va en la columna derecha; en celular la columna cae lejos del final del texto,
   así que ahí se muestra el de abajo de «Compartir» (igual que badabun.com). */
.vtk-sig-movil{display:none;max-width:420px;float:none;margin:6px auto 22px}
.vtk-sig-solo{max-width:420px;float:none;margin:6px auto 22px}
@media screen and (max-width:1003px){.vtk-sig-lado{display:none}.vtk-sig-movil{display:block}}

/* ---- Pie de página (estilo FEPA / Primeros Auxilios) ---- */
#mvp-foot-wrap.vtk-pie{background:#111;color:#c9c9cf;padding:0;font-family:Roboto,sans-serif}
.vtk-pie-in{display:grid;grid-template-columns:1.1fr 1fr 1.6fr .8fr;gap:40px;padding:46px 0 38px}
.vtk-pie-logo img{display:block;max-width:190px;height:auto}
.vtk-pie-redes{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.vtk-pie-redes a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  border:1px solid #3a3a40;transition:background .2s,border-color .2s}
.vtk-pie-redes a:hover{background:#f40000;border-color:#f40000}
.vtk-pie-redes svg{width:17px;height:17px;fill:#fff;display:block}
.vtk-pie h4{font:700 15px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;
  margin:0 0 16px;padding-bottom:9px;border-bottom:2px solid #f40000;display:inline-block}
.vtk-pie ul{list-style:none;margin:0;padding:0}
.vtk-pie li{margin:0 0 10px;line-height:1.35}
.vtk-pie li a{color:#c9c9cf;font-size:14px;text-decoration:none}
.vtk-pie li a:hover{color:#fff;text-decoration:underline}
.vtk-pie-secc ul{columns:2;column-gap:20px}
.vtk-pie-bot{background:#000;border-top:1px solid #222}
.vtk-pie-bot .mvp-main-box{display:flex;justify-content:center;align-items:center;
  padding:16px 0;font-size:13px;color:#8a8a92;text-align:center}
@media screen and (max-width:899px){
  .vtk-pie-in{grid-template-columns:1fr;gap:30px;padding:36px 0 28px}
  .vtk-pie-marca{text-align:center}.vtk-pie-logo img{margin:0 auto}.vtk-pie-redes{justify-content:center}
}