.va-badges{padding-top:110px;padding-bottom:100px}.va-badges h1{max-width:1000px}.va-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:22px 0 55px}.va-badge-tile,.va-credential{display:flex;flex-direction:column;gap:13px;align-items:flex-start;padding:26px;border:1px solid #ded8f1;border-radius:26px;background:linear-gradient(135deg,#fff,#f4f2ff);box-shadow:0 14px 32px rgba(47,32,86,.06);text-decoration:none;color:#2e2451}.va-badge-tile strong{font-size:19px;line-height:1.3}.va-badge-tile small,.va-credential small{font-size:11px;letter-spacing:.12em;font-weight:800;color:#7361a2}.va-badge-tile p{font-size:13px;margin:0;color:#756f82}.va-badge-medal{position:relative;width:104px;height:104px;display:grid;place-items:center;background:conic-gradient(from 45deg,#43d9dc,#5967ed,#794bda,#bc66e5,#43d9dc);clip-path:polygon(50% 0,63% 10%,80% 6%,87% 23%,99% 35%,92% 50%,99% 65%,87% 77%,80% 94%,63% 90%,50% 100%,37% 90%,20% 94%,13% 77%,1% 65%,8% 50%,1% 35%,13% 23%,20% 6%,37% 10%);filter:drop-shadow(0 9px 19px rgba(91,74,192,.2))}.va-badge-medal:after{content:'';position:absolute;inset:14px;border-radius:50%;background:linear-gradient(130deg,#2e245a,#51419e)}.va-badge-medal span{z-index:1;font-size:27px;font-weight:900;color:#fff;letter-spacing:-.08em}.va-badge-medal.locked{filter:grayscale(.85);opacity:.52}.va-badge-medal.large{width:180px;height:180px;margin:auto}.va-badge-medal.large span{font-size:45px}.va-credential{max-width:850px;margin:30px auto;align-items:center;text-align:center;padding:48px 28px;background:radial-gradient(circle at 80% 0,rgba(68,211,224,.15),transparent 45%),linear-gradient(130deg,#fff,#f5f1ff)}.va-credential h2{font-size:clamp(26px,5vw,45px);margin:5px 0}.va-credential-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:24px;border-top:1px solid #ded8ef;border-bottom:1px solid #ded8ef;width:100%}.va-credential-facts div{display:grid;gap:6px}.va-credential-facts span{font-size:12px;color:#756a96}.va-credential-facts strong{overflow-wrap:anywhere}.va-verify{font-size:13px;color:#63559b}.va-badge-share{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.va-badge-share .btn{cursor:pointer}.va-badge-note{max-width:850px;margin:30px auto;color:#6b6480;line-height:1.7}@media(max-width:700px){.va-badges{padding-top:72px}.va-credential{padding:30px 18px}.va-badge-share{flex-direction:column}.va-badge-share>*{width:100%}}

.va11-page .va-badge-tile{overflow:hidden}.va11-tile{position:relative;transition:transform .22s ease}.va11-tile:hover{transform:translateY(-4px)}.va11-area{font-size:13px;line-height:1.5;color:#665f77}.va11-medal{width:116px;height:116px;padding:8px;border-radius:33px;display:grid;place-items:center;background:linear-gradient(140deg,var(--badge-accent),var(--badge-secondary));box-shadow:0 15px 35px rgba(49,37,96,.17);position:relative;isolation:isolate}.va11-medal:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.54);border-radius:29px}.va11-medal-ring{width:100%;height:100%;border-radius:27px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;z-index:1}.va11-medal img{height:58px;width:58px;object-fit:contain}.va11-medal-product{font-size:11px;color:#403271;font-weight:900;letter-spacing:.12em}.va11-medal.locked{opacity:.48;filter:grayscale(.9)}.va11-medal.large{width:200px;height:200px;border-radius:55px;margin:auto}.va11-medal.large:before{border-radius:50px}.va11-medal.large .va11-medal-ring{border-radius:47px}.va11-medal.large img{width:116px;height:116px}.va11-medal.large .va11-medal-product{font-size:14px}.va11-track{color:#5d528d;font-weight:800;font-size:13px}.va11-achievement{color:#5d528d;font-weight:600;margin:0}.va11-credential .va-credential-facts{margin-top:10px}@media(max-width:700px){.va11-medal.large{width:170px;height:170px}.va11-medal.large img{width:95px;height:95px}}

/* v1.3: la marca sustituye abreviaturas de producto en la insignia */
.va11-medal-product{display:none!important}.va11-medal-ring img{display:block!important;width:78%!important;height:78%!important;object-fit:contain!important;margin:auto!important} .va11-medal-ring{display:flex;align-items:center;justify-content:center}.va-badge-share{display:flex;flex-wrap:wrap;gap:12px}.va-badge-share .btn{white-space:normal;overflow-wrap:anywhere}@media(max-width:640px){.va-badge-share .btn{width:100%;text-align:center}}

/* VA1.4 - responsive premium diploma */
.va14-page{max-width:1200px;margin:auto}.va14-intro{max-width:850px}.va14-diploma{width:100%;overflow:hidden;position:relative;border:2px solid var(--va14-accent);border-radius:22px;background:linear-gradient(120deg,#201738,#3c2f66 65%,#231b45);color:#fff;box-shadow:0 27px 65px rgba(40,26,79,.22);margin:28px auto}.va14-diploma:before{content:"";position:absolute;width:440px;height:440px;border-radius:100%;right:-220px;top:-220px;background:var(--va14-accent);opacity:.11;pointer-events:none}.va14-diploma-inner{position:relative;padding:clamp(22px,4vw,48px);border:1px solid rgba(255,255,255,.17);margin:12px;border-radius:14px}.va14-diploma-top,.va14-foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.va14-diploma-top{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:800;letter-spacing:.13em}.va14-diploma-top small{display:block;font-size:9px;letter-spacing:.25em;color:#c7bfdf}.va14-verified{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:11px 14px;border-radius:25px;letter-spacing:.09em;font-size:10px}.va14-main{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:20px;min-height:255px}.va14-main-copy{min-width:0}.va14-eyebrow{color:var(--va14-accent);font-size:12px;font-weight:800;letter-spacing:.15em}.va14-main h2{font-size:clamp(27px,3.4vw,46px);line-height:1.2;color:#fff;margin:18px 0}.va14-achievement{color:#ddd4f4;font-size:16px}.va14-level{display:inline-block;border:1px solid rgba(255,255,255,.28);border-radius:30px;padding:8px 14px;margin-top:12px;font-size:12px;color:#fff}.va14-logo{height:210px;width:210px;background:#fff;display:grid;place-items:center;border-radius:30px;padding:20px;box-shadow:0 0 0 8px rgba(255,255,255,.12)}.va14-logo img{max-width:100%;max-height:100%;object-fit:contain}.va14-facts{display:flex;flex-wrap:wrap;gap:25px;padding:23px 0;border-top:1px solid rgba(255,255,255,.2)}.va14-facts>div{display:grid;gap:5px;min-width:155px;flex:1}.va14-facts small{font-size:10px;color:#b5abc9;letter-spacing:.1em}.va14-facts strong{font-size:14px;color:#fff;overflow-wrap:anywhere}.va14-foot{padding-top:18px;font-size:10px;color:#cdc5df;letter-spacing:.08em}.va14-actions{max-width:900px;padding:28px;border:1px solid #ded7f1;border-radius:24px;background:#f8f6ff;margin:35px auto}.va14-actions h3{margin:0 0 10px}.va14-actions p{color:#68617b;line-height:1.65}.va14-actions label{display:block;font-weight:700;margin:20px 0 8px}.va14-actions textarea{width:100%;box-sizing:border-box;border:1px solid #d4cdeb;border-radius:15px;padding:16px;font:inherit;line-height:1.65;background:#fff;color:#29213e;resize:vertical}.va14-actions .va-badge-share{margin-top:16px;justify-content:flex-start}@media(max-width:700px){.va14-main{grid-template-columns:1fr}.va14-logo{width:125px;height:125px;grid-row:1;padding:12px;border-radius:18px}.va14-diploma-inner{margin:7px;padding:20px}.va14-diploma-top{flex-direction:column;align-items:flex-start}.va14-facts{flex-direction:column;gap:16px}.va14-foot{flex-direction:column;align-items:flex-start}.va14-actions{padding:20px}}

/* v1.5: refined light certificate, responsive editorial hierarchy */
.va14-diploma{color:#2e2548;background:linear-gradient(125deg,#fff 10%,#f8f6ff 72%,#f0f6ff);border:1px solid #dcd5ef;border-radius:24px;box-shadow:0 18px 44px rgba(49,34,92,.10)}
.va14-diploma:before{opacity:.06;right:-240px}.va14-diploma-inner{border:1px solid #e8e2f4;border-radius:15px;margin:11px;padding:clamp(20px,4vw,42px)}
.va14-diploma-top{color:#4e3f82;border-color:#e2ddef}.va14-diploma-top small{color:#8c80a7}.va14-verified{background:#f0ecfa;border-color:#e4dcf8;color:#59458d}.va14-eyebrow{color:#7961bf}
.va14-main h2{color:#29213e;font-size:clamp(25px,3.1vw,43px)}.va14-achievement{color:#676078}.va14-level{border-color:#e1d9f1;color:#604c95;background:#f4f0fc}.va14-logo{border-radius:26px;background:#fff;border:1px solid #eae5f4;box-shadow:0 12px 25px rgba(56,41,100,.07)}
.va14-facts{border-color:#e1ddef}.va14-facts small{color:#867a9c}.va14-facts strong{color:#2f2846}.va14-foot{color:#776c8e;border-top:1px solid #e9e3f2}.va14-diploma-top,.va14-foot{flex-wrap:wrap}.va14-main{min-height:245px}.va14-main-copy{padding-top:20px;padding-bottom:20px}
@media(max-width:700px){.va14-main{grid-template-columns:1fr}.va14-logo{grid-row:1;margin-top:10px;width:110px;height:110px}.va14-diploma-inner{margin:7px;padding:20px}.va14-facts{gap:15px}.va14-main h2{font-size:clamp(24px,7vw,36px)}}

/* v1.6: fallback institucional cuando el navegador bloquea ambas imágenes */
.va14-logo.va16-logo-fallback{position:relative;background:linear-gradient(135deg,#f7f3ff,#ebf6ff);border:1px solid #e2d8f3;}
.va14-logo.va16-logo-fallback::before{content:"VA";display:grid;place-items:center;color:#6553c9;font-size:clamp(34px,5vw,56px);font-weight:900;letter-spacing:-.1em;}
.va14-logo img{display:block;width:100%;height:100%;object-fit:contain;}

/* Vainilla Academy v1.7 — LinkedIn Credentials Flow */
.va17-credential-setup{max-width:1120px;margin:36px auto;border:1px solid #dedcf0;border-radius:28px;padding:clamp(22px,4vw,42px);background:linear-gradient(135deg,#fff 0%,#f8f7ff 65%,#f1fbff 100%);box-shadow:0 16px 48px rgba(43,33,89,.06);color:#25213e}
.va17-kicker{font-size:12px;font-weight:850;letter-spacing:.17em;color:#6957ba}.va17-setup-top h2{font-size:clamp(26px,3vw,39px);line-height:1.12;letter-spacing:-.035em;margin:13px 0}.va17-setup-top p{max-width:760px;line-height:1.6;color:#686581}
.va17-setup-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;margin-top:27px;align-items:start}
.va17-steps{display:grid;gap:14px}.va17-steps>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:13px;padding:18px;border:1px solid #e8e5f3;border-radius:17px;background:rgba(255,255,255,.8)}.va17-steps span{grid-row:span 2;width:43px;height:43px;display:grid;place-items:center;background:#eeeaff;color:#5e4bb5;border-radius:13px;font-size:13px;font-weight:900}.va17-steps strong{font-size:15px}.va17-steps small{color:#77728c;line-height:1.4;margin-top:3px;font-size:13px}
.va17-fields{min-width:0;background:white;border-radius:20px;border:1px solid #e4e0f3;padding:19px}.va17-fields h3{margin:1px 0 16px;font-size:19px}.va17-field{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #eeebf6;padding:12px 0}.va17-field-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.va17-field-copy small{font-weight:750;color:#79728e;font-size:12px}.va17-field-copy strong{font-size:14px;overflow-wrap:anywhere;line-height:1.45;color:#30264a}.va17-copy-field{flex-shrink:0;background:#f1edfc;color:#5948a2;border:1px solid #e2ddf5;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.va17-copy-field:hover{background:#e5defc}.va17-linkedin-btn{display:flex!important;align-items:center;justify-content:center;width:100%;text-align:center;background:#0a66c2!important;color:white!important;border-radius:13px!important;min-height:48px;margin-top:17px;text-decoration:none!important}.va17-issuer-note{font-size:12px;color:#77728c;line-height:1.6;margin:12px 0 0}.va17-issuer-note a{color:#5948a2}.va17-honesty{color:#77728c;font-size:13px;line-height:1.6;margin:22px 0 0}
@media(max-width:760px){.va17-credential-setup{border-radius:22px;padding:22px 18px;margin:25px 0}.va17-setup-grid{grid-template-columns:1fr;gap:18px}.va17-steps{gap:9px}.va17-steps>div{padding:13px}.va17-fields{padding:16px}.va17-field-copy strong{font-size:13px}.va17-copy-field{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.va17-copy-field,.va17-linkedin-btn{transition:background .18s ease,transform .18s ease}.va17-copy-field:active,.va17-linkedin-btn:active{transform:scale(.98)}}

/* Vainilla Academy v1.8 — diseño compacto para compartir credenciales */
.va18-linkedin,.va18-linkedin *{box-sizing:border-box}
.va18-linkedin{max-width:950px;margin:32px auto 50px;padding:clamp(20px,4vw,36px);border:1px solid #e2dff0;background:linear-gradient(125deg,#fff 15%,#f9f8ff 100%);border-radius:26px;box-shadow:0 14px 35px rgba(47,38,82,.055);color:#261f40}
.va18-intro{display:flex;align-items:flex-start;gap:18px}.va18-icon{flex:0 0 54px;height:54px;display:grid;place-items:center;background:#0a66c2;color:white;border-radius:14px;font-weight:850;font-size:29px;font-family:Arial,sans-serif;letter-spacing:-.04em}
.va18-kicker{font-weight:800;letter-spacing:.14em;font-size:10px;color:#725caf}.va18-linkedin h2{font-weight:800;font-size:clamp(22px,3vw,31px);letter-spacing:-.035em;margin:7px 0 8px;line-height:1.2;color:#29213e}.va18-intro p{color:#706981;line-height:1.65;font-size:14px;max-width:650px;margin:0}
.va18-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 18px}.va18-button{border:1px solid #dad4eb;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none!important;border-radius:15px;font-size:14px;font-weight:750;line-height:1.3;min-height:58px;transition:transform .2s ease,box-shadow .2s ease}.va18-button:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(38,33,81,.09)}.va18-button-main{background:#0a66c2!important;color:#fff!important;border-color:#0a66c2!important}.va18-button-alt{background:#fff!important;color:#392f61!important}.va18-button span{font-size:21px}
.va18-details{border-top:1px solid #e9e5f3;padding-top:4px}.va18-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 4px;font-weight:700;font-size:14px;list-style:none}.va18-details summary::-webkit-details-marker{display:none}.va18-chevron{font-size:23px;transition:transform .2s ease}.va18-details[open] .va18-chevron{transform:rotate(180deg)}.va18-help{font-size:13px;color:#777087;margin:0 0 12px;line-height:1.55}
.va18-fields{border:1px solid #e8e3f3;border-radius:15px;padding:0 16px;background:#fff}.va18-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #efecf5}.va18-field:last-child{border-bottom:0}.va18-field>div{min-width:0;display:grid;gap:5px}.va18-field small{color:#827b91;font-size:11px;font-weight:600}.va18-field strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:#322b47}.va18-copy{flex:0 0 auto;appearance:none;background:#f4f0ff;border:1px solid #e5def6;border-radius:12px;padding:9px 13px;color:#5a4793;font-weight:750;cursor:pointer;font-size:12px}
.va18-footer{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:18px;font-size:12px}.va18-footer a,.va18-text-btn{color:#58478f;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:650}.va18-footer span{color:#bcb4ca}.va18-disclaimer{color:#91899e;font-size:11px;line-height:1.5;margin:16px 0 0}
@media(max-width:700px){.va18-linkedin{margin:25px 0;padding:20px;border-radius:20px}.va18-icon{width:46px;height:46px;flex-basis:46px;font-size:25px}.va18-intro{gap:12px}.va18-primary-actions{grid-template-columns:1fr}.va18-button{min-height:55px}.va18-footer{line-height:1.7}}@media(prefers-reduced-motion:reduce){.va18-button,.va18-chevron{transition:none}}

/* V1.9 — credential action bar and compact LinkedIn copy fields */
.va19-panel,.va19-panel *{box-sizing:border-box}.va19-panel{width:100%;max-width:1220px;margin:26px auto 44px;padding:24px 28px;border-radius:24px;background:#fbfaff;border:1px solid #e4def4;box-shadow:0 10px 35px rgba(40,27,86,.055);color:#29223d}.va19-toolbar{display:flex;align-items:center;justify-content:space-between;gap:26px}.va19-header{min-width:0;flex:1}.va19-eyebrow{font-size:10px;letter-spacing:.15em;color:#7561ba;font-weight:800}.va19-header h2{font-size:clamp(22px,2.4vw,29px);margin:5px 0;color:#29223d;line-height:1.18}.va19-header p{font-size:13px;color:#716984;line-height:1.55;margin:0;max-width:550px}.va19-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;max-width:660px}.va19-action{display:inline-flex;gap:12px;align-items:center;justify-content:center;white-space:nowrap;text-align:center;text-decoration:none!important;border-radius:12px;border:1px solid #d9d2ec;padding:11px 13px;min-height:44px;background:#fff;color:#4e407e!important;font-size:12px;font-weight:800}.va19-action.primary{background:#0a66c2;color:#fff!important;border-color:#0a66c2}.va19-action:hover{box-shadow:0 5px 14px #281a451a}.va19-details{margin-top:17px;border-top:1px solid #eae5f4}.va19-details summary{padding:14px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:750;color:#392f61;font-size:13px}.va19-details summary span{font-size:11px;color:#817798;font-weight:500}.va19-tip{margin:0 0 12px;font-size:12px;color:#746b85}.va19-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.va19-field{min-width:0;border:1px solid #e9e4f4;background:#fff;border-radius:13px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;gap:11px}.va19-field-text{min-width:0}.va19-field small{display:block;color:#857b96;font-size:10px;line-height:1.3;margin-bottom:7px}.va19-field strong{display:block;font-size:12px;color:#312647;line-height:1.45;overflow-wrap:anywhere}.va19-field .va18-copy{align-self:flex-start}.va19-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#898096}.va19-foot .va18-text-btn{text-decoration:none;border-bottom:1px solid #8c80ad;font-size:11px}.va19-panel:focus-within{scroll-margin-top:120px}
@media(max-width:1060px){.va19-toolbar{align-items:flex-start;flex-direction:column}.va19-actions{justify-content:flex-start;max-width:none}.va19-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.va19-panel{padding:19px;margin-top:22px;border-radius:19px}.va19-toolbar{gap:16px}.va19-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.va19-action{white-space:normal;padding:11px 9px}.va19-fields{grid-template-columns:1fr 1fr}.va19-foot{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.va19-fields{grid-template-columns:1fr}}

/* v2.0: Vista pública únicamente de verificación */
.va20-verification{max-width:1220px;margin:24px auto 60px;padding:19px 24px;border:1px solid #d9e8e3;border-radius:18px;background:#f8fcfb;display:flex;align-items:center;gap:15px;color:#243b37}.va20-verified-mark{flex:none;width:40px;height:40px;display:grid;place-items:center;background:#e2f5ed;color:#14764f;border-radius:50%;font-size:23px;font-weight:800}.va20-verification strong{font-size:15px}.va20-verification p{margin:5px 0 0;font-size:13px;line-height:1.55;color:#57716a}@media(max-width:600px){.va20-verification{padding:16px;align-items:flex-start}}

/* v2.1 · Credential-first presentation; keep authentication and owner permissions unchanged. */
.va21-page.va-badges{padding-top:32px!important;padding-bottom:64px!important}
.va21-intro{max-width:none!important;margin:0 0 14px!important;padding:0!important}
.va21-intro .eyebrow{font-size:10px!important;letter-spacing:.14em!important;line-height:1.4!important;display:block;margin-bottom:7px!important}
.va21-intro h1{font-size:clamp(24px,2.8vw,35px)!important;line-height:1.15!important;letter-spacing:-.04em!important;max-width:none!important;margin:0 0 5px!important}
.va21-intro .lead{font-size:13px!important;line-height:1.5!important;margin:0!important;color:#796f91!important}
.va21-page .va14-diploma{margin:14px auto 20px!important}
.va21-page .va19-panel{margin-top:20px!important}
.va21-page .va19-details[open] summary{margin-bottom:4px}
.va21-page .va19-details summary{list-style:none;gap:12px}
.va21-page .va19-details summary::-webkit-details-marker{display:none}
.va21-page .va19-details summary .va21-toggle-hint{font-weight:650;color:#756998;font-size:12px}
.va21-page .va19-details[open] .va21-toggle-hint::before{content:'− ';font-size:14px}
.va21-page .va19-details:not([open]) .va21-toggle-hint{font-size:0}
.va21-page .va19-details:not([open]) .va21-toggle-hint::after{content:'Mostrar datos +';font-size:12px}
@media(max-width:700px){.va21-page.va-badges{padding-top:18px!important}.va21-intro h1{font-size:25px!important}.va21-intro .lead{font-size:12px!important}.va21-page .va14-diploma{margin-top:12px!important}}