@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');
.vap-app{--vap-main:#185D61;font-family:Arial,Helvetica,sans-serif;color:#243033;background:#f7f9f8;padding:28px 16px;line-height:1.5}.vap-app *{box-sizing:border-box}.vap-shell{max-width:1000px;margin:0 auto}.vap-header{background:#fff;border:1px solid #e2e9e7;border-radius:14px;padding:24px 28px;margin-bottom:18px}.vap-kicker{letter-spacing:.12em;font-size:.76rem;font-weight:700;color:var(--vap-main);margin:0 0 4px}.vap-project{font-size:1.35rem;margin:0;color:var(--vap-main)}.vap-session-title{margin:2px 0 18px;color:#617173}.vap-nav{display:flex;gap:8px;flex-wrap:wrap}.vap-nav a{color:var(--vap-main);text-decoration:none;border:1px solid #d6e1df;padding:8px 13px;border-radius:999px;font-size:.92rem}.vap-nav a[aria-current=page]{background:var(--vap-main);border-color:var(--vap-main);color:#fff}.vap-status{background:#fff;border-left:4px solid #bac8c5;padding:12px 16px;margin:12px 0;border-radius:6px}.vap-status.is-open{border-color:#48a783}.vap-status.is-closed,.vap-status.is-error{border-color:#c46559}.vap-content{display:grid;gap:16px}.vap-intro,.vap-panel{background:#fff;border:1px solid #e2e9e7;border-radius:14px;padding:22px 24px}.vap-app h2{font-size:1.35rem;line-height:1.25;color:var(--vap-main);margin:0 0 8px}.vap-app h3{font-size:1.05rem;line-height:1.3;margin:0;color:#243033}.vap-intro p,.vap-panel>p{margin:0;color:#566568}.vap-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.vap-form label{display:grid;gap:5px;font-size:.9rem;font-weight:600}.vap-form label.vap-field-wide{grid-column:1/-1}.vap-form input,.vap-form textarea{font:inherit;font-size:.95rem;border:1px solid #cbd6d3;border-radius:8px;padding:10px;background:#fff;color:#243033;width:100%}.vap-form textarea{min-height:90px;resize:vertical}.vap-form input:focus,.vap-form textarea:focus{outline:2px solid color-mix(in srgb,var(--vap-main) 45%,white);border-color:var(--vap-main)}.vap-button{justify-self:start;border:0;border-radius:8px;background:var(--vap-main);color:#fff;font:inherit;font-weight:700;padding:10px 18px;cursor:pointer}.vap-button:disabled{opacity:.55;cursor:wait}.vap-feedback{grid-column:1/-1;margin:0;color:var(--vap-main);font-size:.9rem}.vap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}.vap-card{border:1px solid #e0e7e5;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 8px #172d2c0a}.vap-card p{font-size:.94rem;margin:9px 0 0;overflow-wrap:anywhere}.vap-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.vap-by,.vap-footer{font-size:.82rem;color:#718183}.vap-by{margin:4px 0 0!important}.vap-tag{font-size:.72rem;background:#e3f2ed;color:#276b52;border-radius:99px;padding:4px 8px;white-space:nowrap}.vap-card.is-selected{border-color:#78b69c;box-shadow:0 0 0 2px #78b69c22}.vap-like{border:1px solid #d8e1df;background:white;border-radius:99px;padding:6px 11px;margin-top:14px;color:var(--vap-main);cursor:pointer}.vap-like:disabled{opacity:.6}.vap-empty{color:#788789;border:1px dashed #d6dfdd;padding:18px;border-radius:10px}.vap-timeline{position:relative;display:grid;gap:14px;padding:8px 0 8px 24px}.vap-timeline:before{content:"";position:absolute;left:8px;top:35px;bottom:35px;width:2px;background:#bfd1cd}.vap-time-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--vap-main);background:#eaf2f0;border-radius:8px;padding:9px 12px}.vap-time-item{position:relative}.vap-time-dot{position:absolute;left:-21px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--vap-main);border:3px solid #f7f9f8}.vap-time-item .vap-card{margin:0}.vap-highlight{font-weight:700;color:#276b52!important}.vap-footer{text-align:center;padding:16px}.vap-time-item .vap-card .vap-like{display:none}@media(max-width:640px){.vap-app{padding:12px 8px}.vap-header,.vap-intro,.vap-panel{padding:17px}.vap-form{grid-template-columns:1fr}.vap-form label{grid-column:1/-1}.vap-nav a{font-size:.83rem;padding:7px 10px}}

/* Mobile-first input improvements: readable fields, touch-sized controls, and shorter prototype entry. */
.vap-form input,.vap-form textarea{font-size:16px;min-height:48px}.vap-form textarea{min-height:112px}.vap-button,.vap-like{min-height:48px}.vap-optional{grid-column:1/-1;border:1px solid #dce6e3;border-radius:10px;background:#f8faf9}.vap-optional summary{cursor:pointer;padding:13px 15px;color:var(--vap-main);font-weight:700;min-height:48px;display:flex;align-items:center}.vap-optional-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}.vap-optional-fields label.vap-field-wide{grid-column:1/-1}.vap-optional[open] summary{border-bottom:1px solid #dce6e3;margin-bottom:12px}.vap-form>.vap-optional~.vap-button{margin-top:3px}
@media(max-width:700px){.vap-app{padding:10px 8px}.vap-shell{width:100%}.vap-header,.vap-intro,.vap-panel{padding:16px;border-radius:12px}.vap-header{margin-bottom:12px}.vap-session-title{margin-bottom:12px}.vap-nav{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;overscroll-behavior-x:contain}.vap-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;font-size:.9rem}.vap-status{margin:10px 0;padding:12px}.vap-content{gap:12px}.vap-form,.vap-optional-fields{grid-template-columns:minmax(0,1fr);gap:12px}.vap-form label,.vap-optional-fields label{grid-column:1/-1;font-size:.95rem}.vap-form input,.vap-form textarea{font-size:16px;padding:12px}.vap-form textarea{min-height:118px}.vap-button{width:100%;justify-self:stretch}.vap-grid{grid-template-columns:1fr}.vap-card{padding:15px}.vap-time-item .vap-card{margin-right:0}.vap-timeline{padding-left:20px}.vap-timeline:before{left:6px}.vap-time-dot{left:-19px}.vap-empty{padding:15px}}

.vap-lindenkin-brand{display:flex;align-items:center;gap:11px;padding:12px 14px;margin:-2px 0 18px;background:#f2f6fb;border:1px solid #dce5ee;border-radius:10px}.vap-lindenkin-brand>div{display:grid;line-height:1.3}.vap-lindenkin-brand strong{font-size:1.08rem;color:#245b87;letter-spacing:.01em}.vap-lindenkin-brand span:last-child{font-size:.82rem;color:#697a89}.vap-lindenkin-mark{display:grid;place-items:center;width:38px;height:38px;background:#2c6b9e;color:white;border-radius:10px 10px 10px 3px;font-weight:800;font-size:1.2rem}.vap-social-post{padding:18px}.vap-social-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.vap-social-meta>div{display:grid;line-height:1.35}.vap-social-meta strong{font-size:.93rem;color:#263746}.vap-social-meta span:not(.vap-avatar){font-size:.78rem;color:#788693}.vap-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#dce9f2;color:#245b87;font-weight:700}.vap-social-post .vap-card-head{margin-bottom:4px}.vap-social-post .vap-post-image{display:block;width:100%;max-height:460px;object-fit:contain;background:#f0f2f4;border-radius:8px;margin:14px 0 6px}.vap-help{font-size:.82rem;font-weight:400;color:#6b7b7c}.vap-image-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.85rem;color:#566568;font-weight:400}.vap-image-preview img{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:8px;border:1px solid #dce5e2}.vap-image-preview[hidden]{display:none}
body.vap-taller-canvas{margin:0!important;padding:0!important;background:#f7f9f8!important}body.vap-taller-canvas .vap-canvas-content{width:100%;min-height:100vh;margin:0;padding:0}
@media(max-width:700px){.vap-lindenkin-brand{margin:0 0 14px}.vap-social-post{padding:15px}.vap-social-post .vap-post-image{max-height:380px;margin:12px 0 4px}.vap-image-preview img{max-height:200px}}

/* VAP visual refresh: Manrope for the workshop, Montserrat for display, LinkedIn-like system sans in Lindenkin. */
.vap-app{--vap-ink:#172b4d;--vap-blue:#0a66c2;--vap-main:#185d61;font-family:'Manrope',Arial,Helvetica,sans-serif;background:#f3f6f8;color:var(--vap-ink);padding:34px 18px;line-height:1.58}
.vap-shell{max-width:1080px}.vap-header{border:0;border-radius:0;padding:14px 4px 18px;background:transparent;border-bottom:1px solid #d9e0e5;margin-bottom:18px}
.vap-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.vap-logo{display:block;width:auto;height:auto;max-width:82px;max-height:42px;object-fit:contain}.vap-kicker{font-size:.67rem;letter-spacing:.15em;color:#687989;margin:0;font-weight:800}
.vap-project{font-family:'Montserrat','Manrope',sans-serif;font-size:1.45rem;letter-spacing:-.035em;color:#173b55}.vap-session-title{color:#607080}.vap-nav{gap:6px}.vap-nav a{font-size:.88rem;font-weight:700;border:0;border-radius:7px;color:#4f6476;padding:9px 14px}.vap-nav a[aria-current=page]{background:#e6f2fb;color:#0a66c2;border-bottom:2px solid #0a66c2}
.vap-status{border-radius:8px;background:#fff;border-left-color:#8aa2b2}.vap-app h2{font-family:'Montserrat','Manrope',sans-serif;letter-spacing:-.03em;font-size:clamp(1.35rem,3vw,1.8rem);color:#173b55}.vap-app h3{font-family:Arial,Helvetica,sans-serif;color:#23394d}.vap-intro,.vap-panel{border:1px solid #e1e7ec;border-radius:16px;padding:26px;background:#fff;box-shadow:0 3px 12px #21354a08}.vap-panel>p,.vap-intro p{color:#536679}.vap-content{gap:18px}.vap-form label{font-weight:700;color:#30475d}.vap-form input,.vap-form textarea{border-color:#cbd6df;border-radius:9px;color:#20364b}.vap-form input:focus,.vap-form textarea:focus{outline:2px solid #82b7e4;border-color:#0a66c2}.vap-button{border-radius:7px;background:#0a66c2;box-shadow:0 2px 5px #0a66c226}.vap-button:hover{background:#004182}.vap-card{border-color:#dce3e9;box-shadow:0 2px 8px #172b4d0a}.vap-empty{background:#f7f9fa;color:#617386}
.vap-future-hero{position:relative;overflow:hidden;padding:clamp(24px,5vw,48px);min-height:240px;border-radius:18px;background:linear-gradient(118deg,#0b3557,#116b8c 58%,#34a0a0);color:#fff;box-shadow:0 12px 30px #1136511c}.vap-future-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff30;border-radius:50%;right:-55px;top:-90px;box-shadow:0 0 0 28px #ffffff09,0 0 0 58px #ffffff08}.vap-future-hero h2{position:relative;z-index:1;max-width:710px;color:#fff;font-size:clamp(2rem,5vw,3.35rem);line-height:1.12;margin:8px 0 12px}.vap-future-hero>p{position:relative;z-index:1;max-width:720px;color:#e2f1f4;font-size:1.05rem}.vap-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#6c8396}.vap-future-hero .vap-eyebrow{color:#c4e7ed}.vap-hero-stats{position:relative;z-index:1;display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:#dcedf1;font-size:.85rem}.vap-hero-stats strong{font-size:1.25rem;color:white;margin-right:5px}
.vap-lindenkin-brand{margin:0 0 22px;padding:12px 15px;background:#f3f6f8;border:0;border-bottom:1px solid #dce3e8;border-radius:0}.vap-lindenkin-brand strong{font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;color:#0a66c2}.vap-lindenkin-brand span:last-child{font-family:Arial,Helvetica,sans-serif;color:#5e6e7e}.vap-lindenkin-mark{font-family:Arial,Helvetica,sans-serif;font-size:1rem;width:36px;height:36px;background:#0a66c2;border-radius:4px 4px 4px 1px}.vap-network-chip{margin-left:auto;font-size:.66rem;font-weight:800;letter-spacing:.08em;color:#65788a;border:1px solid #d5dee5;border-radius:99px;padding:6px 9px}.vap-compose-panel{border-top:4px solid #0a66c2}.vap-compose-copy{margin-bottom:8px}.vap-compose-copy h2{font-size:1.45rem}.vap-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px}.vap-section-heading h2{margin:5px 0 0}.vap-count{white-space:nowrap;font-size:.78rem;font-weight:700;color:#607487;background:#eef3f7;border-radius:99px;padding:6px 10px}
.vap-feed{max-width:760px;display:grid;gap:12px;margin:20px auto 0}.vap-social-post{border:1px solid #d8e0e6;border-radius:10px;padding:18px;background:white;box-shadow:0 1px 3px #20364b0a;font-family:Arial,Helvetica,sans-serif}.vap-social-post .vap-social-meta{margin-bottom:12px}.vap-social-post .vap-social-meta strong{font-family:Arial,Helvetica,sans-serif;color:#263746;font-size:.95rem}.vap-social-post .vap-card-head h3{font-family:Arial,Helvetica,sans-serif;font-size:1.05rem;line-height:1.4}.vap-social-post p{font-family:Arial,Helvetica,sans-serif;color:#394b59;line-height:1.5}.vap-social-post .vap-like{font-family:Arial,Helvetica,sans-serif;color:#526d82}.vap-avatar{font-family:Arial,Helvetica,sans-serif;background:#dceaf3;color:#0a66c2}.vap-post-image{border:1px solid #e3e9ed}.vap-story-panel{background:#f0f7f5;border-color:#d4e6df}.vap-story-panel h2{margin-top:8px}.vap-story-panel .vap-button{background:#185d61}.vap-time-hero{background:linear-gradient(120deg,#3c347c,#6257aa 60%,#8b80c9)}.vap-time-direction{position:relative;z-index:1;display:flex;align-items:center;gap:18px;margin-top:24px;color:#f0eefe;font-size:.76rem;font-weight:800;letter-spacing:.1em}.vap-time-direction span:nth-child(2){font-size:1.5rem}.vap-prompt-panel{display:flex;align-items:flex-start;gap:16px;background:#faf9ff;border-color:#e4e0f4}.vap-prompt-panel h2{font-size:1.25rem}.vap-prompt-panel p{margin:0;color:#59677a}.vap-step-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#6257aa;color:#fff;font-weight:800}.vap-timeline-panel .vap-timeline{margin-top:18px}.vap-time-label{color:#494285;background:#efedfa}.vap-timeline:before{background:#c9c2e8}.vap-time-dot{background:#6257aa}.vap-help-block{background:#f5f3fc;border-radius:9px;padding:12px 15px;color:#5c557e!important;font-size:.9rem}.vap-six-hero{background:linear-gradient(118deg,#175846,#247b63 60%,#85ad69)}.vap-six-marker{position:absolute;z-index:1;right:clamp(20px,6vw,70px);bottom:26px;display:flex;align-items:center;gap:10px;color:#e4f3e9;font-size:.82rem;line-height:1.2}.vap-six-marker strong{font-family:'Montserrat',sans-serif;font-size:4.5rem;line-height:1;color:#fff}.vap-six-hero>p{max-width:620px}.vap-prototype-panel{border-top:4px solid #278363}.vap-prototype-panel .vap-card{border-left:4px solid #8dbda6}.vap-prototype-panel .vap-card.is-selected{border-left-color:#247b63}.vap-prototype-panel .vap-tag{background:#e2f2e9;color:#23684e}
.vap-footer{font-family:'Manrope',Arial,sans-serif;color:#82909b}.vap-like{font-family:inherit}
.vap-network-feisbook{background:linear-gradient(118deg,#073b86,#1877f2 62%,#5b9cff)}.vap-network-istangran{background:linear-gradient(118deg,#642b8e,#d62976 55%,#fa7e1e)}.vap-brand-feisbook{background:#1877f2;border-radius:5px 5px 2px 2px;font-size:1.65rem;font-weight:800;align-items:end;padding-top:5px}.vap-brand-istangran{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:11px;font-size:1.55rem}.vap-network-brand{font-family:Arial,Helvetica,sans-serif}
.vap-entity{margin:3px 0 0;color:var(--vap-secondary);font-size:.82rem;font-weight:800;letter-spacing:.02em}.vap-button,.vap-story-panel .vap-button{background:var(--vap-main)}.vap-button:hover{filter:brightness(.88)}.vap-nav a[aria-current=page]{background:color-mix(in srgb,var(--vap-main) 12%,white);color:var(--vap-main);border-bottom:2px solid var(--vap-secondary)}.vap-compose-panel,.vap-prototype-panel{border-top-color:var(--vap-secondary)}.vap-step-number{background:var(--vap-main)}.vap-time-label{color:var(--vap-main);background:color-mix(in srgb,var(--vap-secondary) 16%,white)}.vap-time-dot{background:var(--vap-secondary)}
@media(max-width:700px){.vap-app{padding:14px 9px}.vap-header{padding:10px 2px 14px}.vap-logo{max-width:68px;max-height:36px}.vap-brand-row{margin-bottom:11px}.vap-kicker{font-size:.58rem}.vap-app h2{font-size:1.35rem}.vap-future-hero{padding:25px 20px;min-height:0}.vap-future-hero h2{font-size:2rem}.vap-future-hero>p{font-size:.96rem}.vap-hero-stats{gap:12px}.vap-network-chip{display:none}.vap-panel{padding:19px}.vap-section-heading{align-items:flex-start;flex-direction:column}.vap-count{white-space:normal}.vap-six-marker{position:relative;right:auto;bottom:auto;margin:22px 0 0}.vap-six-marker strong{font-size:3.3rem}.vap-prompt-panel{gap:11px}.vap-step-number{flex-basis:34px;height:34px}.vap-time-direction{gap:10px;font-size:.64rem}}

/* Hitos SMART: campos legibles en móvil y agrupación explícita por criterio. */
.vap-form select{font:inherit;font-size:.95rem;border:1px solid #cbd6df;border-radius:9px;padding:10px;background:#fff;color:#20364b;width:100%;min-height:44px}
.vap-form select:focus{outline:2px solid #82b7e4;border-color:#0a66c2}
.vap-compose-panel>.vap-form[data-type="prototype"]{border-top:1px solid #e2e8ed;padding-top:16px}
.vap-compose-panel>.vap-form[data-type="prototype"] label{position:relative;padding-left:38px;min-height:32px}
.vap-compose-panel>.vap-form[data-type="prototype"] label:before{position:absolute;left:0;top:0;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8f2f8;color:#0a66c2;font-size:.73rem;font-weight:800}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(1):before{content:"S"}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(2):before{content:"S"}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(3):before{content:"M"}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(4):before,.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(5):before{content:"A"}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(6):before{content:"R"}
.vap-compose-panel>.vap-form[data-type="prototype"]>label:nth-of-type(7):before{content:"T"}
.vap-future-condition{border:1px solid #d9d5f0;border-radius:12px;background:#faf9ff;padding:16px 18px;margin-top:10px}
.vap-future-condition h3{margin:4px 0 6px}.vap-future-condition p{margin:0;color:#566178}
.vap-condition-number{display:inline-block;color:#494285;background:#efedfa;border-radius:99px;padding:5px 9px;font-size:.7rem;font-weight:800;letter-spacing:.06em}
.vap-condition-link{font-size:.82rem;color:#494285;background:#f3f1fb;border-radius:7px;padding:7px 10px;margin:0 0 8px!important}
.vap-compose-panel>.vap-form[data-type="prototype"] .vap-feedback{padding-left:38px}
@media(max-width:700px){.vap-form select{font-size:16px;padding:12px}.vap-future-condition{padding:14px}}

/* Identidad portátil VAP y marca opcional de cada experiencia. */
.vap-brand-row{gap:14px;align-items:center;flex-wrap:wrap}.vap-logo{max-width:138px;max-height:78px}.vap-project-logo{display:block;width:auto;height:auto;max-width:150px;max-height:54px;object-fit:contain;padding-left:14px;border-left:1px solid #dbe3e8}.vap-project-logo[hidden]{display:none}.vap-six-marker strong{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em;max-width:50vw;overflow-wrap:anywhere}.vap-six-marker span{max-width:130px}
@media(max-width:700px){.vap-logo{max-width:112px;max-height:62px}.vap-project-logo{max-width:115px;max-height:46px;padding-left:10px}.vap-brand-row{gap:10px}.vap-six-marker strong{font-size:2rem}}

/* Perfil participante: retratos ilustrados, selección de fondo y controles con más espacio. */
.vap-nav[hidden],.vap-profile-summary[hidden],.vap-status[hidden]{display:none!important}
.vap-profile-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;min-height:76px;margin-top:16px;padding:14px 0 4px;border-top:1px solid #dce5e9}
.vap-profile-badge{display:block;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--vap-avatar-bg,#dcebe6)}
.vap-profile-details{flex:1;min-width:180px;color:#24455d;font-size:.9rem;font-weight:600}
.vap-profile-edit{appearance:none;flex:0 0 auto;min-height:44px;padding:10px 16px;border:1px solid #cbd9dd;border-radius:9px;background:#fff;color:#36596b;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.vap-profile-edit:hover{border-color:#72aaa4;background:#f5faf9;color:#176b69}
.vap-profile-gate{width:min(100%,760px);margin:20px auto;padding:clamp(22px,4vw,38px);border:1px solid #e1e8eb;border-radius:20px;background:#fff;box-shadow:0 14px 40px #18374b12}
.vap-profile-gate .vap-eyebrow{margin-bottom:8px;color:#638079}
.vap-profile-gate h2{margin:0;color:#173b55;font-family:'Manrope',Arial,sans-serif;font-size:1.65rem;letter-spacing:-.04em}
.vap-profile-gate>p{margin:8px 0 24px;color:#667b89;font-size:.92rem}
.vap-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.vap-profile-form>label{display:grid;align-content:start;gap:7px;color:#39566a;font-size:.84rem;font-weight:650}
.vap-profile-optional{color:#7b8b95;font-weight:400}
.vap-profile-form>label input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d6e0e4;border-radius:10px;background:#fff;color:#173b55;font:inherit;font-size:16px;outline-color:#579b98}
.vap-profile-form>label input:focus{border-color:#579b98;box-shadow:0 0 0 3px #579b9822}
.vap-avatar-field,.vap-avatar-colors{grid-column:1/-1;min-width:0;margin:7px 0 0;padding:0;border:0}
.vap-avatar-field legend,.vap-avatar-colors legend{margin-bottom:12px;color:#28485d;font-size:.9rem;font-weight:650}
.vap-avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(54px,1fr));gap:9px}
.vap-avatar-choice{display:grid;place-items:center;min-width:0;min-height:76px;padding:6px;border:1px solid transparent;border-radius:14px;background:transparent;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.vap-avatar-choice:hover{background:#f5f8f8}
.vap-avatar-choice.is-active{border-color:#78aaa5;background:#f0f7f6;box-shadow:0 0 0 2px #e2f0ee}
.vap-avatar-choice:focus-visible,.vap-avatar-swatch:focus-visible,.vap-profile-edit:focus-visible{outline:3px solid #579b98;outline-offset:2px}
.vap-avatar-human{position:relative;display:block;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--vap-avatar-bg,#dcebe6);color:#173b55}
.vap-avatar-choice .vap-avatar-human{width:62px;height:62px}
.vap-avatar-human>.vap-avatar-body,.vap-avatar-human>.vap-avatar-neck,.vap-avatar-human>.vap-avatar-face,.vap-avatar-human>.vap-avatar-hair,.vap-avatar-human>.vap-avatar-eyes,.vap-avatar-human>.vap-avatar-glasses,.vap-avatar-human>.vap-avatar-beard{position:absolute;display:block}
.vap-avatar-body{z-index:1;right:14%;bottom:-12%;left:14%;height:49%;border-radius:50% 50% 0 0;background:var(--vap-shirt,#557d7b)}
.vap-avatar-neck{z-index:2;top:59%;left:42%;width:17%;height:20%;border-radius:0 0 5px 5px;background:var(--vap-skin,#d7a27c)}
.vap-avatar-face{z-index:3;top:21%;left:27%;width:46%;height:55%;border-radius:46% 46% 48% 48%;background:var(--vap-skin,#d7a27c)}
.vap-avatar-hair{z-index:4;top:10%;left:25%;width:50%;height:31%;border-radius:52% 52% 28% 24%;background:var(--vap-hair,#382b29);clip-path:polygon(0 0,100% 0,100% 88%,80% 65%,68% 100%,55% 68%,45% 100%,31% 67%,18% 91%,12% 60%,0 84%)}
.vap-avatar-eyes{z-index:5;top:47%;left:34%;width:32%;height:5%;background:radial-gradient(circle at 14% 50%,#4b3932 0 1.2px,transparent 1.5px),radial-gradient(circle at 86% 50%,#4b3932 0 1.2px,transparent 1.5px)}
.vap-avatar-glasses{display:none;z-index:6;top:42%;left:27%;width:46%;height:13%;background:linear-gradient(#304b59,#304b59) center 45%/14% 1px no-repeat}
.vap-avatar-glasses:before,.vap-avatar-glasses:after{position:absolute;top:0;width:39%;height:88%;border:1px solid #304b59;border-radius:5px;content:""}
.vap-avatar-glasses:before{left:0}.vap-avatar-glasses:after{right:0}
.vap-avatar-beard{display:none;z-index:5;top:61%;left:29%;width:42%;height:17%;border-radius:0 0 50% 50%;background:var(--vap-hair,#382b29)}
.vap-person-1{--vap-skin:#e1ad8a;--vap-hair:#aaa79d;--vap-shirt:#557d7b}.vap-person-1 .vap-avatar-hair{top:8%;left:18%;width:64%;height:83%;border-radius:30% 30% 20% 20%;clip-path:polygon(0 0,100% 0,100% 100%,79% 100%,76% 55%,68% 34%,32% 34%,24% 55%,21% 100%,0 100%)}.vap-person-1 .vap-avatar-glasses{display:block}
.vap-person-2{--vap-skin:#a96648;--vap-hair:#201d1a;--vap-shirt:#526e91}.vap-person-2 .vap-avatar-hair{top:7%;left:22%;width:56%;height:34%;border-radius:50%;clip-path:none;box-shadow:0 -4px 0 2px #201d1a,5px -5px 0 0 #201d1a,-5px -4px 0 0 #201d1a}
.vap-person-3{--vap-skin:#efc6a4;--vap-hair:#553a33;--vap-shirt:#a4785d}.vap-person-3 .vap-avatar-hair{top:8%;left:17%;width:66%;height:83%;border-radius:30%;clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,76% 54%,68% 34%,32% 34%,24% 54%,22% 100%,0 100%)}
.vap-person-4{--vap-skin:#8e563f;--vap-hair:#262321;--vap-shirt:#7b657f}.vap-person-4 .vap-avatar-hair{top:8%;left:16%;width:68%;height:83%;border-radius:30%;clip-path:polygon(0 0,100% 0,100% 100%,80% 100%,76% 54%,68% 34%,32% 34%,24% 54%,20% 100%,0 100%);box-shadow:0 -3px 0 1px #262321}
.vap-person-5{--vap-skin:#d7a27c;--vap-hair:#d4d1c6;--vap-shirt:#54717a}.vap-person-5 .vap-avatar-hair{top:10%;left:27%;width:46%;height:26%;background:#d4d1c6;clip-path:none}.vap-person-5 .vap-avatar-beard{display:block;background:#d4d1c6}
.vap-person-6{--vap-skin:#e2b693;--vap-hair:#201a18;--vap-shirt:#a86f5c}.vap-person-6 .vap-avatar-hair{top:7%;left:15%;width:70%;height:84%;border-radius:30%;clip-path:polygon(0 0,100% 0,100% 100%,81% 100%,77% 52%,68% 34%,32% 34%,23% 52%,19% 100%,0 100%);box-shadow:0 -5px 0 1px #201a18,6px -3px 0 0 #201a18,-6px -3px 0 0 #201a18}
.vap-person-7{--vap-skin:#e8c29f;--vap-hair:#5b4033;--vap-shirt:#607e62}.vap-person-7 .vap-avatar-hair{top:12%;left:28%;width:44%;height:24%;clip-path:none}.vap-person-7 .vap-avatar-glasses{display:block}
.vap-person-8{--vap-skin:#c88968;--vap-hair:#322724;--vap-shirt:#a78947}.vap-person-8 .vap-avatar-hair{top:10%;left:23%;width:54%;height:32%;clip-path:none;transform:rotate(-8deg)}.vap-person-8 .vap-avatar-beard{display:block;height:14%}
.vap-avatar-colors{margin-top:0}.vap-avatar-colors legend{margin-bottom:10px}
.vap-avatar-swatches{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vap-avatar-swatch{width:31px;height:31px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--vap-swatch);box-shadow:0 0 0 1px #cdd8dc;cursor:pointer}
.vap-avatar-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #2f7777}
.vap-profile-form>.vap-button{grid-column:1/-1;min-height:46px;justify-self:start;padding:11px 20px;border-radius:10px;background:var(--vap-main);font-size:.88rem}
.vap-profile-form>.vap-feedback{grid-column:1/-1}
.vap-profile-cancel{justify-self:start;min-height:42px;padding:9px 14px;border:1px solid #d4dfe3;border-radius:9px;background:#fff;color:#496574;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}
/* Neutraliza estilos globales de botones que algunos temas aplican dentro del perfil. */
body .vap-app .vap-profile-form .vap-avatar-choice{appearance:none!important;-webkit-appearance:none!important;min-width:0!important;min-height:76px!important;padding:6px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:#586e7b!important}
body .vap-app .vap-profile-form .vap-avatar-choice:hover{background:#f5f8f8!important;border-color:transparent!important}
body .vap-app .vap-profile-form .vap-avatar-choice.is-active{border:1px solid #78aaa5!important;background:#f0f7f6!important;box-shadow:0 0 0 2px #e2f0ee!important;color:#175e61!important}
body .vap-app .vap-profile-form .vap-avatar-swatch{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:0 0 31px!important;width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;background-color:var(--vap-swatch)!important;background-image:none!important;box-shadow:0 0 0 1px #cdd8dc!important;color:transparent!important}
body .vap-app .vap-profile-form .vap-avatar-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #2f7777!important}
body .vap-app .vap-profile-form>.vap-button{appearance:none!important;-webkit-appearance:none!important;border:1px solid var(--vap-main)!important;border-radius:10px!important;background:var(--vap-main)!important;background-image:none!important;box-shadow:0 2px 5px #173b5518!important;color:#fff!important;font-family:inherit!important;font-size:.88rem!important;font-weight:600!important}
body .vap-app .vap-profile-form>.vap-button:hover{background:var(--vap-main)!important;color:#fff!important;filter:brightness(.92)}
body .vap-app .vap-profile-form>.vap-profile-cancel{appearance:none!important;-webkit-appearance:none!important;border:1px solid #d4dfe3!important;border-radius:9px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;color:#496574!important;font-family:inherit!important;font-size:.84rem!important;font-weight:600!important}
body .vap-app .vap-profile-summary>.vap-profile-edit{appearance:none!important;-webkit-appearance:none!important;border:1px solid #cbd9dd!important;border-radius:9px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;color:#36596b!important;font-family:inherit!important;font-size:.84rem!important;font-weight:600!important}
.vap-avatar-human .vap-avatar-glasses{display:none!important}
body .vap-app .vap-avatar-human.vap-person-1 .vap-avatar-glasses,body .vap-app .vap-avatar-human.vap-person-7 .vap-avatar-glasses{display:block!important}
body .vap-app .vap-avatar-human .vap-avatar-beard{display:none!important}
body .vap-app .vap-avatar-human.vap-person-5 .vap-avatar-beard,body .vap-app .vap-avatar-human.vap-person-8 .vap-avatar-beard{display:block!important}
@media(max-width:700px){.vap-profile-summary{gap:10px;padding:13px 0 4px}.vap-profile-details{min-width:calc(100% - 62px);font-size:.85rem}.vap-profile-edit{margin-left:54px}.vap-profile-gate{padding:23px 18px;border-radius:17px}.vap-profile-form{grid-template-columns:1fr;gap:14px}.vap-avatar-field,.vap-avatar-colors{grid-column:1}.vap-avatar-picker{grid-template-columns:repeat(4,minmax(54px,1fr));gap:8px}.vap-avatar-choice{min-height:70px}.vap-avatar-choice .vap-avatar-human{width:58px;height:58px}.vap-profile-form>.vap-button{width:100%;justify-self:stretch}.vap-profile-cancel{justify-self:stretch}}
.vap-entry-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.vap-entry-action{appearance:none;border:1px solid #cbd6df;border-radius:7px;background:#fff;color:#24516d;font:inherit;font-size:.88rem;font-weight:700;padding:8px 12px;min-height:40px;cursor:pointer}.vap-entry-action:hover{background:#f2f7fa;border-color:#8caec4}.vap-entry-delete{color:#9a3b3b;border-color:#e0caca}.vap-entry-edit-form[hidden]{display:none!important}.vap-entry-edit-form{border-top:1px solid #e1e7ec;padding-top:12px;margin-top:12px}
