/*
Theme Name: BlankSlate Help
Theme URI: https://help.likescope.app
Description: Child theme de BlankSlate para el centro de ayuda de Likescope.
Author: Besign Agency
Template: blankslate
Version: 1.0.0
Text Domain: blankslate-help
*/

:root{
  --ls-primary:#009BEB;
  --ls-primary-dark:#007CBD;
  --ls-accent:#FD82E1;
  --ls-text:#1B2A4A;
  --ls-muted:#5C6B85;
  --ls-bg:#EAF6FE;
  --ls-white:#ffffff;
  --ls-border:#CBE7F9;
  --ls-radius:12px;
  --ls-shadow:0 2px 8px rgba(27,42,74,.07);
  --ls-shadow-hover:0 10px 28px rgba(0,155,235,.18);
  --ls-font:'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--ls-font);
  color:var(--ls-text);
  background:var(--ls-white);
  font-size:17px;
  line-height:1.7;
  overflow-x:hidden;
}
img{max-width:100%;height:auto}
a{color:var(--ls-primary);text-decoration:none}
a:hover{text-decoration:underline}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:999}

.ls-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}

/* ---------- Header ---------- */
.ls-header{
  background:var(--ls-white);
  border-bottom:1px solid var(--ls-border);
  position:sticky;top:0;z-index:50;
}
.ls-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:68px;flex-wrap:wrap;
}
.ls-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ls-text)}
.ls-logo:hover{text-decoration:none}
.ls-logo img{height:30px;width:auto;display:block}
.ls-logo-text{font-size:19px;font-weight:400}
.ls-logo-badge{
  font-size:12px;color:var(--ls-primary);background:var(--ls-bg);
  border-radius:999px;padding:2px 10px;
}
.ls-header-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ls-navlink{
  font-size:15px;color:var(--ls-muted);padding:8px 12px;border-radius:8px;
}
.ls-navlink:hover{color:var(--ls-primary);background:var(--ls-bg);text-decoration:none}
.ls-btn{
  display:inline-block;background:var(--ls-primary);color:#fff;
  padding:9px 18px;border-radius:999px;font-size:15px;
  transition:background .15s ease;
}
.ls-btn:hover{background:var(--ls-primary-dark);color:#fff;text-decoration:none}

/* ---------- Hero ---------- */
.ls-hero{
  background:var(--ls-bg);
  padding:72px 0 68px;
  text-align:center;
}
.ls-hero h1{
  margin:0 0 28px;
  font-size:clamp(30px,5vw,48px);
  font-weight:400;
  line-height:1.2;
  color:var(--ls-text);
}
.ls-hero p.ls-hero-sub{margin:-14px 0 28px;color:var(--ls-muted);font-size:17px}

.ls-search{max-width:620px;margin:0 auto;width:100%}
.ls-search form{display:flex;gap:8px;width:100%}
.ls-search input[type="search"],
.ls-search input[type="text"]{
  flex:1 1 auto;min-width:0;
  font-family:var(--ls-font);font-size:16px;
  padding:15px 20px;
  border:1px solid var(--ls-border);
  border-radius:var(--ls-radius);
  background:#fff;color:var(--ls-text);
  box-shadow:var(--ls-shadow);
  outline:none;
}
.ls-search input[type="search"]:focus,
.ls-search input[type="text"]:focus{border-color:var(--ls-primary);box-shadow:0 0 0 3px rgba(0,102,255,.12)}
.ls-search input[type="search"]::placeholder{color:#9a9ab8}
.ls-search button{
  font-family:var(--ls-font);font-size:16px;cursor:pointer;
  background:var(--ls-primary);color:#fff;border:0;
  padding:15px 26px;border-radius:var(--ls-radius);
  transition:background .15s ease;flex:0 0 auto;
}
.ls-search button:hover{background:var(--ls-primary-dark)}

/* ---------- Secciones ---------- */
.ls-section{padding:64px 0}
.ls-section h2{
  font-size:26px;font-weight:400;margin:0 0 8px;color:var(--ls-text);
}
.ls-section .ls-section-sub{margin:0 0 32px;color:var(--ls-muted);font-size:16px}

.ls-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:20px;
}
.ls-card{
  display:block;background:#fff;
  border:1px solid var(--ls-border);
  border-radius:var(--ls-radius);
  padding:26px 24px;
  box-shadow:var(--ls-shadow);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
  color:var(--ls-text);
}
.ls-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--ls-shadow-hover);
  border-color:#c9dcff;
  text-decoration:none;
}
.ls-card h3{margin:0 0 8px;font-size:19px;font-weight:400;color:var(--ls-text)}
.ls-card p{margin:0 0 16px;color:var(--ls-muted);font-size:15px;line-height:1.6}
.ls-count{
  display:inline-block;font-size:13px;color:var(--ls-primary);
  background:var(--ls-bg);border-radius:999px;padding:4px 12px;
}

/* ---------- Listas de artículos ---------- */
.ls-articles{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ls-articles li{margin:0}
.ls-article-item{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  background:#fff;border:1px solid var(--ls-border);border-radius:var(--ls-radius);
  padding:18px 22px;box-shadow:var(--ls-shadow);
  transition:border-color .15s ease,box-shadow .15s ease;
  color:var(--ls-text);flex-wrap:wrap;
}
.ls-article-item:hover{border-color:#c9dcff;box-shadow:var(--ls-shadow-hover);text-decoration:none}
.ls-article-item .ls-article-title{font-size:17px}
.ls-article-item .ls-updated{font-size:13px;color:var(--ls-muted);white-space:nowrap}

/* ---------- Página / artículo ---------- */
.ls-page{padding:48px 0 72px}
.ls-narrow{max-width:760px;margin:0 auto;padding:0 20px}
.ls-breadcrumb{font-size:14px;color:var(--ls-muted);margin:0 0 20px}
.ls-breadcrumb a{color:var(--ls-muted)}
.ls-breadcrumb a:hover{color:var(--ls-primary)}
.ls-page h1.ls-title{
  font-size:clamp(26px,4vw,36px);font-weight:400;line-height:1.25;
  margin:0 0 10px;color:var(--ls-text);
}
.ls-meta{font-size:14px;color:var(--ls-muted);margin:0 0 32px}

.ls-content{font-size:17px;line-height:1.75}
.ls-content h2{font-size:23px;font-weight:400;margin:40px 0 12px;color:var(--ls-text)}
.ls-content h3{font-size:19px;font-weight:400;margin:28px 0 10px;color:var(--ls-text)}
.ls-content p{margin:0 0 18px}
.ls-content ul,.ls-content ol{margin:0 0 20px;padding-left:22px}
.ls-content li{margin:0 0 8px}
.ls-content code{
  background:var(--ls-bg);color:var(--ls-primary);
  padding:2px 7px;border-radius:6px;font-size:.9em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  word-break:break-word;
}
.ls-content pre{background:var(--ls-bg);padding:16px;border-radius:var(--ls-radius);overflow-x:auto}
.ls-content pre code{background:none;padding:0}
.ls-content blockquote{
  margin:0 0 20px;padding:14px 20px;background:var(--ls-bg);
  border-left:3px solid var(--ls-primary);border-radius:0 var(--ls-radius) var(--ls-radius) 0;
}
.ls-content blockquote p:last-child{margin:0}
.ls-content a{text-decoration:underline}
.ls-content img{border-radius:var(--ls-radius)}

.ls-table-wrap{overflow-x:auto;margin:0 0 24px;-webkit-overflow-scrolling:touch}
.ls-content table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.ls-content th,.ls-content td{
  text-align:left;padding:12px 14px;border-bottom:1px solid var(--ls-border);vertical-align:top;
}
.ls-content thead th{background:var(--ls-bg);font-weight:400;color:var(--ls-text);white-space:nowrap}
.ls-content tbody tr:last-child td{border-bottom:0}

/* ---------- Relacionados / footer ---------- */
.ls-related{margin-top:56px;padding-top:32px;border-top:1px solid var(--ls-border)}
.ls-related h2{font-size:19px;font-weight:400;margin:0 0 16px}

.ls-empty{
  background:var(--ls-bg);border-radius:var(--ls-radius);
  padding:32px;text-align:center;color:var(--ls-muted);
}

.ls-footer{
  background:var(--ls-bg);border-top:1px solid var(--ls-border);
  padding:36px 0;margin-top:0;
}
.ls-footer-inner{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;flex-wrap:wrap;font-size:14px;color:var(--ls-muted);
}
.ls-footer-links{display:flex;gap:18px;flex-wrap:wrap}

/* ---------- Responsive ---------- */
@media (max-width:640px){
  body{font-size:16px}
  .ls-header-inner{min-height:0;padding:12px 0;gap:10px}
  .ls-logo img{height:26px}
  .ls-logo-text{font-size:17px}
  .ls-navlink{padding:6px 8px;font-size:14px}
  .ls-btn{padding:8px 14px;font-size:14px}
  .ls-hero{padding:48px 0 44px}
  .ls-search form{flex-direction:column}
  .ls-search button{width:100%}
  .ls-section{padding:44px 0}
  .ls-grid{grid-template-columns:1fr}
  .ls-article-item{flex-direction:column;gap:4px}
  .ls-article-item .ls-updated{white-space:normal}
}

/* Los nombres de herramienta y permiso no se parten a media palabra. */
.ls-content td code,
.ls-content th code{white-space:nowrap;word-break:normal}
.ls-content table td:first-child,
.ls-content table td:nth-child(2){white-space:nowrap}


/* hero con presencia del azul de marca */
.ls-hero{background:linear-gradient(160deg,#EAF6FE 0%,#D6EEFD 100%);}
.ls-hero h1{color:var(--ls-text);}
/* badge "Ayuda" junto al logo */
.ls-badge{background:rgba(0,155,235,.12);color:var(--ls-primary);}
/* tarjetas: borde e icono de acento al pasar */
.ls-cat-card:hover{border-color:var(--ls-primary);}
.ls-count{background:rgba(0,155,235,.12);color:var(--ls-primary-dark);}
/* toque rosa del logo, con moderación */
.ls-hero h1::after{content:"";display:block;width:52px;height:3px;border-radius:2px;
  background:var(--ls-accent);margin:18px auto 0;}

/* =========================================================
   FIX ACABADO PÁGINAS INTERNAS — 2026-08-05
   El contenido del single lo pinta Elementor en
   .elementor-widget-theme-post-content, no en .ls-content:
   las reglas .ls-content de arriba no aplicaban nunca.
   ========================================================= */

.elementor-widget-theme-post-content{
  font-size:17px;
  line-height:1.75;
  color:var(--ls-text);
}

/* --- 2. Jerarquía de encabezados --- */
.elementor-widget-theme-post-content h2{
  font-size:27px;
  font-weight:400;
  line-height:1.25;
  color:var(--ls-text);
  margin:48px 0 14px;
  padding-top:4px;
}
.elementor-widget-theme-post-content h2:first-child{margin-top:8px}
.elementor-widget-theme-post-content h3{
  font-size:21px;
  font-weight:400;
  line-height:1.3;
  color:var(--ls-primary-dark);
  margin:32px 0 10px;
}
.elementor-widget-theme-post-content p{margin:0 0 18px}
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol{margin:0 0 20px;padding-left:22px}
.elementor-widget-theme-post-content li{margin:0 0 8px}

.elementor-widget-theme-post-content code{
  background:var(--ls-bg);color:var(--ls-primary-dark);
  padding:2px 7px;border-radius:6px;font-size:.9em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.elementor-widget-theme-post-content pre{
  background:var(--ls-bg);padding:16px;border-radius:var(--ls-radius);overflow-x:auto;
}
.elementor-widget-theme-post-content pre code{background:none;padding:0}
.elementor-widget-theme-post-content blockquote{
  margin:0 0 20px;padding:14px 20px;background:var(--ls-bg);
  border-left:3px solid var(--ls-primary);
  border-radius:0 var(--ls-radius) var(--ls-radius) 0;
}
.elementor-widget-theme-post-content a{text-decoration:underline}
.elementor-widget-theme-post-content img{border-radius:var(--ls-radius)}

/* --- 1. Tablas --- */
.ls-table-wrap{
  overflow-x:auto;
  margin:0 0 28px;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--ls-border);
  border-radius:var(--ls-radius);
  background:#fff;
}
.elementor-widget-theme-post-content table{
  border-collapse:collapse!important;
  border-spacing:0;
  width:100%;
  min-width:560px;
  font-size:15px;
  line-height:1.6;
  background:#fff;
}
.elementor-widget-theme-post-content th,
.elementor-widget-theme-post-content td{
  text-align:left;
  padding:11px 14px!important;
  border:0;
  border-bottom:1px solid var(--ls-border);
  vertical-align:top;
}
.elementor-widget-theme-post-content thead th{
  background:var(--ls-bg);
  font-weight:400;
  color:var(--ls-text);
  white-space:nowrap;
  border-bottom:1px solid var(--ls-border);
}
.elementor-widget-theme-post-content tbody tr:last-child td{border-bottom:0}
.elementor-widget-theme-post-content tbody tr:hover td{background:rgba(0,155,235,.04)}
/* nombres de herramienta/permiso enteros, sin partirse */
.elementor-widget-theme-post-content td code,
.elementor-widget-theme-post-content th code{
  white-space:nowrap;word-break:normal;
}
.elementor-widget-theme-post-content table td:nth-child(1),
.elementor-widget-theme-post-content table td:nth-child(2){white-space:nowrap}
.elementor-widget-theme-post-content table td:nth-child(3){min-width:260px;white-space:normal}

/* --- 4/5/6. Archivo de categoría: badge, ritmo vertical, migas --- */
.ls-breadcrumb{margin:0 0 14px}
.ls-title{margin:0 0 8px!important}
.ls-archive-desc{margin:0;color:var(--ls-muted);font-size:16px}
.ls-archive-desc p{margin:0}
.elementor-location-archive .elementor-widget-shortcode{margin:0}
.elementor-location-archive .ls-count{margin-top:4px}

/* --- 7. Búsqueda y 404 coherentes --- */
.ls-empty{
  background:var(--ls-bg);
  border:1px solid var(--ls-border);
  border-radius:var(--ls-radius);
  padding:32px;text-align:center;color:var(--ls-muted);
}
.ls-empty a{color:var(--ls-primary-dark);text-decoration:underline}

@media (max-width:640px){
  .elementor-widget-theme-post-content h2{font-size:23px;margin:36px 0 12px}
  .elementor-widget-theme-post-content h3{font-size:19px;margin:26px 0 8px}
  .elementor-widget-theme-post-content table{font-size:14px;min-width:520px}
  .elementor-widget-theme-post-content th,
  .elementor-widget-theme-post-content td{padding:10px 12px!important}
}