/* YoSoyPro: original monochrome mark, soft surfaces and restrained emphasis. */
:root{--bg:#f6f6f6;--ink:#262626;--muted:#666666;--green:#2a2a2a;--orange:#757575;--line:#e1e1e1;color-scheme:light}
body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
.brand-logo{display:block;width:148px;height:auto;object-fit:contain;flex-shrink:0}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;letter-spacing:normal}
.brand small{font-size:7px;letter-spacing:1.35px;color:#6a6a6a}
.sidebar,.admin-sidebar{background:#fcfcfc;border-color:var(--line)}
.sidebar nav{margin-top:32px}.sidebar nav a,.admin-sidebar nav button{color:#676767;border-radius:10px}.sidebar nav a.active,.admin-sidebar nav button.selected{background:#ebebeb;color:#282828;font-weight:700}
.side-note{background:#eeeeee;border:1px solid #e4e4e4}.side-note p{color:#676767}.side-note>span,.mini-wave{color:#767676}.add-button{color:#424242;border-color:#d1d1d1}
.breadcrumb,.eyebrow,.edition,.section-heading>span,.section-title>span{color:#696969}.page-title p:not(.eyebrow){line-height:1.8;color:#6a6a6a}h1 em{color:#6b6b6b}h1{font-weight:650}
.hero{background:#2d2d2d;border:1px solid #3c3c3c;border-radius:20px}.hero h2{font-size:34px;line-height:1.28}.hero i{color:#dbdbdb}.hero-copy p{color:#d4d4d4;font-size:12px}.pill{border-color:#818181;color:#e5e5e5}.hero-meta{color:#c4c4c4}.primary{background:#e2e2e2;color:#2f2f2f;border-radius:9px;padding:14px 20px}
.hero-art{background:radial-gradient(ellipse at center,#81818126,transparent 70%)}.orbit{border-color:#bcbcbc20}.art-disc{transform:none;background:#ffffff05;border:1px solid #ffffff22;box-shadow:none;outline:18px solid #ffffff03;width:246px;height:246px}.art-disc .brand-logo{width:186px;filter:invert(1);opacity:.94}.art-disc small{margin-top:18px;color:#d1d1d1}.soundbar{background:#353535;border-color:#84848466;color:#b1b1b1;box-shadow:none;font-size:17px}.art-tag{color:#c5c5c5}
.module-switch{background:#ededed;border-color:#dfdfdf;border-radius:12px}.module-switch a{color:#686868;border-radius:9px}.module-switch a.active{background:#ffffff;color:#2d2d2d;box-shadow:0 2px 8px #27272710}
.card,.tool-category-card,.tool-resource,.admin-content-card,.share-pick-card{border-color:#e3e3e3;border-radius:15px;background:#ffffff;box-shadow:0 3px 16px #27272703}.card:hover,.tool-category-card:hover{box-shadow:0 9px 28px #2c2c2c0c;transform:translateY(-3px)}
.card p,.card-footer,.card-label,.tool-category-body p,.tool-resource-copy p,.tool-card-meta,.tool-kind,.tools-path,.tools-draft-note,.tools-bottom-note{color:#6a6a6a}.card h3,.tool-category-body h3,.tool-resource-copy h3{color:#2e2e2e}.card p{font-size:12px;line-height:1.75}.card-label,.card-footer{font-size:10px}.card-footer button{color:#525252}.cover .cover-brand{width:52px;height:30px;filter:invert(1);opacity:.9}.cover-top{position:relative;z-index:1}.cover{background:var(--cover,#444444)}
.tool-card-image img,.tools-feature-picture img,.tools-collection-cover img{filter:grayscale(1)}.tool-category-body{padding:23px}.tool-category-body h3{font-size:18px}.tools-feature{background:#eeeeee;border-color:#e2e2e2}.tools-feature p{color:#686868}.tool-feature-label{color:#666666}.tool-card-cta,.tools-back{color:#515151}.tools-section-heading>p{color:#6c6c6c}
.filters button{color:#616161;border-color:#dbdbdb;min-height:34px}.filters button.active{background:#3b3b3b;color:#ffffff;border-color:#3b3b3b}.quote{background:#efefef;border-color:#e2e2e2}.quote p,footer span,footer button,.form-note,.private-share-note{color:#6b6b6b}.quote-arrow{color:#7a7a7a}
.player{background:#fefefe;border-color:#e0e0e0}.now-art{background:#f0f0f0!important;border:1px solid #e3e3e3}.now-art .brand-logo{width:43px}.now-info span,.timeline span{color:#6b6b6b}.play-main{background:#363636}.icon-btn{color:#6c6c6c}.search{background:#efefef}.search input{color:#383838}.search input::placeholder{color:#6e6e6e}.timeline input,.volume input{accent-color:#6b6b6b}
.login-layout{background:radial-gradient(ellipse at 80% 10%,#e9e9e9 0,transparent 55%),#f6f6f6}.login-brand{display:flex;align-items:center;letter-spacing:normal}.login-brand .brand-logo{width:152px}.login-layout>.login-brand{margin-bottom:28px}.login-layout>.login-brand .brand-logo{width:180px}.login-card{background:#ffffff;border-color:#e3e3e3;border-radius:20px;box-shadow:0 20px 70px #36363609}.login-card h1{color:#2e2e2e}.login-card>p,.login-card form label,.login-caption{color:#696969}.login-card form input{background:#f8f8f8;color:#373737;border-color:#d2d2d2}.login-card .login-hint{font-size:12px}
.admin-title h1,.admin-section-head h2,.admin-content-card h3,.admin-stats strong,.user-cell strong{color:#2e2e2e}.admin-title p,.admin-content-card p,.admin-stats small,.admin-footnote,.admin-table td,.user-cell small,.admin-empty,.admin-content-bottom>span,.table-note{color:#6a6a6a}.admin-table th,.admin-stats span,.admin-content-type,.admin-inline-actions>span{color:#656565}.admin-table td{font-size:12px}.admin-table th{font-size:10px}.admin-content-card p{font-size:12px}.admin-table th{background:#f1f1f1}.admin-stats>div,.admin-table-scroll{background:#ffffff;border-color:#e3e3e3}.admin-primary{background:#383838;border-color:#383838;color:white}.admin-secondary{background:#f4f4f4;border-color:#d1d1d1;color:#505050}.admin-toolbar{background:#ffffff;border-color:#e1e1e1}.admin-toolbar input,.admin-toolbar select,.account-link,.secure-account>a,.admin-return{color:#5f5f5f}.admin-sidebar-note{background:#efefef}.admin-sidebar-note p{color:#707070}.notice{background:#f1f1f1;border-color:#dbdbdb;color:#606060;font-size:12px}.notice.error{background:#f3f3f3;color:#595959;border-color:#c4c4c4}.admin-danger{color:#595959}.status-badge.good{background:#ededed;color:#585858}.status-badge.off{background:#e9e9e9;color:#5b5b5b}
.distribution-banner,.native-status{background:#efefef;border-color:#e1e1e1}.distribution-banner h2,.native-status h2{color:#373737}.distribution-banner p:not(.eyebrow),.native-status p,.native-status small,.native-status span,.keyboard-preview .form-note{color:#6d6d6d}.distribution-banner p:not(.eyebrow){font-size:12px}.share-pick-card strong{color:#3f3f3f}.share-pick-card>span:last-child{color:#737373}.share-pick-card.selected{border-color:#8e8e8e;background:#f2f2f2}.sharing-tabs{background:#ebebeb}.sharing-tabs a{color:#6f6f6f}.sharing-tabs a.selected{color:#4e4e4e;background:white}.keyboard-preview{background:#fafafa;border-color:#dcdcdc}.phone-conversation{background:#f0f0f0}.phone-conversation>span,.conversation-placeholder,.keyboard-empty{color:#6f6f6f}.preview-keyboard{background:#eaeaea;border-color:#dcdcdc}.preview-keyboard-title>.brand-logo{width:82px}.preview-keyboard-title>span{color:#707070}#keyboardItems button{color:#545454;background:#fefefe}.keyboard-bottom{color:#5f5f5f}.message-bubble{color:#434343;background:#e2e2e2}.keyboard-preview textarea{color:#4d4d4d;background:white}.native-status strong{color:#5b5b5b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #909090;outline-offset:3px}
@media(max-width:1100px) and (min-width:851px){.art-disc{width:190px;height:190px}.art-disc .brand-logo{width:145px}.hero h2{font-size:29px}}
@media(max-width:850px) and (min-width:521px){.sidebar .brand .brand-logo{width:52px}.sidebar .brand small{display:none}.admin-sidebar .login-brand .brand-logo{width:52px}}
@media(max-width:650px){.hero-copy{width:100%;padding:29px 27px}.hero h2{font-size:29px}.hero-art{display:none}.hero{min-height:0}.brand .brand-logo{width:104px}.brand small{display:none}.page-title h1{font-size:28px}.card p{font-size:11px}.admin-table td{font-size:11px}}
@media(max-width:520px){.sidebar .brand{gap:0}.sidebar .brand .brand-logo{width:94px}.admin-sidebar .login-brand .brand-logo{width:73px}.login-brand .brand-logo{width:125px}.sharing-body .login-brand .brand-logo{width:125px}.tool-category-body{padding:17px}.tool-category-body h3{font-size:16px}.admin-content-card p{font-size:12px}.now-art .brand-logo{width:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sidebar{overflow-y:auto}.side-note{margin-top:25px}.tools-open .sidebar .side-note{margin-top:25px}.side-note h3{font-size:16px}.side-note p{font-size:11px}.mini-wave{font-size:20px;margin-top:10px}.side-footer{padding-top:18px}.module-switch a.selected{background:#ffffff;color:#393939;box-shadow:0 2px 8px #2f2f2f0b}.tool-category-body h2,.tool-resource-copy strong{color:#373737}.tool-resource-copy>span:last-child,.tools-section-heading>span{color:#6e6e6e}.cover[style*="--coverText:#494949"] .cover-brand{filter:none}
@media(max-height:780px) and (min-width:801px){.sidebar .side-note{display:none}.sidebar nav{margin-top:28px}.sidebar{padding-top:25px}}
@media(max-width:800px) and (min-width:521px){.sidebar .brand .brand-logo{width:52px}.sidebar .brand small{display:none}.sidebar .brand{gap:0}}
@media(max-width:520px){.sidebar{height:74px;overflow:visible}.sidebar .brand .brand-logo{width:94px}.sidebar nav{margin-top:0}.sidebar nav a{padding:7px 9px}.admin-sidebar .login-brand .brand-logo{width:65px}.cover .cover-brand{width:42px;height:24px}.tool-category-body h2{font-size:15px}}
/* A small, reusable photographic library; titles remain live, readable text. */
.hero-art{inset:0 0 0 57%;opacity:1;background:#dfdfdf}.hero-scene{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:grayscale(1)}.hero-photo-brand{position:absolute;right:20px;bottom:17px;background:#ffffffe0;padding:8px 12px;border-radius:10px}.hero-photo-brand .brand-logo{width:81px}.hero-copy{width:58%}.hero h2{font-size:31px}.hero-art::after{content:'';position:absolute;inset:0 auto 0 0;width:24px;background:linear-gradient(90deg,#2d2d2d40,transparent);pointer-events:none}
.cover{height:190px;padding:16px;background:#e6e6e6;isolation:isolate}.cover::after{display:none}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);z-index:-1}.cover-title{display:none}.cover-top{gap:8px;align-items:flex-start}.cover .cover-brand,.cover[style*="--coverText:#494949"] .cover-brand{filter:none;width:50px;height:29px;padding:4px 7px;box-sizing:content-box;background:#ffffffdb;border-radius:7px}.demo-tag,.cover-top>span{background:#ffffffdc;color:#424242;border-radius:20px;padding:5px 7px;font-size:6px;letter-spacing:.7px;line-height:1.5;max-width:125px}.cover-bottom{align-self:flex-start;color:#404040;background:#ffffffd9;padding:5px 8px;border-radius:20px;letter-spacing:1.1px}.cover .card-play{width:39px;height:39px;right:14px;bottom:13px;background:#ffffff;color:#333333;border-color:#ffffff8a;box-shadow:0 3px 13px #35353519}
.now-art{overflow:hidden}.player-cover{width:100%;height:100%;object-fit:cover}.detail-cover{display:block;width:100%;height:160px;object-fit:cover;border-radius:12px;margin:0 0 25px;filter:grayscale(1)}.resource-thumb{width:76px;height:76px;object-fit:cover;border-radius:10px;flex-shrink:0;filter:grayscale(1)}.tool-resource-copy{min-width:0}.tool-resource-copy strong{line-height:1.5}.tool-resource:hover .resource-thumb{filter:grayscale(1)}
.share-pick-card{padding:0;overflow:hidden;gap:0}.share-cover{width:100%;height:126px;object-fit:cover;filter:grayscale(1)}.share-pick-card>.tool-kind{margin:17px 18px 10px}.share-pick-card>strong{margin:0 18px 14px}.share-pick-card>span:last-child{margin:0 18px 19px}.admin-content-card{overflow:hidden}.admin-cover{display:block;width:calc(100% + 44px);height:140px;object-fit:cover;margin:-22px -22px 20px;filter:grayscale(1)}
@media(min-width:1450px){.hero h2{font-size:36px}.cover{height:220px}}
@media(max-width:1100px){.hero-copy{width:61%;padding:30px}.hero-art{left:61%}.hero h2{font-size:27px}.cover{height:175px}.hero-photo-brand{right:14px;bottom:14px}.hero-photo-brand .brand-logo{width:65px}}
@media(max-width:800px){.hero-copy{width:100%;padding:29px}.hero-art{display:none}.cover{height:180px}.resource-thumb{width:65px;height:65px}}
@media(max-width:520px){.cover{height:150px;padding:12px}.cover .cover-brand{width:37px;height:21px;padding:3px 5px}.cover-top>span,.demo-tag{font-size:5px;padding:4px 6px;max-width:88px;letter-spacing:.35px}.cover-bottom{font-size:5px;max-width:none;letter-spacing:.7px;padding:4px 6px}.cover .card-play{width:32px;height:32px;right:10px;bottom:10px}.hero h2{font-size:28px}.resource-thumb{width:54px;height:62px;border-radius:8px}.tool-resource{gap:12px;padding:16px 13px}.detail-cover{height:140px}.share-cover{height:112px}.share-pick-card>.tool-kind{margin:14px 15px 8px}.share-pick-card>strong{margin:0 15px 12px}.share-pick-card>span:last-child{margin:0 15px 17px}.admin-cover{width:calc(100% + 40px);margin:-20px -20px 20px}}
/* Strict monochrome YoSoyPro identity. No colored accents or decorative tint. */
:root{--bg:#f5f5f5;--ink:#202020;--muted:#626262;--green:#252525;--orange:#444444;--line:#dedede;accent-color:#333}
.hero{background:#181818;border-color:#303030}.hero i{color:#e2e2e2}.hero-art::after{background:linear-gradient(90deg,#18181844,transparent)}.hero-copy p{color:#d5d5d5}.primary,.admin-primary{background:#242424;color:#fff;border-color:#242424}.hero .primary{background:#fff;color:#202020}.hero-photo-brand{background:#ffffffe8}.hero-scene{filter:grayscale(1);object-position:53% 44%}.hero-photo-brand .brand-logo{filter:none}
.cover-photo,.resource-thumb,.detail-cover,.share-cover,.admin-cover,.player-cover,.tool-card-image img,.tools-feature-picture img,.tools-collection-cover>img{filter:grayscale(1)!important}.tool-resource:hover .resource-thumb{filter:grayscale(1)!important}.tools-feature-picture img{mix-blend-mode:normal}.tools-feature-picture>span{background:#111c;color:#fff}.tool-image-index{background:#ffffffe6;color:#333}.tools-feature{background:#ededed}.tool-feature-link{background:#222;color:#fff}.cover-bottom{color:#333}.cover-top>span,.demo-tag{color:#333}.cover .card-play{color:#222}.cover .cover-brand{filter:none!important}.filters button.active,.play-main{background:#252525;color:#fff;border-color:#252525}.status-badge.good{background:#e9e9e9;color:#333}.status-badge.off{background:#f0f0f0;color:#555}.admin-danger{color:#292929;border-color:#999}.notice.error{color:#222;background:#eee;border-color:#888}.notice.error::before{content:'! ';font-weight:800}.login-layout{background:radial-gradient(ellipse at 80% 10%,#e7e7e7,transparent 55%),#f6f6f6}.login-card{background:#fff}.message-bubble{background:#dedede;color:#333}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#555}.timeline input,.volume input{accent-color:#333}
@media(max-width:800px){.hero{display:flex;flex-direction:column}.hero-copy{width:100%;padding:27px}.hero-art{display:block;position:relative;inset:auto;order:-1;width:100%;height:200px;flex-shrink:0;opacity:1}.hero-art::after{display:none}.hero-scene{object-position:50% 47%}.hero-photo-brand{right:15px;bottom:15px}.hero-photo-brand .brand-logo{width:74px}}
@media(max-width:520px){.hero-art{height:180px}.hero-copy{padding:25px}.hero h2{font-size:27px}}
/* Current visual identity: white surfaces, rounded black type and lime SVG icons. */
:root{--bg:#fff;--ink:#202020;--muted:#646464;--line:#e6e6e6;--accent:#eeff00;--accent-soft:#fcffd6;--green:#202020;color-scheme:light}
body,.sidebar,.admin-sidebar,.login-layout,.sharing-body{background:#fff}.login-layout{background:#fff}.side-note,.quote,.distribution-banner,.native-status{background:#fafafa}.hero{background:#fff;color:#202020;border-color:#e3e3e3;box-shadow:0 6px 30px #00000003}.hero h2,.hero i{color:#202020}.hero-copy p{color:#626262}.pill{color:#333;border-color:#dedede;background:#fff}.hero-meta{color:#666}.hero-art{background:#fff;display:flex;align-items:center;justify-content:center}.hero-art::after,.hero-photo-brand{display:none}.hero-scene{position:static;width:158px;height:158px;object-fit:contain;filter:none!important}.hero .primary,.primary,.admin-primary{background:#202020;color:white;border-color:#202020}.primary:hover,.admin-primary:hover{background:var(--accent);color:#202020;border-color:#202020}.hero .primary:hover{background:var(--accent);color:#202020}
.cover{background:#fff!important;border-bottom:1px solid #f0f0f0;height:170px;color:#202020}.cover-photo{z-index:0;object-fit:contain;padding:32px;filter:none!important;transition:none}.cover-top{justify-content:flex-end;pointer-events:none}.cover .cover-brand,.cover-bottom{display:none}.cover-top>span,.demo-tag{background:#f6f6f6;color:#666;border:1px solid #eee}.cover .card-play{background:#fff;color:#202020;border:1px solid #dedede;box-shadow:none}.cover .card-play:hover{background:var(--accent);border-color:#202020}.card h3,.tool-category-body h2,.share-pick-card strong{transition:background-color .15s}.card:hover h3,.card:focus-within h3,.tool-category-card:hover h2,.tool-category-card:focus-visible h2,.share-pick-card:hover strong,.share-pick-card:focus-visible strong,.share-pick-card.selected strong{background:linear-gradient(transparent 48%,var(--accent) 48%);color:#202020}.card:hover,.card:focus-within,.tool-category-card:hover,.tool-category-card:focus-visible{border-color:#bababa;box-shadow:0 6px 22px #00000007}.fav.selected{color:#202020;background:var(--accent);border-radius:50%}
.tool-card-image{background:#fff;display:flex;align-items:center;justify-content:center;height:170px;border-bottom:1px solid #f0f0f0}.tool-card-image img{width:100px;height:100px;object-fit:contain;filter:none!important}.tool-category-card:hover img{transform:none}.tool-image-index{background:#f6f6f6;color:#666;backdrop-filter:none}.tools-feature{background:#fff;border-color:#e3e3e3}.tools-feature-picture{display:flex;align-items:center;justify-content:center;background:#fff}.tools-feature-picture img{position:static;width:155px;height:155px;object-fit:contain;filter:none!important;mix-blend-mode:normal}.tools-feature-picture>span{background:#fff;color:#666}.tool-feature-link{background:#202020;color:white}.tool-feature-link:hover{background:var(--accent);color:#202020}.tools-collection-cover{background:#fff;border-color:#e3e3e3}.tools-collection-cover>img{background:#fff;width:100%;height:100%;min-height:175px;max-height:260px;padding:35px;object-fit:contain;filter:none!important}.resource-thumb{background:#fff;object-fit:contain;filter:none!important;padding:5px}.tool-resource:hover .resource-thumb{filter:none!important}.tool-resource:hover,.tool-resource:focus-visible{background:#fff;border-color:#a3a3a3}.tool-resource:hover strong,.tool-resource:focus-visible strong{background:linear-gradient(transparent 48%,var(--accent) 48%)}.tool-resource-arrow{color:#202020}.detail-cover{height:130px;object-fit:contain;padding:15px;background:#fff;filter:none!important;border:1px solid #eee}
.share-cover{height:126px;padding:20px;object-fit:contain;background:#fff;border-bottom:1px solid #f1f1f1;filter:none!important}.share-pick-card.selected{background:#fff;border-color:#202020;box-shadow:0 0 0 2px var(--accent)}.admin-cover{height:120px;padding:20px;object-fit:contain;filter:none!important;background:white;border-bottom:1px solid #eee}.player-cover{object-fit:contain;padding:6px;background:#fff;filter:none!important}.now-art{background:#fff!important;border-color:#e4e4e4}
.sidebar nav a.active,.admin-sidebar nav button.selected,.module-switch a.selected,.module-switch a.active,.sharing-tabs a.selected,.filters button.active{background:var(--accent);color:#202020;border-color:#202020;box-shadow:none}.sidebar nav a:hover,.admin-sidebar nav button:hover,.module-switch a:hover,.sharing-tabs a:hover{background:var(--accent-soft);color:#202020}.sidebar nav a.active:hover,.admin-sidebar nav button.selected:hover,.module-switch a.selected:hover,.sharing-tabs a.selected:hover{background:var(--accent)}.play-main{background:#202020;color:white}.play-main:hover{background:var(--accent);color:#202020}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.timeline input,.volume input{accent-color:#202020}.keyboard-bottom span{background:#fff}.keyboard-bottom span:hover{background:var(--accent)}.preview-keyboard,.phone-conversation{background:#f7f7f7}.message-bubble{background:var(--accent-soft)}#keyboardItems button:hover,#keyboardItems button:focus-visible{background:var(--accent);color:#202020}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #202020;outline-offset:3px;box-shadow:0 0 0 5px var(--accent)}
@media(min-width:1450px){.cover,.tool-card-image{height:190px}}
@media(max-width:800px){.hero-art{display:flex;height:155px;min-height:0;order:-1}.hero-scene{width:120px;height:120px}.hero-copy{padding-top:15px}.cover{height:155px}.cover-photo{padding:28px}.tools-feature-picture img{width:125px;height:125px}}
@media(max-width:520px){.hero-art{height:140px}.hero-scene{width:105px;height:105px}.hero-copy{padding-top:12px}.cover{height:140px}.cover-photo{padding:28px}.tool-card-image{height:140px}.tool-card-image img{width:82px;height:82px}.tool-subgrid .tool-card-image{height:130px}.tools-feature-picture img{width:110px;height:110px}.tools-collection-cover>img{padding:25px;max-height:200px;min-height:150px}.share-cover{height:108px;padding:17px}.resource-thumb{padding:4px}.detail-cover{height:115px;padding:13px}}
#detailContent>h2{background:linear-gradient(transparent 58%,var(--accent) 58%);width:fit-content;max-width:100%;color:#202020}
/* Compact catalog tiles: less empty space around the identifying icon. */
.cards,.tool-category-grid{gap:18px}.cover,.tool-card-image{height:112px}.cover-photo{padding:18px}.tool-card-image img{width:76px;height:76px}.card-body{padding:13px 15px}.card h3{font-size:14px;margin:6px 0}.card p{font-size:11px;line-height:1.65;min-height:0}.card-label{font-size:9px}.card-footer{margin-top:10px;padding-top:10px;min-height:30px}.card-footer>span:empty{display:none}.card-footer button{margin-left:auto;min-height:28px}.tool-category-body{padding:14px 16px}.tool-category-body h2{font-size:16px;margin:3px 0 6px}.tool-category-body p{font-size:11px;min-height:0;line-height:1.6}.tool-card-cta{margin-top:12px;padding-top:10px}.tool-card-image .tool-image-index{top:10px;left:10px;padding:4px 7px}.tool-subgrid .tool-card-image{height:112px}.share-cover{height:96px;padding:12px}.share-pick-card>.tool-kind{margin:12px 15px 7px}.share-pick-card>strong{margin:0 15px 10px}.share-pick-card>span:last-child{margin:0 15px 14px}.admin-cover{height:96px;padding:12px}
@media(min-width:1280px){.cards,.tool-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.cards,.tool-category-grid{gap:14px}.cover,.tool-card-image,.tool-subgrid .tool-card-image{height:106px}.cover-photo{padding:17px}.tool-card-image img{width:72px;height:72px}}
@media(max-width:520px){.cards,.tool-category-grid{gap:12px}.cover,.tool-card-image,.tool-subgrid .tool-card-image{height:96px}.cover-photo{padding:16px}.tool-card-image img{width:64px;height:64px}.card-body{padding:11px 12px}.card h3{font-size:12px}.card p{font-size:10px;line-height:1.65}.card-label{font-size:8px}.cover .card-play{width:34px;height:34px;right:8px;bottom:8px}.tool-category-body{padding:12px 13px}.tool-category-body h2{font-size:14px}.tool-category-body p{font-size:10px}.tool-card-cta{font-size:9px}.tool-card-image .tool-image-index{font-size:5px;top:7px;left:7px}.share-cover{height:90px;padding:12px}}
.sidebar nav a[href="/control-red"]{order:2}.sidebar nav a[data-view="biblioteca"]{order:3}.sidebar nav a[data-view="favoritos"]{order:4}.sidebar nav a[data-view="progreso"]{order:5}.module-switch a[data-module="red"]{white-space:nowrap}@media(max-width:520px){.module-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 38px)}.module-switch a{width:auto;justify-content:center}.module-switch a span{font-size:10px}.sidebar nav a{padding:7px}}

.external-player>video{display:block;width:100%;max-height:65vh;background:#111;aspect-ratio:16/9;object-fit:contain}.external-player:has(>video){max-width:850px}