/* Conocer gente: Fase 1. Los estilos quedan confinados a #meet-profile. */
#meet-profile.meet-onboard{margin-block:22px 36px;color:#193c33}
#meet-profile .meet-on-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:29px 33px;background:linear-gradient(120deg,#f0f8f2 0%,#fffaf0 75%,#fff 100%);border:1px solid #deebe0;border-radius:20px;margin-bottom:21px;overflow:hidden}
#meet-profile .meet-on-hero h2{font-size:clamp(25px,2.7vw,35px);line-height:1.18;margin:8px 0 8px;color:#123e32;font-weight:800;letter-spacing:-.03em}
#meet-profile .meet-on-hero p{max-width:690px;margin:0;color:#566f64;font-size:15px;line-height:1.65}
#meet-profile .meet-on-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#a04f56}
#meet-profile .meet-on-hero-icon{display:grid;place-items:center;position:relative;width:92px;height:92px;border:1px solid #d9c79f;background:linear-gradient(145deg,#fffefb 0%,#f6eedf 100%);border-radius:30px;transform:rotate(-8deg);font-size:0;line-height:1;color:#167654;flex:0 0 auto;box-shadow:0 14px 30px #b78e3f18,inset 0 1px 0 #fff}
#meet-profile .meet-on-hero-icon::before{content:"♡";font-size:56px;line-height:1;color:#17674b;text-shadow:0 1px 0 #fff,0 6px 14px #c7ab6b2e}
#meet-profile .meet-on-hero-icon::after{content:"✦";position:absolute;top:13px;right:16px;font-size:14px;color:#c8a665;transform:rotate(12deg)}
#meet-profile .meet-on-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(245px,.85fr);gap:22px;align-items:start}
#meet-profile .meet-on-card,#meet-profile .meet-on-preview{background:#fff;border:1px solid #dbe8e1;border-radius:19px;box-shadow:0 12px 32px #1c453110;min-width:0;overflow:hidden}
#meet-profile .meet-on-card{padding:25px 28px 24px}
#meet-profile .meet-on-top{display:flex;gap:15px;justify-content:space-between;align-items:center;color:#286b50;font-size:13px;font-weight:800}
#meet-profile .meet-on-top small{font-weight:500;color:#678075;font-size:12px}
#meet-profile .meet-on-progress{height:7px;margin-top:13px;border-radius:10px;background:#ebf2ed;overflow:hidden}
#meet-profile #meet-progress-fill{height:100%;width:25%;background:linear-gradient(90deg,#126b49,#5dba7c);border-radius:inherit;transition:width .2s ease}
#meet-profile .meet-on-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:16px 0 27px}
#meet-profile .meet-on-step-chip{display:flex;align-items:center;gap:7px;color:#8c9c90;font-size:12px;font-weight:700;min-width:0}
#meet-profile .meet-on-step-chip span{width:25px;height:25px;border:1px solid #d4e3d9;background:#f5f8f6;display:grid;place-items:center;border-radius:50%;flex:0 0 auto;font-style:normal}
#meet-profile .meet-on-step-chip em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#meet-profile .meet-on-step-chip[data-active="true"]{color:#126b49}
#meet-profile .meet-on-step-chip[data-active="true"] span{color:white;border-color:#126b49;background:#126b49}
#meet-profile .meet-on-step-chip[data-done="true"] span{background:#dcf0e3;color:#136d4e;border-color:#b3dac0}
#meet-profile .meet-on-step{padding:0;margin:0;min-width:0;border:0}
#meet-profile .meet-on-step[hidden],#meet-profile [hidden]{display:none!important}
#meet-profile .meet-on-step legend{font-weight:800;font-size:22px;line-height:1.3;color:#173c31;float:left;width:100%;padding:0;margin-bottom:9px}
#meet-profile .meet-on-stepdesc{clear:both;color:#708078;font-size:14px;margin:0 0 22px}
#meet-profile .meet-on-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
#meet-profile .meet-on-field{display:flex;flex-direction:column;gap:8px;color:#284a3e;font-size:13px;font-weight:700;min-width:0;margin-bottom:18px}
#meet-profile .meet-on-field b{color:#b44750}
#meet-profile .meet-on-field input:not([type=checkbox]):not([type=radio]),#meet-profile .meet-on-field textarea,#meet-profile .meet-on-field select{font-size:15px;font-weight:400;min-height:47px;border:1px solid #cbded2;border-radius:10px;background:#fff;color:#173c32;outline:none;padding:11px 13px;box-sizing:border-box;width:100%}
#meet-profile .meet-on-field :is(input,textarea,select):focus{border-color:#21825e;box-shadow:0 0 0 3px #caeada88}
#meet-profile .meet-on-field textarea{resize:vertical;min-height:125px;line-height:1.55}
#meet-profile .meet-on-field input[aria-invalid=true],#meet-profile .meet-on-field select[aria-invalid=true],#meet-profile .meet-on-field textarea[aria-invalid=true]{border-color:#b24452;box-shadow:0 0 0 2px #f7d8df}
#meet-profile .meet-on-wide{grid-column:1/-1}
#meet-profile .meet-on-char{font-weight:400;font-size:12px;color:#6b7d72}
#meet-profile .meet-on-language{display:flex;flex-wrap:wrap;gap:9px}
#meet-profile .meet-on-language label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:10px 12px;border:1px solid #d6e5dc;border-radius:9px;background:#f7faf8;cursor:pointer}
#meet-profile .meet-on-language label:has(input:checked){background:#e5f3e9;border-color:#7db698;color:#145c3f}
#meet-profile .meet-on-language input,#meet-profile .meet-on-consents input,#meet-profile .meet-on-toggle input{width:17px;height:17px;accent-color:#167653;flex:0 0 auto;min-height:0;margin:0}
#meet-profile .meet-on-choices{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 24px}
#meet-profile .meet-on-choices label{display:block;cursor:pointer}
#meet-profile .meet-on-choices input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#meet-profile .meet-on-choices span{display:block;border:1px solid #D2C19C;background:#FFFDF7;border-radius:24px;padding:12px 17px;font-size:14px}
#meet-profile .meet-on-choices input:checked+span{background:#F3EBDB;border-color:#B99C65;color:#15543F;font-weight:800}
#meet-profile .meet-on-choices input:focus-visible+span{outline:3px solid #7dbd9a;outline-offset:2px}
#meet-profile .meet-on-extra{border:1px solid #dce9e0;border-radius:12px;margin:6px 0 12px;padding:13px 16px;background:#fafdfa}
#meet-profile .meet-on-extra>summary{font-weight:700;font-size:14px;color:#215c45;cursor:pointer}
#meet-profile .meet-on-extra .meet-on-fields{margin-top:20px}
#meet-profile .meet-on-toggle,#meet-profile .meet-on-consents label{display:flex;gap:12px;align-items:flex-start;color:#29493e;font-size:14px;line-height:1.55;padding:15px;border:1px solid #dbe6dd;background:#f9fcfa;border-radius:11px;margin-bottom:10px}
#meet-profile .meet-on-tip,#meet-profile .meet-on-caution{color:#516d60;background:#f0f7f1;border:1px solid #d4e5d8;border-radius:11px;padding:15px;margin:0 0 20px;line-height:1.65;font-size:14px}
#meet-profile .meet-on-consents a{color:#146b4c;text-decoration:underline;font-weight:700}
#meet-profile .meet-on-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5eee8;margin-top:22px;padding-top:20px}
#meet-profile .meet-on-actions button{min-height:47px;border-radius:10px;font-size:15px;font-weight:800;padding:10px 21px;cursor:pointer}
#meet-profile .meet-on-back{background:#FFFDF7;border:1px solid #D2C19C;color:#175A43}
#meet-profile .meet-on-next{margin-inline-start:auto;background:#165B45;border:1px solid #B99C65;color:#fff;box-shadow:0 4px 9px #155d3420}
#meet-profile .meet-on-next:disabled{opacity:.55;cursor:wait}
#meet-profile .meet-on-status{border-radius:9px;margin:0 0 18px;padding:13px;background:#fff1f1;border:1px solid #f1c1c1;font-size:14px;line-height:1.5}
#meet-profile .meet-on-status[data-kind="success"]{background:#e8f7ed;border-color:#aad5b9;color:#195c40}
#meet-profile .meet-on-auth{padding:17px 20px;border:1px solid #eccd9b;border-radius:12px;background:#fffaed;margin-bottom:18px;font-size:14px;line-height:1.5}
#meet-profile .meet-on-auth p{margin:6px 0}
#meet-profile .meet-on-auth a{color:#12674a;font-weight:800;text-decoration:underline}
#meet-profile .meet-on-sidebar{position:sticky;top:20px;min-width:0}
#meet-profile .meet-on-preview{background:#fff}
#meet-profile .meet-on-portrait{aspect-ratio:5/3;background:radial-gradient(circle at 24% 40%,#edf6ef 0,#dbece0 55%,#bdd8c5 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#4e8b68}
#meet-profile .meet-on-portrait span{font-size:78px;line-height:1}
#meet-profile .meet-on-portrait small{font-size:11px}
#meet-profile .meet-on-cardbody{padding:19px 20px 23px}
#meet-profile .meet-on-state{font-size:11px;letter-spacing:.06em;color:#996a2a;border:1px solid #f0d9ae;background:#fff5de;display:inline-block;border-radius:30px;padding:5px 9px;font-weight:800}
#meet-profile #meet-preview-name{font-size:24px;line-height:1.2;margin:13px 0 9px;overflow-wrap:anywhere;color:#153f30}
#meet-profile .meet-on-cardbody p{color:#60796d;font-size:13px;margin:8px 0;overflow-wrap:anywhere}
#meet-profile .meet-on-cardbody .meet-on-preview-bio{border-top:1px solid #ecf0ed;margin-top:16px;padding-top:15px;line-height:1.55}
#meet-profile .meet-on-preview-langs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
#meet-profile .meet-on-preview-langs span{background:#e9f4ea;color:#195f44;border-radius:6px;padding:4px 7px;font-size:11px}
#meet-profile .meet-on-safety{margin-top:14px;font-size:12px;color:#587267;padding:12px 16px;background:#f0f6f1;border-radius:10px;line-height:1.6}
@media(max-width:940px){#meet-profile .meet-on-layout{grid-template-columns:minmax(0,1fr)}#meet-profile .meet-on-sidebar{position:static}#meet-profile .meet-on-preview{display:grid;grid-template-columns:140px 1fr}#meet-profile .meet-on-portrait{height:100%;aspect-ratio:auto}#meet-profile .meet-on-safety{margin-bottom:14px}}
@media(max-width:600px){#meet-profile .meet-on-hero{padding:22px 18px;border-radius:14px}#meet-profile .meet-on-hero-icon{width:60px;height:60px;border-radius:20px}#meet-profile .meet-on-hero-icon::before{font-size:36px}#meet-profile .meet-on-hero-icon::after{top:8px;right:10px;font-size:10px}#meet-profile .meet-on-card{padding:20px 16px}#meet-profile .meet-on-steps em{display:none}#meet-profile .meet-on-steps{margin-bottom:18px}#meet-profile .meet-on-step-chip{justify-content:center}#meet-profile .meet-on-fields{grid-template-columns:1fr;gap:0}#meet-profile .meet-on-preview{grid-template-columns:110px 1fr}#meet-profile .meet-on-portrait span{font-size:40px}#meet-profile .meet-on-cardbody{padding:15px 12px}#meet-profile #meet-preview-name{font-size:18px}#meet-profile .meet-on-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#meet-profile #meet-progress-fill{transition:none}}

#meet-profile .meet-on-publish{display:flex;gap:12px;align-items:flex-start;border:1px solid #badfc8;background:#eff8f0;border-radius:10px;padding:15px;margin:12px 0 0;font-size:14px;color:#215c43;line-height:1.55}
#meet-profile .meet-on-publish input{width:18px;height:18px;flex:0 0 18px;accent-color:#13734f;margin:2px 0 0}