/*
Theme Name: Mas que Numeros
Theme URI: https://masquenumeros.com
Template: hello-elementor
Author: Mas que Numeros
Author URI: https://masquenumeros.com
Description: Tema hijo a medida. Consultoria, formacion y desarrollo organizacional para empresas en Barcelona y Catalunya.
Version: 2.3.1
Text Domain: masquenumeros
*/

/* ==========================================================================
   Portado desde mqn-web-estatica (styles.css + navegacion.css)
   ========================================================================== */

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--blue:#086788;--navy:#07324b;--deep:#032b43;--orange:#ff5a0a;--orange-soft:#fff1e9;--pale:#f4f9fb;--line:#cfe0e7;--muted:#4c6675;--white:#fff;--shadow:0 12px 30px #032b4317}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--deep);font-family:var(--font-sans), Arial, sans-serif;background:#fff;margin:0;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}section{scroll-margin-top:90px}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #edf2f4;align-items:center;gap:40px;height:86px;padding:8px clamp(24px,5vw,76px);display:flex;position:sticky;top:0}.logo{width:145px;margin-right:auto;display:block}.logo img{width:100%;height:auto;display:block}.site-header nav{align-items:center;gap:clamp(20px,3vw,44px);font-size:14px;font-weight:700;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--orange)}.button{background:var(--orange);color:#fff;text-transform:uppercase;font:800 14px/1 var(--font-sans);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;display:inline-flex;box-shadow:0 8px 20px #ff5a0a2e}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.button-small{text-transform:none;padding:12px 28px}.eyebrow,.section-kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.hero{background:linear-gradient(100deg,#fff 5%,#f8fbfc 48%,#fff 60%);grid-template-columns:42% 58%;min-height:550px;display:grid}.hero-copy{z-index:2;padding:clamp(46px,6vw,82px) 6vw 32px;position:relative}.hero h1{color:var(--deep);letter-spacing:-.045em;margin-bottom:22px;font-size:clamp(45px,5.2vw,75px);line-height:.98}.hero h1 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{content:"";border-top:4px solid var(--orange);border-radius:60%;height:8px;position:absolute;bottom:-9px;left:-3px;right:-10px;transform:rotate(-2deg)}.hero-question{max-width:310px;font-size:17px;font-weight:700}.hero .button{margin-bottom:24px}.hero-note{border:1px solid var(--line);max-width:510px;box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px;align-items:center;gap:14px;padding:13px 18px;display:flex}.hero-note span{color:var(--orange);font-size:30px}.hero-note p{margin:0;font-size:13px}.hero-image{min-height:550px;position:relative;overflow:hidden}.hero-image:after{content:"";background:linear-gradient(90deg,#fff 0%,#0000 21%);position:absolute;inset:0}.hero-image img{object-fit:cover}.diagnosis{background:var(--pale);border-block:1px solid #e5f0f4;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:54px 6vw;display:grid}.diagnosis-map{min-height:390px;position:relative}.diagnosis-map:before{content:"";border:2px dashed #5d9db5;border-radius:50%;width:285px;height:285px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-center{border:2px dashed var(--blue);text-align:center;z-index:2;background:#fff;border-radius:50%;place-items:center;width:150px;height:150px;padding:18px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-card{border:1px solid var(--line);width:180px;box-shadow:var(--shadow);z-index:3;background:#fff;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex;position:absolute}.map-card span{background:var(--orange-soft);width:25px;height:25px;color:var(--orange);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.map-card h3{color:var(--blue);text-transform:uppercase;margin:0 0 3px;font-size:12px}.map-card p{margin:0;font-size:12px}.map-1{top:0;left:50%;transform:translate(-50%)}.map-2{top:33%;right:0}.map-3{bottom:0;right:4%}.map-4{bottom:0;left:4%}.map-5{top:33%;left:0}.diagnosis-copy h2{letter-spacing:-.03em;max-width:650px;font-size:clamp(27px,3vw,43px);line-height:1.15}.trust-row{gap:32px;margin:28px 0;display:flex}.trust-row span{align-items:center;gap:7px;font-size:14px;display:flex}.trust-row span:before{content:"✓";border:2px solid var(--blue);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.trust-row b{display:block}.cta-panel{text-align:center;background:var(--orange);color:#fff;border-radius:10px;max-width:520px;padding:20px 26px}.cta-panel p{margin-bottom:12px;font-weight:800}.button-outline{box-shadow:none;border:2px solid #fff;padding:11px 18px}.value-section,.method,.proof{padding:28px 6vw 50px}.section-kicker{text-align:center;font-size:18px}.value-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.value-card{border:1px solid var(--line);border-radius:10px;gap:15px;min-height:120px;padding:20px;display:flex;box-shadow:0 4px 15px #032b430a}.value-icon{color:var(--orange);font-size:36px}.value-card h3{color:var(--blue);text-transform:uppercase;margin-bottom:5px;font-size:14px}.value-card p{color:var(--muted);margin:0;font-size:13px}.statement{color:#fff;background:linear-gradient(110deg,var(--deep),#075274);border-radius:9px;justify-content:center;align-items:center;gap:25px;margin-top:20px;padding:22px;display:flex}.statement h2{margin:0;font-size:clamp(25px,3vw,40px)}.statement p{color:#ff7430;margin:0;font-size:18px;font-weight:800}.people-mark{color:var(--orange);letter-spacing:-9px;font-size:28px}.method{text-align:center;padding-top:0}.method>h2{color:var(--blue);font-size:26px}.process-grid{grid-template-columns:repeat(5,1fr);gap:26px;display:grid}.process-card{border:1px solid var(--line);min-height:185px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:20px 14px;position:relative}.process-card:not(:last-child):after{content:"→";color:var(--blue);font-size:24px;position:absolute;top:46%;right:-23px}.step{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid;position:absolute;top:16px;left:14px}.process-symbol{color:var(--blue);height:65px;font-size:45px;display:block}.process-card h3{color:var(--blue);margin:0 0 7px;font-size:15px}.process-card p{color:var(--muted);margin:0;font-size:12px}.tools-title{color:var(--blue);margin:28px 0 12px}.tools-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.tools-grid span{border:1px solid var(--line);min-height:44px;color:var(--blue);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:8px;font-size:13px;font-weight:700;display:flex}.tools-grid b{color:var(--orange);font-size:11px}.catalysts{background:linear-gradient(100deg,#fff,#fff2e8);grid-template-columns:1fr 1.15fr;min-height:310px;display:grid}.catalysts-image{min-height:310px;position:relative}.catalysts-image img{object-fit:cover}.catalysts-copy{flex-direction:column;justify-content:center;padding:40px 6vw 40px 5%;display:flex}.catalysts-copy h2{margin-bottom:8px;font-size:clamp(32px,4vw,52px)}.catalysts-copy h2 em{color:var(--orange);font-style:normal}.catalysts-copy>p:last-child{max-width:620px;color:var(--muted);font-size:18px}.proof{grid-template-columns:260px 1fr;gap:26px;display:grid}.companies-intro{padding:20px 0}.companies-intro h2,.essence h2,.testimonials h2{color:var(--blue);font-size:20px}.companies-intro p,.essence p,.testimonials>p{color:var(--muted);font-size:13px}.company-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.company-grid span{border:1px solid var(--line);color:#75838b;filter:grayscale();background:#fff;border-radius:8px;place-items:center;min-height:55px;font-size:18px;font-weight:750;display:grid}.essence{border:1px solid var(--line);border-radius:10px;min-height:265px;padding:24px;position:relative;overflow:hidden}.mountain{justify-content:center;align-items:flex-end;height:90px;display:flex;position:absolute;bottom:22px;left:30px;right:30px}.mountain span{border-left:46px solid #0000;border-right:46px solid #0000;border-bottom:76px solid var(--blue);width:0;height:0;margin:-16px}.mountain span:nth-child(2){border-bottom-color:var(--orange);z-index:2;border-bottom-width:58px;border-left-width:35px;border-right-width:35px}.mountain span:nth-child(3){border-bottom-color:var(--navy);border-bottom-width:95px}.testimonials{border:1px solid var(--line);border-radius:10px;padding:24px}.testimonial-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}blockquote{min-height:180px;color:var(--muted);border:1px solid #dce9ee;border-radius:8px;flex-direction:column;margin:0;padding:18px;font-size:12px;display:flex}blockquote footer{color:var(--deep);flex-direction:column;margin-top:auto;display:flex}.text-button{text-align:center;border:2px solid var(--orange);width:180px;color:var(--orange);border-radius:7px;margin:16px auto 0;padding:8px;font-weight:800;display:block}.contact{background:linear-gradient(100deg,#fff2e9,#fff);border:1px solid #f0ddd2;border-radius:14px;grid-template-columns:.9fr 1.1fr;gap:45px;margin:0 3vw 12px;padding:36px 3vw;display:grid}.contact h2{margin-bottom:8px;font-size:clamp(32px,4vw,54px)}.contact-form>p{max-width:560px;color:var(--muted)}form label{flex:1;display:block}form label span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.form-row{gap:8px;margin-bottom:8px;display:flex}input,textarea{width:100%;color:var(--deep);font:inherit;background:#fff;border:1px solid #9fb9c4;border-radius:5px;padding:10px 12px}input:focus,textarea:focus{border-color:var(--blue);outline:3px solid #0867882e}textarea{resize:vertical;margin-bottom:10px}form small{color:var(--muted);margin-left:12px}.contact-options{border:1px solid var(--line);background:#ffffffd9;border-radius:12px;padding:24px}.contact-options>h2{font-size:18px}.contact-options article{border-bottom:1px solid #e5eef1;gap:14px;padding:10px 0;display:flex}.contact-options article>b{background:var(--pale);width:33px;height:33px;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.contact-options h3{color:var(--blue);margin:0;font-size:14px}.contact-options p{color:var(--muted);margin:2px 0;font-size:12px}.direct-contact{flex-wrap:wrap;gap:20px;margin-top:20px;font-size:13px;font-weight:750;display:flex}.direct-contact a{color:var(--blue)}.footer{color:#fff;background:var(--deep);grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:38px;padding:34px 6vw 18px;font-size:12px;display:grid}.footer img{background:transparent;border-radius:0;padding:0}.footer h3{color:#fff;text-transform:uppercase;margin-bottom:7px;font-size:12px}.footer a,.footer span{color:#d5e5eb;margin:4px 0;display:block}.copyright{text-align:center;color:#b9cdd4;border-top:1px solid #ffffff26;grid-column:1/-1;margin:10px 0 0;padding-top:14px}@media (max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-image{grid-row:1;min-height:420px}.hero-image:after{background:linear-gradient(#0000 70%,#fff 100%)}.hero-copy{padding-top:10px}.diagnosis{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.process-card:after{display:none}.tools-grid{grid-template-columns:repeat(3,1fr)}.proof{grid-template-columns:1fr}.company-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.site-header{height:72px;padding:7px 18px}.logo{width:112px}.button-small{padding:11px 16px}.hero-image{min-height:320px}.hero-copy{padding:8px 22px 30px}.hero .eyebrow{font-size:11px}.hero h1{font-size:48px}.diagnosis,.value-section,.method,.proof{padding:38px 20px}.diagnosis-map{min-height:650px}.diagnosis-map:before{width:230px;height:230px}.map-1{top:0}.map-2{top:22%;right:0}.map-3{bottom:10%;right:0}.map-4{bottom:0;left:0}.map-5{top:38%;left:0}.map-card{width:158px}.map-center{width:135px;height:135px}.trust-row{flex-direction:column;gap:12px}.value-grid,.process-grid,.tools-grid,.testimonial-grid{grid-template-columns:1fr}.statement{align-items:flex-start}.statement h2{font-size:26px}.catalysts{grid-template-columns:1fr}.catalysts-copy{padding:30px 22px}.company-grid{grid-template-columns:repeat(2,1fr)}.proof{gap:16px}.contact{grid-template-columns:1fr;margin:0;padding:34px 20px}.form-row{flex-direction:column}.form-row label{margin-bottom:8px}.footer{grid-template-columns:1fr 1fr;padding:30px 22px}.footer>div:first-child,.copyright{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ajustes generales de espaciado y navegación - 2026-07-30 */
.hero{margin-bottom:clamp(72px,8vw,128px)}.diagnosis{margin-bottom:clamp(72px,8vw,128px)}.tools-title{margin-top:clamp(72px,8vw,112px)}.site-header nav a[aria-current=page]{color:var(--blue);position:relative}.site-header nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--orange);border-radius:2px}@media (max-width:680px){.hero{margin-bottom:64px}.diagnosis{margin-bottom:64px}.tools-title{margin-top:64px}}

/* Portada a pantalla completa - 2026-07-30 */
.hero{height:calc(100svh - 86px);min-height:calc(100svh - 86px);margin-bottom:0}
.hero-image{min-height:0}
.diagnosis{margin-bottom:0}
@supports not (height:100svh){.hero{height:calc(100vh - 86px);min-height:calc(100vh - 86px)}}
@media (max-width:680px){.hero{height:calc(100svh - 72px);min-height:calc(100svh - 72px);grid-template-rows:36% 64%;margin-bottom:0}.hero-image{min-height:0}.hero-copy{min-height:0;overflow:auto}.diagnosis{margin-bottom:0}@supports not (height:100svh){.hero{height:calc(100vh - 72px);min-height:calc(100vh - 72px)}}}
/* Rediseño hero y diagrama de diagnóstico - 2026-07-30 */
.hero{position:relative;display:block;isolation:isolate;overflow:hidden;background:var(--deep)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,43,67,.96) 0%,rgba(3,43,67,.78) 35%,rgba(3,43,67,.28) 68%,rgba(3,43,67,.06) 100%);z-index:1}
.hero-copy{width:min(760px,62vw);height:100%;padding:clamp(42px,6vw,88px) 6vw;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;z-index:2}
.hero .eyebrow{color:#d9edf3;margin-bottom:18px;text-shadow:0 2px 16px rgba(0,0,0,.22)}
.hero h1{color:#fff;font-size:clamp(60px,7vw,108px);font-weight:900;line-height:.88;letter-spacing:-.055em;margin-bottom:28px;text-shadow:0 5px 28px rgba(0,0,0,.25)}
.hero h1 em{color:var(--orange)}
.hero-question{max-width:440px;color:#fff;font-size:clamp(17px,1.5vw,21px);line-height:1.3;margin-bottom:18px;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.hero-note{max-width:560px;color:var(--deep);background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.5);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.diagnosis{padding-top:clamp(82px,9vw,138px);padding-bottom:clamp(82px,9vw,138px);gap:clamp(48px,7vw,110px)}
.diagnosis-map{min-height:500px;max-width:650px;margin-inline:auto;width:100%}
.diagnosis-map:before{width:350px;height:350px;border:3px solid var(--deep);opacity:.95}
.map-center{width:205px;height:135px;border:0;background:rgba(244,249,251,.96);color:var(--orange);font-size:18px;line-height:1.25;font-weight:900;transform:translate(-50%,-50%) rotate(-2deg);padding:24px;text-shadow:0 1px 0 #fff}
.map-center:before,.map-center:after{content:"";position:absolute;width:28px;height:2px;background:var(--orange);top:50%}
.map-center:before{left:-25px;transform:rotate(10deg)}
.map-center:after{right:-25px;transform:rotate(-10deg)}
.map-card{width:195px;min-height:88px;align-items:center;border:1.5px solid #8aa8b5;border-radius:18px;padding:14px 16px;background:#fff;box-shadow:0 8px 22px rgba(3,43,67,.08)}
.map-card span{width:34px;height:34px;background:transparent;color:var(--blue);font-size:30px;font-weight:500}
.map-card h3{font-size:13px;color:var(--deep);letter-spacing:.025em}
.map-card p{font-size:12px;line-height:1.25;color:var(--deep)}
.map-1{top:0;left:50%;transform:translateX(-50%)}
.map-2{right:0;top:30%}
.map-3{right:8%;bottom:0}
.map-4{left:8%;bottom:0}
.map-5{left:0;top:30%}
@media (max-width:1000px){.hero-copy{width:min(720px,78vw)}.hero h1{font-size:clamp(58px,9vw,90px)}.diagnosis-map{max-width:620px}}
@media (max-width:680px){.hero{display:block}.hero-copy{width:100%;height:100%;padding:34px 22px;overflow:auto}.hero-image{min-height:0}.hero-image:after{background:linear-gradient(90deg,rgba(3,43,67,.94),rgba(3,43,67,.6))}.hero h1{font-size:clamp(48px,15vw,70px);line-height:.9;margin-bottom:20px}.hero .eyebrow{font-size:10px;margin-bottom:12px}.hero-question{font-size:15px;max-width:330px}.hero-note{padding:10px 12px}.diagnosis{padding:72px 20px}.diagnosis-map{min-height:690px}.diagnosis-map:before{width:245px;height:430px}.map-center{width:150px;height:120px;font-size:15px}.map-card{width:155px;min-height:98px;padding:11px}.map-card span{display:none}.map-1{top:0}.map-2{top:21%;right:0}.map-3{right:0;bottom:7%}.map-4{left:0;bottom:0}.map-5{left:0;top:38%}}

/* Jerarquía del titular de diagnóstico - 2026-07-30 */
.hero-note .hero-note-icon{width:64px;height:64px;min-width:64px;background:#e4f2f7;border-radius:50%;display:grid;place-items:center;font-size:0}
.hero-note .hero-note-icon img{display:block;width:54px;height:54px;object-fit:contain}
@media(max-width:680px){.hero-note .hero-note-icon{width:52px;height:52px;min-width:52px}.hero-note .hero-note-icon img{width:44px;height:44px}}

.diagnosis-copy h2{font-weight:800}

/* Iconos definitivos del diagrama - 2026-07-30 */
.map-card .map-icon{display:grid;place-items:center;width:46px;height:46px;min-width:46px;background:transparent;border-radius:0;overflow:visible}
.map-card .map-icon img{display:block;width:46px;height:46px;object-fit:contain}
@media (max-width:680px){.map-card .map-icon{display:grid;width:34px;height:34px;min-width:34px}.map-card .map-icon img{width:34px;height:34px}.map-card{gap:8px}}
/* Segunda serie de iconos ampliada - 2026-07-30 */
.diagnosis-map{max-width:720px;min-height:550px}
.diagnosis-map:before{width:385px;height:385px}
.map-card{width:228px;min-height:108px;padding:16px 18px;gap:14px}
.map-card .map-icon{width:66px;height:66px;min-width:66px}
.map-card .map-icon img{width:66px;height:66px}
.map-card h3{font-size:14px}
.map-card p{font-size:12px}
.map-2{top:29%}.map-5{top:29%}.map-3{right:6%}.map-4{left:6%}
@media (max-width:680px){.diagnosis-map{min-height:720px}.diagnosis-map:before{width:250px;height:445px}.map-card{width:170px;min-height:108px;padding:12px 10px;gap:8px}.map-card .map-icon{display:grid;width:46px;height:46px;min-width:46px}.map-card .map-icon img{width:46px;height:46px}.map-card h3{font-size:12px}.map-card p{font-size:11px}.map-3{right:0}.map-4{left:0}}
/* Flechas del ciclo de diagnóstico - 2026-07-30 */
.diagnosis-map:before{display:none}
.cycle-arrows{position:absolute;inset:0;z-index:1;pointer-events:none}
.cycle-arrow{position:absolute;display:block;border-color:var(--deep);border-style:solid;border-width:0}
.cycle-arrow:after{content:"";position:absolute;width:0;height:0;border-style:solid}
.cycle-arrow-1{left:20%;top:15%;width:105px;height:80px;border-left-width:3px;border-top-width:3px;border-radius:80px 0 0 0;transform:rotate(-8deg)}
.cycle-arrow-1:after{right:-5px;top:-8px;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--deep);transform:rotate(4deg)}
.cycle-arrow-2{right:20%;top:15%;width:105px;height:80px;border-top-width:3px;border-right-width:3px;border-radius:0 80px 0 0;transform:rotate(8deg)}
.cycle-arrow-2:after{right:-8px;bottom:-5px;border-width:10px 6px 0 6px;border-color:var(--deep) transparent transparent transparent;transform:rotate(-8deg)}
.cycle-arrow-3{right:18%;top:47%;width:90px;height:105px;border-right-width:3px;border-bottom-width:3px;border-radius:0 0 80px 0;transform:rotate(-2deg)}
.cycle-arrow-3:after{left:-5px;bottom:-8px;border-width:6px 10px 6px 0;border-color:transparent var(--deep) transparent transparent;transform:rotate(-4deg)}
.cycle-arrow-4{left:39%;bottom:10%;width:150px;height:58px;border-bottom-width:3px;border-radius:0 0 70% 70%;transform:rotate(1deg)}
.cycle-arrow-4:after{left:-7px;bottom:-8px;border-width:6px 10px 6px 0;border-color:transparent var(--deep) transparent transparent;transform:rotate(-8deg)}
.cycle-arrow-5{left:18%;top:47%;width:90px;height:105px;border-left-width:3px;border-top-width:3px;border-radius:80px 0 0 0;transform:rotate(-2deg)}
.cycle-arrow-5:after{right:-5px;top:-8px;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--deep);transform:rotate(4deg)}
@media (max-width:1000px) and (min-width:681px){.cycle-arrow-1{left:17%}.cycle-arrow-2{right:17%}.cycle-arrow-3{right:15%}.cycle-arrow-5{left:15%}.cycle-arrow-4{left:37%}}
@media (max-width:680px){.cycle-arrows{display:none}}
/* Corrección del recorrido circular - 2026-07-30 */
.diagnosis-map{width:min(100%,720px);overflow:visible}
.cycle-arrows{inset:auto;left:50%;top:50%;width:400px;height:400px;border:3px solid var(--deep);border-radius:50%;transform:translate(-50%,-50%);z-index:1}
.cycle-arrow,.cycle-arrow-1,.cycle-arrow-2,.cycle-arrow-3,.cycle-arrow-4,.cycle-arrow-5{width:0;height:0;border:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid var(--deep);border-radius:0;transform:none}
.cycle-arrow:after{display:none}
.cycle-arrow-1{left:78%;top:8%;transform:rotate(48deg)}
.cycle-arrow-2{right:-7px;top:47%;transform:rotate(90deg)}
.cycle-arrow-3{right:17%;bottom:5%;transform:rotate(138deg)}
.cycle-arrow-4{left:47%;bottom:-8px;transform:rotate(180deg)}
.cycle-arrow-5{left:-7px;top:45%;transform:rotate(-90deg)}
.map-2{right:3%;top:29%}.map-5{left:3%;top:29%}.map-3{right:8%}.map-4{left:8%}
@media (max-width:1000px) and (min-width:681px){.cycle-arrows{width:350px;height:350px}.map-2{right:1%}.map-5{left:1%}}
@media (max-width:680px){.cycle-arrows{display:none}.map-2{right:0}.map-5{left:0}.map-3{right:0}.map-4{left:0}}
/* Flechas curvas independientes definitivas - 2026-07-30 */
.cycle-arrows{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;z-index:1;overflow:visible;pointer-events:none}
.cycle-arrows path{fill:none;stroke:var(--deep);stroke-width:3;stroke-linecap:round;marker-end:url(#cycle-arrowhead)}
.cycle-arrows marker path{fill:var(--deep);stroke:none}
.map-2{right:0;top:29%}.map-5{left:0;top:29%}.map-3{right:6%}.map-4{left:6%}
@media (max-width:680px){.cycle-arrows{display:none}.map-2{right:0}.map-5{left:0}.map-3{right:0}.map-4{left:0}}

.cycle-arrows marker path{marker-end:none}

/* Sección de valor y píldora central - 2026-07-30 */
.value-section{padding:clamp(80px,8vw,128px) 6vw clamp(88px,9vw,140px);background:#fff}
.value-section .section-kicker{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 clamp(42px,5vw,70px);color:var(--deep);font-size:clamp(22px,2.1vw,32px);font-weight:900;letter-spacing:.035em}
.value-section .section-kicker:before,.value-section .section-kicker:after{content:"";width:58px;height:3px;background:var(--orange);border-radius:3px}
.value-section .value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1380px;margin:0 auto}
.value-section .value-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:300px;padding:10px clamp(24px,3vw,48px) 38px;text-align:center;border:0;border-radius:0;box-shadow:none;position:relative}
.value-section .value-card:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:22px;width:1px;background:#d7e1e5}
.value-icon-image{display:block;width:clamp(118px,10vw,158px);height:clamp(105px,9vw,142px);margin:0 auto 12px;object-fit:contain}
.value-section .value-card h3{margin:0 0 12px;color:var(--blue);font-size:clamp(16px,1.4vw,21px);font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.value-section .value-card p{max-width:280px;margin:0;color:var(--deep);font-size:clamp(14px,1.05vw,17px);font-weight:600;line-height:1.65}
.value-section .statement{max-width:1240px;min-height:220px;margin:clamp(54px,6vw,88px) auto 0;padding:38px clamp(38px,5vw,72px);display:grid;grid-template-columns:150px 2px 1fr;align-items:center;gap:48px;color:#fff;background:linear-gradient(110deg,#086788 0%,#07587a 72%,#064968 100%);border-radius:28px;box-shadow:0 18px 42px rgba(3,43,67,.13);overflow:hidden;position:relative}
.value-section .statement:after{content:"";position:absolute;right:-55px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,10,.26) 0 2px,transparent 2.5px);background-size:10px 10px;opacity:.75}
.statement-icon{width:130px;height:130px;position:relative;z-index:1}
.statement-icon svg{width:100%;height:100%;fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.statement-divider{width:2px;height:120px;background:var(--orange);position:relative;z-index:1}
.statement-copy{position:relative;z-index:1}
.value-section .statement h2{margin:0 0 14px;color:var(--orange);font-size:clamp(22px,2.3vw,34px);font-weight:900;line-height:1.15}
.value-section .statement p{margin:0;color:#fff;font-size:clamp(25px,3vw,43px);font-weight:850;line-height:1.12}
@media (max-width:900px){.value-section .value-grid{grid-template-columns:repeat(2,1fr);row-gap:38px}.value-section .value-card:nth-child(2):after{display:none}.value-section .statement{grid-template-columns:110px 2px 1fr;gap:30px}.statement-icon{width:96px;height:96px}}
@media (max-width:600px){.value-section{padding:68px 20px 80px}.value-section .section-kicker{gap:12px;font-size:20px}.value-section .section-kicker:before,.value-section .section-kicker:after{width:30px}.value-section .value-grid{grid-template-columns:1fr}.value-section .value-card{min-height:0;padding:12px 10px 38px}.value-section .value-card:after{display:none!important}.value-icon-image{width:130px;height:118px}.value-section .statement{min-height:0;margin-top:42px;padding:30px 24px;grid-template-columns:1fr;gap:20px;text-align:center;border-radius:20px}.statement-icon{width:94px;height:94px;margin:auto}.statement-divider{width:90px;height:2px;margin:auto}.value-section .statement p{font-size:26px}.statement-break{display:none}}

/* Ajuste final de los iconos de valor - 2026-07-30 */
.value-icon-image{width:clamp(140px,12vw,190px);height:clamp(130px,11vw,176px);margin-bottom:16px;object-fit:contain}
@media(max-width:600px){.value-icon-image{width:156px;height:146px}}

/* Icono definitivo de la píldora de itinerarios - 2026-07-30 */
.statement-icon img{display:block;width:100%;height:100%;object-fit:contain}


/* Ampliación del icono de itinerarios - 2026-07-30 */
.value-section .statement{grid-template-columns:175px 2px 1fr}
.value-section .statement .statement-icon{width:165px;height:165px;margin:auto}
@media(max-width:900px){.value-section .statement{grid-template-columns:135px 2px 1fr}.value-section .statement .statement-icon{width:125px;height:125px}}
@media(max-width:600px){.value-section .statement{grid-template-columns:1fr}.value-section .statement .statement-icon{width:118px;height:118px}}


/* Proceso «Cómo te acompañamos» - 2026-07-30 */
.method{padding:clamp(78px,8vw,124px) 6vw clamp(76px,8vw,118px)}
.method>h2{margin:0 0 clamp(44px,5vw,70px);color:var(--deep);font-size:clamp(36px,4.3vw,64px);font-weight:900;line-height:1;text-align:left;letter-spacing:-.04em}
.method>h2 em{color:var(--orange);font-style:normal}
.process-grid{gap:clamp(18px,2vw,30px)}
.process-card{min-height:330px;padding:44px 20px 28px;border-radius:18px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:visible}
.process-card .step{top:-17px;left:-10px;width:42px;height:42px;background:var(--orange);font-size:15px;border:4px solid #fff;box-shadow:0 6px 14px rgba(255,90,10,.2)}
.process-symbol{display:grid;place-items:center;width:118px;height:118px;margin:0 auto 15px}
.process-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.process-card h3{margin:0 0 14px;color:var(--orange);font-size:19px;font-weight:900}
.process-card p{max-width:180px;color:var(--deep);font-size:14px;line-height:1.55}
.process-card:not(:last-child):after{content:"";top:50%;right:-25px;width:24px;height:4px;background:radial-gradient(circle,var(--orange) 2px,transparent 3px);background-size:8px 4px;transform:translateY(-50%)}
@media(max-width:1000px){.process-grid{grid-template-columns:repeat(2,1fr);gap:38px 24px}.process-card:not(:last-child):after{display:none}}
@media(max-width:680px){.method>h2{text-align:center}.process-grid{grid-template-columns:1fr}.process-card{min-height:300px}.process-symbol{width:110px;height:110px}}

/* Compactación y centrado del proceso - 2026-07-30 */
.value-section{padding-bottom:48px}
.method{padding-top:32px}
.method .process-grid{max-width:1120px;margin-inline:auto;grid-template-columns:repeat(5,minmax(0,190px));justify-content:center;gap:24px}
.method .process-card{width:100%;min-height:320px}
.method .process-symbol{width:112px;height:112px}
@media(max-width:1000px){.method .process-grid{max-width:760px;grid-template-columns:repeat(2,minmax(0,260px))}}
@media(max-width:680px){.value-section{padding-bottom:34px}.method{padding-top:24px}.method .process-grid{grid-template-columns:minmax(0,320px)}}

/* Alineación del titular y herramientas con iconos - 2026-07-30 */
.method>h2{width:min(100%,1120px);margin-left:auto;margin-right:auto}
.tools-title{margin:clamp(64px,7vw,96px) auto 28px;color:var(--deep);font-size:clamp(28px,3vw,42px);font-weight:900}
.method .tools-grid{max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.method .tool-card{min-height:170px;padding:20px 14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(3,43,67,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.method .tool-card img{display:block;width:88px;height:88px;object-fit:contain}
.method .tool-card span{color:var(--blue);font-size:14px;font-weight:800;line-height:1.25}
@media(max-width:1000px){.method .tools-grid{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center}}
@media(max-width:680px){.method>h2{text-align:left}.method .tools-grid{grid-template-columns:minmax(0,320px)}.method .tool-card{min-height:150px}.method .tool-card img{width:78px;height:78px}}


/* Nueva jerarquía de la sección de acompañamiento - 2026-07-30 */
.method .method-kicker{max-width:1120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--blue);font-size:clamp(17px,1.6vw,22px);font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.method .method-kicker:before,.method .method-kicker:after{content:"";width:52px;height:3px;background:var(--orange);border-radius:3px}
.method>.method-headline{width:min(100%,1120px);margin:0 auto clamp(44px,5vw,70px);color:var(--deep);font-size:clamp(36px,4.3vw,64px);font-weight:900;line-height:1.04;letter-spacing:-.04em;text-align:left}
@media(max-width:680px){.method .method-kicker{gap:11px;font-size:15px}.method .method-kicker:before,.method .method-kicker:after{width:26px}.method>.method-headline{font-size:clamp(34px,11vw,48px)}}

.method>.method-headline span{color:var(--orange)}

/* Ajustes de catalizadores y empresas - 2026-07-30 */
.method{padding-bottom:clamp(42px,4vw,62px)}
.catalysts-copy>p:last-child{font-weight:650}
.proof{display:grid;grid-template-columns:1fr;gap:28px;padding-top:clamp(58px,6vw,86px)}
.companies-intro{max-width:760px;margin:0 auto;text-align:center;padding:0}
.companies-intro h2{margin-bottom:10px;font-size:clamp(25px,2.5vw,36px);font-weight:900}
.companies-intro p{max-width:650px;margin:0 auto;font-size:15px;line-height:1.6}
.company-grid{width:min(100%,1320px);margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.company-logo{min-height:138px;padding:20px;background:#fff;border:1px solid #edf1f3;border-radius:17px;box-shadow:0 8px 24px rgba(3,43,67,.09);display:grid;place-items:center;overflow:hidden}
.company-logo img{display:block;width:100%;height:94px;object-fit:contain;filter:none}
@media(max-width:900px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.proof{padding-top:48px}.company-grid{gap:12px}.company-logo{min-height:108px;padding:12px}.company-logo img{height:76px}}
/* Esencia, testimonios y CTA - 2026-07-30 */
.proof{grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:20px 24px;align-items:stretch}
.proof>.companies-intro,.proof>.company-grid,.proof>.proof-cta{grid-column:1/-1}
.essence,.testimonials{min-height:390px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(3,43,67,.05)}
.essence{padding:28px;display:flex;flex-direction:column}
.essence h2,.testimonials h2{color:var(--deep);font-size:clamp(22px,2vw,30px);font-weight:900;line-height:1.15}
.essence p{color:var(--muted);font-size:14px;line-height:1.62}
.essence-illustration{display:block;width:100%;height:175px;margin-top:auto;object-fit:contain}
.testimonials{padding:28px}
.testimonials>p{margin-bottom:20px;font-size:14px}
.testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.testimonial-grid blockquote{min-height:230px;padding:20px 17px;border-radius:12px;font-size:13px;line-height:1.55}
.quote-mark{color:var(--orange);font-size:25px;font-weight:900;line-height:0;vertical-align:-3px}
.testimonial-grid blockquote footer strong{color:var(--orange);font-size:15px;font-weight:900}
.proof-cta{min-height:86px;margin-top:8px;padding:15px 24px 15px 18px;border:1px solid #e5ecef;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(3,43,67,.08);display:flex;align-items:center;gap:20px}
.proof-cta-icon{width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800;flex:none}
.proof-cta p{margin:0 auto 0 0;color:var(--deep);font-size:15px}
.proof-cta .button{min-width:180px}
@media(max-width:1050px){.proof{grid-template-columns:1fr}.proof>.essence,.proof>.testimonials{grid-column:1}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.essence-illustration{height:210px}}
@media(max-width:620px){.testimonial-grid{grid-template-columns:1fr}.proof-cta{flex-wrap:wrap;justify-content:center;text-align:center;padding:22px}.proof-cta p{width:calc(100% - 70px);margin:0}.proof-cta .button{width:100%}}
/* Reseñas ampliadas y nuevos recursos visuales - 2026-07-30 */
.essence-illustration{height:190px;margin-top:auto;object-fit:contain}
.testimonial-grid blockquote{min-height:270px;padding:24px 20px;background:var(--pale);border-color:#d6e4ea}
.testimonial-grid blockquote p{margin:0;font-size:clamp(14px,1.05vw,16px);font-weight:500;line-height:1.65}
.testimonial-grid blockquote footer{margin-top:auto;padding-top:16px;border-top:1px solid #d5e2e8;text-align:left}
.testimonial-grid blockquote footer span{font-size:13px}
.proof-cta-icon{width:52px;height:52px;object-fit:contain;border-radius:0;background:transparent;flex:none}
@media(max-width:1050px){.essence-illustration{height:230px}.testimonial-grid blockquote{min-height:245px}}
@media(max-width:620px){.testimonial-grid blockquote{min-height:230px}.testimonial-grid blockquote p{font-size:16px}.proof-cta-icon{width:48px;height:48px}}
/* Ajustes finales de Hablemos - 2026-07-30 */
.contact-form form{margin-top:34px}
.contact-form input,.contact-form textarea{font-size:14px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4c6675;opacity:1}
.contact-options{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);grid-template-rows:auto repeat(3,auto);column-gap:34px;align-content:start}
.contact-options>h2{grid-column:1/-1}
.contact-options>article{grid-column:1;align-items:center;padding:12px 14px;border:1px solid #dce8ed;border-radius:10px;margin-bottom:8px}
.contact-option-icon{display:block;width:48px;height:48px;object-fit:contain;flex:none}
.contact-options>article h3{font-size:15px;font-weight:900}
.contact-options>article p{font-size:13px;line-height:1.45}
.direct-contact{grid-column:2;grid-row:2/5;align-self:start;display:flex;flex-direction:column;gap:24px;margin-top:8px;font-size:14px}
.direct-contact a{display:flex;align-items:center;gap:14px;color:var(--deep)}
.direct-contact img,.email-icon{display:grid;place-items:center;width:34px;height:34px;object-fit:contain;flex:none;font-size:25px;color:var(--blue)}
@media(max-width:900px){.contact-options{grid-template-columns:1fr}.contact-options>h2,.contact-options>article,.direct-contact{grid-column:1}.direct-contact{grid-row:auto;margin-top:20px}}
@media(max-width:680px){.contact-form form{margin-top:28px}.contact-option-icon{width:44px;height:44px}}
/* Prueba de fondo azulado en Hablemos - 2026-07-30 */
.contact-options{background:#e7f2f6;border-color:#b8d3de;box-shadow:0 10px 28px rgba(3,43,67,.08)}
.contact-options>article{background:rgba(255,255,255,.78);border:1.5px solid #9fc2d0;box-shadow:0 3px 10px rgba(3,43,67,.04)}
.contact-options>article:hover{border-color:var(--blue)}
/* Identidad de LinkedIn en Hablemos - 2026-07-30 */
.linkedin-label{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-weight:750}
.linkedin-label strong{display:inline-block;padding:3px 7px;color:#fff;background:var(--orange);border-radius:3px;font-weight:900;line-height:1.1}
/* Visibilidad del logo y contacto del footer - 2026-07-30 */
.footer .footer-logo{display:block;width:190px;height:auto;padding:11px 13px;background:#fff;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.footer-contact a{display:flex;align-items:center;gap:10px;margin:9px 0;color:#fff}
.footer-contact a img{width:29px;height:29px;object-fit:contain;flex:none;background:transparent;padding:0}
.footer-contact a span{display:inline;margin:0;color:#dcecf2}
.footer-contact .footer-location{margin-top:12px;padding-left:39px;color:#d5e5eb}
@media(max-width:680px){.footer .footer-logo{width:175px}.footer-contact .footer-location{padding-left:0}}
/* Logo negativo definitivo del footer - 2026-07-30 */
.footer .footer-logo{width:205px;height:auto;padding:0;background:transparent;border-radius:0;box-shadow:none}
@media(max-width:680px){.footer .footer-logo{width:185px}}

/* Ajustes generales de navegación y ritmo del index - 2026-07-31 */
.site-header nav a{font-size:clamp(15px,1vw,17px);font-weight:800}
.diagnosis{padding-top:clamp(28px,3vw,46px);padding-bottom:clamp(41px,4.5vw,69px)}
.map-card.map-1 h3,.map-card.map-2 h3,.map-card.map-3 h3{color:var(--orange);font-weight:900}
.diagnosis-copy h2 strong{color:var(--orange);font-weight:800}
.value-section{padding-top:clamp(40px,4vw,64px)}
@media(max-width:680px){
  .site-header nav a{font-size:15px}
  .diagnosis{padding-top:28px;padding-bottom:36px}
  .value-section{padding-top:36px}
}

/* Compactación entre bloques y nueva composición de Hablemos - 2026-07-31 */
.map-card.map-4 h3,.map-card.map-5 h3{color:var(--orange);font-weight:900}
.value-section .statement{margin-top:clamp(14px,1.5vw,22px)}
.tools-title{margin-top:clamp(16px,1.8vw,24px)}
.proof{padding-top:clamp(15px,1.6vw,22px)}
.catalysts-brand{margin:0 0 14px;color:var(--deep);font-size:15px;font-weight:850;line-height:1.2}
.catalysts-brand strong{display:inline-block;margin-left:4px;padding:4px 8px;color:#fff;background:var(--orange);border-radius:3px;font-weight:900}
.contact-options{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:10px;padding:28px;background:linear-gradient(145deg,#f9fcfd,#eef7fa);border-color:#c8dde5}
.contact-options>h2{grid-column:1;margin:0 0 12px;color:var(--deep);font-size:clamp(23px,2.1vw,32px);font-weight:900;line-height:1.12}
.contact-options>h2 span{color:var(--orange)}
.contact-options>h2:after{content:"";display:block;width:42px;height:3px;margin-top:14px;background:var(--orange);border-radius:3px}
.contact-options>article{grid-column:1;margin:0;padding:15px 18px;background:#fff;border:1px solid #dce8ed;border-radius:13px;box-shadow:0 6px 18px rgba(3,43,67,.06)}
.contact-options>article .contact-option-icon{width:56px;height:56px}
.contact-options>article h3{font-size:16px}
.contact-options>article p{font-size:13px;line-height:1.5}
.direct-contact{grid-column:1;grid-row:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr);align-items:center;gap:22px;margin:8px 0 0;padding:16px 20px;background:#fff;border:1px solid #dce8ed;border-radius:13px;box-shadow:0 6px 18px rgba(3,43,67,.06);font-size:13px}
.direct-contact:after{content:"";position:absolute;right:-30px;bottom:-45px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,10,.22) 0 2px,transparent 2.5px);background-size:9px 9px;pointer-events:none}
.direct-contact>p{position:relative;z-index:1;margin:0;color:var(--muted);font-weight:650;line-height:1.45}
.direct-contact-links{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.direct-contact-links a{display:flex;align-items:center;gap:10px;color:var(--deep)}
.direct-contact-links img{width:28px;height:28px;object-fit:contain;flex:none}
@media(max-width:900px){.direct-contact{grid-template-columns:1fr}.contact-options{padding:24px}}
@media(max-width:680px){
  .value-section .statement{margin-top:12px}
  .tools-title{margin-top:16px}
  .proof{padding-top:16px}
  .contact-options{padding:20px}
}

/* Ajuste de formulario y pastilla de contacto - 2026-07-31 */
.contact{align-items:stretch}
.contact-form{display:flex;flex-direction:column}
.contact-form>p:not(.eyebrow){margin-bottom:0}
.contact-form form{flex:1;margin-top:32px;display:flex;flex-direction:column}
.contact-form .form-row{gap:16px;margin-bottom:18px}
.contact-form form label>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;display:block;margin:0 0 8px;color:var(--deep);font-size:13px;font-weight:850}
.contact-form input,.contact-form textarea{padding:13px 14px;background:#fff;border-color:#b8cdd6;border-radius:7px}
.contact-form textarea{min-height:120px;margin-bottom:0}
.contact-form .message-field{display:block;margin-bottom:18px}
.form-actions{margin-top:auto;display:flex;align-items:center;gap:16px}
.form-actions .button{min-width:210px;display:flex;align-items:center;justify-content:center;gap:18px}
.form-actions small{margin:0;color:var(--muted)}
.contact-options{height:100%;grid-template-rows:auto repeat(3,auto) 1fr}
.direct-contact{align-self:end;grid-template-columns:74px minmax(0,1fr);gap:18px;width:100%;margin-top:12px;padding:17px 20px}
.direct-contact-visual{position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:#e7f4f7;display:grid;place-items:center}
.direct-contact-visual img{display:block;width:46px;height:46px;object-fit:contain}
.direct-contact-copy{position:relative;z-index:1;min-width:0}
.direct-contact-copy>p{margin:0 0 10px;color:var(--muted);font-size:13px;font-weight:650;line-height:1.4}
.direct-contact-links{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 22px}
.direct-contact-links a{font-size:12px;font-weight:800}
.direct-contact-links img{width:24px;height:24px}
@media(max-width:1050px){.form-actions{align-items:flex-start;flex-direction:column}.form-actions .button{width:100%}.direct-contact-links{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.contact-form .form-row{gap:0;margin-bottom:0}.contact-form form label{margin-bottom:16px}.form-actions{margin-top:4px}.direct-contact{grid-template-columns:58px 1fr;padding:16px}.direct-contact-visual{width:54px;height:54px}.direct-contact-visual img{width:38px;height:38px}}

/* Desplegable Qué hacemos - 2026-07-31 */
.site-header nav{align-items:center}
.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}
.nav-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;color:var(--deep);font-size:clamp(15px,1vw,17px);font-weight:800;line-height:1;position:relative;user-select:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:after{content:"";position:absolute;left:0;right:20px;bottom:-10px;height:2px;background:var(--orange);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-dropdown summary:hover:after,.nav-dropdown summary:focus-visible:after,.nav-dropdown[open] summary:after{transform:scaleX(1)}
.nav-dropdown summary:focus-visible{outline:3px solid rgba(8,103,136,.25);outline-offset:6px;border-radius:3px}
.nav-chevron{display:inline-block;font-size:15px;line-height:1;transition:transform .2s ease}
.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.nav-submenu{position:absolute;z-index:50;top:calc(100% + 18px);left:-18px;min-width:220px;padding:12px 18px;background:#fff;border:1px solid #dce8ed;border-radius:10px;box-shadow:0 16px 34px rgba(3,43,67,.16)}
.nav-submenu a{display:block;width:max-content;max-width:100%;padding:10px 0;color:var(--deep);font-size:15px;font-weight:750;position:relative}
.nav-submenu a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--orange);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-submenu a:hover:after,.nav-submenu a:focus-visible:after{transform:scaleX(1)}
.nav-submenu a:hover{color:var(--deep)}
@media(max-width:1000px){.nav-dropdown{display:none}}

/* Botones de Herramientas que combinamos - 2026-07-31 */
.method .tool-card .tool-button{min-height:44px;padding:9px 13px;border:1px solid #cbdde5;border-radius:8px;color:var(--blue);background:#fff;font-size:14px;font-weight:850;line-height:1.2;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.method .tool-card .tool-button:hover{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 8px 18px rgba(255,90,10,.25);transform:translateY(-2px)}
.method .tool-card .tool-button:focus-visible{color:#fff;background:var(--orange);border-color:var(--orange);outline:3px solid rgba(255,90,10,.25);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.method .tool-card .tool-button{transition:none}.method .tool-card .tool-button:hover{transform:none}}


/* ---- navegacion.css ---- */
/* Cabecera compartida: logo proporcionado y Servicios accesible en móvil. */
.site-header .logo{width:145px;flex-shrink:0}.site-header .logo img{width:100%;height:auto;max-height:70px;object-fit:contain}.nav-dropdown summary[aria-current=page]:after{transform:scaleX(1)}
@media(max-width:1000px){.site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:16px;padding:10px 5vw}.site-header nav{display:flex;order:3;width:100%;justify-content:center;gap:clamp(14px,4vw,32px);padding:8px 0 12px}.site-header .nav-dropdown{display:block;height:auto}.nav-submenu{left:auto;right:0;top:calc(100% + 14px)}.site-header nav>a,.nav-dropdown summary{font-size:14px}.site-header .logo{width:125px}.site-header .logo img{max-height:60px}}
@media(max-width:420px){.site-header nav{gap:14px}.site-header nav>a,.nav-dropdown summary{font-size:12px}.site-header nav{justify-content:space-between}.nav-chevron{font-size:12px}.nav-dropdown summary{gap:4px}}


/* ---- Integracion WordPress (formulario AJAX + admin bar) ---- */
.is-hidden{display:none!important}
.mqn-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-error{color:#c0392b;font-size:13px;font-weight:700;margin:0 0 8px;min-height:1em}
.form-ok{background:var(--orange-soft);border:1px solid var(--orange);border-radius:10px;padding:22px 24px}
.form-ok strong{color:var(--deep);display:block;font-size:18px;margin-bottom:6px}
.form-ok p{color:var(--muted);margin:0;font-size:14px}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}


/* ---- Blindaje contra desbordes horizontales de terceros (CookieYes deja su panel
   de preferencias de 845px en el flujo con visibility:hidden). clip no crea un
   contenedor de scroll, asi que el sticky de la cabecera no se ve afectado. ---- */
html{overflow-x:hidden;overflow-x:clip}
.cky-preference-center{position:fixed!important}


/* ---- Selector de idioma (Polylang) ----
   Selector mas especifico que .site-header nav para que no herede width:100%/order:3 en movil. ---- */
.site-header nav.lang-switch{display:flex;align-items:center;gap:2px;width:auto;order:0;margin:0 6px 0 0;padding:0;font-size:12px;font-weight:800;letter-spacing:.06em;justify-content:flex-start}
.site-header nav.lang-switch a{padding:6px 7px;border-radius:6px;color:var(--muted);transition:color .2s,background .2s}
.site-header nav.lang-switch a:hover{color:var(--orange)}
.site-header nav.lang-switch a[aria-current]{color:var(--blue);background:var(--pale)}
@media (max-width:1000px){.site-header nav.lang-switch{margin:0 0 0 auto;gap:0}.site-header nav.lang-switch a{padding:5px 5px}}
@media (max-width:680px){.site-header nav.lang-switch{font-size:11px;letter-spacing:.02em}.site-header nav.lang-switch a{padding:4px 4px}}
/* Pantallas muy estrechas (<=360px): logo y selector mas compactos para que Contacto quepa en la primera fila */
@media (max-width:360px){.site-header{gap:12px;padding:7px 14px}.site-header .logo{width:100px}.site-header nav.lang-switch a{padding:4px 3px;font-size:10.5px}.site-header .button-small{padding:10px 12px}}

/* ---- Diagnostico en movil: rejilla ----
   En <=680px el anillo de tarjetas absolutas y el SVG de flechas (dibujado para 720px) no funcionan:
   pasamos a una rejilla de 2 columnas con el statement en el centro, y a 1 columna por debajo de 400px. ---- */
@media (max-width:680px){
  .diagnosis .diagnosis-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;max-width:none;width:100%;margin:0}
  .diagnosis .diagnosis-map:before,.diagnosis .cycle-arrows,.diagnosis .map-center::before,.diagnosis .map-center::after{display:none}
  .diagnosis .map-center{position:static;transform:none;grid-column:1/-1;order:1;width:auto;height:auto;border-radius:14px;padding:16px 18px;font-size:17px;line-height:1.25;font-weight:900;background:#fff;border:1.5px dashed var(--blue);color:var(--orange);text-shadow:none;display:block}
  .diagnosis .map-card{position:static;transform:none;width:auto;min-height:0;padding:12px;gap:10px;align-items:flex-start;order:2;z-index:auto}
  .diagnosis .map-1,.diagnosis .map-2{order:0}
  .diagnosis .map-5{grid-column:1/-1}
  .diagnosis .map-icon,.diagnosis .map-icon img{width:40px;height:40px;min-width:40px}
  .diagnosis .map-card h3{font-size:12px;margin:0 0 3px}.diagnosis .map-card p{font-size:12px;line-height:1.35}
}
@media (max-width:400px){.diagnosis .diagnosis-map{grid-template-columns:1fr}.diagnosis .map-5{grid-column:auto}}

/* ---- Movil compacto ----
   Rejillas de iconos a 2 columnas, testimonios en carrusel horizontal, barra de navegacion
   inferior tipo app y selector de idioma con banderas. ---- */
.site-header nav.lang-switch a{display:inline-flex;align-items:center;gap:5px}
.site-header nav.lang-switch img{width:18px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(3,43,67,.12)}
.tabbar,.tabbar-sheet,.tabbar-backdrop{display:none}
@media (max-width:1000px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .site-header nav:not(.lang-switch){display:none}
  .site-header{min-height:0;padding:8px 16px;gap:12px}
  .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;height:calc(64px + env(safe-area-inset-bottom,0px));padding:0 2px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(3,43,67,.08)}
  .tabbar>a,.tabbar>button{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px 2px;font:700 10px/1.1 var(--font-sans);color:var(--muted);background:none;border:0;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tabbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .tabbar>a span,.tabbar>button span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tabbar [aria-current],.tabbar [aria-expanded="true"]{color:var(--orange)}
  .tabbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:rgba(3,43,67,.35)}
  .tabbar-backdrop:not([hidden]){display:block}
  .tabbar-sheet{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:58;background:#fff;border-radius:16px 16px 0 0;padding:12px 12px 8px;box-shadow:0 -10px 30px rgba(3,43,67,.15)}
  .tabbar-sheet:not([hidden]){display:block}
  .tabbar-sheet a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;font-weight:800;font-size:14px;color:var(--deep)}
  .tabbar-sheet a:hover{background:var(--pale)}
  .tabbar-sheet img{width:30px;height:30px;object-fit:contain}
  .joinchat{--bottom:84px}
  .cky-btn-revisit-wrapper{bottom:84px!important}
}
@media (max-width:680px){
  .value-grid{grid-template-columns:1fr 1fr;gap:6px 10px}
  .value-section .value-card{min-height:0;padding:8px 6px 22px}
  .value-icon-image{width:84px;height:76px;margin:0 auto 8px}
  .value-card h3{font-size:12.5px;margin:0 0 6px;letter-spacing:.01em}
  .value-card p{font-size:12px;line-height:1.45;font-weight:600}
  .process-grid{grid-template-columns:1fr 1fr;gap:10px}
  .process-card{min-height:0;padding:30px 10px 16px;border-radius:14px}
  .process-card:nth-child(5){grid-column:1/-1;width:calc(50% - 5px);margin:0 auto}
  .process-symbol{width:64px;height:64px;margin:0 auto 8px}
  .process-card h3{font-size:14px;margin:0 0 4px}.process-card p{font-size:11.5px;line-height:1.35}
  .step{top:10px;left:10px;width:24px;height:24px;font-size:11px}
  .tools-grid{grid-template-columns:1fr 1fr;gap:8px}
  .testimonial-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 14px;margin:0 -4px;scrollbar-width:thin}
  .testimonial-grid>*{flex:0 0 82%;scroll-snap-align:center;min-height:0}
}
@media (max-width:360px){.site-header nav.lang-switch a span{display:none}.site-header nav.lang-switch a{padding:5px 4px}}

/* ---- Cabecera movil: solo banderas ---- */
@media (max-width:680px){
  .site-header .logo{width:112px}
  .site-header nav.lang-switch{gap:2px;margin:0 0 0 auto}
  .site-header nav.lang-switch a{padding:6px 5px}
  .site-header nav.lang-switch img{width:22px}
  .site-header nav.lang-switch a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .site-header .button-small{padding:10px 14px}
}

/* ---- Movil compacto (especificidad) ----
   El CSS de origen fija estas rejillas con selectores descendientes (.value-section .value-grid,
   .method .process-grid...), asi que hay que igualar la especificidad. El carrusel necesita
   min-width:0 en la celda de .proof: un flex de una linea suma los minimos de sus hijos. ---- */
@media (max-width:680px){
  .value-section .value-grid{grid-template-columns:1fr 1fr;gap:6px 10px;max-width:none}
  .method .process-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:none}
  .method .tools-grid{grid-template-columns:1fr 1fr;gap:8px;max-width:none}
  .method .process-card{min-height:0;padding:30px 10px 16px}
  .method .process-symbol{width:64px;height:64px;margin:0 auto 8px}
  .proof{grid-template-columns:minmax(0,1fr)}
  .proof>*{min-width:0;max-width:100%}
}

/* ---- Cabecera a 360px o menos ---- */
@media (max-width:360px){
  .site-header{gap:8px;padding:7px 12px}
  .site-header .logo{width:96px}
  .site-header nav.lang-switch a{padding:5px 4px}
  .site-header nav.lang-switch img{width:20px}
  .site-header .button-small{padding:10px 10px;font-size:13px}
}

/* ---- Hoja de Servicios abierta: fuera los flotantes de terceros (WhatsApp, cookies), que tienen z-index mayor ---- */
@media (max-width:1000px){
  body.tabbar-open .joinchat,body.tabbar-open .cky-btn-revisit-wrapper{visibility:hidden}
  .footer .copyright{padding-bottom:40px}
}

/* ---- Compatibilidad navegadores antiguos y escalado de texto ---- */
@media (max-width:1000px){
  .tabbar>a span,.tabbar>button span{white-space:normal;line-height:1.05;max-height:2.2em;overflow:hidden;text-overflow:clip;word-break:normal;hyphens:auto}
  .tabbar svg{flex:0 0 auto}
  .site-header>*{min-width:0}
  .site-header .logo{flex:0 1 auto}
  .site-header .button-small{flex:0 0 auto;white-space:nowrap}
  body,html{max-width:100%}
}

/* ---- Carrusel de testimonios (movil) ----
   Sangra hasta el borde del contenedor para que se vea que continua, deja que el gesto
   vertical siga siendo de la pagina (touch-action) y marca el final con un degradado. ---- */
@media (max-width:680px){
  .testimonials{min-width:0;overflow:hidden;position:relative}
  .testimonials .testimonial-grid{display:flex;width:auto;min-width:0;gap:12px;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-left:24px;
    margin:0 -24px;padding:4px 24px 16px;scrollbar-width:none}
  .testimonials .testimonial-grid::-webkit-scrollbar{display:none}
  .testimonials .testimonial-grid>*{flex:0 0 min(78%,300px);min-width:0;min-height:0;scroll-snap-align:start}
  .testimonials .testimonial-grid>*:last-child{margin-right:24px}
  .testimonials::after{content:'';position:absolute;right:0;bottom:34px;width:26px;height:190px;pointer-events:none;
    background:linear-gradient(to right,rgba(255,255,255,0),#fff 78%)}
  .testimonials>p{margin-bottom:14px}
}

/* ---- Cabecera y flotantes en movil (definitivo) ----
   La cabecera hereda flex-wrap:wrap del diseno original; en movil se fuerza una sola fila
   y se reparte el ancho con min-width:0 para que nunca salte de linea. ---- */
@media (max-width:1000px){
  .site-header{flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 14px;min-height:0;height:auto}
  .site-header .logo{flex:0 1 auto;width:auto;max-width:34vw;margin-right:auto}
  .site-header .logo img{max-height:46px;width:auto}
  .site-header nav.lang-switch{flex:0 0 auto;margin:0;gap:0}
  .site-header nav.lang-switch a{padding:5px 4px}
  .site-header nav.lang-switch img{width:20px}
  .site-header .button-small{flex:0 0 auto;padding:9px 13px;font-size:12.5px;white-space:nowrap}
  /* Flotantes de terceros: por encima de la barra inferior y sin tapar los CTA */
  .cky-btn-revisit-wrapper{bottom:86px!important;top:auto!important;left:auto!important;right:12px!important;z-index:50!important}
  .cky-btn-revisit-wrapper button,.cky-btn-revisit{width:38px!important;height:38px!important}
  .joinchat{--bottom:86px;z-index:52}
  .joinchat__button{margin-bottom:0}
}
@media (max-width:400px){
  .site-header{gap:6px;padding:7px 10px}
  .site-header .logo img{max-height:40px}
  .site-header nav.lang-switch img{width:18px}
  .site-header .button-small{padding:8px 10px;font-size:12px}
  .tabbar>a,.tabbar>button{font-size:9.5px;gap:3px}
  .tabbar svg{width:20px;height:20px}
}

/* ---- Puntos indicadores del carrusel ---- */
@media (max-width:680px){
  .testimonials .testimonial-grid>*{flex:0 0 min(72%,280px)}
  .testimonials::after{width:34px;height:210px;background:linear-gradient(to right,rgba(255,255,255,0),#fff 82%)}
  .mqn-dots{display:flex;justify-content:center;gap:7px;margin:2px 0 4px}
  .mqn-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer;transition:width .2s,background .2s}
  .mqn-dots button[aria-current="true"]{width:20px;border-radius:4px;background:var(--orange)}
}


/* ---- Titular del hero: espacio util y ajuste por idioma ----
   Causa raiz: .hero-copy tiene ancho fijo (760px) pero padding lateral 6vw sin tope, asi que
   cuanto mas ancha es la pantalla menos sitio queda para el texto (587px a 1440, 530px a 1920).
   Por eso 'Deja de poner' tampoco cabia en espanol en pantallas grandes. Se topa el padding y,
   ademas, se ajusta la tipografia en catala, cuyo titular es un 20% mas largo. ---- */
@media (min-width:1200px){
  .hero .hero-copy{padding-left:clamp(48px,4.4vw,64px);padding-right:clamp(48px,4.4vw,64px)}
  .hero h1{font-size:min(6.9vw,100px)}
  html[lang="ca"] .hero h1{font-size:min(5.9vw,84px)}
}
/* En movil 'Deja de poner' (379px) tampoco cabia en el ancho util (368px) y generaba una 4a linea. */
@media (max-width:680px){ .hero h1{font-size:14vw} html[lang="ca"] .hero h1{font-size:13.1vw} }
@media (max-width:380px){ html[lang="ca"] .hero h1{font-size:12.6vw} }

/* ---- Pie en movil y tablet ----
   Causa: .footer usaba 'grid-template-columns:1fr 1fr', y 1fr es minmax(auto,1fr): el correo
   comunicacion@masquenumeros.com (237px, no se parte) fijaba el minimo de la primera columna
   y dejaba 77px para la segunda, partiendo 'Estrategia organizacional' e 'IA + Digitalizacion'.
   Se fuerza minmax(0,1fr) y se da ancho completo al bloque de contacto, que es el que necesita sitio. ---- */
@media (max-width:1000px){
  .footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 20px;padding:34px 22px 16px;align-items:start}
  .footer>div:first-child{grid-column:1/-1}
  .footer .footer-contact{grid-column:1/-1}
  .footer .copyright{grid-column:1/-1;margin-top:6px;padding:14px 64px 8px;text-align:center}
  .footer h3{margin-bottom:9px}
  .footer a,.footer span{overflow-wrap:anywhere;hyphens:none}
  .footer .footer-logo{width:150px;height:auto}
}
/* Dos columnas aguantan hasta ~340px: 'Estrategia organizacional' mide 132px y la columna 137px.
   Por debajo de 336px se apila en una sola. */
@media (max-width:336px){
  .footer{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (max-width:400px){
  .footer{gap:22px 14px}
  .footer .copyright{padding:14px 56px 8px;font-size:11px}
}

/* ---- Banner de cookies sobre la barra inferior ----
   En la PRIMERA carga el banner de CookieYes (fixed, bottom:0, ~369px de alto) se superponia
   a la barra de navegacion y tapaba sus cinco botones. Se eleva por encima de ella para que
   ambos sean usables; el z-index del banner ya es mayor, solo hay que apartarlo. ---- */
@media (max-width:1000px){
  .cky-consent-container.cky-banner-bottom{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  .cky-btn-revisit-wrapper{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}