/* Queseo Aizome · capa de adaptación a WordPress. Lo que no estaba en los prototipos:
   reinicios del lienzo de bloques, contenido de artículos, mapa, analizador y estados de formulario. */

body{margin:0}
.wp-site-blocks{padding:0}
.wp-site-blocks > *{margin-block-start:0}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qs-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
:where(section,[id]){scroll-margin-top:72px}
img{max-width:100%}

/* ── Formularios ── */
.err.qs-fallo{font-size:14px;padding:10px 12px;border:1px solid #FF8A6E;background:rgba(255,90,54,.08)}
button[disabled].cta{opacity:.65;cursor:progress}
.cx-form .consent{font-size:13px}
.subscribe .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--fg-2)}
.subscribe .consent input{flex:none;width:18px;height:18px;min-height:0;padding:0;margin-top:2px;accent-color:var(--cobalt)}
.consent a{color:var(--cyan,#56D7FF)}

/* ── Blog: categorías como enlaces, miniaturas con imagen destacada ── */
a.chip{text-decoration:none;color:inherit}
form.bsearch{margin:0}
.pthumb.con-foto{height:auto;aspect-ratio:9/5;overflow:hidden;background:var(--ink)}
.pthumb.con-foto img{width:100%;height:100%;object-fit:cover;image-rendering:auto;display:block}
.post a:hover .pthumb.con-foto img{transform:scale(1.04)}
.pthumb.con-foto img{transition:transform .4s var(--ease)}
.feat-art img.ft{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.pager .dots{border-color:transparent}
.pager a:hover{border-color:var(--fg)}

/* ── Artículos y páginas de texto ── */
.layout.sin-indice{grid-template-columns:minmax(0,1fr);justify-items:center}
.layout.sin-indice .article{width:100%}
.prosa > :first-child{margin-top:0}
.prosa h2{font-size:clamp(28px,4.4vw,38px);margin:44px 0 14px;scroll-margin-top:80px}
.prosa h3{font-family:var(--serif);font-size:23px;line-height:1.25;margin:28px 0 10px;scroll-margin-top:80px}
.prosa h4{font-family:var(--serif);font-size:19px;margin:22px 0 8px}
.prosa p{margin:0 0 16px;color:var(--fg-2)}
.prosa > p:first-of-type{font-size:1.1em;color:var(--fg)}
.prosa a{color:var(--cyan);text-underline-offset:3px}
.prosa a:hover{color:#fff}
.prosa strong,.prosa b{color:var(--fg)}
.prosa ul,.prosa ol{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.prosa ul > li{position:relative;padding-left:40px;color:var(--fg-2)}
.prosa ul > li::before{content:"";position:absolute;left:0;top:2px;width:28px;height:28px;background:url(../img/px8/sc1.png) center/28px no-repeat;image-rendering:pixelated}
.prosa ol{counter-reset:q}
.prosa ol > li{counter-increment:q;position:relative;padding:12px 14px 12px 60px;border:1px solid var(--line);background:var(--ink-2);color:var(--fg)}
.prosa ol > li::before{content:counter(q);position:absolute;left:12px;top:8px;width:36px;height:36px;display:grid;place-items:center;background:url(../img/px8/med-on.png) center/36px no-repeat;image-rendering:pixelated;font:400 13px/1 'DotGothic16',monospace;color:#fff}
.prosa li ul,.prosa li ol{margin:10px 0 0}
.prosa blockquote{margin:22px 0;padding:6px 8px;border:21px solid transparent;border-image:url(../img/px8/marco-azul.png) 21 fill / 21px / 0 repeat}
.prosa blockquote p{color:var(--fg);margin:0 0 8px}
.prosa blockquote p:last-child{margin:0}
.prosa blockquote cite{font-size:14px;color:var(--cyan);font-style:normal}
.prosa img,.prosa video{max-width:100%;height:auto}
.prosa figure{margin:26px 0}
.prosa figure img{display:block;border:1px solid var(--line)}
.prosa figcaption{margin-top:8px;font-size:13px;color:var(--fg-3);text-align:center}
.prosa .aligncenter{margin-inline:auto;text-align:center}
.prosa .aligncenter img{margin-inline:auto}
.prosa .alignleft{float:left;margin:4px 20px 12px 0;max-width:50%}
.prosa .alignright{float:right;margin:4px 0 12px 20px;max-width:50%}
.prosa iframe{max-width:100%}
.prosa .wp-block-embed__wrapper iframe,.prosa iframe[src*="youtube"],.prosa iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
.prosa table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px;display:block;overflow-x:auto}
.prosa th,.prosa td{border:1px solid var(--line-2);padding:10px 12px;text-align:left;vertical-align:top}
.prosa th{background:var(--ink-2);font-family:var(--serif)}
.prosa code{font:400 .9em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ink-2);padding:2px 6px;border:1px solid var(--line)}
.prosa pre{background:var(--ink-2);border:1px solid var(--line);padding:16px;overflow:auto;font-size:15px}
.prosa pre code{background:none;border:0;padding:0}
.prosa hr{border:0;height:3px;margin:34px 0;background:repeating-linear-gradient(90deg,var(--line-2) 0 4px,transparent 4px 8px)}
.prosa details{border:1px solid var(--line);background:var(--ink-2);margin-bottom:10px}
.prosa details summary{cursor:pointer;padding:16px 18px;font-family:var(--serif);font-weight:800;font-size:19px}
.prosa details > :not(summary){padding:0 18px 18px;margin:0}
.prosa .wp-block-button__link,.prosa .wp-element-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:var(--cta);color:#fff;font-weight:700;text-decoration:none;border:0;border-radius:0}
.prosa .wp-block-button__link:hover{background:var(--cta-2);color:#fff}
.prosa::after{content:"";display:block;clear:both}
.article .authorbox{margin-top:44px}
.share .ghost{text-decoration:none}
.tocbtn[disabled]{visibility:hidden}
/* texto libre dentro de una sección de diseño */
section .wrap > .prosa{margin-top:22px;max-width:70ch;font-size:17px;line-height:1.7}
.deliver .prosa p{color:#3A4670}
.deliver .prosa strong{color:#0B1640}
.deliver .gets span{color:#0B1640}
.gets strong{font-weight:700}

/* ── Sección con tarjetas: tantas columnas como tarjetas, hasta cuatro ── */
@media (min-width:900px){
  .scope{grid-template-columns:repeat(min(var(--n,4),4),minmax(0,1fr))}
}
.hero .ghost{color:var(--fg)}
.hpanel p:last-child{margin-bottom:0!important}

/* ── Mapa y datos del negocio (portada) ── */
.local{padding:70px 16px 90px;display:grid;justify-items:center;gap:14px;text-align:center}
.local .lede{margin:0;max-width:52ch;color:var(--fg-2)}
.local-box{width:min(1100px,100%);margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:left;border:21px solid transparent;border-image:url(../img/px8/marco-azul.png) 21 fill / 21px / 0 repeat}
.local-map{position:relative;min-height:320px;background:radial-gradient(circle at 50% 55%,#1B3A9E,#0A1440 70%);display:grid;place-items:center}
.local-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85)}
.local-ver{min-height:48px;padding:0 20px;border:1px solid rgba(170,195,255,.5);background:rgba(7,13,36,.7);color:var(--fg);font-weight:700;cursor:pointer}
.local-nap{font-style:normal;display:grid;gap:10px;align-content:center;padding:26px 22px;color:var(--fg-2)}
.local-nap b{font-family:var(--serif);font-weight:800;font-size:30px;line-height:1;color:var(--fg)}
.local-nap a{color:var(--fg)}
.local-nap a[href^="tel"]{font:400 20px/1.2 'DotGothic16',monospace;color:var(--shu,#56D7FF);text-decoration:none}
.local-nap .ghost{justify-self:start;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(170,195,255,.4);text-decoration:none;font-weight:600;margin-top:6px}
.local-nap .ghost:hover{border-color:var(--fg)}
@media (min-width:900px){
  .local-box{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .local-map{min-height:400px}
}

/* ── Analizador SEO (plugin SEO Analyzer Pro) con el aspecto del tema ── */
.an-plugin .seo-analyzer-form-container{max-width:none;margin:0;padding:0;font-family:inherit}
.an-plugin .seo-form-card{background:none;padding:0;border-radius:0;box-shadow:none}
.an-plugin .seo-form-card > h2,.an-plugin .seo-form-card > p{display:none}
.an-plugin .seo-analyzer-form{display:grid;gap:16px}
.an-plugin .form-group{margin:0;display:grid;gap:8px}
.an-plugin .form-group label{display:block;margin:0;font-weight:700;font-size:15px;color:var(--fg)}
.an-plugin .form-group input{width:100%;min-height:50px;border:1px solid rgba(170,195,255,.28);border-radius:0;background:var(--ink);color:var(--fg);font:inherit;font-size:17px;padding:0 14px;box-shadow:none}
.an-plugin .form-group input::placeholder{color:var(--fg-3)}
.an-plugin .form-group input:focus{outline:none;border-color:#8FB4FF;box-shadow:none}
.an-plugin .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--fg-2)}
.an-plugin .consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#56D7FF}
.an-plugin .form-submit{margin:0}
.an-plugin .form-submit button{width:auto;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--cta);color:#fff;border:0;border-radius:0;font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}
.an-plugin .form-submit button:hover{background:var(--cta-2);opacity:1}
.an-plugin .form-submit button[disabled]{opacity:.7;cursor:progress}
.an-plugin .seo-progress-console{background:#03071A;color:#56D7FF;border:1px solid rgba(170,195,255,.25);border-radius:0;box-shadow:none;font:400 14px/1.5 'DotGothic16',ui-monospace,monospace;margin-top:8px;padding:14px}
.an-plugin #seo-progress-container{border-bottom:1px solid rgba(170,195,255,.2)}
.an-plugin .progress-labels{color:var(--fg-2);font-family:var(--sans)}
.an-plugin .progress-bar-bg{background:#0C1638;border:1px solid rgba(170,195,255,.3);border-radius:0;height:12px}
.an-plugin #seo-progress-bar{background:repeating-linear-gradient(90deg,#56D7FF 0 6px,#2F5BD3 6px 8px)}
.an-plugin .console-header{color:var(--fg-3);font-family:var(--sans);font-size:12px;margin-bottom:8px}
.an-plugin .console-line span{color:inherit}
.an-plugin .console-timestamp{color:var(--fg-3)!important;margin-right:6px}
.an-plugin .seo-message{border-radius:0;margin:0}
.an-plugin .seo-message.success{background:rgba(86,215,255,.1);color:var(--fg);border:1px solid #56D7FF}
.an-plugin .seo-message.error{background:rgba(255,90,54,.1);color:#FFB4A3;border:1px solid #FF8A6E}
.an-plugin #seo-analysis-results{color:var(--fg);display:grid;gap:14px}
.an-plugin #seo-analysis-results h3,.an-plugin #seo-analysis-results h4{font-family:var(--serif);color:var(--fg);margin:0 0 6px}
.an-plugin #seo-analysis-results > *{background:var(--ink);border:1px solid rgba(170,195,255,.18);border-radius:0;padding:16px;color:var(--fg-2);box-shadow:none}
.an-plugin #seo-analysis-results a.seo-btn{background:var(--cta);color:#fff;padding:12px 18px;border-radius:0;font-weight:700}

/* ── Barra de administración ── */
body.admin-bar .readbar{top:32px}
@media (max-width:782px){body.admin-bar .readbar{top:46px}}
@media (max-width:600px){body.admin-bar .readbar{top:0}}

/* Variables que la portada no define y usa esta capa */
body.qs-home{--cyan:#56D7FF;--cobalt:#2F5BD3;--line:rgba(170,195,255,.16);--line-2:rgba(170,195,255,.32)}

/* ── Sección de texto hecha con bloques nativos (grupo «qs-texto») ── */
.qs-texto .wrap.prosa > *{max-width:72ch}
.qs-texto .wrap.prosa > h2.anim{max-width:none;font-size:clamp(32px,6.4vw,54px);margin:0 0 18px}
.qs-texto .wrap.prosa > p.kicker{margin:0 0 10px;color:var(--cyan);font-size:15px}
.qs-texto .wrap.prosa{font-size:17px;line-height:1.7}
.qs-texto .wrap.prosa > p:first-of-type{font-size:inherit;color:var(--fg-2)}
.gets a,.sc a,.torii a,.hpanel a,.lede a,.hint a,.authorbox a,.qa a{color:var(--cyan)}
.deliver .gets a,.deliver .lede a,.deliver .hint a{color:var(--cobalt)}
.deliver .hint{color:#55628C}
.torii-list .torii p:only-of-type{color:var(--fg)}

/* ── Portada: opiniones y texto con lista ── */
.case .case-txt{margin:0;color:var(--fg-2)}
.cases .qs-nota{margin-top:10px;font-size:14px}
.cases .lede a{color:var(--shu,#56D7FF)}
.qs-htexto .plan{width:min(760px,100%);margin-top:20px;text-align:left}
.qs-htexto .cta{margin-top:14px}
@media (max-width:899px){.case-row{grid-auto-columns:84%}}

/* El enlace «ver todos los servicios» centra su texto cuando ocupa dos líneas */
.see-all{text-align:center;justify-content:center}