/* Local hardening/fallbacks: no third-party font runtime required. */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: Inter, Arial, Helvetica, sans-serif; }
.font-display-lg,.font-headline-xl,.font-headline-lg,.font-headline-sm { font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; }
.beesby-icon { display:inline-flex; align-items:center; justify-content:center; line-height:1; font-style:normal; font-family:Arial,Helvetica,sans-serif; }
img { max-width:100%; height:auto; }
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}



*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}button{cursor:pointer}strong{font-weight:700}
@keyframes twPulse{0%,100%{opacity:1}50%{opacity:.5}}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle}
.tech-grid-pattern{background-size:36px 36px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px)}
.-bottom-24{bottom:-6rem}
.-right-40{right:-10rem}
.-top-3{top:-0.75rem}
.-top-32{top:-8rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.absolute{position:absolute}
.animate-pulse{animation:twPulse 2s cubic-bezier(.4,0,.6,1) infinite}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.bg-\[\#070D1E\]{background-color:#070D1E}
.bg-\[\#0A1128\]{background-color:#0A1128}
.bg-\[\#25D366\]{background-color:#25D366}
.bg-accent-orange{background-color:#FF5A00}
.bg-accent-orange\/20{background-color:rgba(255,90,0,0.2)}
.bg-background{background-color:#faf8ff}
.bg-error-container{background-color:#ffdad6}
.bg-error-container\/60{background-color:rgba(255,218,214,0.6)}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.bg-primary-container{background-color:#070D1E}
.bg-secondary{background-color:#0052FF}
.bg-secondary\/25{background-color:rgba(0,82,255,0.25)}
.bg-secondary\/30{background-color:rgba(0,82,255,0.3)}
.bg-surface-container{background-color:#eaedff}
.bg-surface-container-high{background-color:#e2e7ff}
.bg-surface-container-low{background-color:#f2f3ff}
.bg-surface-container-lowest{background-color:#ffffff}
.bg-surface-container-lowest\/90{background-color:rgba(255,255,255,0.9)}
.bg-surface-container-lowest\/95{background-color:rgba(255,255,255,0.95)}
.bg-white\/10{background-color:rgba(255,255,255,0.1)}
.bg-white\/20{background-color:rgba(255,255,255,0.2)}
.bg-white\/5{background-color:rgba(255,255,255,0.05)}
.block{display:block}
.blur-3xl{filter:blur(64px)}
.border{border-width:1px;border-style:solid}
.border-2{border-width:2px;border-style:solid}
.border-accent-orange\/40{border-color:rgba(255,90,0,0.4)}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-outline-variant\/10{border-color:rgba(198,198,206,0.1)}
.border-outline-variant\/20{border-color:rgba(198,198,206,0.2)}
.border-outline-variant\/30{border-color:rgba(198,198,206,0.3)}
.border-outline-variant\/40{border-color:rgba(198,198,206,0.4)}
.border-secondary{border-color:#0052FF}
.border-secondary\/20{border-color:rgba(0,82,255,0.2)}
.border-secondary\/30{border-color:rgba(0,82,255,0.3)}
.border-t{border-top-width:1px;border-top-style:solid}
.border-transparent{border-color:transparent}
.border-white\/10{border-color:rgba(255,255,255,0.1)}
.border-white\/15{border-color:rgba(255,255,255,0.15)}
.border-white\/20{border-color:rgba(255,255,255,0.2)}
.border-y{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}
.bottom-6{bottom:1.5rem}
.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-500{transition-duration:500ms}
.fill-current{fill:currentColor}
.fixed{position:fixed}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-body-md{font-family:Inter,Arial,sans-serif}
.font-body-sm{font-family:Inter,Arial,sans-serif}
.font-body-xl{font-family:Inter,Arial,sans-serif}
.font-bold{font-weight:700}
.font-display-lg{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.font-extrabold{font-weight:800}
.font-headline-lg{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.font-headline-sm{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.font-headline-xl{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.font-label-md{font-family:Inter,Arial,sans-serif}
.font-label-sm{font-family:Inter,Arial,sans-serif}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.from-\[\#070D1E\]\/85{--tw-gradient-from:rgba(7,13,30,0.85);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-primary-container\/85{--tw-gradient-from:rgba(7,13,30,0.85);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-primary-container\/90{--tw-gradient-from:rgba(7,13,30,0.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.full-width{width:100%}
.gap-1{gap:0.25rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-2{height:.5rem}
.h-20{height:5rem}
.h-4{height:1rem}
.h-8{height:2rem}
.h-96{height:24rem}
.h-\[300px\]{height:300px}
.h-\[350px\]{height:350px}
.h-\[400px\]{height:400px}
.h-\[460px\]{height:460px}
.h-full{height:100%}
.hidden{display:none}
.hover\:bg-accent-orange-hover:hover{background-color:#FF681A}
.hover\:bg-surface-container:hover{background-color:#eaedff}
.hover\:bg-surface-container-low:hover{background-color:#f2f3ff}
.hover\:border-error\/40:hover{border-color:rgba(186,26,26,0.4)}
.hover\:border-outline-variant\/30:hover{border-color:rgba(198,198,206,0.3)}
.hover\:border-secondary:hover{border-color:#0052FF}
.hover\:shadow-\[0_12px_28px_rgba\(37\,211\,102\,0\.5\)\]:hover{box-shadow:0 12px 28px rgba(37,211,102,0.5)}
.hover\:shadow-accent-orange\/50:hover{--tw-shadow-color:rgba(255,90,0,0.5)}
.hover\:shadow-accent-orange\/60:hover{--tw-shadow-color:rgba(255,90,0,0.6)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.10)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.10))}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.10)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.10))}
.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.10)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.10))}
.hover\:text-accent-orange:hover{color:#FF5A00}
.hover\:text-on-primary:hover{color:#ffffff}
.hover\:text-secondary:hover{color:#0052FF}
.hover\:text-secondary-container:hover{color:#0047E0}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.italic{font-style:italic}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-stretch{align-items:stretch}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-relaxed{line-height:1.625}
.left-1\/2{left:50%}
.left-6{left:1.5rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-20{margin-bottom:5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.ml-1\.5{margin-left:0.375rem}
.ml-2{margin-left:0.5rem}
.mr-1\.5{margin-right:0.375rem}
.mr-2{margin-right:0.5rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.object-center{object-position:center}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.opacity-20{opacity:.2}
.opacity-30{opacity:.3}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.p-3\.5{padding:0.875rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.pb-28{padding-bottom:7rem}
.pointer-events-none{pointer-events:none}
.pt-16{padding-top:4rem}
.pt-2{padding-top:0.5rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-8{padding-top:2rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.relative{position:relative}
.right-4{right:1rem}
.right-6{right:1.5rem}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.selection\:bg-secondary::selection{background-color:#0052FF}
.selection\:text-on-secondary::selection{color:#ffffff}
.shadow-2xl{box-shadow:0 25px 50px -12px var(--tw-shadow-color,rgba(0,0,0,.25))}
.shadow-\[0_8px_24px_rgba\(37\,211\,102\,0\.35\)\]{box-shadow:0 8px 24px rgba(37,211,102,0.35)}
.shadow-accent-orange\/30{--tw-shadow-color:rgba(255,90,0,0.3)}
.shadow-accent-orange\/40{--tw-shadow-color:rgba(255,90,0,0.4)}
.shadow-lg{box-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.10)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.10))}
.shadow-md{box-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.10)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.10))}
.shadow-sm{box-shadow:0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.05))}
.shadow-xl{box-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.10)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.10))}
.shrink-0{flex-shrink:0}
.space-x-8{--space-x:2rem}
.space-y-2\.5{--space-y:0.625rem}
.space-y-4{--space-y:1rem}
.space-y-6{--space-y:1.5rem}
.sticky{position:sticky}
.text-2xl{font-size:24px;line-height:32px}
.text-3xl{font-size:30px;line-height:36px}
.text-\[11px\]{font-size:11px}
.text-accent-orange{color:#FF5A00}
.text-base{font-size:16px;line-height:24px}
.text-body-md{font-size:16px;line-height:24px;font-weight:400}
.text-body-sm{font-size:14px;line-height:20px;font-weight:400}
.text-body-xl{font-size:18px;line-height:28px;font-weight:400}
.text-center{text-align:center}
.text-error{color:#ba1a1a}
.text-headline-lg{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-0.015em}
.text-headline-sm{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-0.01em}
.text-headline-xl{font-size:40px;line-height:48px;font-weight:700;letter-spacing:-0.02em}
.text-inverse-primary{color:#bfc5e4}
.text-inverse-primary\/80{color:rgba(191,197,228,0.8)}
.text-inverse-primary\/90{color:rgba(191,197,228,0.9)}
.text-label-md{font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.01em}
.text-label-sm{font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.04em}
.text-left{text-align:left}
.text-lg{font-size:18px;line-height:28px}
.text-on-primary{color:#ffffff}
.text-on-surface{color:#131b2e}
.text-on-surface-variant{color:#46464d}
.text-orange-200{color:#fed7aa}
.text-orange-300{color:#fdba74}
.text-outline{color:#76767e}
.text-secondary{color:#0052FF}
.text-secondary-fixed{color:#dbe1ff}
.text-sm{font-size:14px;line-height:20px}
.text-white{color:#ffffff}
.text-xl{font-size:20px;line-height:28px}
.to-\[\#070D1E\]{--tw-gradient-to:#070D1E}
.to-transparent{--tw-gradient-to:transparent}
.top-0{top:0}
.top-1\/2{top:50%}
.tracking-tight{letter-spacing:-.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.1em}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.uppercase{text-transform:uppercase}
.via-\[\#070D1E\]\/90{--tw-gradient-via:rgba(7,13,30,0.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to,transparent)}
.via-transparent{--tw-gradient-via:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to)}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-2{width:.5rem}
.w-8{width:2rem}
.w-96{width:24rem}
.w-\[600px\]{width:600px}
.w-\[700px\]{width:700px}
.w-auto{width:auto}
.w-full{width:100%}
.w-px{width:1px}
.z-10{z-index:10}
.z-50{z-index:50}
.space-x-8 > :not([hidden]) ~ :not([hidden]){margin-left:2rem}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.625rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}
.active\:scale-95:active{transform:scale(0.95)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem)}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.hover\:underline:hover{text-decoration:underline}
@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.md\:block{display:block}.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex-row{flex-direction:row}.md\:gap-10{gap:2.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:h-9{height:2.25rem}.md\:inline-flex{display:inline-flex}.md\:p-10{padding:2.5rem}.md\:p-14{padding:3.5rem}.md\:pb-36{padding-bottom:9rem}.md\:pt-20{padding-top:5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-display-lg{font-size:56px;line-height:64px;font-weight:800;letter-spacing:-0.03em}.md\:text-headline-xl{font-size:40px;line-height:48px;font-weight:700;letter-spacing:-0.02em}.md\:text-left{text-align:left}}
@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:h-\[480px\]{height:480px}}


.reveal-on-scroll{opacity:0;transform:translate3d(0,18px,0);transition:opacity .68s cubic-bezier(.2,.65,.3,1),transform .68s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:none}
main>section:first-of-type>img{animation:beesbyHeroDrift 18s ease-in-out infinite alternate;transform-origin:50% 50%}@keyframes beesbyHeroDrift{from{transform:scale(1)}to{transform:scale(1.035)}}
main [class*="rounded-xl"],main [class*="rounded-2xl"]{transition-property:transform,box-shadow,border-color,background-color;transition-duration:.28s;transition-timing-function:ease}main [class*="rounded-xl"].beesby-lift:hover,main [class*="rounded-2xl"].beesby-lift:hover{transform:translateY(-3px)}
a[href="#diagnostico"],a[href*="wa.me"]{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}a[href="#diagnostico"]:hover,a[href*="wa.me"]:hover{filter:brightness(1.03)}
header{transition:box-shadow .25s ease,background-color .25s ease}header.beesby-scrolled{box-shadow:0 10px 30px rgba(7,13,30,.08)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}



/* Mobile responsiveness pass */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
*{min-width:0}

@media (max-width: 767px){
  /* Header: compact, balanced and without lateral overflow */
  header > div{height:72px!important;padding-left:14px!important;padding-right:14px!important;gap:10px}
  header > div > a:first-child{padding:7px 9px!important;border-radius:10px!important;flex:0 0 auto}
  header > div > a:first-child img{height:29px!important;max-width:104px!important}
  header > div > div:last-child{gap:8px!important;flex:0 1 auto;justify-content:flex-end}
  header > div > div:last-child > a:last-child{padding:10px 12px!important;font-size:12px!important;line-height:15px!important;white-space:nowrap;max-width:174px}
  header > div > div:last-child > a:last-child .material-symbols-outlined{font-size:15px!important;margin-left:4px!important}

  /* Hero: everything centered with safe horizontal gutters */
  main > section:first-of-type{padding-top:48px!important;padding-bottom:64px!important;min-height:auto!important}
  main > section:first-of-type > div.relative.z-10{padding-left:18px!important;padding-right:18px!important}
  main > section:first-of-type .max-w-4xl{width:100%;max-width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  main > section:first-of-type .inline-flex.items-center.gap-2.px-4.py-1\.5{display:flex!important;width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important;padding:9px 12px!important;justify-content:center!important}
  main > section:first-of-type .inline-flex.items-center.gap-2.px-4.py-1\.5 > span:last-child{font-size:10px!important;line-height:15px!important;letter-spacing:.06em!important;text-align:center!important;white-space:normal!important}
  #hero-headline{font-size:35px!important;line-height:42px!important;letter-spacing:-.025em!important;margin:0 auto 18px!important;max-width:340px!important;text-align:center!important}
  #hero-headline + p{font-size:16px!important;line-height:25px!important;margin:0 auto 28px!important;max-width:350px!important;text-align:center!important}
  main > section:first-of-type .flex.flex-col.items-center.justify-center.gap-3{width:100%;margin-bottom:34px!important}
  main > section:first-of-type a[href="#diagnostico"]{width:100%!important;max-width:340px!important;padding:14px 16px!important;font-size:16px!important;line-height:22px!important;text-align:center!important}
  main > section:first-of-type a[href="#diagnostico"] span:nth-child(2){white-space:normal!important}
  main > section:first-of-type .flex.flex-col.items-center.justify-center.gap-3 > p{max-width:330px!important;justify-content:center!important;text-align:center!important;font-size:12px!important;line-height:18px!important;gap:6px!important}
  main > section:first-of-type .pt-8.border-t{padding-top:24px!important;gap:14px!important;flex-direction:column!important;align-items:center!important}
  main > section:first-of-type .pt-8.border-t > div{justify-content:center!important;text-align:center!important;width:100%}
  main > section:first-of-type .pt-8.border-t > .h-4{display:none!important}
  main > section:first-of-type > img{object-position:center center!important}

  /* Sections: consistent mobile gutters and no content hanging sideways */
  main section:not(:first-of-type) > .w-full.max-w-7xl{padding-left:18px!important;padding-right:18px!important}
  main section h2{overflow-wrap:anywhere}
  main section a.inline-flex{max-width:100%;text-align:center;justify-content:center}
  main section [class*="w-["]{max-width:100%!important}

  /* Footer: centered and visually ordered on mobile */
  footer > div{padding:44px 20px 32px!important;text-align:center!important}
  footer .grid{grid-template-columns:1fr!important;gap:34px!important;margin-bottom:36px!important}
  footer .grid > div{width:100%;text-align:center!important}
  footer .grid > div:first-child > div:first-child{justify-content:center!important}
  footer .grid > div:first-child img{height:42px!important;margin:0 auto!important}
  footer .grid > div:first-child p{margin-left:auto!important;margin-right:auto!important;max-width:340px!important;text-align:center!important}
  footer .grid > div:first-child .flex.items-center.gap-4{justify-content:center!important}
  footer h4{text-align:center!important;margin-bottom:12px!important}
  footer ul{padding-left:0!important;margin-left:0!important}
  footer li{text-align:center!important}
  footer .grid > div:last-child p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  footer .grid > div:last-child .inline-flex{margin-left:auto!important;margin-right:auto!important}
  footer .pt-8.border-t{padding-top:26px!important;gap:20px!important;align-items:center!important}
  footer .pt-8.border-t > p{max-width:350px!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;line-height:21px!important}
  footer .pt-8.border-t > div{gap:12px 18px!important;justify-content:center!important;width:100%}
  footer .pt-8.border-t > div a{text-align:center!important}

  /* Floating WhatsApp: keep inside viewport */
  body > .fixed.bottom-6.right-6{right:14px!important;bottom:14px!important}
}

@media (max-width: 359px){
  header > div > a:first-child img{height:26px!important;max-width:92px!important}
  header > div > div:last-child > a:last-child{padding:9px 10px!important;font-size:11px!important;max-width:152px!important}
  #hero-headline{font-size:31px!important;line-height:38px!important}
  main > section:first-of-type > div.relative.z-10{padding-left:15px!important;padding-right:15px!important}
  footer > div{padding-left:16px!important;padding-right:16px!important}
}