/*
Theme Name: Smartclick Integraciones
Theme URI: https://smartclick.com.ar/
Author: Smartclick
Description: Theme de Integraciones Smartclick alineado visualmente con Base Comercial.
Version: 1.0.4
Text Domain: smartclick-integraciones
*/

:root{
  --sc-primary:#b11d1c;
  --sc-primary-dark:#7a1312;
  --sc-ink:#111111;
  --sc-gray-700:#444444;
  --sc-gray-600:#888888;
  --sc-gray-300:#dddddd;
  --sc-gray-100:#f3f3f3;
  --sc-bg:#f3f3f3;
  --sc-card:#ffffff;
}

*{box-sizing:border-box}
html{margin:0!important}
body{
  margin:0;
  background:var(--sc-bg);
  color:var(--sc-ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}

.sc-app-shell{min-height:100vh;background:var(--sc-bg)}

/* =========================================================
   CABECERA — misma lógica visual de Base Comercial
   ========================================================= */
.sc-topbar{
  position:relative;
  z-index:50;
  background:#fff;
  border-bottom:1px solid var(--sc-gray-300);
}
.sc-topbar-inner{
  max-width:none;
  margin:0;
  padding:0;
  display:block;
}
.sc-brand{
  min-height:64px;
  display:flex;
  align-items:center;
  padding:0 36px;
  text-decoration:none;
  color:#111;
  font-family:'Oswald','Arial Narrow',Arial,sans-serif;
  font-size:22px;
  font-weight:600;
  letter-spacing:.1px;
  border-bottom:1px solid var(--sc-gray-300);
}
.sc-brand-mark{display:none!important}

.sc-nav{
  position:static;
  min-height:52px;
  display:flex;
  align-items:stretch;
  gap:4px;
  padding:0 36px;
  background:#fff;
  border:0;
}
.sc-nav a{
  position:relative;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:0;
  background:transparent!important;
  color:#222;
  text-decoration:none;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:14px;
  font-weight:700;
  transition:color .16s ease;
}
.sc-nav a:hover{color:var(--sc-primary)}
.sc-nav a.is-active{color:var(--sc-primary)}
.sc-nav a.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  background:var(--sc-primary);
}

.sc-main{width:100%;padding-top:0}
.sc-content{max-width:none;margin:0;padding:0}
.sc-content > .page,.sc-content > article{margin:0;padding:0}
.sc-content .entry-header,.sc-content .entry-title{display:none!important}
.sc-content .entry-content{margin:0!important;padding:0!important;max-width:none!important}
.sc-content .entry-content > :first-child{margin-top:0}
.sc-content .entry-content > :last-child{margin-bottom:0}

/* =========================================================
   CORE — sin navegación repetida adentro del contenido
   ========================================================= */
.sc-content .sci-wrap{
  max-width:none!important;
  margin:0!important;
  padding:24px 28px 50px!important;
  color:#111!important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
/* El header interno incluía título + botón inverso y repetía la navegación. */
.sc-content [data-sci-screen] > .sci-head{display:none!important}

.sc-content .sci-grid{gap:18px!important}
.sc-content .sci-card,
.sc-content .sci-panel{
  border:1px solid #dddddd!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(17,17,17,.06),0 10px 24px rgba(17,17,17,.045)!important;
}
.sc-content .sci-card{padding:20px!important}
.sc-content .sci-card-head{margin-bottom:18px!important}
.sc-content .sci-card-head h2,
.sc-content .sci-panel h2{
  margin:0 0 4px!important;
  color:#111!important;
  font-family:'Oswald','Arial Narrow',Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:.1px!important;
}
.sc-content .sci-card-head p,
.sc-content .sci-panel p{
  color:#777!important;
  font-family:'Inter',sans-serif!important;
  font-size:12.5px!important;
}
.sc-content .sci-provider-icon{
  border-radius:10px!important;
  font-family:'Oswald','Arial Narrow',Arial,sans-serif!important;
  font-weight:700!important;
}
.sc-content .sci-status{
  border-radius:8px!important;
  font-family:'Inter',sans-serif!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.sc-content .sci-fields{gap:11px!important}
.sc-content .sci-fields label,
.sc-content .sci-search-row label{
  color:#444!important;
  font-family:'Inter',sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
}
.sc-content .sci-fields input,
.sc-content .sci-search-row input,
.sc-content .sci-search-row select{
  min-height:42px!important;
  border:1px solid #d7d7d7!important;
  border-radius:8px!important;
  padding:9px 11px!important;
  color:#111!important;
  background:#fff!important;
  font-family:'Inter',sans-serif!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.sc-content .sci-fields input:focus,
.sc-content .sci-search-row input:focus,
.sc-content .sci-search-row select:focus{
  border-color:#aaa!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.035)!important;
  outline:none!important;
}
.sc-content .sci-actions{gap:9px!important;margin-top:16px!important}
.sc-content .sci-btn{
  min-height:40px!important;
  border-radius:8px!important;
  padding:0 15px!important;
  background:var(--sc-primary-dark)!important;
  color:#fff!important;
  font-family:'Inter',sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.sc-content .sci-btn:hover{background:#5c100f!important;transform:none!important}
.sc-content .sci-btn--secondary,
.sc-content .sci-btn--ghost{
  background:#fff!important;
  color:#111!important;
  border:1px solid #ddd!important;
}
.sc-content .sci-btn--secondary:hover,
.sc-content .sci-btn--ghost:hover{background:#f3f3f3!important}
.sc-content .sci-note{
  background:#f6f6f6!important;
  border-radius:8px!important;
  color:#666!important;
  font-size:11.5px!important;
}
.sc-content .sci-panel{padding:20px!important;margin-bottom:18px!important}
.sc-content .sci-panel--muted{background:#fafafa!important}

.sc-empty{min-height:420px;display:flex;align-items:center;justify-content:center;padding:28px}
.sc-empty-card{width:min(560px,100%);padding:34px;border:1px solid #ddd;border-radius:12px;background:#fff;text-align:center}
.sc-empty-card h1{margin:0 0 8px;font:700 28px/1.1 'Oswald','Arial Narrow',Arial,sans-serif;color:#111}
.sc-empty-card p{margin:0;color:#777;line-height:1.5}
.sc-footer{padding:18px 28px 30px;color:#888;font-size:11px;text-align:center}

@media(max-width:782px){
  .sc-topbar-inner{min-height:78px;padding:0 16px}
  .sc-brand{font-size:27px}
  .sc-nav{top:78px;min-height:66px;padding:0 12px;gap:4px}
  .sc-nav a{min-height:58px;padding:0 12px;font-size:14px}
  .sc-main{padding-top:66px}
  .sc-content .sci-wrap{padding:18px 14px 36px!important}
}


/* v1.0.3 — header más compacto y no fijo */
.sc-topbar{
  position:relative!important;
  top:auto!important;
  min-height:58px!important;
  height:auto!important;
  backdrop-filter:none!important;
}
.sc-topbar-inner{
  min-height:58px!important;
  padding:0 28px!important;
}
.sc-brand{
  gap:9px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.sc-brand-mark{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  font-size:14px!important;
  box-shadow:0 5px 12px rgba(186,24,28,.15)!important;
}
.sc-nav{
  gap:2px!important;
}
.sc-nav a{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:13px!important;
  border-radius:0!important;
}
.sc-nav a.is-active{
  background:transparent!important;
  color:#ba181c!important;
  box-shadow:inset 0 -2px 0 #ba181c!important;
}

/* Si la navegación está en una segunda franja, también la compactamos */
.sc-section-nav,
.sc-menu-bar,
.sc-nav-row{
  min-height:52px!important;
}

/* Menos aire arriba del contenido */
.sc-content .sci-wrap{
  padding-top:22px!important;
}

@media(max-width:782px){
  .sc-topbar-inner{
    min-height:auto!important;
    padding:10px 14px!important;
  }
  .sc-brand{font-size:14px!important}
  .sc-brand-mark{width:32px!important;height:32px!important;font-size:13px!important}
  .sc-nav a{min-height:32px!important;font-size:12.5px!important;padding:0 10px!important}
}

/* v1.0.4: header unido, sin hueco entre título y navegación */
@media(max-width:782px){
  .sc-brand{min-height:58px;padding:0 18px;font-size:20px}
  .sc-nav{min-height:48px;padding:0 18px}
  .sc-nav a{min-height:48px;padding:0 12px;font-size:13px}
}