/*
Theme Name: Tinta Mestiza
Theme URI:
Author: QuantumSet
Author URI: https://QuantumSet.com
Description: Tinta Mestiza is a WordPress theme built as an application shell for independent editorial creation. It works as a neutral, professional workspace rather than a page builder. It provides the application layer (header, workspace, and a Composer that assembles the sidebar), while specialized writing, design, and publishing tools are added as modular plugins connected through shortcodes, keeping the theme free of any single platform, output format, or category of book. Its purpose is to be an independent creative space where diverse voices, languages, and cultures can converge to write, design, transform, and publish their own stories, celebrating mixture, memory, and creative freedom through a contemporary, technological aesthetic designed to work internationally.
Version: 2.22.1
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: tinta-mestiza
Domain Path: /languages
License: GPL-2.0-or-later
*/
:root{--tm-bg:#f4f5f7;--tm-surface:#fff;--tm-surface-soft:#f8f9fb;--tm-border:#e4e7ec;--tm-text:#16181d;--tm-muted:#6b7280;--tm-accent:#3aa76a;--tm-sidebar:#15171c;--tm-sidebar-text:#d8dbe2;--tm-sidebar-muted:#969ba8;--tm-header-height:64px;--tm-sidebar-width:236px;--tm-radius:10px;--tm-shadow:0 1px 2px rgba(16,24,40,.04)}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--tm-bg);color:var(--tm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.tm-app{min-height:100vh;display:grid;grid-template-rows:var(--tm-header-height) 1fr;background:var(--tm-bg)}
.tm-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;min-width:0;padding:0 18px;background:var(--tm-surface);border-bottom:1px solid var(--tm-border)}
.tm-brand{width:var(--tm-sidebar-width);flex:0 0 var(--tm-sidebar-width);display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.tm-brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden}.tm-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.tm-brand-text{display:flex;flex-direction:column;line-height:1.1}.tm-brand-title{font-size:14px}.tm-brand-subtitle{margin-top:3px;color:var(--tm-muted);font-size:10px;font-weight:500;letter-spacing:.02em}.tm-project{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.tm-project-label{color:var(--tm-muted);font-size:12px}.tm-project-name{min-width:80px;max-width:420px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--tm-text);font-weight:650;outline:none}.tm-project-name:hover,.tm-project-name:focus{border-color:var(--tm-border);background:var(--tm-surface-soft)}.tm-save-state{color:var(--tm-muted);font-size:12px;white-space:nowrap}.tm-user{display:flex;align-items:center;gap:10px}.tm-user-name{color:var(--tm-text);font-size:12px;font-weight:600}.tm-account-link{color:var(--tm-muted);text-decoration:none;font-size:12px}.tm-account-link:hover{color:var(--tm-text)}
.tm-main{min-height:0;display:grid;grid-template-columns:var(--tm-sidebar-width) minmax(0,1fr)}.tm-sidebar{position:sticky;top:var(--tm-header-height);height:calc(100vh - var(--tm-header-height));overflow-y:auto;padding:16px 12px;background:var(--tm-sidebar);color:var(--tm-sidebar-text)}.tm-nav-group+.tm-nav-group{margin-top:24px}.tm-nav-label{padding:0 10px 8px;color:var(--tm-sidebar-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tm-nav{display:grid;gap:3px}.tm-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--tm-sidebar-text);cursor:pointer;text-align:left;font-size:13px}.tm-nav-item:hover{background:rgba(255,255,255,.06)}.tm-nav-item.is-active{background:rgba(255,255,255,.12);color:#fff}.tm-nav-icon{width:18px;flex:0 0 18px;text-align:center;opacity:.85}.tm-sidebar-footer{margin-top:28px;padding:12px 10px;color:var(--tm-sidebar-muted);font-size:11px;line-height:1.45}.tm-workspace{min-width:0;min-height:calc(100vh - var(--tm-header-height));overflow:auto;position:relative}.tm-workspace-inner{min-height:100%;padding:24px}.tm-view{display:none}.tm-view.is-active{display:block}.tm-welcome{max-width:1100px;margin:0 auto}.tm-eyebrow{color:var(--tm-accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tm-title{margin:7px 0 5px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;line-height:1.1}.tm-lead{max-width:720px;margin:0;color:var(--tm-muted);font-size:14px}.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.tm-card{padding:18px;border:1px solid var(--tm-border);border-radius:var(--tm-radius);background:var(--tm-surface);box-shadow:var(--tm-shadow)}.tm-card h3{margin:0 0 6px;font-size:14px}.tm-card p{margin:0;color:var(--tm-muted);font-size:12px}.tm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tm-toolbar-title{margin:0;font-size:18px;letter-spacing:-.02em}.tm-button{border:1px solid var(--tm-border);border-radius:8px;padding:8px 12px;background:var(--tm-surface);color:var(--tm-text);cursor:pointer;font-size:12px;font-weight:650}.tm-button:hover{background:var(--tm-surface-soft)}.tm-button-primary{border-color:var(--tm-accent);background:var(--tm-accent);color:#fff}.tm-panel{min-height:460px;display:grid;place-items:center;border:1px solid var(--tm-border);border-radius:var(--tm-radius);background:linear-gradient(90deg,rgba(166,90,50,.035) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(rgba(166,90,50,.035) 1px,transparent 1px) 0 0/24px 24px,var(--tm-surface)}.tm-panel-content{max-width:540px;padding:30px;text-align:center}.tm-panel-content h2{margin:0 0 8px;font-size:20px}.tm-panel-content p{margin:0;color:var(--tm-muted);font-size:13px}.tm-project-list{display:grid;gap:10px}.tm-project-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--tm-border);border-radius:9px;background:var(--tm-surface)}.tm-project-row strong{font-size:13px}.tm-project-row span{display:block;margin-top:2px;color:var(--tm-muted);font-size:11px}.tm-status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#4caf72;margin-right:5px}.tm-mobile-toggle{display:none;border:0;background:transparent;cursor:pointer;font-size:18px}.tm-composer-output{width:100%;min-height:100%}.tm-composer-output>*{max-width:100%}
@media(max-width:900px){:root{--tm-sidebar-width:210px}.tm-grid{grid-template-columns:1fr}}@media(max-width:720px){.tm-header{padding:0 12px;gap:10px}.tm-mobile-toggle{display:block}.tm-brand{width:auto;flex-basis:auto}.tm-brand-subtitle,.tm-project-label,.tm-save-state,.tm-user-name{display:none}.tm-main{display:block}.tm-sidebar{position:fixed;top:var(--tm-header-height);left:0;bottom:0;width:min(82vw,280px);z-index:40;transform:translateX(-100%);transition:transform .18s ease;box-shadow:12px 0 30px rgba(0,0,0,.18)}.tm-sidebar.is-open{transform:translateX(0)}.tm-workspace-inner{padding:16px}}

.tm-nav-icon svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Shared masthead: one top bar for the public site and the Studio (2.2.0). */
.tm-masthead{min-height:var(--tm-header-height)}
.tm-masthead[data-context="site"] .tm-brand{width:auto;flex:0 0 auto}
.tm-masthead-nav{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.tm-menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;padding:0;list-style:none}
.tm-menu li{list-style:none;margin:0}
.tm-menu a{display:inline-block;padding:8px 12px;border-radius:8px;color:var(--tm-text);text-decoration:none;font-size:13px;font-weight:600}
.tm-menu a:hover,.tm-menu .current-menu-item>a,.tm-menu .current_page_item>a{background:var(--tm-surface-soft)}
.tm-masthead-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex:0 0 auto}
.tm-masthead-back,.tm-masthead-studio,.tm-masthead-register{white-space:nowrap}
.tm-masthead-studio{padding:7px 12px;border:1px solid var(--tm-border);border-radius:8px;font-weight:650}
.tm-masthead-studio:hover{background:var(--tm-surface-soft)}
@media(max-width:720px){
	.tm-masthead[data-context="site"]{flex-wrap:wrap;height:auto;min-height:0;padding:8px 12px;gap:8px}
	.tm-masthead[data-context="site"] .tm-brand{order:1}
	.tm-masthead[data-context="site"] .tm-masthead-actions{order:2;margin-left:auto}
	.tm-masthead[data-context="site"] .tm-masthead-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}
}

/* Account page (theme-owned front-end) (2.3.0). */
.tm-account{max-width:960px;margin:0 auto;padding:32px 20px 56px}
.tm-account-head{margin-bottom:20px}
.tm-account-title{margin:0 0 4px;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em}
.tm-account-sub{margin:0;color:var(--tm-muted);font-size:14px}
.tm-account-notice{margin:0 0 14px;padding:11px 14px;border-radius:9px;font-size:13px;border:1px solid var(--tm-border);background:var(--tm-surface)}
.tm-account-notice.is-success{border-color:#bfe0c4;background:#eef7ef;color:#2f6a37}
.tm-account-notice.is-error{border-color:#e6c2bd;background:#fbeeeb;color:#a63a2c}
.tm-account-notice.is-info{border-color:#c9d6ef;background:#eef2fb;color:#3a4d80}
.tm-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.tm-account-card{padding:20px;border:1px solid var(--tm-border);border-radius:var(--tm-radius);background:var(--tm-surface);box-shadow:var(--tm-shadow)}
.tm-account-card-title{margin:0 0 14px;font-size:16px;letter-spacing:-.01em}
.tm-field{display:block;margin:0 0 13px}
.tm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tm-field-label{display:block;margin:0 0 5px;font-size:12px;font-weight:600;color:var(--tm-muted)}
.tm-field-input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--tm-border);border-radius:8px;background:var(--tm-surface);color:var(--tm-text);font-size:14px}
.tm-field-input:focus{outline:none;border-color:var(--tm-accent);box-shadow:0 0 0 3px rgba(58,167,106,.18)}
.tm-field-hint{display:block;margin-top:6px;color:var(--tm-muted);font-size:11px;line-height:1.45}
.tm-account-card .tm-button{margin-top:6px}
.tm-account-signout{margin-top:16px;padding-top:14px;border-top:1px solid var(--tm-border)}
@media(max-width:720px){.tm-account-grid{grid-template-columns:1fr}}

/* Avatars + account photo + green primary hover (2.4.0). */
.tm-avatar{display:inline-block;width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--tm-surface-soft);border:1px solid var(--tm-border);vertical-align:middle}
.tm-user-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--tm-text)}
.tm-user-link:hover{opacity:.85}
.tm-user-link .tm-user-name{font-weight:650}
.tm-button-primary:hover{background:#2f915a;border-color:#2f915a;color:#fff}
.tm-account-photo{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--tm-border)}
.tm-avatar-lg{width:64px;height:64px;flex:0 0 64px}
.tm-account-photo-fields{flex:1;min-width:0}
.tm-account-photo-fields .tm-field{margin:0}
.tm-field-file{display:block;width:100%;font-size:13px;color:var(--tm-muted)}
.tm-check{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;color:var(--tm-muted)}