/* Vinademy · Home · plantillas «Home – Para ti» y «Home – Para organizaciones» (Elementor).
   Se carga sola en las páginas que usan la clase vnd-hb. Tipografía y colores del sitio (Poppins, #B80872). */
.vnd-hb{--hb-ink:#0B0A0B;--hb-ink2:#4B4145;--hb-soft:#7D7276;--hb-paper:#FFFFFF;--hb-mist:#F7F6F6;--hb-viz:#F4EFF2;--hb-line:rgba(11,10,11,.10);--hb-accent:#B80872;--hb-accent-h:#8E0458;--hb-blush:#FBE3F0;--hb-blush-ink:#8E0458;--hb-plum:#1C141B;--hb-plum2:#2A1F28;--hb-font:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;--hb-gut:20px}
@media(min-width:768px){.vnd-hb{--hb-gut:40px}}
@media(min-width:1200px){.vnd-hb{--hb-gut:80px}}

/* ---------- contenedores: el diseño lo pone esta hoja, no los ajustes de Elementor ---------- */
.vnd-hb.e-con,.vnd-hb .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-bottom:0px;--flex-wrap:nowrap}
/* sin depender del CSS que Elementor genera por página (si no está regenerado, los contenedores salen «inline») */
.vnd-hb.e-con,.vnd-hb .e-con{display:flex;flex-direction:var(--flex-direction,column);flex-wrap:nowrap;align-items:var(--align-items,stretch);justify-content:var(--justify-content,flex-start);gap:var(--row-gap,var(--gap,0px)) var(--column-gap,var(--gap,0px));box-sizing:border-box;width:100%;min-width:0}
.vnd-hb *,.vnd-hb *::before,.vnd-hb *::after{box-sizing:border-box}
.vnd-hb.e-con{--flex-direction:column;--align-items:stretch;width:100%;max-width:none;position:relative;z-index:1;padding:clamp(48px,6vw,80px) var(--hb-gut)!important;background:var(--hb-mist)}
.vnd-hb .vnd-hb-wrap.e-con{--flex-direction:column;--align-items:stretch;--gap:24px;--row-gap:24px;width:100%;max-width:1320px;margin-inline:auto}
.vnd-hb .elementor-widget{margin:0!important;width:100%;max-width:100%}
.vnd-hb a,.vnd-hb a:hover,.vnd-hb a:focus{text-decoration:none!important}
.vnd-hb .elementor-heading-title,.vnd-hb .elementor-widget-text-editor,.vnd-hb .elementor-widget-text-editor p{margin:0;font-family:var(--hb-font);color:var(--hb-ink);text-transform:none;text-decoration:none}

/* ---------- cabecera, como el resto de secciones del sitio ---------- */
.vnd-hb .vnd-hb-cab.e-con,.vnd-hb .vnd-hb-cab-a.e-con{--flex-direction:column;--align-items:flex-start;--gap:10px;--row-gap:10px}
.vnd-hb .vnd-hb-cab-row.e-con{--flex-direction:row;flex-wrap:wrap;--align-items:flex-end;--justify-content:space-between;--gap:24px;--column-gap:40px}
.vnd-hb .vnd-hb-cab-a.e-con{width:auto;flex:1 1 520px;min-width:0}
.vnd-hb .vnd-hb-k .elementor-heading-title{font-size:12px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--hb-accent);line-height:1.5}
.vnd-hb .vnd-hb-t .elementor-heading-title{font-size:clamp(34px,4.4vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--hb-ink);text-wrap:balance}
.vnd-hb .vnd-hb-t em,.vnd-hb .vnd-hb-t i{font-style:normal;color:var(--hb-accent)}
.vnd-hb .vnd-hb-t::after{content:"";display:block;width:56px;height:4px;background:var(--hb-accent);margin-top:16px}
.vnd-hb .vnd-hb-lead{width:auto;flex:0 1 300px}
.vnd-hb .vnd-hb-lead,.vnd-hb .vnd-hb-lead p{font-size:15px;line-height:1.6;color:var(--hb-ink2)}

/* ---------- dibujos (SVG en widgets HTML) ---------- */
.vnd-hb .vnd-hb-vizw{display:flex;flex-direction:column}
.vnd-hb .vnd-hb-vizw>.elementor-widget-container{flex:1 1 auto;display:flex;flex-direction:column}
.vnd-hb .vnd-hb-viz{position:relative;display:grid;place-items:center;width:100%;flex:1 1 auto;padding:18px;background:radial-gradient(120% 90% at 85% 0%,rgba(184,8,114,.14),transparent 60%),var(--hb-viz)}
.vnd-hb .vnd-hb-viz svg{display:block;width:100%;height:auto;max-width:240px;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.vnd-hb .hb-s-ink{stroke:#4A3F46}.vnd-hb .hb-f-ink{fill:#4A3F46}.vnd-hb .hb-s-acc{stroke:var(--hb-accent)}.vnd-hb .hb-f-acc{fill:var(--hb-accent)}.vnd-hb .hb-f-acc2{fill:#CF82AE}.vnd-hb .hb-f-acc3{fill:#E5B8D2}.vnd-hb .hb-f-track{fill:#E7DFE3}.vnd-hb .hb-s-track{stroke:#E7DFE3}.vnd-hb .hb-f-paper{fill:#fff}
.vnd-hb .hb-t-lbl{font:600 11px var(--hb-font);fill:var(--hb-soft)}

/* ---------- PARA TI: Aprender grande a la izquierda, dos puertas apiladas a la derecha ---------- */
.vnd-hb .vnd-hb-bento.e-con{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px;padding:4px 4px 44px!important;margin:-4px -4px -40px!important;width:auto}
.vnd-hb .vnd-hb-bx.e-con{--flex-direction:column;--align-items:stretch;--gap:0px;--row-gap:0px;position:relative;background:var(--hb-paper);border:1px solid var(--hb-line);border-radius:24px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.vnd-hb .vnd-hb-bx.e-con:hover,.vnd-hb .vnd-hb-bx.e-con:focus-within{transform:translateY(-4px);border-color:rgba(184,8,114,.4);box-shadow:0 22px 44px -26px rgba(184,8,114,.7)}
.vnd-hb .vnd-hb-bx:hover .vnd-hb-viz svg{transform:scale(1.04)}
.vnd-hb .vnd-hb-bx .vnd-hb-vizw{flex:0 0 auto}
.vnd-hb .vnd-hb-tx.e-con{--flex-direction:column;--align-items:flex-start;--gap:8px;--row-gap:8px;flex:1 1 auto;min-width:0;padding:18px 22px 20px!important}
.vnd-hb .vnd-hb-n .elementor-heading-title{font-size:12px;font-weight:400;letter-spacing:.32em;color:var(--hb-accent);line-height:1.4}
.vnd-hb .vnd-hb-w .elementor-heading-title{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--hb-ink)}
.vnd-hb .vnd-hb-p,.vnd-hb .vnd-hb-p p{font-size:14.5px;line-height:1.5;color:var(--hb-ink2);max-width:34ch}
.vnd-hb .vnd-hb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.vnd-hb .vnd-hb-chips span{font-family:var(--hb-font);font-size:12px;font-weight:500;line-height:1.3;color:var(--hb-blush-ink);background:var(--hb-blush);border-radius:999px;padding:5px 11px}
.vnd-hb .vnd-hb-go{margin-top:auto!important;padding-top:10px}
.vnd-hb .vnd-hb-go .elementor-button{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-family:var(--hb-font);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--hb-accent)}
.vnd-hb .vnd-hb-go .elementor-button::after{content:"→";font-size:16px;letter-spacing:0;transition:transform .25s}
.vnd-hb .vnd-hb-go .elementor-button:hover,.vnd-hb .vnd-hb-go .elementor-button:focus{background:none;color:var(--hb-accent-h)}
.vnd-hb .vnd-hb-bx:hover .vnd-hb-go .elementor-button::after{transform:translateX(3px)}
/* la grande */
.vnd-hb .vnd-hb-a.e-con{grid-row:1/3}
.vnd-hb .vnd-hb-a .vnd-hb-vizw{flex:1 1 auto;min-height:190px;border-bottom:1px solid var(--hb-line)}
.vnd-hb .vnd-hb-a .vnd-hb-viz svg{max-width:300px;max-height:190px}
.vnd-hb .vnd-hb-a .vnd-hb-w .elementor-heading-title{font-size:clamp(32px,3.4vw,46px)}
/* las dos de la derecha, en horizontal */
.vnd-hb .vnd-hb-b.e-con,.vnd-hb .vnd-hb-c.e-con{--flex-direction:row;flex-direction:row}
.vnd-hb .vnd-hb-b .vnd-hb-vizw,.vnd-hb .vnd-hb-c .vnd-hb-vizw{flex:0 0 36%;width:36%;border-right:1px solid var(--hb-line)}
.vnd-hb .vnd-hb-c .vnd-hb-viz svg{max-width:130px}
.vnd-hb .vnd-hb-b .vnd-hb-viz svg{max-width:200px}
.vnd-hb .vnd-hb-b .vnd-hb-tx.e-con,.vnd-hb .vnd-hb-c .vnd-hb-tx.e-con{width:auto;flex:1 1 0}

/* ---------- ORGANIZACIONES: sección entera en oscuro ---------- */
.vnd-hb.vnd-hb-org.e-con{background:var(--hb-plum);--hb-ink:#FFFFFF;--hb-ink2:#D9C9D1;--hb-soft:#A0909A;--hb-line:rgba(246,238,242,.10);--hb-accent:#F0479F}
.vnd-hb-org .vnd-hb-k .elementor-heading-title{color:#F27BB8}
.vnd-hb-org .vnd-hb-g4.e-con{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:4px 4px 44px!important;margin:-4px -4px -40px!important;width:auto}
.vnd-hb-org .vnd-hb-card.e-con{--flex-direction:column;--align-items:stretch;--gap:0px;--row-gap:0px;background:var(--hb-plum2);border:1px solid var(--hb-line);border-radius:24px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.vnd-hb-org .vnd-hb-card.e-con:hover,.vnd-hb-org .vnd-hb-card.e-con:focus-within{transform:translateY(-4px);border-color:rgba(240,71,159,.5);box-shadow:0 22px 44px -26px rgba(240,71,159,.6)}
.vnd-hb-org .vnd-hb-card:hover .vnd-hb-viz svg{transform:scale(1.04)}
.vnd-hb-org .vnd-hb-viz{height:132px;padding:34px 14px 12px;background:radial-gradient(120% 90% at 85% 0%,rgba(240,71,159,.26),transparent 60%),#33262F;border-bottom:1px solid var(--hb-line)}
.vnd-hb-org .vnd-hb-viz svg{width:auto;height:100%;max-width:70%}
.vnd-hb-org .hb-s-ink{stroke:#E9DDE3}.vnd-hb-org .hb-f-ink{fill:#E9DDE3}.vnd-hb-org .hb-f-track{fill:rgba(246,238,242,.14)}.vnd-hb-org .hb-s-track{stroke:rgba(246,238,242,.18)}.vnd-hb-org .hb-s-acc{stroke:#F0479F}.vnd-hb-org .hb-f-acc{fill:#F0479F}.vnd-hb-org .hb-f-paper{fill:#3E2F39}
.vnd-hb-org .vnd-hb-pill{position:absolute;top:14px;right:14px;font-family:var(--hb-font);font-size:11px;font-weight:600;line-height:1.3;border-radius:999px;padding:5px 10px;background:rgba(240,71,159,.18);color:#F7B6D7}
.vnd-hb-org .vnd-hb-ctx.e-con{--flex-direction:column;--gap:6px;--row-gap:6px;padding:16px 20px 0!important}
.vnd-hb-org .vnd-hb-ct .elementor-heading-title{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#fff}
.vnd-hb-org .vnd-hb-q,.vnd-hb-org .vnd-hb-q p{font-size:14px;line-height:1.45;color:var(--hb-ink2)}
.vnd-hb-org .vnd-hb-pie.e-con{--flex-direction:row;--align-items:center;--justify-content:space-between;--gap:12px;--column-gap:12px;margin-top:auto!important;padding:14px 20px 18px!important}
.vnd-hb-org .vnd-hb-meta{width:auto;flex:1 1 auto;min-width:0}
.vnd-hb-org .vnd-hb-meta,.vnd-hb-org .vnd-hb-meta p{font-size:12.5px;line-height:1.4;color:var(--hb-soft)}
.vnd-hb-org .vnd-hb-pill-btn,.vnd-hb-org .vnd-hb-band-btn{width:auto;flex:0 0 auto}
.vnd-hb-org .elementor-button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;color:var(--hb-plum);border:0;border-radius:999px;box-shadow:none;font-family:var(--hb-font);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2;white-space:nowrap;transition:transform .2s}
.vnd-hb-org .elementor-button::after{content:"→";transition:transform .25s}
.vnd-hb-org .elementor-button:hover,.vnd-hb-org .elementor-button:focus{background:#fff;color:#B80872}
.vnd-hb-org .vnd-hb-card:hover .elementor-button::after{transform:translateX(3px)}
.vnd-hb-org .vnd-hb-band.e-con{--flex-direction:row;flex-wrap:wrap;--align-items:center;--justify-content:space-between;--gap:20px;--column-gap:20px;background:#B80872;border-radius:20px;padding:16px 16px 16px 26px!important}
.vnd-hb-org .vnd-hb-band-t{width:auto;flex:1 1 auto}
.vnd-hb-org .vnd-hb-band-t .elementor-heading-title{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#fff}
.vnd-hb-org .vnd-hb-band-t em,.vnd-hb-org .vnd-hb-band-t i{font-style:normal;color:#FFD1EA}

/* color fijo de los botones, también en enlaces ya visitados */
.vnd-hb-org .elementor-button,.vnd-hb-org .elementor-button:visited,.vnd-hb-org .elementor-button .elementor-button-text{color:var(--hb-plum)!important}
.vnd-hb-org .elementor-button:hover .elementor-button-text,.vnd-hb-org .elementor-button:focus .elementor-button-text,.vnd-hb-org .elementor-button:hover{color:#B80872!important}
.vnd-hb-ti .vnd-hb-go .elementor-button,.vnd-hb-ti .vnd-hb-go .elementor-button:visited,.vnd-hb-ti .vnd-hb-go .elementor-button .elementor-button-text{color:var(--hb-accent)!important}
.vnd-hb .elementor-button .elementor-button-text{background:none;opacity:1;visibility:visible}

/* ---------- tablet ---------- */
@media(max-width:1100px){.vnd-hb-org .vnd-hb-g4.e-con{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .vnd-hb .vnd-hb-bento.e-con{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}
  .vnd-hb .vnd-hb-a.e-con{grid-row:auto}
  .vnd-hb .vnd-hb-a .vnd-hb-vizw{min-height:0}
  .vnd-hb .vnd-hb-a .vnd-hb-viz{height:150px;padding:14px}
  .vnd-hb .vnd-hb-a .vnd-hb-viz svg{max-height:120px;width:auto}
  .vnd-hb .vnd-hb-a .vnd-hb-viz svg{max-width:300px}
  .vnd-hb .vnd-hb-a .vnd-hb-w .elementor-heading-title{font-size:30px}
}
/* ---------- móvil ---------- */
@media(max-width:760px){
  .vnd-hb .vnd-hb-tx.e-con{padding:18px 18px 20px!important;--gap:6px;--row-gap:6px}
  .vnd-hb .vnd-hb-b .vnd-hb-vizw,.vnd-hb .vnd-hb-c .vnd-hb-vizw{flex-basis:36%;width:36%}
  .vnd-hb .vnd-hb-b .vnd-hb-viz,.vnd-hb .vnd-hb-c .vnd-hb-viz{padding:12px}
  .vnd-hb .vnd-hb-b .vnd-hb-tx.e-con,.vnd-hb .vnd-hb-c .vnd-hb-tx.e-con{padding:16px!important}
  .vnd-hb .vnd-hb-b .vnd-hb-w .elementor-heading-title,.vnd-hb .vnd-hb-c .vnd-hb-w .elementor-heading-title{font-size:24px}
  .vnd-hb .vnd-hb-b .vnd-hb-p,.vnd-hb .vnd-hb-b .vnd-hb-p p,.vnd-hb .vnd-hb-c .vnd-hb-p,.vnd-hb .vnd-hb-c .vnd-hb-p p{font-size:13px}
  .vnd-hb .vnd-hb-b .vnd-hb-chipsw,.vnd-hb .vnd-hb-c .vnd-hb-chipsw,.vnd-hb .vnd-hb-n{display:none}
  .vnd-hb .vnd-hb-go{padding-top:6px}
  .vnd-hb .vnd-hb-go .elementor-button{font-size:11px}
  /* organizaciones: carrusel, se asoma la siguiente tarjeta */
  .vnd-hb-org .vnd-hb-g4.e-con{display:flex!important;--flex-direction:row;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:-4px calc(-1 * var(--hb-gut)) -40px!important;padding:4px var(--hb-gut) 44px!important;scrollbar-width:none;overscroll-behavior-x:contain}
  .vnd-hb-org .vnd-hb-g4.e-con::-webkit-scrollbar{display:none}
  .vnd-hb-org .vnd-hb-card.e-con{flex:0 0 82%;scroll-snap-align:start;scroll-margin-left:var(--hb-gut)}
  .vnd-hb-org .vnd-hb-viz{height:120px;padding-top:32px}
  .vnd-hb-org .vnd-hb-band.e-con{padding:22px!important}
  .vnd-hb-org .vnd-hb-band-t .elementor-heading-title{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.vnd-hb *{transition:none!important}}