1<!doctype html> 2<html lang="es"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="profile" href="https://gmpg.org/xfn/11"> 7 8 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 9 10 <!-- This site is optimized with the Yoast SEO plugin v26.2 - https://yoast.com/wordpress/plugins/seo/ --> 11 <title>Estudios de mercado para el Sector público - Berumen</title> 12 <meta name="description" content="A lo largo de más de 30 años en el sector público, hemos ejecutado proyectos para diversas instituciones gubernamentales en todo el paÃs." /> 13 <link rel="canonical" href="https://berumen.com.mx/sector-publico/" /> 14 <meta property="og:locale" content="es_ES" /> 15 <meta property="og:type" content="article" /> 16 <meta property="og:title" content="Estudios de mercado para el Sector público - Berumen" /> 17 <meta property="og:description" content="A lo largo de más de 30 años en el sector público, hemos ejecutado proyectos para diversas instituciones gubernamentales en todo el paÃs." /> 18 <meta property="og:url" content="https://berumen.com.mx/sector-publico/" /> 19 <meta property="og:site_name" content="Berumen" /> 20 <meta property="article:publisher" content="https://www.facebook.com/BerumenyAsoc" /> 21 <meta property="article:modified_time" content="2023-12-29T03:15:19+00:00" /> 22 <meta property="og:image" content="https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg" /> 23 <meta property="og:image:width" content="1800" /> 24 <meta property="og:image:height" content="1200" /> 25 <meta property="og:image:type" content="image/jpeg" /> 26 <meta name="twitter:card" content="summary_large_image" /> 27 <meta name="twitter:site" content="@berumenyasoc" /> 28
28<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://berumen.com.mx/sector-publico/","url":"https://berumen.com.mx/sector-publico/","name":"Estudios de mercado para el Sector público - Berumen","isPartOf":{"@id":"https://berumen.com.mx/#website"},"primaryImageOfPage":{"@id":"https://berumen.com.mx/sector-publico/#primaryimage"},"image":{"@id":"https://berumen.com.mx/sector-publico/#primaryimage"},"thumbnailUrl":"https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg","datePublished":"2022-09-29T21:13:34+00:00","dateModified":"2023-12-29T03:15:19+00:00","description":"A lo largo de más de 30 años en el sector público, hemos ejecutado proyectos para diversas instituciones gubernamentales en todo el paÃs.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https://berumen.com.mx/sector-publico/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https://berumen.com.mx/sector-publico/#primaryimage","url":"https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg","contentUrl":"https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg","width":1800,"height":1200},{"@type":"WebSite","@id":"https://berumen.com.mx/#website","url":"https://berumen.com.mx/","name":"Berumen","description":"","publisher":{"@id":"https://berumen.com.mx/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://berumen.com.mx/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https://berumen.com.mx/#organization","name":"Berumen","url":"https://berumen.com.mx/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https://berumen.com.mx/#/schema/logo/image/","url":"https://berumen.com.mx/wp-content/uploads/2022/10/berumen-d.png","contentUrl":"https://berumen.com.mx/wp-content/uploads/2022/10/berumen-d.png","width":585,"height":144,"caption":"Berumen"},"image":{"@id":"https://berumen.com.mx/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/BerumenyAsoc","https://x.com/berumenyasoc","https://www.linkedin.com/company/berumen/"]}]}</script>
28 29 <!-- / Yoast SEO plugin. --> 30 31 32<link rel="alternate" type="application/rss+xml" title="Berumen » Feed" href="https://berumen.com.mx/feed/" /> 33<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://berumen.com.mx/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fberumen.com.mx%2Fsector-publico%2F" /> 34<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://berumen.com.mx/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fberumen.com.mx%2Fsector-publico%2F&format=xml" /> 35<style id="wp-img-auto-sizes-contain-inline-css"> 36img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 37/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 38</style> 39<style id="classic-theme-styles-inline-css"> 40/*! This file is auto-generated */ 41.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 42/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 43</style> 44 45<link rel='stylesheet' id='berumen-style-css' href='https://berumen.com.mx/wp-content/themes/berumen-theme/style.css?ver=1.0.0' media='all' /> 46<link rel='stylesheet' id='publico-css' href='https://berumen.com.mx/wp-content/themes/berumen-theme/assets/css/publico.css?ver=1.0' media='all' /> 47<link rel="https://api.w.org/" href="https://berumen.com.mx/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://berumen.com.mx/wp-json/wp/v2/pages/27" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://berumen.com.mx/xmlrpc.php?rsd" /> 48<link rel='shortlink' href='https://berumen.com.mx/?p=27' /> 49 50 <!-- GA Google Analytics @ https://m0n.co/ga -->
vendor: 66 bytes, lines 50-51
50 51 <script async src="https://www.googletagmanager.com/gtag/js?id=
51G-6M3HTYV340
vendor: 14 bytes, lines 51-52
51"></script> 52
52<script> 53
vendor: 136 bytes, lines 53-56
53window.dataLayer = window.dataLayer || []; 54 function gtag(){dataLayer.push(arguments);} 55 gtag('js', new Date()); 56 gtag('config', '
56G-6M3HTYV340
vendor: 6 bytes, lines 56-57
56'); 57
57</script>
57 58 59 <style>/* CSS added by WP Meta and Date Remover*/.wp-block-post-author__name{display:none !important;} .wp-block-post-date{display:none !important;} .entry-meta {display:none !important;} .home .entry-meta { display: none; } .entry-footer {display:none !important;} .home .entry-footer { display: none; }</style><link rel="icon" href="https://berumen.com.mx/wp-content/uploads/2025/09/favicon-2-150x150.png" sizes="32x32" /> 60<link rel="icon" href="https://berumen.com.mx/wp-content/uploads/2025/09/favicon-2-300x300.png" sizes="192x192" /> 61<link rel="apple-touch-icon" href="https://berumen.com.mx/wp-content/uploads/2025/09/favicon-2-300x300.png" /> 62<meta name="msapplication-TileImage" content="https://berumen.com.mx/wp-content/uploads/2025/09/favicon-2-300x300.png" /> 63<style id="wp-custom-css"> 64.btn.btn-solid { 65 border-radius: 50px; 66 background-color: #0BF7FD !important; 67 color: #000 !important; 68 font-size: 14px; 69 letter-spacing: 1px; 70 font-weight: 700; 71 padding: 0.85em 1.5em 0.75em; 72} 73 74.main-banner .slide .caption h1 span { 75 display: inline-block; 76 color: #0BF7FD; 77 border: 1px solid #0BF7FD !important; 78 border-radius: 50px; 79 padding: 0.5em 1em 0.6em; 80 letter-spacing: 1px; 81} 82 .heading-s1 .caption-pill span { 83 display: inline-block; 84 color: #0BF7FD !important; 85 border: 1px solid #0BF7FD !important; 86 border-radius: 50px; 87 padding: 0.5em 1em 0.6em; 88 letter-spacing: 1px; 89} 90 91.heading-s1 .caption-pill span { 92 display: inline-block; 93 color: #333333 !important; 94 border: 1px solid #333333 !important; 95 border-radius: 50px; 96 padding: 0.5em 1em 0.6em; 97 letter-spacing: 1px; 98} 99 100.cta-contacto .formulario::before { 101 content: ""; 102 display: block; 103 width: 500%; 104 height: 100%; 105 position: absolute; 106 top: 0; 107 left: 0; 108 z-index: 1; 109 background: #424241; 110 border-top-left-radius: var(--bs-border-radius-2xl); 111 border-bottom-left-radius: var(--bs-border-radius-2xl); 112} 113 114.cta-contacto .formulario .fc-inner .lead { 115 color: #ffffff; 116 font-size: 24px; 117} 118 119.cta-contacto .formulario .fc-inner form .form-group label { 120 color: #ffffff; 121 display: block; 122 margin-bottom: 0.5em; 123} 124 125.clientes .cont-pill .title h3 { 126 display: inline-block; 127 color: #333333; 128 border: 1px solid #333333; 129 border-radius: 50px; 130 padding: 0.5em 1em 0.6em; 131 letter-spacing: 1px; 132 font-size: 16px; 133 background-color: #fff; 134 position: absolute; 135 top: 0; 136 left: 50%; 137 transform: translateX(-50%) translateY(-50%); 138} 139 140.cta-contacto .info .social .sub, .cta-contacto .info .tels .sub { 141 color: #0BF70D; 142 font-size: 24px; 143 font-weight: 700; 144 margin-bottom: 15px; 145} 146 147.cta-contacto .info .social .sub, .cta-contacto .info .tels .sub { 148 color: #0BF7FD; 149 font-size: 24px; 150 font-weight: 700; 151 margin-bottom: 15px; 152} 153 154.site-footer .bottom .social a:hover { 155 color: #0BF7FD; 156} 157 158.site-footer .bottom .oficinas ul li a:hover { 159 color: #0BF7FD; 160} 161 162.site-footer .bottom .sitemap .menu .menu-item a:hover { 163 color: #0BF7FD; 164} 165 166.blog .post .entry-header .entry-title a:hover { 167 color: #37DEFF; 168} 169 170.card-service .title { 171 font-weight: 900; 172 font-size: 24px; 173 letter-spacing: 1px; 174 color: #333333; 175} 176 177.cta-contacto .info .social a:hover { 178 color: #0BF7FD; 179} 180 181.archive .post .entry-footer a, .blog .post .entry-footer a { 182 color: #333333; 183} 184 185 186element.style { 187} 188.archive .post .entry-footer a:hover, .blog .post .entry-footer a:hover { 189 color: #0BF7FD; 190} 191 192.posts-navigation .nav-links a { 193 font-weight: 700; 194 text-decoration: none; 195 color: #333333; 196} 197 198.posts-navigation .nav-links a:hover { 199 color: #0BF7FD; 200} 201 202.cta-contacto .info .social a { 203 display: inline-block; 204 margin-right: 15px; 205 color: #424241; 206 text-decoration: none; 207} 208 209.banner-simple .caption .caption-pill span { 210 display: inline-block; 211 color: #333333; 212 border: 1px solid #333333; 213 border-radius: 50px; 214 padding: 0.5em 1em 0.6em; 215 letter-spacing: 1px; 216} 217 218.banner .slide .caption .caption-pill span { 219 display: inline-block; 220 color: #0BF7FD; 221 border: 1px solid #0BF7FD; 222 border-radius: 50px; 223 padding: 0.5em 1em 0.6em; 224 letter-spacing: 1px; 225} 226 227.text-green { 228 color: #0BF7FD; 229} 230 231.miviva .blocks .item .inner h3 { 232 font-weight: 900; 233 font-size: 24px; 234 letter-spacing: 1px; 235 color: #0BF7FD; 236} 237 238.feats-pills.green li { 239 color: #0BF7FD; 240 border-color: #0BF7FD; 241} 242 243.historia .blocks .item .cont .info .title { 244 font-weight: 900; 245 font-size: 24px; 246 letter-spacing: 1px; 247 color: #333333; 248} 249 250.feats-pills li { 251 display: inline-block; 252 border: 1px solid #333333; 253 color: #333333; 254 border-radius: var(--bs-border-radius-2xl); 255 padding: 0.3em 1em; 256 margin: 0 1em 1em 0; 257 font-size: 15px; 258} 259
260.calidad .feats .item h5 { 261 font-weight: 900; 262 font-size: 20px; 263 letter-spacing: 1px; 264 color: #333333; 265 margin: 0 0 15px 0; 266} 267 268.instituciones .container .cont-rnd .clientes .title span { 269 display: inline-block; 270 color: #333333; 271 border: 1px solid #333333; 272 border-radius: 50px; 273 padding: 0.5em 1em 0.6em; 274 letter-spacing: 1px; 275 font-size: 16px; 276 background-color: #fff; 277 position: relative; 278 z-index: 10; 279} 280 281.instituciones .container .cont-rnd .info-block .title { 282 font-weight: 900; 283 font-size: 20px; 284 letter-spacing: 1px; 285 color: #333333; 286 margin: 0 0 15px; 287} 288 289.instituciones .container .cont-rnd .clientes .carousel .flickity-button { 290 background: #0BF7FD; 291 color: #fff; 292} 293 294.clientes .cont-pill .carousel .flickity-button { 295 background: #0BF7FD; 296 color: #fff; 297} 298 299.clientes .cont-pill .carousel .flickity-button { 300 background: #0BF7FD; 301 color: #fff; 302} 303 304.investigaciones .container .cont-rnd .clientes-inv .carousel .flickity-button { 305 background: #0BF7FD; 306 color: #fff; 307} 308 309.badge.green3 { 310 background-color: #0BF7FD; 311 color: #333333; 312} 313 314.badge.green { 315 background-color: #37DEFF; 316 color: #333333; 317} 318 319.badge.green2 { 320 background-color: #D1FF03; 321 color: #333333; 322} 323 324.badge.yellow { 325 background-color: #FF6345; 326 color: #333333 327} 328 329.investigaciones .container .cont-rnd .clientes-inv .title span { 330 display: inline-block; 331 color: #333333; 332 border: 1px solid #333333; 333 border-radius: 50px; 334 padding: 0.5em 1em 0.6em; 335 letter-spacing: 1px; 336 font-size: 16px; 337 background-color: #fff; 338 position: relative; 339 z-index: 10; 340} 341 342.banner-interior .slide .caption .caption-pill span { 343 display: inline-block; 344 color: #0BF7FD; 345 border: 1px solid #0BF7FD; 346 border-radius: 50px; 347 padding: 0.5em 1em 0.6em; 348 letter-spacing: 1px; 349} 350 351.banner-interior .slide .caption .feats ul li div svg { 352 position: absolute; 353 top: 3px; 354 left: 5px; 355 color: #0BF7FD; 356} 357 358.market-research .container .cont-rnd .blocks .card .card-body h3 { 359 font-weight: 900; 360 font-size: 20px; 361 letter-spacing: 1px; 362 color: #0BF7FD; 363} 364 365.data-int .feats .item .inner h4 { 366 font-weight: 900; 367 font-size: 20px; 368 letter-spacing: 1px; 369 color: #0BF7FD; 370} 371 372.single .post .entry-header .entry-meta a { 373 color: #333333; 374 text-decoration: none; 375} 376 377.single .post .entry-header .entry-meta a:hover { 378 color: #0BF7FD; 379} 380 381.single .post .entry-content a { 382 color: #00007b; 383 text-decoration: underline; 384} 385 386.single .post .entry-content a:focus, .single .post .entry-content a:hover { 387 color: #0E0EA8; 388} 389 390.single .post .entry-footer a { 391 color: #00007b; 392 text-decoration: none; 393} 394 395.single .post .entry-footer a:hover { 396 color: #0E0EA8; 397} 398 399.widget-area .widget ul li a:hover { 400 color: #0E0EA8; 401} 402 403.flickity-button:hover { 404 background: #37DEFF !important; /* Cambiar a azul (#37DEFF) */ 405 cursor: pointer; 406} 407 408.cta-contacto .info .tels ul li a:hover { 409 color: #0BF7FD; 410} 411 412.site-header .navigation .menu .menu-item a { 413 display: block; 414 padding: 10px 10px; 415 font-weight: 700; 416 font-size: 14px; 417 letter-spacing: .5px; 418 color: #fff; 419 text-decoration: none; 420 transition: color 0.3s; /* Agrega una transición de color */ 421} 422 423.site-header .navigation .menu .menu-item a:hover { 424 color: #0BF7FD; /* Cambia el color al hacer hover (#ff0000) */ 425} 426 427.site-header.dark .navigation .menu .menu-item a { 428 color: #424241; 429 transition: color 0.3s; /* Agrega una transición de color */ 430} 431 432.site-header .navigation .menu .menu-item a { 433 display: block; 434 padding: 10px 10px; 435 font-weight: 700; 436 font-size: 14px; 437 letter-spacing: .5px; 438 color: #fff; 439 text-decoration: none; 440 transition: color 0.3s; /* Agrega una transición de color */ 441} 442 443.site-header.dark .navigation .menu .menu-item a:hover { 444 color: #ff0000; /* Cambia el color al hacer hover en modo oscuro (#ff0000) */ 445} 446 447.site-header .navigation .menu .menu-item a:hover { 448 color: #00ff00; /* Cambia el color al hacer hover en modo claro (#00ff00) */ 449} 450 451.site-header.dark .navigation .menu .menu-item a { 452 color: #424241; 453 transition: color 0.3s; /* Agrega una transición de color */ 454} 455 456.site-header .navigation .menu .menu-item a { 457 display: block; 458 padding: 10px 10px; 459 font-weight: 700; 460 font-size: 14px; 461 letter-spacing: .5px; 462 color: #fff; 463 text-decoration: none; 464 transition: color 0.3s; /* Agrega una transición de color */ 465} 466 467.site-header.dark .navigation .menu .menu-item a:hover { 468 color: #0BF7FD; /* Cambia el color al hacer hover en modo oscuro (#0BF7FD) */ 469} 470 471.site-header .navigation .menu .menu-item a:hover { 472 color: #0BF7FD; /* Cambia el color al hacer hover en modo claro (#0BF7FD) */ 473} 474 475.site-header .navigation .menu .menu-item.menu-item-has-children .sub-menu .menu-item a { 476 color: #424241; 477 padding: 10px 0; 478 transition: color 0.3s; /* Agrega una transición de color */ 479} 480 481.site-header .navigation .menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover { 482 color: #0BF7FD; /* Cambia el color al hacer hover a verde (#0BF7FD) */ 483} 484 485.whatsapp-globe a { 486 display: block; 487 box-shadow: 0 0 20px rgba(0, 0, 0, .15); 488 background: #0BF7FD; 489 border-radius: 100px; 490 color: #333333; 491 line-height: 1em; 492 padding: 1em 1.3em 0.9em; 493 text-decoration: none; 494 font-weight: 700; 495 font-size: 13px; 496 transition: all 0.2s ease-out; 497} 498 499.whatsapp-globe a:hover { 500 background: #333333; /* Cambia el color de fondo al valor hexadecimal que deseas en hover */ 501 color: #0BF7FD; /* Cambia el color del texto al valor hexadecimal que deseas en hover */ 502} 503 504.berumen-bcc .btn-pill:hover .pill { 505 fill: #0BF7FD; 506 stroke: #424241; 507} 508 509.historia .blocks .item .cont .side::after { 510 content: ""; 511 display: block; 512 width: 1px; 513 height: calc(100% + 120px); 514 position: absolute; 515 top: 0; 516 left: 50%; 517 border-left: 2px dashed #0BF7FD; 518 z-index: 1; /* Establece un valor de z-index para el elemento con pseudo-clase ::after */ 519} 520 521.historia .blocks .item .cont img { 522 position: relative; /* Asegura que la imagen tenga una posición relativa */ 523 z-index: 2; /* Establece un valor de z-index mayor que el del elemento ::after */ 524} 525 526.pq-blocks .block .cnt-rnd { 527 background-color: #f2f2f2; 528 border-radius: var(--bs-border-radius-2xl); 529 padding: 90px 50px; 530} 531 532.text-green { 533 color: #333333; 534} 535 536.data-int .feats .item .inner h4 { 537 font-weight: 900; 538 font-size: 20px; 539 letter-spacing: 1px; 540 color: #333333; 541} 542 543.site-header .navigation .menu .menu-item.menu-item-has-children>a::after { 544 content: ""; 545 display: inline-block; 546 width: 0; 547 height: 0; 548 border-style: solid; 549 border-width: 5px 5px 0 5px; 550 border-color: #0BF7FD transparent transparent transparent; 551 margin-left: 3px; 552 position: relative; 553 top: -1px; 554} 555 556.site-header .mobile-nav-cont .container .inner nav .menu .menu-item a:hover { 557 color: #0BF7FD; 558} 559 560.mobile-nav-cont .container .inner .social a { 561 display: inline-block; 562 margin-right: 15px; 563 color: #0BF7FD; 564 text-decoration: none; 565} 566 567.site-header .mobile-nav-cont .container .inner .social a { 568 display: inline-block; 569 margin-right: 15px; 570 color: #0BF7FD; 571 text-decoration: none; 572} 573 574.archive .post .entry-header .entry-title a:hover, 575.blog .post .entry-header .entry-title a:hover { 576 color: #0BF7FD; /* Cambia el color de hover a aquamarina */ 577} 578 579 580/* Ocultar el widget de Twitter */ 581.twitter-timeline { 582 display: none !important; 583} 584 585/* Asegura que los estilos solo se apliquen en la home */ 586body.home .blog .caption-pill { 587 color: #6c757d !important; /* Gris para el texto en la home */ 588} 589 590/* Para la página Nosotros, evitar que afecte el color gris en las figuras o botones */ 591body.page-nosotros .blog .caption-pill { 592 color: inherit !important; /* Mantener el color original en la página Nosotros */ 593} 594 595/* Cambiar el fondo de la sección de blog a gris claro solo en la home */ 596body.home .blog { 597 background-color: #f0f0f0 !important; /* Gris claro para el fondo solo en home */ 598 border: none !important; /* Elimina cualquier borde en la home */ 599} 600 601/* Para los botones, evitar que el color cambie en otras páginas */ 602body.page-nosotros .blog .button-class { 603 background-color: #ffcc00 !important; /* Amarillo para los botones */ 604 color: #ffffff !important; /* Texto blanco en los botones */ 605} 606 607/* Evitar que el color gris afecte las figuras en otras páginas */ 608body.page-nosotros .blog .caption-pill .figure {
609 border-bottom: none !important; /* Evitar borde gris en la figura */ 610} 611 612/* Cambiar el color de los botones solo en la home */ 613body.home .blog .button-class:hover { 614 background-color: #ffaa00 !important; /* Cambiar color de fondo al pasar el mouse */ 615} 616 617/* Cambiar el fondo del banner de asociaciones a gris */ 618.asociaciones { 619 background-color: #f0f0f0 !important; /* Cambiar a gris claro */ 620 padding: 100px 0; 621 margin: 100px 0 0 0; 622 position: relative; 623} 624 625.market-research .container .cont-rnd { 626 border-radius: var(--bs-border-radius-2xl); 627 padding: 90px 50px; 628 background-color: #f0f0f0; /* Cambié el amarillo por el gris */ 629 margin-top: -150px; 630} 631 632.page-id-2351 .site-header .navigation .menu .menu-item a { 633 display: block; 634 padding: 10px 10px; 635 font-weight: 700; 636 font-size: 14px; 637 letter-spacing: .5px; 638 color: #424241; /* Cambiado a #424241 solo para la página de equipo */ 639 text-decoration: none; 640 transition: color 0.3s; 641} 642 643.error404 .site-header .navigation .menu .menu-item a { 644 display: block; 645 padding: 10px 10px; 646 font-weight: 700; 647 font-size: 14px; 648 letter-spacing: .5px; 649 color: #424241; /* Cambiado a #424241 solo para la página 404 */ 650 text-decoration: none; 651 transition: color 0.3s; 652} 653 654.posts .main-article { 655 max-width: 65%; /* Ajusta el tamaño máximo */ 656 margin: 0 auto; /* Centra el artÃculo */ 657 font-size: 0.9em; /* Reduce el tamaño de fuente */ 658} 659 660/* Para el autor José Escarcega */ 661.author-jescarcega .page-header .page-title span::before { 662 content: "José Escárcega"; /* Cambia el texto aquà */ 663 font-weight: bold; 664} 665 666/* Para el autor Berumen */ 667.author-berumen .page-header .page-title span::before { 668 content: "Equipo Berumen"; /* Cambia el texto aquà */ 669 font-weight: bold; 670} 671 672/* Para el autor Armando Soriano */ 673.author-armando .page-header .page-title span::before { 674 content: "Armando Soriano"; /* Cambia el texto aquà */ 675 font-weight: bold; 676} 677 678/* Aplica los estilos solo a la página con el ID "page-id-86" */ 679body.page-id-86 .heading-s2 { 680 position: relative; 681 text-align: center; 682 padding-top: 5px; /* Reducido para mover todo un poco más arriba */ 683} 684 685/* Imagen sobre el texto en la página especÃfica */ 686body.page-id-86 .heading-s2::before { 687 content: ''; 688 background-image: url('https://berumen.com.mx/wp-content/uploads/2025/04/foto-equipo-berumen-autores-articulos.gif'); /* Reemplaza 'URL_DE_LA_IMAGEN' con la URL real de tu imagen */ 689 background-size: contain; 690 background-repeat: no-repeat; 691 background-position: center; 692 width: 178px; /* Ajusta el tamaño de la imagen */ 693 height: 178px; /* Ajusta el tamaño de la imagen */ 694 display: block; 695 margin: 0 auto 15px; /* Menos espacio debajo de la imagen para que se acerque más al texto */ 696} 697 698/* Estilo del tÃtulo en la página especÃfica */ 699body.page-id-86 .title { 700 font-size: 44px; 701 font-weight: bold; 702} 703 704/* Estilo del párrafo en la página especÃfica */ 705body.page-id-86 .lead { 706 font-size: 20px; 707 color: #333; 708} 709 710.redes-sociales-contenedor { 711 bottom: 360px !important; /* Prueba con diferentes valores: 40px, 80px, etc. */ 712} 713 714.redes-sociales-contenedor a img { 715 transition: opacity 0.3s ease; /* Transición suave para el efecto */ 716} 717 718.redes-sociales-contenedor a:hover img { 719 opacity: 0.7; /* Reduce la opacidad al 70% al pasar el cursor */ 720} 721 722.entry-title a:hover { 723 color: #657275 !important; 724} 725 726.blog .col-lg-4 .btn.btn-solid, 727.blog .col-md-6 .btn.btn-solid, 728.blog .col-12 .btn.btn-solid { 729 background-color: #424241 !important; /* Gris */ 730 color: #fff !important; /* Color del texto en gris (blanco para contraste) */ 731 /* Mantén otros estilos que ya tengas para los botones */ 732} 733 734.blog .col-lg-4 .btn.btn-solid:hover, 735.blog .col-md-6 .btn.btn-solid:hover, 736.blog .col-12 .btn.btn-solid:hover { 737 background-color: #657275 !important; /* Color de hover */ 738 color: #fff !important; /* O el color de texto que prefieras en el hover */ 739} 740 741.page-id-27 .svgback ellipse { 742 rx: 60%; 743 ry: 0%; 744 cy: 120%; 745} 746 747@media (min-width: 1200px) { 748 .h2, h2 { 749 font-size: 1.4rem; 750 } 751} 752 753body.search a { 754 color: #424241 !important; 755 text-decoration: none !important; 756 757 758</style> 759 760 <link rel="icon" type="image/svg+xml" href="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/images/favicon.svg" /> 761 762 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 762-763
762 763 <script async src="https://www.googletagmanager.com/gtag/js?id=
763G-74MKGPGRGB
vendor: 16 bytes, lines 763-764
763"></script> 764
764<script> 765
vendor: 151 bytes, lines 765-768
765window.dataLayer = window.dataLayer || []; 766 function gtag(){dataLayer.push(arguments);} 767 gtag('js', new Date()); 768 gtag('config', '
768G-74MKGPGRGB
vendor: 8 bytes, lines 768-769
768'); 769
769</script>
769 770 771
771<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/97466f9baafa20bfff373d7de/58f2c6dc762029ae40e53ae43.js");</script>
771 772 773<style id="global-styles-inline-css"> 774:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
774--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
774.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 775/*# sourceURL=global-styles-inline-css */ 776</style> 777 778</head> 779 780 781<body class="wp-singular page-template page-template-page-sector-publico page-template-page-sector-publico-php page page-id-27 wp-theme-berumen-theme"> 782<div id="page" class="site"> 783 784 <header id="masthead" class="site-header light"> 785 <div class="container"> 786 <div class="logo"> 787 <a href="https://berumen.com.mx/" rel="home" title="Berumen"> 788 <img src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/images/berumen-b.svg" alt="Berumen" width="195" height="48" class="img-fluid"/> 789 </a> 790 </div> 791 792 <div class="navigation d-none d-xl-block"> 793 <div class="menu-menu-principal-container"><ul id="primary-menu" class="menu"><li id="menu-item-3715" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3715"><a href="#">Información</a> 794<ul class="sub-menu"> 795 <li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://berumen.com.mx/nosotros/">Nosotros</a></li> 796 <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://berumen.com.mx/proceso/">¿Por qué elegir a Berumen?</a></li> 797</ul> 798</li> 799<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-14"><a href="#">Servicios</a> 800<ul class="sub-menu"> 801 <li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-27 current_page_item menu-item-32"><a href="https://berumen.com.mx/sector-publico/" aria-current="page">Sector público</a></li> 802 <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://berumen.com.mx/sector-privado/">Sector privado</a></li> 803</ul> 804</li> 805<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="https://berumen.com.mx/instituciones-educativas/">Instituciones Educativas</a></li> 806<li id="menu-item-2617" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2617"><a href="https://berumen.com.mx/registra-tu-marca-notoria-o-famosa/">Declaratoria de marca</a></li> 807<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="https://berumen.com.mx/blog/">Blog</a></li> 808<li id="menu-item-1916" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1916"><a href="#">Recursos</a> 809<ul class="sub-menu"> 810 <li id="menu-item-1917" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-1917"><a href="https://berumen.com.mx/calculadora-de-muestra/">Calculadora de muestra</a></li> 811</ul> 812</li> 813</ul></div> </div> 814 815 <div class="mobile-toggle d-block d-xl-none"> 816 <button class="hamburger hamburger--spin hamburger--accessible js-hamburger" type="button" title="Menu"> 817 <span class="hamburger-box"> 818 <span class="hamburger-inner"></span> 819 </span> 820 <span class="hamburger-label">Menu</span> 821 </button> 822 </div> 823 824 <div class="extra d-none d-md-block"> 825 <a href="https://berumen.com.mx/contactanos/" class="btn btn-solid">Contacto</a> 826 </div> 827 </div> 828 829 <!-- Mobile nav --> 830 <div class="mobile-nav-cont d-block d-xl-none"> 831 <div class="container"> 832 <div class="inner" style="opacity: 0; visibility: hidden;"> 833 <nav> 834 <div class="menu-menu-principal-container"><ul id="primary-menu" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3715"><a href="#">Información</a> 835<ul class="sub-menu"> 836 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://berumen.com.mx/nosotros/">Nosotros</a></li> 837 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://berumen.com.mx/proceso/">¿Por qué elegir a Berumen?</a></li> 838</ul> 839</li> 840<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-14"><a href="#">Servicios</a> 841<ul class="sub-menu"> 842 <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-27 current_page_item menu-item-32"><a href="https://berumen.com.mx/sector-publico/" aria-current="page">Sector público</a></li> 843 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://berumen.com.mx/sector-privado/">Sector privado</a></li> 844</ul> 845</li> 846<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="https://berumen.com.mx/instituciones-educativas/">Instituciones Educativas</a></li> 847<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2617"><a href="https://berumen.com.mx/registra-tu-marca-notoria-o-famosa/">Declaratoria de marca</a></li> 848<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="https://berumen.com.mx/blog/">Blog</a></li> 849<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1916"><a href="#">Recursos</a> 850<ul class="sub-menu"> 851 <li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-1917"><a href="https://berumen.com.mx/calculadora-de-muestra/">Calculadora de muestra</a></li> 852</ul> 853</li> 854</ul></div> </nav> 855 <div class="social"> 856 <a href="https://www.facebook.com/BerumenyAsoc" target="_blank" rel="noopener noreferrer"> 857 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-facebook" viewB
857ox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg> 858 </a> 859 <a href="https://twitter.com/berumenyasoc" target="_blank" rel="noopener noreferrer"> 860 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg> 861 </a> 862 <a href="https://www.linkedin.com/company/berumen/" target="_blank" rel="noopener noreferrer"> 863 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/></svg> 864 </a> 865 </div> 866 <div class="extras"> 867<a href="https://berumen.com.mx/contactanos/" class="btn btn-solid">Contacto</a> 868 </div> 869 </div> 870 </div> 871 </div> 872 </header><!-- #masthead --> 873 874 875 <main id="primary" class="site-main"> 876 877 <section class="banner-interior"> 878 <div class="slide"> 879 <div class="caption"> 880 <div class="container"> 881 <div class="row justify-content-center" style="border-bottom: none !important;"> 882 <div class="col-lg-9 text-center"> 883 <div class="caption-pill"> 884 <span>Servicios</span> 885 </div> 886 <h1> Estudios de mercado para el sector público </h1> 887 <div class="feats"> 888 <ul> 889 <li> 890 <div> 891 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/></svg> 892 <p>
892Investigaciones gubernamentales</p> 893 </div> 894 </li> 895 <li> 896 <div> 897 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/></svg> 898 <p>Estudios electorales</p> 899 </div> 900 </li> 901 <li> 902 <div> 903 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/></svg> 904 <p>Organizaciones sociales</p> 905 </div> 906 </li> 907 </ul> 908 </div> 909 </div> 910 </div> 911 </div> 912 </div> 913 <div class="poster"> 914 <img width="1800" height="1200" src="https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751.jpg 1800w, https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751-300x200.jpg 300w, https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751-1024x683.jpg 1024w, https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751-768x512.jpg 768w, https://berumen.com.mx/wp-content/uploads/2022/09/shutterstock-17713187751-1536x1024.jpg 1536w" sizes="(max-width: 1800px) 100vw, 1800px" /> </div> 915 </div> 916 </section> 917 918 <section class="investigaciones"> 919 <div class="container"> 920 <div class="cont-rnd"> 921 <div class="heading-s1 text-center mb-5"> 922 <h2 class="lead" data-aos="fade-up"> 923 <strong>Investigaciones gubernamentales</strong> 924 </h2> 925 </div> 926 <div class="row justify-content-center"> 927 <div class="col-lg-8 mb-5" data-aos="fade-up"> 928 <p class="lead-txt text-center">En sus más de 30 años de existencia, Berumen ha realizado proyectos para <span class="badge rounded-pill green">Gobierno Federal</span>, <span class="badge rounded-pill yellow">Estatal</span>, <span class="badge rounded-pill green2">Municipal</span>, asà como diversas <span class="badge rounded-pill green3">SecretarÃas de Estado</span>, a lo largo y ancho del paÃs, lo que ha permitido desarrollar experiencias, que se reflejan en un portafolio de especialidades:</p> 929 </div> 930 </div> 931 <ul class="feats"> 932 <li class="item" data-aos="fade-up"> 933 <div class="inner"> 934 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/04/icono-eficiencia.png" alt="Feature" width="40" height="40"> 935 <p><strong>Estudio para evaluar la eficiencia</strong> de los servicios brindados por los ayuntamientos, gobiernos estatales, federales y paraestatales.</p> 936 </div> 937 </li> 938 <li class="item" data-aos="fade-up"> 939 <div class="inner"> 940 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/04/icono-monitoreo.png" alt="Feature" width="40" height="40"> 941 <p><strong>Estudio para monitorear la percepción sobre el desempeño</strong> del gobierno municipal, estatal, federal y paraestatales.</p> 942 </div> 943 </li> 944 <li class="item" data-aos="fade-up"> 945 <div class="inner"> 946 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/04/icono-integracion.png" alt="Feature" width="40" height="40"> 947 <p><strong>Estudio para la integración del plan de desarrollo</strong> tanto municipal, estatal y federal.</p> 948 </div> 949 </li> 950 <li class="item" data-aos="fade-up"> 951 <div class="inner"> 952 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/04/icono-inventario.png" alt="Feature" width="40" height="40"> 953 <p><strong>Inventario de recursos turÃsticos y auditorias estadÃsticas</strong>.</p> 954 </div> 955 </li> 956 </ul> 957 958 <div class="title" style="text-align: center; font-size: 24px; font-weight: bold; margin-top: 100px; margin-bottom: 60px;"> 959 <span>Clientes gubernamentales</span> 960</div> 961 962<div class="marcas gubernamentales-carousel"> 963 <div class="marcas-slide"> 964 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/infonavit-logo.png" alt="Infonavit" class="logo-gubernamental" /> 965 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/imss-logo.png" alt="IMSS" class="logo-gubernamental" /> 966 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/jalisco-logo.png" alt="Gobierno de Jalisco" class="logo-gubernamental-largo" /> 967 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/nuevo-leon-logo.png" alt="Gobierno de Nuevo León" class="logo-gubernamental" /> 968 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/michoacan-logo.png" alt="Gobierno de Mich
968oacán" class="logo-gubernamental-largo" /> 969 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/gto-logo.png" alt="Gobierno de Guanajuato" class="logo-gubernamental" /> 970 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/zapopan-logo.png" alt="Gobierno de Zapopan" class="logo-gubernamental-largo" /> 971 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/guadalajara-logo.png" alt="Gobierno de Guadalajara" class="logo-gubernamental" /> 972 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/ayuntamiento-aguascalientes-logo.png" alt="Ayuntamiento de Aguascalientes" class="logo-gubernamental-largo" /> 973 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/sedesol-logo.png" alt="SEDESOL" class="logo-gubernamental" /> 974 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/sat-logo.png" alt="SAT" class="logo-gubernamental-corto" /> 975 976 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/infonavit-logo.png" alt="Infonavit" class="logo-gubernamental" /> 977 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/imss-logo.png" alt="IMSS" class="logo-gubernamental" /> 978 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/jalisco-logo.png" alt="Gobierno de Jalisco" class="logo-gubernamental-largo" /> 979 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/nuevo-leon-logo.png" alt="Gobierno de Nuevo León" class="logo-gubernamental" /> 980 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/michoacan-logo.png" alt="Gobierno de Michoacán" class="logo-gubernamental-largo" /> 981 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/gto-logo.png" alt="Gobierno de Guanajuato" class="logo-gubernamental" /> 982 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/zapopan-logo.png" alt="Gobierno de Zapopan" class="logo-gubernamental-largo" /> 983 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/guadalajara-logo.png" alt="Gobierno de Guadalajara" class="logo-gubernamental" /> 984 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/ayuntamiento-aguascalientes-logo.png" alt="Ayuntamiento de Aguascalientes" class="logo-gubernamental-largo" /> 985 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/sedesol-logo.png" alt="SEDESOL" class="logo-gubernamental" /> 986 <img src="https://berumen.com.mx/wp-content/uploads/2025/05/sat-logo.png" alt="SAT" class="logo-gubernamental-corto" /> 987 </div> 988</div> 989 990<style> 991 .marcas.gubernamentales-carousel { 992 overflow: hidden; 993 white-space: nowrap; 994 position: relative; 995 margin-top: 10px; 996 margin-bottom: 103px; /* Ajusta este valor según necesites */ 997 } 998 999 .marcas.gubernamentales-carousel:before, 1000 .marcas.gubernamentales-carousel:after { 1001 content: ""; 1002 position: absolute; 1003 top: 0; 1004 width: 50px; 1005 height: 100%; 1006 z-index: 2; 1007 } 1008 1009 .marcas.gubernamentales-carousel:before { 1010 left: 0; 1011 background: linear-gradient(to left, rgba(255,255,255,0), #ffffff); 1012 } 1013 1014 .marcas.gubernamentales-carousel:after { 1015 right: 0; 1016 background: linear-gradient(to right, rgba(255,255,255,0), #ffffff); 1017 } 1018 1019 .marcas-slide { 1020 display: inline-block; 1021 animation: slide-gubernamental 30s linear infinite; /* Ajusté la duración a 30 segundos */ 1022 } 1023 1024 .marcas.gubernamentales-carousel:hover .marcas-slide { 1025 animation-play-state: paused; 1026 } 1027 1028 .marcas-slide img { 1029 height: 180px; /* Aumenté aún más la altura base de los logos a 180px */ 1030 margin: 0 60px; /* Aumenté el margen para dar más espacio entre logos */ 1031 filter: grayscale(100%); 1032 transition: filter 0.3s ease, transform 0.3s ease; 1033 vertical-align: middle; 1034 } 1035 1036 .marcas-slide img:hover { 1037 filter: grayscale(0%); 1038 transform: scale(1.1); 1039 z-index: 1000; 1040 } 1041 1042 /* Clases especÃficas para ajustar alturas si es necesario */ 1043 .logo-gubernamental-largo { 1044 height: 150px !important; /* Ajusté la altura para logos largos */ 1045 } 1046 1047 .logo-gubernamental-corto { 1048 height: 190px !important; /* Ajusté la altura para logos cortos si es necesario */ 1049 } 1050
1051 @keyframes slide-gubernamental { 1052 0% { transform: translateX(0); } 1053 100% { transform: translateX(-50%); } /* Desplaza el doble del ancho para el loop */ 1054 } 1055</style> 1056 1057<svg class="svgback" width="100%" height="150px" viewBox="0 0 150 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"> 1058 <ellipse cx="50%" cy="100%" rx="60%" ry="100%" fill="white" /> 1059</svg> 1060 </section> 1061 1062 <section class="estudios-electorales"> 1063 <div class="container position-relative" style="z-index: 10"> 1064 <div class="row align-items-center justify-content-between"> 1065 <div class="col-lg-6" data-aos="fade-right"> 1066 <div class="heading-s2"> 1067 <h3 class="title">Estudios electorales</h3> 1068 <p class="lead"><strong>Berumen es pionero en el desarrollo de estudios de mercado electoral</strong>, lo que ha permitido que dentro de sus especialidades se haya desarrollado un Election Data Lab: </p> 1069 </div> 1070 <ul class="feats-pills"> 1071 <li>Monitoreo de campañas electorales</li> 1072 <li>Encuestas de salida</li> 1073 <li>Conteo rápido</li> 1074 </ul> 1075 </div> 1076 <div class="col-lg-6 col-xl-5"> 1077 <img 1078 src="https://berumen.com.mx/wp-content/uploads/2025/04/imagen-elecciones-el-dia-de-hoy.png" 1079 alt="Imagen elecciones el dÃa de hoy" 1080 class="img-fluid d-block mx-auto" 1081 style="max-width: 100%; height: auto; margin-bottom: 100px;" 1082 > 1083</div> 1084 </div> 1085 </div> 1086 </section> 1087 1088 <div class="title" style="text-align: center; font-size: 24px; font-weight: bold; margin-top: 100px; margin-bottom: 60px;"> 1089 <span>Clientes electorales</span> 1090</div> 1091 1092<div class="marcas electorales-carousel"> 1093 <div class="marcas-slide"> 1094 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/ine-logo.png" alt="INE" class="logo-electoral" /> 1095 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/cee-logo.png" alt="CEE" class="logo-electoral" /> 1096 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/instituto-electoral-jalisco-logo.png" alt="Instituto Electoral de Jalisco" class="logo-electoral-largo" /> 1097 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/iepc-logo.png" alt="IEPC" class="logo-electoral" /> 1098 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/iees-logo.png" alt="IEES" class="logo-electoral" /> 1099 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/pan-logo.png" alt="PAN" class="logo-electoral-partido" /> 1100 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/pri-logo.png" alt="PRI" class="logo-electoral-partido" /> 1101 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/prd-logo.png" alt="PRD" class="logo-electoral-partido" /> 1102 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/morena-logo.png" alt="MORENA" class="logo-electoral-partido" /> 1103 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/mc-logo.png" alt="Movimiento Ciudadano" class="logo-electoral-partido" /> 1104 1105 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/ine-logo.png" alt="INE" class="logo-electoral" /> 1106 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/cee-logo.png" alt="CEE" class="logo-electoral" /> 1107 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/instituto-electoral-jalisco-logo.png" alt="Instituto Electoral de Jalisco" class="logo-electoral-largo" /> 1108 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/iepc-logo.png" alt="IEPC" class="logo-electoral" /> 1109 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/iees-logo.png" alt="IEES" class="logo-electoral" /> 1110 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/pan-logo.png" alt="PAN" class="logo-electoral-partido" /> 1111 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/pri-logo.png" alt="PRI" class="logo-electoral-partido" /> 1112 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/prd-logo.png" alt="PRD" class="logo-electoral-partido" /> 1113 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/morena-logo.png" alt="MORENA" class="logo-electoral-partido" /> 1114 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/mc-logo.png" alt="Movimiento Ciudadano" class="logo-electoral-partido" /> 1115 </div> 1116</div> 1117 1118<style> 1119 .marcas.electorales-carousel { 1120 overflow: hidden; 1121 white-space: nowrap; 1122 position: relative; 1123 margin-top: 10px; 1124 margin-bottom: 103px; /* Ajusta este valor según necesites */ 1125 } 1126 1127 .marcas.electorales-carousel:before, 1128 .marcas.electorales-carousel:after { 1129 content: ""; 1130 position: absolute; 1131 top: 0; 1132 width: 50px; 1133 height: 100%; 1134 z-index: 2; 1135 } 1136 1137 .marcas.electorales-carousel:before { 1138 left: 0; 1139 background: linear-gradient(to left, rgba(255,255,255,0), #ffffff); 1140 } 1141 1142 .marcas.electorales-carousel:after { 1143 right: 0; 1144 background: linear-gradient(to right, rgba(255,255,255,0), #ffffff); 1145 } 1146 1147 .marcas-slide { 1148 display: inline-block; 1149 animation: slide-electoral 15s linear infinite; /* Reduje la duración a 15 segundos para que sea más rápido */ 1150 } 1151 1152 .marcas.electorales-carousel:hover .marcas-slide { 1153 animation-play-state: paused; 1154 } 1155 1156 .marcas-slide img { 1157 height: 120px; /* Aumenté la altura base de los logos */ 1158 margin: 0 30px; /* Aumenté el margen para dar más espacio entre logos */ 1159 filter: grayscale(100%); 1160 transition: filter 0.3s ease, transform 0.3s ease; 1161 vertical-align: middle; 1162 } 1163 1164 .marcas-slide img:hover { 1165 filter: grayscale(0%); 1166 transform: scale(1.1); 1167 z-index: 1000; 1168 } 1169 1170 /* Clases especÃficas para ajustar alturas si es necesario */ 1171 .logo-electoral-largo { 1172 height: 90px !important; /* Ajusté la altura para logos largos */ 1173 } 1174 1175 .logo-electoral-partido { 1176 height: 130px !important; /* Ajusté la altura para los logos de partidos */ 1177 } 1178
1179 @keyframes slide-electoral { 1180 0% { transform: translateX(0); } 1181 100% { transform: translateX(-50%); } 1182 } 1183</style> 1184 1185<section class="org-sociales"> 1186 <div class="container position-relative" style="z-index: 10"> 1187 <div class="row justify-content-end"> 1188 <div class="col-lg-6" data-aos="fade-up"> 1189 <div class="heading-s2 text-white mb-4"> 1190 <h4 class="title">Organizaciones sociales</h4> 1191 <p class="lead"><strong>Berumen ha participado en múltiples ejercicios del ámbito social</strong>, lo que ha permitido que se haya desarrollado un portafolio especializado de servicios para organismos sin fines de lucro. </p> 1192 </div> 1193 <ul class="feats-pills green"> 1194 <li>Estudio de evaluación de comunicación interna y externa</li> 1195 <li>Estudio sobre evaluación de programas</li> 1196 <li>Censos especializados</li> 1197 <li>Estudio sobre impacto social y tecnológico</li> 1198 <li>Estudio sobre temas en transferencia de tecnologÃa</li> 1199 </ul> 1200 </div> 1201 </div> 1202 </div> 1203 <div class="poster"> 1204 <picture> 1205 <source srcset="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/images/webp/banner-organizaciones-sociales.webp" type="image/webp"> 1206 <img loading="lazy" src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/images/optimized/banner-organizaciones-sociales.jpg" alt="Organizaciones sociales" width="2516" height="1466" /> 1207 </picture> 1208 </div> 1209</section> 1210 1211 <div class="title" style="text-align: center; font-size: 24px; font-weight: bold; margin-top: 100px; margin-bottom: 60px;"> 1212 <span>Clientes sociales</span> 1213</div> 1214 1215<div class="marcas sociales-carousel"> 1216 <div class="marcas-slide"> 1217 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/rio-arronte-logo.png" alt="Rio Arronte" class="logo-social" /> 1218 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/este-pais-logo.png" alt="Este Pais" class="logo-social" /> 1219 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/consejo-del-agua-logo.png" alt="Consejo del Agua" class="logo-social-largo" /> 1220 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/fondo-ambiental-mty-logo.png" alt="Fondo Ambiental Mty" class="logo-social" /> 1221 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/caritas-logo.png" alt="Caritas" class="logo-social" /> 1222 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/banco-interamericano-de-desarrollo-logo.png" alt="Banco Interamericano de Desarrollo" class="logo-social-largo" /> 1223 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/banco-mundial-logo.png" alt="Banco Mundial" class="logo-social" /> 1224 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/onu-logo.png" alt="ONU" class="logo-social" /> 1225 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/colegio-de-mexico-logo.png" alt="Colegio de Mexico" class="logo-social-largo" /> 1226 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/cide-logo.png" alt="CIDE" class="logo-social" /> 1227 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/frontera-norte-logo.png" alt="Frontera Norte" class="logo-social" /> 1228 1229 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/rio-arronte-logo.png" alt="Rio Arronte" class="logo-social" /> 1230 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/este-pais-logo.png" alt="Este Pais" class="logo-social" /> 1231 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/consejo-del-agua-logo.png" alt="Consejo del Agua" class="logo-social-largo" /> 1232 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/fondo-ambiental-mty-logo.png" alt="Fondo Ambiental Mty" class="logo-social" /> 1233 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/caritas-logo.png" alt="Caritas" class="logo-social" /> 1234 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/banco-interamericano-de-desarrollo-logo.png" alt="Banco Interamericano de Desarrollo" class="logo-social-largo" /> 1235 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/banco-mundial-logo.png" alt="Banco Mundial" class="logo-social" /> 1236 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/onu-logo.png" alt="ONU" class="logo-social" /> 1237 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/colegio-de-mexico-logo.png" alt="Colegi
1237o de Mexico" class="logo-social-largo" /> 1238 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/cide-logo.png" alt="CIDE" class="logo-social" /> 1239 <img src="https://berumen.com.mx/wp-content/uploads/2025/04/frontera-norte-logo.png" alt="Frontera Norte" class="logo-social" /> 1240 </div> 1241</div> 1242 1243<style> 1244 .marcas.sociales-carousel { 1245 overflow: hidden; 1246 white-space: nowrap; 1247 position: relative; 1248 margin-top: 10px; 1249 margin-bottom: 103px; /* Ajusta este valor según necesites */ 1250 } 1251 1252 .marcas.sociales-carousel:before, 1253 .marcas.sociales-carousel:after { 1254 content: ""; 1255 position: absolute; 1256 top: 0; 1257 width: 50px; 1258 height: 100%; 1259 z-index: 2; 1260 } 1261 1262 .marcas.sociales-carousel:before { 1263 left: 0; 1264 background: linear-gradient(to left, rgba(255,255,255,0), #ffffff); 1265 } 1266 1267 .marcas.sociales-carousel:after { 1268 right: 0; 1269 background: linear-gradient(to right, rgba(255,255,255,0), #ffffff); 1270 } 1271 1272 .marcas-slide { 1273 display: inline-block; 1274 animation: slide-social 15s linear infinite; /* Mantenemos la velocidad */ 1275 } 1276 1277 .marcas.sociales-carousel:hover .marcas-slide { 1278 animation-play-state: paused; 1279 } 1280 1281 .marcas-slide img { 1282 height: 160px; /* Aumenté aún más la altura base de los logos */ 1283 margin: 0 40px; /* Aumenté el margen para dar más espacio entre logos */ 1284 filter: grayscale(100%); 1285 transition: filter 0.3s ease, transform 0.3s ease; 1286 vertical-align: middle; 1287 } 1288 1289 .marcas-slide img:hover { 1290 filter: grayscale(0%); 1291 transform: scale(1.1); 1292 z-index: 1000; 1293 } 1294 1295 /* Clases especÃficas para ajustar alturas si es necesario */ 1296 .logo-social-largo { 1297 height: 120px !important; /* Ajusté la altura para logos largos */ 1298 } 1299 1300 .logo-social { 1301 height: 160px !important; /* Ajusté la altura para los logos base */ 1302 } 1303 1304 @keyframes slide-social { 1305 0% { transform: translateX(0); } 1306 100% { transform: translateX(-50%); } 1307 } 1308</style> 1309 1310 <section class="cta-contacto" id="contacto"> 1311 <div class="container"> 1312 <div class="row justify-content-between"> 1313 <div class="col-lg-5 col-xl-4 mb-5 mb-lg-0" data-aos="fade-up"> 1314 <div class="info"> 1315 <div class="heading-s1 mb-4"> 1316 <div class="caption-pill mb-3"> 1317 <span>Contáctanos</span> 1318 </div> 1319 <p class="lead"> 1320 <strong>¿Necesitas asistencia? EscrÃbenos o llámanos</strong> 1321 </p> 1322 </div> 1323 <div class="tels mb-4"> 1324<div class="sub" style="color: #9b9b9a !important;">Llámanos</div> 1325<style> 1326ul.telefonos li a { 1327 color: inherit !important; 1328 text-decoration: none !important; 1329 transition: color 0.3s ease !important; 1330} 1331 1332ul.telefonos li a:hover { 1333 color: #000000 !important; 1334} 1335</style> 1336 1337<ul class="telefonos"> 1338 <li> 1339 <strong>Ciudad de México:</strong> <a href="tel:5550938600">(55) 5093-8600</a> 1340 </li> 1341 <li> 1342 <strong>Monterrey:</strong> <a href="tel:8183561820">(81) 8356-1820</a> 1343 </li> 1344 <li> 1345 <strong>Guadalajara:</strong> <a href="tel:3336161334">(33) 3616-1334</a> 1346 </li> 1347</ul> 1348 </div> 1349<div class="social mb-4"> 1350<div class="sub" style="color: #9b9b9a !important;">SÃguenos</div> 1351 <a href="https://www.facebook.com/BerumenyAsoc" target="_blank" rel="noopener noreferrer" style="margin-right: 5px;"> 1352 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-fb-44x44-1.webp" alt="Facebook Berumen" width="22" height="22"> 1353</a> 1354 <a href="https://twitter.com/berumenyasoc" target="_blank" rel="noopener noreferrer" style="margin-right: 5px;"> 1355 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-x-44x44-1.webp" alt="X Berumen" width="22" height="22"> 1356</a> 1357 <a href="https://www.linkedin.com/company/berumen/" target="_blank" rel="noopener noreferrer" style="margin-right: 5px;"> 1358 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-linkedin-44x44-1.webp" alt="LinkedIn Berumen" width="22" height="22"> 1359</a> 1360 <a href="https://www.instagram.com/berumenyasociados/" target="_blank" rel="noopener noreferrer" style="margin-right: 5px;"> 1361 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-ig-44x44-1.webp" alt="Instagram Berumen" width="22" height="22"> 1362</a> 1363 <a href="https://www.youtube.com/@BerumenInvestigacion/" target="_blank" rel="noopener noreferrer"> 1364 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-yt-44x44-1.webp" alt="YouTube Berumen" width="26" height="26"> 1365</a> 1366 </div> 1367 <style> 1368.social a img { 1369 transition: transform 0.3s ease, opacity 0.3s ease; 1370} 1371 1372.social a img:hover { 1373 transform: scale(1.15); 1374 opacity: 0.8; 1375} 1376</style>
1377 </div> 1378 </div> 1379 <div class="col-lg-7" data-aos="fade-up"> 1380 <div class="formulario"> 1381 <div class="fc-inner"> 1382 <p class="lead"><strong>Ingresa tus datos</strong> y uno de nuestros <strong>asesores</strong> te contactará en breve.</p> 1383 <form action="https://api.sheetmonkey.io/form/7tYshhvXrw6XoXrxpW6Be" method="post"> 1384 <input type="hidden" name="Created" value="x-sheetmonkey-current-date-time" /> 1385 <input type="hidden" name="x-sheetmonkey-redirect" value="https://berumen.com.mx/gracias/" /> 1386 <input type="hidden" name="location" value="https://berumen.com.mx/sector-publico/"> 1387 <div class="row"> 1388 <div class="col-12 col-sm-6"> 1389 <div class="form-group mb-3"> 1390 <label for="nombre">Nombre</label> 1391 <input id="nombre" name="nombre" type="text" class="form-control" autocomplete="name" required> 1392 </div> 1393 </div> 1394 <div class="col-12 col-sm-6"> 1395 <div class="form-group mb-3"> 1396 <label for="apellidos">Apellidos</label> 1397 <input id="apellidos" name="apellidos" type="text" class="form-control" autocomplete="family-name"> 1398 </div> 1399 </div> 1400 <div class="col-12 col-sm-6"> 1401 <div class="form-group mb-3"> 1402 <label for="tel">Teléfono</label> 1403 <input id="tel" name="tel" type="tel" class="form-control" autocomplete="tel" required> 1404 </div> 1405 </div> 1406 <div class="col-12 col-sm-6"> 1407 <div class="form-group mb-3"> 1408 <label for="email">Email</label> 1409 <input id="email" name="email" type="email" class="form-control" autocomplete="email" required> 1410 </div> 1411 </div> 1412 <div class="col-12 mb-3"> 1413 <div class="form-group"> 1414 <label for="mensaje">Mensaje</label> 1415 <textarea name="mensaje" id="mensaje" rows="4" class="form-control"></textarea> 1416 </div> 1417 </div> 1418 <div class="col-12" style="margin-top: 15px;"> 1419 <div style="display: flex; align-items: center;"> 1420 <button type="submit" class="btn btn-solid">Enviar</button> 1421 <a href="https://docs.google.com/document/d/1MwoItlTbBJWvAWaBWMWqpzHxdhaB8mLN/edit?usp=sharing&ouid=109616469558672755443&rtpof=true&sd=true" target="_blank" style="margin-left: 35px; font-size: 18px; color:#fff; text-decoration:none; transition: all 0.3s; border-bottom: 1px solid transparent;" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';"> 1422 ðð» Descarga con un click el formato de cotización. 1423 </a> 1424 </div> 1425 </div> 1426 </div> 1427 </form> 1428 </div> 1429 </div> 1430</div> 1431 </div> 1432 </div> 1433</section> 1434 </main><!-- #main --> 1435 1436 1437 <footer id="colophon" class="site-footer" style="background-color: #e5e5e5; padding-top: 50px; padding-bottom: 20px;"> 1438 <div class="container"> 1439 1440 <div class="footer-icon-divider" style="display: flex; align-items: center; justify-content: center; margin-bottom: 50px;"> 1441 <div style="flex-grow: 1; height: 1.0px; background-color: #424241; max-width: 40%;"></div> 1442 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/04/footer-isotipo-berumen.png" alt="Isotipo Footer" width="30" height="30" style="display: block; margin: 0 33px;"> 1443 <div style="flex-grow: 1; height: 1.0px; background-color: #424241; max-width: 40%;"></div> 1444 </div> 1445 1446 <div class="footer-grid-container" style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 30px 10px; margin-bottom: 40px;"> 1447 1448 <div class="footer-column" style="flex-basis: 250px; flex-grow: 1; text-align: left; min-width: 150px;"> 1449 <p style="font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #424241;">Mapa del sitio</p> 1450 <ul style="list-style-type: none; padding: 0; margin: 0; font-size: 15px;"> 1451 <li><a href="/nosotros" class="footer-link">Nosotros</a></li> 1452 <li><a href="/proceso" class="footer-link">Proceso</a></li> 1453 <li><a href="/sector-publico" class="footer-link">Sector público</a></li> 1454 <li><a href="/sector-privado" class="footer-link">Sector privado</a></li> 1455 <li><a href="/instituciones-educativas" class="footer-link">Instituciones Educativas</a></li> 1456 <li><a href="/blog" class="footer-link">Blog</a></li> 1457 </ul> 1458 </div> 1459 1460 <div class="footer-column" style="flex-basis: 300px; flex-grow: 1; text-align: left; min-width: 200px;"> 1461 <p style="font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #424241;">Definiciones</p> 1462 <ul style="list-style-type: none; padding: 0; margin: 0; font-size: 15px;"> 1463 <li><a href="https://berumen.com.mx/como-hacer-investigacion-de-mercados/" class="footer-link">¿Qué es la investigación de mercados?</a></li> 1464 <li><a href="https://berumen.com.mx/que-son-las-encuestas-y-para-que-sirven/" class="footer-link">¿Qué son las encuestas?</a></li> 1465 <li><a href="https://berumen.com.mx/investigacion-de-campo-que-es-y-por-que-hacerla/" class="footer-link">¿Qué es la investigación de campo?</a></li> 1466 <li><a href="https://berumen.com.mx/que-es-un-focus-group-y-para-que-sirve/" class="footer-link">¿Qué es un focus group?</a></li> 1467 <li><a href="https://berumen.com.mx/que-es-el-mystery-shopper/" class="footer-link">¿Qué es un mystery shopper?</a></li> 1468 <li><a href="https://berumen.com.mx/que-es-la-investigacion-cuantitativa/" class="footer-link">¿Qué es la investigación cuantitativa?</a></li> 1469 <li><a href="https://berumen.com.mx/que-es-la-investigacion-cualitativa/" class="footer-link">¿Qué es la investigación cualitativa?</a></li> 1470 </ul> 1471 </div> 1472 1473 <div class="footer-column" style="flex-basis: 300px; flex-grow: 1; text-align: left; min-width: 200px;"> 1474 <p style="font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #424241;">Más información</p> 1475 <ul style="list-style-type: none; padding: 0; margin: 0; font-size: 15px;"> 1476 <li><a href="https://berumen.com.mx/calculadora-de-muestra/" class="footer-link">Calculadora de muestra</a></li> 1477 <li><a href="https://berumen.com.mx/registra-tu-marca-notoria-o-famosa/" class="footer-link">Declaratoria de notoriedad o fama</a></li> 1478 <li><a href="https://berumen.com.mx/que-es-la-escala-de-likert/" class="footer-link">Escala de Likert</a></li> 1479 <li><a href="https://berumen.com.mx/que-es-el-net-promoter-score/" class="footer-link">Net Promoter Score</a></li> 1480 <li><a href="https://berumen.com.mx/que-es-la-salud-de-marca-o-brand-health/" class="footer-link">Brand Health</a></li> 1481 <li>
1481<a href="https://berumen.com.mx/que-es-el-benchmarking-y-para-que-sirve/" class="footer-link">Benchmarking</a></li> 1482 </ul> 1483 </div> 1484 1485 <div class="footer-column contact-column" style="flex-basis: 250px; flex-grow: 1; text-align: left; min-width: 150px;"> 1486 <p style="font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #424241;">Atención a clientes</p> 1487 1488 <p style="margin: 5px 0 0 0; font-weight: bold; font-size: 15px;">Teléfonos</p> 1489 <p style="margin: 0; color: #424241; font-size: 15px;">Ciudad de México: <a href="tel:5550938600" class="footer-link">(55) 5093-8600</a></p> 1490 <p style="margin: 0; color: #424241; font-size: 15px;">Monterrey: <a href="tel:8183561820" class="footer-link">(81) 8356-1820</a></p> 1491 <p style="margin: 0 0 10px 0; color: #424241; font-size: 15px;">Guadalajara: <a href="tel:3336161334" class="footer-link">(33) 3616-1334</a></p> 1492 1493 <p style="margin: 10px 0 0 0; font-weight: bold; font-size: 15px;">Oficinas</p> 1494 <p style="margin: 0; color: #424241; font-size: 15px;">MTY: Torre Vinta</p> 1495 <p style="margin: 0; color: #424241; font-size: 15px;">GDL: Torre Midtown</p> 1496 <p style="margin: 0; color: #424241; font-size: 15px;">CDMX: Torre Plaza GalerÃas</p> 1497 </div> 1498 </div> 1499 1500 <div class="redes-sociales-contenedor" style="width: 100%; text-align: center; margin-bottom: 20px;"> 1501 <p style="color: #424241; font-size: 16px; font-weight: bold; margin-bottom: 15px;">SÃguenos</p> 1502 <div class="social-icons" style="display: flex; justify-content: center; align-items: center; gap: 20px;"> 1503 <a href="https://www.facebook.com/BerumenyAsoc" target="_blank" rel="noopener noreferrer" title="Facebook"> 1504 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-fb-44x44-1.webp" alt="Facebook" width="24" height="24"> 1505 </a> 1506 <a href="https://x.com/BerumenyAsoc" target="_blank" rel="noopener noreferrer" title="X (Twitter)"> 1507 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-x-44x44-1.webp" alt="X" width="24" height="24"> 1508 </a> 1509 <a href="https://www.linkedin.com/company/berumen/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> 1510 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-linkedin-44x44-1.webp" alt="LinkedIn" width="24" height="24"> 1511 </a> 1512 <a href="https://www.instagram.com/berumenyasociados/" target="_blank" rel="noopener noreferrer" title="Instagram"> 1513 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-ig-44x44-1.webp" alt="Instagram" width="24" height="24"> 1514 </a> 1515 <a href="https://www.youtube.com/@BerumenInvestigacion/" target="_blank" rel="noopener noreferrer" title="YouTube"> 1516 <img loading="lazy" src="https://berumen.com.mx/wp-content/uploads/2025/10/Icono-red-social-yt-44x44-1.webp" alt="YouTube" width="27" height="27"> 1517 </a> 1518 </div> 1519 </div> 1520 1521 <div class="footer-legal" style="border-top: 1px solid #c0c0c0; padding-top: 15px; font-size: 14px; color: #424241; text-align: center;"> 1522 <p style="margin-bottom: 5px;">® 1992-2026 Berumen</p> 1523 <p style="margin-top: 2px;"><a href="/aviso-de-privacidad" class="footer-link">Aviso de privacidad</a></p> 1524 </div> 1525 1526 </div> 1527 </footer><style> 1528 /* Estilos globales para los enlaces del footer */ 1529 .footer-link { 1530 color: #424241; 1531 text-decoration: none; 1532 transition: all 0.3s; 1533 display: block;
1533 /* Para que cada enlace ocupe su propia lÃnea */ 1534 margin-bottom: 5px; 1535 } 1536 .footer-link:hover { 1537 text-decoration: underline; 1538 } 1539 1540 /* Media Query para móvil (cuando la pantalla es más pequeña que 768px) */ 1541 @media (max-width: 768px) { 1542 .footer-column { 1543 text-align: left !important; 1544 flex-basis: 100% !important; /* Cada columna ocupa el 100% del ancho */ 1545 min-width: 100% !important; 1546 } 1547 1548 /* Ajustes de espaciado para móvil */ 1549 .site-footer { 1550 padding-top: 30px !important; 1551 padding-bottom: 20px !important; 1552 } 1553 .footer-grid-container { 1554 gap: 25px 0 !important; /* Más espacio entre columnas apiladas */ 1555 } 1556 } 1557</style> 1558 1559<style> 1560/* Estilos generales del chat */ 1561.whatsapp-chat { 1562 position: fixed; 1563 bottom: 20px; 1564 right: 20px; 1565 width: 340px; 1566 max-width: 90%; 1567 background: #fff; 1568 border-radius: 10px; 1569 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 1570 overflow: hidden; 1571 display: none; 1572 flex-direction: column; 1573 z-index: 1000; 1574} 1575 1576.whatsapp-header { 1577 background: #666666; 1578 color: white; 1579 padding: 10px; 1580 display: flex; 1581 align-items: center; 1582 justify-content: space-between; 1583} 1584 1585.whatsapp-header img { 1586 width: 40px; 1587 height: 40px; 1588 border-radius: 50%; 1589} 1590 1591.whatsapp-header span { 1592 font-size: 16px; 1593 font-weight: bold; 1594} 1595 1596.whatsapp-body { 1597 background: #fff; 1598 padding: 15px; 1599} 1600 1601.whatsapp-body p { 1602 background: #666666; 1603 color: #FFFFFF; 1604 padding: 10px; 1605 border-radius: 10px; 1606 font-size: 14px; 1607 margin: 0; 1608} 1609 1610.whatsapp-body p span { 1611 color: #FFFFFF; 1612} 1613 1614.whatsapp-footer { 1615 text-align: center; 1616 padding: 10px; 1617 position: relative; 1618} 1619 1620.whatsapp-footer a { 1621 background: #3ea3af; 1622 color: white; 1623 padding: 10px 15px; 1624 border-radius: 20px; 1625 text-decoration: none; 1626 display: inline-block; 1627} 1628 1629/* Indicador de estado en lÃnea */ 1630.whatsapp-status { 1631 margin-top: 5px; 1632 font-size: 14px; 1633 color: #fff; 1634 font-weight: bold; 1635 display: flex; 1636 align-items: center; 1637 justify-content: center; 1638} 1639 1640.whatsapp-status::before { 1641 content: ''; 1642 width: 10px; 1643 height: 10px; 1644 background: #fff; 1645 border-radius: 50%; 1646 display: inline-block; 1647 margin-right: 5px; 1648} 1649 1650.whatsapp-icon { 1651 position: fixed; 1652 bottom: 20px; 1653 right: 20px; 1654 width: 60px; 1655 height: 60px; 1656 background: #424241; 1657 border-radius: 50%; 1658 display: flex; 1659 align-items: center; 1660 justify-content: center; 1661 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 1662 cursor: pointer; 1663 z-index: 1001; 1664} 1665 1666.whatsapp-icon img { 1667 width: 50px; 1668 height: 50px; 1669} 1670</style> 1671 1672<div class="whatsapp-icon" onclick="toggleChat()"> 1673 <img src="https://berumen.com.mx/wp-content/uploads/2025/10/Diseno-wb-tamano-chat-ajustado-3-1.webp" alt="WhatsApp" width="50" height="50"> 1674</div> 1675 1676<div class="whatsapp-chat" id="whatsapp-chat"> 1677 <div class="whatsapp-header"> 1678 <div style="display: flex; align-items: center;"> 1679 <img id="whatsapp-img" src="" alt="Asesor"> 1680 <div style="display: flex; flex-direction: column; margin-left: 10px;"> 1681 <span id="whatsapp-name"></span> 1682 <div class="whatsapp-status" style="font-size: 12px; margin-left: -45px;">En lÃnea</div> 1683 </div> 1684 </div> 1685 <button style="background: none; border: none; color: white; font-size: 16px; cursor: pointer;" onclick="toggleChat()">â</button> 1686 </div> 1687 <div class="whatsapp-body"> 1688 <p>¡Hola! Soy <span id="whatsapp-greet"></span>, ¿cómo puedo ayudarte hoy?</p> 1689 </div> 1690 <a id="whatsapp-link" href="#" target="_blank" class="whatsapp-button">Chatear en WhatsApp</a> 1691 1692<style> 1693.whatsapp-button { 1694 display: inline-block; 1695 background-color: #666666; 1696 color: #fff; 1697 padding: 10px 15px; 1698 text-decoration: none; 1699 border-radius: 5px; 1700 transition: color 0.3s ease; /* Solo transiciona el color del texto */ 1701} 1702 1703.whatsapp-button:hover { 1704 color: #E6E6E8; /* Solo cambia el color del texto */ 1705 /* No tocamos el background-color aquà */ 1706} 1707</style> 1708
1709<script> 1710function toggleChat() { 1711 var chatBox = document.getElementById("whatsapp-chat"); 1712 chatBox.style.display = chatBox.style.display === "flex" ? "none" : "flex"; 1713} 1714</script>
1714 1715 1716 1717
1718<script> 1719// Lista de asesores 1720const asesores = [ 1721 { 1722 nombre: "José Escárcega", 1723 img: "https://berumen.com.mx/wp-content/uploads/2025/10/Asesor-berumen-jose.webp", 1724 link: "https://wa.me/529997818889?text=¡Hola%20José!%20Estoy%20interesado%20en%20sus%20servicios." 1725 } 1726]; 1727 1728// Seleccionar un asesor al azar 1729const asesorAleatorio = asesores[Math.floor(Math.random() * asesores.length)]; 1730 1731// Asignar valores en el chat 1732document.getElementById("whatsapp-img").src = asesorAleatorio.img; 1733document.getElementById("whatsapp-name").innerText = asesorAleatorio.nombre; 1734document.getElementById("whatsapp-greet").innerText = asesorAleatorio.nombre; 1735document.getElementById("whatsapp-link").href = asesorAleatorio.link; 1736 1737let chatTimer; 1738 1739// Función para abrir el chat 1740function openChat() { 1741 document.getElementById("whatsapp-chat").style.display = "flex"; 1742} 1743 1744// Función para cerrar el chat y reabrirlo en 1 minuto 1745function closeChat() { 1746 document.getElementById("whatsapp-chat").style.display = "none"; 1747 1748 // Guardar la marca de tiempo del cierre en localStorage 1749 localStorage.setItem("chatClosedAt", Date.now()); 1750 1751 // Programar la reapertura en 1 minuto (60000 ms) 1752 chatTimer = setTimeout(() => { 1753 openChat(); 1754 localStorage.removeItem("chatClosedAt"); // Limpiar la marca de tiempo después de abrirlo 1755 }, 60000); 1756} 1757 1758// Función para alternar el chat manualmente 1759function toggleChat() { 1760 var chat = document.getElementById("whatsapp-chat"); 1761 if (chat.style.display === "flex") { 1762 closeChat(); 1763 } else { 1764 openChat(); 1765 } 1766} 1767 1768// Verificar si el chat fue cerrado recientemente al cargar la página 1769window.onload = function () { 1770 const chatClosedAt = localStorage.getItem("chatClosedAt"); 1771 if (chatClosedAt) { 1772 const elapsedTime = Date.now() - parseInt(chatClosedAt, 10); 1773 if (elapsedTime >= 60000) { 1774 openChat(); // Si ya pasó 1 minuto desde que se cerró, se vuelve a abrir 1775 localStorage.removeItem("chatClosedAt"); 1776 } else { 1777 // Si aún no ha pasado 1 minuto, esperar el tiempo restante para abrirlo 1778 chatTimer = setTimeout(() => { 1779 openChat(); 1780 localStorage.removeItem("chatClosedAt"); 1781 }, 60000 - elapsedTime); 1782 } 1783 } else { 1784 // Si no hay registro de cierre, abrir el chat después de 1 segundo 1785 setTimeout(openChat, 1000); 1786 } 1787}; 1788</script>
1788 1789 1790</div>
1790<script type="speculationrules"> 1791{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/berumen-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1792</script>
vendor: 1 bytes, line 1792
1792
1793<script id="custom-script-js-extra"> 1794var wpdata = {"object_id":"27","site_url":"https://berumen.com.mx"}; 1795//# sourceURL=custom-script-js-extra 1796</script>
vendor: 1 bytes, line 1796
1796
1797<script id="custom-script-js" src="https://berumen.com.mx/wp-content/plugins/wp-meta-and-date-remover/assets/js/inspector.js?ver=1.1"></script>
vendor: 1 bytes, line 1797
1797
1798<script id="libs-js" src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/js-min/libs.js?ver=1.0"></script>
vendor: 1 bytes, line 1798
1798
1799<script id="gsap-js" src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/libs/gsap/minified/gsap.min.js?ver=1.0"></script>
vendor: 1 bytes, line 1799
1799
1800<script id="ScrollTrigger-js" src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/libs/gsap/minified/ScrollTrigger.min.js?ver=1.0"></script>
vendor: 1 bytes, line 1800
1800
1801<script id="publico-js" src="https://berumen.com.mx/wp-content/themes/berumen-theme/assets/js-min/publico.js?ver=1.0"></script>
1801 1802 1803</body> 1804</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.