:root{--ink:#11131b;--muted:#666b78;--cream:#f7f2e8;--paper:#fff;--orange:#c24123;--yellow:#ffd85e;--green:#a7e8a4;--line:#deded8;--shadow:0 24px 70px rgba(17,19,27,.12)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}body{margin:0}.space-nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1080px)/2));position:sticky;top:0;z-index:20;background:rgba(247,242,232,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.space-brand{display:flex;align-items:baseline;text-decoration:none;color:var(--ink);font-size:22px;letter-spacing:-.04em}.space-brand small{color:var(--orange);font-weight:900;margin-left:2px}.space-nav nav{display:flex;gap:14px}.space-nav nav a{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.space-main{width:min(1080px,calc(100% - 28px));margin:40px auto 80px}.auth-shell{max-width:620px;margin:60px auto}.panel{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.panel h1{font-size:clamp(34px,7vw,62px);line-height:.95;letter-spacing:-.06em;margin:8px 0 14px}.panel h2{font-size:28px;letter-spacing:-.04em}.lede{font-size:17px;color:var(--muted);margin-bottom:26px}.tag{display:inline-flex;background:var(--yellow);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.field{display:grid;gap:7px;margin:15px 0}.field span{font-size:12px;font-weight:900}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d9d4;background:#fafaf7;border-radius:14px;padding:14px 15px;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(194,65,35,.12)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:14px;background:var(--orange);color:white;font-weight:900;padding:14px 18px;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(194,65,35,.22)}.btn.alt{background:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.wide{width:100%}.muted{font-size:12px;color:var(--muted)}.error{background:#fff0ed;border:1px solid #ffc8bd;color:#882d1d;padding:12px 14px;border-radius:14px;font-size:13px;margin:12px 0}.flash{background:#eefbea;border:1px solid #b8e7ac;padding:12px 14px;border-radius:14px;margin-bottom:16px;font-weight:750}.code-input{font-size:30px!important;letter-spacing:.28em;text-align:center;font-weight:900}.dash-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.dash-head h1{font-size:clamp(38px,6vw,68px);margin:0;letter-spacing:-.06em}.url-pill{display:inline-flex;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:850}.dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px}.card h2{margin:0 0 6px;letter-spacing:-.04em}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview{border-radius:18px;overflow:hidden;background:#eee;min-height:140px;display:grid;place-items:center}.preview img{width:100%;height:100%;max-height:220px;object-fit:cover}.avatar-preview{width:110px;height:110px;border-radius:50%;overflow:hidden;background:#eee}.avatar-preview img{width:100%;height:100%;object-fit:cover}.link-row{display:grid;grid-template-columns:.8fr 1.6fr;gap:8px;margin:8px 0}.smart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.smart-option{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fafaf7}.smart-option input{margin-right:7px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}.space-footer{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:24px 0 40px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;font-size:12px;color:#5f6470}.public-body{background:#f4efe5;min-height:100vh}.profile-wrap{width:min(620px,calc(100% - 24px));margin:30px auto 60px}.profile-card{background:white;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.cover{height:220px;background:linear-gradient(135deg,#ffd85e,#ff8a69)}.cover img{width:100%;height:100%;object-fit:cover}.profile-content{padding:0 24px 26px}.public-avatar{width:112px;height:112px;border-radius:50%;background:white;border:5px solid white;overflow:hidden;margin-top:-56px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-avatar .fallback{width:100%;height:100%;display:grid;place-items:center;font-size:40px;background:#ffe2d9}.profile-content h1{font-size:34px;letter-spacing:-.05em;margin:14px 0 5px}.profile-content p{color:var(--muted)}.public-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);padding:15px 16px;border:1px solid var(--line);border-radius:16px;margin:9px 0;font-weight:850;background:#fafaf7}.smart-block{margin:16px 0;padding:17px;border-radius:18px;background:#fff8d9;border:1px solid #f2d56a}.brand-credit{text-align:center;font-size:11px;color:#5f6470;margin-top:18px}.brand-credit a{color:inherit;font-weight:900}.photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.photo-strip img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}@media(max-width:760px){.space-main{margin-top:24px}.dash-grid{grid-template-columns:1fr}.dash-head{align-items:flex-start;flex-direction:column}.upload-grid{grid-template-columns:1fr}.smart-grid{grid-template-columns:1fr}.link-row{grid-template-columns:1fr}.space-footer{flex-direction:column;gap:6px}.cover{height:180px}}

/* v5.3 — Mi Spot Bonito operativo */
.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn.small{padding:9px 12px;border-radius:11px;font-size:11px}.checkline{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:12px;color:var(--muted)}.checkline input{margin-top:2px}.checkline a,.auth-links a,.legal-note a{color:var(--ink);font-weight:850}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:12px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.stats-row>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.stats-row small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.stats-row strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.live-side{position:sticky;top:90px}.phone-preview{width:280px;min-height:520px;margin:auto;border:8px solid #11131b;border-radius:36px;background:#fff;overflow:hidden;box-shadow:0 28px 65px rgba(17,19,27,.2)}.phone-cover{height:130px;background:linear-gradient(135deg,#ffd85e,#ff8a69);overflow:hidden}.phone-cover img{width:100%;height:100%;object-fit:cover}.phone-content{padding:0 15px 18px}.phone-avatar{width:74px;height:74px;border-radius:50%;overflow:hidden;background:#eee;border:4px solid #fff;margin-top:-37px}.phone-avatar img{width:100%;height:100%;object-fit:cover}.phone-content>b{display:block;font-size:19px;margin:10px 0 3px}.phone-content>p{font-size:11px;color:var(--muted);margin:0 0 12px}.phone-content>small{display:block;text-align:center;font-size:8px;font-weight:900;margin-top:15px;opacity:.5}.preview-link{padding:9px 10px;border:1px solid var(--line);border-radius:11px;margin:6px 0;font-size:10px;font-weight:850;background:#fafaf7}.phone-preview[data-theme="orange"]{background:#fff3ed}.phone-preview[data-theme="dark"]{background:#161923;color:white}.phone-preview[data-theme="dark"] .preview-link{background:#242838;border-color:#363b4d;color:#fff}.phone-preview[data-theme="dark"] .phone-content>p{color:#aeb4c2}.phone-preview[data-theme="pink"]{background:#fff0f5}.preview-note{text-align:center;font-size:9px;color:var(--muted);max-width:260px;margin:10px auto}.drag-handle{cursor:grab;color:#656977;font-weight:900;display:grid;place-items:center}.link-row{grid-template-columns:28px .8fr 1.6fr}.link-row.dragging{opacity:.45}.section-card{margin-top:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.card-head h2{margin:0}.block-edit{border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:#fafaf7}.block-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.block-title small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900}.row-actions{display:flex;gap:8px;margin-top:10px}.add-block{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.add-block summary{cursor:pointer;font-weight:900}.block-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.block-picker form{margin:0}.smart-option{cursor:pointer}.manage-gallery{margin-top:14px}.photo-manage{position:relative}.photo-manage>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}.photo-actions{position:absolute;left:5px;right:5px;bottom:5px;display:flex;justify-content:space-between;gap:5px}.photo-actions form{display:flex;gap:4px}.photo-actions button{border:0;background:rgba(17,19,27,.86);color:#fff;width:28px;height:28px;border-radius:9px;cursor:pointer}.photo-actions button:disabled{opacity:.35}.top-links{display:grid;gap:7px}.top-links>div,.admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #ecece8}.top-links span,.admin-row small{font-size:11px;color:var(--muted)}.top-links b{font-size:11px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.plan-card.current{box-shadow:inset 0 0 0 2px var(--orange)}.plan-card.dark{background:#11131b;color:#fff;border-color:#11131b}.plan-card h2{font-size:34px;letter-spacing:-.05em;margin:14px 0 6px}.plan-card h2 small{font-size:11px;opacity:.55}.plan-card p{font-size:12px;color:var(--muted);min-height:55px}.plan-card.dark p{color:#b8bdca}.current-label{display:block;margin-top:12px;font-size:10px;color:var(--orange)}.choice-list{display:grid;gap:8px}.choice-list>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:8px;font-size:11px}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.addon-card{border:1px solid var(--line);border-radius:15px;padding:12px;display:grid;gap:5px}.addon-card span{font-size:11px;font-weight:850}.addon-card b{font-size:17px}.addon-card small{color:#328143;font-weight:900}.notice-soft{background:#fff8da;border:1px solid #ebd578;border-radius:16px;padding:13px 15px;font-size:11px;margin:14px 0}.notice-soft code{font-size:10px}.qr-panel{text-align:center}.qr-box{width:280px;height:280px;margin:20px auto;border:1px solid var(--line);border-radius:22px;padding:14px;background:#fff}.qr-box img{width:100%;height:100%;object-fit:contain}.url-copy{font-size:12px;font-weight:850;background:#fafaf7;border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px auto 14px;max-width:420px}.button-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mini-chart{height:220px;display:flex;align-items:end;gap:4px;padding-top:10px}.mini-chart>div{flex:1;height:100%;display:flex;align-items:end}.mini-chart span{display:block;width:100%;background:var(--orange);border-radius:5px 5px 2px 2px;min-height:8px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:880px}.admin-table th,.admin-table td{text-align:left;padding:11px 8px;border-top:1px solid #ecece8;font-size:11px;vertical-align:top}.admin-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.admin-table td small{display:block;color:var(--muted);margin-top:3px}.admin-actions{display:flex;gap:5px;align-items:center}.admin-actions select,.search-form input{border:1px solid var(--line);border-radius:9px;padding:7px;font-size:10px}.search-form{display:flex;gap:6px}.domain-box{display:grid;gap:7px;border-top:1px solid var(--line);padding:12px 0}.domain-box small{color:var(--muted)}.domain-box code{display:block;background:#f3f3ef;border-radius:9px;padding:8px;font-size:10px;overflow:auto}.danger-zone{margin-top:18px;border-color:#f0b8af}.danger-zone summary{cursor:pointer;font-weight:900;color:#9b2f20}.btn.danger{background:#ad3828}.legal-note{text-align:center;margin-top:20px}.theme-orange .public-link{background:#fff3ed}.theme-dark{background:#171a27;color:#fff}.theme-dark .profile-content p,.theme-dark .brand-credit{color:#b9bfcc}.theme-dark .public-link{background:#242838;color:#fff;border-color:#353a4b}.theme-dark .smart-block{color:#11131b}.theme-pink .public-link{background:#fff2f6}.smart-block.hot{background:#ffe4d9;border-color:#ffab94}.photo-smart{margin-top:16px}.profile-card .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.studio-grid{grid-template-columns:1fr}.live-side{position:relative;top:auto;order:-1}.phone-preview{width:min(300px,100%)}.plan-grid{grid-template-columns:1fr}.addon-grid{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.stats-row{grid-template-columns:1fr 1fr}.addon-grid{grid-template-columns:1fr}.auth-links{flex-direction:column}.link-row{grid-template-columns:24px 1fr}.link-row input:last-child{grid-column:2}.card-head{align-items:flex-start;flex-direction:column}.admin-actions{flex-wrap:wrap}.qr-box{width:min(260px,100%);height:auto;aspect-ratio:1/1}.space-nav nav{gap:8px;max-width:72%;overflow-x:auto;white-space:nowrap}}
.check-list{display:grid}.check-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #ecece8}.check-row:first-child{border-top:0}.check-row small{color:var(--muted);text-align:right}
.admin-addon{margin-top:6px}.admin-addon summary{font-size:9px;font-weight:900;cursor:pointer}.admin-addon form{display:grid;gap:5px;margin-top:5px}.admin-addon form>div{display:flex;gap:4px}

/* v5.5 — Admin central bonito.wtf/admin */
.admin-app .space-main{width:min(1220px,calc(100% - 28px))}.admin-hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.admin-hero h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;margin:6px 0 0}.admin-hero .lede{margin:6px 0 0;max-width:620px}.admin-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 18px;margin-bottom:6px;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{white-space:nowrap;text-decoration:none;color:var(--ink);font-size:12px;font-weight:900;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff}.admin-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.admin-stats{grid-template-columns:repeat(5,1fr)}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-quick{display:flex;gap:12px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--ink);text-decoration:none;transition:.18s ease}.admin-quick:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,19,27,.07)}.admin-quick>span{font-size:24px}.admin-quick b,.admin-quick small{display:block}.admin-quick small{font-size:11px;color:var(--muted);margin-top:3px}.admin-dashboard-grid{grid-template-columns:1.2fr .8fr}.text-link{color:var(--ink);font-weight:900;text-decoration:underline;text-decoration-color:#ffb39f;text-underline-offset:3px}.admin-pill{display:inline-flex;align-items:center;border-radius:999px;background:#f3f3ef;padding:6px 9px;font-size:9px;font-weight:950;letter-spacing:.04em}.status-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950}.status-chip.ok{background:#eaf8e7;color:#286d28}.status-chip.off{background:#eeeeea;color:#65656b}.status-chip.warn{background:#fff3d2;color:#7d5c00}.admin-health{display:grid;gap:3px}.admin-health>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #ecece8}.admin-health>div:first-child{border-top:0}.admin-health small{color:var(--muted);font-size:10px}.admin-health.vertical>div{grid-template-columns:14px 1fr}.admin-health.vertical>div small{grid-column:2}.health-dot{width:10px;height:10px;border-radius:50%;display:block}.health-dot.good{background:#65be63;box-shadow:0 0 0 4px rgba(101,190,99,.13)}.health-dot.warn{background:#e8ad42;box-shadow:0 0 0 4px rgba(232,173,66,.13)}.admin-filter-card{padding:14px 16px}.admin-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-filters input,.admin-filters select{border:1px solid var(--line);background:#fafaf7;border-radius:11px;padding:10px 11px;font:inherit;font-size:11px}.admin-filters input{min-width:260px;flex:1}.admin-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-page-card{display:flex;flex-direction:column}.admin-page-card h2{margin:10px 0 2px;font-size:22px}.admin-page-card p{font-size:12px;color:var(--muted);min-height:42px}.admin-page-top{display:flex;justify-content:space-between;gap:10px}.page-metrics{display:flex;gap:18px;margin-top:auto;padding:14px 0;border-top:1px solid #ecece8}.page-metrics span{font-size:10px;color:var(--muted)}.page-metrics b{display:block;font-size:18px;color:var(--ink)}.button-row.left{justify-content:flex-start}.admin-user-title{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}.admin-user-title h2{font-size:34px;letter-spacing:-.05em;margin:12px 0 0}.admin-user-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.admin-user-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.admin-user-summary>div{background:#11131b;color:#fff;border-radius:16px;padding:14px}.admin-user-summary small{display:block;color:#b6bac6;font-size:9px;text-transform:uppercase;font-weight:900}.admin-user-summary b{display:block;font-size:19px;margin-top:4px}.admin-edit-grid{grid-template-columns:1fr 1fr}.admin-form{display:grid;gap:2px}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-form .field select{width:100%;border:1px solid #d8d9d4;background:#fafaf7;border-radius:14px;padding:14px 15px;font:inherit}.toggle-line{display:flex!important;gap:9px;align-items:center!important;font-size:11px!important;font-weight:800!important;margin:7px 0 12px}.toggle-line input{width:auto!important}.admin-mini-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #ecece8;margin-top:16px;padding-top:14px}.admin-mini-actions form{margin:0}.prefix-input{display:flex;align-items:center;border:1px solid #d8d9d4;background:#fafaf7;border-radius:14px;overflow:hidden}.prefix-input i{font-style:normal;font-size:11px;color:var(--muted);padding-left:13px;white-space:nowrap}.prefix-input input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:3px!important}.feature-admin-list{display:grid}.feature-admin-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ecece8}.feature-admin-row:first-child{border-top:0}.feature-admin-row b,.feature-admin-row small{display:block}.feature-admin-row small{color:var(--muted);font-size:10px;max-width:430px}.feature-admin-row form{display:flex;gap:7px;align-items:center}.feature-admin-row input[type=date]{border:1px solid var(--line);border-radius:9px;padding:8px;font-size:10px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-grid.addons-admin{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-edit{display:grid;gap:11px;border:1px solid var(--line);border-radius:18px;padding:15px;background:#fafaf7}.catalog-edit>span b,.catalog-edit>span small{display:block}.catalog-edit>span small{font-size:9px;color:var(--muted);margin-top:3px}.price-input{display:flex;align-items:center;border:1px solid #d8d9d4;border-radius:12px;background:#fff;overflow:hidden}.price-input i{font-style:normal;font-weight:900;padding-left:12px}.price-input input{width:100%;min-width:0;border:0;padding:12px 6px;font:inherit;font-weight:900;background:transparent;outline:none}.price-input em{font-style:normal;font-size:9px;color:var(--muted);white-space:nowrap;padding-right:10px}.sticky-save{position:sticky;bottom:14px;display:flex;justify-content:flex-end;margin-top:14px;z-index:5}.sticky-save .btn{box-shadow:0 12px 38px rgba(194,65,35,.28)}.plugin-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.plugin-list>div{background:#fafaf7;border:1px solid var(--line);border-radius:14px;padding:12px}.plugin-list b,.plugin-list small{display:block}.plugin-list small{color:var(--muted);font-size:10px;margin-top:3px}.upload-drop{border:2px dashed #d8d9d4;border-radius:20px;min-height:190px;padding:24px;display:grid;place-items:center;text-align:center;background:#fafaf7;cursor:pointer}.upload-drop input{position:absolute;opacity:0;pointer-events:none}.upload-drop span{font-size:34px}.upload-drop b{font-size:17px}.upload-drop small{font-size:10px;color:var(--muted)}.audit-json{max-width:360px;word-break:break-word}.admin-table form{margin:0}.admin-catalog-form{display:block}
@media(max-width:1050px){.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-quick-grid{grid-template-columns:repeat(2,1fr)}.admin-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid.addons-admin{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-hero{align-items:flex-start;flex-direction:column}.admin-hero .head-actions{width:100%}.admin-stats{grid-template-columns:1fr 1fr}.admin-quick-grid{grid-template-columns:1fr 1fr}.admin-page-grid{grid-template-columns:1fr}.admin-edit-grid{grid-template-columns:1fr}.admin-user-title{align-items:flex-start;flex-direction:column}.admin-user-summary{grid-template-columns:1fr 1fr}.catalog-grid,.catalog-grid.addons-admin,.plugin-list{grid-template-columns:1fr}.form-split{grid-template-columns:1fr}.feature-admin-row{grid-template-columns:1fr}.feature-admin-row form{justify-content:flex-start}.admin-filters input{min-width:100%}}
@media(max-width:480px){.admin-quick-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.admin-quick{padding:15px}.admin-user-summary{grid-template-columns:1fr 1fr}.sticky-save{bottom:8px}.sticky-save .btn{width:100%}}
.admin-links-editor{display:grid;gap:8px;margin:8px 0 14px}.admin-link-edit{display:grid;grid-template-columns:28px .7fr 1.3fr;gap:8px;align-items:center}.admin-link-edit>span{width:28px;height:28px;border-radius:9px;background:#f0f0ec;display:grid;place-items:center;font-size:10px;font-weight:900}.admin-link-edit input{min-width:0;border:1px solid var(--line);background:#fafaf7;border-radius:11px;padding:10px 11px;font:inherit;font-size:11px}@media(max-width:620px){.admin-link-edit{grid-template-columns:28px 1fr}.admin-link-edit input:last-child{grid-column:2}}

/* Installer + administración de contenido */
.admin-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.admin-media-preview{height:150px;border:1px solid var(--line);border-radius:16px;background:#f3f3ef;overflow:hidden;display:grid;place-items:center;margin:4px 0 8px}.admin-media-preview img{width:100%;height:100%;object-fit:cover}.admin-media-preview.avatar{width:116px;height:116px;border-radius:50%}.admin-media-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.admin-media-gallery>div{position:relative}.admin-media-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px}.admin-media-gallery form{position:absolute;top:5px;right:5px}.admin-media-gallery button{width:28px;height:28px;border:0;border-radius:9px;background:rgba(17,19,27,.86);color:#fff;font-weight:900;cursor:pointer}.admin-media-profile input[type=file],.admin-form input[type=file]{font-size:11px}.admin-app .button-row.left{display:flex;justify-content:flex-start;gap:8px}
@media(max-width:760px){.admin-media-grid{grid-template-columns:1fr}.admin-media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mapa, admin avanzado y operación */
.osm-map{width:100%;height:230px;border:1px solid var(--line);border-radius:16px;margin:10px 0;background:#ecece8}.map-editor{display:grid;gap:6px}.map-status{display:block;min-height:18px;margin-top:3px}.admin-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-smart-block{margin:0}.domain-admin-card{border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:#fafaf7}.danger-content{padding-top:16px}.danger-zone{padding:16px 20px}.admin-mini-actions input[type=email]{border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:220px}.admin-form code,.notice-soft code{word-break:break-all}.health-dot.warn{background:#e7ad3f;box-shadow:0 0 0 4px rgba(231,173,63,.13)}
@media(max-width:760px){.admin-block-grid{grid-template-columns:1fr}.osm-map{height:200px}.admin-mini-actions input[type=email]{min-width:100%;width:100%}}


/* MASTER 6.0 · sistema visual claro/oscuro y contraste */
:root{--orange:#c24123;--orange-on-dark:#ff9a82;--dark:#11131b;--dark-soft:#242838}
.btn:hover{filter:brightness(.96)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.plan-card.dark .current-label{color:#ffd85e}
.plan-card.dark .btn:focus-visible,.theme-dark a:focus-visible,.theme-dark button:focus-visible,.admin-user-summary a:focus-visible{outline-color:#fff}
.addon-card.is-disabled{background:#f3f3ef;color:var(--ink);border-style:dashed}.addon-card.is-disabled small{color:var(--muted);font-weight:800;line-height:1.35}
.checkout-back{margin-top:9px}
.auth-page,.admin-app{color:var(--ink)}
.admin-app .card,.admin-app .admin-quick,.admin-app .admin-tab,.admin-app .catalog-edit,.admin-app .domain-admin-card{color:var(--ink)}
.admin-app .plan-card.dark,.theme-dark{color:#fff}
.theme-dark .smart-block{background:#fff8d9;color:#11131b}
.theme-dark .smart-block.hot{background:#ffe4d9;color:#11131b}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v6.0.1 · editor de portada y contraste de secciones */
.cover-upload-box{min-width:0}.cover-editor{position:relative;width:100%;aspect-ratio:16/7;min-height:150px;border:1px solid #cfd1cb;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f2eee5,#e9e4da);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.cover-editor:active{cursor:grabbing}.cover-editor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cover-editor.is-empty img{display:none}.cover-editor-placeholder{position:absolute;inset:0;display:none;place-items:center;color:#565b66;font-size:12px;font-weight:850}.cover-editor.is-empty .cover-editor-placeholder{display:grid}.cover-editor-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(17,19,27,.82);color:#fff;font-size:10px;font-weight:900;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.18)}.cover-editor.is-empty .cover-editor-hint{display:none}.cover-editor-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:8px}.cover-editor-actions small{color:#626773;font-size:10px;line-height:1.25;text-align:right}.preview img,.phone-cover img,.cover img,.admin-media-preview img{object-position:50% 50%}
.add-block summary{list-style:none;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px}.add-block summary::-webkit-details-marker{display:none}.add-block summary::before{content:'+';width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#11131b;color:#fff;font-size:20px;font-weight:900;line-height:1}.add-block[open] summary::before{content:'−'}
.block-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.block-picker form{min-width:0}.smart-option{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid #c9cbc5!important;border-radius:16px;padding:12px 14px;background:#fff!important;color:#17191f!important;-webkit-text-fill-color:#17191f!important;font:inherit;font-size:13px;font-weight:900;line-height:1.2;opacity:1!important;box-shadow:0 4px 12px rgba(17,19,27,.04);cursor:pointer}.smart-option:hover{border-color:#9a9d95!important;background:#f8f6f1!important}.smart-option:focus-visible{outline:3px solid rgba(194,65,35,.24);outline-offset:2px;border-color:var(--orange)!important}.smart-option:disabled{background:#f1f0ec!important;color:#5d626c!important;-webkit-text-fill-color:#5d626c!important;border-color:#d5d6d1!important;opacity:1!important;cursor:not-allowed}
@media(max-width:760px){.cover-editor{aspect-ratio:16/8;min-height:165px}.cover-editor-actions{align-items:flex-start}.cover-editor-actions small{max-width:190px}.block-picker{grid-template-columns:1fr}.smart-option{justify-content:flex-start;padding:14px 16px;font-size:14px}.add-block summary{font-size:17px}}


/* v6.0.1 · links públicos tipo tarjeta */
.public-links{display:grid;gap:10px;margin:18px 0 8px}
.public-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin:0;padding:10px 12px 10px 10px;border:1px solid #e0dfd9;border-radius:20px;background:#fff;color:#17191f;text-decoration:none;box-shadow:0 8px 24px rgba(17,19,27,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.public-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,19,27,.1);border-color:#c7c8c2}
.public-link:focus-visible{outline:3px solid rgba(194,65,35,.25);outline-offset:2px}
.link-leading{display:flex;align-items:center;gap:11px;min-width:0}
.link-mark{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#11131b;color:#fff;font-size:18px;font-weight:950;letter-spacing:-.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.link-copy{display:grid;gap:2px;min-width:0}
.link-copy strong{font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-copy small{display:block;max-width:230px;color:#737783;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.link-arrow{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2f1ed;color:#20232a;font-size:15px;font-weight:900}
.public-link-instagram .link-mark{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)}
.public-link-facebook .link-mark{background:#1d63d8}
.public-link-tiktok .link-mark{background:#111}
.public-link-youtube .link-mark{background:#d92323}
.public-link-x .link-mark{background:#111}
.public-link-whatsapp .link-mark{background:#137a42}
.public-link-linkedin .link-mark{background:#155b9a;font-size:15px}
.public-link-spotify .link-mark{background:#15733c}
.public-link-threads .link-mark{background:#111}
.theme-orange .public-link{background:#fffaf7;border-color:#f0d8ce}
.theme-pink .public-link{background:#fffafb;border-color:#ecd8e0}
.theme-dark .public-link{background:#242838;border-color:#383d50;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.theme-dark .public-link:hover{border-color:#545b72;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.theme-dark .link-copy small{color:#b6bdcc}
.theme-dark .link-arrow{background:#323748;color:#fff}
.theme-dark .link-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.profile-bio{line-height:1.5}
.preview-link{display:flex;align-items:center;min-height:35px;padding:9px 11px;border:1px solid rgba(17,19,27,.1);border-radius:12px;margin:6px 0;font-size:10px;font-weight:850;background:#fff;box-shadow:0 3px 10px rgba(17,19,27,.04)}
.phone-preview[data-theme="dark"] .preview-link{background:#242838;border-color:#363b4d;color:#fff}
@media(max-width:520px){
  .profile-wrap{width:min(100% - 16px,620px);margin:10px auto 28px}
  .profile-card{border-radius:25px}
  .profile-content{padding-left:18px;padding-right:18px}
  .link-copy small{max-width:190px}
  .public-link{min-height:62px;border-radius:18px}
}


/* v6.0.2 · portada FULL BLEED en usuario + admin */
.cover,.phone-cover,.cover-editor,.admin-cover-editor{position:relative;overflow:hidden}
.cover img,.phone-cover img,.cover-editor img,.admin-cover-editor img{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;
}
.cover-editor,.admin-cover-editor{aspect-ratio:16/7;width:100%;min-height:170px;background:#ece7dd}
.admin-cover-box{min-width:0}.admin-cover-editor{margin-top:4px}
.admin-media-profile .form-split{align-items:start}
@media(max-width:760px){.cover-editor,.admin-cover-editor{aspect-ratio:16/8;min-height:180px}.cover{height:190px}.phone-cover{height:130px}}

/* v6.0.3 · portada estable + editor Mi Spot móvil + widgets personalizables */
.profile-card{position:relative;isolation:isolate}
.profile-card>.cover{
  position:relative!important;z-index:0;display:block!important;flex:0 0 auto;
  width:100%!important;height:clamp(210px,38vw,270px)!important;min-height:210px;
  background-size:cover!important;background-repeat:no-repeat!important;background-position:50% 50%;
  background-color:#ece7dd;
}
.profile-card>.profile-content{position:relative;z-index:1;background:inherit}
.public-avatar{position:relative;z-index:2}
/* La portada pública se pinta como background; esto evita contain/espacios laterales en imágenes 9:16. */
.profile-card>.cover img{display:none!important}

.smart-block,.smart-block.hot,.theme-dark .smart-block,.theme-dark .smart-block.hot{
  background:var(--widget-bg,#fff8d9)!important;color:var(--widget-text,#17191f)!important;
  border-color:rgba(17,19,27,.14)!important;box-shadow:0 10px 28px rgba(17,19,27,.07);
}
.smart-block p,.theme-dark .smart-block p{color:inherit!important;opacity:.78}
.smart-block .btn.ghost{color:inherit;border-color:currentColor;background:transparent}

/* Editor de apariencia por widget */
.widget-style-editor{margin:14px 0 2px;padding:13px;border:1px solid #deded8;border-radius:18px;background:#fff}
.widget-style-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.widget-style-head>div{display:grid;gap:2px}.widget-style-head b{font-size:12px}.widget-style-head small{font-size:9px;color:var(--muted)}
.contrast-pill{padding:5px 8px;border-radius:999px;background:#eef7ec;color:#275b2d;font-size:9px;font-weight:900}
.contrast-pill.bad{background:#fff0ed;color:#8b2d1e}
.widget-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.color-control{display:grid;gap:6px;padding:10px;border:1px solid #e3e3de;border-radius:14px;background:#fafaf7}
.color-control>span{font-size:9px;font-weight:900;color:#5e6470;text-transform:uppercase;letter-spacing:.06em}
.color-control>div{display:flex;align-items:center;gap:8px}.color-control input[type=color]{appearance:none;-webkit-appearance:none;width:42px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.16);border-radius:10px}.color-control code{font-size:10px;font-weight:850;color:#31353d}
.color-presets{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.color-preset{width:31px;height:31px;border-radius:10px;border:2px solid #fff;outline:1px solid #d1d2cc;background:linear-gradient(135deg,var(--pbg) 0 56%,var(--ptxt) 56% 100%);cursor:pointer;box-shadow:0 3px 8px rgba(17,19,27,.08)}
.color-preset:focus-visible{outline:3px solid rgba(194,65,35,.3);outline-offset:2px}
.widget-style-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:12px 13px;background:var(--preview-bg,#fff4c7);color:var(--preview-text,#17191f);border:1px solid rgba(17,19,27,.1);transition:background .15s,color .15s}
.widget-style-preview strong{font-size:12px}.widget-style-preview span{font-size:10px;opacity:.78}

/* Mi Spot Studio */
.spot-studio .space-main{max-width:1120px}
.studio-hero{padding:4px 2px}.studio-hero .lede{max-width:620px}
.studio-toolbar{position:sticky;top:70px;z-index:14;display:flex;gap:7px;padding:8px;margin:0 0 16px;border:1px solid rgba(17,19,27,.08);border-radius:18px;background:rgba(247,242,232,.92);backdrop-filter:blur(16px);overflow:auto;scrollbar-width:none;box-shadow:0 8px 24px rgba(17,19,27,.05)}
.studio-toolbar::-webkit-scrollbar{display:none}.studio-toolbar a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 12px;border-radius:12px;background:#fff;color:var(--ink);border:1px solid #dfdfda;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}.studio-toolbar a span{font-size:14px}
.editor-stack{min-width:0}.editor-card{scroll-margin-top:145px;border-color:#e2e1dc;box-shadow:0 10px 32px rgba(17,19,27,.045)}
.editor-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.editor-card-head>div{display:grid;gap:1px}.editor-card-head h2{margin:0;font-size:22px}.editor-card-head small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7a7e88;font-weight:900}.editor-card-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#f5eee6;border:1px solid #e8ddd2;font-size:18px}
.upload-pane{min-width:0}.editor-save{min-height:46px}
.link-row{align-items:end;padding:10px;border:1px solid #e3e3de;border-radius:15px;background:#fafaf7}.link-row label{display:grid;gap:5px}.link-row label small{font-size:9px;color:#737883;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.link-row input{width:100%;min-width:0;border:1px solid #d8d9d4;background:#fff;border-radius:11px;padding:11px 12px;font:inherit;outline:none}.link-row input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(194,65,35,.1)}
.modern-block{background:#fafaf7;border-color:#deded8;padding:15px}.block-title-main{display:flex;align-items:center;gap:9px}.block-title-main>div{display:grid;gap:2px}.block-title-main small{display:block!important;text-transform:none!important;letter-spacing:0!important}.block-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid #deded8}.block-status{font-size:9px;font-weight:900;color:#606571;background:#fff;border:1px solid #dddeda;border-radius:999px;padding:5px 8px}
.add-block{padding:14px 0 0}.add-block summary{border:1px dashed #c9cbc5;border-radius:16px;padding:12px;background:#fbfaf7}
.preview-drawer{border:0}.preview-drawer>summary{display:none}.preview-stage{display:grid;place-items:center}
.phone-preview{transform:translateZ(0)}
.field input[type=file]{padding:8px;background:#fafaf7}.field input[type=file]::file-selector-button{border:0;border-radius:10px;background:#11131b;color:#fff;padding:9px 11px;margin-right:9px;font-weight:850;cursor:pointer}

/* Admin también recibe el editor de color */
.admin-smart-block .widget-style-editor{background:#fff}.admin-widget-style{margin-top:12px}.admin-block-grid .modern-block{box-shadow:0 8px 24px rgba(17,19,27,.04)}

@media(max-width:760px){
  .space-nav{height:60px;padding:0 10px;gap:10px}.space-brand{font-size:17px;flex:0 0 auto}.space-nav nav{max-width:calc(100vw - 115px);overflow-x:auto;gap:5px;scrollbar-width:none}.space-nav nav::-webkit-scrollbar{display:none}.space-nav nav a{flex:0 0 auto;white-space:nowrap;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.58);font-size:10px}
  .spot-studio .space-main{width:calc(100% - 14px);margin:14px auto 54px}.studio-hero{margin-bottom:12px}.studio-hero h1{font-size:36px;line-height:.98}.studio-hero .lede{font-size:13px;margin:8px 0 4px}.studio-hero .head-actions{width:100%}.studio-hero .url-pill{max-width:calc(100% - 66px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .compact-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.compact-stats>div{padding:11px 12px;border-radius:15px}.compact-stats strong{font-size:19px}.compact-stats small{font-size:8px}
  .studio-toolbar{top:60px;margin-left:-1px;margin-right:-1px;border-radius:15px;padding:6px;gap:5px}.studio-toolbar a{padding:8px 10px;font-size:10px;border-radius:10px}
  .editor-stack{display:grid;gap:12px}.editor-grid{gap:12px}.editor-card{padding:17px;border-radius:22px;margin-top:0!important}.editor-card-head h2{font-size:20px}.editor-card-icon{width:36px;height:36px}
  .upload-grid{gap:8px}.cover-editor,.admin-cover-editor{aspect-ratio:16/7!important;min-height:0!important;height:auto!important}.cover-editor-actions{gap:8px}.cover-editor-actions small{font-size:9px}
  .link-row{grid-template-columns:22px 1fr;gap:7px;padding:9px;margin:8px 0}.link-row>label:nth-of-type(2){grid-column:2}.drag-handle{grid-row:1/3;align-self:stretch;border-radius:9px;background:#efeee9;font-size:18px}
  .card-head{align-items:flex-start}.card-head>.btn{flex:0 0 auto}
  .modern-block{padding:12px;border-radius:17px}.block-title{align-items:center}.widget-style-editor{padding:11px;margin-top:12px}.widget-color-grid{grid-template-columns:1fr 1fr}.color-control{padding:9px}.color-control code{font-size:9px}.widget-style-preview{padding:11px}
  .row-actions{display:grid;grid-template-columns:1fr auto}.row-actions .btn{min-height:42px}
  .block-picker{grid-template-columns:1fr 1fr;gap:7px}.smart-option{min-height:48px;padding:11px;font-size:12px;border-radius:14px}.smart-option span{font-size:16px}
  .manage-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .live-side{order:-1}.preview-drawer{width:100%;background:#fff;border:1px solid #dfdfda;border-radius:18px;overflow:hidden}.preview-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:13px 14px;cursor:pointer}.preview-drawer>summary::-webkit-details-marker{display:none}.preview-drawer>summary>span:first-child{display:grid;gap:2px}.preview-drawer>summary b{font-size:13px}.preview-drawer>summary small{font-size:9px;color:var(--muted)}.preview-toggle{font-size:10px;font-weight:900;color:var(--orange);background:#fff3ed;padding:6px 9px;border-radius:999px}.preview-stage{padding:14px;background:#f2eee6}.phone-preview{width:min(260px,100%);min-height:470px}.preview-note{margin-bottom:0}
  .admin-block-grid{gap:9px}.admin-smart-block{border-radius:18px}.admin-media-grid,.admin-edit-grid{gap:12px}
  .profile-card>.cover{height:clamp(210px,46vw,250px)!important;min-height:210px!important}.public-avatar{margin-top:-52px}
}

@media(max-width:420px){
  .widget-color-grid{grid-template-columns:1fr}.block-picker{grid-template-columns:1fr}.studio-toolbar a{padding:8px 9px}.profile-card>.cover{height:210px!important}
}
.link-move{display:none;gap:5px}.link-move button{width:34px;height:34px;border:1px solid #d8d9d4;border-radius:10px;background:#fff;color:#17191f;font-weight:900}
@media(max-width:760px){.link-row{grid-template-columns:22px 1fr auto}.link-row>label:nth-of-type(2){grid-column:2}.link-move{display:flex;grid-column:3;grid-row:1/3;align-self:center;flex-direction:column}.drag-handle{grid-row:1/3}.link-move button{width:32px;height:32px}}

/* MASTER 6.0.11 · Presentaciones personalizadas BONITO.WTF */
.pitch-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;background:linear-gradient(135deg,#fffdf8,#f7eee4)}.pitch-admin-hero h2{margin:5px 0 4px;font-size:clamp(24px,4vw,38px);letter-spacing:-.045em;max-width:640px}.pitch-admin-hero p{max-width:680px}.pitch-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pitch-admin-card{display:grid;gap:13px}.pitch-admin-person{display:flex;align-items:center;gap:12px}.pitch-admin-person h3{margin:4px 0 1px;font-size:19px}.pitch-admin-person small{color:var(--muted)}.pitch-avatar{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#c24123,#7f2b18);color:#fff;font-weight:950;font-size:22px}.pitch-avatar img{width:100%;height:100%;object-fit:cover}.pitch-admin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pitch-admin-metrics span,.pitch-results-grid>div{padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#fafaf7;font-size:10px;color:var(--muted)}.pitch-admin-metrics b,.pitch-results-grid b{display:block;color:var(--ink);font-size:18px}.pitch-answer-mini{display:grid;gap:2px;padding:10px 12px;border-radius:13px;background:#fff3ed;color:#592115}.pitch-answer-mini small{color:#8f5b4d}.pitch-url{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 9px;border-radius:12px;background:#f1f0eb;border:1px solid #deddd7}.pitch-url span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.pitch-url button{border:0;border-radius:9px;padding:7px 9px;background:#11131b;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.pitch-empty{grid-column:1/-1;text-align:center;padding:32px}.pitch-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}.pitch-form-card,.pitch-admin-preview{margin:0}.pitch-admin-preview{position:sticky;top:90px;background:#11131b;color:#fff;border-color:#11131b}.pitch-admin-preview h2{margin:10px 0 5px;font-size:34px;letter-spacing:-.05em}.pitch-admin-preview>p{color:#d1d5de}.pitch-preview-socials{display:grid;gap:7px;margin:15px 0}.pitch-preview-socials span{display:block;padding:10px;border-radius:12px;background:#242837}.pitch-preview-socials b{display:block}.pitch-preview-socials small{display:block;overflow:hidden;color:#bcc1cc;text-overflow:ellipsis;white-space:nowrap}.pitch-demo-domain{padding:14px;border-radius:15px;background:#f7f2e8;color:#11131b}.pitch-demo-domain small{display:block;color:#8a5d50;font-size:8px;font-weight:950;letter-spacing:.09em}.pitch-demo-domain strong{display:block;margin-top:4px;font-size:21px;letter-spacing:-.04em}.pitch-admin-preview .pitch-url{margin-top:11px;background:#202533;border-color:#303646}.pitch-admin-preview .pitch-url span{color:#fff}.pitch-photo-field{display:grid;grid-template-columns:110px 1fr;gap:13px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:#fafaf7}.pitch-photo-preview{display:grid;place-items:center;width:110px;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#e9e3da;font-size:28px}.pitch-photo-preview img{width:100%;height:100%;object-fit:cover}.pitch-results-card{margin-top:16px}.pitch-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pitch-results-grid small{display:block;margin-bottom:4px}.pitch-result-tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.pitch-result-tags span{padding:7px 9px;border-radius:999px;background:#fff3ed;color:#742c1d;font-size:9px;font-weight:900}.danger-zone-inline{margin-top:14px;padding-top:13px;border-top:1px solid #ecece8}
.pitch-demo-admin{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px;align-items:center;margin-bottom:16px;background:#11131b;color:#fff;border-color:#11131b}.pitch-demo-admin h3{margin:6px 0 4px;font-size:21px}.pitch-demo-admin .muted{color:#c7cad3}.pitch-demo-admin-data{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pitch-demo-admin-data span{padding:10px;border-radius:13px;background:#202533}.pitch-demo-admin-data b,.pitch-demo-admin-data small{display:block}.pitch-demo-admin-data small{margin-top:2px;color:#b9bfcc;font-size:9px}.pitch-demo-admin .pitch-url{grid-column:1/-1;background:#202533;border-color:#343a4a}.pitch-demo-admin .pitch-url span{color:#fff}.pitch-reset-tools{border-top:1px solid var(--line);padding-top:9px}.pitch-reset-tools summary{cursor:pointer;font-size:10px;font-weight:900;color:#6f554b;list-style:none}.pitch-reset-tools summary::-webkit-details-marker{display:none}.pitch-reset-tools summary:after{content:' +';}.pitch-reset-tools[open] summary:after{content:' −'}.pitch-reset-tools p{margin:8px 0 7px;font-size:9px;color:var(--muted)}.pitch-reset-buttons{display:flex;gap:7px;flex-wrap:wrap}.pitch-reset-panel{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:13px;border:1px solid #ead9d1;border-radius:15px;background:#fff8f4}.pitch-reset-panel b,.pitch-reset-panel small{display:block}.pitch-reset-panel small{margin-top:3px;color:var(--muted);font-size:9px}.pitch-reset-panel form{margin:0}
@media(max-width:760px){.pitch-admin-hero{align-items:flex-start;flex-direction:column}.pitch-admin-hero .btn{width:100%}.pitch-admin-grid{grid-template-columns:1fr}.pitch-demo-admin{grid-template-columns:1fr}.pitch-demo-admin-data{grid-template-columns:1fr 1fr}.pitch-reset-panel{align-items:flex-start;flex-direction:column}.pitch-editor-layout{grid-template-columns:1fr}.pitch-admin-preview{position:static;order:-1}.pitch-results-grid{grid-template-columns:1fr}.pitch-photo-field{grid-template-columns:82px 1fr}.pitch-photo-preview{width:82px}.pitch-admin-metrics{grid-template-columns:1fr 1fr}.admin-tabs{scroll-snap-type:x proximity}.admin-tab{scroll-snap-align:start}}


/* MASTER 6.0.13 · Spot público responsive + portada full-cover con zoom real */
.profile-card>.cover{position:relative!important;overflow:hidden!important;background:#ece7dd!important;background-image:none!important}
.profile-card>.cover img{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;
  object-position:var(--cover-x,50%) var(--cover-y,50%)!important;
  transform:scale(var(--cover-zoom,1))!important;
  transform-origin:var(--cover-x,50%) var(--cover-y,50%)!important;
  will-change:transform;
}
.cover-editor img,.admin-cover-editor img,.phone-cover img{transform-origin:50% 50%;will-change:transform}
.cover-zoom-control{display:grid;gap:4px;min-width:min(230px,62%);font-size:10px;font-weight:900;color:#4e535d}
.cover-zoom-control>span{display:flex;justify-content:space-between;gap:8px}.cover-zoom-control input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}
.cover-editor{touch-action:none}

/* Teléfonos: casi toda la pantalla, tanto vertical como horizontal. */
@media (max-width:600px), (max-height:520px) and (orientation:landscape){
  .public-body{min-height:100dvh;overflow-x:hidden;padding:0 max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left))}
  .public-body .profile-wrap{width:min(99vw,calc(100% - 2px))!important;max-width:none!important;margin:0.5vh auto max(8px,env(safe-area-inset-bottom))!important}
  .public-body .profile-card{width:100%!important;max-width:none!important;border-radius:clamp(18px,5vw,28px)!important;min-height:calc(99dvh - max(8px,env(safe-area-inset-bottom)))!important}
  .public-body .profile-content{padding-left:clamp(16px,4.6vw,24px)!important;padding-right:clamp(16px,4.6vw,24px)!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}
  .public-body .profile-card>.cover{height:clamp(210px,56vw,300px)!important;min-height:0!important}
  .public-body .public-link{width:100%}
}
@media (max-height:520px) and (orientation:landscape){
  .public-body .profile-wrap{width:min(99vw,calc(100% - 2px))!important;max-width:none!important;margin:.5vh auto!important}
  .public-body .profile-card{min-height:99dvh!important;border-radius:18px!important}
  .public-body .profile-card>.cover{height:clamp(145px,43dvh,220px)!important}
  .public-body .profile-content{padding-left:18px!important;padding-right:18px!important}
  .public-body .public-avatar{width:92px;height:92px;margin-top:-46px}
}
@media (min-width:601px){
  .public-body .profile-wrap{width:min(620px,calc(100% - 32px));margin:30px auto 60px}
}
@media(max-width:760px){.cover-editor-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.cover-zoom-control{flex:1 1 180px;min-width:0;width:100%}}

/* v6.0.15 · plantillas Spot + editor de fotos Admin sin solapamientos */
.template-editor{display:grid;gap:10px;margin:18px 0}.template-editor-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.template-editor-head>div{display:grid;gap:2px}.template-editor-head span{font-size:12px;font-weight:950}.template-editor-head small{font-size:9px;color:var(--muted)}.template-editor-head>a{font-size:10px;color:var(--orange);font-weight:900;text-decoration:none}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-choice{position:relative;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #dddeda;border-radius:16px;background:#fafaf7;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.template-choice:hover{transform:translateY(-1px);border-color:#bfc1ba}.template-choice:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 3px rgba(194,65,35,.1);background:#fff}.template-choice input{position:absolute;opacity:0;pointer-events:none}.template-choice.is-locked{opacity:.58;cursor:not-allowed}.template-copy{display:grid;gap:2px;min-width:0}.template-copy strong{font-size:11px}.template-copy small{font-size:8px;color:var(--muted);line-height:1.25}.template-choice em{font-style:normal;font-size:8px;font-weight:950;color:#5d626c;white-space:nowrap}.template-mini{position:relative;width:62px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(17,19,27,.12);background:#fff;box-shadow:0 5px 14px rgba(17,19,27,.08)}.template-mini:before{content:"";position:absolute;inset:0 0 auto;height:28px;background:linear-gradient(135deg,#f0b45c,#d97855)}.template-mini i{position:absolute;left:7px;right:7px;height:7px;border-radius:999px;background:#e8e7e2}.template-mini i:nth-child(1){top:35px;width:26px;right:auto;background:#181b24}.template-mini i:nth-child(2){top:48px}.template-mini i:nth-child(3){top:59px}.template-mini b{position:absolute;width:16px;height:16px;border-radius:50%;left:7px;top:20px;background:#fff;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}.template-mini-cards{background:#f0ece4}.template-mini-cards i:nth-child(2),.template-mini-cards i:nth-child(3){height:10px;background:#fff;border:1px solid #ddd}.template-mini-editorial{background:#fff}.template-mini-editorial:before{height:42px;background:#ddd0bc}.template-mini-editorial i:nth-child(1){top:47px;width:38px;border-radius:0}.template-mini-editorial i:nth-child(2){top:59px;height:4px}.template-mini-editorial i:nth-child(3){display:none}.template-mini-editorial b{border-radius:6px;top:30px}.template-mini-glass{background:linear-gradient(150deg,#27233d,#77485d)}.template-mini-glass:before{background:linear-gradient(135deg,#70485a,#c17a64)}.template-mini-glass i:nth-child(1){background:#fff}.template-mini-glass i:nth-child(2),.template-mini-glass i:nth-child(3){background:rgba(255,255,255,.28)}.template-mini-poster{background:#ffd85e}.template-mini-poster:before{height:30px;background:#11131b}.template-mini-poster i:nth-child(1){top:37px;width:42px;height:9px;background:#11131b}.template-mini-poster i:nth-child(2){top:52px;background:#c24123}.template-mini-poster i:nth-child(3){top:63px;background:#11131b}.badge-setting,.badge-editor{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #deded8;border-radius:16px;background:#fafaf7;margin:14px 0}.badge-setting>div,.badge-editor>div:first-child{display:grid;gap:2px}.badge-setting b,.badge-editor b{font-size:11px}.badge-setting small,.badge-editor small{font-size:9px;color:var(--muted)}.badge-demo{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#11131b;color:#fff;font-size:22px;box-shadow:0 7px 18px rgba(17,19,27,.13)}.badge-editor{display:grid}.badge-presets{display:flex;flex-wrap:wrap;gap:6px}.badge-presets button{width:38px;height:38px;border:1px solid #dddeda;border-radius:12px;background:#fff;font-size:20px;cursor:pointer}.badge-presets button:hover{border-color:var(--orange);background:#fff7f3}.badge-custom{margin:0!important}.phone-name-line{display:flex;align-items:center;gap:6px;margin:10px 0 3px}.phone-name-line>b{font-size:19px}.phone-badge{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#11131b;color:#fff;font-size:14px}.admin-badge-setting{margin:8px 0 12px}

/* Admin: perfil y portada viven en paneles distintos; ninguna imagen se monta sobre la otra. */
.admin-profile-media-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:start}.admin-avatar-panel,.admin-cover-panel{min-width:0;border:1px solid #e0e0db;border-radius:18px;background:#fafaf7;padding:13px}.media-panel-title{display:grid;gap:2px;margin-bottom:9px}.media-panel-title b{font-size:12px}.media-panel-title small{font-size:9px;color:var(--muted)}.admin-avatar-panel .admin-media-preview.avatar{margin:0 auto 10px;width:118px;height:118px;position:relative;z-index:1}.admin-cover-panel .admin-cover-editor{position:relative!important;z-index:1!important;width:100%!important;margin:8px 0 0!important}.compact-file{margin:8px 0!important}.admin-media-save{margin-top:12px}.admin-media-profile{overflow:visible}.admin-media-profile .admin-profile-media-layout *{min-width:0}

/* Base del Spot 6.0.15 */
.public-body{--spot-page:#f2eee6;--spot-bg:#fff;--spot-text:#11131b;--spot-muted:#676c78;--spot-panel:#fff;--spot-line:rgba(17,19,27,.11);--spot-shadow:0 24px 70px rgba(17,19,27,.13);background:var(--spot-page)}.profile-card{color:var(--spot-text);background:var(--spot-bg);border-color:var(--spot-line);box-shadow:var(--spot-shadow)}.profile-card.theme-orange{--spot-bg:#fff6f1;--spot-panel:#fffaf7;--spot-text:#17191f;--spot-muted:#6f5b55}.profile-card.theme-dark{--spot-bg:#151823;--spot-panel:#232736;--spot-text:#fff;--spot-muted:#bac0cd;--spot-line:rgba(255,255,255,.12)}.profile-card.theme-pink{--spot-bg:#fff3f7;--spot-panel:#fff9fb;--spot-text:#231820;--spot-muted:#745f6c}.profile-content{background:var(--spot-bg)!important;color:var(--spot-text)}.profile-identity{position:relative}.identity-copy{min-width:0}.profile-title-line{display:flex;align-items:center;gap:9px;min-width:0}.profile-title-line h1{margin:0;min-width:0;overflow-wrap:anywhere}.plan-badge{display:inline-grid;place-items:center;flex:0 0 auto;min-width:36px;height:36px;padding:0 8px;border-radius:13px;background:#11131b;color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(17,19,27,.18);transform:rotate(2deg)}.theme-dark .plan-badge{background:#fff;color:#11131b}.cover-shade{position:absolute;inset:0;pointer-events:none}.public-links{position:relative}.smart-blocks{display:grid;gap:12px;margin-top:15px}.smart-blocks .smart-block{margin:0}.photo-smart{position:relative}.brand-credit{opacity:.7}

/* Plantilla 1 · Minimal · FREE */
.template-minimal .profile-card>.cover{height:clamp(230px,44vw,300px)!important}.template-minimal .profile-content{padding:0 clamp(20px,4vw,30px) 30px}.template-minimal .profile-identity{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:end;margin-top:-45px}.template-minimal .public-avatar{width:96px;height:96px;margin:0;border-width:4px}.template-minimal .identity-copy{padding-top:55px}.template-minimal .profile-title-line h1{font-size:clamp(31px,7vw,42px);letter-spacing:-.055em}.template-minimal .profile-bio{margin:7px 0 0;line-height:1.48;color:var(--spot-muted)!important}.template-minimal .public-link{background:var(--spot-panel);border-color:var(--spot-line);border-radius:19px}.template-minimal .smart-block{border-radius:20px}.template-minimal .photo-strip img{border-radius:18px}

/* Plantilla 2 · Cards · FREE */
.template-cards{border-radius:28px}.template-cards .profile-card>.cover{height:clamp(200px,38vw,255px)!important}.template-cards .profile-content{padding:0 16px 24px}.template-cards .profile-identity{display:block;text-align:center;margin-top:-52px}.template-cards .public-avatar{width:104px;height:104px;margin:0 auto;border:5px solid var(--spot-bg)}.template-cards .identity-copy{padding:0 8px}.template-cards .profile-title-line{justify-content:center;margin-top:10px}.template-cards .profile-title-line h1{font-size:34px}.template-cards .profile-bio{max-width:500px;margin:6px auto 18px;color:var(--spot-muted)!important}.template-cards .public-links{gap:8px}.template-cards .public-link{min-height:70px;border-radius:22px;background:var(--spot-panel);box-shadow:0 9px 23px rgba(17,19,27,.07)}.template-cards .link-mark{width:47px;height:47px;border-radius:16px}.template-cards .smart-block{border-radius:22px}.template-cards .photo-strip{gap:7px}.template-cards .photo-strip img{border-radius:20px}

/* Plantilla 3 · Editorial · Wapito/Dominio */
.public-body.public-template-editorial{--spot-page:#f6f2ea}.template-editorial{border-radius:8px!important;box-shadow:0 16px 50px rgba(17,19,27,.1)}.template-editorial .profile-card>.cover{height:clamp(300px,58vw,410px)!important}.template-editorial .cover-shade{background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.18))}.template-editorial .profile-content{padding:26px clamp(22px,5vw,38px) 38px}.template-editorial .profile-identity{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center;margin:0}.template-editorial .public-avatar{width:84px;height:102px;margin:0;border:0;border-radius:7px;box-shadow:none}.template-editorial .profile-title-line h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,8vw,57px);font-weight:500;line-height:.92;letter-spacing:-.05em}.template-editorial .profile-bio{margin:10px 0 0;color:var(--spot-muted)!important;font-size:14px;line-height:1.55}.template-editorial .public-links{margin-top:28px;border-top:1px solid var(--spot-line);gap:0}.template-editorial .public-link{border:0;border-bottom:1px solid var(--spot-line);border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:15px 0}.template-editorial .link-mark{border-radius:50%;width:40px;height:40px}.template-editorial .link-arrow{background:transparent}.template-editorial .smart-block{border-radius:4px!important;box-shadow:none}.template-editorial .photo-strip{grid-template-columns:1.15fr .85fr;gap:5px}.template-editorial .photo-strip img{border-radius:2px;aspect-ratio:4/5}.template-editorial .brand-credit{text-align:left}

/* Plantilla 4 · Glass · Wapito/Dominio */
.public-body.public-template-glass{--spot-page:#171625;background:radial-gradient(circle at 20% 0,#744456 0,transparent 35rem),radial-gradient(circle at 90% 100%,#31406a 0,transparent 32rem),#171625}.template-glass.profile-card{--spot-bg:rgba(24,25,39,.78);--spot-panel:rgba(255,255,255,.09);--spot-text:#fff;--spot-muted:#cbd0dc;--spot-line:rgba(255,255,255,.14);backdrop-filter:blur(22px);border-color:rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.35)}.template-glass .cover-shade{background:linear-gradient(to bottom,transparent 50%,rgba(20,21,33,.7))}.template-glass .profile-content{padding:0 18px 28px;background:transparent!important}.template-glass .profile-identity{display:block;margin-top:-49px}.template-glass .public-avatar{width:98px;height:98px;margin:0;border:4px solid rgba(255,255,255,.85)}.template-glass .profile-title-line{margin-top:11px}.template-glass .profile-title-line h1{font-size:38px}.template-glass .profile-bio{color:var(--spot-muted)!important}.template-glass .public-link{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.12);backdrop-filter:blur(16px)}.template-glass .link-copy small{color:#c4cad6}.template-glass .link-arrow{background:rgba(255,255,255,.10);color:#fff}.template-glass .smart-block{box-shadow:0 15px 35px rgba(0,0,0,.16)!important;border-color:rgba(255,255,255,.15)!important}.template-glass .brand-credit,.template-glass .brand-credit a{color:#cbd0dc}

/* Plantilla 5 · Poster · Wapito/Dominio */
.public-body.public-template-poster{--spot-page:#e7dfd1}.template-poster.profile-card{--spot-bg:#ffd85e;--spot-panel:#fff;--spot-text:#11131b;--spot-muted:#3f4148;--spot-line:#11131b;border:3px solid #11131b;border-radius:22px!important;box-shadow:12px 12px 0 #11131b}.template-poster .profile-card>.cover{height:clamp(245px,47vw,320px)!important;border-bottom:3px solid #11131b}.template-poster .cover-shade{background:none}.template-poster .profile-content{padding:18px 18px 26px}.template-poster .profile-identity{display:grid;grid-template-columns:82px 1fr;gap:13px;align-items:center;margin:0}.template-poster .public-avatar{width:82px;height:82px;margin:0;border:3px solid #11131b;border-radius:16px;box-shadow:5px 5px 0 #11131b}.template-poster .profile-title-line h1{text-transform:uppercase;font-size:clamp(34px,8vw,51px);line-height:.86;letter-spacing:-.065em}.template-poster .plan-badge{border:2px solid #11131b;background:#fff;color:#11131b;box-shadow:3px 3px 0 #11131b}.template-poster .profile-bio{color:#25272d!important;font-weight:650}.template-poster .public-link{border:2px solid #11131b!important;border-radius:14px!important;background:#fff!important;box-shadow:5px 5px 0 #11131b!important;color:#11131b!important}.template-poster .public-link:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 #11131b!important}.template-poster .link-arrow{background:#11131b;color:#fff}.template-poster .smart-block{border:2px solid #11131b!important;box-shadow:5px 5px 0 #11131b!important;border-radius:14px!important}.template-poster .photo-strip img{border:2px solid #11131b;border-radius:9px}.template-poster .brand-credit{color:#11131b;font-weight:800}

/* Vista previa del editor según plantilla */
.phone-preview.template-editorial{border-radius:18px}.phone-preview.template-editorial .phone-avatar{border-radius:7px;width:58px;height:72px;margin-top:10px;border:0}.phone-preview.template-editorial .phone-content{padding-top:8px}.phone-preview.template-editorial .phone-name-line>b{font-family:Georgia,serif;font-size:23px;font-weight:500}.phone-preview.template-editorial .preview-link{border-radius:0;border-width:1px 0 0;box-shadow:none;background:transparent}.phone-preview.template-glass{background:#1d1d2c;color:#fff}.phone-preview.template-glass .phone-content{background:linear-gradient(135deg,#27263b,#171824)}.phone-preview.template-glass .preview-link{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#fff}.phone-preview.template-poster{background:#ffd85e;border-radius:26px}.phone-preview.template-poster .phone-avatar{border:2px solid #11131b;border-radius:12px;box-shadow:3px 3px 0 #11131b}.phone-preview.template-poster .preview-link{border:2px solid #11131b;border-radius:9px;box-shadow:3px 3px 0 #11131b;background:#fff}.phone-preview.template-cards .phone-avatar{margin-left:auto;margin-right:auto}.phone-preview.template-cards .phone-name-line{justify-content:center}.phone-preview.template-cards .phone-content>p{text-align:center}

@media(max-width:760px){
  .template-grid{grid-template-columns:1fr}.template-choice{grid-template-columns:58px 1fr auto}.template-mini{width:58px;height:68px}
  .admin-profile-media-layout{grid-template-columns:1fr}.admin-avatar-panel{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center}.admin-avatar-panel .media-panel-title{grid-column:1/-1}.admin-avatar-panel .admin-media-preview.avatar{margin:0;width:110px;height:110px}.admin-avatar-panel .compact-file{margin:0!important}
  .profile-title-line{align-items:center}.plan-badge{min-width:34px;height:34px;font-size:18px}
  .template-minimal .profile-identity{grid-template-columns:86px 1fr;gap:12px;margin-top:-40px}.template-minimal .public-avatar{width:86px;height:86px}.template-minimal .identity-copy{padding-top:45px}.template-minimal .profile-title-line h1{font-size:31px}
  .template-editorial .profile-card>.cover{height:clamp(300px,72vw,390px)!important}.template-editorial .profile-content{padding:22px 20px 30px}.template-editorial .profile-title-line h1{font-size:39px}
  .template-poster.profile-card{box-shadow:7px 7px 0 #11131b}.template-poster .profile-identity{grid-template-columns:70px 1fr}.template-poster .public-avatar{width:70px;height:70px}.template-poster .profile-title-line h1{font-size:36px}
}
@media(max-width:420px){.admin-avatar-panel{grid-template-columns:1fr}.admin-avatar-panel .admin-media-preview.avatar{margin:0 auto}.template-choice{grid-template-columns:54px 1fr}.template-choice em{grid-column:2}.template-mini{width:54px}}


/* v6.0.16 · lienzo completo por color + Spot móvil al 85% + avatar pegado a portada */
.public-body{
  min-height:100dvh;
  background:var(--spot-page,#f7f2e8)!important;
  transition:background-color .18s ease;
}
.public-body.public-theme-cream{--spot-page:#f7f2e8;--spot-bg:#f7f2e8;--spot-panel:#fffdfa;--spot-text:#11131b;--spot-muted:#686a70;--spot-line:rgba(17,19,27,.11);--theme-text:#11131b;--theme-muted:#686a70;--theme-panel:#fffdfa;--theme-line:rgba(17,19,27,.11)}
.public-body.public-theme-orange{--spot-page:#fff6f1;--spot-bg:#fff6f1;--spot-panel:#fffaf7;--spot-text:#17191f;--spot-muted:#6f5b55;--spot-line:rgba(103,49,34,.14);--theme-text:#17191f;--theme-muted:#6f5b55;--theme-panel:#fffaf7;--theme-line:rgba(103,49,34,.14)}
.public-body.public-theme-dark{--spot-page:#151823;--spot-bg:#151823;--spot-panel:#232736;--spot-text:#fff;--spot-muted:#bac0cd;--spot-line:rgba(255,255,255,.12);--theme-text:#fff;--theme-muted:#bac0cd;--theme-panel:#232736;--theme-line:rgba(255,255,255,.12)}
.public-body.public-theme-pink{--spot-page:#fff3f7;--spot-bg:#fff3f7;--spot-panel:#fff9fb;--spot-text:#231820;--spot-muted:#745f6c;--spot-line:rgba(77,38,61,.12);--theme-text:#231820;--theme-muted:#745f6c;--theme-panel:#fff9fb;--theme-line:rgba(77,38,61,.12)}
.public-body .profile-card{background:var(--spot-bg)!important;color:var(--spot-text)!important}
.public-body .profile-content{background:transparent!important;color:var(--spot-text)!important}
.public-body .profile-wrap{background:transparent!important}

/* El avatar forma parte visual de la portada en todas las plantillas. */
.public-body .profile-identity{position:relative;z-index:3}
.public-body .public-avatar{position:relative;z-index:4;background:var(--spot-bg)!important;border-color:var(--spot-bg)!important}
.template-minimal .profile-identity{margin-top:-64px!important;align-items:end!important}
.template-minimal .identity-copy{padding-top:62px!important}
.template-cards .profile-identity{margin-top:-66px!important}
.template-editorial .profile-content{padding-top:0!important}
.template-editorial .profile-identity{margin-top:-45px!important;align-items:end!important}
.template-editorial .public-avatar{border:4px solid var(--spot-bg)!important;box-shadow:0 9px 24px rgba(17,19,27,.14)!important}
.template-editorial .identity-copy{padding-top:47px!important}
.template-glass .profile-identity{margin-top:-62px!important}
.template-poster .profile-content{padding-top:0!important}
.template-poster .profile-identity{margin-top:-44px!important;align-items:end!important}
.template-poster .identity-copy{padding-top:46px!important}

/* En móvil el Spot respira, pero no ocupa toda la pantalla. */
@media (max-width:600px), (max-height:520px) and (orientation:landscape){
  .public-body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
  .public-body .profile-wrap{
    width:85vw!important;
    max-width:none!important;
    margin:3.5vh auto max(18px,env(safe-area-inset-bottom))!important;
  }
  .public-body .profile-card{
    width:100%!important;
    min-height:0!important;
    border-radius:clamp(18px,4.8vw,26px)!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  .public-body .profile-card>.cover{height:clamp(170px,48vw,245px)!important}
  .public-body .profile-content{
    padding-left:clamp(14px,4.2vw,21px)!important;
    padding-right:clamp(14px,4.2vw,21px)!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
  }
  .template-minimal .profile-identity{margin-top:-58px!important;grid-template-columns:82px 1fr!important;gap:11px!important}
  .template-minimal .public-avatar{width:82px!important;height:82px!important}
  .template-minimal .identity-copy{padding-top:57px!important}
  .template-cards .profile-identity{margin-top:-60px!important}
  .template-cards .public-avatar{width:96px!important;height:96px!important}
  .template-editorial .profile-identity{margin-top:-38px!important;grid-template-columns:70px 1fr!important;gap:13px!important}
  .template-editorial .public-avatar{width:70px!important;height:86px!important}
  .template-editorial .identity-copy{padding-top:40px!important}
  .template-glass .profile-identity{margin-top:-58px!important}
  .template-glass .public-avatar{width:92px!important;height:92px!important}
  .template-poster .profile-identity{margin-top:-37px!important;grid-template-columns:68px 1fr!important;gap:11px!important}
  .template-poster .public-avatar{width:68px!important;height:68px!important}
  .template-poster .identity-copy{padding-top:39px!important}
}
@media (max-height:520px) and (orientation:landscape){
  .public-body .profile-wrap{width:85vw!important;margin:2.5vh auto!important}
  .public-body .profile-card>.cover{height:clamp(135px,39dvh,190px)!important}
}

/* Tablet/computadora: marco fijo y limpio. */
@media (min-width:601px){
  .public-body .profile-wrap{width:560px!important;max-width:calc(100% - 40px)!important;margin:32px auto 60px!important}
  .public-body .profile-card{box-shadow:0 22px 58px rgba(17,19,27,.12)!important}
}

/* Glass/Poster conservan su composición, pero nunca cambian el color que eligió el usuario. */
.public-body.public-template-glass,.public-body.public-template-poster{background:var(--spot-page)!important}
.public-body .template-glass.profile-card,.public-body .template-poster.profile-card{
  --spot-bg:var(--spot-page)!important;
  --spot-text:var(--theme-text)!important;
  --spot-muted:var(--theme-muted)!important;
  --spot-panel:var(--theme-panel)!important;
  --spot-line:var(--theme-line)!important;
  background:var(--spot-page)!important;
  color:var(--theme-text)!important;
}
.public-body.public-theme-dark .template-poster .profile-bio,.public-body.public-theme-dark .template-poster .brand-credit{color:var(--theme-text)!important}

/* v6.0.17 · portada más compacta + avatar superpuesto + una sola capa visual */
.public-body{
  background:var(--spot-page)!important;
}
.public-body .profile-wrap{
  background:transparent!important;
}
.public-body .profile-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.public-body .profile-card>.cover{
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(17,19,27,.10)!important;
}
.public-body .profile-content{
  background:transparent!important;
}
.public-body .profile-title-line{
  gap:8px!important;
}
.public-body .public-links,
.public-body .smart-blocks,
.public-body .photo-smart,
.public-body .brand-credit{
  position:relative;
  z-index:2;
}
.public-body .public-link,
.public-body .smart-block{
  background:var(--spot-panel)!important;
  color:var(--spot-text)!important;
}
.public-body .link-copy small,
.public-body .profile-bio,
.public-body .brand-credit{
  color:var(--spot-muted)!important;
}

/* Minimal */
.template-minimal .profile-card>.cover{height:clamp(190px,38vw,245px)!important}
.template-minimal .profile-content{padding:0 clamp(18px,4vw,28px) 26px!important}
.template-minimal .profile-identity{margin-top:-52px!important;gap:14px!important;align-items:end!important}
.template-minimal .public-avatar{width:92px!important;height:92px!important;margin:0!important;border-width:4px!important;box-shadow:0 10px 28px rgba(17,19,27,.14)!important}
.template-minimal .identity-copy{padding-top:26px!important}
.template-minimal .profile-title-line h1{font-size:clamp(30px,6.6vw,40px)!important}
.template-minimal .profile-bio{margin-top:5px!important}
.template-minimal .public-link{border-radius:18px!important;box-shadow:0 7px 18px rgba(17,19,27,.06)!important}
.template-minimal .smart-block{border-radius:18px!important;box-shadow:0 8px 20px rgba(17,19,27,.06)!important}

/* Cards */
.template-cards .profile-card>.cover{height:clamp(175px,34vw,220px)!important}
.template-cards .profile-content{padding:0 15px 24px!important}
.template-cards .profile-identity{margin-top:-58px!important}
.template-cards .public-avatar{width:100px!important;height:100px!important;border-width:4px!important;box-shadow:0 10px 26px rgba(17,19,27,.12)!important}
.template-cards .profile-title-line{margin-top:8px!important}
.template-cards .profile-title-line h1{font-size:32px!important}
.template-cards .profile-bio{margin:5px auto 15px!important}
.template-cards .public-link{border-radius:20px!important;box-shadow:0 8px 22px rgba(17,19,27,.07)!important}
.template-cards .smart-block{border-radius:20px!important;box-shadow:0 8px 22px rgba(17,19,27,.06)!important}

/* Editorial */
.template-editorial{border-radius:0!important;box-shadow:none!important}
.template-editorial .profile-card>.cover{height:clamp(230px,46vw,310px)!important;border-radius:24px!important}
.template-editorial .profile-content{padding:10px clamp(18px,4.4vw,30px) 28px!important}
.template-editorial .profile-identity{margin-top:-54px!important;grid-template-columns:78px 1fr!important;gap:16px!important;align-items:end!important}
.template-editorial .public-avatar{width:78px!important;height:96px!important;border-radius:12px!important;border:4px solid var(--spot-page)!important;box-shadow:0 12px 28px rgba(17,19,27,.14)!important}
.template-editorial .identity-copy{padding-top:24px!important}
.template-editorial .profile-title-line h1{font-size:clamp(34px,7vw,48px)!important}
.template-editorial .public-links{margin-top:20px!important}
.template-editorial .smart-block{background:var(--spot-panel)!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(17,19,27,.05)!important;padding:16px!important}

/* Glass */
.public-body.public-template-glass{background:var(--spot-page)!important}
.template-glass.profile-card{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.template-glass .profile-card>.cover{height:clamp(190px,38vw,240px)!important;border-radius:28px!important;box-shadow:0 18px 40px rgba(17,19,27,.18)!important}
.template-glass .cover-shade{background:linear-gradient(to bottom,transparent 50%,rgba(17,19,27,.34))!important}
.template-glass .profile-content{padding:0 16px 26px!important}
.template-glass .profile-identity{margin-top:-56px!important}
.template-glass .public-avatar{width:94px!important;height:94px!important;border:4px solid var(--spot-page)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.template-glass .identity-copy{padding-top:22px!important}
.template-glass .profile-title-line{margin-top:8px!important}
.template-glass .profile-title-line h1{font-size:34px!important}
.template-glass .public-link,
.template-glass .smart-block{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important;backdrop-filter:blur(14px)!important}

/* Poster */
.public-body.public-template-poster{background:var(--spot-page)!important}
.template-poster.profile-card{background:transparent!important;border:0!important;box-shadow:none!important}
.template-poster .profile-card>.cover{height:clamp(185px,36vw,230px)!important;border-radius:24px!important;border:0!important;box-shadow:0 12px 28px rgba(17,19,27,.12)!important}
.template-poster .profile-content{padding:4px 16px 24px!important}
.template-poster .profile-identity{margin-top:-48px!important;grid-template-columns:76px 1fr!important;gap:12px!important;align-items:end!important}
.template-poster .public-avatar{width:76px!important;height:76px!important;border:3px solid var(--spot-page)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(17,19,27,.14)!important}
.template-poster .identity-copy{padding-top:22px!important}
.template-poster .profile-title-line h1{font-size:clamp(30px,7.2vw,44px)!important}
.template-poster .public-link,
.template-poster .smart-block{box-shadow:0 8px 20px rgba(17,19,27,.08)!important}

/* Móvil */
@media (max-width:600px), (max-height:520px) and (orientation:landscape){
  .public-body .profile-wrap{width:85vw!important;max-width:none!important;margin:2.8vh auto max(16px,env(safe-area-inset-bottom))!important}
  .public-body .profile-card{min-height:auto!important}
  .public-body .profile-card>.cover{border-radius:24px!important}
  .template-minimal .profile-card>.cover{height:clamp(158px,41vw,195px)!important}
  .template-minimal .profile-identity{margin-top:-48px!important;grid-template-columns:78px 1fr!important;gap:10px!important}
  .template-minimal .public-avatar{width:78px!important;height:78px!important}
  .template-minimal .identity-copy{padding-top:18px!important}

  .template-cards .profile-card>.cover{height:clamp(150px,39vw,186px)!important}
  .template-cards .profile-identity{margin-top:-52px!important}
  .template-cards .public-avatar{width:92px!important;height:92px!important}

  .template-editorial .profile-card>.cover{height:clamp(190px,48vw,250px)!important}
  .template-editorial .profile-identity{margin-top:-46px!important;grid-template-columns:70px 1fr!important;gap:12px!important}
  .template-editorial .public-avatar{width:70px!important;height:84px!important}
  .template-editorial .identity-copy{padding-top:16px!important}

  .template-glass .profile-card>.cover{height:clamp(158px,41vw,195px)!important}
  .template-glass .profile-identity{margin-top:-52px!important}
  .template-glass .public-avatar{width:88px!important;height:88px!important}
  .template-glass .identity-copy{padding-top:18px!important}

  .template-poster .profile-card>.cover{height:clamp(152px,40vw,190px)!important}
  .template-poster .profile-identity{margin-top:-44px!important;grid-template-columns:70px 1fr!important;gap:10px!important}
  .template-poster .public-avatar{width:70px!important;height:70px!important}
  .template-poster .identity-copy{padding-top:16px!important}
}

/* Desktop */
@media (min-width:601px){
  .public-body .profile-wrap{width:560px!important;max-width:calc(100% - 42px)!important;margin:26px auto 54px!important}
}

/* v6.0.18 · composición visual armónica y fondo continuo */
html:has(body.public-body){
  background:var(--spot-page,#f7f2e8)!important;
  overscroll-behavior-y:none;
}
body.public-body{
  margin:0!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  background:var(--spot-page)!important;
  color:var(--spot-text)!important;
  overflow-x:hidden;
  padding-top:max(0px,env(safe-area-inset-top))!important;
  padding-bottom:max(0px,env(safe-area-inset-bottom))!important;
}
.public-body .profile-wrap{
  width:min(560px,85vw)!important;
  max-width:560px!important;
  margin:18px auto 34px!important;
}
.public-body .profile-card{
  width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.public-body .profile-card>.cover{
  height:clamp(150px,34vw,205px)!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
.public-body .profile-content{
  padding:0 10px 24px!important;
  background:transparent!important;
}
.public-body .profile-identity{
  display:grid!important;
  grid-template-columns:88px 1fr!important;
  grid-template-areas:
    "avatar title"
    "bio bio"!important;
  gap:0 14px!important;
  align-items:end!important;
  margin-top:-40px!important;
  position:relative!important;
}
.public-body .public-avatar{
  grid-area:avatar!important;
  width:88px!important;
  height:88px!important;
  margin:0!important;
  border-radius:50%!important;
  border:4px solid var(--spot-page)!important;
  background:var(--spot-page)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  align-self:start!important;
}
.public-body .identity-copy{
  display:contents!important;
  padding:0!important;
}
.public-body .profile-title-line{
  grid-area:title!important;
  min-width:0!important;
  margin:0 0 8px!important;
  padding:0!important;
  align-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.public-body .profile-title-line h1{
  margin:0!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(25px,6vw,34px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  color:var(--spot-text)!important;
  text-transform:none!important;
}
.public-body .profile-bio{
  grid-area:bio!important;
  margin:12px 0 18px!important;
  padding:0 2px!important;
  max-width:none!important;
  text-align:left!important;
  color:var(--spot-muted)!important;
  font-size:clamp(13px,3.4vw,15px)!important;
  line-height:1.48!important;
  font-weight:450!important;
}
.public-body .plan-badge{
  min-width:30px!important;
  width:auto!important;
  height:30px!important;
  padding:0 7px!important;
  border-radius:10px!important;
  font-size:16px!important;
  transform:none!important;
  box-shadow:none!important;
}
.public-body .public-links{
  display:grid!important;
  gap:10px!important;
  margin-top:2px!important;
}
.public-body .public-link{
  min-height:64px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid var(--spot-line)!important;
  border-radius:18px!important;
  background:var(--spot-panel)!important;
  box-shadow:none!important;
  color:var(--spot-text)!important;
}
.public-body .link-leading{gap:11px!important}
.public-body .link-mark{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
}
.public-body .link-copy strong{
  font-size:15px!important;
  line-height:1.1!important;
}
.public-body .link-copy small{
  margin-top:3px!important;
  font-size:11px!important;
  opacity:.78!important;
}
.public-body .link-arrow{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
.public-body .smart-blocks{
  gap:10px!important;
  margin-top:16px!important;
}
.public-body .smart-block{
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid var(--spot-line)!important;
  background:var(--spot-panel)!important;
  box-shadow:none!important;
}
.public-body .smart-block>b{
  display:block;
  margin-bottom:6px;
  font-size:16px;
  letter-spacing:-.02em;
}
.public-body .smart-block p{
  margin:0 0 12px!important;
  color:var(--spot-muted)!important;
  line-height:1.45!important;
}
.public-body .smart-block .btn{
  box-shadow:none!important;
  border-radius:13px!important;
}
.public-body .brand-credit{
  margin-top:22px!important;
  padding-bottom:4px!important;
  font-size:10px!important;
  opacity:.62!important;
}
.public-body .photo-strip{
  gap:8px!important;
  margin-top:14px!important;
}

/* Las plantillas conservan personalidad sin romper la jerarquía del perfil. */
.template-minimal .profile-identity,
.template-cards .profile-identity,
.template-editorial .profile-identity,
.template-glass .profile-identity,
.template-poster .profile-identity{
  display:grid!important;
  grid-template-columns:88px 1fr!important;
  grid-template-areas:"avatar title" "bio bio"!important;
  gap:0 14px!important;
  margin-top:-40px!important;
  align-items:end!important;
  text-align:left!important;
}
.template-minimal .public-avatar,
.template-cards .public-avatar,
.template-glass .public-avatar{
  width:88px!important;height:88px!important;border-radius:50%!important;
}
.template-editorial .public-avatar{
  width:78px!important;height:92px!important;border-radius:14px!important;
}
.template-poster .public-avatar{
  width:80px!important;height:80px!important;border-radius:18px!important;
}
.template-cards .profile-title-line,
.template-glass .profile-title-line{justify-content:flex-start!important;margin:0 0 8px!important}
.template-cards .profile-bio,
.template-glass .profile-bio{text-align:left!important;margin:12px 0 18px!important}
.template-editorial .profile-title-line h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  font-size:clamp(28px,6.2vw,38px)!important;
}
.template-poster .profile-title-line h1{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(27px,6.2vw,36px)!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.template-glass .public-link,
.template-glass .smart-block{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px)!important;
}
.template-poster .public-link,
.template-poster .smart-block{
  border:2px solid var(--spot-text)!important;
  box-shadow:none!important;
}
.template-editorial .public-links{
  border-top:0!important;
  gap:0!important;
}
.template-editorial .public-link{
  border:0!important;
  border-bottom:1px solid var(--spot-line)!important;
  border-radius:0!important;
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
}

@media(max-width:600px){
  .public-body .profile-wrap{width:88vw!important;margin:14px auto 28px!important}
  .public-body .profile-card>.cover{height:clamp(145px,39vw,185px)!important;border-radius:22px!important}
  .public-body .profile-content{padding:0 8px 20px!important}
  .public-body .profile-identity{grid-template-columns:80px 1fr!important;gap:0 12px!important;margin-top:-36px!important}
  .public-body .public-avatar{width:80px!important;height:80px!important}
  .public-body .profile-title-line{margin-bottom:7px!important}
  .public-body .profile-title-line h1{font-size:clamp(24px,7vw,31px)!important}
  .public-body .profile-bio{font-size:13px!important;margin:10px 0 15px!important}
  .public-body .public-link{min-height:60px!important;padding:11px 12px!important;border-radius:17px!important}
  .public-body .link-mark{width:42px!important;height:42px!important}
  .public-body .link-arrow{width:36px!important;height:36px!important}
  .template-editorial .public-avatar{width:72px!important;height:84px!important}
  .template-poster .public-avatar{width:74px!important;height:74px!important}
}

@media(max-height:520px) and (orientation:landscape){
  .public-body .profile-wrap{width:min(70vw,560px)!important;margin:10px auto 20px!important}
  .public-body .profile-card>.cover{height:135px!important}
  .public-body .profile-identity{margin-top:-34px!important}
}


/* v6.0.19 · Safari root + composición limpia: sólo avatar superpuesto */
html.public-html{min-height:100%;background:var(--spot-page)!important}
html.public-html,html.public-html body.public-body{overscroll-behavior-y:none}
html.public-html.public-theme-dark{color-scheme:dark}
html.public-html.public-theme-cream,html.public-html.public-theme-orange,html.public-html.public-theme-pink{color-scheme:light}
body.public-body{margin:0!important;min-height:100dvh!important;background:var(--spot-page)!important}
.public-body .profile-wrap{width:min(560px,85vw)!important;margin:10px auto 28px!important}
.public-body .profile-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.public-body .profile-card>.cover{height:clamp(150px,32vw,190px)!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(0,0,0,.10)!important}
.public-body .profile-content{padding:0 6px 22px!important;background:transparent!important}
.public-body .profile-identity,.template-minimal .profile-identity,.template-cards .profile-identity,.template-editorial .profile-identity,.template-glass .profile-identity,.template-poster .profile-identity{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;grid-template-areas:"avatar title" "bio bio"!important;column-gap:12px!important;row-gap:0!important;margin-top:-38px!important;align-items:start!important;text-align:left!important}
.public-body .public-avatar{grid-area:avatar!important;width:82px!important;height:82px!important;margin:0!important;border-radius:50%!important;border:4px solid var(--spot-page)!important;background:var(--spot-page)!important;box-shadow:0 9px 22px rgba(0,0,0,.13)!important}
.public-body .identity-copy{display:contents!important}
.public-body .profile-title-line{grid-area:title!important;margin:0!important;padding:42px 0 0!important;min-width:0!important;align-self:start!important;display:flex!important;align-items:center!important;gap:7px!important}
.public-body .profile-title-line h1{margin:0!important;font-size:clamp(25px,5.8vw,33px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800!important;color:var(--spot-text)!important}
.public-body .profile-bio{grid-area:bio!important;width:100%!important;margin:10px 0 16px!important;padding:0 2px!important;max-width:none!important;color:var(--spot-muted)!important;font-size:14px!important;line-height:1.46!important;text-align:left!important}
.public-body .public-links{gap:8px!important;margin-top:0!important}
.public-body .public-link{min-height:58px!important;padding:10px 11px!important;border-radius:16px!important;border:1px solid var(--spot-line)!important;background:var(--spot-panel)!important;box-shadow:none!important}
.public-body .link-mark{width:40px!important;height:40px!important;border-radius:13px!important}
.public-body .link-copy strong{font-size:14px!important;letter-spacing:-.01em!important}
.public-body .link-copy small{font-size:10.5px!important;margin-top:2px!important}
.public-body .link-arrow{width:34px!important;height:34px!important}
.public-body .smart-blocks{margin-top:12px!important}
.public-body .smart-block{padding:14px!important;border-radius:16px!important;box-shadow:none!important}
.public-body .brand-credit{margin-top:18px!important}
.template-cards .profile-identity{text-align:center!important}
.template-cards .profile-title-line{justify-content:center!important}
.template-cards .profile-bio{text-align:center!important}
.template-cards .public-link{border-radius:22px!important}
.template-cards .public-avatar{width:88px!important;height:88px!important}
.template-editorial .public-avatar{width:74px!important;height:88px!important;border-radius:13px!important}
.template-editorial .profile-title-line h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important}
.template-editorial .public-link{background:transparent!important;border-width:0 0 1px!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.template-glass .public-link,.template-glass .smart-block{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(12px)!important}
.template-poster .public-avatar{width:76px!important;height:76px!important;border-radius:17px!important}
.template-poster .profile-title-line h1{font-weight:950!important;text-transform:uppercase!important}
.template-poster .public-link,.template-poster .smart-block{border:2px solid var(--spot-text)!important}
@media(max-width:600px){
  .public-body{padding-top:max(0px,env(safe-area-inset-top))!important;padding-bottom:max(0px,env(safe-area-inset-bottom))!important}
  .public-body .profile-wrap{width:85vw!important;margin:9px auto 24px!important}
  .public-body .profile-card>.cover{height:clamp(132px,37vw,168px)!important;border-radius:20px!important}
  .public-body .profile-content{padding:0 4px 18px!important}
  .public-body .profile-identity,.template-minimal .profile-identity,.template-cards .profile-identity,.template-editorial .profile-identity,.template-glass .profile-identity,.template-poster .profile-identity{grid-template-columns:76px minmax(0,1fr)!important;margin-top:-34px!important;column-gap:10px!important}
  .public-body .public-avatar{width:76px!important;height:76px!important;border-width:3px!important}
  .public-body .profile-title-line{padding-top:38px!important}
  .public-body .profile-title-line h1{font-size:clamp(23px,6.6vw,29px)!important}
  .public-body .profile-bio{margin:8px 0 14px!important;font-size:13px!important}
  .public-body .public-link{min-height:56px!important;padding:9px 10px!important}
  .template-cards .public-avatar{width:82px!important;height:82px!important}
  .template-editorial .public-avatar{width:68px!important;height:80px!important}
  .template-poster .public-avatar{width:70px!important;height:70px!important}
}
@media(max-height:520px) and (orientation:landscape){.public-body .profile-wrap{width:min(68vw,540px)!important;margin:8px auto 18px!important}.public-body .profile-card>.cover{height:124px!important}.public-body .profile-identity{margin-top:-31px!important}.public-body .profile-title-line{padding-top:34px!important}}


/* v6.0.20 · selector social + usuario limpio */
.social-link-row{grid-template-columns:28px minmax(120px,.9fr) minmax(120px,.9fr) minmax(150px,1fr) minmax(190px,1.35fr) auto!important;align-items:end!important}
.social-link-row select,.social-link-row input{width:100%;min-width:0;border:1px solid #d8d9d4;background:#fafaf7;border-radius:12px;padding:11px 12px;font:inherit}
.social-link-row label{display:grid;gap:5px}.social-link-row label small{font-size:9px;font-weight:900;color:var(--muted)}
.admin-link-edit.social-admin-link{grid-template-columns:32px 1fr 1fr 1fr 1.4fr!important}
.admin-link-edit.social-admin-link select,.admin-link-edit.social-admin-link input{min-width:0}
.public-link-pinterest .link-mark{background:#bd081c}.public-link-reddit .link-mark{background:#ff4500}.public-link-twitch .link-mark{background:#9146ff}.public-link-discord .link-mark{background:#5865f2}.public-link-telegram .link-mark{background:#229ed9}.public-link-snapchat .link-mark{background:#fffc00;color:#111}.public-link-github .link-mark{background:#24292f}.public-link-bluesky .link-mark{background:#168aff}.public-link-mastodon .link-mark{background:#6364ff}.public-link-behance .link-mark{background:#1769ff}.public-link-dribbble .link-mark{background:#ea4c89}.public-link-soundcloud .link-mark{background:#ff5500}.public-link-medium .link-mark{background:#111}.public-link-kick .link-mark{background:#53fc18;color:#111}.public-link-patreon .link-mark{background:#ff424d}.public-link-tumblr .link-mark{background:#35465c}.public-link-onlyfans .link-mark{background:#00aff0}.public-link-website .link-mark{background:#3a3f50}
@media(max-width:980px){.social-link-row{grid-template-columns:28px 1fr 1fr!important}.social-url-field,.social-label-field{grid-column:2/-1}.link-move{grid-column:3}.admin-link-edit.social-admin-link{grid-template-columns:32px 1fr 1fr!important}.admin-link-edit.social-admin-link input:last-child{grid-column:2/-1}}
@media(max-width:600px){.social-link-row{grid-template-columns:24px 1fr!important}.social-network-field,.social-label-field,.social-url-field,.social-link-row>label{grid-column:2!important}.link-move{grid-column:2!important;justify-self:end}.admin-link-edit.social-admin-link{grid-template-columns:28px 1fr!important}.admin-link-edit.social-admin-link>*:not(span){grid-column:2!important}}


/* v6.0.21 · fichas sociales según cantidad + texto completo */
.public-body .public-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.public-body .public-link .link-copy strong,
.public-body .public-link .link-copy small{
  max-width:none!important;
  width:auto!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.public-body .public-link .link-copy strong{
  line-height:1.12!important;
}
.public-body .public-link .link-copy small{
  line-height:1.18!important;
}

/* Desde 2 links se convierten en fichas 2 columnas. */
.public-body .public-links:not(.link-count-1){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.public-body .public-links:not(.link-count-1) .public-link{
  position:relative!important;
  display:flex!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1.08 / 1!important;
  padding:13px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  border-radius:18px!important;
  background:#e6e7eb!important;
  border:1px solid rgba(17,19,27,.08)!important;
  color:#11131b!important;
  box-shadow:none!important;
}
.public-body.public-theme-dark .public-links:not(.link-count-1) .public-link{
  background:#242837!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#fff!important;
}
.public-body .public-links:not(.link-count-1) .link-leading{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  align-content:space-between!important;
  align-items:start!important;
  gap:10px!important;
}
.public-body .public-links:not(.link-count-1) .link-mark{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  flex:0 0 auto!important;
}
.public-body .public-links:not(.link-count-1) .link-copy{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  padding-right:0!important;
  align-self:end!important;
}
.public-body .public-links:not(.link-count-1) .link-copy strong{
  font-size:14px!important;
  color:inherit!important;
}
.public-body .public-links:not(.link-count-1) .link-copy small{
  font-size:10.5px!important;
  color:rgba(17,19,27,.62)!important;
}
.public-body.public-theme-dark .public-links:not(.link-count-1) .link-copy small{
  color:rgba(255,255,255,.62)!important;
}
.public-body .public-links:not(.link-count-1) .link-arrow{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(17,19,27,.08)!important;
  color:inherit!important;
}
.public-body.public-theme-dark .public-links:not(.link-count-1) .link-arrow{
  background:rgba(255,255,255,.08)!important;
}

/* Si la cantidad es impar, la última ficha queda larga a todo el ancho. */
.public-body .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  grid-column:1 / -1!important;
  aspect-ratio:auto!important;
  min-height:66px!important;
  padding:11px 12px!important;
  display:flex!important;
  align-items:center!important;
}
.public-body .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-leading{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:11px!important;
  padding-right:42px!important;
}
.public-body .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-copy{
  align-self:center!important;
}
.public-body .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
}

/* Un solo botón conserva formato largo y texto completo. */
.public-body .public-links.link-count-1 .public-link{
  min-height:64px!important;
}
.public-body .public-links.link-count-1 .link-leading{
  min-width:0!important;
}

/* Las reglas de plantilla no deben romper el patrón de cantidad. */
.public-body .template-editorial .public-links:not(.link-count-1) .public-link,
.public-body .template-poster .public-links:not(.link-count-1) .public-link,
.public-body .template-glass .public-links:not(.link-count-1) .public-link,
.public-body .template-cards .public-links:not(.link-count-1) .public-link{
  border-radius:18px!important;
}
.public-body .template-editorial .public-links:not(.link-count-1){
  border-top:0!important;
  gap:10px!important;
}

@media(max-width:360px){
  .public-body .public-links:not(.link-count-1){gap:8px!important}
  .public-body .public-links:not(.link-count-1) .public-link{padding:11px!important;border-radius:16px!important}
  .public-body .public-links:not(.link-count-1) .link-mark{width:42px!important;height:42px!important}
  .public-body .public-links:not(.link-count-1) .link-copy strong{font-size:13px!important}
  .public-body .public-links:not(.link-count-1) .link-copy small{font-size:9.5px!important}
}


/* v6.0.22 · widgets respetan apariencia + buscador de mapas */
.widget-variant-field{margin-top:10px!important}.widget-variant-field select{background:#fff}
.widget-style-preview.widget-preview-soft{border-radius:18px!important;border:0!important;box-shadow:none!important}
.widget-style-preview.widget-preview-card{border-radius:18px!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 18px rgba(17,19,27,.08)!important}
.widget-style-preview.widget-preview-outline{border-radius:14px!important;border:2px solid var(--preview-text)!important;box-shadow:none!important}
.widget-style-preview.widget-preview-compact{border-radius:10px!important;border:0!important;box-shadow:none!important;padding:9px 11px!important}

/* Importante: las plantillas NO pueden reemplazar colores elegidos del widget. */
.public-body .smart-block,
.public-body .template-minimal .smart-block,
.public-body .template-cards .smart-block,
.public-body .template-editorial .smart-block,
.public-body .template-glass .smart-block,
.public-body .template-poster .smart-block{
  background:var(--widget-bg)!important;
  color:var(--widget-text)!important;
  backdrop-filter:none!important;
}
.public-body .smart-block>b,
.public-body .smart-block p,
.public-body .smart-block a:not(.btn){color:var(--widget-text)!important}
.public-body .smart-block p{opacity:.84!important}
.public-body .smart-block .btn{
  background:var(--widget-text)!important;
  color:var(--widget-bg)!important;
  border-color:var(--widget-text)!important;
}
.public-body .smart-block.widget-style-soft{border:0!important;border-radius:18px!important;box-shadow:none!important}
.public-body .smart-block.widget-style-card{border:1px solid color-mix(in srgb,var(--widget-text) 18%,transparent)!important;border-radius:18px!important;box-shadow:0 10px 25px rgba(17,19,27,.10)!important}
.public-body .smart-block.widget-style-outline{border:2px solid var(--widget-text)!important;border-radius:14px!important;box-shadow:none!important}
.public-body .smart-block.widget-style-compact{border:0!important;border-radius:10px!important;box-shadow:none!important;padding:11px 13px!important}
.public-body .smart-block.widget-style-compact>b{margin-bottom:3px!important;font-size:14px!important}.public-body .smart-block.widget-style-compact p{margin-bottom:8px!important;font-size:12px!important}

.map-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.map-search-row .btn{white-space:nowrap}
.map-results{display:grid;gap:7px}.map-result{display:grid;gap:2px;width:100%;padding:11px 12px;text-align:left;border:1px solid #dddeda;border-radius:13px;background:#fff;color:#11131b;cursor:pointer;font:inherit}.map-result:hover{border-color:var(--orange);box-shadow:0 0 0 3px rgba(194,65,35,.08)}.map-result strong{font-size:12px}.map-result small{font-size:9px;color:#666b78;line-height:1.35}.map-editor-preview{height:220px!important;border-radius:16px!important;border:1px solid #deded8!important;margin:4px 0 8px!important}.map-editor-preview[hidden]{display:none!important}
.public-body .block-location .osm-map{width:100%!important;height:230px!important;border:0!important;border-radius:14px!important;margin:10px 0!important;background:#ecece8!important}
@media(max-width:600px){.map-search-row{grid-template-columns:1fr}.map-search-row .btn{width:100%}.map-editor-preview{height:190px!important}.public-body .block-location .osm-map{height:200px!important}}

/* v6.0.23 · insignia circular compacta */
.plan-badge,
.public-body .plan-badge,
.phone-badge,
.badge-demo{
  border-radius:999px!important;
}
.public-body .plan-badge,
.plan-badge{
  min-width:28px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1!important;
  transform:none!important;
  box-shadow:0 5px 14px rgba(17,19,27,.14)!important;
}
.theme-dark .plan-badge,
.public-body .theme-dark .plan-badge{
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
}
.phone-badge{
  width:22px!important;
  height:22px!important;
  font-size:13px!important;
  border-radius:999px!important;
}
.badge-demo{
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
}
.template-poster .plan-badge{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  box-shadow:2px 2px 0 #11131b!important;
}
@media (max-width:600px){
  .public-body .plan-badge,
  .plan-badge{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:15px!important;
  }
}

/* v6.0.24 · galería más inteligente y sin espacios laterales */
.public-body .photo-strip,
.photo-strip{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  align-items:stretch!important;
  margin-top:14px!important;
}
.public-body .photo-strip img,
.photo-strip img{
  flex:1 1 0!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 5!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  border-radius:18px!important;
  background:var(--spot-panel)!important;
}
.public-body .photo-strip.count-1 img,
.photo-strip.count-1 img{
  flex-basis:100%!important;
}
.public-body .photo-strip.count-2 img,
.photo-strip.count-2 img{
  flex-basis:calc(50% - 5px)!important;
}
.public-body .photo-strip.count-3 img,
.photo-strip.count-3 img{
  flex-basis:calc(33.333% - 7px)!important;
}
.public-body .photo-strip.count-4 img,
.photo-strip.count-4 img{
  flex-basis:calc(25% - 8px)!important;
}
.public-body .photo-strip.count-5 img,
.photo-strip.count-5 img{
  flex-basis:calc(20% - 8px)!important;
}
.public-body .photo-strip.count-6,
.public-body .photo-strip.count-7,
.public-body .photo-strip.count-8,
.photo-strip.count-6,
.photo-strip.count-7,
.photo-strip.count-8{
  flex-wrap:wrap!important;
}
.public-body .photo-strip.count-6 img,
.public-body .photo-strip.count-7 img,
.public-body .photo-strip.count-8 img,
.photo-strip.count-6 img,
.photo-strip.count-7 img,
.photo-strip.count-8 img{
  flex-basis:calc(33.333% - 7px)!important;
}
.template-poster .photo-strip img{
  border-radius:14px!important;
}
@media (max-width:600px){
  .public-body .photo-strip,
  .photo-strip{
    gap:8px!important;
  }
  .public-body .photo-strip img,
  .photo-strip img{
    aspect-ratio:3 / 4!important;
    border-radius:16px!important;
  }
}

/* v6.0.25 · centrado general del Spot */
html.public-html,
body.public-body{
  min-height:100dvh!important;
}
body.public-body{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:max(env(safe-area-inset-top),10px) 0 max(env(safe-area-inset-bottom),18px)!important;
}
.public-body .profile-wrap{
  width:min(560px,85vw)!important;
  margin:auto!important;
}
.public-body .profile-card{
  margin-inline:auto!important;
}
.public-body .profile-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.public-body .profile-identity,
.template-minimal .profile-identity,
.template-cards .profile-identity,
.template-editorial .profile-identity,
.template-glass .profile-identity,
.template-poster .profile-identity{
  grid-template-columns:1fr!important;
  grid-template-areas:
    "avatar"
    "title"
    "bio"!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  row-gap:8px!important;
  margin-top:-38px!important;
}
.public-body .public-avatar{
  justify-self:center!important;
}
.public-body .profile-title-line{
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding-top:0!important;
}
.public-body .profile-title-line h1{
  text-align:center!important;
}
.public-body .profile-bio{
  text-align:center!important;
  max-width:34ch!important;
  margin:2px auto 16px!important;
}
.public-body .public-links,
.public-body .smart-blocks,
.public-body .photo-smart,
.public-body .brand-credit{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.public-body .smart-block,
.public-body .public-links.link-count-1 .public-link,
.public-body .photo-strip{
  margin-left:auto!important;
  margin-right:auto!important;
}
.public-body .public-links.link-count-1 .public-link{
  max-width:100%!important;
}
.public-body .smart-block{
  text-align:left!important;
}
.public-body .photo-strip{
  justify-content:center!important;
}
.public-body .photo-strip img{
  align-self:center!important;
}
@media (max-width:600px){
  body.public-body{
    padding:max(env(safe-area-inset-top),8px) 0 max(env(safe-area-inset-bottom),16px)!important;
  }
  .public-body .profile-wrap{
    width:85vw!important;
  }
  .public-body .profile-identity,
  .template-minimal .profile-identity,
  .template-cards .profile-identity,
  .template-editorial .profile-identity,
  .template-glass .profile-identity,
  .template-poster .profile-identity{
    margin-top:-34px!important;
  }
  .public-body .profile-bio{
    max-width:30ch!important;
  }
}
@media (max-height:520px) and (orientation:landscape){
  body.public-body{
    align-items:center!important;
  }
  .public-body .profile-wrap{
    width:min(70vw,560px)!important;
  }
}

/* v6.0.26 · Spot de una pantalla: densidad automática */
@media (max-width:900px), (max-height:760px){
  body.public-body{
    overflow-x:hidden!important;
  }
  .public-body .profile-wrap{
    transition:transform .18s ease!important;
  }

  /* Nivel 1: compactación suave */
  .public-body.spot-fit-1 .profile-card>.cover{height:112px!important}
  .public-body.spot-fit-1 .profile-identity,
  .public-body.spot-fit-1 .template-minimal .profile-identity,
  .public-body.spot-fit-1 .template-cards .profile-identity,
  .public-body.spot-fit-1 .template-editorial .profile-identity,
  .public-body.spot-fit-1 .template-glass .profile-identity,
  .public-body.spot-fit-1 .template-poster .profile-identity{margin-top:-28px!important;row-gap:4px!important}
  .public-body.spot-fit-1 .public-avatar{width:62px!important;height:62px!important;border-width:3px!important}
  .public-body.spot-fit-1 .profile-title-line h1{font-size:22px!important}
  .public-body.spot-fit-1 .profile-bio{font-size:11.5px!important;line-height:1.32!important;margin:0 auto 9px!important;max-width:38ch!important}
  .public-body.spot-fit-1 .public-links{gap:6px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .public-link{min-height:82px!important;padding:8px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-mark{width:36px!important;height:36px!important;border-radius:11px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-copy strong{font-size:11px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-copy small{font-size:8.5px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-arrow{width:27px!important;height:27px!important;font-size:13px!important}
  .public-body.spot-fit-1 .smart-blocks{gap:7px!important;margin-top:8px!important}
  .public-body.spot-fit-1 .smart-block{padding:9px 10px!important;border-radius:12px!important}
  .public-body.spot-fit-1 .smart-block>b{font-size:12px!important}
  .public-body.spot-fit-1 .smart-block p{font-size:10px!important;line-height:1.28!important;margin:4px 0 6px!important}
  .public-body.spot-fit-1 .smart-block .btn{padding:7px 10px!important;font-size:9px!important;border-radius:9px!important}
  .public-body.spot-fit-1 .block-location .osm-map{height:105px!important;margin:6px 0!important;border-radius:10px!important}
  .public-body.spot-fit-1 .photo-strip{gap:6px!important;margin-top:8px!important}
  .public-body.spot-fit-1 .photo-strip img{height:86px!important;aspect-ratio:auto!important;border-radius:12px!important}
  .public-body.spot-fit-1 .brand-credit{font-size:8.5px!important;margin-top:8px!important}

  /* Nivel 2: módulos en mosaico y texto reducido */
  .public-body.spot-fit-2 .profile-card>.cover{height:94px!important}
  .public-body.spot-fit-2 .profile-identity,
  .public-body.spot-fit-2 .template-minimal .profile-identity,
  .public-body.spot-fit-2 .template-cards .profile-identity,
  .public-body.spot-fit-2 .template-editorial .profile-identity,
  .public-body.spot-fit-2 .template-glass .profile-identity,
  .public-body.spot-fit-2 .template-poster .profile-identity{margin-top:-24px!important}
  .public-body.spot-fit-2 .public-avatar{width:54px!important;height:54px!important}
  .public-body.spot-fit-2 .profile-title-line h1{font-size:20px!important}
  .public-body.spot-fit-2 .plan-badge{width:22px!important;height:22px!important;min-width:22px!important;font-size:13px!important}
  .public-body.spot-fit-2 .profile-bio{font-size:10.5px!important;line-height:1.22!important;margin-bottom:7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .public-body.spot-fit-2 .public-links:not(.link-count-1) .public-link{min-height:68px!important;padding:7px!important}
  .public-body.spot-fit-2 .public-links:not(.link-count-1) .link-copy small{display:none!important}
  .public-body.spot-fit-2 .smart-blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .public-body.spot-fit-2 .smart-block{margin:0!important;min-width:0!important;padding:8px!important}
  .public-body.spot-fit-2 .smart-block p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:3px 0 5px!important}
  .public-body.spot-fit-2 .block-location{grid-column:1/-1!important}
  .public-body.spot-fit-2 .block-location .osm-map{height:72px!important;margin:5px 0!important}
  .public-body.spot-fit-2 .photo-strip img{height:68px!important;border-radius:10px!important}
  .public-body.spot-fit-2 .brand-credit{margin-top:5px!important;font-size:8px!important}

  /* Nivel 3: redes sólo iconos + widgets ultracompactos */
  .public-body.spot-fit-3 .profile-card>.cover{height:78px!important;border-radius:16px!important}
  .public-body.spot-fit-3 .profile-content{padding-bottom:8px!important}
  .public-body.spot-fit-3 .profile-identity,
  .public-body.spot-fit-3 .template-minimal .profile-identity,
  .public-body.spot-fit-3 .template-cards .profile-identity,
  .public-body.spot-fit-3 .template-editorial .profile-identity,
  .public-body.spot-fit-3 .template-glass .profile-identity,
  .public-body.spot-fit-3 .template-poster .profile-identity{margin-top:-20px!important;row-gap:2px!important}
  .public-body.spot-fit-3 .public-avatar{width:46px!important;height:46px!important;border-width:2px!important}
  .public-body.spot-fit-3 .profile-title-line h1{font-size:18px!important}
  .public-body.spot-fit-3 .profile-bio{font-size:9.5px!important;line-height:1.15!important;margin:0 auto 5px!important;-webkit-line-clamp:1!important}
  .public-body.spot-fit-3 .public-links,
  .public-body.spot-fit-3 .public-links:not(.link-count-1){
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important;
    gap:6px!important;
    margin:3px 0 5px!important;
  }
  .public-body.spot-fit-3 .public-links .public-link,
  .public-body.spot-fit-3 .public-links:not(.link-count-1) .public-link{
    min-height:0!important;
    height:48px!important;
    padding:4px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
  }
  .public-body.spot-fit-3 .public-links .link-leading{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
  .public-body.spot-fit-3 .public-links .link-mark{width:38px!important;height:38px!important;border-radius:11px!important;font-size:18px!important}
  .public-body.spot-fit-3 .public-links .link-copy,
  .public-body.spot-fit-3 .public-links .link-arrow{display:none!important}
  .public-body.spot-fit-3 .smart-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:4px!important}
  .public-body.spot-fit-3 .smart-block{padding:6px 7px!important;border-radius:10px!important}
  .public-body.spot-fit-3 .smart-block>b{font-size:10px!important;line-height:1.1!important}
  .public-body.spot-fit-3 .smart-block p{font-size:8.5px!important;line-height:1.12!important;margin:2px 0 4px!important;-webkit-line-clamp:1!important}
  .public-body.spot-fit-3 .smart-block .btn{padding:5px 7px!important;font-size:8px!important;border-radius:7px!important}
  .public-body.spot-fit-3 .block-location{grid-column:1/-1!important}
  .public-body.spot-fit-3 .block-location .osm-map{height:52px!important;margin:3px 0!important;border-radius:8px!important}
  .public-body.spot-fit-3 .photo-strip{gap:4px!important;margin-top:5px!important}
  .public-body.spot-fit-3 .photo-strip img{height:54px!important;border-radius:8px!important}
  .public-body.spot-fit-3 .brand-credit{font-size:7px!important;margin-top:3px!important;line-height:1!important}

  .public-body.spot-fit-scaled .profile-wrap{will-change:transform!important}
}


/* v6.0.27 · catálogo de secciones + upgrade contextual */
.section-shop-head{align-items:flex-start!important}.section-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-catalog-card{border:1px solid #dddeda;border-radius:18px;background:#fafaf7;overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}.section-catalog-card:hover{border-color:#c9cac4}.section-catalog-card[open]{grid-column:1/-1;border-color:rgba(194,65,35,.45);box-shadow:0 12px 32px rgba(17,19,27,.08);background:#fff}.section-catalog-card>summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;cursor:pointer;min-height:74px}.section-catalog-card>summary::-webkit-details-marker{display:none}.section-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #e3e3df;font-size:22px}.section-card-copy{display:grid;gap:2px;min-width:0}.section-card-copy strong{font-size:12px;color:var(--ink)}.section-card-copy small{font-size:9px;color:var(--muted);line-height:1.25}.section-card-state,.section-card-price{font-size:9px;font-weight:950;border-radius:999px;padding:6px 8px;white-space:nowrap}.section-card-state{background:#ebf8e8;color:#27562a}.section-catalog-card.is-included .section-card-state{background:#fff1d4;color:#71470c}.section-card-price{background:#11131b;color:#fff}.section-catalog-card.is-upgrade{background:#f7f7f4}.section-catalog-card.is-upgrade>summary{opacity:.92}.section-card-config,.section-upgrade-panel{border-top:1px solid #e7e7e2;padding:14px}.section-card-config .block-edit{margin:0;border:0;padding:0;background:transparent}.section-inline-note{padding:10px 12px;border-radius:13px;background:#fff6e6;color:#65450e;font-size:10px;font-weight:750;margin-bottom:12px}.section-upgrade-panel{background:linear-gradient(180deg,#fffaf4,#fff)}.section-upgrade-panel>b{display:block;font-size:14px;margin-bottom:5px}.section-upgrade-panel p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 12px}.section-upgrade-actions{display:flex;gap:8px;flex-wrap:wrap}.section-shop-foot{font-size:9px;color:var(--muted);text-align:center;margin:12px 0 0}.section-catalog-card[open] .section-card-state,.section-catalog-card[open] .section-card-price{margin-right:2px}.section-catalog-card[open]>summary{background:#fff}.section-catalog-card[open] .section-card-copy small{color:#555b66}
@media(max-width:760px){.section-catalog{grid-template-columns:1fr 1fr;gap:8px}.section-catalog-card>summary{grid-template-columns:38px minmax(0,1fr);padding:11px;min-height:82px}.section-card-icon{width:38px;height:38px;border-radius:12px;font-size:19px}.section-card-state,.section-card-price{grid-column:1/-1;justify-self:start;margin-left:48px;margin-top:-6px}.section-catalog-card[open]{grid-column:1/-1}.section-catalog-card[open]>summary{grid-template-columns:42px minmax(0,1fr) auto;min-height:68px}.section-catalog-card[open] .section-card-state,.section-catalog-card[open] .section-card-price{grid-column:auto;margin:0;justify-self:auto}.section-upgrade-actions .btn{width:100%}}
@media(max-width:390px){.section-catalog{grid-template-columns:1fr}.section-catalog-card[open],.section-catalog-card{grid-column:1}.section-card-state,.section-card-price{grid-column:auto;margin:0;justify-self:end}.section-catalog-card>summary{grid-template-columns:40px minmax(0,1fr) auto;min-height:68px}}

/* v6.0.28 · Minimal oficial + 4 experimentales, mismo motor responsive */
/* Paleta aprobada/fuerte */
html.public-html.public-theme-cream,
.public-body.public-theme-cream{
  --spot-page:#F6EEDC!important;
  --spot-bg:#F6EEDC!important;
  --spot-panel:#FFF9EE!important;
  --spot-text:#11131B!important;
  --spot-muted:#655F55!important;
  --spot-line:rgba(17,19,27,.14)!important;
  --theme-text:#11131B!important;
  --theme-muted:#655F55!important;
  --theme-panel:#FFF9EE!important;
  --theme-line:rgba(17,19,27,.14)!important;
  background:#F6EEDC!important;
}
html.public-html.public-theme-dark,
.public-body.public-theme-dark{
  --spot-page:#151823!important;
  --spot-bg:#151823!important;
  --spot-panel:#242837!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:#BAC0CD!important;
  --spot-line:rgba(255,255,255,.13)!important;
  --theme-text:#FFFFFF!important;
  --theme-muted:#BAC0CD!important;
  --theme-panel:#242837!important;
  --theme-line:rgba(255,255,255,.13)!important;
  background:#151823!important;
}
html.public-html.public-theme-orange,
.public-body.public-theme-orange{
  --spot-page:#C24123!important;
  --spot-bg:#C24123!important;
  --spot-panel:rgba(255,255,255,.14)!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:rgba(255,255,255,.78)!important;
  --spot-line:rgba(255,255,255,.22)!important;
  --theme-text:#FFFFFF!important;
  --theme-muted:rgba(255,255,255,.78)!important;
  --theme-panel:rgba(255,255,255,.14)!important;
  --theme-line:rgba(255,255,255,.22)!important;
  background:#C24123!important;
  color-scheme:dark!important;
}
html.public-html.public-theme-pink,
.public-body.public-theme-pink{
  --spot-page:#B5175B!important;
  --spot-bg:#B5175B!important;
  --spot-panel:rgba(255,255,255,.14)!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:rgba(255,255,255,.78)!important;
  --spot-line:rgba(255,255,255,.22)!important;
  --theme-text:#FFFFFF!important;
  --theme-muted:rgba(255,255,255,.78)!important;
  --theme-panel:rgba(255,255,255,.14)!important;
  --theme-line:rgba(255,255,255,.22)!important;
  background:#B5175B!important;
  color-scheme:dark!important;
}
.public-theme-orange .profile-title-line h1,
.public-theme-pink .profile-title-line h1,
.public-theme-orange .profile-bio,
.public-theme-pink .profile-bio,
.public-theme-orange .brand-credit,
.public-theme-pink .brand-credit,
.public-theme-orange .brand-credit a,
.public-theme-pink .brand-credit a{color:#fff!important}
.public-theme-orange .public-links:not(.link-count-1) .public-link,
.public-theme-pink .public-links:not(.link-count-1) .public-link,
.public-theme-orange .public-links.link-count-1 .public-link,
.public-theme-pink .public-links.link-count-1 .public-link{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.public-theme-orange .public-link .link-copy small,
.public-theme-pink .public-link .link-copy small{color:rgba(255,255,255,.72)!important}
.public-theme-orange .link-arrow,
.public-theme-pink .link-arrow{background:rgba(255,255,255,.12)!important;color:#fff!important}
.public-theme-orange .public-avatar,
.public-theme-pink .public-avatar{border-color:var(--spot-page)!important;background:var(--spot-page)!important}

/* Preview de color coherente con el front */
.phone-preview[data-theme="cream"]{background:#F6EEDC!important;color:#11131B!important}
.phone-preview[data-theme="orange"]{background:#C24123!important;color:#fff!important}
.phone-preview[data-theme="pink"]{background:#B5175B!important;color:#fff!important}
.phone-preview[data-theme="dark"]{background:#151823!important;color:#fff!important}
.phone-preview[data-theme="orange"] .preview-link,
.phone-preview[data-theme="pink"] .preview-link{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.phone-preview[data-theme="orange"] .phone-content>p,
.phone-preview[data-theme="pink"] .phone-content>p{color:rgba(255,255,255,.78)!important}

/* Todas las plantillas conservan la misma anatomía flexible. */
.public-body .profile-content{display:flex!important;flex-direction:column!important}
.public-body .profile-identity{order:10}
.public-body .public-links{order:20}
.public-body .smart-blocks{order:30}
.public-body .photo-smart{order:40}
.public-body .brand-credit{order:90}

/* 1 · Minimal OFICIAL: no reinterpretamos, es la referencia aprobada. */
.public-template-minimal .profile-identity{order:10}
.public-template-minimal .public-links{order:20}
.public-template-minimal .smart-blocks{order:30}
.public-template-minimal .photo-smart{order:40}

/* 2 · Órbita EXPERIMENTAL: formas redondas y módulos sociales. */
.public-template-cards .profile-identity{order:10}
.public-template-cards .public-links{order:20}
.public-template-cards .photo-smart{order:30}
.public-template-cards .smart-blocks{order:40}
.public-template-cards .profile-card>.cover{border-radius:999px!important}
.public-template-cards .public-avatar{border-radius:50%!important}
.public-template-cards .public-links:not(.link-count-1) .public-link{border-radius:34px!important}
.public-template-cards .public-links.link-count-1 .public-link{border-radius:999px!important}
.public-template-cards .smart-block{border-radius:30px!important}
.public-template-cards .photo-strip img{border-radius:50%!important;aspect-ratio:1/1!important}
.public-template-cards .plan-badge{border-radius:50%!important}

/* 3 · Editorial EXPERIMENTAL: contenido visual primero, links al final. */
.public-template-editorial .profile-identity{order:10}
.public-template-editorial .photo-smart{order:20}
.public-template-editorial .smart-blocks{order:30}
.public-template-editorial .public-links{order:40}
.public-template-editorial .profile-card>.cover{border-radius:0!important;box-shadow:none!important}
.public-template-editorial .public-avatar{border-radius:8px!important}
.public-template-editorial .photo-strip img{border-radius:0!important}
.public-template-editorial .public-links:not(.link-count-1) .public-link,
.public-template-editorial .public-links.link-count-1 .public-link{
  aspect-ratio:auto!important;
  min-height:48px!important;
  border-radius:0!important;
  border-width:0 0 1px!important;
  background:transparent!important;
}
.public-template-editorial .smart-block{border-radius:4px!important}

/* 4 · Cristal EXPERIMENTAL: widgets primero, cápsulas translúcidas. */
.public-template-glass .profile-identity{order:10}
.public-template-glass .smart-blocks{order:20}
.public-template-glass .public-links{order:30}
.public-template-glass .photo-smart{order:40}
.public-template-glass .profile-card>.cover{border-radius:999px 999px 28px 28px!important}
.public-template-glass .public-avatar{border-radius:28%!important}
.public-template-glass .public-links:not(.link-count-1) .public-link,
.public-template-glass .public-links.link-count-1 .public-link{
  border-radius:999px!important;
  backdrop-filter:blur(16px)!important;
}
.public-template-glass .smart-block{border-radius:999px!important;padding-left:18px!important;padding-right:18px!important}
.public-template-glass .block-location{border-radius:28px!important}
.public-template-glass .photo-strip img{border-radius:28px!important}

/* 5 · Póster EXPERIMENTAL: links, fotos y después widgets; geometría dura. */
.public-template-poster .profile-identity{order:10}
.public-template-poster .public-links{order:20}
.public-template-poster .photo-smart{order:30}
.public-template-poster .smart-blocks{order:40}
.public-template-poster .profile-card>.cover{border-radius:4px!important}
.public-template-poster .public-avatar{border-radius:8px!important}
.public-template-poster .profile-title-line h1{font-weight:950!important;text-transform:uppercase!important;letter-spacing:-.06em!important}
.public-template-poster .public-links:not(.link-count-1) .public-link,
.public-template-poster .public-links.link-count-1 .public-link{border-radius:5px!important}
.public-template-poster .smart-block{border-radius:5px!important}
.public-template-poster .photo-strip img{border-radius:3px!important}

/* Widgets: la dirección artística NUNCA pisa el estilo/color configurado por usuario. */
.public-body .smart-block{
  background:var(--widget-bg)!important;
  color:var(--widget-text)!important;
}
.public-body .smart-block>b,
.public-body .smart-block p{color:var(--widget-text)!important}

/* Guardas de compactación compartidas: ninguna plantilla puede escapar al motor fit. */
@media (max-width:900px), (max-height:760px){
  .public-body.spot-fit-1 .public-template-cards .photo-strip img,
  .public-body.spot-fit-1 .public-template-editorial .photo-strip img,
  .public-body.spot-fit-1 .public-template-glass .photo-strip img,
  .public-body.spot-fit-1 .public-template-poster .photo-strip img{height:86px!important;aspect-ratio:auto!important}
  .public-body.spot-fit-2 .public-template-cards .photo-strip img,
  .public-body.spot-fit-2 .public-template-editorial .photo-strip img,
  .public-body.spot-fit-2 .public-template-glass .photo-strip img,
  .public-body.spot-fit-2 .public-template-poster .photo-strip img{height:68px!important;aspect-ratio:auto!important}
  .public-body.spot-fit-3 .public-template-cards .photo-strip img,
  .public-body.spot-fit-3 .public-template-editorial .photo-strip img,
  .public-body.spot-fit-3 .public-template-glass .photo-strip img,
  .public-body.spot-fit-3 .public-template-poster .photo-strip img{height:52px!important;aspect-ratio:auto!important}
  .public-body.spot-fit-1 .public-template-glass .smart-block,
  .public-body.spot-fit-2 .public-template-glass .smart-block,
  .public-body.spot-fit-3 .public-template-glass .smart-block{border-radius:14px!important}
}

/* Etiquetas del selector */
.template-choice em{border-radius:999px;padding:4px 7px;background:#ecece7;color:#4c5058!important}
.template-choice:has(input[value="minimal"]) em{background:#11131b;color:#fff!important}

/* v6.0.29 · Minimal oficial intacta. Experimentales realmente distintas. */

/* BUBBLE (key: cards): redes grandes, redondas, sin texto por default. */
.public-body.public-template-cards .public-links,
.public-body.public-template-cards .public-links:not(.link-count-1),
.public-body.public-template-cards .public-links.link-count-1{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:4px auto 12px!important;
}
.public-body.public-template-cards .public-links .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link,
.public-body.public-template-cards .public-links.link-count-1 .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 74px!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  max-width:74px!important;
  aspect-ratio:1/1!important;
  grid-column:auto!important;
  padding:8px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--spot-panel)!important;
  border:1px solid var(--spot-line)!important;
  box-shadow:0 8px 20px rgba(17,19,27,.08)!important;
}
.public-body.public-template-cards .public-links .link-leading,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-leading{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.public-body.public-template-cards .public-links .link-mark{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:21px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
.public-body.public-template-cards .public-links .link-copy,
.public-body.public-template-cards .public-links .link-arrow{
  display:none!important;
}
.public-body.public-template-cards .photo-strip img{
  border-radius:50%!important;
  aspect-ratio:1/1!important;
}
.public-body.public-template-cards .smart-block{
  border-radius:30px!important;
}

/* FLOAT (key: glass): redes flotan al costado y no ocupan altura del contenido. */
.public-body.public-template-glass .profile-wrap{
  position:relative!important;
  width:min(520px,76vw)!important;
}
.public-body.public-template-glass .public-links,
.public-body.public-template-glass .public-links:not(.link-count-1),
.public-body.public-template-glass .public-links.link-count-1{
  position:absolute!important;
  z-index:45!important;
  top:50%!important;
  right:-58px!important;
  transform:translateY(-50%)!important;
  width:48px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  pointer-events:auto!important;
}
.public-body.public-template-glass .public-links .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link,
.public-body.public-template-glass .public-links.link-count-1 .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  aspect-ratio:1/1!important;
  grid-column:auto!important;
  padding:5px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(14px)!important;
}
.public-body.public-template-glass .public-links .link-leading,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-leading{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.public-body.public-template-glass .public-links .link-mark{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
}
.public-body.public-template-glass .public-links .link-copy,
.public-body.public-template-glass .public-links .link-arrow{
  display:none!important;
}
/* Al salir los links del flujo, widgets/fotos suben naturalmente. */
.public-body.public-template-glass .smart-blocks{margin-top:6px!important}

/* Temas claros de Float: rail legible sin imponer otro color al Spot. */
.public-body.public-template-glass.public-theme-cream .public-links .public-link{
  background:rgba(17,19,27,.08)!important;
  border-color:rgba(17,19,27,.10)!important;
  box-shadow:0 8px 20px rgba(17,19,27,.10)!important;
}

/* Selector: previews también cuentan la historia, sin modificar Minimal. */
.template-mini-cards:before{height:24px!important;border-radius:0 0 18px 18px!important}
.template-mini-cards i{display:none!important}
.template-mini-cards b{width:20px!important;height:20px!important;left:21px!important;top:20px!important;border-radius:50%!important;background:#11131b!important}
.template-mini-cards:after{
  content:"●  ●  ●";
  position:absolute;left:5px;right:5px;bottom:9px;text-align:center;
  color:#c24123;font-size:13px;letter-spacing:2px;font-weight:950;
}
.template-mini-glass i{display:none!important}
.template-mini-glass:after{
  content:"●\A●\A●";
  white-space:pre;
  position:absolute;right:5px;top:29px;
  color:#fff;font-size:9px;line-height:11px;text-align:center;
}

/* Bubble y Float siguen obedeciendo el motor automático de densidad. */
@media (max-width:900px), (max-height:760px){
  .public-body.public-template-cards.spot-fit-1 .public-links .public-link{
    width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;flex-basis:62px!important;padding:6px!important;
  }
  .public-body.public-template-cards.spot-fit-1 .public-links .link-mark{width:46px!important;height:46px!important;font-size:18px!important}
  .public-body.public-template-cards.spot-fit-2 .public-links .public-link{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;flex-basis:54px!important;padding:5px!important;
  }
  .public-body.public-template-cards.spot-fit-2 .public-links .link-mark{width:42px!important;height:42px!important;font-size:17px!important}
  .public-body.public-template-cards.spot-fit-3 .public-links .public-link{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important;padding:4px!important;
  }
  .public-body.public-template-cards.spot-fit-3 .public-links .link-mark{width:38px!important;height:38px!important;font-size:16px!important}

  .public-body.public-template-glass.spot-fit-1 .public-links{width:44px!important;right:-52px!important;gap:6px!important}
  .public-body.public-template-glass.spot-fit-1 .public-links .public-link{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important}
  .public-body.public-template-glass.spot-fit-1 .public-links .link-mark{width:34px!important;height:34px!important;font-size:15px!important}
  .public-body.public-template-glass.spot-fit-2 .public-links{width:40px!important;right:-47px!important;gap:5px!important}
  .public-body.public-template-glass.spot-fit-2 .public-links .public-link{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
  .public-body.public-template-glass.spot-fit-2 .public-links .link-mark{width:31px!important;height:31px!important;font-size:14px!important}
  .public-body.public-template-glass.spot-fit-3 .public-links{width:36px!important;right:-42px!important;gap:4px!important}
  .public-body.public-template-glass.spot-fit-3 .public-links .public-link{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important;border-radius:50%!important}
  .public-body.public-template-glass.spot-fit-3 .public-links .link-mark{width:29px!important;height:29px!important;font-size:13px!important;border-radius:50%!important}
}

@media (max-width:600px){
  .public-body.public-template-cards .public-links{gap:9px!important}
  .public-body.public-template-cards .public-links .public-link{
    width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;flex-basis:66px!important;
  }
  .public-body.public-template-cards .public-links .link-mark{width:50px!important;height:50px!important;font-size:19px!important}

  .public-body.public-template-glass .profile-wrap{width:76vw!important}
  .public-body.public-template-glass .public-links{right:-38px!important;width:42px!important;gap:6px!important}
  .public-body.public-template-glass .public-links .public-link{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important;
  }
  .public-body.public-template-glass .public-links .link-mark{width:33px!important;height:33px!important;font-size:15px!important}
}

@media (max-height:520px) and (orientation:landscape){
  .public-body.public-template-cards .public-links{gap:6px!important;margin:2px auto 5px!important}
  .public-body.public-template-cards .public-links .public-link{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important}
  .public-body.public-template-cards .public-links .link-mark{width:36px!important;height:36px!important;font-size:15px!important}

  .public-body.public-template-glass .profile-wrap{width:min(65vw,520px)!important}
  .public-body.public-template-glass .public-links{right:-38px!important;gap:4px!important}
  .public-body.public-template-glass .public-links .public-link{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important}
  .public-body.public-template-glass .public-links .link-mark{width:29px!important;height:29px!important;font-size:13px!important}
}

/* v6.0.30 · galería ampliable */
.public-body .gallery-photo,
.gallery-photo{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  min-width:0;
  width:100%;
  flex:1 1 0;
  cursor:zoom-in;
  display:block;
  overflow:hidden;
  border-radius:inherit;
  font:inherit;
}
.public-body .gallery-photo img,
.gallery-photo img{
  transition:transform .18s ease,filter .18s ease;
}
@media (hover:hover){
  .public-body .gallery-photo:hover img,
  .gallery-photo:hover img{transform:scale(1.035);filter:brightness(.94)}
}
.gallery-photo:focus-visible{outline:3px solid currentColor;outline-offset:3px}
html.gallery-open,body.gallery-open{overflow:hidden!important}
.gallery-lightbox[hidden]{display:none!important}
.gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  transition:opacity .18s ease;
}
.gallery-lightbox.is-open{opacity:1}
.gallery-lightbox-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  background:rgba(7,9,13,.82);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  cursor:zoom-out;
}
.gallery-lightbox-panel{
  position:relative;
  z-index:1;
  width:min(920px,94vw);
  height:min(820px,90dvh);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:#11131b;
  color:#fff;
  box-shadow:0 32px 90px rgba(0,0,0,.42);
  transform:translateY(12px) scale(.985);
  transition:transform .2s ease;
}
.gallery-lightbox.is-open .gallery-lightbox-panel{transform:none}
.gallery-lightbox-head{
  height:56px;
  padding:8px 10px 8px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(17,19,27,.94);
}
.gallery-lightbox-count{font-size:12px;font-weight:900;letter-spacing:.03em;opacity:.72}
.gallery-lightbox-close,
.gallery-lightbox-nav{
  appearance:none;
  border:0;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
}
.gallery-lightbox-close{width:40px;height:40px;border-radius:50%}
.gallery-lightbox-close svg,
.gallery-lightbox-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.gallery-lightbox-stage{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:12px 70px 22px;
  touch-action:pan-y;
}
.gallery-lightbox-image{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
  box-shadow:0 14px 50px rgba(0,0,0,.3);
  user-select:none;
  -webkit-user-drag:none;
}
.gallery-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  z-index:2;
}
.gallery-lightbox-prev{left:12px}
.gallery-lightbox-next{right:12px}
.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover{background:rgba(255,255,255,.18)}
.gallery-lightbox-close:focus-visible,.gallery-lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:600px){
  .gallery-lightbox{padding:0;place-items:end center}
  .gallery-lightbox-panel{
    width:100%;
    height:min(88dvh,820px);
    border-radius:28px 28px 0 0;
    border-bottom:0;
    transform:translateY(24px);
  }
  .gallery-lightbox-head{height:52px;padding:7px 10px 7px 16px}
  .gallery-lightbox-stage{padding:6px 10px max(16px,env(safe-area-inset-bottom))}
  .gallery-lightbox-image{max-height:calc(88dvh - 76px);border-radius:16px}
  .gallery-lightbox-nav{
    top:auto;
    bottom:max(18px,env(safe-area-inset-bottom));
    width:42px;
    height:42px;
    background:rgba(17,19,27,.68);
  }
  .gallery-lightbox-prev{left:14px}
  .gallery-lightbox-next{right:14px}
}

/* v6.0.32 · UX modular legible: primero reacomodar, nunca miniaturizar texto */
.public-body{
  --module-gap:16px;
  --module-inner-gap:12px;
  --body-readable:14px;
  --small-readable:12px;
}
.public-body .profile-content{
  gap:var(--module-gap)!important;
}
.public-body .profile-content>.profile-identity,
.public-body .profile-content>.public-links,
.public-body .profile-content>.smart-blocks,
.public-body .profile-content>.photo-smart,
.public-body .profile-content>.brand-credit{
  margin-bottom:0!important;
}
.public-body .public-links,
.public-body .smart-blocks,
.public-body .photo-smart,
.public-body .brand-credit{
  margin-top:0!important;
}
.public-body .profile-bio{
  font-size:15px!important;
  line-height:1.48!important;
  margin-bottom:0!important;
}
.public-body .link-copy strong{font-size:15px!important;line-height:1.18!important}
.public-body .link-copy small{font-size:12px!important;line-height:1.28!important}
.public-body .smart-blocks{gap:var(--module-inner-gap)!important}
.public-body .smart-block{
  padding:15px 16px!important;
  border-radius:17px!important;
}
.public-body .smart-block>b{
  display:block;
  font-size:15px!important;
  line-height:1.25!important;
  margin-bottom:5px!important;
}
.public-body .smart-block p{
  font-size:13.5px!important;
  line-height:1.42!important;
  margin:5px 0 10px!important;
}
.public-body .smart-block .btn{
  min-height:40px!important;
  padding:9px 12px!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  border-radius:10px!important;
}
.public-body .brand-credit{font-size:10.5px!important;line-height:1.3!important}

/* La compactación reduce superficies, no legibilidad. */
@media (max-width:900px), (max-height:760px){
  .public-body.spot-fit-1{--module-gap:13px;--module-inner-gap:10px}
  .public-body.spot-fit-1 .profile-card>.cover{height:112px!important}
  .public-body.spot-fit-1 .public-avatar{width:64px!important;height:64px!important}
  .public-body.spot-fit-1 .profile-title-line h1{font-size:23px!important;line-height:1.05!important}
  .public-body.spot-fit-1 .profile-bio{font-size:14px!important;line-height:1.4!important;margin:0!important;max-width:36ch!important}
  .public-body.spot-fit-1 .public-links{gap:8px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .public-link{min-height:88px!important;padding:10px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-mark{width:40px!important;height:40px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-copy strong{font-size:13.5px!important}
  .public-body.spot-fit-1 .public-links:not(.link-count-1) .link-copy small{font-size:11px!important}
  .public-body.spot-fit-1 .smart-block{padding:13px 14px!important}
  .public-body.spot-fit-1 .smart-block>b{font-size:14px!important}
  .public-body.spot-fit-1 .smart-block p{font-size:13px!important;line-height:1.38!important;margin:4px 0 9px!important}
  .public-body.spot-fit-1 .smart-block .btn{min-height:38px!important;font-size:12px!important;padding:8px 11px!important}
  .public-body.spot-fit-1 .block-location .osm-map{height:118px!important;margin:8px 0!important}
  .public-body.spot-fit-1 .photo-strip{gap:7px!important}
  .public-body.spot-fit-1 .photo-strip img{height:92px!important;aspect-ratio:auto!important}
  .public-body.spot-fit-1 .brand-credit{font-size:10px!important}

  .public-body.spot-fit-2{--module-gap:11px;--module-inner-gap:9px}
  .public-body.spot-fit-2 .profile-card>.cover{height:96px!important}
  .public-body.spot-fit-2 .public-avatar{width:56px!important;height:56px!important}
  .public-body.spot-fit-2 .profile-title-line h1{font-size:21px!important}
  .public-body.spot-fit-2 .profile-bio{
    font-size:13.5px!important;line-height:1.34!important;margin:0!important;
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
  }
  /* En densidad media las redes ahorran espacio convirtiéndose en iconos, no reduciendo texto a 8px. */
  .public-body.spot-fit-2 .public-links,
  .public-body.spot-fit-2 .public-links:not(.link-count-1){
    display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;
  }
  .public-body.spot-fit-2 .public-links .public-link,
  .public-body.spot-fit-2 .public-links:not(.link-count-1) .public-link{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
    flex:0 0 52px!important;aspect-ratio:1!important;padding:5px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
  }
  .public-body.spot-fit-2 .public-links .link-leading{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
  .public-body.spot-fit-2 .public-links .link-mark{width:40px!important;height:40px!important;border-radius:50%!important;font-size:17px!important}
  .public-body.spot-fit-2 .public-links .link-copy,
  .public-body.spot-fit-2 .public-links .link-arrow{display:none!important}
  .public-body.spot-fit-2 .smart-blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-body.spot-fit-2[data-block-count="1"] .smart-blocks{grid-template-columns:1fr!important}
  .public-body.spot-fit-2 .smart-block{margin:0!important;min-width:0!important;padding:12px!important}
  .public-body.spot-fit-2 .smart-block>b{font-size:13.5px!important}
  .public-body.spot-fit-2 .smart-block p{
    font-size:12.5px!important;line-height:1.34!important;margin:4px 0 8px!important;
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
  }
  .public-body.spot-fit-2 .smart-block .btn{font-size:12px!important;min-height:36px!important;padding:7px 9px!important}
  .public-body.spot-fit-2 .block-location{grid-column:1/-1!important}
  .public-body.spot-fit-2 .block-location .osm-map{height:100px!important;margin:7px 0!important}
  .public-body.spot-fit-2 .photo-strip img{height:78px!important;border-radius:11px!important}
  .public-body.spot-fit-2 .brand-credit{font-size:9.5px!important}

  .public-body.spot-fit-3{--module-gap:10px;--module-inner-gap:8px}
  .public-body.spot-fit-3 .profile-card>.cover{height:84px!important}
  .public-body.spot-fit-3 .profile-content{padding-bottom:12px!important}
  .public-body.spot-fit-3 .public-avatar{width:50px!important;height:50px!important}
  .public-body.spot-fit-3 .profile-title-line h1{font-size:20px!important}
  .public-body.spot-fit-3 .profile-bio{
    font-size:13px!important;line-height:1.3!important;margin:0!important;max-width:38ch!important;
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
  }
  .public-body.spot-fit-3 .public-links,
  .public-body.spot-fit-3 .public-links:not(.link-count-1){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;margin:0!important}
  .public-body.spot-fit-3 .public-links .public-link,
  .public-body.spot-fit-3 .public-links:not(.link-count-1) .public-link{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
    flex:0 0 46px!important;padding:4px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  }
  .public-body.spot-fit-3 .public-links .link-leading{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:0!important}
  .public-body.spot-fit-3 .public-links .link-mark{width:36px!important;height:36px!important;border-radius:50%!important;font-size:16px!important}
  .public-body.spot-fit-3 .public-links .link-copy,
  .public-body.spot-fit-3 .public-links .link-arrow{display:none!important}
  .public-body.spot-fit-3 .smart-blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0!important}
  .public-body.spot-fit-3[data-block-count="1"] .smart-blocks{grid-template-columns:1fr!important}
  .public-body.spot-fit-3 .smart-block{padding:11px!important;border-radius:12px!important}
  .public-body.spot-fit-3 .smart-block>b{font-size:13px!important;line-height:1.2!important}
  .public-body.spot-fit-3 .smart-block p{
    font-size:12px!important;line-height:1.3!important;margin:4px 0 7px!important;
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
  }
  .public-body.spot-fit-3 .smart-block .btn{font-size:12px!important;min-height:34px!important;padding:7px 9px!important}
  .public-body.spot-fit-3 .block-location{grid-column:1/-1!important}
  .public-body.spot-fit-3 .block-location .osm-map{height:88px!important;margin:6px 0!important}
  .public-body.spot-fit-3 .photo-strip{gap:5px!important;margin-top:0!important}
  .public-body.spot-fit-3 .photo-strip img{height:68px!important;border-radius:9px!important}
  .public-body.spot-fit-3 .brand-credit{font-size:9.5px!important;margin-top:0!important}

  /* Anula el escalado global antiguo. */
  .public-body.spot-fit-scaled .profile-wrap,
  .public-body .profile-wrap{transform:none}
  .public-body.spot-can-scroll{overflow-y:auto!important;align-items:flex-start!important}
  .public-body.spot-can-scroll .profile-wrap{margin-top:8px!important;margin-bottom:24px!important}
}

/* En teléfonos muy angostos, los widgets vuelven a una columna antes de sacrificar lectura. */
@media(max-width:370px){
  .public-body.spot-fit-2 .smart-blocks,
  .public-body.spot-fit-3 .smart-blocks{grid-template-columns:1fr!important}
  .public-body .profile-bio{font-size:13.5px!important}
  .public-body .smart-block p{font-size:12.5px!important}
}

/* Editor de secciones: catálogo claramente legible y respirado. */
.section-catalog{gap:12px!important}
.section-catalog-card>summary{padding:14px!important;min-height:80px!important}
.section-card-icon{width:46px!important;height:46px!important;font-size:22px!important}
.section-card-copy strong{font-size:14px!important;line-height:1.2!important}
.section-card-copy small{font-size:11.5px!important;line-height:1.38!important}
.section-card-state,.section-card-price{font-size:10.5px!important;padding:6px 9px!important}
.section-card-config,.section-upgrade-panel{padding:16px!important}
.section-inline-note{font-size:12px!important;line-height:1.4!important;padding:11px 13px!important}
.section-upgrade-panel>b{font-size:15px!important}
.section-upgrade-panel p{font-size:12.5px!important;line-height:1.5!important}
.section-shop-foot{font-size:10.5px!important;line-height:1.4!important;margin-top:14px!important}
.block-title b{font-size:13.5px!important}.block-title small{font-size:10.5px!important;line-height:1.3!important}

@media(max-width:600px){
  .public-body{--module-gap:14px;--module-inner-gap:10px}
  .public-body .profile-content{padding-left:6px!important;padding-right:6px!important}
  .public-body .profile-bio{font-size:14px!important}
  .section-catalog{gap:10px!important}
  .section-catalog-card>summary{padding:13px!important}
}

/* v6.0.33 · FIX: nunca centrar verticalmente el Spot por margin:auto */
html.public-html{
  min-height:100%!important;
  background:var(--spot-page)!important;
}
body.public-body{
  display:block!important;
  min-height:100dvh!important;
  overflow-x:hidden!important;
  padding-top:max(10px,env(safe-area-inset-top))!important;
  padding-right:max(0px,env(safe-area-inset-right))!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  padding-left:max(0px,env(safe-area-inset-left))!important;
}
.public-body .profile-wrap,
.public-body.spot-can-scroll .profile-wrap{
  width:min(560px,85vw)!important;
  margin:8px auto 26px!important;
}

/* La galería 1–5 usa columnas exactas: sin flex, sin rendijas fantasma. */
.public-body .photo-strip,
.photo-strip{
  display:grid!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  gap:8px!important;
}
.public-body .photo-strip.count-1,
.photo-strip.count-1{grid-template-columns:minmax(0,1fr)!important}
.public-body .photo-strip.count-2,
.photo-strip.count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.public-body .photo-strip.count-3,
.photo-strip.count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.public-body .photo-strip.count-4,
.photo-strip.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.public-body .photo-strip.count-5,
.photo-strip.count-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.public-body .photo-strip img,
.photo-strip img{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media(max-width:600px){
  body.public-body{
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-bottom:max(16px,env(safe-area-inset-bottom))!important;
  }
  .public-body .profile-wrap,
  .public-body.spot-can-scroll .profile-wrap{
    width:85vw!important;
    margin:6px auto 22px!important;
  }
}

@media(max-height:520px) and (orientation:landscape){
  body.public-body{display:block!important}
  .public-body .profile-wrap,
  .public-body.spot-can-scroll .profile-wrap{
    width:min(70vw,560px)!important;
    margin:6px auto 18px!important;
  }
}

/* v6.0.34 · redes experimentales limpias; Minimal oficial intacta */

/* BUBBLE: un solo círculo por red, sin aro/contenedor doble. */
.public-body.public-template-cards .public-links,
.public-body.public-template-cards .public-links:not(.link-count-1),
.public-body.public-template-cards .public-links.link-count-1{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  margin:8px auto 16px!important;
}
.public-body.public-template-cards .public-links .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link,
.public-body.public-template-cards .public-links.link-count-1 .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd),
.public-body.public-template-cards.spot-fit-1 .public-links .public-link,
.public-body.public-template-cards.spot-fit-2 .public-links .public-link,
.public-body.public-template-cards.spot-fit-3 .public-links .public-link{
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.public-body.public-template-cards .public-links .link-leading,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-leading,
.public-body.public-template-cards.spot-fit-1 .public-links .link-leading,
.public-body.public-template-cards.spot-fit-2 .public-links .link-leading,
.public-body.public-template-cards.spot-fit-3 .public-links .link-leading{
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
  padding:0!important;
  margin:0!important;
}
.public-body.public-template-cards .public-links .link-mark,
.public-body.public-template-cards.spot-fit-1 .public-links .link-mark,
.public-body.public-template-cards.spot-fit-2 .public-links .link-mark,
.public-body.public-template-cards.spot-fit-3 .public-links .link-mark{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  border-radius:50%!important;
  font-size:23px!important;
  box-shadow:0 8px 22px rgba(17,19,27,.18), inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.public-body.public-template-cards .public-links .link-copy,
.public-body.public-template-cards .public-links .link-arrow{
  display:none!important;
}

/* FLOAT: botones individuales y realmente flotantes, no cápsulas altas. */
.public-body.public-template-glass .profile-wrap{
  position:relative!important;
  width:min(520px,78vw)!important;
  overflow:visible!important;
}
.public-body.public-template-glass .public-links,
.public-body.public-template-glass .public-links:not(.link-count-1),
.public-body.public-template-glass .public-links.link-count-1,
.public-body.public-template-glass.spot-fit-1 .public-links,
.public-body.public-template-glass.spot-fit-2 .public-links,
.public-body.public-template-glass.spot-fit-3 .public-links{
  position:absolute!important;
  z-index:45!important;
  top:50%!important;
  right:-54px!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  overflow:visible!important;
}
.public-body.public-template-glass .public-links .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link,
.public-body.public-template-glass .public-links.link-count-1 .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd),
.public-body.public-template-glass.spot-fit-1 .public-links .public-link,
.public-body.public-template-glass.spot-fit-2 .public-links .public-link,
.public-body.public-template-glass.spot-fit-3 .public-links .public-link{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.public-body.public-template-glass .public-links .link-leading,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd) .link-leading,
.public-body.public-template-glass.spot-fit-1 .public-links .link-leading,
.public-body.public-template-glass.spot-fit-2 .public-links .link-leading,
.public-body.public-template-glass.spot-fit-3 .public-links .link-leading{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
}
.public-body.public-template-glass .public-links .link-mark,
.public-body.public-template-glass.spot-fit-1 .public-links .link-mark,
.public-body.public-template-glass.spot-fit-2 .public-links .link-mark,
.public-body.public-template-glass.spot-fit-3 .public-links .link-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:50%!important;
  font-size:18px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.14)!important;
}
.public-body.public-template-glass .public-links .link-copy,
.public-body.public-template-glass .public-links .link-arrow{
  display:none!important;
}

/* Compactación permitida, deformación no. */
@media (max-width:600px){
  .public-body.public-template-cards .public-links{gap:11px!important}
  .public-body.public-template-cards .public-links .public-link,
  .public-body.public-template-cards .public-links .link-leading,
  .public-body.public-template-cards .public-links .link-mark,
  .public-body.public-template-cards.spot-fit-1 .public-links .public-link,
  .public-body.public-template-cards.spot-fit-1 .public-links .link-leading,
  .public-body.public-template-cards.spot-fit-1 .public-links .link-mark,
  .public-body.public-template-cards.spot-fit-2 .public-links .public-link,
  .public-body.public-template-cards.spot-fit-2 .public-links .link-leading,
  .public-body.public-template-cards.spot-fit-2 .public-links .link-mark,
  .public-body.public-template-cards.spot-fit-3 .public-links .public-link,
  .public-body.public-template-cards.spot-fit-3 .public-links .link-leading,
  .public-body.public-template-cards.spot-fit-3 .public-links .link-mark{
    width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;
  }
  .public-body.public-template-cards .public-links .link-mark{font-size:21px!important}

  .public-body.public-template-glass .profile-wrap{width:80vw!important}
  .public-body.public-template-glass .public-links,
  .public-body.public-template-glass.spot-fit-1 .public-links,
  .public-body.public-template-glass.spot-fit-2 .public-links,
  .public-body.public-template-glass.spot-fit-3 .public-links{
    right:-46px!important;width:42px!important;gap:8px!important;
  }
  .public-body.public-template-glass .public-links .public-link,
  .public-body.public-template-glass .public-links .link-leading,
  .public-body.public-template-glass .public-links .link-mark,
  .public-body.public-template-glass.spot-fit-1 .public-links .public-link,
  .public-body.public-template-glass.spot-fit-1 .public-links .link-leading,
  .public-body.public-template-glass.spot-fit-1 .public-links .link-mark,
  .public-body.public-template-glass.spot-fit-2 .public-links .public-link,
  .public-body.public-template-glass.spot-fit-2 .public-links .link-leading,
  .public-body.public-template-glass.spot-fit-2 .public-links .link-mark,
  .public-body.public-template-glass.spot-fit-3 .public-links .public-link,
  .public-body.public-template-glass.spot-fit-3 .public-links .link-leading,
  .public-body.public-template-glass.spot-fit-3 .public-links .link-mark{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  }
  .public-body.public-template-glass .public-links .link-mark{font-size:16px!important}
}

@media (max-height:520px) and (orientation:landscape){
  .public-body.public-template-cards .public-links .public-link,
  .public-body.public-template-cards .public-links .link-leading,
  .public-body.public-template-cards .public-links .link-mark{
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  }
  .public-body.public-template-glass .public-links{right:-40px!important;gap:6px!important}
  .public-body.public-template-glass .public-links .public-link,
  .public-body.public-template-glass .public-links .link-leading,
  .public-body.public-template-glass .public-links .link-mark{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;
  }
}

/* ================================================================
   v6.0.35 · LAYOUTS ESTABLES
   Responsive sólo por breakpoints. Sin compactación por altura.
   Minimal OFICIAL conserva su dirección visual aprobada.
   ================================================================ */

/* Neutraliza por completo el antiguo motor de densidad, incluso si una
   página quedó restaurada desde BFCache con alguna clase spot-fit-* activa. */
.public-body.spot-fit-1 .profile-wrap,
.public-body.spot-fit-2 .profile-wrap,
.public-body.spot-fit-3 .profile-wrap,
.public-body.spot-can-scroll .profile-wrap{
  transform:none!important;
}
.public-body.spot-fit-1,
.public-body.spot-fit-2,
.public-body.spot-fit-3,
.public-body.spot-can-scroll{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

body.public-body{
  display:block!important;
  min-height:100svh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:max(10px,env(safe-area-inset-top)) 0 max(22px,env(safe-area-inset-bottom))!important;
}
.public-body .profile-wrap{
  margin:8px auto 38px!important;
}

/* Los módulos tienen ritmo fijo. No desaparecen paddings para "hacer caber". */
.public-body .profile-content{
  gap:18px!important;
}
.public-body .profile-content>.profile-identity,
.public-body .profile-content>.public-links,
.public-body .profile-content>.smart-blocks,
.public-body .profile-content>.photo-smart,
.public-body .profile-content>.brand-credit{
  margin-top:0!important;
  margin-bottom:0!important;
}
.public-body .smart-blocks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.public-body .smart-block{
  min-width:0!important;
  padding:17px!important;
}
.public-body .smart-block>b{font-size:15px!important;line-height:1.2!important}
.public-body .smart-block p{font-size:13.5px!important;line-height:1.45!important;margin:7px 0 12px!important}
.public-body .smart-block .btn{font-size:13px!important;min-height:44px!important;padding:11px 15px!important}
.public-body .profile-bio{font-size:15px!important;line-height:1.45!important}
.public-body .brand-credit{font-size:11px!important}
.public-body .photo-strip{gap:8px!important}
.public-body .gallery-photo{min-width:0!important}

/* Colores oficiales: fuertes y con contraste claro. */
.public-body.public-theme-dark{--spot-page:#151823!important;--spot-bg:#151823!important;--spot-panel:#232736!important;--spot-text:#fff!important;--spot-muted:#bac0cd!important}
.public-body.public-theme-orange{--spot-page:#C24123!important;--spot-bg:#C24123!important;--spot-panel:#A9341D!important;--spot-text:#fff!important;--spot-muted:rgba(255,255,255,.80)!important}
.public-body.public-theme-pink{--spot-page:#B5175B!important;--spot-bg:#B5175B!important;--spot-panel:#951248!important;--spot-text:#fff!important;--spot-muted:rgba(255,255,255,.80)!important}
.public-body.public-theme-cream{--spot-page:#F6EEDC!important;--spot-bg:#F6EEDC!important;--spot-panel:#FFF9ED!important;--spot-text:#17191F!important;--spot-muted:#665F55!important}

/* ------------------------------------------------
   BUBBLE · círculos protagonistas, sin texto social
   ------------------------------------------------ */
.public-body.public-template-cards .profile-wrap{width:min(560px,calc(100vw - 28px))!important}
.public-body.public-template-cards .profile-content{gap:20px!important}
.public-body.public-template-cards .profile-identity{order:10!important;text-align:center!important;justify-items:center!important}
.public-body.public-template-cards .public-links{order:20!important}
.public-body.public-template-cards .photo-smart{order:30!important}
.public-body.public-template-cards .smart-blocks{order:40!important}
.public-body.public-template-cards .profile-card>.cover{height:190px!important;border-radius:95px!important}
.public-body.public-template-cards .public-avatar{border-radius:50%!important}
.public-body.public-template-cards .public-links,
.public-body.public-template-cards .public-links:not(.link-count-1),
.public-body.public-template-cards .public-links.link-count-1{
  position:static!important;
  transform:none!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  gap:14px!important;
  padding:0!important;
}
.public-body.public-template-cards .public-links .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link,
.public-body.public-template-cards .public-links.link-count-1 .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 68px!important;
  width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;max-width:68px!important;max-height:68px!important;
  aspect-ratio:1/1!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
.public-body.public-template-cards .public-links .link-leading{width:68px!important;height:68px!important;display:grid!important;place-items:center!important;padding:0!important}
.public-body.public-template-cards .public-links .link-mark{width:68px!important;height:68px!important;border-radius:50%!important;font-size:24px!important;box-shadow:0 9px 24px rgba(0,0,0,.18)!important}
.public-body.public-template-cards .public-links .link-copy,
.public-body.public-template-cards .public-links .link-arrow{display:none!important}
.public-body.public-template-cards .smart-block{border-radius:28px!important}
.public-body.public-template-cards .photo-strip img{aspect-ratio:1/1!important;border-radius:50%!important}

/* ------------------------------------------------
   EDITORIAL · revista, líneas rectas, contenido visual primero
   ------------------------------------------------ */
.public-body.public-template-editorial .profile-wrap{width:min(610px,calc(100vw - 28px))!important}
.public-body.public-template-editorial .profile-card{border-radius:4px!important;box-shadow:0 18px 44px rgba(0,0,0,.12)!important}
.public-body.public-template-editorial .profile-card>.cover{height:245px!important;border-radius:0!important}
.public-body.public-template-editorial .profile-content{align-items:stretch!important;text-align:left!important;padding:0 28px 30px!important;gap:22px!important}
.public-body.public-template-editorial .profile-identity{order:10!important;text-align:left!important;justify-items:start!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-areas:"avatar title" "bio bio"!important;column-gap:18px!important;margin-top:-44px!important}
.public-body.public-template-editorial .public-avatar{width:92px!important;height:92px!important;border-radius:7px!important;justify-self:start!important}
.public-body.public-template-editorial .profile-title-line{justify-content:flex-start!important;text-align:left!important}
.public-body.public-template-editorial .profile-title-line h1{text-align:left!important}
.public-body.public-template-editorial .profile-bio{text-align:left!important;max-width:none!important;margin:6px 0 0!important}
.public-body.public-template-editorial .photo-smart{order:20!important}
.public-body.public-template-editorial .smart-blocks{order:30!important}
.public-body.public-template-editorial .public-links{order:40!important}
.public-body.public-template-editorial .photo-strip{gap:3px!important}
.public-body.public-template-editorial .photo-strip img{border-radius:0!important}
.public-body.public-template-editorial .smart-block{border-radius:2px!important}
.public-body.public-template-editorial .public-links,
.public-body.public-template-editorial .public-links:not(.link-count-1),
.public-body.public-template-editorial .public-links.link-count-1{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.public-body.public-template-editorial .public-links .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link,
.public-body.public-template-editorial .public-links.link-count-1 .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  width:100%!important;height:auto!important;min-height:54px!important;aspect-ratio:auto!important;border:0!important;border-bottom:1px solid var(--spot-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 2px!important;display:flex!important;
}
.public-body.public-template-editorial .link-leading{display:flex!important;align-items:center!important;gap:12px!important;width:auto!important;height:auto!important}
.public-body.public-template-editorial .link-mark{width:38px!important;height:38px!important;border-radius:9px!important;font-size:15px!important}
.public-body.public-template-editorial .link-copy{display:grid!important}
.public-body.public-template-editorial .link-copy strong{font-size:14px!important}
.public-body.public-template-editorial .link-copy small{font-size:11px!important}
.public-body.public-template-editorial .link-arrow{display:grid!important;width:34px!important;height:34px!important}

/* ------------------------------------------------
   FLOAT · widgets primero; rail lateral sólo cuando realmente hay espacio
   ------------------------------------------------ */
.public-body.public-template-glass .profile-wrap{position:relative!important;width:min(540px,calc(100vw - 28px))!important;overflow:visible!important}
.public-body.public-template-glass .profile-card{overflow:visible!important;border-radius:36px!important;background:color-mix(in srgb,var(--spot-bg) 94%,white 6%)!important}
.public-body.public-template-glass .profile-card>.cover{height:205px!important;border-radius:36px 36px 18px 18px!important;overflow:hidden!important}
.public-body.public-template-glass .profile-content{gap:20px!important}
.public-body.public-template-glass .profile-identity{order:10!important}
.public-body.public-template-glass .smart-blocks{order:20!important}
.public-body.public-template-glass .public-links{order:30!important}
.public-body.public-template-glass .photo-smart{order:40!important}
.public-body.public-template-glass .public-avatar{border-radius:26%!important}
.public-body.public-template-glass .smart-block{border-radius:22px!important}
.public-body.public-template-glass .photo-strip img{border-radius:22px!important}
.public-body.public-template-glass .public-links,
.public-body.public-template-glass .public-links:not(.link-count-1),
.public-body.public-template-glass .public-links.link-count-1{
  position:static!important;transform:none!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;
}
.public-body.public-template-glass .public-links .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link,
.public-body.public-template-glass .public-links.link-count-1 .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 50px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;aspect-ratio:1/1!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;
}
.public-body.public-template-glass .public-links .link-leading{width:50px!important;height:50px!important;display:grid!important;place-items:center!important;padding:0!important}
.public-body.public-template-glass .public-links .link-mark{width:50px!important;height:50px!important;border-radius:50%!important;font-size:18px!important;box-shadow:0 8px 20px rgba(0,0,0,.23)!important}
.public-body.public-template-glass .public-links .link-copy,
.public-body.public-template-glass .public-links .link-arrow{display:none!important}

/* ------------------------------------------------
   PÓSTER · cartel duro, 2 columnas de links y bordes gráficos
   ------------------------------------------------ */
.public-body.public-template-poster .profile-wrap{width:min(600px,calc(100vw - 28px))!important}
.public-body.public-template-poster .profile-card{border:3px solid #11131b!important;border-radius:10px!important;box-shadow:9px 9px 0 #11131b!important;overflow:hidden!important}
.public-body.public-template-poster .profile-card>.cover{height:220px!important;border-radius:0!important;border-bottom:3px solid #11131b!important}
.public-body.public-template-poster .profile-content{align-items:stretch!important;text-align:left!important;padding:0 20px 26px!important;gap:18px!important}
.public-body.public-template-poster .profile-identity{order:10!important;text-align:left!important;justify-items:start!important;grid-template-columns:80px minmax(0,1fr)!important;grid-template-areas:"avatar title" "bio bio"!important;column-gap:14px!important;margin-top:-38px!important}
.public-body.public-template-poster .public-avatar{width:80px!important;height:80px!important;border-radius:6px!important;border:3px solid #11131b!important;justify-self:start!important}
.public-body.public-template-poster .profile-title-line{justify-content:flex-start!important;text-align:left!important}
.public-body.public-template-poster .profile-title-line h1{text-align:left!important;font-size:clamp(32px,7vw,48px)!important;text-transform:uppercase!important;line-height:.9!important}
.public-body.public-template-poster .profile-bio{text-align:left!important;max-width:none!important;margin:4px 0 0!important}
.public-body.public-template-poster .public-links{order:20!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.public-body.public-template-poster .photo-smart{order:30!important}
.public-body.public-template-poster .smart-blocks{order:40!important}
.public-body.public-template-poster .public-links .public-link,
.public-body.public-template-poster .public-links:not(.link-count-1) .public-link,
.public-body.public-template-poster .public-links.link-count-1 .public-link,
.public-body.public-template-poster .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  width:100%!important;height:auto!important;min-height:78px!important;aspect-ratio:auto!important;border:2px solid #11131b!important;border-radius:4px!important;box-shadow:4px 4px 0 #11131b!important;padding:12px!important;display:flex!important;
}
.public-body.public-template-poster .public-links .public-link:last-child:nth-child(odd){grid-column:1/-1!important}
.public-body.public-template-poster .link-leading{width:auto!important;height:auto!important;display:flex!important;gap:10px!important;align-items:center!important}
.public-body.public-template-poster .link-mark{width:44px!important;height:44px!important;border-radius:4px!important}
.public-body.public-template-poster .link-copy{display:grid!important}
.public-body.public-template-poster .link-copy strong{font-size:13px!important}
.public-body.public-template-poster .link-copy small{font-size:10px!important}
.public-body.public-template-poster .link-arrow{display:grid!important;width:34px!important;height:34px!important;border-radius:4px!important}
.public-body.public-template-poster .smart-block{border-radius:4px!important;border:2px solid #11131b!important;box-shadow:4px 4px 0 #11131b!important}
.public-body.public-template-poster .photo-strip img{border-radius:2px!important;border:2px solid #11131b!important}

/* Sólo el responsive necesario: un breakpoint móvil y uno para Float lateral. */
@media (max-width:600px){
  body.public-body{padding-top:max(8px,env(safe-area-inset-top))!important}
  .public-body .profile-wrap{width:calc(100vw - 28px)!important;margin:6px auto 30px!important}
  .public-body .profile-content{gap:16px!important}
  .public-body .profile-bio{font-size:14.5px!important}
  .public-body .smart-block{padding:16px!important}

  .public-body.public-template-cards .profile-card>.cover{height:170px!important}
  .public-body.public-template-cards .public-links .public-link,
  .public-body.public-template-cards .public-links .link-leading,
  .public-body.public-template-cards .public-links .link-mark{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important}

  .public-body.public-template-editorial .profile-card>.cover{height:205px!important}
  .public-body.public-template-editorial .profile-content{padding:0 18px 24px!important}
  .public-body.public-template-editorial .profile-identity{grid-template-columns:78px minmax(0,1fr)!important;column-gap:14px!important;margin-top:-38px!important}
  .public-body.public-template-editorial .public-avatar{width:78px!important;height:78px!important}

  .public-body.public-template-glass .profile-card>.cover{height:185px!important}

  .public-body.public-template-poster .profile-card{box-shadow:6px 6px 0 #11131b!important}
  .public-body.public-template-poster .profile-content{padding:0 16px 22px!important}
  .public-body.public-template-poster .profile-identity{grid-template-columns:72px minmax(0,1fr)!important;column-gap:12px!important;margin-top:-34px!important}
  .public-body.public-template-poster .public-avatar{width:72px!important;height:72px!important}
  .public-body.public-template-poster .public-links{gap:8px!important}
  .public-body.public-template-poster .public-links .public-link{min-height:72px!important;padding:10px!important}
}

@media (min-width:700px){
  .public-body.public-template-glass .profile-wrap{width:min(520px,calc(100vw - 120px))!important}
  .public-body.public-template-glass .public-links,
  .public-body.public-template-glass .public-links:not(.link-count-1),
  .public-body.public-template-glass .public-links.link-count-1{
    position:absolute!important;z-index:45!important;top:50%!important;right:-70px!important;transform:translateY(-50%)!important;width:54px!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;
  }
}

/* =====================================================================
   v6.0.36 · PLANTILLAS EXTREMAS + ADMIN DE MÓDULOS MÁS CLARO
   Minimal permanece sin cambios. Sólo se redefine cards/editorial/glass/poster.
   ===================================================================== */

/* ---------- BUBBLE · todo circular, tamaños distintos ---------- */
.public-body.public-template-cards .profile-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.public-body.public-template-cards .profile-card>.cover{
  width:min(350px,82vw)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:6px auto 0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
}
.public-body.public-template-cards .profile-content{
  padding:0 10px 26px!important;
  gap:20px!important;
  align-items:center!important;
}
.public-body.public-template-cards .profile-identity{
  margin-top:-58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:10px!important;
}
.public-body.public-template-cards .public-avatar{
  width:112px!important;height:112px!important;border-radius:50%!important;
  border:6px solid var(--spot-bg)!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
}
.public-body.public-template-cards .identity-copy{display:grid!important;justify-items:center!important;gap:6px!important}
.public-body.public-template-cards .profile-title-line{justify-content:center!important}
.public-body.public-template-cards .profile-title-line h1{text-align:center!important}
.public-body.public-template-cards .profile-bio{text-align:center!important;max-width:32ch!important;margin:0 auto!important}
.public-body.public-template-cards .public-links,
.public-body.public-template-cards .public-links:not(.link-count-1),
.public-body.public-template-cards .public-links.link-count-1{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;
  gap:12px!important;width:100%!important;margin:0!important;padding:0!important;
}
.public-body.public-template-cards .public-links .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link,
.public-body.public-template-cards .public-links.link-count-1 .public-link,
.public-body.public-template-cards .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 78px!important;width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;
  max-width:78px!important;max-height:78px!important;aspect-ratio:1!important;border-radius:50%!important;
  padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.18)!important;
  background:color-mix(in srgb,var(--spot-panel) 88%,transparent)!important;box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.public-body.public-template-cards .public-links .public-link:nth-child(2n){width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;max-width:66px!important;max-height:66px!important}
.public-body.public-template-cards .public-links .public-link:nth-child(3n){width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important;max-width:88px!important;max-height:88px!important}
.public-body.public-template-cards .public-links .link-leading{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important}
.public-body.public-template-cards .public-links .link-mark{width:100%!important;height:100%!important;border-radius:50%!important;font-size:24px!important;box-shadow:none!important}
.public-body.public-template-cards .public-links .link-copy,
.public-body.public-template-cards .public-links .link-arrow{display:none!important}
.public-body.public-template-cards .smart-blocks{
  width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:14px!important;
}
.public-body.public-template-cards .smart-block{
  width:190px!important;min-height:190px!important;aspect-ratio:1/1!important;border-radius:50%!important;
  padding:28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  text-align:center!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(0,0,0,.14)!important;
}
.public-body.public-template-cards .smart-block:nth-child(2n){width:164px!important;min-height:164px!important;padding:23px!important}
.public-body.public-template-cards .smart-block:nth-child(3n){width:214px!important;min-height:214px!important}
.public-body.public-template-cards .smart-block p{text-align:center!important;margin:7px 0 10px!important}
.public-body.public-template-cards .smart-block .btn{min-height:40px!important;padding:9px 13px!important;border-radius:999px!important}
.public-body.public-template-cards .block-location{width:236px!important;min-height:236px!important;padding:24px!important}
.public-body.public-template-cards .block-location .osm-map{height:92px!important;border-radius:999px!important;margin:8px 0!important}
.public-body.public-template-cards .photo-strip{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;
}
.public-body.public-template-cards .gallery-photo{
  flex:0 0 92px!important;width:92px!important;height:92px!important;aspect-ratio:1!important;border-radius:50%!important;overflow:hidden!important;
}
.public-body.public-template-cards .gallery-photo:nth-child(2n){width:76px!important;height:76px!important;flex-basis:76px!important}
.public-body.public-template-cards .gallery-photo:nth-child(3n){width:108px!important;height:108px!important;flex-basis:108px!important}
.public-body.public-template-cards .gallery-photo img{width:100%!important;height:100%!important;aspect-ratio:1!important;border-radius:50%!important;object-fit:cover!important}

/* ---------- MOSAIC · inspiración Metro / Windows Phone ---------- */
.public-body.public-template-editorial .profile-card{
  border-radius:0!important;box-shadow:none!important;border:0!important;overflow:hidden!important;
}
.public-body.public-template-editorial .profile-card>.cover{
  height:230px!important;border-radius:0!important;margin:0!important;border:0!important;
}
.public-body.public-template-editorial .profile-content{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  padding:8px!important;align-items:stretch!important;text-align:left!important;
}
.public-body.public-template-editorial .profile-identity{
  grid-column:1/-1!important;margin:0!important;padding:18px!important;background:var(--spot-panel)!important;
  display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-areas:"avatar title" "avatar bio"!important;
  gap:8px 16px!important;align-items:center!important;text-align:left!important;border-radius:0!important;
}
.public-body.public-template-editorial .public-avatar{
  grid-area:avatar!important;width:96px!important;height:96px!important;border-radius:0!important;border:0!important;margin:0!important;box-shadow:none!important;
}
.public-body.public-template-editorial .identity-copy{display:contents!important}
.public-body.public-template-editorial .profile-title-line{grid-area:title!important;justify-content:flex-start!important;text-align:left!important}
.public-body.public-template-editorial .profile-title-line h1{text-align:left!important;text-transform:none!important;font-size:30px!important}
.public-body.public-template-editorial .profile-bio{grid-area:bio!important;text-align:left!important;max-width:none!important;margin:0!important}
.public-body.public-template-editorial .public-links{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;
}
.public-body.public-template-editorial .public-links .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link,
.public-body.public-template-editorial .public-links.link-count-1 .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  width:100%!important;min-height:112px!important;height:auto!important;aspect-ratio:1!important;border:0!important;border-radius:0!important;
  padding:14px!important;background:var(--spot-panel)!important;box-shadow:none!important;display:flex!important;align-items:flex-end!important;
}
.public-body.public-template-editorial .public-links .public-link:nth-child(3n+1){grid-column:1/-1!important;aspect-ratio:2.1/1!important;min-height:92px!important}
.public-body.public-template-editorial .link-leading{display:flex!important;align-items:center!important;gap:11px!important;width:auto!important;height:auto!important}
.public-body.public-template-editorial .link-mark{width:46px!important;height:46px!important;border-radius:0!important;font-size:18px!important}
.public-body.public-template-editorial .link-copy{display:grid!important}
.public-body.public-template-editorial .link-copy strong{font-size:15px!important}
.public-body.public-template-editorial .link-copy small{font-size:11px!important}
.public-body.public-template-editorial .link-arrow{display:none!important}
.public-body.public-template-editorial .smart-blocks{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;
}
.public-body.public-template-editorial .smart-block{
  min-height:150px!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
}
.public-body.public-template-editorial .smart-block:nth-child(3n+1){grid-column:1/-1!important;min-height:118px!important}
.public-body.public-template-editorial .block-location{grid-column:1/-1!important;min-height:220px!important}
.public-body.public-template-editorial .block-location .osm-map{height:120px!important;border-radius:0!important}
.public-body.public-template-editorial .photo-smart{grid-column:1/-1!important;margin:0!important}
.public-body.public-template-editorial .photo-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:82px!important;gap:8px!important;
}
.public-body.public-template-editorial .gallery-photo{width:100%!important;height:100%!important;min-width:0!important;border-radius:0!important;overflow:hidden!important}
.public-body.public-template-editorial .gallery-photo:first-child{grid-column:span 2!important;grid-row:span 2!important}
.public-body.public-template-editorial .gallery-photo:nth-child(2){grid-column:span 2!important}
.public-body.public-template-editorial .gallery-photo:nth-child(5){grid-column:span 2!important}
.public-body.public-template-editorial .gallery-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover!important}
.public-body.public-template-editorial .brand-credit{grid-column:1/-1!important;padding:10px!important;margin:0!important}

/* ---------- LAYERS · capas superpuestas y desplazadas ---------- */
.public-body.public-template-glass .profile-wrap{width:min(560px,calc(100vw - 28px))!important;overflow:visible!important}
.public-body.public-template-glass .profile-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
.public-body.public-template-glass .profile-card>.cover{
  height:270px!important;border-radius:30px!important;overflow:hidden!important;box-shadow:0 20px 55px rgba(0,0,0,.18)!important;margin:0!important;
}
.public-body.public-template-glass .profile-content{padding:0 16px 34px!important;gap:18px!important;align-items:stretch!important;overflow:visible!important}
.public-body.public-template-glass .profile-identity{
  order:10!important;width:88%!important;margin:-68px auto 0!important;padding:18px!important;background:var(--spot-panel)!important;
  border:1px solid var(--spot-line)!important;border-radius:24px!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;grid-template-areas:"avatar title" "avatar bio"!important;gap:6px 14px!important;align-items:center!important;text-align:left!important;z-index:5!important;
}
.public-body.public-template-glass .public-avatar{grid-area:avatar!important;width:88px!important;height:112px!important;border-radius:20px!important;border:0!important;margin:0!important;box-shadow:none!important}
.public-body.public-template-glass .identity-copy{display:contents!important}
.public-body.public-template-glass .profile-title-line{grid-area:title!important;justify-content:flex-start!important;text-align:left!important}
.public-body.public-template-glass .profile-title-line h1{text-align:left!important;font-size:29px!important}
.public-body.public-template-glass .profile-bio{grid-area:bio!important;text-align:left!important;max-width:none!important;margin:0!important}
.public-body.public-template-glass .public-links,
.public-body.public-template-glass .public-links:not(.link-count-1),
.public-body.public-template-glass .public-links.link-count-1{
  order:20!important;position:relative!important;z-index:7!important;width:max-content!important;max-width:92%!important;margin:-30px auto 2px!important;padding:8px 10px!important;
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;
  background:color-mix(in srgb,var(--spot-panel) 92%,transparent)!important;border:1px solid var(--spot-line)!important;border-radius:999px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.16)!important;transform:none!important;
}
.public-body.public-template-glass .public-links .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link,
.public-body.public-template-glass .public-links.link-count-1 .public-link,
.public-body.public-template-glass .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;
}
.public-body.public-template-glass .public-links .link-leading{width:44px!important;height:44px!important;display:grid!important;place-items:center!important}
.public-body.public-template-glass .public-links .link-mark{width:44px!important;height:44px!important;border-radius:50%!important;font-size:17px!important;box-shadow:none!important}
.public-body.public-template-glass .public-links .link-copy,.public-body.public-template-glass .public-links .link-arrow{display:none!important}
.public-body.public-template-glass .smart-blocks{order:30!important;display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}
.public-body.public-template-glass .smart-block{width:88%!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;position:relative!important}
.public-body.public-template-glass .smart-block:nth-child(odd){align-self:flex-start!important;transform:translateX(-8px)!important}
.public-body.public-template-glass .smart-block:nth-child(even){align-self:flex-end!important;transform:translateX(8px)!important}
.public-body.public-template-glass .photo-smart{order:40!important;width:94%!important;align-self:center!important;transform:translateY(-2px)!important}
.public-body.public-template-glass .photo-strip{padding:8px!important;background:color-mix(in srgb,var(--spot-panel) 92%,transparent)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important}
.public-body.public-template-glass .gallery-photo,.public-body.public-template-glass .gallery-photo img{border-radius:16px!important}

/* ---------- PÓSTER · retrato vertical central + módulos laterales ---------- */
.public-body.public-template-poster .profile-wrap{width:min(660px,calc(100vw - 20px))!important}
.public-body.public-template-poster .profile-card{border:3px solid #11131b!important;border-radius:8px!important;box-shadow:8px 8px 0 #11131b!important;overflow:hidden!important}
.public-body.public-template-poster .profile-card>.cover{height:290px!important;border-radius:0!important;border-bottom:3px solid #11131b!important}
.public-body.public-template-poster .profile-content{
  display:grid!important;grid-template-columns:minmax(68px,.55fr) minmax(180px,1.35fr) minmax(124px,1fr)!important;
  grid-template-areas:"links identity blocks" "photos photos photos" "brand brand brand"!important;
  gap:14px!important;padding:18px!important;align-items:start!important;text-align:left!important;
}
.public-body.public-template-poster .profile-identity{
  grid-area:identity!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important;gap:12px!important;
}
.public-body.public-template-poster .public-avatar{
  width:100%!important;height:auto!important;aspect-ratio:3/4!important;border-radius:4px!important;border:3px solid #11131b!important;margin:0!important;box-shadow:5px 5px 0 #11131b!important;overflow:hidden!important;
}
.public-body.public-template-poster .public-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.public-body.public-template-poster .identity-copy{display:grid!important;gap:8px!important;justify-items:center!important}
.public-body.public-template-poster .profile-title-line{justify-content:center!important;text-align:center!important}
.public-body.public-template-poster .profile-title-line h1{text-align:center!important;font-size:clamp(24px,5vw,38px)!important;line-height:.92!important;text-transform:uppercase!important}
.public-body.public-template-poster .profile-bio{text-align:center!important;max-width:none!important;margin:0!important;font-size:13px!important}
.public-body.public-template-poster .public-links{
  grid-area:links!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;margin:0!important;width:100%!important;
}
.public-body.public-template-poster .public-links .public-link,
.public-body.public-template-poster .public-links:not(.link-count-1) .public-link,
.public-body.public-template-poster .public-links.link-count-1 .public-link,
.public-body.public-template-poster .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;aspect-ratio:1!important;
  padding:0!important;border:2px solid #11131b!important;border-radius:4px!important;box-shadow:3px 3px 0 #11131b!important;background:#fff!important;display:grid!important;place-items:center!important;
}
.public-body.public-template-poster .public-links .link-leading{width:100%!important;height:100%!important;display:grid!important;place-items:center!important}
.public-body.public-template-poster .public-links .link-mark{width:100%!important;height:100%!important;border-radius:2px!important;font-size:19px!important}
.public-body.public-template-poster .public-links .link-copy,.public-body.public-template-poster .public-links .link-arrow{display:none!important}
.public-body.public-template-poster .smart-blocks{grid-area:blocks!important;display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;width:100%!important}
.public-body.public-template-poster .smart-block{padding:12px!important;border-radius:4px!important;border:2px solid #11131b!important;box-shadow:3px 3px 0 #11131b!important;min-width:0!important}
.public-body.public-template-poster .smart-block>b{font-size:13px!important}.public-body.public-template-poster .smart-block p{font-size:12px!important;line-height:1.35!important;margin:6px 0 9px!important}
.public-body.public-template-poster .smart-block .btn{font-size:11px!important;min-height:36px!important;padding:8px 10px!important}
.public-body.public-template-poster .block-location .osm-map{height:105px!important;border-radius:0!important}
.public-body.public-template-poster .photo-smart{grid-area:photos!important;width:100%!important;margin-top:4px!important}
.public-body.public-template-poster .photo-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.public-body.public-template-poster .gallery-photo{width:100%!important;aspect-ratio:3/4!important;border-radius:2px!important;border:2px solid #11131b!important;overflow:hidden!important}
.public-body.public-template-poster .gallery-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover!important;border:0!important}
.public-body.public-template-poster .brand-credit{grid-area:brand!important}

/* Sólo ajustes de seguridad en pantallas realmente angostas. No hay autofit. */
@media (max-width:430px){
  .public-body.public-template-cards .profile-card>.cover{width:min(310px,80vw)!important}
  .public-body.public-template-cards .smart-block{width:172px!important;min-height:172px!important;padding:24px!important}
  .public-body.public-template-cards .smart-block:nth-child(2n){width:150px!important;min-height:150px!important}
  .public-body.public-template-cards .smart-block:nth-child(3n){width:190px!important;min-height:190px!important}

  .public-body.public-template-editorial .profile-content{padding:7px!important;gap:7px!important}
  .public-body.public-template-editorial .profile-identity{grid-template-columns:82px minmax(0,1fr)!important;padding:14px!important}
  .public-body.public-template-editorial .public-avatar{width:82px!important;height:82px!important}
  .public-body.public-template-editorial .photo-strip{grid-auto-rows:68px!important}

  .public-body.public-template-glass .profile-card>.cover{height:230px!important}
  .public-body.public-template-glass .profile-identity{width:92%!important;grid-template-columns:74px minmax(0,1fr)!important;padding:15px!important}
  .public-body.public-template-glass .public-avatar{width:74px!important;height:98px!important}
  .public-body.public-template-glass .smart-block{width:92%!important}

  .public-body.public-template-poster .profile-content{grid-template-columns:60px minmax(158px,1.35fr) minmax(110px,.95fr)!important;gap:9px!important;padding:12px!important}
  .public-body.public-template-poster .profile-card>.cover{height:220px!important}
  .public-body.public-template-poster .public-links .public-link{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}
  .public-body.public-template-poster .smart-block{padding:10px!important}
  .public-body.public-template-poster .smart-block>b{font-size:12px!important}.public-body.public-template-poster .smart-block p{font-size:11px!important}
  .public-body.public-template-poster .photo-strip{gap:5px!important}
}

/* ---------- Selector de plantillas: previews coherentes ---------- */
.template-mini-cards{border-radius:50%!important;background:#f3ebe0!important}
.template-mini-cards:before{inset:7px!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important}
.template-mini-cards b{border-radius:50%!important}
.template-mini-editorial{border-radius:4px!important;background:#efefef!important}
.template-mini-editorial:before{height:31px!important;border-radius:0!important}.template-mini-editorial i{border-radius:0!important}
.template-mini-glass{background:linear-gradient(145deg,#eee6dc,#d5c8ba)!important}.template-mini-glass b{border-radius:7px!important;box-shadow:4px 4px 8px rgba(0,0,0,.15)!important}
.template-mini-poster{border-radius:3px!important}.template-mini-poster b{width:22px!important;height:31px!important;border-radius:2px!important}

/* =====================================================================
   CATÁLOGO DE SECCIONES / EXTRAS · usuario
   ===================================================================== */
.section-market-shell{display:grid;gap:12px;margin-top:14px}
.section-market-legend,.admin-feature-legend{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.market-chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid #deded8;background:#f6f6f2;color:#565b65}
.market-chip.is-on{background:#e9f8ed;color:#17652a;border-color:#b9dfc3}.market-chip.is-included{background:#fff5d9;color:#765312;border-color:#efd48b}.market-chip.is-extra{background:#eaf1ff;color:#244d8a;border-color:#bfd1f2}.market-chip.is-locked{background:#f1f1ef;color:#7b7f86;border-color:#dddeda}
.section-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.section-market-card{min-width:0;border:1px solid #dddeda;border-radius:20px;background:#fff;padding:14px;display:grid;gap:12px;box-shadow:0 7px 20px rgba(17,19,27,.05)}
.section-market-card.state-active{border-color:#9ed1aa;box-shadow:0 0 0 3px rgba(53,153,78,.07)}
.section-market-card.state-included{border-color:#ead08c;background:#fffdf6}.section-market-card.state-owned{border-color:#b7ccef;background:#fafdff}.section-market-card.state-locked{background:#f7f7f4;color:#7b7f86}
.section-market-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.section-market-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#11131b;color:#fff;font-size:21px;flex:0 0 auto}.section-market-state{font-size:9px;font-weight:950;padding:6px 8px;border-radius:999px;background:#efefec;white-space:nowrap}
.state-active .section-market-state{background:#e5f7e9;color:#17652a}.state-included .section-market-state{background:#fff1c9;color:#765312}.state-owned .section-market-state{background:#e7efff;color:#244d8a}
.section-market-copy{display:grid;gap:4px}.section-market-copy strong{font-size:14px;letter-spacing:-.02em}.section-market-copy small{font-size:11px;line-height:1.4;color:#6b707a}
.section-market-action{margin-top:auto}.section-market-action .btn{box-shadow:none!important}
.section-market-editor{border-top:1px solid #ecece7;padding-top:8px}.section-market-editor>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:950;padding:8px 2px}.section-market-editor>summary::-webkit-details-marker{display:none}.section-market-editor[open]>summary span:last-child{transform:rotate(180deg)}
.section-market-config{padding-top:6px}.section-market-config .block-edit{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.section-market-config .widget-style-editor{margin-top:12px}

/* =====================================================================
   ADMIN real · widgets, extras y complementos
   ===================================================================== */
.admin-feature-market{overflow:hidden}.admin-widget-market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.admin-widget-card{min-width:0;border:1px solid #dddeda;border-radius:18px;background:#fff;padding:13px;display:grid;gap:10px}.admin-widget-card.state-active{border-color:#9ed1aa;background:#fbfffc}.admin-widget-card.state-included{border-color:#ead08c;background:#fffdf6}.admin-widget-card.state-owned{border-color:#b7ccef;background:#fbfdff}.admin-widget-card.state-locked{background:#f6f6f3;color:#777c84}
.admin-widget-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.admin-widget-card-head>div{display:grid;gap:2px;min-width:0}.admin-widget-card-head b{font-size:12px}.admin-widget-card-head small{font-size:9px;color:#777c84;line-height:1.35}.admin-widget-state{font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;padding:5px 7px;border-radius:999px;background:#efefec}
.admin-widget-editor>summary{list-style:none;cursor:pointer;border-top:1px solid #ecece8;padding:10px 0 2px;display:flex;justify-content:space-between;font-size:10px;font-weight:950}.admin-widget-editor>summary::-webkit-details-marker{display:none}.admin-widget-editor>div{padding-top:8px}.admin-widget-form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.admin-widget-activate{margin-top:auto}.admin-widget-locked{display:flex;gap:7px;align-items:flex-start;padding:9px;border-radius:12px;background:rgba(0,0,0,.035)}.admin-widget-locked small{font-size:9px;line-height:1.35}
.admin-commerce-grid{align-items:start!important}.admin-market-panel{overflow:hidden}.admin-addon-grid{display:grid;gap:9px}.admin-addon-card{border:1px solid #deded8;border-radius:16px;background:#fafaf7;padding:12px;display:grid;gap:10px}.admin-addon-card.is-active{border-color:#9ed1aa;background:#f8fff9}.admin-addon-main{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.admin-addon-icon{width:36px;height:36px;border-radius:12px;background:#11131b;color:#fff;display:grid;place-items:center;font-weight:950}.admin-addon-main>div{display:grid;gap:2px;min-width:0}.admin-addon-main b{font-size:11px}.admin-addon-main small{font-size:9px;color:#747984;line-height:1.3}.admin-addon-price{font-size:9px;font-weight:950;background:#efefec;border-radius:999px;padding:5px 7px;white-space:nowrap}.admin-addon-action{display:flex;align-items:end;justify-content:space-between;gap:8px}.admin-addon-action label{display:grid;gap:3px;font-size:8px;font-weight:900}.admin-addon-action input{border:1px solid #d8d9d4;border-radius:9px;padding:8px;font:inherit;max-width:130px}

@media(max-width:760px){
  .section-market-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;gap:10px}
  .section-market-card{scroll-snap-align:start}
  .admin-widget-market{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,80vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.admin-widget-card{scroll-snap-align:start}
  .admin-addon-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,82vw);grid-template-columns:none;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.admin-addon-card{scroll-snap-align:start}
}

/* v6.0.37 · IMÁGENES FULL-BLEED · FOCO SUPERIOR POR DEFAULT
   La portada conserva su posición manual mediante --cover-x/--cover-y.
   El lightbox conserva contain para enseñar la foto completa. */
.avatar-preview,
.phone-avatar,
.public-avatar,
.preview,
.photo-manage,
.admin-media-preview,
.admin-media-gallery>div,
.pitch-avatar,
.pitch-photo-preview,
.gallery-photo{
  overflow:hidden;
}

.avatar-preview img,
.phone-avatar img,
.public-avatar img,
.preview img,
.photo-manage>img,
.admin-media-preview img,
.admin-media-gallery img,
.pitch-avatar img,
.pitch-photo-preview img,
.public-body .gallery-photo img,
.gallery-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:50% 0%!important;
}

/* Las galerías ocupan cada celda de borde a borde, sin huecos internos. */
.public-body .gallery-photo,
.gallery-photo{
  padding:0!important;
  line-height:0!important;
}
.public-body .photo-strip,
.photo-strip{
  align-items:stretch!important;
}
.public-body .photo-strip>*,
.photo-strip>*{
  min-width:0!important;
  min-height:0!important;
}

/* Portadas: full-bleed, pero la posición elegida por el usuario manda. */
.profile-card>.cover img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:var(--cover-x,50%) var(--cover-y,0%)!important;
}
.cover-editor img,
.admin-cover-editor img,
.phone-cover img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* Vista grande: excepción intencional, se muestra completa y sin recorte. */
.gallery-lightbox-image{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}

/* =====================================================================
   v6.0.38 · CONTRASTE CANÓNICO + IMÁGENES FULL-BLEED REAL
   Esta capa final gana sobre estilos históricos de theme/template.
   ===================================================================== */

/* 1) La tarjeta interna ya no puede volver a una paleta antigua. */
.public-body.public-theme-dark .profile-card.theme-dark{
  --spot-page:#151823!important;
  --spot-bg:#151823!important;
  --spot-panel:#242837!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:#BAC0CD!important;
  --spot-line:rgba(255,255,255,.14)!important;
  background:#151823!important;
  color:#FFFFFF!important;
}
.public-body.public-theme-orange .profile-card.theme-orange{
  --spot-page:#C24123!important;
  --spot-bg:#C24123!important;
  --spot-panel:#9F321E!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:rgba(255,255,255,.82)!important;
  --spot-line:rgba(255,255,255,.22)!important;
  background:#C24123!important;
  color:#FFFFFF!important;
}
.public-body.public-theme-pink .profile-card.theme-pink{
  --spot-page:#B5175B!important;
  --spot-bg:#B5175B!important;
  --spot-panel:#8D103F!important;
  --spot-text:#FFFFFF!important;
  --spot-muted:rgba(255,255,255,.82)!important;
  --spot-line:rgba(255,255,255,.22)!important;
  background:#B5175B!important;
  color:#FFFFFF!important;
}
.public-body.public-theme-cream .profile-card.theme-cream{
  --spot-page:#F6EEDC!important;
  --spot-bg:#F6EEDC!important;
  --spot-panel:#FFF9EE!important;
  --spot-text:#17191F!important;
  --spot-muted:#665F55!important;
  --spot-line:rgba(17,19,27,.14)!important;
  background:#F6EEDC!important;
  color:#17191F!important;
}

.public-body .profile-content{
  background:var(--spot-bg)!important;
  color:var(--spot-text)!important;
}
.public-body .profile-title-line h1,
.public-body .profile-bio,
.public-body .brand-credit,
.public-body .brand-credit a{
  color:var(--spot-text)!important;
}
.public-body .profile-bio{opacity:.88!important}

/* Paneles de plantilla: contraste consistente con el tema elegido. */
.public-body .profile-identity,
.public-body.public-template-editorial .profile-identity{
  color:var(--spot-text)!important;
}
.public-body.public-theme-dark .profile-identity,
.public-body.public-theme-orange .profile-identity,
.public-body.public-theme-pink .profile-identity{
  background:var(--spot-panel)!important;
}
.public-body.public-theme-cream .profile-identity{
  background:#FFF9EE!important;
}

/* Links nunca heredan blanco sobre panel crema ni oscuro sobre panel fuerte. */
.public-body .public-link{
  color:var(--spot-text)!important;
}
.public-body .public-link .link-copy strong{color:currentColor!important}
.public-body .public-link .link-copy small{color:currentColor!important;opacity:.72!important}
.public-body.public-theme-dark .public-link,
.public-body.public-theme-orange .public-link,
.public-body.public-theme-pink .public-link{
  background:var(--spot-panel)!important;
  border-color:var(--spot-line)!important;
  color:#fff!important;
}
.public-body.public-theme-cream .public-link{
  background:#FFF9EE!important;
  border-color:rgba(17,19,27,.14)!important;
  color:#17191F!important;
}
.public-body.public-theme-dark .link-arrow,
.public-body.public-theme-orange .link-arrow,
.public-body.public-theme-pink .link-arrow{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.public-body.public-theme-cream .link-arrow{
  background:rgba(17,19,27,.07)!important;
  color:#17191F!important;
}

/* 2) Portada: si existe imagen, SIEMPRE visible y full-bleed. */
.public-body .profile-card>.cover{
  background:var(--spot-theme-color,var(--spot-page))!important;
  overflow:hidden!important;
}
.public-body .profile-card>.cover img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--cover-x,50%) var(--cover-y,0%)!important;
  transform:scale(var(--cover-zoom,1))!important;
  transform-origin:var(--cover-x,50%) var(--cover-y,0%)!important;
}
.public-body .cover-shade{z-index:1!important}

/* 3) Todas las miniaturas públicas arrancan arriba-centro y llenan el marco.
      El pequeño overscan evita que bordes blancos incrustados queden tan visibles. */
.public-body .public-avatar img,
.public-body .gallery-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:50% 0!important;
  transform:scale(1.055)!important;
  transform-origin:50% 0!important;
}
.public-body.public-template-editorial .gallery-photo img{
  transform:scale(1.12)!important;
  transform-origin:50% 0!important;
}
.public-body .gallery-photo{
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* La foto grande sigue completa: el overscan sólo existe en miniaturas. */
.public-body .gallery-lightbox-image{
  transform:none!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}

/* 4) MOSAIC: tiles definidos. Nunca más filas gigantes por aspect-ratio heredado. */
.public-body.public-template-editorial .profile-content{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
  gap:8px!important;
}
.public-body.public-template-editorial .profile-identity{
  grid-column:1/-1!important;
  min-height:0!important;
  align-self:start!important;
}
.public-body.public-template-editorial .public-links,
.public-body.public-template-editorial .public-links:not(.link-count-1),
.public-body.public-template-editorial .public-links.link-count-1{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  align-items:stretch!important;
  align-content:start!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
}
.public-body.public-template-editorial .public-links .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link,
.public-body.public-template-editorial .public-links.link-count-1 .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  grid-column:auto!important;
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:13px!important;
  border-radius:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .public-links .public-link:first-child{
  grid-column:1/-1!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
}
.public-body.public-template-editorial .public-links .public-link:nth-child(3n+1):not(:first-child){
  grid-column:auto!important;
}
.public-body.public-template-editorial .public-links .link-leading{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.public-body.public-template-editorial .public-links .link-mark{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
}
.public-body.public-template-editorial .public-links .link-copy{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
.public-body.public-template-editorial .public-links .link-copy strong{
  font-size:15px!important;
  line-height:1.15!important;
}
.public-body.public-template-editorial .public-links .link-copy small{
  font-size:11px!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
.public-body.public-template-editorial .public-links .link-arrow{display:none!important}

/* Mosaic también mantiene las fotos dentro de sus tiles, sin fondo blanco del botón. */
.public-body.public-template-editorial .photo-strip{
  align-items:stretch!important;
  align-content:start!important;
}
.public-body.public-template-editorial .gallery-photo{
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}

/* Póster: los textos deben seguir el contraste del tema aunque su geometría sea extrema. */
.public-body.public-theme-dark.public-template-poster .profile-bio,
.public-body.public-theme-orange.public-template-poster .profile-bio,
.public-body.public-theme-pink.public-template-poster .profile-bio{
  color:#fff!important;
}
.public-body.public-theme-cream.public-template-poster .profile-bio{
  color:#17191F!important;
}

/* Previews/editor: top-center real sin dejar imagen pequeña dentro del marco. */
.avatar-preview img,
.phone-avatar img,
.preview img,
.photo-manage>img,
.admin-media-preview img,
.admin-media-gallery img,
.pitch-avatar img,
.pitch-photo-preview img,
.cover-editor img,
.admin-cover-editor img,
.phone-cover img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 0!important;
}

@media(max-width:430px){
  .public-body.public-template-editorial .public-links .public-link,
  .public-body.public-template-editorial .public-links:not(.link-count-1) .public-link,
  .public-body.public-template-editorial .public-links.link-count-1 .public-link{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
  }
  .public-body.public-template-editorial .public-links .public-link:first-child{
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
  }
}

/* =====================================================================
   v6.0.39 · MOSAIC MODULAR REAL + IMÁGENES SIN ESPACIOS INTERNOS
   Minimal oficial queda intacta. Esta capa sólo redefine Mosaic y el
   comportamiento full-bleed de miniaturas públicas.
   ===================================================================== */

/* Full-bleed duro: el marco manda. La imagen rebasa ligeramente el tile
   para ocultar bordes blancos incrustados sin perder el foco top-center. */
.public-body .gallery-photo,
.public-body .public-avatar{
  position:relative!important;
  overflow:hidden!important;
}
.public-body .gallery-photo img{
  position:absolute!important;
  top:0!important;
  left:-8%!important;
  width:116%!important;
  height:116%!important;
  min-width:116%!important;
  min-height:116%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 0!important;
  transform:none!important;
  margin:0!important;
}
.public-body .public-avatar img{
  position:absolute!important;
  top:0!important;
  left:-4%!important;
  width:108%!important;
  height:108%!important;
  min-width:108%!important;
  min-height:108%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 0!important;
  transform:none!important;
  margin:0!important;
}

/* MOSAIC: todos los módulos viven en una sola cuadrícula de 4 columnas. */
.public-body.public-template-editorial .profile-content{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:clamp(68px,18vw,84px)!important;
  grid-auto-flow:dense!important;
  gap:8px!important;
  align-items:stretch!important;
  align-content:start!important;
  padding:10px 12px 22px!important;
}

/* Los contenedores dejan de ser "secciones" visuales; sus hijos se vuelven tiles. */
.public-body.public-template-editorial .public-links,
.public-body.public-template-editorial .public-links:not(.link-count-1),
.public-body.public-template-editorial .public-links.link-count-1,
.public-body.public-template-editorial .smart-blocks,
.public-body.public-template-editorial .photo-smart,
.public-body.public-template-editorial .photo-strip,
.public-body.public-template-editorial .photo-strip.count-1,
.public-body.public-template-editorial .photo-strip.count-2,
.public-body.public-template-editorial .photo-strip.count-3,
.public-body.public-template-editorial .photo-strip.count-4,
.public-body.public-template-editorial .photo-strip.count-5{
  display:contents!important;
}

.public-body.public-template-editorial .profile-identity{
  grid-column:1/-1!important;
  grid-row:span 2!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .brand-credit{
  grid-column:1/-1!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}

/* Redes como tiles Metro: una protagonista y el resto compactas. */
.public-body.public-template-editorial .public-link,
.public-body.public-template-editorial .public-links .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link,
.public-body.public-template-editorial .public-links.link-count-1 .public-link,
.public-body.public-template-editorial .public-links:not(.link-count-1) .public-link:last-child:nth-child(odd){
  grid-column:span 1!important;
  grid-row:span 1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:8px!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .public-link:first-child{
  grid-column:span 2!important;
  grid-row:span 2!important;
  padding:14px!important;
  place-items:end start!important;
}
.public-body.public-template-editorial .public-link:first-child .link-leading{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.public-body.public-template-editorial .public-link:first-child .link-mark{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  font-size:23px!important;
}
.public-body.public-template-editorial .public-link:first-child .link-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.public-body.public-template-editorial .public-link:first-child .link-copy strong{
  font-size:16px!important;
  line-height:1.1!important;
}
.public-body.public-template-editorial .public-link:first-child .link-copy small{
  font-size:11px!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.public-body.public-template-editorial .public-link:not(:first-child) .link-leading{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
.public-body.public-template-editorial .public-link:not(:first-child) .link-mark{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
}
.public-body.public-template-editorial .public-link:not(:first-child) .link-copy,
.public-body.public-template-editorial .public-link .link-arrow{
  display:none!important;
}

/* Widgets: cada complemento es un tile real; sólo los que necesitan espacio
   (mapa) toman el ancho completo. Se conservan color y estilo elegidos. */
.public-body.public-template-editorial .smart-block{
  grid-column:span 2!important;
  grid-row:span 2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:14px!important;
  overflow:hidden!important;
  align-self:stretch!important;
  background:var(--widget-bg)!important;
  color:var(--widget-text)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
}
.public-body.public-template-editorial .smart-block b,
.public-body.public-template-editorial .smart-block p{
  color:inherit!important;
  margin:0!important;
}
.public-body.public-template-editorial .smart-block .btn{
  align-self:flex-start!important;
  margin-top:4px!important;
}
.public-body.public-template-editorial .smart-block.block-location{
  grid-column:1/-1!important;
  grid-row:span 4!important;
  justify-content:flex-start!important;
}
.public-body.public-template-editorial .smart-block.block-location .osm-map{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:120px!important;
  height:100%!important;
}
.public-body.public-template-editorial .smart-blocks .smart-block:only-child{
  grid-column:span 2!important;
}

/* Fotos: medidas variables, siempre llenando por completo su tile. */
.public-body.public-template-editorial .gallery-photo{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.public-body.public-template-editorial .gallery-photo:nth-child(1){grid-column:span 2!important;grid-row:span 3!important}
.public-body.public-template-editorial .gallery-photo:nth-child(2){grid-column:span 2!important;grid-row:span 2!important}
.public-body.public-template-editorial .gallery-photo:nth-child(3){grid-column:span 1!important;grid-row:span 2!important}
.public-body.public-template-editorial .gallery-photo:nth-child(4){grid-column:span 1!important;grid-row:span 2!important}
.public-body.public-template-editorial .gallery-photo:nth-child(5){grid-column:span 2!important;grid-row:span 2!important}
.public-body.public-template-editorial .gallery-photo img{
  top:0!important;
  left:-12%!important;
  width:124%!important;
  height:124%!important;
  min-width:124%!important;
  min-height:124%!important;
  object-position:50% 0!important;
  transform:none!important;
}

/* No dejar huecos falsos por wrappers antiguos. */
.public-body.public-template-editorial .public-links,
.public-body.public-template-editorial .smart-blocks,
.public-body.public-template-editorial .photo-smart{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
}

/* En pantallas realmente angostas conservamos el mosaico; sólo bajan iconos. */
@media(max-width:360px){
  .public-body.public-template-editorial .profile-content{
    grid-auto-rows:64px!important;
    gap:6px!important;
    padding:8px 8px 18px!important;
  }
  .public-body.public-template-editorial .public-link:first-child .link-mark{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .public-body.public-template-editorial .public-link:not(:first-child) .link-mark{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .public-body.public-template-editorial .smart-block{padding:11px!important}
}

/* v6.0.40 · Mosaic: redes modulares limpias + fotos realmente full-bleed */
/* La red protagonista puede ocupar dos columnas, pero nunca intenta
   mostrar texto dentro de un tile estrecho. */
.public-body.public-template-editorial .public-link:first-child,
.public-body.public-template-editorial .public-links .public-link:first-child{
  grid-column:span 2!important;
  grid-row:span 1!important;
  min-height:0!important;
  padding:0!important;
  place-items:center!important;
}
.public-body.public-template-editorial .public-link,
.public-body.public-template-editorial .public-links .public-link{
  padding:0!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .public-link .link-leading,
.public-body.public-template-editorial .public-links .public-link .link-leading,
.public-body.public-template-editorial .public-link:first-child .link-leading,
.public-body.public-template-editorial .public-links .public-link:first-child .link-leading{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
}
.public-body.public-template-editorial .public-link .link-copy,
.public-body.public-template-editorial .public-links .public-link .link-copy,
.public-body.public-template-editorial .public-link:first-child .link-copy,
.public-body.public-template-editorial .public-links .public-link:first-child .link-copy,
.public-body.public-template-editorial .public-link .link-arrow{
  display:none!important;
}
.public-body.public-template-editorial .public-link .link-mark,
.public-body.public-template-editorial .public-links .public-link .link-mark{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  margin:0!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
}
.public-body.public-template-editorial .public-link:first-child .link-mark,
.public-body.public-template-editorial .public-links .public-link:first-child .link-mark{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
}

/* Algunas fotos originales contienen franjas claras dentro del propio archivo.
   En Mosaic hacemos overscan real: el tile recorta, la imagen siempre rebasa. */
.public-body.public-template-editorial .gallery-photo{
  overflow:hidden!important;
  isolation:isolate!important;
}
.public-body.public-template-editorial .gallery-photo img{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:150%!important;
  height:150%!important;
  min-width:150%!important;
  min-height:150%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 0!important;
  transform:translateX(-50%)!important;
  transform-origin:50% 0!important;
  margin:0!important;
}
/* La foto principal recibe un recorte ligeramente mayor porque ocupa el tile grande. */
.public-body.public-template-editorial .gallery-photo:nth-child(1) img{
  width:158%!important;
  height:158%!important;
  min-width:158%!important;
  min-height:158%!important;
}

@media(max-width:360px){
  .public-body.public-template-editorial .public-link .link-mark,
  .public-body.public-template-editorial .public-links .public-link .link-mark{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
  .public-body.public-template-editorial .public-link:first-child .link-mark,
  .public-body.public-template-editorial .public-links .public-link:first-child .link-mark{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
  }
}

/* v6.0.41 · Mosaic: redes sociales como vectores planos sobre tiles sólidos */
.public-body.public-template-editorial .public-link,
.public-body.public-template-editorial .public-links .public-link{
  position:relative!important;
  background:var(--mosaic-tile,#1f2432)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
/* El tile manda. El icono vive centrado y ya no depende de emojis/texto. */
.public-body.public-template-editorial .public-link .link-leading,
.public-body.public-template-editorial .public-links .public-link .link-leading,
.public-body.public-template-editorial .public-link:first-child .link-leading,
.public-body.public-template-editorial .public-links .public-link:first-child .link-leading{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  padding:0!important;
}
.public-body.public-template-editorial .public-link .link-mark,
.public-body.public-template-editorial .public-links .public-link .link-mark,
.public-body.public-template-editorial .public-link:first-child .link-mark,
.public-body.public-template-editorial .public-links .public-link:first-child .link-mark{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .public-link .link-mark::before,
.public-body.public-template-editorial .public-links .public-link .link-mark::before{
  content:'';
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:min(62%,78px);
  height:min(62%,78px);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:none;
}
.public-body.public-template-editorial .public-link:first-child .link-mark::before,
.public-body.public-template-editorial .public-links .public-link:first-child .link-mark::before{
  width:min(50%,92px);
  height:min(50%,92px);
}
/* Colores sólidos por red + SVG vectorial mono color */
.public-body.public-template-editorial .public-link-instagram{--mosaic-tile:#c0346f!important}
.public-body.public-template-editorial .public-link-facebook{--mosaic-tile:#245fcd!important}
.public-body.public-template-editorial .public-link-tiktok{--mosaic-tile:#13151b!important}
.public-body.public-template-editorial .public-link-threads{--mosaic-tile:#121319!important}
.public-body.public-template-editorial .public-link-pinterest{--mosaic-tile:#b9222d!important}
.public-body.public-template-editorial .public-link-reddit{--mosaic-tile:#f44d11!important}
.public-body.public-template-editorial .public-link-x{--mosaic-tile:#15171d!important}
.public-body.public-template-editorial .public-link-youtube{--mosaic-tile:#d32424!important}
.public-body.public-template-editorial .public-link-linkedin{--mosaic-tile:#135f97!important}
.public-body.public-template-editorial .public-link-whatsapp{--mosaic-tile:#12824a!important}
.public-body.public-template-editorial .public-link-telegram{--mosaic-tile:#2c88c9!important}
.public-body.public-template-editorial .public-link-github{--mosaic-tile:#1e2230!important}
.public-body.public-template-editorial .public-link-spotify{--mosaic-tile:#178342!important}
.public-body.public-template-editorial .public-link-onlyfans{--mosaic-tile:#0097d8!important}
.public-body.public-template-editorial .public-link-website{--mosaic-tile:#292e3f!important}
.public-body.public-template-editorial .public-link-instagram .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.25' y='3.25' width='17.5' height='17.5' rx='5.2' fill='none' stroke='%23fff7f3' stroke-width='2.2'/%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='%23fff7f3' stroke-width='2.2'/%3E%3Ccircle cx='17.6' cy='6.6' r='1.35' fill='%23fff7f3'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-facebook .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f7fbff' d='M13.5 21V13.1h2.7l.4-3.1h-3.1V8.1c0-.9.3-1.5 1.6-1.5h1.7V3.8c-.3 0-1.3-.1-2.5-.1-2.4 0-4.1 1.5-4.1 4.3V10H7.4v3.1H10V21h3.5z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-tiktok .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.7 4c.5 1.8 1.7 3 3.5 3.7v2.6c-1.2 0-2.3-.3-3.3-1v5c0 3-2 5.1-5.1 5.1-2.8 0-4.8-2-4.8-4.6 0-2.8 2.2-4.8 5.1-4.8.3 0 .5 0 .8.1v2.6c-.3-.1-.5-.1-.8-.1-1.4 0-2.5.9-2.5 2.3 0 1.3 1 2.2 2.3 2.2 1.5 0 2.4-.9 2.4-2.9V4h2.4z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-threads .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.7 10.1c-.2-1.9-1.3-3-3.4-3-2.3 0-3.8 1.4-3.8 3.5 0 1.8 1.1 3 2.9 3.4-.4-.2-.8-.7-.8-1.5 0-1.2.9-2.1 2.3-2.1.9 0 1.6.3 2 .8-.8.1-1.6.3-2.4.6-2.3.7-3.4 1.9-3.4 3.8 0 2.2 1.7 3.5 4.3 3.5 2.9 0 4.9-1.7 4.9-4.3 0-1.4-.5-2.6-1.4-3.5.9.1 1.7.4 2.2.7v-2.5c-.7-.5-1.7-.8-2.9-.9-.1-.5-.3-.9-.5-1.3zm-1.8 5.4c-1.4.4-2 .9-2 1.7 0 .7.6 1.2 1.6 1.2 1.3 0 2.2-.8 2.2-2 0-.4-.1-.7-.2-1-.5 0-1 .1-1.6.1z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-pinterest .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff7f7' d='M12 4.1c-4.3 0-6.5 3.1-6.5 5.7 0 1.6.6 3 1.9 3.6.2.1.3 0 .4-.2l.4-1.4c.1-.2 0-.3-.1-.5-.3-.4-.5-1-.5-1.8 0-2.3 1.7-4.4 4.6-4.4 2.5 0 3.8 1.5 3.8 3.5 0 2.6-1.1 4.8-2.9 4.8-.9 0-1.5-.7-1.3-1.7.3-1.2.8-2.5.8-3.4 0-.8-.4-1.4-1.3-1.4-1 0-1.8 1-1.8 2.4 0 .9.3 1.5.3 1.5l-1.2 5c-.3 1.1 0 2.5 0 2.6 0 .1.1.1.2 0 .1-.1 1-1.3 1.3-2.4l.5-1.9c.2.4 1 .8 1.8.8 2.4 0 4.1-2.2 4.1-5.1C18.3 6.2 15.8 4.1 12 4.1z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-reddit .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.1' cy='12.2' r='1.3' fill='%23fff'/%3E%3Ccircle cx='14.9' cy='12.2' r='1.3' fill='%23fff'/%3E%3Cpath d='M8.6 15.3c.9.7 2 1 3.4 1 1.4 0 2.5-.3 3.4-1' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='18.3' cy='10.4' r='1.6' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Ccircle cx='5.7' cy='10.4' r='1.6' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M6.9 9.7C8 8.7 9.7 8.1 12 8.1c2.2 0 4 .6 5.1 1.6' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3Cpath d='M12.4 7.2l.9-3.2 2.3.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='16' cy='4.4' r='1.1' fill='%23fff'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-x .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.2 5h3.2l3.4 4.6L16.8 5H19l-5.2 5.9L19.4 19h-3.2l-3.8-5.1L7.8 19H5.6l5.5-6.3L6.2 5z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-youtube .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21 12c0 2.2-.2 3.6-.4 4.2-.2.6-.6 1-1.2 1.2-.6.2-2 .4-7.4.4s-6.8-.2-7.4-.4c-.6-.2-1-.6-1.2-1.2C3.2 15.6 3 14.2 3 12s.2-3.6.4-4.2c.2-.6.6-1 1.2-1.2C5.2 6.4 6.6 6.2 12 6.2s6.8.2 7.4.4c.6.2 1 .6 1.2 1.2.2.6.4 2 .4 4.2zm-10.1 3.2 5-3.2-5-3.2v6.4z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-linkedin .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='7' cy='7.1' r='1.6' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M5.6 10h2.8v8H5.6zm4.6 0H13v1.1c.4-.7 1.4-1.4 2.9-1.4 3.1 0 3.7 2 3.7 4.7V18h-2.9v-3.2c0-1.6 0-3.5-2.1-3.5s-2.4 1.6-2.4 3.3V18h-2.9V10z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-whatsapp .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 4.3a7.4 7.4 0 0 0-6.3 11.2L4.7 19l3.7-1a7.4 7.4 0 1 0 3.6-13.7zm0 2a5.4 5.4 0 0 1 4.6 8.2 5.4 5.4 0 0 1-7.2 1.9l-.4-.2-2.2.6.6-2.1-.2-.4A5.4 5.4 0 0 1 12 6.3zm-2.2 2.5c-.2 0-.5.1-.8.4-.3.4-.9 1-.9 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.2.7.3 1.3.4 1.7.3.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.1-.4-.2-.8-.4l-1.3-.6c-.3-.1-.5-.1-.7.1l-.6.8c-.1.1-.3.2-.5.1-.2-.1-1-.4-1.9-1.3-.7-.7-1.2-1.6-1.3-1.8-.1-.2 0-.4.1-.5l.4-.5.2-.4c.1-.2.1-.4 0-.6l-.6-1.4c-.2-.5-.4-.6-.6-.6z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-telegram .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.5 5.1 3.9 11.5c-1.1.4-1.1 1 .2 1.4l4.2 1.3 1.6 4.9c.2.7.1.9.9.9.6 0 .8-.3 1.1-.6l2.1-2 4.4 3.2c.8.4 1.4.2 1.6-.8l2.8-13.1c.3-1.2-.4-1.7-1.3-1.3z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-github .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 4C7.6 4 4 7.6 4 12c0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4v-1.5c-2.2.5-2.7-.9-2.7-.9-.4-.9-.9-1.1-.9-1.1-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.2 1.8.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.7-.9-3.7-4 0-.9.3-1.6.8-2.2-.1-.2-.4-1 .1-2.2 0 0 .7-.2 2.3.8.7-.2 1.4-.3 2.1-.3s1.4.1 2.1.3c1.6-1 2.3-.8 2.3-.8.5 1.2.2 2 .1 2.2.5.6.8 1.3.8 2.2 0 3.1-1.9 3.8-3.7 4 .3.2.6.8.6 1.6v2.3c0 .2.1.5.5.4A8 8 0 0 0 20 12c0-4.4-3.6-8-8-8z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-spotify .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16.9 15.6a.8.8 0 0 1-1.1.3 8.7 8.7 0 0 0-8-.9.8.8 0 1 1-.6-1.5c3-.8 6.1-.4 9.3 1.1.4.2.6.7.4 1zm1.5-3.2a1 1 0 0 1-1.3.4 10.8 10.8 0 0 0-9.9-1 .9.9 0 1 1-.7-1.7c3.6-1.1 7.5-.7 11.1 1.1.5.2.7.8.5 1.2zm.1-3.4a1 1 0 0 1-1.4.4 13.1 13.1 0 0 0-11.3-1 .9.9 0 1 1-.6-1.8 14.8 14.8 0 0 1 12.8 1.1c.5.3.7.9.5 1.3z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-onlyfans .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 5.2c1.1 1.7 3.1 3 5.3 3.3v2.1c-.9-.1-1.8-.4-2.6-.9v5.2c0 2.8-2 4.8-4.8 4.8S5.1 17.8 5.1 15c0-2.7 2-4.6 4.8-4.6.3 0 .6 0 .9.1v2c-.3-.1-.6-.1-.9-.1-1.4 0-2.4.9-2.4 2.3 0 1.3.9 2.3 2.3 2.3 1.6 0 2.3-.9 2.3-2.8V5.2H12z'/%3E%3C/svg%3E")}
.public-body.public-template-editorial .public-link-website .link-mark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.3' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M3.7 12h16.6M12 3.7a13 13 0 0 1 0 16.6M12 3.7a13 13 0 0 0 0 16.6' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
@media(max-width:360px){
  .public-body.public-template-editorial .public-link .link-mark::before,
  .public-body.public-template-editorial .public-links .public-link .link-mark::before{width:min(60%,62px);height:min(60%,62px)}
  .public-body.public-template-editorial .public-link:first-child .link-mark::before,
  .public-body.public-template-editorial .public-links .public-link:first-child .link-mark::before{width:min(48%,74px);height:min(48%,74px)}
}

/* v6.0.42 · SVG inline real para Mosaic (Safari-safe). Minimal queda intacto. */
.link-vector{display:none}
.public-body.public-template-editorial .public-link .link-mark,
.public-body.public-template-editorial .public-links .public-link .link-mark{
  display:none!important;
}
.public-body.public-template-editorial .public-link .link-vector,
.public-body.public-template-editorial .public-links .public-link .link-vector{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  color:#fff!important;
}
.public-body.public-template-editorial .public-link .link-vector svg,
.public-body.public-template-editorial .public-links .public-link .link-vector svg{
  display:block!important;
  width:58%!important;
  height:58%!important;
  max-width:86px!important;
  max-height:86px!important;
  overflow:visible!important;
}
.public-body.public-template-editorial .public-link:first-child .link-vector svg,
.public-body.public-template-editorial .public-links .public-link:first-child .link-vector svg{
  width:46%!important;
  height:46%!important;
  max-width:104px!important;
  max-height:104px!important;
}
/* Colores sólidos directos, sin variables intermedias. */
.public-body.public-template-editorial .public-link-instagram{background:#C13584!important;color:#fff!important}
.public-body.public-template-editorial .public-link-facebook{background:#2166D3!important;color:#fff!important}
.public-body.public-template-editorial .public-link-tiktok{background:#111318!important;color:#fff!important}
.public-body.public-template-editorial .public-link-threads{background:#111318!important;color:#fff!important}
.public-body.public-template-editorial .public-link-pinterest{background:#BD2633!important;color:#fff!important}
.public-body.public-template-editorial .public-link-reddit{background:#E94B16!important;color:#fff!important}
.public-body.public-template-editorial .public-link-x{background:#111318!important;color:#fff!important}
.public-body.public-template-editorial .public-link-youtube{background:#D82B2B!important;color:#fff!important}
.public-body.public-template-editorial .public-link-linkedin{background:#17669E!important;color:#fff!important}
.public-body.public-template-editorial .public-link-whatsapp{background:#16814C!important;color:#fff!important}
.public-body.public-template-editorial .public-link-telegram{background:#2D86C7!important;color:#fff!important}
.public-body.public-template-editorial .public-link-spotify{background:#198447!important;color:#fff!important}
.public-body.public-template-editorial .public-link-github{background:#222634!important;color:#fff!important}
.public-body.public-template-editorial .public-link-website{background:#303548!important;color:#fff!important}
/* El SVG ocupa el tile; eliminamos cualquier pseudo-vector de v6.0.41. */
.public-body.public-template-editorial .public-link .link-mark::before,
.public-body.public-template-editorial .public-links .public-link .link-mark::before{content:none!important;background-image:none!important}
@media(max-width:360px){
  .public-body.public-template-editorial .public-link .link-vector svg,
  .public-body.public-template-editorial .public-links .public-link .link-vector svg{width:54%!important;height:54%!important;max-width:68px!important;max-height:68px!important}
}

/* BONITO.WTF v6.0.60 · editor progresivo + productos WhatsApp */
[data-progressive-links] [data-link-row][hidden]{display:none!important}
[data-progressive-links] [data-link-row]{animation:spotLinkReveal .22s ease both}
@keyframes spotLinkReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.product-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.product-admin-item{min-width:0;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fafaf7}
.product-admin-item>b{display:block;margin-bottom:8px;font-size:13px}
.product-admin-item .field{margin:9px 0}
.product-admin-thumb{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;margin:7px 0}
.product-remove-check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:7px 0 2px}
.product-remove-check input{margin:0}

.badge-presets button.is-selected{outline:3px solid rgba(194,65,35,.22);border-color:var(--orange)!important;transform:translateY(-1px)}

@media(max-width:640px){
  .product-admin-grid{grid-template-columns:1fr}
  [data-progressive-links] .social-link-row{margin-bottom:12px}
}


/* BONITO.WTF v6.0.63 · formularios inteligentes y editores sin cortes */
.social-link-row{position:relative;grid-template-columns:28px minmax(150px,.9fr) minmax(170px,1fr) minmax(170px,1fr) minmax(210px,1.2fr) auto!important}
.social-link-row [hidden],.social-admin-link [hidden]{display:none!important}
.social-built-url{grid-column:3/6;min-width:0;font-size:10px;color:var(--muted);font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px 2px}
.social-admin-link label{display:grid;gap:5px;min-width:0}.social-admin-link label small{font-size:9px;font-weight:900;color:var(--muted)}
.social-admin-link label input,.social-admin-link label select{width:100%;min-width:0}
.hours-editor{display:grid;gap:10px;margin:4px 0 12px}
.hours-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px}
.hours-editor-head>div{display:grid;gap:2px}.hours-editor-head b{font-size:13px}.hours-editor-head small{font-size:10px;color:var(--muted)}
.hours-week{display:grid;gap:7px}
.hours-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.72fr) minmax(120px,.72fr);gap:8px;align-items:end;padding:9px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hours-row.is-closed{background:#f7f7f4}
.hours-row>label:not(.hours-day){display:grid;gap:4px}.hours-row>label>small{font-size:9px;font-weight:900;color:var(--muted)}
.hours-row input[type=time]{width:100%;min-width:0;border:1px solid #d8d9d4;background:#fafaf7;border-radius:11px;padding:9px 10px;font:inherit}
.hours-day{min-height:40px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;cursor:pointer}.hours-day input{width:18px;height:18px;margin:0}.hours-day span{min-width:70px}.hours-day em{font-style:normal;font-size:9px;color:#17652a;background:#e7f7eb;border-radius:999px;padding:5px 7px;margin-left:auto}.hours-row.is-closed .hours-day em{color:#6f737b;background:#e9e9e5}
.section-market-card.is-editing,.admin-widget-card.is-editing{grid-column:1/-1!important;width:100%;max-width:none!important;box-shadow:0 12px 36px rgba(17,19,27,.09)}
.section-market-card.is-editing .section-market-config,.admin-widget-card.is-editing .admin-widget-editor>div{width:100%;min-width:0}
.section-market-card.is-editing input,.section-market-card.is-editing select,.section-market-card.is-editing textarea,.admin-widget-card.is-editing input,.admin-widget-card.is-editing select,.admin-widget-card.is-editing textarea{max-width:100%;box-sizing:border-box}
@media(max-width:760px){
  .section-market-grid.has-open-editor,.admin-widget-market.has-open-editor{display:block!important;overflow:visible!important;padding:0!important}
  .section-market-grid.has-open-editor>.section-market-card:not(.is-editing),.admin-widget-market.has-open-editor>.admin-widget-card:not(.is-editing){display:none!important}
  .section-market-grid.has-open-editor>.section-market-card.is-editing,.admin-widget-market.has-open-editor>.admin-widget-card.is-editing{width:100%!important;margin:0!important}
  .hours-row{grid-template-columns:1fr 1fr}.hours-day{grid-column:1/-1}.hours-day em{margin-left:auto}
  .social-link-row{grid-template-columns:24px minmax(0,1fr)!important}.social-built-url{grid-column:2!important;max-width:100%}.social-link-row>label{grid-column:2!important}.link-move{grid-column:2!important}
  .social-admin-link{grid-template-columns:28px minmax(0,1fr)!important}.social-admin-link>span{grid-row:1/5}.social-admin-link>label,.social-admin-link>.social-built-url{grid-column:2!important}
}
@media(max-width:390px){.hours-row{grid-template-columns:1fr}.hours-day{grid-column:1}.hours-editor-head{align-items:flex-start}.hours-editor-head .btn{padding-inline:9px}}

/* BONITO.WTF v6.0.64 · YouTube, Spotify y calificación Google */
.media-settings-grid{align-items:end}.section-inline-note{display:block;margin:8px 0 2px}
.media-block-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.media-block-head>div{display:grid;gap:1px;min-width:0}.media-block-head b{font-size:14px}.media-block-head small{font-size:10px;opacity:.72}.media-brand-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.media-brand-icon svg{width:20px;height:20px}.media-brand-youtube{background:#e32626;color:#fff}.media-brand-spotify{background:#1db954;color:#0b1810}
.youtube-thumb,.youtube-mini{position:relative;width:100%;border:0;border-radius:17px;overflow:hidden;background:#111;display:block;color:#fff}.youtube-horizontal{aspect-ratio:16/9}.youtube-vertical{aspect-ratio:9/16;width:min(76%,300px);max-width:100%;margin-inline:auto}.youtube-thumb{padding:0;cursor:pointer;text-align:left}.youtube-thumb img{width:100%;height:100%;display:block;object-fit:cover}.youtube-thumb.youtube-vertical img{object-fit:cover}.youtube-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.58))}.youtube-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e32626;color:#fff;font-size:22px;box-shadow:0 8px 28px rgba(0,0,0,.28);padding-left:3px}.youtube-open-label{position:absolute;z-index:2;left:13px;bottom:11px;font-size:11px;font-weight:900}.youtube-mini iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-expand-btn{position:absolute;z-index:3;right:9px;bottom:9px;border:0;border-radius:999px;padding:8px 11px;background:rgba(17,19,27,.86);color:#fff;font:800 10px/1 inherit;backdrop-filter:blur(8px);cursor:pointer}
.spotify-player{display:block;width:100%;border:0;border-radius:16px;background:#121212}.spotify-player.is-compact{height:152px}.spotify-player.is-tall{height:352px;max-height:54vh}.spotify-open-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:13px;background:#1db954;color:#07140b!important;text-decoration:none;font-size:11px;font-weight:950;padding:10px 14px}
.google-rating-badge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;padding:14px;border-radius:17px;background:#fff;color:#1a1c22!important;border:1px solid rgba(30,32,38,.09);text-decoration:none;box-shadow:0 6px 22px rgba(22,24,30,.08)}.google-rating-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.google-g{width:27px;height:27px;border-radius:9px;background:#f4f5f7;display:grid;place-items:center;font-size:16px;font-weight:950;color:#4285f4}.google-rating-score{display:flex;align-items:center;gap:4px;justify-self:end}.google-rating-score strong{font-size:24px;line-height:1}.google-rating-score span{color:#f4b400;font-size:18px}.google-rating-count{font-size:10px;color:#69707c}.google-rating-open{justify-self:end;font-size:10px;font-weight:900;color:#315fbd}
.youtube-lightbox[hidden]{display:none!important}.youtube-lightbox{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.youtube-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(8,9,12,.92);backdrop-filter:blur(9px)}.youtube-lightbox-panel{position:relative;z-index:1;width:min(100%,1100px);height:min(100%,780px);display:grid;place-items:center}.youtube-lightbox-close{position:absolute;z-index:3;right:0;top:0;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#11131b;font-size:28px;line-height:1;cursor:pointer}.youtube-lightbox-stage{width:min(96vw,1050px);max-height:88dvh;display:grid;place-items:center}.youtube-lightbox-stage.is-horizontal{aspect-ratio:16/9}.youtube-lightbox-stage.is-vertical{height:min(88dvh,900px);aspect-ratio:9/16;width:auto;max-width:94vw}.youtube-lightbox-stage iframe{width:100%;height:100%;border:0;border-radius:16px;background:#000}.media-modal-open{overflow:hidden}
@media(max-width:640px){.media-settings-grid{grid-template-columns:1fr!important}.youtube-play{width:48px;height:48px}.spotify-player.is-tall{height:310px}.google-rating-badge{padding:12px}.youtube-lightbox{padding:10px}.youtube-lightbox-close{right:2px;top:2px;width:40px;height:40px}.youtube-lightbox-stage.is-horizontal{width:100vw}.youtube-lightbox-stage iframe{border-radius:0}.youtube-lightbox-stage.is-vertical iframe{border-radius:14px}}


/* BONITO.WTF v6.0.65 · Mosaic links en una fila + fondo de portada igual al tema */
.link-mosaic-text{display:none}
.phone-preview[data-theme="cream"] .phone-cover{background:#F6EEDC!important}
.phone-preview[data-theme="orange"] .phone-cover{background:#C24123!important}
.phone-preview[data-theme="pink"] .phone-cover{background:#B5175B!important}
.phone-preview[data-theme="dark"] .phone-cover{background:#151823!important}

/* v6.0.68 · borrar links creados */
.social-link-row{grid-template-columns:28px minmax(150px,.9fr) minmax(170px,1fr) minmax(170px,1fr) minmax(210px,1.2fr) auto auto!important}
.link-delete{width:38px;height:38px;display:grid;place-items:center;border:1px solid #efc6bf;border-radius:11px;background:#fff7f5;color:#a73728;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.link-delete:hover{background:#ffe9e4;border-color:#d99a8e;transform:translateY(-1px)}
.link-delete svg{width:18px;height:18px;fill:currentColor;display:block}
@media(max-width:980px){.social-link-row{grid-template-columns:28px 1fr 1fr auto!important}.link-delete{grid-column:4;grid-row:1;align-self:end}}
@media(max-width:600px){.social-link-row{grid-template-columns:24px minmax(0,1fr) auto!important}.social-link-row>label{grid-column:2/4!important}.link-move{grid-column:2!important;justify-self:end}.link-delete{grid-column:3!important;grid-row:auto!important;justify-self:end}}


/* BONITO.WTF v6.0.71 · Link personalizado: dos letras o 8 vectores */
.custom-mark-field{grid-column:2/-1;display:grid;gap:7px;padding:9px 10px;border:1px solid #e0dfda;border-radius:13px;background:#fff}
.custom-mark-field[hidden]{display:none!important}.custom-mark-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-mark-head small{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.custom-mark-head span{font-size:9px;color:var(--muted)}
.custom-mark-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center}.custom-mark-modes{display:flex;gap:5px}.custom-mark-modes button{border:1px solid #d8d9d4;background:#fafaf7;color:#343842;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.custom-mark-modes button.is-active{background:#17191f;color:#fff;border-color:#17191f}
.custom-mark-letters{min-width:0}.custom-mark-letters input{width:74px!important;text-align:center;text-transform:uppercase;font-weight:1000;letter-spacing:.08em;padding:9px 10px!important}
.custom-vector-grid{display:grid;grid-template-columns:repeat(8,38px);gap:5px;overflow-x:auto;padding:1px;scrollbar-width:none}.custom-vector-grid::-webkit-scrollbar{display:none}.custom-vector-option{width:38px;height:38px;border-radius:11px;border:1px solid #d8d9d4;background:#fafaf7;color:#343842;display:grid;place-items:center;padding:0;cursor:pointer;flex:0 0 auto}.custom-vector-option svg{width:20px;height:20px}.custom-vector-option.is-active{background:#17191f;color:#fff;border-color:#17191f;box-shadow:0 0 0 2px rgba(194,65,35,.15)}
.social-admin-link .custom-mark-field{grid-column:2/-1}.link-mark .custom-link-vector-svg{width:56%;height:56%;display:block;margin:auto}.link-vector .custom-link-letters{display:grid;place-items:center;width:100%;height:100%;font:1000 clamp(14px,1.3em,28px)/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:currentColor}
.public-body.public-template-editorial .link-vector .custom-link-letters{font-size:clamp(18px,5vw,34px)!important}.public-body.public-template-cards .link-vector .custom-link-letters{font-size:clamp(17px,5vw,28px)!important}
@media(max-width:760px){.custom-mark-field{grid-column:2/4!important}.custom-mark-editor{grid-template-columns:1fr}.custom-vector-grid{grid-template-columns:repeat(8,36px)}.custom-vector-option{width:36px;height:36px}.social-admin-link .custom-mark-field{grid-column:2!important}}

/* v6.0.72 · anclas de edición: evita que la barra deje el bloque pegado al borde. */
#perfil,#links,#secciones,#fotos,#metricas,.section-market-card{scroll-margin-top:88px;}


/* v6.0.73 · Vista previa real: usa el mismo renderer público. */
.real-preview-stage{width:100%}
.real-spot-preview-shell{width:100%;max-width:300px;height:580px;margin:0 auto;border:8px solid #11131b;border-radius:36px;overflow:hidden;background:#fff;box-shadow:0 28px 65px rgba(17,19,27,.2)}
.real-spot-preview{display:block;width:100%;height:100%;border:0;background:#fff}
.real-preview-actions{width:min(300px,100%);margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.real-preview-actions span{font-size:9px;line-height:1.35;color:var(--muted)}
@media(max-width:980px){.real-spot-preview-shell{max-width:320px;height:600px}}
@media(max-width:600px){.real-spot-preview-shell{max-width:280px;height:540px;border-width:7px;border-radius:32px}.real-preview-actions{max-width:280px}}


/* v6.0.74 · Vista previa híbrida */
.preview-fab{display:none}
.preview-mobile-close{display:none}
@media(min-width:761px){
  .live-side{display:block!important;visibility:visible!important;opacity:1!important}
  .preview-drawer{display:block}
}
@media(max-width:760px){
  body.preview-drawer-open{overflow:hidden;overscroll-behavior:none}
  .preview-fab{
    position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));z-index:10010;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 16px;border:0;border-radius:999px;
    background:#11131b;color:#fff;font:900 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    box-shadow:0 14px 34px rgba(17,19,27,.28);cursor:pointer;-webkit-tap-highlight-color:transparent
  }
  .preview-fab span{font-size:17px;line-height:1;color:#ffd85e}
  .live-side{
    position:fixed!important;inset:0!important;top:0!important;z-index:10020!important;order:initial!important;
    display:grid!important;align-items:end;background:rgba(10,11,15,.54);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease
  }
  .live-side.is-preview-open{opacity:1;visibility:visible;pointer-events:auto}
  .preview-drawer{
    --preview-drag-y:0px;position:relative;width:100%!important;height:min(90dvh,820px);max-height:90dvh;margin:0!important;
    display:flex!important;flex-direction:column;background:#f2eee6!important;border:0!important;border-radius:26px 26px 0 0!important;
    overflow:hidden!important;box-shadow:0 -18px 60px rgba(0,0,0,.28);transform:translateY(calc(100% + var(--preview-drag-y)));
    transition:transform .28s cubic-bezier(.22,.75,.2,1)
  }
  .live-side.is-preview-open .preview-drawer{transform:translateY(var(--preview-drag-y))}
  .live-side.is-preview-dragging .preview-drawer{transition:none}
  .preview-drawer>summary{
    position:relative;display:flex!important;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;
    min-height:68px;padding:20px 16px 12px!important;background:#fff;cursor:grab!important;touch-action:pan-x;user-select:none;-webkit-user-select:none
  }
  .preview-drawer>summary::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:99px;background:#d2d2ce;transform:translateX(-50%)}
  .preview-drawer>summary>span:first-child{display:grid;gap:2px}
  .preview-drawer>summary b{font-size:14px}
  .preview-drawer>summary small{font-size:9px;color:var(--muted)}
  .preview-mobile-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e0e0db;border-radius:50%;background:#f7f7f4;color:#11131b;font-size:24px;line-height:1;cursor:pointer}
  .preview-stage.real-preview-stage{flex:1;min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:14px 12px max(16px,env(safe-area-inset-bottom))!important;display:block!important}
  .real-spot-preview-shell{width:min(100%,390px)!important;max-width:390px!important;height:calc(min(90dvh,820px) - 145px)!important;min-height:500px;margin:0 auto!important;border-width:7px!important;border-radius:31px!important}
  .real-preview-actions{width:min(100%,390px)!important;max-width:390px!important;margin:10px auto 0!important;padding-bottom:2px}
}
@media(max-width:420px){
  .real-spot-preview-shell{height:calc(90dvh - 142px)!important;min-height:460px}
}


/* BONITO.WTF v6.0.75 · colores premium exclusivos de Wapito + .com */
.theme-editor{display:grid;gap:10px;margin:15px 0}.theme-editor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.theme-editor-head>div{display:grid;gap:3px}.theme-editor-head span{font-size:12px;font-weight:900}.theme-editor-head small{font-size:9px;color:var(--muted)}.theme-editor-head a,.theme-editor-head>b{font-size:9px;font-weight:950;color:var(--orange);text-decoration:none;white-space:nowrap}.theme-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theme-swatch-choice{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:8px;border:1px solid #deded8;border-radius:14px;background:#fafaf7;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.theme-swatch-choice:hover{transform:translateY(-1px)}.theme-swatch-choice input{position:absolute;opacity:0;pointer-events:none}.theme-swatch-choice.is-selected{border-color:#11131b;box-shadow:0 0 0 2px rgba(17,19,27,.08)}.theme-swatch-choice.is-locked{cursor:not-allowed;opacity:.72}.theme-swatch-choice.is-locked:hover{transform:none}.theme-swatch-visual{position:relative;width:38px;height:38px;border-radius:11px;background:var(--swatch-bg);border:1px solid rgba(17,19,27,.12);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.theme-swatch-visual i{position:absolute;right:5px;bottom:5px;width:12px;height:12px;border-radius:50%;background:var(--swatch-accent);border:1px solid rgba(255,255,255,.65)}.theme-swatch-visual.is-split{background:linear-gradient(135deg,#fff 0 54%,var(--swatch-accent) 54% 100%)}.theme-swatch-copy{display:grid;gap:2px;min-width:0}.theme-swatch-copy strong{font-size:10px;line-height:1.12}.theme-swatch-copy small{font-size:8px;line-height:1.15;color:var(--muted)}.theme-swatch-choice.is-locked .theme-swatch-copy small{color:#9b5a18;font-weight:900}
@media(max-width:760px){.theme-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-editor-head{align-items:flex-start}.theme-swatch-choice{min-height:60px}}

/* Paletas premium públicas. Mantienen contraste en todas las plantillas. */
html.public-html.public-theme-strongblue,.public-body.public-theme-strongblue{--spot-page:#1646D8!important;--spot-bg:#1646D8!important;--spot-panel:#1037AC!important;--spot-text:#fff!important;--spot-muted:rgba(255,255,255,.82)!important;--spot-line:rgba(255,255,255,.22)!important;--theme-text:#fff!important;--theme-muted:rgba(255,255,255,.82)!important;--theme-panel:#1037AC!important;--theme-line:rgba(255,255,255,.22)!important;background:#1646D8!important;color-scheme:dark!important}
html.public-html.public-theme-burntred,.public-body.public-theme-burntred{--spot-page:#963B2E!important;--spot-bg:#963B2E!important;--spot-panel:#742D23!important;--spot-text:#fff!important;--spot-muted:rgba(255,255,255,.82)!important;--spot-line:rgba(255,255,255,.22)!important;--theme-text:#fff!important;--theme-muted:rgba(255,255,255,.82)!important;--theme-panel:#742D23!important;--theme-line:rgba(255,255,255,.22)!important;background:#963B2E!important;color-scheme:dark!important}
html.public-html.public-theme-darkyellow,.public-body.public-theme-darkyellow{--spot-page:#8B6500!important;--spot-bg:#8B6500!important;--spot-panel:#6E5000!important;--spot-text:#fff!important;--spot-muted:rgba(255,255,255,.84)!important;--spot-line:rgba(255,255,255,.24)!important;--theme-text:#fff!important;--theme-muted:rgba(255,255,255,.84)!important;--theme-panel:#6E5000!important;--theme-line:rgba(255,255,255,.24)!important;background:#8B6500!important;color-scheme:dark!important}
html.public-html.public-theme-ofblue,.public-body.public-theme-ofblue{--spot-page:#FFFFFF!important;--spot-bg:#FFFFFF!important;--spot-panel:#EAF8FE!important;--spot-text:#102432!important;--spot-muted:#4B6978!important;--spot-line:rgba(0,175,240,.30)!important;--theme-text:#102432!important;--theme-muted:#4B6978!important;--theme-panel:#EAF8FE!important;--theme-line:rgba(0,175,240,.30)!important;background:#FFFFFF!important;color-scheme:light!important}
.public-body.public-theme-strongblue .profile-card.theme-strongblue,.public-body.public-theme-burntred .profile-card.theme-burntred,.public-body.public-theme-darkyellow .profile-card.theme-darkyellow{background:var(--spot-bg)!important;color:#fff!important}
.public-body.public-theme-ofblue .profile-card.theme-ofblue{background:#fff!important;color:#102432!important}
.public-body.public-theme-strongblue .profile-identity,.public-body.public-theme-burntred .profile-identity,.public-body.public-theme-darkyellow .profile-identity{background:var(--spot-panel)!important;color:#fff!important}
.public-body.public-theme-ofblue .profile-identity{background:#EAF8FE!important;color:#102432!important;border-color:rgba(0,175,240,.22)!important}
.public-body.public-theme-strongblue .public-link,.public-body.public-theme-burntred .public-link,.public-body.public-theme-darkyellow .public-link{background:var(--spot-panel)!important;border-color:var(--spot-line)!important;color:#fff!important}
.public-body.public-theme-ofblue .public-link{background:#00AFF0!important;border-color:#00A5E3!important;color:#fff!important}
.public-body.public-theme-strongblue .link-arrow,.public-body.public-theme-burntred .link-arrow,.public-body.public-theme-darkyellow .link-arrow,.public-body.public-theme-ofblue .link-arrow{background:rgba(255,255,255,.16)!important;color:#fff!important}
.public-body.public-theme-strongblue .profile-title-line h1,.public-body.public-theme-strongblue .profile-bio,.public-body.public-theme-strongblue .brand-credit,.public-body.public-theme-strongblue .brand-credit a,.public-body.public-theme-burntred .profile-title-line h1,.public-body.public-theme-burntred .profile-bio,.public-body.public-theme-burntred .brand-credit,.public-body.public-theme-burntred .brand-credit a,.public-body.public-theme-darkyellow .profile-title-line h1,.public-body.public-theme-darkyellow .profile-bio,.public-body.public-theme-darkyellow .brand-credit,.public-body.public-theme-darkyellow .brand-credit a{color:#fff!important}
.public-body.public-theme-ofblue .profile-title-line h1,.public-body.public-theme-ofblue .profile-bio,.public-body.public-theme-ofblue .brand-credit,.public-body.public-theme-ofblue .brand-credit a{color:#102432!important}
.public-body.public-theme-ofblue .profile-card>.cover{background:#00AFF0!important}


/* BONITO.WTF v6.0.76 · teaser de emojis bloqueados en FREE */
.badge-editor-locked{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px}
.badge-locked-options{display:flex;align-items:stretch;gap:8px;grid-column:1/-1}
.badge-locked-choice{position:relative;display:grid;place-items:center;gap:2px;min-width:76px;min-height:68px;padding:8px 12px;border:1px solid #deded8;border-radius:15px;background:#fafaf7;cursor:not-allowed;user-select:none;overflow:hidden}
.badge-locked-choice b{font-size:27px;line-height:1;filter:saturate(.9)}
.badge-locked-choice small{font-size:9px;font-weight:900;color:#9b5a18;letter-spacing:.01em}
.badge-locked-choice::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.34));pointer-events:none}
.badge-upgrade-link{justify-self:end;white-space:nowrap}
@media(max-width:760px){.badge-editor-locked{grid-template-columns:1fr}.badge-locked-options{grid-column:auto}.badge-locked-choice{flex:1;min-width:0}.badge-upgrade-link{justify-self:stretch;text-align:center}}

/* MASTER 6.0.80 · Presentaciones como embudo comercial */
.pitch-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.pitch-overview{display:grid;gap:2px;margin:0!important;padding:14px!important}.pitch-overview small{color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.12em}.pitch-overview b{font-size:28px;line-height:1;letter-spacing:-.05em}.pitch-overview span{color:var(--muted);font-size:9px}
.pitch-status-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pitch-interest,.pitch-expired-chip{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:950}.pitch-interest.new{background:#efeee9;color:#656770}.pitch-interest.viewing{background:#eaf1ff;color:#284f83}.pitch-interest.answered{background:#eee9ff;color:#5a4488}.pitch-interest.interest{background:#fff0db;color:#87520c}.pitch-interest.hot{background:#ffe0d5;color:#9d351c}.pitch-interest.closed{background:#e5f5e8;color:#245c32}.pitch-expired-chip{background:#2b2418;color:#f1cc72}.pitch-person-copy{min-width:0}.pitch-person-copy h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pitch-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.pitch-progress>div{height:8px;overflow:hidden;border-radius:999px;background:#eceae4}.pitch-progress>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c24123,#f29a67)}.pitch-progress>b{font-size:9px;color:#6e717a}.pitch-admin-card .pitch-admin-metrics{grid-template-columns:repeat(3,1fr)}.pitch-admin-card .pitch-admin-metrics b{font-size:16px}.pitch-card-actions{display:flex;gap:7px;flex-wrap:wrap}.pitch-more-actions{display:grid;gap:8px;padding-top:9px}.pitch-more-actions form{margin:0}
.pitch-preview-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:11px}.pitch-preview-progress>span{height:7px;overflow:hidden;border-radius:999px;background:#2d3241}.pitch-preview-progress i{display:block;height:100%;background:#f29a67}.pitch-preview-progress b{font-size:9px;color:#d7dbe4}.pitch-expiry-field{padding:11px;border:1px solid var(--line);border-radius:15px;background:#fafaf7}.pitch-date-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.pitch-date-quick button{border:1px solid #dad8d2;border-radius:999px;background:#fff;padding:6px 9px;font-size:8px;font-weight:900;cursor:pointer}.pitch-date-quick button:hover{border-color:#c24123;color:#9a351f}
.pitch-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:13px 0}.pitch-funnel span{position:relative;display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fafaf7;color:#90939b}.pitch-funnel span.done{background:#fff5ef;color:#7a2b18;border-color:#eed3c8}.pitch-funnel b{font-size:18px;color:inherit}.pitch-funnel small{font-size:8px;font-weight:900}.pitch-activity-card,.pitch-tools-card{margin-top:16px}.pitch-timeline{display:grid;gap:0}.pitch-timeline>div{position:relative;display:grid;grid-template-columns:16px 1fr;gap:8px;padding:0 0 14px}.pitch-timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:#deddd7}.pitch-timeline i{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border-radius:50%;background:#c24123;box-shadow:0 0 0 4px #fff3ed}.pitch-timeline span{display:grid;gap:2px}.pitch-timeline b{font-size:10px}.pitch-timeline small{color:#7b4d3f;font-size:9px}.pitch-timeline em{color:var(--muted);font-size:8px;font-style:normal}.pitch-tool-grid{display:flex;gap:7px;flex-wrap:wrap}.pitch-tool-grid form{margin:0}.pitch-qr-card{max-width:560px;margin-inline:auto;text-align:center}.pitch-qr-card h2{margin:8px 0 4px;font-size:30px}.pitch-qr-box{display:grid;place-items:center;margin:17px auto;width:min(330px,82vw);aspect-ratio:1;border:1px solid var(--line);border-radius:24px;background:#fff;padding:16px}.pitch-qr-box img{display:block;width:100%;height:100%;object-fit:contain}.pitch-qr-card .button-row{justify-content:center;margin-top:12px}
@media(max-width:760px){.pitch-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pitch-admin-card .pitch-admin-metrics{grid-template-columns:repeat(3,1fr)}.pitch-funnel{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.pitch-funnel span{flex:0 0 105px;scroll-snap-align:start}.pitch-card-actions .btn{flex:1 1 auto}.pitch-tool-grid{display:grid;grid-template-columns:1fr 1fr}.pitch-tool-grid>* .btn,.pitch-tool-grid>a{width:100%}}

/* MASTER 6.0.81 · respuestas de Presentaciones */
@media(min-width:761px){.pitch-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* BONITO.WTF v6.0.92 · Link template preview + floating join CTA */
.template-mini-link{background:#f1efe9}
.template-mini-link:before{display:none}
.template-mini-link b{width:18px;height:18px;left:22px;top:7px;background:#191b22;border:3px solid #fff}
.template-mini-link i{left:8px;right:8px;width:auto!important;height:8px!important;border-radius:5px!important;background:#191b22!important}
.template-mini-link i:nth-child(1){top:31px}
.template-mini-link i:nth-child(2){top:44px}
.template-mini-link i:nth-child(3){top:57px}

.bonito-join-float{
  position:fixed;z-index:1200;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));
  display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;
  min-height:48px;max-width:min(260px,calc(100vw - 24px));padding:7px 10px 7px 7px;border-radius:999px;
  color:#fff!important;background:#11131b!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 34px rgba(17,19,27,.28)!important;text-decoration:none!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease;
}
.bonito-join-float:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(17,19,27,.34)!important}
.bonito-join-fire{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#c24123;color:#fff}
.bonito-join-fire svg{display:block;width:20px;height:20px}
.bonito-join-copy{display:grid;gap:0;min-width:0;line-height:1.05}
.bonito-join-copy small{font-size:7.5px;font-weight:800;letter-spacing:.02em;opacity:.68;white-space:nowrap}
.bonito-join-copy b{font-size:10px;font-weight:950;letter-spacing:-.015em;white-space:nowrap}
.bonito-join-arrow{font-size:13px;font-weight:900;opacity:.75}
@media(max-width:420px){
  .bonito-join-float{grid-template-columns:31px minmax(0,1fr) 15px;min-height:44px;padding:6px 9px 6px 6px;gap:7px}
  .bonito-join-fire{width:31px;height:31px}.bonito-join-fire svg{width:18px;height:18px}
  .bonito-join-copy small{font-size:7px}.bonito-join-copy b{font-size:9.5px}
}

/* =========================================================
   v6.0.93 · Onboarding app-like BONITO.WTF
   ========================================================= */
body.onboarding-page{margin:0;background:#f7f7f5;color:#151515;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;min-height:100svh}
body.onboarding-page .space-nav,body.onboarding-page .space-footer{display:none!important}
body.onboarding-page .space-main{width:100%;max-width:none;margin:0;padding:0;min-height:100svh}
.ob-shell{--ob-accent:#c24123;--ob-accent-2:#ff734f;--ob-ink:#151515;--ob-muted:#6c6c68;--ob-line:#e8e8e3;--ob-card:#fff;min-height:100svh;box-sizing:border-box}
.ob-topbar{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 max(22px,env(safe-area-inset-left));box-sizing:border-box;position:relative;z-index:10}
.ob-topbar>*:last-child{justify-self:end}.ob-wordmark{display:inline-flex;align-items:baseline;gap:1px;color:#111;text-decoration:none;font-size:20px;font-weight:950;letter-spacing:-.055em}.ob-wordmark span{color:var(--ob-accent);font-size:.72em;letter-spacing:-.02em}.ob-quiet-link,.ob-back{color:#5f5f5b;text-decoration:none;font-weight:800;font-size:14px}.ob-back{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--ob-line);font-size:22px;box-shadow:0 7px 20px rgba(20,20,20,.05)}
.ob-step-name{font-size:13px;font-weight:900;color:#777771}.ob-progress{height:5px;background:#e8e8e2;overflow:hidden}.ob-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c24123,#ff7a55);transition:width .35s ease}
.ob-auth-shell{background:radial-gradient(circle at 90% 10%,rgba(255,115,79,.13),transparent 30%),#fafaf8;position:relative;overflow:hidden}.ob-auth-card{width:min(620px,calc(100% - 36px));margin:clamp(42px,9vh,110px) auto 40px;position:relative;z-index:2}.ob-step-kicker{font-size:11px;letter-spacing:.13em;font-weight:950;color:var(--ob-accent);margin-bottom:12px}.ob-auth-card h1,.ob-copy h1,.ob-done-stage h1{margin:0;color:#151515;letter-spacing:-.055em;line-height:.92;font-weight:950}.ob-auth-card h1{font-size:clamp(42px,9vw,70px);max-width:580px}.ob-subtitle,.ob-copy p{color:var(--ob-muted);font-size:clamp(16px,2.6vw,20px);line-height:1.45;letter-spacing:-.015em}.ob-subtitle{max-width:520px;margin:20px 0 28px}.ob-big-field{display:grid;gap:8px;position:relative}.ob-big-field>span,.ob-code-input>span{font-size:12px;font-weight:900;color:#5e5e59}.ob-big-field input,.ob-big-field textarea,.ob-domain-input input,.ob-code-input input{width:100%;box-sizing:border-box;border:1.5px solid #deded8;background:#fff;color:#111;border-radius:18px;padding:18px 18px;font:inherit;font-size:18px;outline:none;transition:.16s ease;box-shadow:0 8px 24px rgba(20,20,20,.03)}.ob-big-field textarea{resize:vertical;min-height:110px}.ob-big-field input:focus,.ob-big-field textarea:focus,.ob-domain-input:focus-within,.ob-code-input input:focus{border-color:#111;box-shadow:0 0 0 4px rgba(194,65,35,.09)}.ob-big-field small{justify-self:end;color:#8b8b85;font-size:11px}.ob-password-reveal{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);transition:.28s ease;margin-top:0}.ob-password-reveal>*{overflow:hidden}.ob-password-reveal.is-open{grid-template-rows:1fr;opacity:1;transform:none;margin-top:16px}.ob-password-reveal>small{color:#777771;font-size:12px;padding:8px 2px}.ob-password-box{display:flex;align-items:center;position:relative}.ob-password-box input{padding-right:68px}.ob-password-box button{position:absolute;right:12px;border:0;background:#f0efeb;border-radius:11px;padding:9px 11px;font-weight:900;color:#333;cursor:pointer}.ob-primary,.ob-secondary{min-height:58px;border-radius:18px;border:0;display:flex;align-items:center;justify-content:center;padding:0 24px;text-decoration:none;font-size:16px;font-weight:950;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box}.ob-primary{width:100%;margin-top:20px;background:#151515;color:#fff;box-shadow:0 12px 30px rgba(20,20,20,.12);position:sticky;bottom:max(16px,env(safe-area-inset-bottom));z-index:8}.ob-primary:hover,.ob-primary:focus-visible{transform:translateY(-1px);background:#000}.ob-secondary{background:#fff;color:#111;border:1px solid var(--ob-line)}.ob-legal{font-size:11px;color:#8d8d87;text-align:center;line-height:1.5;margin:14px 0}.ob-legal a{color:inherit}.ob-auth-art{position:absolute;right:-40px;bottom:-70px;width:360px;height:440px;opacity:.17;transform:rotate(-8deg);pointer-events:none}.ob-mini-phone{width:230px;height:390px;background:#111;border:9px solid #2b2b2b;border-radius:42px;margin:auto;display:flex;flex-direction:column;align-items:center;padding:65px 24px;box-sizing:border-box;gap:13px}.ob-mini-avatar{width:70px;height:70px;border-radius:50%;background:#aaa}.ob-mini-phone b{color:white}.ob-mini-phone span{height:42px;width:100%;border-radius:22px;background:#676767}.ob-auth-art em{position:absolute;right:35px;top:40px;font-size:64px;font-style:normal}
.ob-message,.ob-floating-message{border-radius:16px!important;padding:14px 16px!important;margin:0 0 16px!important;font-size:13px!important}.ob-floating-message{width:min(720px,calc(100% - 36px));margin:18px auto 0!important}.ob-code-card{max-width:620px}.ob-code-form{display:grid;gap:10px}.ob-code-input{display:grid;gap:8px}.ob-code-input input{text-align:center;letter-spacing:.28em;font-size:30px;font-weight:950;padding-left:calc(18px + .28em)}.ob-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.ob-text-button{border:0;background:transparent;color:#5c5c57;font-size:13px;font-weight:900;padding:10px 0;cursor:pointer}.ob-text-button.ob-skip{color:var(--ob-accent)}
.ob-builder-shell{background:#f7f7f5}.ob-builder-topbar{background:rgba(247,247,245,.88);backdrop-filter:blur(18px);position:sticky;top:0}.ob-stage{width:min(980px,calc(100% - 36px));margin:0 auto;padding:clamp(36px,6vw,74px) 0 70px;box-sizing:border-box}.ob-stage-centered{max-width:720px}.ob-copy{max-width:680px;margin-bottom:34px}.ob-copy-wide{max-width:800px}.ob-copy h1{font-size:clamp(40px,7vw,72px)}.ob-copy p{margin:16px 0 0}.ob-domain-input{display:flex;align-items:center;border:2px solid #d9d9d3;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(20,20,20,.06);transition:.16s}.ob-domain-input>span{padding:0 0 0 20px;font-size:clamp(18px,4vw,28px);font-weight:950;color:#222;white-space:nowrap}.ob-domain-input input{border:0!important;box-shadow:none!important;border-radius:0;padding:23px 20px 23px 5px;font-size:clamp(22px,4vw,32px);font-weight:950;letter-spacing:-.04em;min-width:0}.ob-availability{min-height:24px;margin:10px 5px 0;color:#7f7f79;font-size:13px;font-weight:800}.ob-availability.is-ok{color:#167542}.ob-availability.is-bad{color:#b42f25}
.ob-plan-form{display:grid;gap:8px}.ob-plan-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 18px;margin:0 -3px;scrollbar-width:none}.ob-plan-rail::-webkit-scrollbar{display:none}.ob-plan-card{position:relative;flex:0 0 min(340px,82vw);min-height:410px;scroll-snap-align:center;background:#fff;border:2px solid transparent;border-radius:30px;padding:26px;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 14px 38px rgba(20,20,20,.06);cursor:pointer;overflow:hidden}.ob-plan-card input{position:absolute;opacity:0;pointer-events:none}.ob-plan-card:has(input:checked){border-color:#151515;box-shadow:0 16px 50px rgba(20,20,20,.13)}.ob-plan-card.is-featured{background:linear-gradient(155deg,#ffe9df,#fff 58%)}.ob-plan-card.dark{background:linear-gradient(155deg,#191919,#323232);color:#fff}.ob-plan-card.wapo{background:linear-gradient(155deg,#fff4c7,#fff)}.ob-plan-card h2{margin:18px 0 10px;font-size:31px;letter-spacing:-.05em}.ob-plan-card p{font-size:14px;line-height:1.55;color:#66645f}.ob-plan-card.dark p{color:#cecec9}.ob-plan-card>strong{margin-top:auto;font-size:12px;line-height:1.45}.ob-plan-badge{align-self:flex-start;background:#151515;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;letter-spacing:.08em}.ob-plan-badge.soft{background:#efeee9;color:#333}.ob-plan-card.dark .ob-plan-badge{background:#fff;color:#111}.ob-plan-price{display:flex;align-items:baseline;gap:8px;margin:10px 0}.ob-plan-price b{font-size:48px;letter-spacing:-.06em}.ob-plan-price small{font-weight:800;color:#777}.ob-plan-card.dark .ob-plan-price small{color:#aaa}.ob-rail-hint{text-align:center;color:#94948e;font-size:11px;font-weight:800;margin-top:-4px}
.ob-social-form{max-width:780px}.ob-social-quick{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.ob-social-quick::-webkit-scrollbar{display:none}.ob-social-quick button{flex:0 0 auto;border:1px solid #deded9;background:#fff;border-radius:999px;padding:9px 13px 9px 9px;display:flex;align-items:center;gap:7px;font-weight:900;color:#333;cursor:pointer}.ob-social-quick button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f2f2ef}.ob-social-quick svg{width:17px;height:17px}.ob-social-list{display:grid;gap:10px;margin-top:12px}.ob-social-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(130px,.65fr) 38px;gap:8px;align-items:center;background:#fff;border:1px solid var(--ob-line);border-radius:18px;padding:9px;box-shadow:0 8px 24px rgba(20,20,20,.035)}.ob-social-row select,.ob-social-row input{height:46px;border:0;background:#f5f5f2;border-radius:12px;padding:0 12px;font:inherit;font-size:13px;outline:none;min-width:0}.ob-social-row select:focus,.ob-social-row input:focus{box-shadow:0 0 0 2px #111}.ob-social-row button{width:36px;height:36px;border:0;border-radius:50%;background:#f2f1ed;font-size:21px;color:#666;cursor:pointer}.ob-add-row{border:0;background:transparent;color:var(--ob-accent);font-weight:950;padding:14px 2px;cursor:pointer}
.ob-stage-split{width:min(1120px,calc(100% - 36px));display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:clamp(30px,6vw,70px);align-items:start}.ob-main-pane{min-width:0}.ob-preview-pane{position:sticky;top:112px;display:grid;justify-items:center;gap:10px}.ob-phone-frame{width:290px;height:575px;border-radius:42px;background:#111;padding:10px;box-shadow:0 26px 70px rgba(20,20,20,.18);border:1px solid #333}.ob-phone-frame iframe{width:100%;height:100%;border:0;border-radius:32px;background:#fff}.ob-preview-note{color:#8e8e88;font-size:11px}.ob-profile-form{display:grid;gap:16px}.ob-media-pickers{display:grid;grid-template-columns:155px 1fr;gap:12px}.ob-media-pickers label{display:grid;gap:8px;font-size:12px;font-weight:900;color:#5f5f5a;cursor:pointer}.ob-media-pickers input{position:absolute;opacity:0;pointer-events:none}.ob-avatar-preview{width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px dashed #d6d6d0;font-size:34px;overflow:hidden}.ob-avatar-preview img,.ob-cover-picker span img{width:100%;height:100%;object-fit:cover}.ob-cover-picker span{height:136px;border-radius:22px;display:grid;place-items:center;background:#fff;border:2px dashed #d6d6d0;font-size:34px;overflow:hidden}.ob-cover-picker i{font-style:normal}.ob-style-form h3{margin:28px 0 10px;font-size:13px}.ob-template-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.ob-template-rail::-webkit-scrollbar{display:none}.ob-template-tile{position:relative;flex:0 0 150px;background:#fff;border:2px solid transparent;border-radius:18px;padding:10px;display:grid;gap:7px;scroll-snap-align:start;cursor:pointer}.ob-template-tile input,.ob-color-dot input{position:absolute;opacity:0;pointer-events:none}.ob-template-tile:has(input:checked){border-color:#111}.ob-template-tile.is-locked{opacity:.48;cursor:not-allowed}.ob-template-tile .template-mini{height:110px!important;min-height:110px!important}.ob-template-tile strong{font-size:13px}.ob-template-tile small{font-size:9px;color:#888;font-weight:900}.ob-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ob-color-dot{position:relative;background:#fff;border:2px solid transparent;border-radius:18px;padding:9px;display:grid;justify-items:center;gap:7px;cursor:pointer;text-align:center}.ob-color-dot:has(input:checked){border-color:#111}.ob-color-dot.is-locked{opacity:.45;cursor:not-allowed}.ob-color-dot>span{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--c1) 0 62%,var(--c2) 62% 100%);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 3px rgba(255,255,255,.28)}.ob-color-dot b{font-size:10px;line-height:1.2}.ob-color-dot em{position:absolute;right:8px;top:8px;font-size:11px;font-style:normal}
.ob-section-form{max-width:820px}.ob-section-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ob-section-grid label{position:relative;min-height:104px;background:#fff;border:2px solid transparent;border-radius:20px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:0 8px 25px rgba(20,20,20,.035)}.ob-section-grid input{position:absolute;opacity:0;pointer-events:none}.ob-section-grid label:has(input:checked){border-color:#111;background:#fffdf8}.ob-section-grid span{font-size:25px}.ob-section-grid b{font-size:12px;line-height:1.15}.ob-section-config{margin-top:16px}.ob-section-config>[data-config]{display:none;gap:12px}.ob-section-config>[data-config].is-active{display:grid}.ob-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ob-visible-list{display:grid;gap:10px;max-width:720px}.ob-visible-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:2px solid transparent;border-radius:18px;padding:12px 14px;cursor:pointer;box-shadow:0 8px 25px rgba(20,20,20,.035)}.ob-visible-item input{position:absolute;opacity:0}.ob-visible-item:has(input:checked){border-color:#111}.ob-visible-icon{width:42px;height:42px;border-radius:13px;background:#f1f1ed;display:grid;place-items:center}.ob-visible-icon svg{width:22px;height:22px}.ob-visible-item div{display:grid;gap:3px;min-width:0}.ob-visible-item b{font-size:14px}.ob-visible-item small{color:#7e7e79;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-visible-item em{font-size:11px;font-style:normal;font-weight:900;color:#9a9a94}.ob-visible-item:has(input:checked) em{color:#16814b}.ob-selection-count{font-size:12px;color:#7d7d77;font-weight:900;margin:12px 2px}.ob-upgrade-nudge{max-width:720px;margin-top:15px;background:#171717;color:#fff;border-radius:20px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.ob-upgrade-nudge>span{font-size:27px}.ob-upgrade-nudge div{display:grid;gap:3px}.ob-upgrade-nudge small{color:#bababa}.ob-upgrade-nudge a{color:#fff;font-weight:950;font-size:12px}.ob-empty-state{padding:24px;border:1px dashed #d4d4cf;border-radius:18px;color:#777;text-align:center}
.ob-publish-checks{display:grid;gap:9px;margin-top:24px;color:#65655f;font-size:13px;font-weight:800}.ob-resend-final{text-align:center}.ob-done-stage{max-width:720px;text-align:center;padding-top:clamp(70px,12vh,140px)}.ob-done-fire{font-size:72px;filter:drop-shadow(0 18px 20px rgba(194,65,35,.18));margin-bottom:18px}.ob-done-stage h1{font-size:clamp(46px,8vw,78px)}.ob-done-stage>p{font-size:16px;color:#686863;word-break:break-all}.ob-trial-note,.ob-choice-note{display:grid;gap:5px;margin:22px auto 0;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--ob-line);max-width:540px;text-align:left}.ob-trial-note span,.ob-choice-note span{font-size:12px;color:#70706b;line-height:1.45}.ob-choice-note a{font-size:12px;font-weight:950;color:var(--ob-accent)}.ob-done-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px auto 0;max-width:540px}.ob-done-actions .ob-primary{margin:0;position:static}
.link-visible-toggle{display:flex!important;align-items:center;gap:6px!important;min-width:max-content!important;background:#f5f4ef;border-radius:999px;padding:6px 9px!important;font-size:10px!important;font-weight:900!important}.link-visible-toggle input{width:15px!important;height:15px!important;min-height:0!important;margin:0!important}.link-visible-toggle span{white-space:nowrap}

@media(max-width:820px){
  .ob-topbar{height:66px;padding:0 18px}.ob-stage,.ob-stage-split{width:calc(100% - 28px);padding-top:34px;padding-bottom:110px}.ob-stage-split{display:block}.ob-copy h1{font-size:clamp(40px,12vw,58px)}.ob-copy p{font-size:16px}.ob-preview-pane{position:relative;top:auto;margin-top:28px}.ob-phone-frame{width:min(290px,78vw);height:560px}.ob-main-pane+.ob-preview-pane{display:none}.ob-social-row{grid-template-columns:116px minmax(0,1fr) 36px}.ob-social-label{display:none}.ob-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ob-color-dot>span{width:48px;height:48px}.ob-media-pickers{grid-template-columns:120px 1fr}.ob-avatar-preview{width:110px;height:110px}.ob-cover-picker span{height:110px}.ob-primary{min-height:58px;border-radius:17px}.ob-auth-card{margin-top:54px}.ob-auth-art{display:none}
}
@media(max-width:520px){
  .ob-auth-card h1{font-size:48px}.ob-topbar{grid-template-columns:44px 1fr auto}.ob-builder-topbar .ob-step-name{text-align:center}.ob-wordmark{font-size:18px}.ob-domain-input>span{padding-left:14px;font-size:20px}.ob-domain-input input{font-size:22px;padding:20px 12px 20px 4px}.ob-plan-card{flex-basis:84vw;min-height:390px}.ob-social-row{grid-template-columns:105px minmax(0,1fr) 34px;padding:7px}.ob-social-row select,.ob-social-row input{padding:0 8px;font-size:12px}.ob-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-two-fields{grid-template-columns:1fr}.ob-visible-item{grid-template-columns:44px minmax(0,1fr) auto}.ob-upgrade-nudge{grid-template-columns:auto 1fr}.ob-upgrade-nudge a{grid-column:2}.ob-done-actions{grid-template-columns:1fr}.ob-inline-actions{align-items:flex-start;flex-direction:column}.ob-quiet-link{font-size:12px}
}

/* BONITO.WTF v6.0.94 · Mi Spot ahora se siente como app */
body.spot-studio{background:#f5f5f2;color:#151515;min-height:100svh}
body.spot-studio .space-nav,body.spot-studio .space-footer{display:none!important}
body.spot-studio .space-main{width:min(1280px,calc(100% - 32px));max-width:none;margin:0 auto;padding:18px 0 80px}
.spot-appbar{position:sticky;top:12px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:10px 12px 10px 14px;margin-bottom:16px;border:1px solid rgba(20,20,20,.08);border-radius:23px;background:rgba(255,255,255,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 38px rgba(20,20,20,.07)}
.spot-app-identity{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}.spot-app-identity>span:last-child{display:grid;min-width:0}.spot-app-identity small{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#8b8b84}.spot-app-identity strong{font-size:15px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-app-identity em{font-style:normal;font-size:9px;color:#76766f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.spot-app-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:#171717;color:#fff;font-weight:1000;font-size:18px}.spot-app-avatar img{width:100%;height:100%;object-fit:cover}
.spot-appbar-actions{display:flex;align-items:center;gap:7px}.spot-save-state{font-size:9px;font-weight:900;color:#7c7c75;padding:7px 9px;border-radius:999px;background:#f4f4f1;transition:.18s}.spot-save-state.is-dirty{color:#7c5413;background:#fff2cb}.spot-save-state.is-saving{color:#414141;background:#ececea}.spot-save-state.is-saved{color:#23643c;background:#e8f7ec}.spot-save-state.is-error{color:#922f25;background:#fff0ed}
.spot-app-preview-btn,.spot-app-more-btn{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.spot-app-preview-btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border-radius:14px;background:#171717;color:#fff;font-weight:950}.spot-app-preview-btn span{color:#ffd85e;font-size:16px}.spot-app-preview-btn b{font-size:10px}.spot-app-more-btn{width:42px;height:42px;border-radius:14px;background:#efefec;color:#171717;font-size:15px;font-weight:1000;letter-spacing:.06em}
.spot-app-overview{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:18px;align-items:stretch;margin:0 0 16px}.spot-app-overview-copy{padding:25px 26px;border-radius:27px;background:#171717;color:#fff;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end}.spot-app-overview-copy h1{margin:10px 0 4px;font-size:clamp(34px,4.5vw,58px);line-height:.9;letter-spacing:-.06em}.spot-app-overview-copy p{margin:0;color:#cfcfca;font-size:12px}.spot-plan-pill{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#ffd85e;color:#171717;font-size:9px;font-weight:1000}
.spot-app-statrail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spot-app-statrail a{display:grid;align-content:end;min-height:80px;padding:16px 17px;border-radius:22px;background:#fff;border:1px solid #e4e4df;color:#171717;text-decoration:none;transition:.18s}.spot-app-statrail a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,20,20,.06)}.spot-app-statrail small{font-size:9px;font-weight:900;color:#82827c;text-transform:uppercase;letter-spacing:.05em}.spot-app-statrail strong{font-size:22px;line-height:1.05;letter-spacing:-.04em;margin:4px 0 7px;overflow:hidden;text-overflow:ellipsis}.spot-app-statrail span{font-size:9px;font-weight:900;color:#696962}
.spot-app-tabs.studio-toolbar{top:96px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;margin:0 0 16px;border-radius:19px;background:rgba(255,255,255,.88);border-color:#e3e3de}.spot-app-tabs.studio-toolbar a{justify-content:center;min-height:44px;border:0;background:transparent;border-radius:14px;color:#73736d;padding:7px 10px}.spot-app-tabs.studio-toolbar a.is-active{background:#171717;color:#fff;box-shadow:0 8px 18px rgba(20,20,20,.12)}.spot-app-tabs .app-tab-icon{font-size:15px!important}.spot-app-tabs b{font-size:10px}
body.spot-studio .studio-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.spot-studio .editor-card{border-radius:28px;border-color:#e3e3df;box-shadow:none;padding:24px;background:#fff}.spot-studio .editor-card-head{margin-bottom:5px}.spot-studio .editor-card-head h2{font-size:26px;letter-spacing:-.05em}.spot-studio .editor-card-head small{color:#92928b}.spot-studio .editor-card-icon{background:#171717;color:#fff;border:0;border-radius:14px}.spot-studio .editor-card>.muted{margin:5px 0 18px;line-height:1.45}
.spot-profile-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:4px 0 18px;background:#f1f1ee;border-radius:16px}.spot-profile-segment button{min-height:42px;border:0;border-radius:12px;background:transparent;color:#696962;font-weight:950;cursor:pointer}.spot-profile-segment button.is-active{background:#fff;color:#171717;box-shadow:0 3px 12px rgba(20,20,20,.07)}.spot-profile-pane{display:none;animation:spotPaneIn .2s ease}.spot-profile-pane.is-active{display:block}@keyframes spotPaneIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.spot-studio .field{margin:12px 0}.spot-studio .field span{font-size:10px;color:#565650}.spot-studio .field input,.spot-studio .field textarea,.spot-studio .field select{border-color:#e1e1dc;background:#f8f8f5;border-radius:16px;padding:15px 16px}.spot-studio .field input:focus,.spot-studio .field textarea:focus,.spot-studio .field select:focus{border-color:#171717;box-shadow:0 0 0 3px rgba(20,20,20,.08)}
.spot-form-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #ecece8}.spot-form-savebar>span{font-size:9px;font-weight:900;color:#92928b}.spot-form-savebar>span.is-dirty{color:#8a6118}.spot-form-savebar>span.is-saved{color:#2b7045}.spot-form-savebar>span.is-error{color:#9a352b}.spot-form-savebar .btn{min-width:150px;background:#171717;box-shadow:none;border-radius:15px}.spot-form-savebar .btn.is-saving{opacity:.65;pointer-events:none}
.spot-studio .theme-editor,.spot-studio .template-editor,.spot-studio .badge-editor{border-radius:21px;background:#f8f8f5;border:1px solid #e6e6e1}.spot-studio .theme-swatch-choice,.spot-studio .template-choice{border-radius:18px}.spot-studio .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.spot-studio .link-row{position:relative;grid-template-columns:30px .8fr 1fr 1fr auto auto;gap:8px;padding:12px;margin:9px 0;border-radius:19px;background:#f8f8f5;border-color:#e5e5df;transition:.18s}.spot-studio .link-row:focus-within{background:#fff;border-color:#cfcfc9;box-shadow:0 10px 26px rgba(20,20,20,.05)}.spot-studio .link-row select,.spot-studio .link-row input{border:0;background:#fff;border-radius:12px;min-height:43px}.spot-studio .drag-handle{background:#ecece8;border-radius:12px}.spot-studio .link-visible-toggle{align-self:stretch;display:grid;place-items:center;min-width:70px;padding:0 8px;border-radius:12px;background:#fff}.spot-studio .link-visible-toggle span{font-size:9px;font-weight:900}.spot-studio .link-delete{align-self:center}
.spot-studio .section-market-shell{background:transparent;border:0;padding:0}.spot-studio .section-market-legend{margin:12px 0}.spot-studio .section-market-grid{gap:10px}.spot-studio .section-market-card{border-radius:21px;border-color:#e4e4df;background:#f9f9f6;box-shadow:none}.spot-studio .section-market-card.state-active{background:#fff}.spot-studio .section-market-card.is-editing{box-shadow:0 16px 38px rgba(20,20,20,.08)}.spot-studio .section-market-editor>summary{border-radius:14px}.spot-studio .section-market-config{padding-top:8px}.spot-studio .block-edit{background:#fff;border-radius:18px}
.spot-gallery-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-top:14px}.spot-upload-drop{position:relative;min-height:132px;border:2px dashed #d8d8d2;border-radius:22px;background:#fafaf7;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;cursor:pointer}.spot-upload-drop input{position:absolute;opacity:0;pointer-events:none}.spot-upload-drop>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#171717;color:#fff;font-size:24px;line-height:1}.spot-upload-drop b{font-size:13px}.spot-upload-drop small{font-size:9px;color:#8b8b84}.spot-gallery-upload>.btn{align-self:stretch;min-width:150px;background:#171717;box-shadow:none}.spot-studio .manage-gallery{gap:10px}.spot-studio .photo-manage>img{border-radius:18px}
.spot-more-sheet{position:fixed;inset:0;z-index:10080;display:grid;align-items:end;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.spot-more-sheet.is-open{opacity:1;visibility:visible;pointer-events:auto}.spot-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(10,10,10,.42);backdrop-filter:blur(4px)}.spot-sheet-panel{position:relative;z-index:1;width:min(520px,calc(100% - 18px));margin:0 auto 10px;padding:10px 10px max(12px,env(safe-area-inset-bottom));border-radius:28px;background:#fff;box-shadow:0 -18px 65px rgba(0,0,0,.2);transform:translateY(24px);transition:.22s}.spot-more-sheet.is-open .spot-sheet-panel{transform:none}.spot-sheet-handle{width:38px;height:4px;border-radius:999px;background:#d7d7d2;margin:2px auto 9px}.spot-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 11px}.spot-sheet-head>div{display:grid}.spot-sheet-head small{font-size:9px;color:#8a8a83;font-weight:900;text-transform:uppercase}.spot-sheet-head strong{font-size:21px;letter-spacing:-.04em}.spot-sheet-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f1f1ee;font-size:23px;cursor:pointer}.spot-sheet-panel>a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:11px 10px;color:#171717;text-decoration:none;border-top:1px solid #efefeb}.spot-sheet-panel>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f2f2ef;font-size:17px}.spot-sheet-panel>a b,.spot-sheet-panel>a small{display:block}.spot-sheet-panel>a b{font-size:13px}.spot-sheet-panel>a small{margin-top:2px;font-size:9px;color:#86867f}.spot-sheet-panel>a.spot-sheet-danger b{color:#a13c31}.spot-sheet-panel>a.spot-sheet-danger>span{background:#fff0ed;color:#a13c31}
.spot-app-toast{position:fixed;left:50%;bottom:28px;z-index:10120;transform:translate(-50%,14px);padding:11px 15px;border-radius:999px;background:#171717;color:#fff;font-size:10px;font-weight:950;box-shadow:0 14px 32px rgba(0,0,0,.2);opacity:0;transition:.2s;pointer-events:none}.spot-app-toast.is-show{opacity:1;transform:translate(-50%,0)}.spot-app-toast.is-error{background:#9d3328}
.app-error{position:relative;z-index:5}

@media(max-width:980px){
  body.spot-studio .studio-grid{grid-template-columns:minmax(0,1fr) 300px}.spot-studio .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spot-save-state{display:none}
}
@media(max-width:760px){
  body.spot-studio{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body.spot-studio .space-main{width:100%;margin:0;padding:0 12px 110px}
  .spot-appbar{top:8px;min-height:62px;margin:8px 0 12px;padding:8px 8px 8px 10px;border-radius:20px}.spot-app-avatar{width:40px;height:40px;flex-basis:40px;border-radius:13px}.spot-app-identity small{display:none}.spot-app-identity strong{font-size:13px}.spot-app-identity em{font-size:8px;max-width:44vw}.spot-app-preview-btn{width:42px;padding:0;justify-content:center}.spot-app-preview-btn b{display:none}.spot-app-more-btn{width:40px;height:40px}.spot-appbar-actions{gap:5px}
  .spot-app-overview{display:block;margin-bottom:12px}.spot-app-overview-copy{min-height:126px;padding:18px 19px;border-radius:23px}.spot-app-overview-copy h1{font-size:42px;margin-top:8px}.spot-app-overview-copy p{font-size:11px}.spot-plan-pill{font-size:8px;padding:6px 8px}.spot-app-statrail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin-top:8px;padding-bottom:2px;scrollbar-width:none}.spot-app-statrail::-webkit-scrollbar{display:none}.spot-app-statrail a{flex:0 0 46%;min-height:94px;scroll-snap-align:start;border-radius:19px;padding:13px}.spot-app-statrail strong{font-size:19px}.spot-app-statrail span{font-size:8px}
  .spot-app-tabs.studio-toolbar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));top:auto;z-index:10000;width:auto;margin:0;padding:5px;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 45px rgba(20,20,20,.18);border:1px solid rgba(20,20,20,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:visible}.spot-app-tabs.studio-toolbar a{min-width:0;min-height:54px;display:grid;place-items:center;align-content:center;gap:2px;padding:5px 2px;border-radius:17px}.spot-app-tabs .app-tab-icon{font-size:17px!important;line-height:1}.spot-app-tabs b{font-size:8px}.spot-app-tabs.studio-toolbar a.is-active{background:#171717;color:#fff}
  body.spot-studio .studio-grid{display:block}.spot-studio .editor-stack{display:block}.spot-studio.app-panel-mode .editor-grid{display:contents}.spot-studio.app-panel-mode [data-app-screen]{display:none!important}.spot-studio.app-panel-mode [data-app-screen].is-app-screen-active{display:block!important;animation:spotScreenIn .22s ease}@keyframes spotScreenIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
  body.spot-studio.app-panel-mode:not(.app-screen-perfil) .spot-app-overview{display:none}.spot-studio .editor-card{padding:17px;border-radius:23px;margin:0!important}.spot-studio .editor-card-head h2{font-size:25px}.spot-studio .editor-card-icon{display:none}.spot-studio .editor-card>.muted{margin-bottom:14px}
  .spot-profile-segment{position:sticky;top:80px;z-index:20;margin:-2px 0 14px;background:rgba(240,240,237,.93);backdrop-filter:blur(12px)}.spot-profile-pane{padding-bottom:4px}.spot-form-savebar{position:sticky;bottom:76px;z-index:30;margin:20px -8px -8px;padding:9px 9px;background:rgba(255,255,255,.94);border:1px solid #e8e8e3;border-radius:17px;box-shadow:0 12px 30px rgba(20,20,20,.08);backdrop-filter:blur(16px)}.spot-form-savebar .btn{min-width:125px;min-height:44px}.spot-form-savebar>span{padding-left:4px}
  .spot-studio .upload-grid{grid-template-columns:110px minmax(0,1fr);align-items:start}.spot-studio .upload-pane:first-child .field{margin-top:0}.spot-studio .avatar-preview{width:96px;height:96px}.spot-studio .cover-editor{border-radius:17px!important}.spot-studio .cover-editor-actions{display:grid;grid-template-columns:auto auto 1fr}.spot-studio .cover-zoom-control{grid-column:1/-1}
  .spot-studio .template-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:5px;scrollbar-width:none}.spot-studio .template-grid::-webkit-scrollbar{display:none}.spot-studio .template-choice{flex:0 0 73%;scroll-snap-align:start}.spot-studio .theme-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spot-studio .link-row{grid-template-columns:28px minmax(0,1fr) 42px;gap:7px;padding:10px;border-radius:18px}.spot-studio .link-row .social-network-field,.spot-studio .link-row .social-handle-field,.spot-studio .link-row .social-label-field,.spot-studio .link-row .social-url-field{grid-column:2}.spot-studio .link-row .social-network-field{grid-row:1}.spot-studio .link-row .social-handle-field,.spot-studio .link-row .social-label-field{grid-row:2}.spot-studio .link-row .social-url-field{grid-row:3}.spot-studio .drag-handle{grid-column:1;grid-row:1/4}.spot-studio .link-visible-toggle{grid-column:3;grid-row:1;min-width:42px;height:43px;padding:0}.spot-studio .link-visible-toggle span{font-size:0}.spot-studio .link-visible-toggle span:after{content:'✓';font-size:13px}.spot-studio .link-move{grid-column:3;grid-row:2/4}.spot-studio .link-delete{position:absolute;right:10px;bottom:10px}.spot-studio .custom-mark-field{grid-column:2!important}.spot-studio .social-built-url{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .spot-studio .section-market-grid{grid-template-columns:1fr}.spot-studio .section-market-card{border-radius:19px}.spot-studio .section-market-legend{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.spot-studio .section-market-legend::-webkit-scrollbar{display:none}.spot-studio .section-shop-head{display:block}.spot-studio .section-shop-head>.btn{margin-top:10px;width:100%}
  .spot-gallery-upload{grid-template-columns:1fr}.spot-gallery-upload>.btn{min-height:50px}.spot-upload-drop{min-height:140px}.spot-studio .manage-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spot-studio .live-side{z-index:10040!important}.spot-studio .preview-fab{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));min-width:46px;height:46px;padding:0 14px}.spot-studio .preview-fab{font-size:0}.spot-studio .preview-fab span{font-size:18px}.spot-studio .preview-fab span:after{content:''}
  .spot-more-sheet{z-index:10100}.spot-sheet-panel{margin-bottom:max(8px,env(safe-area-inset-bottom));border-radius:28px}.spot-app-toast{bottom:calc(86px + env(safe-area-inset-bottom))}
  body.spot-studio.app-panel-mode .real-preview-actions{padding-bottom:76px}
}
@media(max-width:420px){
  body.spot-studio .space-main{padding-left:9px;padding-right:9px}.spot-app-overview-copy h1{font-size:38px}.spot-app-statrail a{flex-basis:54%}.spot-studio .editor-card{padding:15px}.spot-studio .theme-swatch-grid{grid-template-columns:1fr 1fr}.spot-profile-segment button{min-height:40px}.spot-studio .template-choice{flex-basis:82%}
}
.spot-studio .app-avatar-editor{display:grid;place-items:center;border:1px dashed #d7d7d1;background:#f7f7f4;color:#888;font-size:24px}.spot-studio .app-avatar-editor img{width:100%;height:100%;object-fit:cover}


/* v6.1 · editor visual, Spot vivo y diseño libre */
.public-html,.public-body{background:var(--spot-page)!important;color:var(--spot-text)!important}.profile-card{color:var(--spot-text)}
.public-link{background:var(--spot-button-bg)!important;color:var(--spot-button-text)!important}.button-style-pill .public-link{border-radius:999px!important}.button-style-soft .public-link{border-radius:18px!important}.button-style-square .public-link{border-radius:6px!important}.button-style-outline .public-link{background:transparent!important;border:2px solid var(--spot-button-text)!important}.button-style-shadow .public-link,.public-body[style*="--spot-button-shadow:1"] .public-link{box-shadow:0 10px 24px rgba(0,0,0,.14)!important}
.avatar-shape-circle .public-avatar{border-radius:50%!important}.avatar-shape-soft .public-avatar{border-radius:24%!important}.avatar-shape-square .public-avatar{border-radius:4px!important}.avatar-shape-frame .public-avatar{border-radius:18px!important;padding:5px;background:var(--spot-button-bg)!important}.public-avatar{overflow:hidden}.public-avatar img{width:100%;height:100%;object-fit:cover}
.cover-shape-square .cover{border-radius:0!important}.cover-shape-arch .cover{border-radius:0 0 48% 48% / 0 0 34% 34%!important}.cover-shape-wave .cover{clip-path:polygon(0 0,100% 0,100% 78%,85% 86%,70% 82%,54% 92%,37% 83%,20% 90%,0 80%)}.cover-shape-organic .cover{border-radius:0 0 38% 13% / 0 0 26% 18%!important}.header-style-hero .cover{min-height:310px}.header-style-banner .cover{min-height:150px}.header-style-cutout .profile-identity{margin-top:-64px;position:relative;z-index:3}.header-style-shape .cover{min-height:230px}.header-style-shape .profile-content{position:relative;z-index:2}
.custom-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.custom-color-grid>label{border:1px solid #e5e5df;border-radius:16px;padding:10px;background:#fff;display:flex;align-items:center;gap:9px}.custom-color-grid input[type=color]{width:44px;height:44px;border:0;background:transparent;padding:0}.custom-color-grid code{font-size:10px}.custom-color-grid>button{align-self:stretch}.visual-style-groups{display:grid;gap:12px;margin:15px 0}.visual-style-groups fieldset{border:0;padding:0;margin:0}.visual-style-groups legend{font-size:11px;font-weight:900;margin-bottom:7px}.visual-style-groups fieldset{display:flex;flex-wrap:wrap;gap:7px}.visual-style-groups label{cursor:pointer}.visual-style-groups input{position:absolute;opacity:0}.visual-style-groups span{display:block;padding:10px 12px;border:1px solid #deded7;border-radius:13px;background:#fff;font-size:10px;font-weight:850}.visual-style-groups input:checked+span{background:#17191f;color:#fff;border-color:#17191f}.visual-history-tools{display:flex;gap:8px;margin-top:10px}.avatar-editor-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.app-avatar-editor{touch-action:none;user-select:none;overflow:hidden;cursor:grab}.app-avatar-editor img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.app-avatar-editor:active{cursor:grabbing}.avatar-shape-soft.app-avatar-editor{border-radius:24%!important}.avatar-shape-square.app-avatar-editor{border-radius:4px!important}.avatar-shape-frame.app-avatar-editor{border-radius:18px!important;padding:5px;background:#fff}
.smart-link-settings{grid-column:2/-1;border-top:1px solid #e4e4de;padding-top:6px}.smart-link-settings summary{cursor:pointer;font-size:10px;font-weight:900;color:#626672}.smart-link-drawer{display:grid;gap:9px;padding:10px 0 2px}.smart-link-grid,.link-action-row,.ab-link-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smart-link-drawer label{display:grid;gap:4px}.smart-link-drawer label span{font-size:9px;font-weight:850;color:#6a6d76}.smart-link-drawer input,.smart-link-drawer select{width:100%;border:1px solid #deded8;border-radius:11px;padding:9px;background:#fff}.smart-lock{display:block;padding:10px;border-radius:12px;background:#fff5df;color:#6f4d00;font-size:10px;font-weight:900;text-decoration:none}.smart-lock.tiny{padding:7px}.live-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}.live-tool-card{border:1px solid #e3e3dd;border-radius:22px;padding:15px;background:#fff}.live-tool-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.live-tool-head>span{width:42px;height:42px;border-radius:14px;background:#f2f2ed;display:grid;place-items:center;font-size:20px}.live-tool-head b,.live-tool-head small{display:block}.live-tool-head small{color:#747780;font-size:9px;margin-top:2px}.live-tool-form{display:grid;gap:8px}.live-tool-form input,.live-tool-form textarea{width:100%;box-sizing:border-box;border:1px solid #deded8;border-radius:12px;padding:10px;background:#fafaf7}.smart-upgrade-card{display:block;padding:13px;border-radius:14px;background:#17191f;color:#fff;text-decoration:none;font-size:11px;font-weight:900}.story-admin-strip{display:flex;gap:6px;overflow:auto;margin-top:10px}.story-admin-strip article{flex:0 0 auto;display:flex;gap:6px;align-items:center;border:1px solid #e5e5df;border-radius:999px;padding:6px 6px 6px 10px;font-size:9px}.story-admin-strip form{margin:0}.story-admin-strip button{border:0;background:#eee;width:24px;height:24px;border-radius:50%}.spot-campaign{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0 0 12px;padding:13px;border-radius:18px;background:var(--spot-button-bg);color:var(--spot-button-text);border:1px solid rgba(127,127,127,.2)}.spot-campaign>span{font-size:8px;font-weight:950;letter-spacing:.1em}.spot-campaign b{display:block}.spot-campaign p{margin:2px 0 0;font-size:11px;opacity:.75}.spot-campaign a{font-size:10px;font-weight:900;color:inherit;text-decoration:none}.spot-stories{display:flex;gap:10px;overflow:auto;padding:2px 1px 12px}.spot-story{flex:0 0 70px;border:0;background:transparent;padding:0;color:inherit}.spot-story img,.spot-story>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:var(--spot-button-bg);border:3px solid var(--spot-page);outline:2px solid var(--spot-button-text)}.spot-story small{display:block;margin-top:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-lightbox{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.story-lightbox[hidden]{display:none}.story-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);border:0}.story-lightbox article{position:relative;z-index:2;width:min(430px,100%);max-height:82vh;overflow:auto;background:#fff;color:#17191f;border-radius:26px;padding:18px}.story-lightbox article>button{position:absolute;right:12px;top:12px;border:0;background:rgba(0,0,0,.08);width:34px;height:34px;border-radius:50%}.story-lightbox img{width:100%;max-height:52vh;object-fit:cover;border-radius:18px;margin-bottom:14px}.story-lightbox article>span{font-size:9px;font-weight:950;letter-spacing:.12em}.story-lightbox h2{margin:6px 0}.story-lightbox p{line-height:1.45}.story-lightbox a{display:inline-flex;padding:11px 13px;border-radius:12px;background:#17191f;color:#fff;text-decoration:none;font-weight:900}.spot-install-float{position:fixed;right:16px;bottom:16px;z-index:600;border:0;border-radius:999px;padding:11px 15px;background:#17191f;color:#fff;font:800 11px/1 inherit;box-shadow:0 10px 30px rgba(0,0,0,.2)}.bonito-join-float~.spot-install-float{bottom:82px}.spot-health-card{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #e4e4df;border-radius:20px;margin:12px 0}.health-ring{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#17191f calc(var(--health)*1%),#ecece8 0);position:relative}.health-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}.health-ring strong{position:relative;z-index:1;font-size:16px}.health-checks{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.health-checks span{font-size:8px;padding:5px 7px;border-radius:999px;background:#f3f3ef;color:#777}.health-checks span.done{background:#eaf7ee;color:#26733b}.version-history{margin-top:12px;border-top:1px solid #e5e5df;padding-top:10px}.version-history summary{cursor:pointer;font-size:11px;font-weight:900}.version-history form{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.version-history span b,.version-history span small{display:block}.version-history span small{font-size:8px;color:#777;margin-top:2px}
@media(max-width:760px){.live-tools-grid{grid-template-columns:1fr}.custom-color-grid,.smart-link-grid,.link-action-row,.ab-link-row{grid-template-columns:1fr}.spot-campaign{grid-template-columns:1fr}.spot-studio .smart-link-settings{grid-column:1/-1}.spot-install-float{bottom:88px}.bonito-join-float{bottom:138px!important}.visual-style-groups fieldset{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.visual-style-groups label{flex:0 0 auto}}

.ob-free-color{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.ob-free-color label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e4e4de;border-radius:15px;background:#fff;font-size:10px;font-weight:900}.ob-free-color input[type=color]{width:48px;height:40px;border:0;background:transparent}.ob-section-grid label.is-locked{opacity:.5;cursor:not-allowed}.ob-section-grid label small{display:block;font-size:7px;margin-top:3px}@media(max-width:600px){.ob-free-color{grid-template-columns:1fr}}

.day-chip-grid{display:flex!important;gap:4px!important;flex-wrap:wrap}.day-chip-grid button{width:30px;height:30px;border:1px solid #deded8;background:#fff;border-radius:10px;font-size:9px;font-weight:900}.day-chip-grid button.is-on{background:#17191f;color:#fff;border-color:#17191f}.smart-days{grid-column:1/-1}


/* =====================================================================
   v6.1.2 · PULIDO MÓVIL · onboarding, editor y carruseles sin encimarse
   ===================================================================== */
.design-color-note,.ob-style-note{margin:0 0 12px;color:#73766f;font-size:11px;line-height:1.4}.avatar-editor-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#777}.app-avatar-editor{position:relative}.app-avatar-editor img[hidden]{display:none!important}
.ob-media-editors{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}.ob-media-editor{min-width:0;border:1px solid #e3e3dd;border-radius:24px;background:#fff;padding:12px;box-sizing:border-box}.ob-media-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ob-media-title b{font-size:11px}.ob-media-change{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:#17191f;color:#fff;font-size:9px;font-weight:900;cursor:pointer;overflow:hidden}.ob-media-change input{position:absolute;inset:0;opacity:0;cursor:pointer}.ob-avatar-editor-box .ob-avatar-preview{touch-action:none;user-select:none;cursor:grab;margin:auto}.ob-avatar-editor-box .ob-avatar-preview:active{cursor:grabbing}.ob-avatar-preview{position:relative}.ob-avatar-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.ob-media-placeholder{position:absolute;inset:0;display:grid;place-items:center}.ob-media-tools{display:grid;gap:8px;margin-top:10px}.ob-media-tools>button{border:1px solid #deded7;border-radius:12px;background:#fff;padding:9px;font:800 10px/1 inherit}.ob-media-tools label{display:grid;gap:5px;font-size:9px;font-weight:850}.ob-media-tools label>span{display:flex;justify-content:space-between}.ob-media-tools input[type=range]{width:100%}.ob-inline-cover{width:100%;min-height:0!important;aspect-ratio:16/7!important;border-radius:18px!important}.ob-cover-actions{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:8px!important}.ob-cover-actions .cover-zoom-control{grid-column:1/-1!important}.ob-profile-form input[type=file]{max-width:100%}
@media(max-width:760px){
  .section-market-grid{display:flex!important;overflow-x:auto!important;overflow-y:visible!important;gap:14px!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px 28px;padding:3px 30px 10px 2px!important;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .section-market-grid::-webkit-scrollbar{display:none}
  .section-market-card{flex:0 0 min(82vw,330px)!important;width:min(82vw,330px)!important;max-width:min(82vw,330px)!important;box-sizing:border-box!important;scroll-snap-align:start!important;scroll-snap-stop:always;position:relative!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;z-index:auto!important}
  .section-market-card+ .section-market-card{margin-left:0!important}
  .spot-studio .upload-grid{grid-template-columns:1fr!important;gap:16px!important}
  .spot-studio .upload-pane{min-width:0!important;width:100%!important;box-sizing:border-box!important}
  .spot-studio .upload-pane:first-child{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-areas:'label label' 'avatar tools'!important;gap:10px 14px!important;align-items:center!important}
  .spot-studio .upload-pane:first-child>.field{grid-area:label!important;margin:0!important;min-width:0!important}
  .spot-studio .upload-pane:first-child>.avatar-preview{grid-area:avatar!important;margin:0!important;width:112px!important;height:112px!important}
  .spot-studio .upload-pane:first-child>.avatar-editor-actions{grid-area:tools!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;min-width:0!important}
  .spot-studio .avatar-editor-actions .btn{width:100%!important;min-width:0!important}
  .spot-studio .avatar-editor-actions .cover-zoom-control{width:100%!important;min-width:0!important}
  .spot-studio .cover-upload-box{display:block!important}
  .spot-studio .cover-editor-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .spot-studio .cover-editor-actions .btn{width:100%!important;min-width:0!important}
  .spot-studio .cover-editor-actions .cover-zoom-control{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  .spot-studio input[type=file]{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:11px!important}
  .ob-media-editors{grid-template-columns:1fr!important;gap:12px!important}
  .ob-avatar-editor-box{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:'title title' 'preview tools';gap:10px 14px;align-items:center}.ob-avatar-editor-box .ob-media-title{grid-area:title}.ob-avatar-editor-box .ob-avatar-preview{grid-area:preview;width:112px;height:112px;margin:0}.ob-avatar-editor-box .ob-media-tools{grid-area:tools;margin:0;min-width:0}.ob-cover-editor-box{width:100%;min-width:0}.ob-inline-cover{aspect-ratio:16/7!important}.ob-style-note{font-size:10px}
}

/* v6.1.4 · servicios visuales editor + crecimiento */
.service-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.service-editor-head>div{display:grid;gap:2px}.service-editor-head small{color:var(--muted,#6a6d76);font-size:11px}.service-editor-head>span{padding:6px 9px;border-radius:999px;background:#17191f;color:#fff;font-size:11px;font-weight:900}.service-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-admin-item{border:1px solid rgba(23,25,31,.1);border-radius:18px;padding:11px;background:rgba(255,255,255,.66);min-width:0}.service-admin-item>b{display:block;margin-bottom:8px}.service-admin-thumb{width:68px;height:68px;object-fit:cover;border-radius:14px;display:block;margin:0 0 7px}.service-admin-item .field{margin:8px 0 0}.stats-summary-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.stats-summary-card>div{padding:12px;border:1px solid rgba(23,25,31,.09);border-radius:16px;display:grid;gap:3px}.stats-summary-card small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.62;font-weight:800}.stats-summary-card b{font-size:17px;overflow-wrap:anywhere}.stats-summary-card span{font-size:11px;opacity:.72}.stats-summary-card .trend-up{color:#147a3f;opacity:1}.stats-summary-card .trend-down{color:#a63628;opacity:1}@media(max-width:650px){.service-admin-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 14% 5px 0;scrollbar-width:none}.service-admin-grid::-webkit-scrollbar{display:none}.service-admin-item{flex:0 0 86%;scroll-snap-align:start}.stats-summary-card{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:16%;scrollbar-width:none}.stats-summary-card::-webkit-scrollbar{display:none}.stats-summary-card>div{flex:0 0 78%;scroll-snap-align:start}}

/* =====================================================================
   v6.1.6 · GALERÍA AJUSTABLE + LAYOUT DE ESCRITORIO SIN ENCIMADOS
   ===================================================================== */
.public-body .gallery-photo img,
.gallery-photo img{
  object-position:var(--photo-x,50%) var(--photo-y,50%)!important;
  transform:scale(var(--photo-zoom,1))!important;
  transform-origin:var(--photo-x,50%) var(--photo-y,50%)!important;
}

/* El editor de galería ya no usa botones flotantes sobre la foto. */
.spot-studio .gallery-crop-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.spot-studio .photo-editor-card{
  min-width:0!important;
  overflow:visible!important;
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid #e5e5df!important;
  border-radius:22px!important;
  background:#fafaf7!important;
}
.photo-crop-stage{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  min-width:0;
  overflow:hidden;
  border-radius:17px;
  background:#ecece8;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);
}
.photo-crop-stage.is-dragging{cursor:grabbing}
.photo-crop-stage img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--photo-x,50%) var(--photo-y,50%)!important;
  transform:scale(var(--photo-zoom,1))!important;
  transform-origin:var(--photo-x,50%) var(--photo-y,50%)!important;
  pointer-events:none!important;
  -webkit-user-drag:none;
}
.photo-crop-hint{
  position:absolute;left:50%;bottom:8px;transform:translateX(-50%);
  padding:6px 9px;border-radius:999px;background:rgba(17,17,17,.8);color:#fff;
  font-size:9px;font-weight:900;white-space:nowrap;pointer-events:none;
  transition:.18s;
}
.photo-crop-stage.is-dragging .photo-crop-hint{opacity:.35}
.photo-adjust-form{min-width:0!important;margin:0!important}
.photo-crop-tools{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
  min-width:0;
}
.photo-crop-tools>label{display:grid;gap:5px;min-width:0;font-size:9px;font-weight:900;color:#66665f}
.photo-crop-tools>label>span{display:flex;justify-content:space-between;gap:8px}
.photo-crop-tools input[type=range]{width:100%;min-width:0;margin:0}
.photo-crop-tools .btn{min-width:0!important;box-shadow:none}
.photo-save-btn{background:#171717!important}
.photo-manage-actions{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:8px;border-top:1px solid #e9e9e4;
}
.photo-manage-actions form{display:flex;gap:6px;margin:0}
.photo-icon-btn{
  width:34px;height:34px;border:1px solid #deded8;border-radius:11px;background:#fff;color:#171717;
  display:grid;place-items:center;font-weight:950;cursor:pointer;
}
.photo-icon-btn:disabled{opacity:.28;cursor:not-allowed}.photo-icon-btn.danger{color:#a13c31;background:#fff3f0;border-color:#f2d5cf}

/* Defensa general contra controles que se pisan en desktop. */
body.spot-studio .editor-stack,
body.spot-studio .editor-card,
body.spot-studio .upload-pane,
body.spot-studio .field,
body.spot-studio .block-edit,
body.spot-studio .section-market-card,
body.spot-studio .service-admin-item,
body.spot-studio .product-admin-item,
body.spot-studio form{min-width:0}
body.spot-studio input,
body.spot-studio select,
body.spot-studio textarea{min-width:0;max-width:100%;box-sizing:border-box}
body.spot-studio input[type=file]{display:block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.spot-studio .upload-grid{
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  gap:18px;
  align-items:start;
}
body.spot-studio .upload-pane:first-child{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  grid-template-areas:'label label' 'avatar tools';
  gap:10px 14px;
  align-items:start;
}
body.spot-studio .upload-pane:first-child>.field{grid-area:label;margin:0}
body.spot-studio .upload-pane:first-child>.avatar-preview{grid-area:avatar;margin:0;width:112px;height:112px}
body.spot-studio .upload-pane:first-child>.avatar-editor-actions{grid-area:tools;margin:0;display:grid;gap:9px;min-width:0}
body.spot-studio .avatar-editor-actions .btn{width:100%;min-width:0}
body.spot-studio .cover-editor-actions{
  display:grid!important;
  grid-template-columns:auto auto minmax(150px,1fr)!important;
  gap:8px!important;
  align-items:end!important;
}
body.spot-studio .cover-editor-actions .btn{min-width:0!important}
body.spot-studio .cover-zoom-control{display:grid;gap:5px;min-width:0;width:100%}
body.spot-studio .cover-zoom-control>span{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:900}
body.spot-studio .cover-zoom-control input[type=range]{width:100%;min-width:0;margin:0}
body.spot-studio .visual-style-groups fieldset{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:3px}
body.spot-studio .service-admin-grid,
body.spot-studio .product-admin-grid{align-items:start}

@media(max-width:980px){
  body.spot-studio .upload-grid{grid-template-columns:1fr!important}
  body.spot-studio .gallery-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.spot-studio .gallery-crop-grid{grid-template-columns:1fr!important}
  .photo-crop-tools{grid-template-columns:1fr 1fr}
  .photo-crop-tools>label{grid-column:1/-1;grid-row:1}.photo-crop-tools>[data-photo-center]{grid-column:1}.photo-crop-tools>.photo-save-btn{grid-column:2}
  body.spot-studio .upload-pane:first-child{grid-template-columns:104px minmax(0,1fr)!important;gap:10px 12px!important}
  body.spot-studio .upload-pane:first-child>.avatar-preview{width:104px!important;height:104px!important}
  body.spot-studio .cover-editor-actions{grid-template-columns:1fr 1fr!important}
  body.spot-studio .cover-editor-actions .cover-zoom-control{grid-column:1/-1!important}
}
body.spot-studio .row-actions,
body.spot-studio .head-actions,
body.spot-studio .avatar-editor-actions{flex-wrap:wrap}
body.spot-studio .form-split,
body.spot-studio .widget-color-grid,
body.spot-studio .smart-link-grid,
body.spot-studio .link-action-row,
body.spot-studio .ab-link-row{min-width:0}
body.spot-studio .map-search-row{min-width:0}
body.spot-studio .map-search-row>*{min-width:0}

/* BONITO.WTF v6.1.7 · preview viva + Links sin desbordes */
.public-body.button-shadow-on .public-link{box-shadow:0 10px 24px rgba(0,0,0,.14)!important}

/* En el editor, Tipo vive arriba y Usuario/URL debajo. Ningún campo comparte fila. */
body.spot-studio .social-link-row{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 76px!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  gap:8px 10px!important;
  overflow:hidden;
}
body.spot-studio .social-link-row>.social-network-field,
body.spot-studio .social-link-row>.social-handle-field,
body.spot-studio .social-link-row>.social-label-field,
body.spot-studio .social-link-row>.social-url-field,
body.spot-studio .social-link-row>.custom-mark-field,
body.spot-studio .social-link-row>.smart-link-settings,
body.spot-studio .social-link-row>.social-built-url{
  grid-column:2!important;
  grid-row:auto!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
body.spot-studio .social-link-row>.social-network-field{grid-row:1!important}
body.spot-studio .social-link-row label{min-width:0!important;max-width:100%!important}
body.spot-studio .social-link-row label>small{display:block;margin:0 0 5px 2px;font-size:9px;font-weight:900;color:#777770;text-transform:uppercase;letter-spacing:.06em}
body.spot-studio .social-link-row select,
body.spot-studio .social-link-row input{
  display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
body.spot-studio .social-link-row>.drag-handle{grid-column:1!important;grid-row:1 / span 8!important;align-self:stretch!important;min-height:52px}
body.spot-studio .social-link-row>.link-visible-toggle{grid-column:3!important;grid-row:1!important;min-width:0!important;width:76px!important;height:52px!important;align-self:start!important}
body.spot-studio .social-link-row>.link-move{grid-column:3!important;grid-row:2!important;align-self:start!important;width:76px!important}
body.spot-studio .social-link-row>.link-delete{right:12px!important;bottom:12px!important}
body.spot-studio .social-link-row>.social-built-url{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35}
body.spot-studio .social-link-row>.smart-link-settings{margin-top:2px!important}
body.spot-studio .social-link-row>.custom-mark-field{margin-top:0!important}

@media(max-width:760px){
  body.spot-studio .social-link-row{grid-template-columns:28px minmax(0,1fr) 44px!important;gap:7px!important}
  body.spot-studio .social-link-row>.link-visible-toggle{width:44px!important;height:46px!important}
  body.spot-studio .social-link-row>.link-move{width:44px!important}
}

/* v6.2.0 · pulido UX tipo app */
.spot-public-state{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#edf8ef;color:#28643b;text-decoration:none;font-size:9px;font-weight:900;white-space:nowrap}.spot-public-state i{width:7px;height:7px;border-radius:50%;background:#37a85b;box-shadow:0 0 0 4px rgba(55,168,91,.11)}
.spot-global-history{width:31px;height:31px;border:1px solid #e2e2dc;background:#fff;border-radius:10px;font-size:16px;font-weight:900;cursor:pointer;color:#252525}.spot-global-history:disabled{opacity:.25;cursor:default}
.preview-modebar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:560px;margin:0 auto 10px}.preview-segment{display:flex;gap:3px;padding:3px;border-radius:999px;background:#ecece7;border:1px solid #e1e1dc}.preview-segment button{appearance:none;border:0;background:transparent;color:#6f706c;font-size:9px;font-weight:900;padding:7px 10px;border-radius:999px;cursor:pointer}.preview-segment button.is-active{background:#17191f;color:#fff;box-shadow:0 3px 9px rgba(20,20,20,.12)}
.real-spot-preview-shell{position:relative;transition:max-width .28s ease,width .28s ease,height .28s ease,border-radius .28s ease}.live-side.preview-is-loading .real-spot-preview-shell:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,#f0f0ec 25%,#fafaf7 42%,#f0f0ec 60%);background-size:220% 100%;animation:bonitoSkeleton 1.15s linear infinite}.live-side.preview-is-loading .real-spot-preview{opacity:0}.real-spot-preview{transition:opacity .2s ease}.preview-device-desktop .real-spot-preview-shell{max-width:720px!important;width:min(100%,720px)!important;height:610px!important;border-radius:26px!important;border-width:7px!important}.preview-device-desktop .real-preview-actions{max-width:720px}.preview-device-mobile .real-spot-preview-shell{max-width:320px}
@keyframes bonitoSkeleton{to{background-position:-220% 0}}
.spot-focus-pulse{animation:spotFocusPulse 1.1s ease}@keyframes spotFocusPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,177,0,0)}35%{box-shadow:0 0 0 5px rgba(255,177,0,.22)}}
.media-adjust-chip{position:absolute;right:10px;bottom:10px;z-index:5;border:0;border-radius:999px;background:rgba(17,19,27,.88);color:#fff;padding:7px 10px;font-size:9px;font-weight:900;box-shadow:0 7px 18px rgba(17,19,27,.22);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-avatar-editor],[data-cover-editor],[data-photo-stage]{position:relative}
.bonito-media-modal{position:fixed;inset:0;z-index:20050;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));}.bonito-media-modal[hidden]{display:none}.bonito-media-backdrop{position:absolute;inset:0;border:0;background:rgba(12,13,17,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bonito-media-panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(900px,calc(100dvh - 20px));overflow:hidden;background:#f7f6f1;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);display:flex;flex-direction:column}.bonito-media-panel>header{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #e4e3dd;background:rgba(255,255,255,.9)}.bonito-media-panel>header button{height:38px;border:0;border-radius:12px;background:#fff;font-weight:900;cursor:pointer}.bonito-media-panel>header>div{display:grid}.bonito-media-panel>header small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#84847d;font-weight:900}.bonito-media-panel>header b{font-size:16px}.bonito-media-done{padding:0 16px!important;background:#17191f!important;color:#fff!important}.bonito-media-body{min-height:0;overflow:auto;padding:18px;display:grid;align-content:start;gap:14px}.bonito-media-body [data-avatar-editor]{width:min(430px,80vw)!important;height:min(430px,80vw)!important;margin:auto!important}.bonito-media-body [data-cover-editor]{width:100%!important;min-height:360px!important;height:min(54vw,460px)!important}.bonito-media-body [data-photo-stage]{width:min(560px,100%)!important;aspect-ratio:1/1!important;margin:auto!important;min-height:0!important;height:auto!important}.bonito-media-body .avatar-editor-actions,.bonito-media-body .cover-editor-actions,.bonito-media-body .photo-adjust-form{width:min(560px,100%);margin:0 auto!important;background:#fff;border:1px solid #e2e1dc;border-radius:18px;padding:12px}.bonito-media-open{overflow:hidden!important}
.design-sheet-trigger{display:none}.design-option-sheet{position:fixed;inset:0;z-index:20030}.design-option-sheet[hidden]{display:none}.design-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(10,10,12,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.design-option-sheet>section{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:min(72dvh,620px);overflow:auto;background:#fff;border-radius:27px;padding:12px 14px 18px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.design-sheet-handle,.spot-sheet-handle{width:42px;height:4px;background:#d9d9d3;border-radius:999px;margin:2px auto 10px}.design-option-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.design-option-sheet header b{font-size:19px}.design-option-sheet header button{width:38px;height:38px;border:0;border-radius:12px;background:#f2f2ef;font-size:20px}.design-option-sheet [data-design-sheet-options]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.design-sheet-choice{border:1px solid #e3e2dc;background:#fafaf7;border-radius:16px;padding:15px;text-align:left;font-size:12px;font-weight:900;display:flex;justify-content:space-between;gap:8px;align-items:center}.design-sheet-choice i{width:17px;height:17px;border:2px solid #c8c7c1;border-radius:50%}.design-sheet-choice.is-selected{border-color:#17191f;box-shadow:inset 0 0 0 1px #17191f}.design-sheet-choice.is-selected i{border:5px solid #17191f}.design-sheet-open{overflow:hidden}
.spot-add-fab{position:fixed;right:18px;bottom:18px;z-index:9997;width:52px;height:52px;border:0;border-radius:18px;background:#c94325;color:#fff;box-shadow:0 14px 34px rgba(201,67,37,.3);font-size:26px;font-weight:500;cursor:pointer}.spot-add-fab span{display:block;transform:translateY(-1px)}.spot-add-sheet{position:fixed;inset:0;z-index:20020}.spot-add-sheet[hidden]{display:none}.spot-add-backdrop{position:absolute;inset:0;border:0;background:rgba(10,10,12,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spot-add-sheet>section{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(540px,calc(100% - 20px));background:#fff;border-radius:27px;padding:12px 14px 18px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.spot-add-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.spot-add-sheet header>div{display:grid}.spot-add-sheet header small{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#83837c;font-weight:900}.spot-add-sheet header b{font-size:19px}.spot-add-sheet header button{width:38px;height:38px;border:0;border-radius:12px;background:#f2f2ef;font-size:20px}.spot-add-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.spot-add-grid button{min-height:86px;border:1px solid #e4e3dd;background:#fafaf7;border-radius:17px;font-size:21px;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer}.spot-add-grid b{font-size:9px}.spot-add-open{overflow:hidden}
.bonito-confirm-sheet{position:fixed;inset:0;z-index:20060}.bonito-confirm-sheet[hidden]{display:none}.confirm-backdrop{position:absolute;inset:0;border:0;background:rgba(10,10,12,.46);backdrop-filter:blur(8px)}.bonito-confirm-sheet>section{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100% - 20px));background:#fff;border-radius:25px;padding:12px 16px 16px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.bonito-confirm-sheet>section>b{display:block;font-size:20px;margin:5px 0}.bonito-confirm-sheet p{margin:0 0 16px;color:#73736d;font-size:12px;line-height:1.5}.bonito-confirm-sheet>section>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-open{overflow:hidden}
.draft-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin:0 0 12px;border:1px solid #ead080;background:#fff7d6;border-radius:16px}.draft-recovery>span{display:grid}.draft-recovery b{font-size:11px}.draft-recovery small{font-size:9px;color:#766845}.draft-recovery>div{display:flex;gap:6px}.draft-recovery button{border:0;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:900}.draft-recovery [data-draft-restore]{background:#17191f;color:#fff}
.link-health-btn{margin-left:auto}.link-health-status{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;background:#f0f0ed;color:#6c6d69;grid-column:1/-1}.link-row.link-health-ok .link-health-status{background:#e7f6eb;color:#25633a}.link-row.link-health-warn .link-health-status{background:#fff3d6;color:#7c5915}.link-row.link-health-bad{border-color:#eaa89c!important}.link-row.link-health-bad .link-health-status{background:#fff0ed;color:#9a3628}
.spot-empty-state{margin:14px 0 2px;padding:22px;border:1px dashed #d8d7d0;border-radius:20px;background:#fafaf7;text-align:center;display:grid;place-items:center;gap:5px}.spot-empty-state>span{width:46px;height:46px;border-radius:14px;background:#17191f;color:#fff;display:grid;place-items:center;font-size:19px}.spot-empty-state b{font-size:13px}.spot-empty-state small{font-size:9px;color:#7a7a73}.spot-empty-state.compact{padding:15px;grid-template-columns:auto 1fr;text-align:left;justify-items:start}.spot-empty-state.compact>span{grid-row:1/3}.spot-empty-state.compact b,.spot-empty-state.compact small{grid-column:2}
[data-app-ajax-form][data-autosave="1"] .spot-form-savebar .editor-save:after{content:" · auto";font-size:.72em;opacity:.55}.keyboard-open .spot-app-tabs,.keyboard-open .preview-fab,.keyboard-open .spot-add-fab{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}
@media(max-width:760px){
  .spot-public-state span{display:none}.spot-public-state{width:32px;height:32px;padding:0;justify-content:center}.spot-global-history{display:none}.spot-appbar{top:max(8px,env(safe-area-inset-top))!important}.spot-studio{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
  .preview-modebar{position:sticky;top:0;z-index:4;margin:0 auto 9px;background:#f2eee6;padding:5px 0}.preview-segment button{padding:6px 8px;font-size:8px}.preview-device-desktop .real-spot-preview-shell{max-width:700px!important;width:700px!important;height:560px!important}.preview-device-desktop .real-preview-stage{overflow-x:auto!important}
  .bonito-media-modal{padding:0}.bonito-media-panel{width:100%;height:100dvh;max-height:none;border-radius:0}.bonito-media-panel>header{padding-top:max(12px,env(safe-area-inset-top))}.bonito-media-body{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.bonito-media-body [data-avatar-editor]{width:min(82vw,410px)!important;height:min(82vw,410px)!important}.bonito-media-body [data-cover-editor]{min-height:42dvh!important;height:42dvh!important}
  .visual-style-groups fieldset>label{display:none!important}.visual-style-groups fieldset>.design-sheet-trigger{display:flex!important;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;padding:8px 0;font-size:11px;font-weight:900;color:#191919}.visual-style-groups fieldset>.design-sheet-trigger b{font-size:9px;color:#7a7a73}.visual-style-groups fieldset{min-height:56px!important;padding:10px 14px!important}.visual-style-groups fieldset legend{font-size:8px!important;color:#87877f!important}
  .spot-add-fab{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:16px;z-index:9998}.spot-studio .preview-fab{right:70px!important}.spot-add-sheet>section{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;width:auto}.spot-add-grid{grid-template-columns:repeat(4,1fr)}.spot-add-grid button{min-height:78px}
  .design-option-sheet [data-design-sheet-options]{grid-template-columns:1fr 1fr}.draft-recovery{align-items:flex-start;flex-direction:column}.draft-recovery>div{width:100%}.draft-recovery button{flex:1}.link-health-btn{width:auto!important}
}
@media(min-width:761px){.spot-add-fab{bottom:24px;right:24px}.preview-device-desktop .real-preview-stage{min-width:0}.preview-device-desktop .real-spot-preview-shell iframe{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.preview-is-loading .real-spot-preview-shell:after,.spot-focus-pulse{animation:none!important}.real-spot-preview-shell,.real-spot-preview{transition:none!important}}

/* =====================================================================
   v6.2.4 · CONFIGURADOR MÓVIL EN UNA SOLA PANTALLA
   El Spot público NO cambia. Esta capa sólo afecta /space/dashboard.php.
   La página exterior queda fija; cada pestaña es una pantalla de app y
   desplaza únicamente su contenido interno cuando necesita más espacio.
   ===================================================================== */
@media(max-width:760px){
  html.spot-config-app-html{
    height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
    background:#efefeb;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none;
    padding:0!important;
    background:#efefeb;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .space-main{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:max(8px,env(safe-area-inset-top)) 9px calc(78px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-appbar{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    flex:0 0 auto!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px 7px 7px 9px!important;
    border-radius:19px!important;
    box-shadow:0 8px 26px rgba(20,20,20,.07)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-overview{
    display:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile>.space-main>.flash,
  body.spot-studio.app-panel-mode.spot-config-app-mobile>.space-main>.error.app-error{
    position:fixed!important;
    z-index:20120!important;
    top:calc(max(8px,env(safe-area-inset-top)) + 66px)!important;
    left:12px!important;
    right:12px!important;
    margin:0!important;
    box-shadow:0 14px 34px rgba(0,0,0,.13)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .studio-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    display:block!important;
    margin:0!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-stack{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-grid{
    display:contents!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile [data-app-screen]{
    display:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile [data-app-screen].is-app-screen-active{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:16px 15px calc(104px + env(safe-area-inset-bottom))!important;
    border:1px solid #e1e1dc!important;
    border-radius:23px!important;
    background:#fff!important;
    box-shadow:0 10px 32px rgba(20,20,20,.045)!important;
    scroll-padding-top:12px;
    scroll-padding-bottom:110px;
    animation:spotConfigScreenIn .18s ease!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile [data-app-screen].is-app-screen-active::-webkit-scrollbar{display:none}
  @keyframes spotConfigScreenIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head{
    position:sticky;
    top:-16px;
    z-index:16;
    margin:-16px -15px 8px!important;
    padding:15px 15px 9px!important;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid rgba(20,20,20,.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head h2{font-size:23px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card>.muted{margin:0 0 12px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .card-head .editor-card-head{
    position:static!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-profile-segment{
    position:sticky!important;
    top:42px!important;
    z-index:18!important;
    margin:2px 0 12px!important;
    padding:4px!important;
    border-radius:15px!important;
    background:rgba(242,242,238,.96)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar{
    position:sticky!important;
    bottom:2px!important;
    z-index:24!important;
    margin:16px -4px 0!important;
    padding:7px 8px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 28px rgba(20,20,20,.10)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar{
    left:8px!important;
    right:8px!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    min-height:62px!important;
    margin:0!important;
    z-index:20000!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar a{
    min-height:50px!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .preview-fab{
    display:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .live-side{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    pointer-events:none;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .live-side.is-preview-open{
    pointer-events:auto;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-toast{
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-add-fab{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.keyboard-open .space-main{
    padding-bottom:8px!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.keyboard-open [data-app-screen].is-app-screen-active{
    padding-bottom:24px!important;
  }
}

/* =====================================================================
   v6.2.5 · CONFIGURADOR MÓVIL — PULIDO VISUAL APP
   Sólo /space/dashboard.php en móvil. No modifica el Spot público.
   ===================================================================== */
@media(max-width:760px){
  html.spot-config-app-html{background:#f2f2ef!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile{background:#f2f2ef!important;color:#151515}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .space-main{
    padding:max(7px,env(safe-area-inset-top)) 7px calc(75px + env(safe-area-inset-bottom))!important;
    gap:7px!important;
  }

  /* Encabezado: menos navegador web, más app */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-appbar{
    min-height:54px!important;
    padding:5px 5px 5px 7px!important;
    border:0!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 5px 18px rgba(20,20,20,.055)!important;
    backdrop-filter:blur(22px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-identity{gap:8px!important;min-width:0;max-width:calc(100% - 126px)}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-avatar{
    width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:13px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-identity small{
    font-size:7.5px!important;letter-spacing:.1em!important;color:#92928b!important;line-height:1!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-identity strong{
    margin-top:2px;font-size:13.5px!important;letter-spacing:-.025em;line-height:1.05!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-identity em{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-appbar-actions{gap:5px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-save-state{
    position:fixed!important;left:50%!important;top:calc(max(7px,env(safe-area-inset-top)) + 61px)!important;
    z-index:20125!important;transform:translateX(-50%);padding:7px 10px!important;
    border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 20px rgba(0,0,0,.08);white-space:nowrap;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-save-state:not(.is-dirty):not(.is-saving):not(.is-saved):not(.is-error){display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-preview-btn{
    min-height:38px!important;height:38px!important;padding:0 11px!important;border-radius:12px!important;
    gap:6px!important;background:#151515!important;box-shadow:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-preview-btn span{display:grid;place-items:center;color:#fff!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-preview-btn svg{width:16px;height:16px;display:block;stroke:currentColor}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-preview-btn b{font-size:9px!important;letter-spacing:-.01em}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-more-btn{
    width:38px!important;height:38px!important;border-radius:12px!important;background:#f0f0ed!important;font-size:14px!important;
  }

  /* Una pantalla blanca real: eliminamos la sensación de tarjeta anidada */
  body.spot-studio.app-panel-mode.spot-config-app-mobile [data-app-screen].is-app-screen-active{
    padding:0 14px calc(102px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:22px!important;background:#fff!important;
    box-shadow:0 6px 24px rgba(20,20,20,.04)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head{
    top:0!important;margin:0 -14px 0!important;padding:15px 14px 12px!important;
    min-height:70px;align-items:flex-end!important;border-bottom:1px solid #efefec!important;
    background:rgba(255,255,255,.96)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head .editor-card-icon{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head>div{gap:1px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head small{
    font-size:7.5px!important;letter-spacing:.12em!important;color:#9a9a93!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card-head h2{
    margin:0!important;font-size:25px!important;line-height:1!important;letter-spacing:-.055em!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .editor-card>.muted{
    margin:10px 1px 13px!important;font-size:10px!important;line-height:1.35!important;color:#7a7a74!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .card-head{margin:0!important;align-items:flex-end!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .card-head .editor-card-head{min-height:0!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .card-head>.btn{margin-bottom:10px!important}

  /* Perfil / Diseño: selector más cercano a iOS, ligero y compacto */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-profile-segment{
    top:70px!important;margin:0 -1px 13px!important;padding:3px!important;border:1px solid #e7e7e2!important;
    border-radius:14px!important;background:rgba(244,244,241,.94)!important;box-shadow:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-profile-segment button{
    min-height:36px!important;border-radius:11px!important;font-size:10px!important;color:#777770!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-profile-segment button.is-active{
    background:#fff!important;color:#151515!important;box-shadow:0 2px 8px rgba(20,20,20,.08)!important;
  }

  /* Campos: bloques limpios, más táctiles y con mejor foco */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field{gap:5px!important;margin:11px 0!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field>span,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .link-row label small{
    padding-left:2px;font-size:8.5px!important;letter-spacing:.02em!important;text-transform:none!important;color:#666660!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field input,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field textarea,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field select,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .link-row input{
    min-height:46px!important;border:1px solid transparent!important;border-radius:14px!important;
    padding:12px 13px!important;background:#f5f5f2!important;color:#161616!important;
    box-shadow:inset 0 0 0 1px rgba(22,22,22,.045)!important;font-size:14px!important;
    transition:background .14s,border-color .14s,box-shadow .14s!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field textarea{min-height:92px!important;resize:vertical}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field input:focus,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field textarea:focus,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field select:focus,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .link-row input:focus{
    background:#fff!important;border-color:#c24123!important;box-shadow:0 0 0 3px rgba(194,65,35,.10)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field input[type=file]{padding:6px!important;font-size:11px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .field input[type=file]::file-selector-button{border-radius:10px!important;padding:8px 10px!important}

  /* Links: cada uno se siente como item editable, no como mini formulario */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .link-row{
    margin:8px 0!important;padding:9px!important;border:1px solid #e9e9e5!important;border-radius:17px!important;
    background:#fafaf8!important;box-shadow:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .drag-handle{color:#a0a099!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .link-move button{
    width:30px!important;height:30px!important;border:0!important;border-radius:9px!important;background:#ededE9!important;
  }

  /* Secciones: una columna y menos cajas visuales */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-grid{grid-template-columns:1fr!important;gap:8px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-card{
    padding:12px!important;border-radius:17px!important;box-shadow:none!important;background:#fafaf8!important;border-color:#e7e7e2!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-card.state-active{background:#f7fbf7!important;border-color:#bddfc5!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:18px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-copy strong{font-size:13px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-copy small{font-size:9.5px!important;line-height:1.3!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .section-market-state{font-size:7.5px!important;padding:5px 7px!important}

  /* Fotos */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-gallery-upload{grid-template-columns:1fr!important;gap:7px!important;margin-top:10px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-upload-drop{
    min-height:116px!important;border-width:1.5px!important;border-radius:18px!important;background:#f7f7f4!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-gallery-upload>.btn{min-height:44px!important;min-width:0!important;width:100%!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .gallery.manage-gallery{grid-template-columns:1fr!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .photo-editor-card{border-radius:18px!important}

  /* Botones dentro del editor */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .btn{min-height:42px;border-radius:13px!important;box-shadow:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .btn:not(.ghost):not(.danger){background:#171717!important;color:#fff!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .btn.ghost{background:#f4f4f1!important;border-color:#e4e4df!important}

  /* Guardar: mini barra flotante dentro de la pantalla */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar{
    bottom:4px!important;margin:18px -4px 0!important;padding:6px 6px 6px 11px!important;
    min-height:54px!important;border:1px solid rgba(20,20,20,.07)!important;border-radius:17px!important;
    background:rgba(250,250,248,.96)!important;box-shadow:0 9px 28px rgba(20,20,20,.10)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar>span{font-size:8.5px!important;color:#85857e!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar .btn{
    min-width:108px!important;min-height:40px!important;padding:0 15px!important;border-radius:12px!important;font-size:10px!important;
  }

  /* Navegación inferior flotante */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar{
    left:7px!important;right:7px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;
    min-height:62px!important;height:62px!important;padding:4px!important;gap:1px!important;
    border:1px solid rgba(20,20,20,.07)!important;border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 10px 30px rgba(20,20,20,.12)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar a{
    position:relative;display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;
    min-height:52px!important;padding:4px 2px!important;border-radius:16px!important;color:#85857e!important;
    transition:transform .14s ease,color .14s ease,background .14s ease!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar a:active{transform:scale(.95)}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs.studio-toolbar a.is-active{
    background:#171717!important;color:#fff!important;box-shadow:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs .app-tab-icon{
    width:20px;height:20px;display:grid!important;place-items:center!important;font-size:0!important;line-height:1!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs .app-tab-icon svg{
    width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-app-tabs b{font-size:7.7px!important;line-height:1!important;letter-spacing:-.01em}

  /* Botón + acompaña a la navegación, sin robar protagonismo */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-add-fab{
    right:13px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:46px!important;height:46px!important;
    border-radius:15px!important;background:#c24123!important;box-shadow:0 9px 24px rgba(194,65,35,.25)!important;
  }

  /* Sheets: misma familia visual */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-sheet-panel,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-add-sheet>section,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .design-option-sheet>section{
    border-radius:24px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-sheet-backdrop,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-add-backdrop,
  body.spot-studio.app-panel-mode.spot-config-app-mobile .design-sheet-backdrop{background:rgba(12,12,12,.32)!important}

  /* Teclado: maximiza el área útil y evita barras montadas */
  body.spot-studio.app-panel-mode.spot-config-app-mobile.keyboard-open .spot-appbar{opacity:.96}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.keyboard-open [data-app-screen].is-app-screen-active{border-radius:16px!important}
}

/* =====================================================================
   v6.2.6 · WEBAPP como plantilla pública + guardado móvil no invasivo
   ===================================================================== */
.template-mini-webapp{background:#f3f3ef!important;border-radius:15px!important}
.template-mini-webapp:before{display:none!important}
.template-mini-webapp b{width:20px!important;height:20px!important;left:21px!important;top:8px!important;border-radius:50%!important;background:#1b1b1b!important;border:3px solid #fff!important}
.template-mini-webapp i{left:9px!important;right:9px!important;width:auto!important;height:6px!important;border-radius:8px!important;background:#d7d7d1!important}
.template-mini-webapp i:nth-child(1){top:35px!important;background:#1b1b1b!important}
.template-mini-webapp i:nth-child(2){top:46px!important}
.template-mini-webapp i:nth-child(3){top:57px!important}
.template-mini-webapp:after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:12px;border-radius:7px;background:linear-gradient(90deg,#181818 0 31%,#deded8 31% 65%,#deded8 65% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}

@media(max-width:760px){
  /* La barra ya no vive dentro de la foto/contenido. Sólo aparece si existe
     un cambio real y flota inmediatamente sobre la navegación inferior. */
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar{
    display:none!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:calc(74px + max(8px,env(safe-area-inset-bottom)))!important;
    z-index:20010!important;
    width:auto!important;
    min-height:48px!important;
    margin:0!important;
    padding:5px 5px 5px 10px!important;
    border-radius:16px!important;
    background:rgba(250,250,248,.97)!important;
    box-shadow:0 10px 30px rgba(20,20,20,.13)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar.is-savebar-visible{display:flex!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar>span{font-size:9px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile .spot-form-savebar .btn{min-height:38px!important;min-width:104px!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.keyboard-open .spot-form-savebar{
    bottom:8px!important;left:8px!important;right:8px!important;
  }
}

/* =====================================================================
   v6.2.9 · DISEÑO EN VIVO MÓVIL — LIENZO REAL + DOCK HORIZONTAL
   ===================================================================== */
.design-live-workbench{display:none}
@media(max-width:760px){
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .space-main{
    padding:max(7px,env(safe-area-inset-top)) 7px max(7px,env(safe-area-inset-bottom))!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil.is-app-screen-active{
    padding:0!important;overflow:hidden!important;border-radius:22px!important;background:#ecece8!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>.editor-card-head,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>.muted{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>form[data-profile-form]{
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-profile-segment{
    position:relative!important;top:auto!important;z-index:30!important;margin:7px 8px 6px!important;flex:0 0 auto!important;
    background:rgba(255,255,255,.90)!important;border-color:rgba(20,20,20,.07)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="identity"]{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="design"].is-active{
    display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="design"]>.theme-editor,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="design"]>.template-editor,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="design"]>.badge-editor,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil .spot-form-savebar{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-workbench{
    display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;height:100%!important;min-height:0!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-canvas{
    position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:31px 12px 8px;
    background:
      radial-gradient(circle at 18% 12%,rgba(255,255,255,.90),rgba(255,255,255,0) 30%),
      linear-gradient(145deg,#efefeb 0%,#e6e6e1 100%);
  }
  .design-live-canvas-head{
    position:absolute;left:13px;right:13px;top:7px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;
  }
  .design-live-canvas-head span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#62625d;letter-spacing:.01em}
  .design-live-canvas-head span i{width:7px;height:7px;border-radius:999px;background:#34b968;box-shadow:0 0 0 4px rgba(52,185,104,.12)}
  .design-live-canvas-head button{pointer-events:auto;border:0;background:rgba(255,255,255,.82);color:#1a1a1a;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;box-shadow:0 3px 12px rgba(20,20,20,.07)}
  .design-live-stage{width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-stage .real-spot-preview-shell{
    display:block!important;position:relative!important;width:min(100%,375px)!important;max-width:375px!important;height:100%!important;max-height:100%!important;min-height:290px!important;
    margin:0 auto!important;border:6px solid #191a1f!important;border-radius:31px!important;overflow:hidden!important;background:#fff!important;
    box-shadow:0 20px 48px rgba(17,17,20,.20)!important;transition:none!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-stage .real-spot-preview{
    display:block!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important;border-radius:24px!important;opacity:1!important;pointer-events:none!important;background:#fff!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-app-tabs.studio-toolbar,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-add-fab,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .preview-fab{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .live-side{pointer-events:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode>.space-main>.flash,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode>.space-main>.error.app-error{display:none!important}

  .design-live-controller{
    position:relative;z-index:25;flex:0 0 auto;padding:7px 7px max(7px,env(safe-area-inset-bottom));
    background:rgba(247,247,244,.97);border-top:1px solid rgba(20,20,20,.07);box-shadow:0 -10px 34px rgba(20,20,20,.08);
    backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);
  }
  .design-live-controller-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 4px 6px}
  .design-live-controller-head>div:first-child{display:flex;align-items:baseline;gap:6px;min-width:0}
  .design-live-controller-head small{font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#999991}
  .design-live-controller-head b{font-size:11px;line-height:1;color:#171717;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .design-live-history{display:flex;gap:4px}
  .design-live-history button{width:31px;height:31px;border:0;border-radius:10px;background:#e8e8e3;color:#222;font-size:14px;font-weight:900}
  .design-live-options,.design-live-dock{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .design-live-options::-webkit-scrollbar,.design-live-dock::-webkit-scrollbar{display:none}
  .design-live-options{min-height:48px;padding:1px 2px 7px}
  .design-live-option,.design-live-color{
    flex:0 0 auto;min-height:39px;border:1px solid #deded8;border-radius:13px;background:#fff;color:#454541;padding:0 13px;font-size:9px;font-weight:900;white-space:nowrap;scroll-snap-align:center;
    box-shadow:0 2px 7px rgba(20,20,20,.025);
  }
  .design-live-option.is-selected{background:#171717!important;border-color:#171717!important;color:#fff!important}
  .design-live-option:disabled{opacity:.38}
  .design-live-color{display:flex;align-items:center;gap:7px;padding:0 11px}
  .design-live-color i{width:19px;height:19px;border-radius:7px;background:var(--live-swatch,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)}
  .design-live-dock{min-height:57px;padding:2px 1px 0;border-top:1px solid rgba(20,20,20,.055)}
  .design-live-category{
    flex:0 0 auto;min-width:58px;min-height:52px;border:0;border-radius:15px;background:transparent;color:#85857e;padding:5px 8px;display:grid;place-items:center;align-content:center;gap:3px;scroll-snap-align:center;
  }
  .design-live-category i{font-style:normal;font-size:18px;line-height:1}
  .design-live-category span{font-size:7.5px;font-weight:900;line-height:1;white-space:nowrap}
  .design-live-category.is-selected{background:#171717;color:#fff}
  .design-live-category:active,.design-live-option:active,.design-live-color:active,.design-live-history button:active{transform:scale(.96)}

  /* La barra global de estado sí puede avisar Guardando/Guardado, pero nunca tapa el lienzo. */
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-save-state{
    top:auto!important;left:auto!important;right:14px!important;bottom:calc(132px + max(8px,env(safe-area-inset-bottom)))!important;transform:none!important;
    padding:6px 9px!important;font-size:8px!important;background:rgba(255,255,255,.92)!important;
  }
}


/* =====================================================================
   v6.3.2 · DISEÑO EN VIVO FULLSCREEN — EL SPOT ES EL LIENZO
   ===================================================================== */
@media(max-width:760px){
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode{
    overflow:hidden!important;background:#000!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .space-main{
    position:fixed!important;inset:0!important;z-index:30000!important;width:100%!important;height:100dvh!important;max-width:none!important;
    margin:0!important;padding:0!important;background:#000!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-appbar,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-profile-segment,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-app-tabs.studio-toolbar,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-add-fab,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .preview-fab,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>.editor-card-head,
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>.muted{display:none!important}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil.is-app-screen-active{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode #perfil>form[data-profile-form]{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode [data-profile-pane="design"].is-active{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-workbench{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#000!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-canvas{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;display:block!important;background:#000!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-stage{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-stage .real-spot-preview-shell{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;
  }
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .design-live-stage .real-spot-preview{
    display:block!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;
    opacity:1!important;pointer-events:auto!important;
  }
  .design-live-canvas-head{
    position:absolute!important;top:max(8px,env(safe-area-inset-top))!important;left:10px!important;right:10px!important;z-index:80!important;
    display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;gap:8px!important;pointer-events:none!important;
  }
  .design-live-canvas-head span{
    justify-self:center!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(20,20,20,.62)!important;color:#fff!important;
    backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;font-size:8px!important;box-shadow:0 4px 18px rgba(0,0,0,.16)!important;
  }
  .design-live-canvas-head button{
    pointer-events:auto!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:15px!important;background:rgba(20,20,20,.68)!important;color:#fff!important;
    display:grid!important;place-items:center!important;font-size:18px!important;font-weight:900!important;box-shadow:0 6px 22px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .design-live-canvas-head button:last-child{justify-self:end!important}
  .design-live-controller{
    position:absolute!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:90!important;
    padding:7px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:22px!important;background:rgba(245,245,242,.86)!important;
    box-shadow:0 14px 42px rgba(0,0,0,.22)!important;backdrop-filter:blur(24px) saturate(1.15)!important;-webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
  }
  .design-live-controller-head{padding:0 2px 4px!important;min-height:26px!important}
  .design-live-controller-head small{display:none!important}
  .design-live-controller-head b{font-size:9px!important}
  .design-live-history button{width:28px!important;height:28px!important;border-radius:9px!important;font-size:13px!important}
  .design-live-options{min-height:42px!important;padding:0 1px 5px!important;gap:5px!important}
  .design-live-option,.design-live-color{min-height:36px!important;border-radius:12px!important;padding:0 11px!important;font-size:8.5px!important}
  .design-live-dock{min-height:48px!important;padding:4px 0 0!important;gap:2px!important}
  .design-live-category{min-width:52px!important;min-height:44px!important;border-radius:13px!important;padding:3px 7px!important;gap:2px!important}
  .design-live-category i{font-size:16px!important}.design-live-category span{font-size:7px!important}
  .design-live-range{flex:0 0 auto;min-width:150px;height:36px;padding:0 10px;border:1px solid #deded8;border-radius:12px;background:#fff;display:grid;grid-template-columns:auto 76px auto;align-items:center;gap:6px;color:#454541;font-size:8px;font-weight:900}
  .design-live-range input{width:76px;margin:0}.design-live-range b{font-size:8px;min-width:24px;text-align:right}
  body.spot-studio.app-panel-mode.spot-config-app-mobile.design-live-mode .spot-save-state{
    position:absolute!important;top:max(61px,calc(env(safe-area-inset-top) + 56px))!important;right:10px!important;bottom:auto!important;left:auto!important;z-index:95!important;
    transform:none!important;padding:6px 8px!important;border-radius:999px!important;background:rgba(20,20,20,.66)!important;color:#fff!important;font-size:7.5px!important;box-shadow:none!important;
  }
}

/* v6.3.3 · acceso limpio, sin tarjetas */
.clean-auth{background:#fbf7ee;overflow-x:hidden}.clean-auth .space-nav,.clean-auth .space-footer{display:none!important}.clean-auth .space-main{width:100%!important;max-width:none!important;margin:0!important;min-height:100dvh;padding:0!important}.clean-auth-stage{position:relative;min-height:100dvh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 82% 18%,rgba(255,216,94,.48),transparent 24%),radial-gradient(circle at 14% 82%,rgba(194,65,35,.13),transparent 28%),#fbf7ee;padding:88px max(22px,env(safe-area-inset-left)) max(34px,env(safe-area-inset-bottom))}.clean-auth-top{position:absolute;z-index:4;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.clean-auth-top>a:last-child{font-size:13px;font-weight:900;color:#444;text-decoration:none}.clean-auth-brand{font-size:20px;font-weight:950;letter-spacing:-.06em;color:#111;text-decoration:none}.clean-auth-brand span{color:#c24123;font-size:.72em}.clean-auth-main{position:relative;z-index:3;width:min(580px,100%)}.clean-kicker{display:block;font-size:10px;font-weight:950;letter-spacing:.16em;color:#c24123;margin-bottom:12px}.clean-auth-main h1{margin:0 0 18px;font-size:clamp(54px,11vw,88px);line-height:.86;letter-spacing:-.075em;color:#111}.clean-auth-lede{margin:0 0 24px;color:#666b78;font-size:16px;line-height:1.45;max-width:500px}.clean-auth-form{display:grid;gap:14px}.clean-auth-field{display:grid;gap:6px}.clean-auth-field>span{font-size:11px;font-weight:900;color:#6c6f72}.clean-auth-field input{width:100%;border:0;border-bottom:2px solid rgba(17,19,27,.16);border-radius:0;background:transparent;padding:13px 2px 12px;font:inherit;font-size:18px;outline:none;box-shadow:none!important}.clean-auth-field input:focus{border-bottom-color:#111}.clean-auth-field input::placeholder{color:#aaa}.clean-auth-primary{margin-top:8px;min-height:56px;border:0;border-radius:999px;background:#111;color:#fff;padding:0 22px;font:inherit;font-weight:950;cursor:pointer}.clean-auth-secondary{display:inline-block;margin-top:18px;font-size:12px;font-weight:900;color:#5f6470;text-decoration:none}.clean-auth-legal{margin:0;text-align:center;color:#8a8d8b;font-size:10px;line-height:1.5}.clean-auth-legal a{color:inherit}.clean-auth-error{background:transparent!important;border:0!important;border-left:3px solid #c24123!important;border-radius:0!important;padding:5px 0 5px 11px!important;color:#8c2e1c!important;margin:0 0 8px!important}.clean-password-reveal{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-5px);transition:.24s ease}.clean-password-reveal>*{overflow:hidden}.clean-password-reveal.is-open{grid-template-rows:1fr;opacity:1;transform:none}.clean-password-box{position:relative;display:flex;align-items:center}.clean-password-box input{padding-right:64px}.clean-password-box button{position:absolute;right:0;bottom:8px;border:0;background:transparent;font:inherit;font-size:12px;font-weight:950;cursor:pointer;color:#555}.clean-auth-art i{position:absolute;font-style:normal;z-index:1;pointer-events:none}.clean-auth-art i:nth-child(1){right:8vw;top:15vh;font-size:clamp(54px,10vw,110px);transform:rotate(12deg)}.clean-auth-art i:nth-child(2){right:18vw;bottom:12vh;font-size:clamp(52px,9vw,96px);color:#c24123}.clean-auth-art i:nth-child(3){left:7vw;bottom:18vh;font-size:clamp(44px,8vw,82px);color:#e4aa2f;transform:rotate(-12deg)}.register-art i:nth-child(1){filter:drop-shadow(0 15px 20px rgba(194,65,35,.18))}.clean-auth .ob-password-reveal{display:none!important}@media(max-width:700px){.clean-auth-stage{place-items:start center;padding-top:118px;overflow:auto}.clean-auth-main h1{font-size:58px}.clean-auth-art i{opacity:.2}.clean-auth-art i:nth-child(1){right:-8px;top:86px}.clean-auth-art i:nth-child(2){right:-6px;bottom:80px}.clean-auth-art i:nth-child(3){left:-3px;bottom:32vh}.clean-auth-primary{min-height:54px}.clean-auth-form{gap:12px}}

/* =====================================================================
   v6.3.4 · Perfil + Diseño en vivo a pantalla completa
   ===================================================================== */
.spot-live-workbench{display:none}
@media(max-width:760px){
  body.spot-studio.spot-live-mode{overflow:hidden!important;background:#f2f2ee!important}
  body.spot-studio.spot-live-mode .spot-live-workbench{
    display:block!important;position:fixed!important;inset:0!important;z-index:10050!important;
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;
    background:#f2f2ee!important;overflow:hidden!important
  }
  .spot-live-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;background:#f2f2ee!important}
  .spot-live-stage .real-spot-preview-shell{
    position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;transform:none!important
  }
  .spot-live-stage .real-spot-preview{
    display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important
  }
  .spot-live-topbar{
    position:absolute;z-index:6;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;
    display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;pointer-events:none
  }
  .spot-live-topbar>*{pointer-events:auto}
  .spot-live-round,.spot-live-switch{
    border:1px solid rgba(20,20,20,.08);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 7px 24px rgba(20,20,20,.12)
  }
  .spot-live-round{width:46px;height:46px;border-radius:16px;color:#171717;font:900 20px/1 system-ui;border:0}
  .spot-live-switch{justify-self:center;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;min-width:176px}
  .spot-live-switch button{height:38px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#7c7c76;font-size:12px;font-weight:900}
  .spot-live-switch button.is-selected{background:#171717;color:#fff}
  .spot-live-controller{
    position:absolute;z-index:7;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));
    padding:9px 9px 8px;border:1px solid rgba(20,20,20,.08);border-radius:24px;background:rgba(250,250,247,.92);
    -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 14px 42px rgba(20,20,20,.18);overflow:hidden
  }
  .spot-live-controller-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px 6px}
  .spot-live-controller-head>div:first-child{display:flex;align-items:baseline;gap:6px;min-width:0}.spot-live-controller-head small{font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#93938c}.spot-live-controller-head b{font-size:12px;line-height:1;color:#171717;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .spot-live-actions{display:flex;align-items:center;gap:5px}.spot-live-actions button{height:34px;min-width:34px;padding:0 9px;border:0;border-radius:11px;background:#e9e9e4;color:#202020;font-size:13px;font-weight:900}.spot-live-actions .spot-live-save{padding:0 13px;background:#171717;color:#fff}
  .spot-live-options,.spot-live-dock{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.spot-live-options::-webkit-scrollbar,.spot-live-dock::-webkit-scrollbar{display:none}
  .spot-live-options{min-height:48px;padding:1px 1px 7px}
  .spot-live-option,.spot-live-color{height:42px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #deded8;border-radius:14px;background:#fff;color:#222;font-size:11px;font-weight:900;white-space:nowrap}.spot-live-option.is-primary{background:#171717;color:#fff;border-color:#171717}.spot-live-option.is-selected{background:#171717;color:#fff;border-color:#171717}.spot-live-option:disabled{opacity:.38}
  .spot-live-color i{width:20px;height:20px;border-radius:7px;background:var(--live-swatch,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
  .spot-live-range{height:42px;min-width:176px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 11px;border:1px solid #deded8;border-radius:14px;background:#fff;color:#222}.spot-live-range span,.spot-live-range b{font-size:9px;font-weight:900}.spot-live-range input{width:92px;accent-color:#171717}
  .spot-live-hint{flex:0 0 auto;max-width:190px;padding:0 6px;color:#77776f;font-size:9px;font-weight:800;line-height:1.2}
  .spot-live-text{flex:1 0 min(78vw,430px);display:grid;gap:4px}.spot-live-text span{font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#77776f}.spot-live-text input,.spot-live-text textarea{width:100%;min-width:0;border:0;border-bottom:2px solid #1d1d1d;border-radius:0!important;background:transparent!important;color:#171717!important;padding:6px 1px 7px!important;font:850 16px/1.25 system-ui;outline:0;box-shadow:none!important;resize:none}.spot-live-text textarea{font-size:14px;min-height:48px}
  .spot-live-dock{min-height:55px;padding:6px 1px 0;border-top:1px solid rgba(20,20,20,.07)}
  .spot-live-category{height:49px;min-width:64px;flex:0 0 auto;display:grid;place-items:center;align-content:center;gap:3px;padding:4px 8px;border:0;border-radius:14px;background:transparent;color:#878780}.spot-live-category i{font-style:normal;font-size:17px;line-height:1}.spot-live-category span{font-size:8px;font-weight:950;line-height:1;white-space:nowrap}.spot-live-category.is-selected{background:#171717;color:#fff}
  .spot-live-option:active,.spot-live-category:active,.spot-live-round:active,.spot-live-actions button:active{transform:scale(.96)}
  body.spot-studio.spot-live-mode .spot-save-state{display:none!important}
}

/* =====================================================================
   v6.3.6 · Editor Focus — el Spot es el lienzo
   Inspirado en la claridad progresiva: toca un elemento y edita sólo eso.
   ===================================================================== */
@media(max-width:760px){
  body.spot-studio.spot-live-mode{overflow:hidden!important;background:#f2f2ee!important}
  body.spot-studio.spot-live-mode .spot-live-workbench{
    display:block!important;position:fixed!important;inset:0!important;z-index:10050!important;
    width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;background:#f2f2ee!important;overflow:hidden!important
  }
  .spot-focus-workbench .spot-live-stage{position:absolute!important;inset:0!important;overflow:hidden!important;background:#f2f2ee!important}
  .spot-focus-workbench .real-spot-preview-shell{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;transform:none!important}
  .spot-focus-workbench .real-spot-preview{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}

  .spot-focus-topbar{position:absolute!important;z-index:12!important;top:max(10px,env(safe-area-inset-top))!important;left:10px!important;right:10px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:center!important;gap:8px!important;pointer-events:none!important}
  .spot-focus-topbar>*{pointer-events:auto!important}
  .spot-focus-topbar .spot-live-round{width:46px!important;height:46px!important;border:0!important;border-radius:16px!important;background:rgba(18,18,20,.82)!important;color:#fff!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important;font:900 20px/1 system-ui!important}
  .spot-live-status-pill{justify-self:center;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;background:rgba(18,18,20,.72);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:10px;font-weight:900}
  .spot-live-status-pill i{width:8px;height:8px;border-radius:50%;background:#36c76c;box-shadow:0 0 0 5px rgba(54,199,108,.13)}

  .spot-live-quickbar{position:absolute;z-index:11;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(20,20,20,.08);border-radius:20px;background:rgba(250,250,247,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 14px 38px rgba(20,20,20,.18)}
  .spot-live-quickbar button{min-width:76px;height:48px;padding:4px 11px;border:0;border-radius:15px;background:transparent;color:#7b7b75;display:grid;place-items:center;align-content:center;gap:2px;font:inherit}
  .spot-live-quickbar button span{font-size:16px;line-height:1}.spot-live-quickbar button b{font-size:8px;line-height:1;font-weight:950;white-space:nowrap}.spot-live-quickbar button.is-selected{background:#171717;color:#fff}.spot-live-quickbar [data-spot-live-add]{min-width:52px}.spot-live-quickbar [data-spot-live-add] b{display:none}
  body.spot-live-sheet-open .spot-live-quickbar,body.spot-live-focus .spot-live-quickbar{opacity:0;pointer-events:none;transform:translate(-50%,12px)}

  .spot-live-sheet{position:absolute;z-index:14;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:min(72dvh,680px);padding:7px 12px 11px;border:1px solid rgba(20,20,20,.08);border-radius:28px;background:rgba(252,252,249,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 -10px 48px rgba(20,20,20,.2);transform:translateY(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:.22s cubic-bezier(.2,.8,.2,1);overflow:hidden}
  .spot-live-sheet.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .spot-live-sheet-handle{width:36px;height:4px;border-radius:999px;background:#d7d7d1;margin:1px auto 7px}
  .spot-live-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 1px 10px}.spot-live-sheet-head>div{display:grid;gap:1px}.spot-live-sheet-head small{font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#989891}.spot-live-sheet-head strong{font-size:23px;line-height:1;letter-spacing:-.045em;color:#171717}.spot-live-sheet-head>button{width:38px;height:38px;border:0;border-radius:50%;background:#ededE8;color:#222;font-size:23px;line-height:1}
  .spot-live-sheet .spot-live-options{display:flex;align-items:center;gap:7px;min-height:54px;max-height:46dvh;padding:2px 1px 7px;overflow:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.spot-live-sheet .spot-live-options::-webkit-scrollbar{display:none}
  body.spot-live-identity .spot-live-sheet .spot-live-options{align-items:stretch;flex-wrap:wrap}
  body.spot-live-design .spot-live-sheet .spot-live-options{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
  .spot-live-option,.spot-live-color{height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #deded8;border-radius:14px;background:#fff;color:#222;font-size:11px;font-weight:900;white-space:nowrap}.spot-live-option.is-primary,.spot-live-option.is-selected{background:#171717;color:#fff;border-color:#171717}.spot-live-option:disabled{opacity:.38}
  .spot-live-color i{width:21px;height:21px;border-radius:7px;background:var(--live-swatch,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
  .spot-live-range{height:44px;min-width:188px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 12px;border:1px solid #deded8;border-radius:14px;background:#fff;color:#222}.spot-live-range span,.spot-live-range b{font-size:9px;font-weight:900}.spot-live-range input{width:100px;accent-color:#171717}
  .spot-live-hint{flex:1 0 100%;padding:1px 2px 3px;color:#77776f;font-size:10px;font-weight:800;line-height:1.25}
  .spot-live-text-focus{flex:1 0 100%!important;display:grid!important;gap:7px!important;padding:3px 1px 8px}.spot-live-text-focus>span{font-size:10px!important;font-weight:900!important;color:#666!important;text-transform:none!important;letter-spacing:0!important}.spot-live-text-focus input,.spot-live-text-focus textarea{width:100%!important;box-sizing:border-box!important;border:0!important;border-bottom:2px solid #191919!important;border-radius:0!important;background:transparent!important;color:#171717!important;padding:8px 1px 10px!important;outline:0!important;box-shadow:none!important;font:850 21px/1.25 system-ui!important;resize:none!important}.spot-live-text-focus textarea{font-size:18px!important;min-height:126px!important;line-height:1.38!important}.spot-live-text-focus small{justify-self:end;color:#999;font-size:9px;font-weight:800}
  .spot-live-sheet .spot-live-dock{display:flex;align-items:center;gap:5px;min-height:56px;padding:7px 0 2px;border-top:1px solid rgba(20,20,20,.07);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.spot-live-sheet .spot-live-dock[hidden]{display:none!important}.spot-live-sheet .spot-live-dock::-webkit-scrollbar{display:none}.spot-live-category{height:48px;min-width:62px;flex:0 0 auto;display:grid;place-items:center;align-content:center;gap:3px;padding:4px 8px;border:0;border-radius:14px;background:transparent;color:#85857f}.spot-live-category i{font-style:normal;font-size:16px;line-height:1}.spot-live-category span{font-size:8px;font-weight:950;line-height:1;white-space:nowrap}.spot-live-category.is-selected{background:#171717;color:#fff}
  .spot-live-sheet-foot{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-top:7px;border-top:1px solid rgba(20,20,20,.07)}.spot-live-history{display:flex;gap:5px;margin-right:auto}.spot-live-history[hidden]{display:none!important}.spot-live-history button,.spot-live-sheet-foot>button{height:40px;border:0;border-radius:13px;padding:0 14px;background:#ecece7;color:#222;font:900 11px/1 system-ui}.spot-live-sheet-foot .spot-live-save{background:#171717;color:#fff}.spot-live-sheet-foot .spot-live-save[hidden]{display:none!important}.spot-live-sheet-foot .spot-live-done{background:#171717;color:#fff}
  .spot-live-option:active,.spot-live-category:active,.spot-live-round:active,.spot-live-quickbar button:active,.spot-live-sheet-foot button:active{transform:scale(.96)}
  body.spot-studio.spot-live-mode .spot-save-state{display:none!important}

  /* Editor enfocado para Link / Sección / Foto. Mantiene el formulario real. */
  body.spot-live-mode.spot-live-focus .spot-live-topbar{opacity:.35;pointer-events:none!important}
  body.spot-live-mode.spot-live-focus #links.spot-focus-screen,
  body.spot-live-mode.spot-live-focus #secciones.spot-focus-screen,
  body.spot-live-mode.spot-live-focus #fotos.spot-focus-screen{
    display:block!important;position:fixed!important;inset:0!important;z-index:10140!important;width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(10,10,12,.36)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;overflow:hidden!important;animation:none!important
  }
  body.spot-live-focus #links.spot-focus-screen>.editor-card-head,body.spot-live-focus #links.spot-focus-screen>.muted,
  body.spot-live-focus #secciones.spot-focus-screen>.card-head,body.spot-live-focus #secciones.spot-focus-screen>.live-tools-grid,body.spot-live-focus #secciones.spot-focus-screen>.section-shop-foot,
  body.spot-live-focus #fotos.spot-focus-screen>.editor-card-head,body.spot-live-focus #fotos.spot-focus-screen>.muted,body.spot-live-focus #fotos.spot-focus-screen>.spot-gallery-upload{display:none!important}

  body.spot-live-focus #links.spot-focus-screen>form{display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;background:transparent!important;pointer-events:none!important}
  body.spot-live-focus #links.spot-focus-screen [data-sort-links]{position:absolute!important;inset:0!important;display:block!important;padding:0!important;pointer-events:none!important}
  body.spot-live-focus #links.spot-focus-screen [data-link-row]{display:none!important}
  body.spot-live-focus #links.spot-focus-screen [data-link-row].spot-focus-target{
    display:grid!important;grid-template-columns:1fr!important;gap:11px!important;position:absolute!important;left:9px!important;right:9px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 34px)!important;overflow:auto!important;pointer-events:auto!important;margin:0!important;padding:13px 15px 11px!important;border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 -16px 60px rgba(0,0,0,.25)!important;scrollbar-width:none!important
  }
  body.spot-live-focus #links.spot-focus-screen [data-link-row].spot-focus-target::-webkit-scrollbar{display:none}
  body.spot-live-focus #links.spot-focus-screen .spot-form-savebar,body.spot-live-focus #links.spot-focus-screen .spot-empty-state{display:none!important}
  body.spot-live-focus #links .spot-focus-target>*{grid-column:1/-1!important;min-width:0!important}
  body.spot-live-focus #links .spot-focus-target .drag-handle,body.spot-live-focus #links .spot-focus-target .link-move,body.spot-live-focus #links .spot-focus-target .social-built-url{display:none!important}
  body.spot-live-focus #links .spot-focus-target .social-network-field,body.spot-live-focus #links .spot-focus-target .social-handle-field,body.spot-live-focus #links .spot-focus-target .social-label-field,body.spot-live-focus #links .spot-focus-target .social-url-field{display:grid!important;gap:6px!important}
  body.spot-live-focus #links .spot-focus-target label small{font-size:11px!important;font-weight:900!important;color:#686862!important}
  body.spot-live-focus #links .spot-focus-target input,body.spot-live-focus #links .spot-focus-target select{width:100%!important;min-height:52px!important;border:0!important;border-bottom:1.5px solid #d8d8d2!important;border-radius:0!important;background:transparent!important;padding:10px 1px!important;font-size:17px!important;box-shadow:none!important}
  body.spot-live-focus #links .spot-focus-target .link-visible-toggle{display:flex!important;justify-content:flex-start!important;gap:8px!important;min-height:44px!important;background:transparent!important;padding:0!important}
  body.spot-live-focus #links .spot-focus-target .smart-link-settings{margin-top:4px!important;padding-top:10px!important;border-top:1px solid #ecece7!important}.spot-live-focus #links .smart-link-settings summary{font-size:11px!important;font-weight:900!important}

  body.spot-live-focus #secciones.spot-focus-screen .section-market-shell{display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;pointer-events:none!important}
  body.spot-live-focus #secciones.spot-focus-screen .section-market-legend{display:none!important}
  body.spot-live-focus #secciones.spot-focus-screen .section-market-grid{display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;pointer-events:none!important}
  body.spot-live-focus #secciones.spot-focus-screen [data-section-card]{display:none!important}
  body.spot-live-focus #secciones.spot-focus-screen [data-section-card].spot-focus-target{
    display:block!important;position:absolute!important;left:9px!important;right:9px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 34px)!important;overflow:auto!important;pointer-events:auto!important;margin:0!important;padding:13px 15px 11px!important;border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 -16px 60px rgba(0,0,0,.25)!important;scrollbar-width:none!important
  }
  body.spot-live-focus #secciones .spot-focus-target::-webkit-scrollbar{display:none}
  body.spot-live-focus #secciones .spot-focus-target>.section-market-top,body.spot-live-focus #secciones .spot-focus-target>.section-market-copy,body.spot-live-focus #secciones .spot-focus-target>.section-market-action{display:none!important}
  body.spot-live-focus #secciones .spot-focus-target details.section-market-editor{display:block!important;margin:0!important;border:0!important}.spot-live-focus #secciones .spot-focus-target details.section-market-editor>summary{display:none!important}.spot-live-focus #secciones .spot-focus-target .section-market-config{padding:0!important}.spot-live-focus #secciones .spot-focus-target .block-edit{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.spot-live-focus #secciones .spot-focus-target .field{margin:13px 0!important}.spot-live-focus #secciones .spot-focus-target .field>span{font-size:11px!important;font-weight:900!important;color:#666!important}.spot-live-focus #secciones .spot-focus-target .field input,.spot-live-focus #secciones .spot-focus-target .field textarea,.spot-live-focus #secciones .spot-focus-target .field select{border:0!important;border-bottom:1.5px solid #d9d9d3!important;border-radius:0!important;background:transparent!important;padding:11px 1px!important;font-size:16px!important;box-shadow:none!important}.spot-live-focus #secciones .widget-style-editor{border:0!important;border-top:1px solid #ecece7!important;border-radius:0!important;background:transparent!important;padding:15px 0 0!important}

  body.spot-live-focus #fotos.spot-focus-screen .manage-gallery{display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;pointer-events:none!important}
  body.spot-live-focus #fotos.spot-focus-screen [data-photo-editor]{display:none!important}
  body.spot-live-focus #fotos.spot-focus-screen [data-photo-editor].spot-focus-target{
    display:block!important;position:absolute!important;left:9px!important;right:9px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 34px)!important;overflow:auto!important;pointer-events:auto!important;margin:0!important;padding:13px 15px 11px!important;border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 -16px 60px rgba(0,0,0,.25)!important;scrollbar-width:none!important
  }
  body.spot-live-focus #fotos .spot-focus-target .photo-crop-stage{min-height:46dvh!important;border-radius:20px!important}.spot-live-focus #fotos .spot-focus-target .photo-crop-tools{display:grid!important;grid-template-columns:auto 1fr!important;gap:9px!important}.spot-live-focus #fotos .spot-focus-target .photo-save-btn{display:none!important}

  .spot-focus-head{position:sticky!important;top:-13px!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:-13px -15px 10px!important;padding:15px 15px 11px!important;background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid #efefea!important;grid-column:1/-1!important}.spot-focus-head>div{display:grid!important;gap:1px!important}.spot-focus-head small{font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#999!important}.spot-focus-head strong{font-size:24px!important;line-height:1!important;letter-spacing:-.045em!important;color:#171717!important}.spot-focus-head button{width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#efefeb!important;color:#222!important;font-size:23px!important;line-height:1!important}
  .spot-focus-foot{position:sticky!important;bottom:-11px!important;z-index:7!important;display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:7px!important;margin:12px -15px -11px!important;padding:10px 15px calc(1px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #efefea!important;grid-column:1/-1!important}.spot-focus-foot button{min-height:49px!important;border:0!important;border-radius:15px!important;font:900 12px/1 system-ui!important}.spot-focus-cancel{background:#efefeb!important;color:#333!important}.spot-focus-save{background:#171717!important;color:#fff!important}
}


/* =====================================================================
   v6.3.7 · EDITOR REALMENTE FULLSCREEN + CONTROLES FLOTANTES
   ===================================================================== */
@media(max-width:760px){
  body.spot-studio.spot-live-mode .spot-appbar,
  body.spot-studio.spot-live-mode .spot-app-overview,
  body.spot-studio.spot-live-mode .spot-app-tabs.studio-toolbar,
  body.spot-studio.spot-live-mode .preview-fab,
  body.spot-studio.spot-live-mode .spot-add-fab,
  body.spot-studio.spot-live-mode .space-nav,
  body.spot-studio.spot-live-mode .space-footer{display:none!important}

  body.spot-studio.spot-live-mode .spot-live-workbench{
    position:fixed!important;inset:0!important;z-index:50000!important;
    width:100vw!important;height:100dvh!important;max-width:none!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;overflow:hidden!important
  }
  body.spot-studio.spot-live-mode .spot-live-stage,
  body.spot-studio.spot-live-mode .spot-live-stage .real-spot-preview-shell,
  body.spot-studio.spot-live-mode .spot-live-stage .real-spot-preview{
    position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;
    height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important
  }
  body.spot-studio.spot-live-mode .spot-live-stage .real-spot-preview-shell{overflow:hidden!important;background:transparent!important}
  body.spot-studio.spot-live-mode .spot-live-stage .real-spot-preview{display:block!important;background:transparent!important}

  body.spot-studio.spot-live-mode .spot-live-topbar{top:max(8px,env(safe-area-inset-top))!important;left:8px!important;right:8px!important}
  body.spot-studio.spot-live-mode .spot-live-round{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(18,18,20,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
  body.spot-studio.spot-live-mode .spot-live-status-pill{min-height:30px!important;padding:0 10px!important;background:rgba(18,18,20,.62)!important;box-shadow:none!important;font-size:9px!important}

  body.spot-studio.spot-live-mode .spot-live-quickbar{
    z-index:18!important;bottom:max(8px,env(safe-area-inset-bottom))!important;max-width:calc(100vw - 16px)!important;
    gap:3px!important;padding:4px!important;border-radius:18px!important;background:rgba(250,250,247,.92)!important;box-shadow:0 8px 28px rgba(0,0,0,.15)!important
  }
  body.spot-studio.spot-live-mode .spot-live-quickbar button{min-width:62px!important;height:44px!important;padding:3px 8px!important;border-radius:13px!important}
  body.spot-studio.spot-live-mode .spot-live-quickbar button span{font-size:14px!important}
  body.spot-studio.spot-live-mode .spot-live-quickbar button b{font-size:7.5px!important}
  body.spot-studio.spot-live-mode .spot-live-quickbar [data-spot-live-add]{min-width:44px!important}
  body.spot-studio.spot-live-mode .spot-live-sheet{z-index:22!important}
}

/* =====================================================================
   v6.3.9 · POSICIÓN SEGURA + PALETAS DE COLOR VISIBLES
   ===================================================================== */
@media(max-width:760px){
  body.spot-studio.spot-live-mode .spot-live-options{display:grid!important;gap:12px!important}
  body.spot-studio.spot-live-mode .spot-live-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.spot-studio.spot-live-mode .spot-live-subhead{display:grid!important;gap:2px!important;padding:2px 1px!important}
  body.spot-studio.spot-live-mode .spot-live-subhead b{font-size:13px!important;color:#171717!important}
  body.spot-studio.spot-live-mode .spot-live-subhead small{font-size:10px!important;line-height:1.3!important;color:#777!important}

  body.spot-studio.spot-live-mode .spot-live-position-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:4px!important;border-radius:16px!important;background:#efefeb!important}
  body.spot-studio.spot-live-mode .spot-live-position-switch button{min-height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#676767!important;font:900 12px/1 system-ui!important}
  body.spot-studio.spot-live-mode .spot-live-position-switch button.is-selected{background:#171717!important;color:#fff!important}

  body.spot-studio.spot-live-mode .spot-live-position-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body.spot-studio.spot-live-mode .spot-live-position-point{position:relative!important;min-height:58px!important;padding:8px 4px!important;border:1px solid #e1e1dc!important;border-radius:15px!important;background:#f7f7f4!important;color:#252525!important;display:grid!important;place-items:center!important;gap:2px!important}
  body.spot-studio.spot-live-mode .spot-live-position-point span{font-size:20px!important;line-height:1!important}
  body.spot-studio.spot-live-mode .spot-live-position-point small{font-size:7px!important;line-height:1.05!important;color:#777!important;text-align:center!important;max-width:72px!important}
  body.spot-studio.spot-live-mode .spot-live-position-point.is-selected{background:#171717!important;border-color:#171717!important;color:#fff!important}
  body.spot-studio.spot-live-mode .spot-live-position-point.is-selected small{color:#d7d7d7!important}

  body.spot-studio.spot-live-mode .spot-live-color-block{display:grid!important;gap:8px!important;padding:0 0 11px!important;border-bottom:1px solid #ecece7!important}
  body.spot-studio.spot-live-mode .spot-live-color-block:last-of-type{border-bottom:0!important;padding-bottom:0!important}
  body.spot-studio.spot-live-mode .spot-live-color-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  body.spot-studio.spot-live-mode .spot-live-color-head b{font-size:13px!important;color:#171717!important}
  body.spot-studio.spot-live-mode .spot-live-color-head code{font:850 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#777!important}
  body.spot-studio.spot-live-mode .spot-live-color-strip{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 2px 7px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.spot-studio.spot-live-mode .spot-live-color-strip::-webkit-scrollbar{display:none!important}
  body.spot-studio.spot-live-mode .spot-live-color-swatch{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:2px solid #fff!important;outline:1px solid rgba(0,0,0,.15)!important;background:var(--swatch)!important;box-shadow:none!important;padding:0!important}
  body.spot-studio.spot-live-mode .spot-live-color-swatch.is-selected{outline:3px solid #171717!important;outline-offset:2px!important}
  body.spot-studio.spot-live-mode .spot-live-color-custom{position:relative!important;flex:0 0 54px!important;width:54px!important;height:50px!important;border-radius:14px!important;background:#efefeb!important;display:grid!important;place-items:center!important;align-content:center!important;gap:1px!important;overflow:hidden!important;color:#333!important}
  body.spot-studio.spot-live-mode .spot-live-color-custom input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.001!important;cursor:pointer!important}
  body.spot-studio.spot-live-mode .spot-live-color-custom span{font-size:20px!important;line-height:1!important;pointer-events:none!important}
  body.spot-studio.spot-live-mode .spot-live-color-custom small{font-size:7px!important;font-weight:900!important;pointer-events:none!important}

  /* Las paletas de cada sección son visibles aunque Safari no abra el selector nativo. */
  body.spot-studio .widget-safe-color-rail{grid-column:1/-1!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:7px 1px 1px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.spot-studio .widget-safe-color-rail::-webkit-scrollbar{display:none!important}
  body.spot-studio .widget-safe-color{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #fff!important;outline:1px solid rgba(0,0,0,.14)!important;background:var(--swatch)!important;padding:0!important}
  body.spot-studio .widget-safe-color.is-selected{outline:3px solid #171717!important;outline-offset:1px!important}
  body.spot-studio .widget-safe-custom{position:relative!important;flex:0 0 36px!important;width:36px!important;height:30px!important;border-radius:10px!important;background:#ecece8!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  body.spot-studio .widget-safe-custom input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.001!important;cursor:pointer!important}
  body.spot-studio .widget-safe-custom span{font-size:17px!important;line-height:1!important;pointer-events:none!important}
  body.spot-studio .color-control{overflow:visible!important}
}

/* =====================================================================
   v6.4.0 · ORDEN CLARO + EDITOR DE IMAGEN DEDICADO
   ===================================================================== */
@media(max-width:760px){
  /* El drawer de foto/portada debe quedar por encima del editor fullscreen. */
  body.spot-studio.spot-live-mode .bonito-media-modal{z-index:70000!important}
  body.spot-studio.spot-live-mode.bonito-media-open .spot-live-quickbar,
  body.spot-studio.spot-live-mode.bonito-media-open .spot-live-topbar{opacity:0!important;pointer-events:none!important}

  /* Cinco acciones siguen cabiendo sin amontonarse. */
  body.spot-studio.spot-live-mode .spot-live-quickbar{width:calc(100vw - 16px)!important;justify-content:center!important}
  body.spot-studio.spot-live-mode .spot-live-quickbar button{flex:1 1 0!important;min-width:0!important;max-width:84px!important;padding:3px 5px!important}
  body.spot-studio.spot-live-mode .spot-live-quickbar [data-spot-live-add]{flex:0 0 44px!important;max-width:44px!important}
  body.spot-studio.spot-live-mode.spot-live-order-mode .spot-live-topbar{opacity:.28!important;pointer-events:none!important}
}

/* =====================================================================
   v6.4.1 · EDITOR TÁCTIL LIMPIO + EDICIÓN EN VIVO DE LINKS/SECCIONES
   ===================================================================== */
@media(max-width:760px){
  /* El editor de imagen deja de parecer formulario: el lienzo manda. */
  body.bonito-media-open .bonito-media-modal.is-gesture-editor{background:#0b0b0c!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel{background:#0b0b0c!important;color:#fff!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:12!important;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))!important;border:0!important;color:#fff!important;padding:calc(10px + env(safe-area-inset-top)) 12px 34px!important;pointer-events:none!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header button{pointer-events:auto!important;background:rgba(255,255,255,.14)!important;color:#fff!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header small{color:rgba(255,255,255,.68)!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-body{position:absolute!important;inset:0!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#0b0b0c!important}
  .bonito-media-modal.is-gesture-editor [data-avatar-editor],
  .bonito-media-modal.is-gesture-editor [data-cover-editor],
  .bonito-media-modal.is-gesture-editor [data-photo-stage]{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:grab!important;box-shadow:none!important;border:0!important}
  .bonito-media-modal.is-gesture-editor [data-avatar-editor]:active,
  .bonito-media-modal.is-gesture-editor [data-cover-editor]:active,
  .bonito-media-modal.is-gesture-editor [data-photo-stage]:active{cursor:grabbing!important}
  .bonito-media-modal.is-gesture-editor [data-avatar-editor]{width:min(86vw,520px)!important;height:min(86vw,520px)!important;margin:0!important;background:#19191b!important}
  .bonito-media-modal.is-gesture-editor [data-cover-editor]{width:100vw!important;height:72dvh!important;min-height:0!important;margin:0!important;border-radius:0!important;background:#19191b!important}
  .bonito-media-modal.is-gesture-editor [data-photo-stage]{width:100vw!important;height:72dvh!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;background:#19191b!important}
  .bonito-media-modal.is-gesture-editor .avatar-editor-actions,
  .bonito-media-modal.is-gesture-editor .cover-editor-actions,
  .bonito-media-modal.is-gesture-editor .photo-adjust-form,
  .bonito-media-modal.is-gesture-editor .photo-manage-actions,
  .bonito-media-modal.is-gesture-editor .media-adjust-chip{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
  .bonito-media-gesture-toolbar{position:absolute!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;z-index:14!important;display:grid!important;gap:8px!important;pointer-events:none!important}
  .bonito-media-gesture-toolbar[hidden]{display:none!important}
  .bonito-gesture-hint{justify-self:center!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(10,10,12,.62)!important;color:#fff!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;font:850 11px/1 system-ui!important;letter-spacing:.01em!important}
  .bonito-gesture-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;pointer-events:auto!important;overflow-x:auto!important;scrollbar-width:none!important}
  .bonito-gesture-actions::-webkit-scrollbar{display:none!important}
  .bonito-gesture-actions button{flex:0 0 auto!important;min-height:44px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(18,18,20,.78)!important;color:#fff!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;font:900 11px/1 system-ui!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
  .bonito-gesture-actions button[data-gesture-minus],.bonito-gesture-actions button[data-gesture-plus]{width:44px!important;padding:0!important;font-size:20px!important}

  /* Link / sección: drawer sobre el Spot; el Spot sigue visible detrás. */
  body.spot-live-focus #links.spot-focus-screen,
  body.spot-live-focus #secciones.spot-focus-screen{
    background:rgba(12,12,14,.12)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important
  }
  body.spot-live-focus #links.spot-focus-screen [data-link-row].spot-focus-target,
  body.spot-live-focus #secciones.spot-focus-screen [data-section-card].spot-focus-target{
    left:7px!important;right:7px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;
    max-height:min(78dvh,720px)!important;border-radius:26px 26px 20px 20px!important;
    box-shadow:0 -12px 50px rgba(0,0,0,.18)!important
  }
}

/* =====================================================================
   v6.4.2 · FOTO/PERFIL: LIENZO + CONTROLES JUNTOS, LISTO ES ACCIÓN REAL
   ===================================================================== */
@media(max-width:760px){
  /* En avatar, la foto y sus controles forman un solo bloque visual.
     Evita el gran hueco entre la imagen y las acciones. */
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] .bonito-media-body{
    place-items:center!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] [data-avatar-editor]{
    width:min(94vw,560px)!important;
    height:min(94vw,560px)!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] .bonito-media-gesture-toolbar{
    top:calc(50% + min(47vw,280px) + 14px)!important;
    bottom:auto!important;
  }
  .bonito-media-modal.is-gesture-editor .bonito-media-done.is-saving{
    opacity:.72!important;
  }
  .bonito-media-modal.is-gesture-editor .bonito-media-done:disabled{
    cursor:wait!important;
  }
}
@media(max-width:760px) and (max-height:700px){
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] [data-avatar-editor]{
    width:min(82vw,430px)!important;
    height:min(82vw,430px)!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] .bonito-media-gesture-toolbar{
    top:calc(50% + min(41vw,215px) + 10px)!important;
  }
}

/* =====================================================================
   v6.4.3 · EDITOR DE IMAGEN: CABECERA SEGURA + CIERRE AUTOMÁTICO
   ===================================================================== */
@media(max-width:760px){
  .bonito-media-modal.is-gesture-editor{--media-head:86px}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header{
    top:0!important;left:0!important;right:0!important;
    min-height:calc(var(--media-head) + env(safe-area-inset-top))!important;
    padding:calc(10px + env(safe-area-inset-top)) 18px 10px!important;
    display:grid!important;grid-template-columns:54px minmax(0,1fr) 104px!important;align-items:center!important;gap:12px!important;
    background:#0b0b0c!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    pointer-events:auto!important;
  }
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header>div{min-width:0!important;padding:0!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header button{position:static!important;min-width:52px!important;height:52px!important;margin:0!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-panel>header .bonito-media-done{justify-self:end!important;min-width:100px!important;padding:0 14px!important}
  .bonito-media-modal.is-gesture-editor .bonito-media-body{
    inset:calc(var(--media-head) + env(safe-area-inset-top)) 0 0!important;
    place-items:start center!important;padding-top:12px!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] [data-avatar-editor]{
    width:min(92vw,58dvh,560px)!important;height:min(92vw,58dvh,560px)!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="avatar"] .bonito-media-gesture-toolbar{
    top:calc(var(--media-head) + env(safe-area-inset-top) + 24px + min(92vw,58dvh,560px))!important;
    bottom:auto!important;
  }
  .bonito-media-modal.is-gesture-editor[data-media-type="cover"] [data-cover-editor],
  .bonito-media-modal.is-gesture-editor[data-media-type="gallery"] [data-photo-stage]{
    height:calc(100dvh - var(--media-head) - env(safe-area-inset-top) - 104px - env(safe-area-inset-bottom))!important;
    max-height:none!important;
  }
  .bonito-media-modal.is-gesture-editor .bonito-media-done.is-saved{background:#213b2a!important;color:#fff!important}
  .bonito-media-modal.is-gesture-editor.is-closing{pointer-events:none!important}

  .multi-contact-editor,.multi-video-editor{display:grid!important;gap:16px!important}
  .multi-contact-item,.multi-video-item{display:grid!important;gap:9px!important;padding:14px 0!important;border-bottom:1px solid #e5e5df!important}
  .multi-contact-item:last-child,.multi-video-item:last-child{border-bottom:0!important}
  .multi-contact-item>b,.multi-video-item>b{font-size:14px!important;font-weight:950!important;color:#171717!important}
}

/* =====================================================================
   v6.4.4 · DRAWERS ENFOCADOS SIN DESBORDE EN MÓVIL
   Mantiene cada editor dentro del área útil del iPhone/Safari.
   ===================================================================== */
@media(max-width:760px){
  body.spot-studio.spot-live-focus #secciones.spot-focus-screen [data-section-card].spot-focus-target{
    box-sizing:border-box!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    padding:13px 18px 11px!important;
    overflow-x:hidden!important;
  }

  body.spot-live-focus #secciones .spot-focus-target .section-market-editor,
  body.spot-live-focus #secciones .spot-focus-target .section-market-config,
  body.spot-live-focus #secciones .spot-focus-target .block-edit,
  body.spot-live-focus #secciones .spot-focus-target .section-config-form,
  body.spot-live-focus #secciones .spot-focus-target .service-editor-head,
  body.spot-live-focus #secciones .spot-focus-target .service-admin-grid,
  body.spot-live-focus #secciones .spot-focus-target .service-admin-item,
  body.spot-live-focus #secciones .spot-focus-target .product-admin-grid,
  body.spot-live-focus #secciones .spot-focus-target .product-admin-item,
  body.spot-live-focus #secciones .spot-focus-target .multi-contact-editor,
  body.spot-live-focus #secciones .spot-focus-target .multi-contact-item,
  body.spot-live-focus #secciones .spot-focus-target .multi-video-editor,
  body.spot-live-focus #secciones .spot-focus-target .multi-video-item,
  body.spot-live-focus #secciones .spot-focus-target .review-example-editor,
  body.spot-live-focus #secciones .spot-focus-target .review-example-row,
  body.spot-live-focus #secciones .spot-focus-target .field,
  body.spot-live-focus #secciones .spot-focus-target .form-split,
  body.spot-live-focus #secciones .spot-focus-target .media-settings-grid,
  body.spot-live-focus #secciones .spot-focus-target .widget-style-editor{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* El editor enfocado debe ser una columna, nunca el carrusel del admin. */
  body.spot-live-focus #secciones .spot-focus-target .service-admin-grid,
  body.spot-live-focus #secciones .spot-focus-target .product-admin-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .service-admin-item,
  body.spot-live-focus #secciones .spot-focus-target .product-admin-item{
    flex:none!important;
    margin:0!important;
    padding:14px 0!important;
    border:0!important;
    border-top:1px solid #ecece7!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .service-admin-item:first-child,
  body.spot-live-focus #secciones .spot-focus-target .product-admin-item:first-child{
    border-top:0!important;
    padding-top:8px!important;
  }

  body.spot-live-focus #secciones .spot-focus-target .field{
    display:grid!important;
    gap:6px!important;
    margin:12px 0!important;
    overflow:hidden!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .field>span{
    display:block!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .field>small,
  body.spot-live-focus #secciones .spot-focus-target .section-inline-note,
  body.spot-live-focus #secciones .spot-focus-target p,
  body.spot-live-focus #secciones .spot-focus-target small{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    white-space:normal!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .field>small{
    display:block!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:#77776f!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .section-inline-note{
    display:block!important;
    width:100%!important;
    margin:8px 0!important;
    padding:9px 10px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  body.spot-live-focus #secciones .spot-focus-target input,
  body.spot-live-focus #secciones .spot-focus-target textarea,
  body.spot-live-focus #secciones .spot-focus-target select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  body.spot-live-focus #secciones .spot-focus-target input[type="file"]{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    padding:7px 0!important;
  }
  body.spot-live-focus #secciones .spot-focus-target input[type="file"]::file-selector-button,
  body.spot-live-focus #secciones .spot-focus-target input[type="file"]::-webkit-file-upload-button{
    max-width:58%!important;
    margin-right:8px!important;
    padding:10px 12px!important;
    border:0!important;
    border-radius:12px!important;
    background:#17191f!important;
    color:#fff!important;
    font:900 12px/1 system-ui!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.spot-live-focus #secciones .spot-focus-target .service-editor-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:10px!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .service-editor-head>div{
    min-width:0!important;
  }
  body.spot-live-focus #secciones .spot-focus-target .service-editor-head small{
    display:block!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
}


/* v6.4.5 · Sticker flotante: capa global superior + posición exacta */
.profile-sticker{
  position:fixed!important;z-index:2147483200!important;display:grid!important;place-items:center!important;
  min-width:44px!important;min-height:44px!important;padding:7px 9px!important;border-radius:999px!important;
  font:900 clamp(20px,5vw,34px)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.04em!important;background:color-mix(in srgb,var(--spot-page,#fff) 72%,transparent)!important;
  color:var(--spot-text,#11131b)!important;border:1px solid color-mix(in srgb,var(--spot-text,#11131b) 13%,transparent)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;backdrop-filter:blur(16px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.1)!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;
  transform:translate(-50%,-50%)!important;left:88%!important;top:max(11%,calc(env(safe-area-inset-top) + 58px))!important
}
.profile-sticker.sticker-new{font-size:13px!important;min-width:54px!important;letter-spacing:.05em!important}
.profile-sticker.sticker-pos-top-left{left:10%!important;top:max(11%,calc(env(safe-area-inset-top) + 58px))!important}
.profile-sticker.sticker-pos-top-right{left:90%!important;top:max(11%,calc(env(safe-area-inset-top) + 58px))!important}
.profile-sticker.sticker-pos-bottom-left{left:10%!important;top:auto!important;bottom:max(9%,calc(env(safe-area-inset-bottom) + 76px))!important;transform:translate(-50%,50%)!important}
.profile-sticker.sticker-pos-bottom-right{left:90%!important;top:auto!important;bottom:max(9%,calc(env(safe-area-inset-bottom) + 76px))!important;transform:translate(-50%,50%)!important}
.profile-sticker.sticker-free{left:var(--sticker-x,88%)!important;top:var(--sticker-y,14%)!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important}
.sticker-drag-note{display:block;margin-top:8px;color:var(--muted,#73736f);font-size:10px;line-height:1.35;font-weight:700}
html[data-spot-live="1"] .profile-sticker{pointer-events:auto!important;touch-action:none!important;cursor:grab!important;outline:2px solid rgba(255,191,39,.9)!important;outline-offset:3px!important}
html[data-spot-live="1"] .profile-sticker:active{cursor:grabbing!important;transform:translate(-50%,-50%) scale(1.04)!important}
html[data-spot-live="1"] .profile-sticker.sticker-pos-bottom-left:active,html[data-spot-live="1"] .profile-sticker.sticker-pos-bottom-right:active{transform:translate(-50%,50%) scale(1.04)!important}

/* =====================================================================
   v6.4.7 · MINIMAL ICONOS CENTRADOS + MOSAIC VIDEO FULL-BLEED
   ===================================================================== */

/* Minimal: cuando el motor de densidad convierte los links en círculos,
   todos usan el mismo vector óptico centrado. El glifo de marca anterior
   se oculta para evitar offsets distintos entre redes. */
.public-body.public-template-minimal.spot-fit-2 .public-links .public-link,
.public-body.public-template-minimal.spot-fit-3 .public-links .public-link{
  position:relative!important;
  overflow:hidden!important;
}
.public-body.public-template-minimal.spot-fit-2 .public-links .link-leading,
.public-body.public-template-minimal.spot-fit-3 .public-links .link-leading{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.public-body.public-template-minimal.spot-fit-2 .public-links .link-mark,
.public-body.public-template-minimal.spot-fit-3 .public-links .link-mark{
  display:none!important;
}
.public-body.public-template-minimal.spot-fit-2 .public-links .link-vector,
.public-body.public-template-minimal.spot-fit-3 .public-links .link-vector{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  color:var(--spot-text)!important;
  line-height:1!important;
  pointer-events:none!important;
}
.public-body.public-template-minimal.spot-fit-2 .public-links .link-vector svg,
.public-body.public-template-minimal.spot-fit-3 .public-links .link-vector svg{
  display:block!important;
  width:46%!important;
  height:46%!important;
  max-width:25px!important;
  max-height:25px!important;
  margin:auto!important;
  transform:none!important;
}
.public-body.public-template-minimal.spot-fit-2 .public-links .link-vector .custom-link-letters,
.public-body.public-template-minimal.spot-fit-3 .public-links .link-vector .custom-link-letters{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  font-size:15px!important;
  line-height:1!important;
  text-align:center!important;
}

/* Mosaic: YouTube es un tile visual, no una ficha dentro de otra ficha.
   La miniatura cubre el 100% del tile; sin cabecera ni franjas blancas. */
.public-body.public-template-editorial .smart-block.block-youtube{
  position:relative!important;
  padding:0!important;
  background:#111!important;
  border:0!important;
  overflow:hidden!important;
  display:block!important;
}
.public-body.public-template-editorial .block-youtube .media-block-head{
  display:none!important;
}
.public-body.public-template-editorial .block-youtube .webapp-video-grid,
.public-body.public-template-editorial .block-youtube .webapp-video-item{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.public-body.public-template-editorial .block-youtube .youtube-thumb,
.public-body.public-template-editorial .block-youtube .youtube-mini{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#111!important;
  overflow:hidden!important;
}
.public-body.public-template-editorial .block-youtube .youtube-thumb img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.public-body.public-template-editorial .block-youtube .youtube-thumb::after{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))!important;
}
.public-body.public-template-editorial .block-youtube .youtube-play{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
}
.public-body.public-template-editorial .block-youtube .youtube-open-label{
  display:none!important;
}
.public-body.public-template-editorial .block-youtube .youtube-mini iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}

/* v6.5.2 — Registro móvil más legible y decoración fuera de los campos */
.clean-register .clean-auth-main{z-index:5}
.clean-register .clean-auth-field>span{font-size:14px!important;font-weight:950!important;color:#4c4f54!important;letter-spacing:-.01em}
.clean-register .clean-auth-field input{font-size:20px!important;font-weight:700!important;line-height:1.25!important;color:#151515!important;padding-top:15px!important;padding-bottom:14px!important}
.clean-register .clean-auth-field input::placeholder{color:#9a9da1!important;font-weight:600!important}
.clean-register .clean-auth-lede{font-size:18px!important;font-weight:620!important;line-height:1.42!important;color:#5f6470!important}
.clean-register .clean-auth-legal{font-size:11px!important;font-weight:600!important}
@media(max-width:700px){
  .clean-register .clean-auth-art i:nth-child(3){display:none!important}
  .clean-register .clean-auth-art i:nth-child(1){right:8px!important;top:90px!important;opacity:.16!important}
  .clean-register .clean-auth-art i:nth-child(2){right:10px!important;bottom:62px!important;opacity:.18!important}
  .clean-register .clean-auth-main{width:100%!important}
  .clean-register .clean-auth-field{position:relative;z-index:4}
}

/* =========================================================
   BONITO.WTF v6.5.3 · registro + onboarding app viewport
   Mobile: una escena por pantalla, sin scroll vertical de página.
   ========================================================= */
@media (max-width:820px){
  html:has(body.onboarding-page),html:has(body.clean-auth){height:100%;overflow:hidden}
  body.onboarding-page.onboarding-builder,
  body.clean-auth{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none}

  /* Registro: pantalla limpia, sólida y compacta. */
  body.clean-auth .space-main{height:100dvh!important;min-height:0!important;overflow:hidden!important}
  .clean-auth-stage{
    height:100dvh!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:max(82px,calc(env(safe-area-inset-top) + 62px)) 24px max(22px,calc(env(safe-area-inset-bottom) + 16px))!important;
    background:#fbf7ee!important
  }
  .clean-auth-top{top:max(18px,env(safe-area-inset-top))!important;left:24px!important;right:24px!important}
  .clean-auth-art{display:none!important}
  .clean-auth-main{width:min(100%,560px)!important;margin:0 auto!important;align-self:center!important}
  .clean-auth-main h1{font-size:clamp(46px,14vw,64px)!important;line-height:.88!important;margin-bottom:14px!important}
  .clean-auth-lede{font-size:16px!important;line-height:1.32!important;margin-bottom:20px!important;max-width:460px!important}
  .clean-auth-form{gap:10px!important}
  .clean-auth-field>span{font-size:13px!important}
  .clean-auth-field input{font-size:19px!important;min-height:52px!important;padding:12px 2px 10px!important}
  .clean-password-reveal.is-open{margin-top:7px!important}
  .clean-auth-primary{min-height:54px!important;margin-top:8px!important}
  .clean-auth-legal{font-size:10px!important;margin-top:2px!important}

  /* Contenedor app del onboarding. */
  .ob-builder-shell{
    height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;
    display:grid!important;grid-template-rows:62px 4px minmax(0,1fr)!important;background:#f7f7f5!important
  }
  .ob-builder-topbar{position:relative!important;top:auto!important;height:62px!important;min-height:62px!important;padding:0 18px!important;background:rgba(247,247,245,.96)!important}
  .ob-progress{height:4px!important}
  .ob-stage,.ob-stage-split{
    width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;
    padding:16px 18px max(14px,env(safe-area-inset-bottom))!important;margin:0!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;gap:0!important
  }
  .ob-stage-split .ob-main-pane{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  .ob-preview-pane{display:none!important}
  .ob-copy{flex:0 0 auto!important;max-width:none!important;margin:0 0 12px!important}
  .ob-copy .ob-step-kicker{font-size:9px!important;margin-bottom:7px!important}
  .ob-copy h1{font-size:clamp(34px,10.5vw,48px)!important;line-height:.9!important;letter-spacing:-.06em!important}
  .ob-copy p{font-size:13px!important;line-height:1.3!important;margin:8px 0 0!important;max-width:95%!important}
  .ob-primary{position:static!important;flex:0 0 50px!important;min-height:50px!important;height:50px!important;border-radius:16px!important;margin:10px 0 0!important;box-shadow:none!important;font-size:15px!important}
  .ob-big-field{gap:5px!important}.ob-big-field>span,.ob-code-input>span{font-size:10px!important}
  .ob-big-field input,.ob-big-field textarea,.ob-code-input input{padding:12px 13px!important;border-radius:14px!important;font-size:15px!important;box-shadow:none!important}
  .ob-big-field textarea{min-height:72px!important;max-height:90px!important;resize:none!important}

  /* Dirección */
  .step-handle .ob-stage{justify-content:center!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
  .step-handle .ob-handle-form{display:grid!important;gap:8px!important}
  .step-handle .ob-domain-input{border-radius:18px!important;box-shadow:none!important}
  .step-handle .ob-domain-input>span{font-size:18px!important;padding-left:14px!important}
  .step-handle .ob-domain-input input{font-size:22px!important;padding:16px 12px 16px 4px!important}
  .step-handle .ob-availability{font-size:11px!important;margin-top:5px!important}

  /* Planes: un card a la vez, scroll horizontal y CTA dentro de la pantalla. */
  .step-plan .ob-stage{padding-left:0!important;padding-right:0!important}
  .step-plan .ob-copy{padding:0 18px!important;margin-bottom:8px!important}
  .step-plan .ob-plan-form{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) 18px 50px!important;gap:7px!important;padding:0 18px!important}
  .step-plan .ob-plan-rail{height:100%!important;min-height:0!important;display:flex!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:2px 8vw 2px 0!important;margin:0!important;scrollbar-width:none!important}
  .step-plan .ob-plan-card{
    flex:0 0 84vw!important;width:84vw!important;height:100%!important;min-height:0!important;max-height:none!important;
    padding:17px 18px!important;border-radius:24px!important;scroll-snap-align:center!important;box-shadow:none!important;border-width:1.5px!important
  }
  .step-plan .ob-plan-card h2{font-size:28px!important;margin:12px 0 4px!important}
  .step-plan .ob-plan-price{margin:3px 0 8px!important}.step-plan .ob-plan-price b{font-size:43px!important}.step-plan .ob-plan-price small{font-size:11px!important}
  .step-plan .ob-plan-card p{font-size:12px!important;line-height:1.35!important;margin:6px 0!important}
  .step-plan .ob-plan-card>strong{font-size:10px!important;line-height:1.3!important;margin-top:auto!important}
  .step-plan .ob-plan-badge{font-size:8px!important;padding:6px 8px!important}
  .step-plan .ob-rail-hint{height:18px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important}
  .ob-rail-dots{display:flex;align-items:center;justify-content:center;gap:5px;height:12px;margin-top:-2px}
  .ob-rail-dots i{width:5px;height:5px;border-radius:50%;background:#cbc9c2;transition:.18s}.ob-rail-dots i.is-active{width:18px;border-radius:99px;background:#151515}

  /* Redes: botones arriba + tarjetas horizontales en vez de lista vertical. */
  .step-socials .ob-social-form{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) 34px 50px!important;gap:7px!important;max-width:none!important}
  .step-socials .ob-social-quick{padding:0 0 5px!important;gap:6px!important}.step-socials .ob-social-quick button{padding:6px 10px 6px 6px!important;font-size:10px!important}.step-socials .ob-social-quick button span{width:24px!important;height:24px!important}.step-socials .ob-social-quick svg{width:14px!important;height:14px!important}
  .step-socials .ob-social-list{min-height:0!important;margin:0!important;display:flex!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;align-items:center!important;scrollbar-width:none!important;padding:2px 10vw 2px 0!important}
  .step-socials .ob-social-list::-webkit-scrollbar{display:none!important}
  .step-socials .ob-social-row{flex:0 0 80vw!important;scroll-snap-align:center!important;grid-template-columns:1fr 34px!important;grid-template-areas:"network remove" "value value"!important;gap:8px!important;padding:12px!important;border-radius:20px!important;box-shadow:none!important}
  .step-socials .ob-social-row select{grid-area:network!important}.step-socials .ob-social-row [data-social-value]{grid-area:value!important}.step-socials .ob-social-row button{grid-area:remove!important}.step-socials .ob-social-label{display:none!important}
  .step-socials .ob-social-row select,.step-socials .ob-social-row input{height:44px!important;font-size:13px!important}
  .step-socials .ob-add-row{height:34px!important;padding:0!important;font-size:11px!important;text-align:left!important}

  /* Perfil: controles compactos, dos imágenes en una fila, sin vista previa duplicada. */
  .step-profile .ob-profile-form{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) 50px!important;gap:8px!important}
  .step-profile .ob-media-editors{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important}
  .step-profile .ob-media-editor{padding:8px!important;border-radius:18px!important}.step-profile .ob-media-title{margin-bottom:6px!important}.step-profile .ob-media-title b{font-size:9px!important}.step-profile .ob-media-change{padding:6px 8px!important;font-size:8px!important}
  .step-profile .ob-avatar-preview{width:82px!important;height:82px!important}.step-profile .ob-inline-cover{height:82px!important;aspect-ratio:auto!important;border-radius:14px!important}
  .step-profile .ob-media-tools,.step-profile .ob-cover-actions{display:none!important}
  .step-profile .ob-big-field input{min-height:44px!important}.step-profile .ob-big-field textarea{min-height:62px!important;max-height:62px!important}

  /* Estilo: plantilla horizontal + colores compactos. */
  .step-style .ob-style-form{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto 50px!important;gap:5px!important}
  .step-style .ob-style-form h3{margin:2px 0 5px!important;font-size:10px!important}.step-style .ob-style-note{font-size:10px!important;margin:0!important;line-height:1.25!important}
  .step-style .ob-template-rail{min-height:0!important;height:100%!important;align-items:stretch!important;padding-bottom:2px!important}.step-style .ob-template-tile{flex-basis:128px!important;height:100%!important;max-height:150px!important;padding:8px!important;border-radius:16px!important}.step-style .ob-template-tile .template-mini{height:82px!important;min-height:82px!important}.step-style .ob-template-tile strong{font-size:11px!important}.step-style .ob-template-tile small{font-size:8px!important}
  .step-style .ob-free-color{grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important}.step-style .ob-free-color label{padding:8px!important;border-radius:13px!important}.step-style .ob-free-color input[type=color]{width:40px!important;height:32px!important}

  /* Secciones: catálogo horizontal, configuración compacta debajo. */
  .step-section .ob-section-form{flex:1 1 auto!important;min-height:0!important;max-width:none!important;display:grid!important;grid-template-rows:92px minmax(0,1fr) 50px!important;gap:8px!important}
  .step-section .ob-section-grid{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;padding:1px 10vw 2px 0!important;scrollbar-width:none!important}.step-section .ob-section-grid::-webkit-scrollbar{display:none!important}
  .step-section .ob-section-grid label{flex:0 0 92px!important;min-height:88px!important;height:88px!important;border-radius:17px!important;padding:10px!important;scroll-snap-align:start!important;box-shadow:none!important}.step-section .ob-section-grid span{font-size:22px!important}.step-section .ob-section-grid b{font-size:10px!important}
  .step-section .ob-section-config{min-height:0!important;margin:0!important;overflow:hidden!important}.step-section .ob-section-config>[data-config].is-active{height:100%!important;align-content:start!important;gap:7px!important}
  .step-section .ob-two-fields{grid-template-columns:1fr 1fr!important;gap:7px!important}

  /* Visibilidad: hasta seis links sin hacer crecer la página. */
  .step-visibility .ob-visibility-form{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto 50px!important;gap:7px!important}
  .step-visibility .ob-visible-list{min-height:0!important;max-width:none!important;display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-columns:min(76vw,310px)!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.step-visibility .ob-visible-list::-webkit-scrollbar{display:none!important}
  .step-visibility .ob-visible-item{min-height:0!important;padding:8px 10px!important;border-radius:16px!important;box-shadow:none!important;grid-template-columns:36px minmax(0,1fr) auto!important}.step-visibility .ob-visible-icon{width:34px!important;height:34px!important;border-radius:11px!important}.step-visibility .ob-visible-icon svg{width:18px!important;height:18px!important}.step-visibility .ob-visible-item b{font-size:12px!important}.step-visibility .ob-visible-item small,.step-visibility .ob-visible-item em{font-size:9px!important}.step-visibility .ob-upgrade-nudge{margin:0!important;padding:9px 11px!important;border-radius:15px!important;gap:8px!important}.step-visibility .ob-upgrade-nudge>span{font-size:20px!important}.step-visibility .ob-upgrade-nudge b{font-size:11px!important}.step-visibility .ob-upgrade-nudge small,.step-visibility .ob-upgrade-nudge a{font-size:9px!important}.step-visibility .ob-selection-count{font-size:10px!important;margin:0!important}

  /* Publicar */
  .step-publish .ob-main-pane{justify-content:center!important}.step-publish .ob-final-verify{display:grid!important;gap:8px!important}.step-publish .ob-code-input input{font-size:24px!important;text-align:center!important;letter-spacing:.18em!important}.step-publish .ob-publish-checks{grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:10px!important;font-size:10px!important}.step-publish .ob-resend-final{margin-top:2px!important}

  /* Fin */
  .step-done .ob-done-stage{justify-content:center!important;text-align:center!important;padding-top:16px!important}.step-done .ob-done-fire{font-size:54px!important;margin-bottom:8px!important}.step-done .ob-done-stage h1{font-size:44px!important}.step-done .ob-done-stage>p{font-size:13px!important}.step-done .ob-trial-note,.step-done .ob-choice-note{margin-top:10px!important;padding:10px 12px!important;border-radius:14px!important}.step-done .ob-done-actions{margin-top:12px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}.step-done .ob-done-actions .ob-primary,.step-done .ob-done-actions .ob-secondary{min-height:48px!important;font-size:13px!important}
}

/* Pantallas especialmente bajas: sacrificar texto decorativo, nunca campos. */
@media (max-width:820px) and (max-height:700px){
  .clean-auth-main h1{font-size:42px!important}.clean-auth-lede{font-size:14px!important;margin-bottom:12px!important}.clean-auth-legal{display:none!important}
  .ob-copy p{display:none!important}.ob-copy h1{font-size:34px!important}.ob-copy{margin-bottom:7px!important}
  .step-plan .ob-plan-card p{font-size:11px!important}.step-plan .ob-plan-card>strong{font-size:9px!important}.step-plan .ob-plan-price b{font-size:38px!important}
  .step-profile .ob-media-editors{grid-template-columns:92px minmax(0,1fr)!important}.step-profile .ob-avatar-preview{width:70px!important;height:70px!important}.step-profile .ob-inline-cover{height:70px!important}
}

/* BONITO.WTF v6.5.4 · onboarding plan transparente: prueba vs FREE */
.ob-trial-clarity{margin-top:auto;display:grid;gap:2px;padding-top:10px}.ob-trial-clarity b{font-size:12px}.ob-trial-clarity span{font-size:11px;line-height:1.35;color:#66645f}
.ob-free-jump{width:100%;margin-top:10px;border:1.5px solid #151515;background:#fff;color:#151515;border-radius:16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:inherit;cursor:pointer;box-sizing:border-box}
.ob-free-jump span{display:grid;gap:1px;min-width:0}.ob-free-jump b{font-size:12px;line-height:1.15}.ob-free-jump small{font-size:9px;color:#777;white-space:normal}.ob-free-jump strong{font-size:10px;white-space:nowrap}
@media(max-width:760px){
  .step-plan .ob-copy h1{font-size:clamp(31px,9.6vw,43px)!important}
  .step-plan .ob-copy p{font-size:12px!important;line-height:1.28!important}
  .step-plan .ob-plan-badge{max-width:100%!important;white-space:normal!important;line-height:1.1!important}
  .step-plan .ob-trial-clarity{padding-top:5px!important}.step-plan .ob-trial-clarity b{font-size:10px!important}.step-plan .ob-trial-clarity span{font-size:9px!important;line-height:1.25!important}
  .step-plan .ob-free-jump{margin-top:7px!important;padding:8px 9px!important;border-radius:13px!important;min-height:48px!important}
  .step-plan .ob-free-jump b{font-size:10px!important}.step-plan .ob-free-jump small{font-size:8px!important}.step-plan .ob-free-jump strong{font-size:9px!important}
}

/* =========================================================
   BONITO.WTF v6.5.5 · iPhone: impedir auto-zoom al enfocar campos
   Safari amplía la página cuando un control editable usa <16px.
   No se bloquea el zoom del usuario; sólo se mantiene 16px mínimo.
   ========================================================= */
@media (max-width:820px){
  body.onboarding-page.onboarding-builder input:not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.onboarding-page.onboarding-builder select,
  body.onboarding-page.onboarding-builder textarea,
  body.clean-auth input:not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.clean-auth select,
  body.clean-auth textarea,
  body.spot-studio input:not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.spot-studio select,
  body.spot-studio textarea{
    font-size:16px!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  /* Conservar compacta la fila de redes aunque el texto sea 16px. */
  .step-socials .ob-social-row select,
  .step-socials .ob-social-row [data-social-value],
  .step-socials .ob-social-row .ob-social-label{
    font-size:16px!important;
    line-height:1.2!important;
  }
}


/* =========================================================
   BONITO.WTF v6.5.6 · FREE premium + encabezado de plan limpio
   ========================================================= */
.step-plan .ob-copy{margin-bottom:10px!important}
.step-plan .ob-copy p{display:none!important}

/* La puerta a FREE dentro de Wapito debe verse como un plan real, no como nota secundaria. */
.ob-free-jump{
  background:#9f351f!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(115,38,21,.18)!important;
}
.ob-free-jump b,.ob-free-jump strong{color:#fff!important}
.ob-free-jump small{color:rgba(255,255,255,.78)!important}

/* La tarjeta completa de FREE usa el mismo lenguaje premium. */
.step-plan .ob-plan-card:has(input[value="free"]){
  background:#9f351f!important;
  color:#fff!important;
  border-color:#9f351f!important;
}
.step-plan .ob-plan-card:has(input[value="free"]) .ob-plan-badge.soft{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.step-plan .ob-plan-card:has(input[value="free"]) h2,
.step-plan .ob-plan-card:has(input[value="free"]) .ob-plan-price b,
.step-plan .ob-plan-card:has(input[value="free"]) .ob-plan-price small,
.step-plan .ob-plan-card:has(input[value="free"]) p,
.step-plan .ob-plan-card:has(input[value="free"]) > strong{
  color:#fff!important;
}
.step-plan .ob-plan-card:has(input[value="free"]) p{
  font-size:17px!important;
  line-height:1.38!important;
  font-weight:700!important;
  max-width:95%!important;
}
.step-plan .ob-plan-card:has(input[value="free"]) > strong{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

@media(max-width:760px){
  .step-plan .ob-free-jump{padding:11px 12px!important;min-height:58px!important;border-radius:15px!important}
  .step-plan .ob-free-jump b{font-size:13px!important;line-height:1.12!important}
  .step-plan .ob-free-jump small{font-size:11px!important;line-height:1.25!important}
  .step-plan .ob-free-jump strong{font-size:11px!important}
  .step-plan .ob-plan-card:has(input[value="free"]) p{font-size:16px!important;line-height:1.35!important}
  .step-plan .ob-plan-card:has(input[value="free"]) > strong{font-size:14px!important}
}

/* =====================================================================
   v6.5.17 · EDITOR MÓVIL · SERVICIOS SIN DESBORDE
   Corrige el editor de Servicios tanto en la pantalla app normal como
   en el editor enfocado. Las fichas dejan de ser carrusel mientras se
   editan y pasan a una sola columna dentro del ancho real disponible.
   ===================================================================== */
@media (max-width:760px){
  /* Cuando una sección está abierta para edición, el carrusel exterior
     deja de imponer anchos de tarjeta (82vw / 330px). */
  body.spot-studio #secciones .section-market-grid.has-open-editor{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
    box-sizing:border-box!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]){
    display:block!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* Cadena completa de contenedores: ninguno puede crecer por el ancho
     intrínseco de un input file, un texto largo o una ficha. */
  body.spot-studio #secciones .section-market-card.is-editing .section-market-editor,
  body.spot-studio #secciones .section-market-card.is-editing .section-market-config,
  body.spot-studio #secciones .section-market-card.is-editing .block-edit,
  body.spot-studio #secciones .section-market-card.is-editing .section-config-form,
  body.spot-studio #secciones .section-market-card.is-editing .service-editor-head,
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-grid,
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-market-editor,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-market-config,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .block-edit,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-config-form,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-editor-head,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-grid,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing .section-market-editor,
  body.spot-studio #secciones .section-market-card.is-editing .section-market-config,
  body.spot-studio #secciones .section-market-card.is-editing .block-edit,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-market-editor,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-market-config,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .block-edit{
    overflow-x:hidden!important;
  }

  /* Servicios en edición: una ficha debajo de otra. El carrusel sólo
     pertenece a la vista resumida del admin, nunca al formulario abierto. */
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-grid,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    touch-action:pan-y!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item{
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
    box-sizing:border-box!important;
  }

  /* Todos los campos heredan el ancho de la ficha, no su ancho intrínseco. */
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item .field,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item .field,
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item input,
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item textarea,
  body.spot-studio #secciones .section-market-card.is-editing .service-admin-item select,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item input,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item textarea,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-admin-item select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Safari puede calcular un min-content enorme para file inputs. */
  body.spot-studio #secciones .section-market-card.is-editing input[type="file"],
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) input[type="file"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing input[type="file"]::file-selector-button,
  body.spot-studio #secciones .section-market-card.is-editing input[type="file"]::-webkit-file-upload-button,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) input[type="file"]::file-selector-button,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) input[type="file"]::-webkit-file-upload-button{
    max-width:62%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Notas, títulos y ayudas siempre envuelven dentro de la ficha. */
  body.spot-studio #secciones .section-market-card.is-editing .service-editor-head>div,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .service-editor-head>div{
    min-width:0!important;
    max-width:100%!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing :is(.field>span,.field>small,.section-inline-note,.service-editor-head small,.service-admin-item>b),
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) :is(.field>span,.field>small,.section-inline-note,.service-editor-head small,.service-admin-item>b){
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    box-sizing:border-box!important;
  }
  body.spot-studio #secciones .section-market-card.is-editing .section-inline-note,
  body.spot-studio #secciones .section-market-card:has(.section-market-editor[open]) .section-inline-note{
    display:block!important;
    width:100%!important;
  }
}


/* =====================================================================
   v6.5.19 · LAYERS · FOTOS EN TARJETAS SÓLIDAS INDIVIDUALES
   La galería NO tiene placa común. Cada foto tiene su propio marco opaco.
   Se neutraliza el full-bleed 116% sólo en Layers para que el marco se vea.
   ===================================================================== */
html body.public-body.public-template-glass .photo-smart{
  width:94%!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
html body.public-body.public-template-glass .photo-strip{
  margin-top:14px!important;
  padding:0!important;
  gap:12px!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
html body.public-body.public-template-glass .gallery-photo{
  position:relative!important;
  box-sizing:border-box!important;
  padding:7px!important;
  border:0!important;
  border-radius:22px!important;
  background:#2f3344!important;
  background-color:#2f3344!important;
  background-image:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
  filter:none!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body.public-body.public-template-glass.public-theme-orange .gallery-photo{background:#9f321f!important;background-color:#9f321f!important}
html body.public-body.public-template-glass.public-theme-pink .gallery-photo{background:#8e214b!important;background-color:#8e214b!important}
html body.public-body.public-template-glass.public-theme-cream .gallery-photo{background:#eadfcd!important;background-color:#eadfcd!important}
html body.public-body.public-template-glass .gallery-photo img{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  object-fit:cover!important;
  object-position:var(--photo-x,50%) var(--photo-y,50%)!important;
  transform:scale(var(--photo-zoom,1))!important;
  transform-origin:var(--photo-x,50%) var(--photo-y,50%)!important;
  opacity:1!important;
  filter:none!important;
}