:root{--vmg-rojo:#A70000;--vmg-muted:#6b7280;--vmg-card:#fff}
.vmg-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:16px 0}
.vmg-card{border:0;border-radius:18px;overflow:hidden;background:var(--vmg-card);box-shadow:0 10px 25px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease}
.vmg-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.10)}
.vmg-thumb{position:relative;display:block}
.vmg-thumb img{width:100%;height:260px;object-fit:cover;display:block}
.vmg-chip{display:inline-block;line-height:1;border-radius:999px;padding:6px 10px;font-size:.78rem;background:#f1f5f9;color:#0f172a;margin:4px 6px 0 0}
.vmg-chip-verified{background:var(--vmg-rojo);color:white}
.vmg-body{padding:16px}
.vmg-title{margin:.2rem 0 .5rem;font-size:1.1rem}
.vmg-excerpt{color:var(--vmg-muted);margin:0 0 .5rem}
.vmg-meta{font-size:.92rem;color:#374151;margin:.4rem 0 .8rem}
.vmg-tags{display:flex;flex-wrap:wrap;margin-bottom:.4rem}
.vmg-btn{display:inline-block;background:#A70000;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none;border:0}
.vmg-btn-primary{background:#A70000}
.vmg-archive-head{margin:16px 0}
.vmg-sub{color:#6b7280;margin:0 0 12px}
.vmg-single .vmg-hero{position:relative;height:340px;background:#000;overflow:hidden}
.vmg-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.6)}
.vmg-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5))}
.vmg-hero-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 16px;color:#fff}
.vmg-h1{font-size:2rem;margin:0 0 10px}
.vmg-content{max-width:1100px;margin:-60px auto 40px;position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:0 16px}
.vmg-pro .entry{background:var(--vmg-card);padding:18px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.vmg-box{background:var(--vmg-card);padding:16px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06);margin-top:12px}
.vmg-aside .vmg-card{padding:16px}
.vmg-avatar{width:100%;border-radius:12px;margin-bottom:10px;object-fit:cover}
.vmg-aside-meta{list-style:none;margin:0 0 10px;padding:0}
.vmg-aside-meta li{padding:6px 0;border-bottom:1px dashed #eee}
.vmg-legal{font-size:.8rem;color:#6b7280;margin-top:10px}
.sticky{position:sticky;top:90px}
.vmg-form{margin-top:10px;border:1px solid #eee;border-radius:16px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.vmg-form-title{margin-top:0}
.vmg-form .vmg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.vmg-form .vmg-row label{display:flex;flex-direction:column;font-size:.95rem}
.vmg-form input,.vmg-form textarea{padding:10px;border:1px solid #ddd;border-radius:10px}
.vmg-form .vmg-consent{grid-template-columns:1fr}
.vmg-form .vmg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vmg-panel{max-width:1100px;margin:24px auto;padding:0 16px}
.vmg-panel .vmg-box{margin-bottom:16px}


/* ====== Mobile fixes by ChatGPT (Marsans) ====== */
@media (max-width: 860px){
  /* Layout: stack content and aside */
  .vmg-content{display:block}
  .vmg-pro{margin-bottom:16px}
  .vmg-aside{margin-top:0}
  .vmg-card.sticky{position:static; top:auto}

  /* Hero: ensure readable spacing */
  .vmg-h1{font-size:1.45rem; line-height:1.15; margin:0 0 .3rem}
  .vmg-sub{font-size:.95rem}

  /* Thumbnail/image aspect ratio more compact */
  .vmg-thumb img{height:clamp(180px,48vw,260px); object-fit:cover}
  .vmg-avatar{height:auto; max-height:360px}

  /* Chips/social to look like buttons */
  .vmg-chip{padding:.55rem .8rem; border-radius:999px; font-size:.86rem}
  .vmg-chip-social{display:inline-flex; align-items:center; gap:.45rem; padding:.6rem .9rem}
  .vmg-social{display:flex; flex-wrap:wrap; gap:8px}

  /* Form: single column on mobile */
  .vmg-form .vmg-row{grid-template-columns:1fr}
  .vmg-form input,.vmg-form textarea{font-size:16px}

  /* CTA buttons full width */
  .vmg-btn{width:100%; text-align:center; padding:12px 14px; border-radius:12px}

  /* Hide any vertical ribbons/labels to free space */
  .vmg-ribbon, .vmg-side-label, .vmg-vertical, .vmg-side { display:none !important; }
}

/* Slightly larger tablets */
@media (min-width:861px) and (max-width:1100px){
  .vmg-h1{font-size:1.8rem}
}


/* ===== Mobile fix v2: ocultar rótulo vertical y centrar layout ===== */
@media (max-width: 860px){
  /* Cintas/ribbons/labels verticales a la izquierda */
  .vmg-ribbon,
  .vmg-side-label,
  .vmg-vertical,
  .vmg-side,
  .ribbon,
  .credenciales,
  [class*="ribbon-"],
  [class*="credenciales-"],
  [data-label*="Credenciales"]{
    display:none !important;
  }

  /* Si hay desplazamiento lateral, anúlalo */
  .vmg-content{display:block !important; padding-left:0 !important; padding-right:0 !important;}
  .vmg-pro, .vmg-aside, .vmg-card{margin-left:0 !important; margin-right:0 !important;}
  .vmg-panel, .vmg-card, .vmg-pro{max-width:720px; margin:0 auto;}
  .vmg-card.sticky{position:static !important; top:auto !important;}
}


/* === Social icons (estilo redondo Marsans) === */
.vmg-social{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}
.vmg-social-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#f6f7f9;border:1px solid rgba(0,0,0,.08);text-decoration:none}
.vmg-social-btn svg{width:18px;height:18px;fill:#111}
.vmg-social-btn.vm-ig{background:#fbe9ff}
.vmg-social-btn.vm-fb{background:#e7f1ff}
.vmg-social-btn.vm-x{background:#efefef}
.vmg-social-btn.vm-in{background:#e6f4ff}
.vmg-social-btn.vm-yt{background:#ffefef}
.vmg-social-btn.vm-tt{background:#f2f2ff}

/* Botones principales */
.vmg-btn, .vmg-btn-primary{background:#A70000 !important;color:#fff}


/* ====== Marsans UI polish (chips, tipografía, botones) ====== */
:root{
  --vmg-red:#A70000;
  --vmg-ink:#0f172a;
  --vmg-muted:#6b7280;
}
/* Títulos y texto */
.vmg-title, .vmg-h1{letter-spacing:.2px}
.vmg-excerpt{color:var(--vmg-muted)}
.vmg-meta{color:#374151}

/* Chips (idiomas/ciudades/etiquetas) */
.vmg-chip{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .7rem;border-radius:999px;
  background:#f3f4f6;border:1px solid rgba(15,23,42,.06);
  color:var(--vmg-ink);font-size:.92rem;font-weight:500;
}
.vmg-chip-verified{background:var(--vmg-red) !important;color:#fff !important;border-color:transparent}

/* Botones principales Marsans */
.vmg-btn, .vmg-btn-primary{
  background:var(--vmg-red) !important;color:#fff !important;border:0;
  border-radius:16px;font-weight:700;letter-spacing:.2px;
  padding:12px 16px;transition:transform .05s ease, box-shadow .15s ease;
  box-shadow:0 6px 14px rgba(167,0,0,.18);
}
.vmg-btn:hover, .vmg-btn-primary:hover{box-shadow:0 10px 20px rgba(167,0,0,.22)}
.vmg-btn:active, .vmg-btn-primary:active{transform:translateY(1px)}
.vmg-btn:focus-visible{outline:3px solid rgba(167,0,0,.3);outline-offset:2px}

/* Card */
.vmg-card{border-radius:18px;box-shadow:0 10px 26px rgba(3,7,18,.10)}
.vmg-thumb img{border-top-left-radius:18px;border-top-right-radius:18px}

/* Listado grid espaciado */
.vmg-grid{gap:16px}
.vmg-body{padding:16px 16px 18px}

/* Social ya estaba: .vmg-social-btn */

/* Móvil: microajustes */
@media (max-width:860px){
  .vmg-chip{font-size:.95rem;padding:.5rem .8rem}
  .vmg-btn, .vmg-btn-primary{border-radius:14px}
}


/* Filters */
.vmg-filters select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
@media (max-width:860px){ .vmg-filters{grid-template-columns:1fr} }