/*
Theme Name: Zenial360
Theme URI: https://zenial360.com
Author: Zenial360
Description: Tema de bloques para Zenial360 — mantenimiento inteligente. Todo el contenido (textos, botones, enlaces, menú, logo, pie de página y formulario) se edita desde WordPress: Páginas, Apariencia › Editor y Ajustes › Zenial360.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zenial360
*/

/* =========================================================
   VARIABLES
   ========================================================= */
:root{
  --ink:#07172f;--ink2:#0b2855;--blue:#0758b7;--blue2:#087bd5;--cyan:#18a9d6;
  --green:#29c94f;--green2:#77dc38;--lime:#b3ed43;--white:#fff;--soft:#f4f8fc;
  --line:#dce7f2;--text:#17385f;--muted:#647995;
  --shadow:0 20px 60px rgba(7,35,72,.13);--radius:22px;--max:1180px;
}

html{scroll-behavior:smooth}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3,.wp-site-blocks h4,
.wp-site-blocks p,.wp-site-blocks figure,
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,
.editor-styles-wrapper p{margin-top:0;margin-bottom:0}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(var(--max),92%);margin-left:auto;margin-right:auto}
[id]{scroll-margin-top:84px}

/* =========================================================
   BOTONES (bloque Botón de WordPress)
   ========================================================= */
.wp-block-button .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:49px;padding:0 21px;border-radius:11px;border:0;
  font-weight:750;font-size:13px;line-height:1.2;cursor:pointer;transition:.22s;
  color:#fff;background:linear-gradient(135deg,#22c64e,#0878d4);
  box-shadow:0 14px 35px rgba(8,117,188,.28);text-decoration:none
}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-3px);color:#fff}
.wp-block-button.btn-ghost .wp-block-button__link{
  color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);box-shadow:none
}
.wp-block-button.btn-light .wp-block-button__link{
  color:var(--blue);background:#fff;border:1px solid var(--line);box-shadow:none
}

/* =========================================================
   ENCABEZADO
   ========================================================= */
.header{
  position:fixed;z-index:1000;top:0;left:0;right:0;
  background:rgba(4,13,25,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.admin-bar .header{top:32px}
@media(max-width:782px){.admin-bar .header{top:46px}}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;color:#fff}
.brand-logo img{
  width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.2)
}
.footer .brand-logo img{width:44px;height:44px}
.brand-text{font-size:29px;font-weight:800;letter-spacing:-1.7px;line-height:1;color:#fff}
.brand-text a{color:#fff}
.brand-text em{font-style:normal;font-weight:400;color:#dcecff}
.nav-right{display:flex;align-items:center;gap:27px}

.header .wp-block-navigation{color:#dbe8f7;font-size:13px;font-weight:650}
.header .wp-block-navigation .wp-block-navigation-item__content{position:relative;color:#dbe8f7}
.header .wp-block-navigation .wp-block-navigation-item__content:after{
  content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green);transition:.25s
}
.header .wp-block-navigation .wp-block-navigation-item__content:hover:after{right:0}
.header .wp-block-navigation__responsive-container-open,
.header .wp-block-navigation__responsive-container-close{color:#fff}
.header .wp-block-navigation__responsive-container.is-menu-open{background:#050f1c;color:#fff}
.header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#fff;font-size:18px;padding:8px 0}
.header .nav-cta .wp-block-button__link{min-height:40px;padding:0 17px;border-radius:10px;box-shadow:0 8px 22px rgba(17,164,91,.2)}
.header .nav-cta .wp-block-button__link:hover{transform:none;filter:brightness(1.08)}

/* =========================================================
   HERO
   ========================================================= */
.hero{
  min-height:850px;padding:150px 0 90px;position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 84% 18%,rgba(31,191,208,.23),transparent 24%),
    radial-gradient(circle at 70% 88%,rgba(45,210,76,.20),transparent 30%),
    linear-gradient(135deg,#04132b 0%,#082a59 52%,#074d7f 100%)
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:50px 50px;
  -webkit-mask-image:linear-gradient(to right,transparent 20%,black 70%);
  mask-image:linear-gradient(to right,transparent 20%,black 70%)
}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px}
.hero .hero-kicker{
  display:inline-flex;align-items:center;gap:9px;padding:7px 11px;
  border:1px solid rgba(126,221,56,.3);border-radius:99px;
  background:rgba(100,210,60,.07);color:#a4ef75;font-size:10px;
  letter-spacing:1.7px;font-weight:800;margin-bottom:21px
}
.hero .hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}
.hero h1{
  font-size:clamp(43px,5.3vw,73px);line-height:1.02;letter-spacing:-3.6px;font-weight:800;
  max-width:730px;margin-bottom:25px;color:#fff
}
.hero h1 em{font-style:normal;color:var(--green2)}
.hero .hero-lead{font-size:18px;color:#c9d9ea;max-width:650px;margin-bottom:32px}
.hero .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.hero .hero-stats{display:flex;gap:32px;margin-top:40px}
.hero .hero-stat{padding-left:13px;border-left:2px solid rgba(110,220,64,.7)}
.hero .hero-stat .z-title{font-size:14px}
.hero .hero-stat .z-sub{color:#9eb3cb;font-size:11px}

/* ---------- MOCKUP DEL PRODUCTO (bloque HTML personalizado) ---------- */
.mockup-wrap{position:relative;perspective:1200px}
.mockup{
  position:relative;background:#f6f9fc;border:8px solid #0b2447;border-radius:20px;
  box-shadow:0 35px 80px rgba(0,0,0,.36);transform:rotateY(-5deg) rotateX(2deg);overflow:hidden;color:var(--text)
}
.mock-top{height:39px;background:#e9eff6;display:flex;align-items:center;padding:0 12px;gap:6px}
.mock-top i{width:7px;height:7px;border-radius:50%;background:#b6c2d0}
.mock-url{margin-left:10px;background:#fff;border-radius:6px;padding:3px 12px;color:#8796a9;font-size:8px;flex:1}
.mock-body{display:grid;grid-template-columns:125px 1fr;min-height:390px}
.mock-side{background:#072754;color:#bcd0e8;padding:17px 11px}
.mock-side-logo{font-size:17px;font-weight:800;color:#fff;margin-bottom:22px}
.mock-side-logo span{color:#63d83c}
.side-link{padding:9px 8px;border-radius:6px;font-size:8px;margin-bottom:4px}
.side-link.active{background:#0b5eaf;color:#fff}
.mock-main{padding:18px;background:#f8fafc}
.mock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.mock-heading h3{font-size:17px;color:#17385f;margin:0}.mock-heading span{font-size:8px;color:#6b7c91}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kpi{background:#fff;border:1px solid #e1e8ef;border-radius:9px;padding:10px}
.kpi small{display:block;color:#8291a3;font-size:7px}.kpi strong{font-size:19px;display:block;margin:2px 0}.kpi em{font-size:7px;color:#22a946;font-style:normal}
.panel-row{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:10px}
.panel{background:#fff;border:1px solid #e1e8ef;border-radius:9px;padding:11px;position:relative}
.panel-title{font-size:8px;font-weight:750;color:#4b627e;margin-bottom:8px}
.chart{height:110px;display:flex;align-items:flex-end;gap:7px;padding:4px 7px 0}
.bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#1cbcc2,#0876ce)}
.bar:nth-child(1){height:42%}.bar:nth-child(2){height:57%}.bar:nth-child(3){height:50%}
.bar:nth-child(4){height:75%}.bar:nth-child(5){height:64%}.bar:nth-child(6){height:88%}.bar:nth-child(7){height:78%}
.donut-mini{
  width:90px;height:90px;border-radius:50%;margin:4px auto;position:relative;
  background:conic-gradient(#1bb9aa 0 66%,#f4be2a 66% 84%,#ed4e4e 84%);display:grid;place-items:center
}
.donut-mini:after{content:"";width:57px;height:57px;border-radius:50%;background:#fff;position:absolute}
.donut-mini span{z-index:1;font-weight:800;font-size:13px;color:#17385f}
.order-list{margin-top:10px;background:#fff;border:1px solid #e1e8ef;border-radius:9px;padding:11px}
.order{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf1f5;font-size:7px}
.order:last-child{border-bottom:0}.tag{padding:3px 6px;border-radius:10px;background:#e9fff0;color:#16973a}
.float-card{
  position:absolute;background:#fff;border:1px solid #e3edf6;border-radius:13px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);padding:12px 15px;color:var(--text)
}
.float-card.one{right:-30px;top:18%;width:150px}
.float-card.two{left:-45px;bottom:12%;width:170px}
.float-card small{display:block;font-size:8px;color:#718198}.float-card strong{font-size:20px}.float-card .up{color:#1eaf46;font-size:8px}

/* =========================================================
   FRANJA DE BENEFICIOS
   ========================================================= */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}
.trust-item{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust .trust-icon{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eaf8ed;color:#18a742;display:grid;place-items:center;font-weight:900}
.trust .z-title{font-size:11px}.trust .z-sub{color:#8191a5;font-size:9px}

/* =========================================================
   SECCIONES
   ========================================================= */
.section{padding:96px 0}
.section-head{max-width:760px;margin-bottom:48px}
.wp-site-blocks .kicker,.editor-styles-wrapper .kicker{display:block;color:#0b78c9;letter-spacing:1.8px;font-weight:850;font-size:10px;margin-bottom:10px}
.section h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-2px;color:var(--ink);margin-bottom:15px;font-weight:800}
.section h2 em{font-style:normal;color:#18a64a}
.section-head p:not(.kicker){font-size:16px;color:var(--muted)}
.section .lead-muted{color:var(--muted);font-size:15px}
.center{text-align:center;margin-left:auto;margin-right:auto}

/* ---------- SERVICIOS ---------- */
.services{background:#f7fafd}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service{
  position:relative;padding:30px;border-radius:var(--radius);background:#fff;
  border:1px solid var(--line);box-shadow:0 8px 30px rgba(8,43,85,.05);transition:.25s;overflow:hidden
}
.service:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.service.featured{background:linear-gradient(145deg,#062958,#075da3);color:#fff}
.service:before{content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;border-radius:50%;background:rgba(49,201,79,.08)}
.service.featured:before{background:rgba(109,220,57,.13)}
.service .service-icon{position:relative;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:25px;background:#eaf5ff;margin-bottom:20px}
.service.featured .service-icon{background:rgba(91,221,76,.15)}
.service h3{font-size:20px;margin-bottom:10px;font-weight:800}
.service .service-desc{font-size:13px;color:var(--muted);min-height:82px}
.service.featured .service-desc{color:#c5d9ec}
.service .service-link{font-size:11px;font-weight:800;color:#0878c9}
.service.featured .service-link{color:#79df3c}
.service .new{position:absolute;right:17px;top:17px;background:#39ca51;color:#073c18;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:900;z-index:1}

/* ---------- PLATAFORMA ---------- */
.feature-section{background:#fff}
.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}
.check-list{display:grid;gap:14px;margin:28px 0}
.check{display:flex;gap:12px;align-items:flex-start}
.check .check-icon{flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8faed;color:#16a544;font-weight:900;font-size:12px}
.check .z-title{font-size:14px}.check .z-sub{color:var(--muted);font-size:12px}
.feature-panel{border-radius:24px;background:linear-gradient(145deg,#071d3e,#0b4e86);padding:18px;box-shadow:var(--shadow);position:relative;color:var(--text)}
.feature-panel-inner{background:#f7fafc;border-radius:15px;padding:18px}
.fp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.fp-head b{font-size:13px}.fp-head span{font-size:9px;color:#21a849}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fp-box{background:#fff;border:1px solid #e2e9f1;border-radius:11px;padding:13px}.fp-box h4{font-size:10px;margin:0 0 8px}
.fp-number{font-size:26px;font-weight:800;color:#0a3970}
.progress{height:6px;background:#e8eef4;border-radius:10px;overflow:hidden;margin-top:9px}
.progress i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#23c94e,#0b83d2)}
.fp-table{margin-top:10px;background:#fff;border:1px solid #e2e9f1;border-radius:11px;padding:11px}
.fp-row{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:8px}
.fp-row:last-child{border-bottom:0}.pill{font-size:7px;padding:3px 6px;border-radius:20px;background:#eafbef;color:#199d40}

/* ---------- CÓMO FUNCIONA ---------- */
.process{background:#f5f9fd}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.process-card{text-align:center;padding:25px 17px;position:relative}
.process-card:not(:last-child):after{content:"→";position:absolute;right:-12px;top:38px;color:#1fae52;font-size:22px;font-weight:800}
.process-card .process-number{width:58px;height:58px;border-radius:50%;margin:0 auto 17px;background:linear-gradient(135deg,#0a68c8,#23bf54);color:#fff;display:grid;place-items:center;font-weight:850;font-size:19px;box-shadow:0 12px 25px rgba(9,111,185,.18)}
.process-card h3{font-size:15px;margin-bottom:7px;font-weight:800}
.process-card p:not(.process-number){font-size:11px;color:var(--muted)}

/* ---------- TESTIMONIOS ---------- */
.testimonials{background:#fff}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.testimonial{padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}
.testimonial .quote{font-size:33px;line-height:.8;color:#24bd4d;font-weight:900}
.testimonial .stars{color:#f3b51b;letter-spacing:2px;font-size:12px;margin:9px 0}
.testimonial .testimonial-text{font-size:13px;color:#435d79;min-height:105px}
.person{display:flex;gap:11px;align-items:center;border-top:1px solid #edf1f5;padding-top:15px}
.person .avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0b5fb9,#27c84f);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}
.person .z-title{font-size:11px}.person .z-sub{font-size:9px;color:#8191a5}
.testimonials .test-note{text-align:center;color:#98a5b5;font-size:10px;margin-top:20px}

/* ---------- LLAMADO A LA ACCIÓN ---------- */
.cta{padding:0 0 96px;background:#fff}
.cta-box{
  position:relative;overflow:hidden;border-radius:27px;padding:58px;
  background:linear-gradient(120deg,#071a38,#07508a);color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:35px
}
.cta-box:after{content:"";position:absolute;right:-80px;top:-180px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(72,211,66,.3),transparent 68%);pointer-events:none}
.cta-box h2{position:relative;z-index:2;color:#fff;font-size:clamp(28px,4vw,43px);line-height:1.1;font-weight:800;max-width:700px;margin-bottom:10px}
.cta-box p{position:relative;z-index:2;color:#c9daea;font-size:14px}
.cta-box .wp-block-buttons{position:relative;z-index:3;flex-shrink:0}
.cta-box .wp-block-button__link{white-space:nowrap}

/* ---------- CONTACTO ---------- */
.contact{background:#f5f9fd}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.contact-info{display:grid;gap:12px;margin-top:25px}
.contact-info p{font-size:13px;font-weight:650}
.contact-info a:hover{color:#0878c9}
.contact-form{background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(8,42,80,.07)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;font-weight:750;margin-bottom:5px;color:#4e6782}
.field input,.field textarea{width:100%;box-sizing:border-box;border:1px solid #d9e4ef;border-radius:9px;padding:12px 13px;outline:none;background:#fbfdff;color:var(--text);font:inherit;font-size:14px}
.field input:focus,.field textarea:focus{border-color:#1686d1;box-shadow:0 0 0 3px rgba(8,123,213,.08)}
.contact-form .z-submit{
  width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 21px;
  border-radius:11px;border:0;font:inherit;font-weight:750;font-size:13px;cursor:pointer;transition:.22s;
  color:#fff;background:linear-gradient(135deg,#22c64e,#0878d4);box-shadow:0 14px 35px rgba(8,117,188,.28)
}
.contact-form .z-submit:hover{transform:translateY(-3px)}
.form-message{font-size:12px;color:#1a9b42;font-weight:700;margin-top:12px;display:block}
.form-message.is-error{color:#c62f2f}
.z-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* =========================================================
   PIE DE PÁGINA
   ========================================================= */
.footer{background:#040d1a;color:#a9b9cc;padding:42px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer .brand-text{font-size:24px}
.footer-brand > p{font-size:11px;max-width:300px;margin-top:8px}
.footer h4{font-size:11px;color:#fff;margin-bottom:13px;font-weight:700}
.footer-col p{font-size:11px;margin:6px 0}
.footer a:hover{color:#75db3e}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:9px;color:#718399}

/* =========================================================
   PÁGINAS INTERNAS Y ENTRADAS
   ========================================================= */
.z-page{padding:140px 0 90px;min-height:60vh;background:#fff}
.z-page .z-page-title{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;color:var(--ink);margin-bottom:28px;font-weight:800}
.z-page-content > * + *{margin-top:1.1em!important}
.z-page-content h2,.z-page-content h3{color:var(--ink);margin-top:1.6em!important}
.z-page-content a{color:#0878c9;text-decoration:underline}
.z-page-content ul,.z-page-content ol{padding-left:1.4em}
.z-post-card{padding:26px 0;border-bottom:1px solid var(--line)}
.z-post-card h2{font-size:26px;color:var(--ink);margin-bottom:6px}
.z-post-card .wp-block-post-date{font-size:12px;color:var(--muted);margin-bottom:8px}

/* =========================================================
   ANIMACIÓN AL APARECER (solo en la web publicada)
   ========================================================= */
.z-js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.z-js .reveal.visible{opacity:1;transform:none}
.z-js .service.reveal.visible:hover{transform:translateY(-7px)}

/* =========================================================
   AJUSTES DENTRO DEL EDITOR DE WORDPRESS
   ========================================================= */
.editor-styles-wrapper .header{position:relative;top:0}
.editor-styles-wrapper .hero{padding-top:90px;min-height:0}
.editor-styles-wrapper .z-page{padding-top:40px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1050px){
  .nav-right{gap:16px}
  .header .wp-block-navigation .wp-block-navigation__container{gap:16px}
  .hero-grid{gap:35px}
  .float-card.one{right:-10px}.float-card.two{left:-10px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .brand-text{font-size:25px}
}
@media(max-width:850px){
  .nav{height:70px}
  .hero{padding-top:125px;min-height:auto}
  .hero-grid,.feature-grid,.contact-grid{grid-template-columns:1fr}
  .hero-copy{padding-bottom:20px}.mockup-wrap{max-width:720px;margin:auto}
  .feature-grid{gap:35px}
  .trust-inner{grid-template-columns:repeat(2,1fr)}
  .trust-item{border-bottom:1px solid var(--line);padding:12px}
  .process-grid{grid-template-columns:repeat(2,1fr)}.process-card:nth-child(2):after{display:none}
  .cta-box{padding:42px 30px;display:block}.cta-box .wp-block-buttons{margin-top:23px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .header .wp-block-navigation{font-size:12px}
  .header .nav-cta .wp-block-button__link{padding:0 12px;font-size:12px}
}
@media(max-width:620px){
  .container{width:min(92%,500px)}
  .brand-logo img{width:45px;height:45px}
  .hero{padding:115px 0 60px}.hero h1{font-size:43px;letter-spacing:-2px}.hero .hero-lead{font-size:15px}
  .hero .hero-stats{gap:15px;flex-wrap:wrap}.hero .hero-stat{min-width:95px}
  .hero .hero-buttons .wp-block-button{width:100%}.hero .hero-buttons .wp-block-button__link{width:100%}
  .mockup{border-width:5px;transform:none}.mock-body{grid-template-columns:85px 1fr;min-height:300px}
  .mock-side{padding:10px 6px}.side-link{font-size:6px;padding:7px 5px}.mock-main{padding:10px}
  .kpi-grid{grid-template-columns:1fr 1fr}.kpi strong{font-size:16px}.panel-row{grid-template-columns:1fr}
  .panel{min-height:130px}.donut-mini{width:75px;height:75px}.donut-mini:after{width:48px;height:48px}
  .float-card{display:none}
  .trust-inner{grid-template-columns:1fr 1fr}.trust-item{justify-content:flex-start}
  .service-grid,.test-grid{grid-template-columns:1fr}.section{padding:70px 0}
  .section h2{letter-spacing:-1px}
  .process-grid{grid-template-columns:1fr}
  .process-card:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-17px}
  .process-card{padding:20px}.process-card:nth-child(2):after{display:block}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom p{margin-top:7px}
  .nav-right{gap:12px}
}
@media(max-width:420px){
  .header .brand-text{display:none}
}

/* Ajustes finales */
.pill{justify-self:start}
.wp-site-blocks .alignfull,.editor-styles-wrapper .alignfull{max-width:none;width:100%;margin-left:0!important;margin-right:0!important}
@media(max-width:600px){
  .nav-right .nav-cta{order:-1}
  .nav-right{gap:14px}
}

/* Selector de idioma ES · EN */
.lang-switch-wrap{line-height:1}
.lang-switch{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:9px;overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.6px}
.lang-switch a{padding:7px 9px;color:#9fb3cb;transition:.2s}
.lang-switch a:hover{color:#fff;background:rgba(255,255,255,.08)}
.lang-switch a.is-active{color:#fff;background:linear-gradient(135deg,#22c64e,#0878d4)}
@media(max-width:600px){.lang-switch a{padding:6px 7px}}
@media(max-width:600px){
  .nav-right .nav-cta{order:1}
  .nav-right .lang-switch-wrap{order:2}
  .nav-right .wp-block-navigation{order:3}
  .header .nav-cta .wp-block-button__link{white-space:nowrap}
}
@media(max-width:420px){
  .header .nav-cta .wp-block-button__link{font-size:11px;padding:0 10px;min-height:36px}
  .hero h1{font-size:36px;letter-spacing:-1.5px}
}