| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/laragon/www/modules/e-gamq/ |
Upload File : |
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>GAMQ</title>
<meta name="description" content="Gobierno Autonomo Municipal de Quillacollo">
<meta name="author" content="JTDI - fdms">
<link rel="shortcut icon" href="/assets/images/brand/logo.png">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- FONTS -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins:100,300,400,400italic,500,700,700italic'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Teko:100,200,300,400,400italic,500,700,700italic,900'>
<!-- CSS -->
<link rel='stylesheet' href='/assets/css/global.css'>
<link rel='stylesheet' href='assets/css/structure.css'>
<link rel='stylesheet' href='assets/css/data.css'>
<link rel='stylesheet' href='assets/css/custom.css'>
<!-- Revolution Slider -->
<link rel="stylesheet" href="/assets/plugins/rs-plugin-6.custom/css/rs6.css">
<script src="/assets/js/lib/jquery-3.7.1.min.js"></script>
<script>
jQuery(function($){
var urlParams = new URLSearchParams(window.location.search);
var category = urlParams.get('category');
var author = urlParams.get('author');
var category = 1;
// var author = urlParams.get('author');
$("#press").load("/modules/prensa/news-sector.php", { category: category });
$("#main-menu").load("/layouts/menu.php");
$("#footer").load("/layouts/footer.php");
});
</script>
</head>
<body class="egamq-page template-slider button-stroke layout-full-width if-zoom no-content-padding no-shadows
header-transparent header-fw minimalist-header-no sticky-header sticky-tb-color ab-hide subheader-both-center
menu-link-color menuo-right menuo-no-borders footer-copy-center mobile-tb-hide mobile-mini-mr-lc
tablet-sticky mobile-sticky tr-header tr-content">
<div id="main-menu"></div>
<div class="mfn-main-slider mfn-rev-slider" id="Header_wrapper">
<rs-module-wrap id="rev_slider_1_1_wrapper" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
<rs-module id="rev_slider_1_1" style data-version="6.2.6">
<rs-slides style="visibility: visible; display: block; max-height: none; height: 80%; width: 100%;">
<rs-slide data-key="rs-1" data-title="Slide" data-anim="ei:d;eo:d;s:1000;r:0;t:fade;sl:0;"
style="height:100%; width:100%; opacity:1; visibility:inherit;">
<img src="assets/images/data-slider-bg.png" data-bg="p:center bottom;" class="rev-slidebg" alt="">
<rs-layer id="slider-1-slide-1-layer-0" data-type="text" data-color="#a4a6cc" data-rsp_ch="on" data-vbility="t,t,f,t"
data-xy="x:c;yo:250px,75px,197px,197px;" data-text="w:normal;s:24,24,14,14;l:30,30,18,18;fw:300;a:center;"
data-frame_0="y:50;" data-frame_1="st:150;sp:1000;sR:150;" data-frame_999="o:0;st:w;sR:7850;"
style="z-index:9; font-family:Teko; visibility:visible; font-size:35px; color:rgb(164, 166, 204); opacity:1; text-align:center; top:0px;">
Alcaldía de Quillacollo
</rs-layer>
<rs-layer id="slider-1-slide-1-layer-1" data-type="text" data-color="#0d0f39" data-rsp_ch="on"
data-xy="x:c;yo:140px,140px,127px,127px;" data-text="w:normal;s:95,95,75,75;l:75,75,65,65;fw:500;a:center;"
data-frame_0="y:50;" data-frame_1="st:100;sp:1000;sR:100;" data-frame_999="o:0;st:w;sR:7900;"
style="z-index:8; font-family:Teko; visibility:visible; top:30px; text-align:center; font-size:90px; color:rgb(24, 26, 65); opacity:1;">
<h2 style="color:#0d0f39;">GOBIERNO ELECTRÓNICO</h2>
</rs-layer>
</rs-slide>
</rs-slides>
</rs-module>
</rs-module-wrap>
<div class="egamq-hero-cta">
<a href="#sistemas" class="egamq-hero-btn egamq-hero-btn-primary">Ver sistemas</a>
<a href="#consulta" class="egamq-hero-btn egamq-hero-btn-outline">Consultar deudas</a>
<a href="#units" class="egamq-hero-btn egamq-hero-btn-outline">Unidades</a>
</div>
</div>
<div class="sections_group">
<div class="section_wrapper mcb-section-inner " id="sistemas">
<div class="column one column_column " id="show" >
<div class="column_attr clearfix">
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/data-icon1.png">
</div>
</div>
<h6>Nuestras Aplicaciones</h6>
<h3>Sistemas Administrativos</h3>
</div>
</div>
<div class="wrap mcb-wrap two-third" id="show">
<div class="">
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/taskboard">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="photo_wrapper">
<div class="visible_photo">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-taskboard.png" class="scale-with-grid"/>
</div>
<h4 style="color: #ffffff;">Taskboars GAMQ</h4>
</div>
<div class="hidden_photo" style="background-color:#130131;">
<h6 class="title" style="color: #676771;">
Taskboars GAMQ
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Seguimiento de Tableros de Tareas y asignación de tareas.
</h6>
<!-- <a class="mfn-link mfn-link-2 button button_size_2 button_js" href="/app/tramites" ontouchstart="this.classList.toggle( 'hover');">
<span data-hover="Ir a Sitio">Ir a Sitio</span>
</a> -->
</div>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/fisqui">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-fisqui.png" class="scale-with-grid"/>
</div>
<h4 style="color: #ffffff;">FISQUI</h4>
</div>
<div class="hidden_photo" style="background-color:#130131;">
<h6 class="title" style="color: #676771;">
FISQUI
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de facturación Avalado por el SIN.
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/tramites">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" >
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-tramites.png" class="scale-with-grid" />
</div>
<hr class="no_line" style="margin:0 auto 5px">
<div class="title">
<h4 style="color: #ffffff;">Tramites </h4>
</div>
</div>
<div class="hidden_photo scale-with-grid" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
Tramites
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Seguimiento de Tramites
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/dio">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" >
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-DIO.png" class="scale-with-grid" />
</div>
<hr class="no_line" style="margin:0 auto 5px">
<div class="title">
<h4 style="color: #ffffff;">
Casos DIO
</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
Sist. Casos DIO
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de seguimiento de Casos DIO
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/salqui_planificacion">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" >
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-almacenes.png" class="scale-with-grid" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
SALQUI
</h4>
</div>
<hr style="margin:10px 20% 10px">
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
SALQUI
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Almacenes (jefatura Planificacion)
<br>Alm. Central
<br>Alm. TDI
<br>Alm. PYAR
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/salqui_hospital">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-almacenes-hospital.png" class="scale-with-grid" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
SALQUI
</h4>
</div>
<hr style="margin:10px 20% 10px">
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
SALQUI
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Almacenes (Hospital).
<br>Alm. Centros de Salud
<br>Alm. H. Benigno Sanchez
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-urku.png" class="scale-with-grid" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
Sist Urkupiña
</h4>
</div>
<hr style="margin:10px 20% 10px">
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
Sist Urkupiña
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Cobros Urkupiña
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/presqui">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-PRESQUI.png" class="scale-with-grid" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
PRESQUI
</h4>
</div>
<hr style="margin:10px 20% 10px">
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
PRESQUI
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
El sistema tiene como objetivo la creación, modificación y consulta de presupuestos para los proyectos de construcción del Gobierno Autónomo Municipal de Quillacollo
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/biblioteca">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-biblio.png" class="scale-with-grid" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
BIBLIOTECA
</h4>
</div>
<hr style="margin:10px 20% 10px">
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
SIST. BIBLIOTECA
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de administracion para la biblioteca municipal de quillacollo
</h6>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one-third align-middle clearfix hide-on-small">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_image">
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/company4_highlight2-1.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section_wrapper mcb-section-inner egamq-recaudaciones-section">
<div class="wrap mcb-wrap one-second" >
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_image">
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/company4_highlight1.png">
</div>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one-second" >
<div class="mcb-wrap-inner">
<div class="column_attr clearfix">
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/data-icon1.png">
</div>
</div>
<hr class="no_line" style="margin:0 auto 5px">
<h6>Nuestras Aplicaciones</h6>
<h3>Sistemas de Recaudaciones</h3>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/actividades_economicas">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-ActEc.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">
SISTEMA SEGUIMIENTO DE LICENCIAS
</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding: 3px; ">
<h6 class="p-0 m-0" style="color: #676771;">
Sist. Seguimiento
de Licencias
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Seguimiento de Licencias de Funcionamiento para la Direccion de Recaudaciones GAMQ.
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/sistema_archivos">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-gestArch.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA GESTION DE ARCHIVOS</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
SISTEMA GESTION DE ARCHIVOS GAMQ
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/seguimiento_licencias">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-urbanismo.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA DE URBANISMO GAMQ </h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
SISTEMA DE URBANISMO GAMQ
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Seguimiento de Construcciones Civiles Direccion de Urbanismo
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/matadero">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-matadero.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA DE MATADERO GAMQ </h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
MATADERO APP
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de gestion de ordenes y solicitudes de Matadareo
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/parqui">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-parqui.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA PARQUI GAMQ </h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
PARQUI
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Servicios de estacionamiento vehicular temporal en las vias Publicas de nuestra ciudad de Quillacollo
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/pago_unico">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-PagoUnico.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA PAGO UNICO GAMQ </h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
PAGO UNICO
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de registros de puestos de Mercados
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/provegaq">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-PROVEGAQ.png" />
</div>
<div class="title">
<h4 style="color: #ffffff;">SISTEMA PROVEGAQ </h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:5% 10% 20px;">
<h4 class="title" style="color: #676771;">
PROVEGAQ
</h4>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de control de gases Vehiculares
</h6>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="section_wrapper mcb-section-inner">
<div class="column_attr clearfix">
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/data-icon1.png">
</div>
</div>
<hr class="no_line" style="margin:0 auto 5px">
<h6>Nuestras Aplicaciones</h6>
<h3>Sistemas de Acceso al Publico</h3>
</div>
<div class="wrap mcb-wrap two-third">
<div class="mcb-wrap-inner">
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<!-- <a href="/app/odeco"> -->
<a href="/app/odeco">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-odeco.png" />
</div>
<hr class="no_line" style="margin:0 auto 10px">
<div class="title">
<h4 style="color: #ffffff;">ODECO</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
ODECO
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Reclamos ODECO para realizar reclamos al GAMQ.
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/sigecem">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo" style="padding: 3px;">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img class="scale-with-grid" src="/assets/images/brand/logos/logo-sigecem.png" />
</div>
<hr class="no_line" style="margin:0 auto 10px">
<div class="title">
<h4 style="color: #ffffff;">SIGECEM</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
SIGECEM
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Gestion de cementerios pertenecientes al GAMQ
</h6>
</div>
</div>
</a>
</div>
</div>
<div class="column-two" style="width: 160px;">
<div class="clearfix hover_box hover_box_product" ontouchstart="this.classList.toggle('hover');">
<a href="/app/deportes">
<div class="hover_box_wrapper" style="background-color:#32315751;border-radius: 5px;">
<div class="visible_photo">
<div class="image_wrapper" style="padding:10px 20% 5px;">
<img src="/assets/images/brand/logos/logo-deportes.png" class="scale-with-grid"/>
</div>
<hr class="no_line" style="margin:0 auto 10px">
<div class="title">
<h4 style="color: #ffffff;">DEPORTES</h4>
</div>
</div>
<div class="hidden_photo" style="background-color:#130131; padding:10% 10% 20px;">
<h6 class="title" style="color: #676771;">
DEPORTES
</h6>
<h6 style="color: #a4a6cc; font-size: 0.9rem;">
Sistema de Reservas de complejos del GAMQ
</h6>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one-third">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_image">
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/finance4-features-pic3.png">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ********************** RUAT LINKS ************************ -->
<div class="section mcb-section full-width egamq-ruat-section" >
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_fancy_divider">
<div class="fancy-divider">
<svg preserveAspectRatio="none" viewBox="0 0 100 100" height="100" width="100%" version="1.1" xmlns="https://www.w3.org/2000/svg" > <path d="M0 100 L50 2 L100 100 Z" style="fill: #fff; stroke: #fff;"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section egamq-ruat-section" id="consulta" style="background-color:#ffffff">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_column">
<div class="column_attr clearfix align_center">
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/data-icon1.png">
</div>
</div>
<hr class="no_line" style="margin:0 auto 5px">
<h6>OTROS SERVICIOS</h6>
<h2 style="color: #0d0f39;">CONSULTA DE DEUDAS</h2>
</div>
</div>
<div class="column mcb-column one-fourth column_placeholder">
<div class="placeholder">
</div>
</div>
<div class="column mcb-column one-second column_column" id="main" >
<div class="column_attr clearfix align_center">
<h4>Consulta de forma agil, rapida y oportuna
<!-- 1. Deuda de impuestos y vehiculos 2. Pagos de impuestos municipales 3.verifucacion de comprobante -->
</h4>
</div>
</div>
</div>
</div>
<div class="egamq-ruat-grid">
<div class="egamq-ruat-card">
<div class="egamq-ruat-icon">
<img src="/assets/images/brand/logos/logos-AE.png" alt="Actividades Económicas">
</div>
<h3>Actividades Económicas</h3>
<ul>
<li>Pagos QR</li>
<li>Consulta de Deuda</li>
<li>Consulta Datos Técnicos</li>
<li>Consulta de Pagos</li>
<li>Proforma Detallada</li>
<li>Vencimientos</li>
</ul>
<a href="https://www.ruat.gob.bo/actividadeseconomicas/consultageneral/InicioBusquedaActividadesEconomicas.jsf" target="_blank" rel="noopener">Ir al sitio</a>
</div>
<div class="egamq-ruat-card">
<div class="egamq-ruat-icon">
<img src="/assets/images/brand/logos/logos-auto.png" alt="Vehículos">
</div>
<h3>Consulta Deuda Vehículos</h3>
<ul>
<li>Pagos QR</li>
<li>Consulta de Deuda</li>
<li>Consulta Infracciones e ITV</li>
<li>Consulta de Pagos</li>
<li>Vencimientos</li>
<li>Consulta DIPROVE</li>
</ul>
<a href="https://www.ruat.gob.bo/vehiculos/consultageneral/InicioBusquedaVehiculo.jsf" target="_blank" rel="noopener">Ir al sitio</a>
</div>
<div class="egamq-ruat-card">
<div class="egamq-ruat-icon">
<img src="/assets/images/brand/logos/logos-INMUEBLES.png" alt="Inmuebles">
</div>
<h3>Consulta Deuda Inmuebles</h3>
<ul>
<li>Pagos QR</li>
<li>Consulta de Deuda</li>
<li>Consulta de Pagos</li>
<li>Pizarra Tributaria</li>
<li>Vencimientos</li>
<li>Verifica Certificación</li>
</ul>
<a href="https://www.ruat.gob.bo/inmuebles/consultageneral/InicioBusquedaInmueble.jsf" target="_blank" rel="noopener">Ir al sitio</a>
</div>
</div>
<div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 1%">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_column">
<div class="column_attr clearfix align_center" style="background-color:#f5f5fc;padding:40px 15% 25px;border-radius: 10px;">
<div class="image_frame image_item no_link scale-with-grid no_border" style="margin-top:-110px;">
<a href="https://www.ruat.gob.bo/actividadeseconomicas/MenuActividadesEconomicas.jsf">
<div class="image_wrapper">
<img class="scale-with-grid" src="/assets/images/brand/logos/logos-AE.png" width="150px">
</div>
</a>
</div>
<hr class="no_line" style="margin:0 auto 20px">
<h3 style="color: #0d0f39;">
ACTIVIDADES<br>ECONOMICAS
</h3>
<div class="column mcb-column one column_column column-margin-0px">
<div class="column_attr clearfix" style=" background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class=" m-0 p-0">
Pagos QR
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Deuda
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Datos Técnicos
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos por Folio
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Proforma Detallada
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Vencimientos
</p>
</div>
</div>
<a class="mfn-link mfn-link-2" href="https://www.ruat.gob.bo/actividadeseconomicas/consultageneral/InicioBusquedaActividadesEconomicas.jsf" data-hover="LEARN MORE" ontouchstart="this.classList.toggle( 'hover');">
<span data-hover="Consulta">Ir a Sitio</span>
</a>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 1%">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_column">
<div class="column_attr clearfix align_center" style="background-color:#f5f5fc;padding:40px 15% 25px;border-radius: 10px;">
<div class="image_frame image_item no_link scale-with-grid no_border" style="margin-top:-110px;">
<div class="image_wrapper">
<a href="https://www.ruat.gob.bo/vehiculos/MenuVehiculos.jsf">
<img class="scale-with-grid" src="/assets/images/brand/logos/logos-auto.png" width="150px">
</a>
</div>
</div>
<hr class="no_line" style="margin:0 auto 30px">
<h3 style="color: #0d0f39;">
CONSULTA DEUDA VEHICULOS
</h3>
<div class="column mcb-column one column_column column-margin-0px">
<div class="column_attr clearfix" style=" background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class=" m-0 p-0">
Pagos QR
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Deuda
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Infracciones e ITV
</p>
</div>
<!-- <div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Datos Técnicos
</p>
</div> -->
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos por Folio
</p>
</div>
<!-- <div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Proforma Detallada
Simulador Plan Pagos
Pizarra Tributaria
</p>
</div> -->
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Vencimientos
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta DIPROVE
</p>
</div>
</div>
<a class="mfn-link mfn-link-2" href="https://www.ruat.gob.bo/vehiculos/consultageneral/InicioBusquedaVehiculo.jsf">
<span data-hover="Consulta">Ir a Sitio</span>
</a>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 1%">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_column">
<div class="column_attr clearfix align_center" style="background-color:#f5f5fc;padding:40px 15% 25px;border-radius: 10px;">
<div class="image_frame image_item no_link scale-with-grid no_border" style="margin-top:-110px;">
<div class="image_wrapper">
<a href="https://www.ruat.gob.bo/inmuebles/MenuInmuebles.jsf">
<img class="scale-with-grid" src="/assets/images/brand/logos/logos-INMUEBLES.png" width="150px">
</a>
</div>
</div>
<hr class="no_line" style="margin:0 auto 30px">
<h3 style="color: #0d0f39;">
CONSULTA DEUDA INMUEBLES
</h3>
<div class="column mcb-column one column_column column-margin-0px">
<div class="column_attr clearfix" style=" background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class=" m-0 p-0">
Pagos QR
</p>
</div>
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Deuda
</p>
</div>
<!-- <div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Datos Técnicos
</p>
</div> -->
<div class="column_attr clearfix" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Consulta Pagos por Folio
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
<!-- Simulador Plan Pagos -->
Pizarra Tributaria
<!-- Calculadora Tributaria -->
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Vencimientos
</p>
</div>
<div class="column_attr clearfix desc" style="background-image:url('assets/images/data-icon2.png');background-repeat:no-repeat;background-position:left top;padding:2px 0 0 40px; text-align: left;">
<p style="color: #a4a6cc;" class="m-0 p-0">
Verifica Validez Certificación
</p>
</div>
</div>
<a class="mfn-link mfn-link-2" href="https://www.ruat.gob.bo/inmuebles/consultageneral/InicioBusquedaInmueble.jsf">
<span data-hover="Consulta">Ir a Sitio</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ********************** SECCION NUESTRAS UNIDADES ************************ -->
<div class="row hide-on-small">
<div class="section mcb-section" id="units" style="padding-top:100px; padding-bottom:100px; background-color:#07052d" data-parallax="3d"><img class="mfn-parallax" src="assets/images/app4-starts-bg.png" style="opacity:0" />
<div class="column_attr clearfix align_center">
<h2 style="color:#fff"><strong>Nuestras Unidades</strong></h2>
</div>
<div class="section-decoration top" style="background-image:url(assets/images/grad-top.png);height:80px"></div>
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_image">
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
<div class="image_wrapper">
<img class="scale-with-grid" src="assets/images/app4-people-smartphone.png" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-decoration bottom" style="background-image:url(assets/images/grad-bot.png);height:80px"></div>
</div>
<div class="section mcb-section no-margin-v" id="units" style="padding-top:35px; padding-bottom:10px;">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one-sixth column_placeholder">
<div class="placeholder">
</div>
</div>
<div class="column mcb-column two-third column_column">
<div class="column_attr clearfix align_center">
<h3>Visita e Informate de cada una de nuestras Unidades</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-screen bg-cover" style="padding-top:0px; padding-bottom:0px; background-image:url(/assets/images/apps/e-gamq/app4-full-screen-section-turismo.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_placeholder">
<div class="placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-screen bg-cover" style="padding-top:0px; padding-bottom:0px; background-image:url(/assets/images/apps/e-gamq/app4-full-screen-section-tdi.png ); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_placeholder">
<div class="placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-screen bg-cover" style="padding-top:0px; padding-bottom:0px; background-image:url(/assets/images/apps/e-gamq/app4-full-screen-section-urg.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_placeholder">
<div class="placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-screen bg-cover" style="padding-top:0px; padding-bottom:0px; background-image:url(/assets/images/apps/e-gamq/app4-full-screen-section-rn.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_placeholder">
<div class="placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-screen bg-cover" style="padding-top:0px; padding-bottom:0px; background-image:url(/assets/images/apps/e-gamq/app4-full-screen-section-zp.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_placeholder">
<div class="placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************** -->
<div class="section mcb-section full-width" >
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_fancy_divider">
<div class="fancy-divider">
<svg preserveAspectRatio="none" viewBox="0 0 100 100" height="100" width="100%" version="1.1" xmlns="https://www.w3.org/2000/svg" style="background: #fff;">
<path d="M0 100 L50 2 L100 100 Z" style="fill: #0d0f39; stroke: #0d0f39;"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer"></div>
<!-- <div id="body_overlay"></div> -->
<!-- JS -->
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<script src="/assets/js/jquery-migrate-3.4.0.min.js"></script>
<script src="/assets/js/mfn.menu.js"></script>
<script src="/assets/js/jquery.plugins.js"></script>
<script src="/assets/js/jquery.jplayer.min.js"></script>
<script src="/assets/js/animations/animations.js"></script>
<script src="/assets/js/translate3d.js"></script>
<script src="/assets/js/scripts.js"></script>
<script src="/assets/plugins/rs-plugin-6.custom/js/revolution.tools.min.js"></script>
<script src="/assets/plugins/rs-plugin-6.custom/js/rs6.min.js"></script>
<script>
jQuery(function($) {
function setMenuPosition() {
var topBar = document.getElementById('Top_bar');
if (!topBar) {
return;
}
var bottom = Math.max(0, topBar.getBoundingClientRect().bottom);
$('#Top_bar #menu').css('--egamq-menu-top', bottom + 'px');
}
function closeMenu() {
$('body').removeClass('egamq-menu-open');
$('#Top_bar .responsive-menu-toggle').removeClass('active').attr('aria-expanded', 'false');
}
$(document).on('mouseenter focusin', '#Top_bar .responsive-menu-toggle', function() {
$(this).attr({
'aria-controls': 'menu',
'aria-expanded': $('body').hasClass('egamq-menu-open') ? 'true' : 'false',
'role': 'button'
});
});
$(document).off('click.egamqMenuToggle').on('click.egamqMenuToggle', '#Top_bar .responsive-menu-toggle', function(e) {
if (!window.matchMedia('(max-width: 1239px)').matches) {
return;
}
e.preventDefault();
e.stopImmediatePropagation();
setMenuPosition();
$('body').toggleClass('egamq-menu-open');
$(this).toggleClass('active', $('body').hasClass('egamq-menu-open'))
.attr('aria-expanded', $('body').hasClass('egamq-menu-open') ? 'true' : 'false');
});
$(document).on('click.egamqMenu', function(e) {
if (!$('body').hasClass('egamq-menu-open')) {
return;
}
if (!$(e.target).closest('#Top_bar #menu, #Top_bar .responsive-menu-toggle').length) {
closeMenu();
}
});
$(window).on('resize.egamqMenu scroll.egamqMenu', function() {
if (window.matchMedia('(min-width: 1240px)').matches) {
closeMenu();
return;
}
if ($('body').hasClass('egamq-menu-open')) {
setMenuPosition();
}
});
});
</script>
<script>
var revapi1, tpj;
jQuery(function() {
tpj = jQuery;
revapi1 = tpj("#rev_slider_1_1");
if (revapi1.length && revapi1.revolution !== undefined) {
revapi1.revolution({
sliderType: "hero",
sliderLayout: "fullwidth",
visibilityLevels: "1240,1240,778,778",
gridwidth: "1240,1240,778,778",
gridheight: "700,700,620,560",
spinner: "spinner8",
perspective: 600,
perspectiveType: "global",
editorheight: "700,700,620,560",
responsiveLevels: "1240,1240,778,778",
disableProgressBar: "on",
navigation: {
onHoverStop: false
},
fallbacks: {
allowHTML5AutoPlayOnAndroid: true
}
});
}
});
document.querySelectorAll('.egamq-hero-cta a[href^="#"]').forEach(function(link) {
link.addEventListener('click', function(event) {
var target = document.querySelector(this.getAttribute('href'));
if (!target) {
return;
}
event.preventDefault();
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
});
</script>
<style>
@media (max-width: 768px) {
.hide-on-small {
display: none;
}
}
.column-two {
width: 25%;
float: left;
box-sizing: border-box;
flex: 0 0 25%; /* Default: Four columns per row */
padding: 5px; /* Space between columns */
}
@media (max-width: 768px) {
.column-two {
flex: 0 0 50%;
}
}
@media (max-width: 480px) {
.column-two {
flex: 0 0 100%;
}
}
.hover_box_wrapper {
position: relative; /* To position child elements */
height: 180px; /* Fixed height for the hover box wrapper */
}
.visible_photo {
height: 100%;
}
.hidden_photo {
background-color: #130131;
padding: 10px 10% 20px;
height: 180px; /* Fixed height for the hidden section */
overflow-y: auto; /* Enables vertical scrolling if content exceeds height */
box-sizing: border-box; /* Include padding in height calculation */
}
/* Optional: Style the scrollbar */
.hidden_photo::-webkit-scrollbar {
width: 8px; /* Width of the scrollbar */
}
.hidden_photo::-webkit-scrollbar-thumb {
background-color: #888; /* Color of the scrollbar thumb */
border-radius: 4px; /* Round scrollbar thumb */
}
.hidden_photo::-webkit-scrollbar-thumb:hover {
background-color: #555; /* Color when hovering */
}
</style>
<style>
@media (max-width: 768px) {
.hide-on-small {
display: none;
}
}
.column-two {
width: 25%;
float: left;
box-sizing: border-box;
flex: 0 0 25%; /* Default: Four columns per row */
padding: 5px; /* Space between columns */
}
@media (max-width: 768px) {
.column-two {
flex: 0 0 50%;
}
}
@media (max-width: 480px) {
.column-two {
flex: 0 0 100%;
}
}
.hover_box_wrapper {
position: relative; /* To position child elements */
height: 180px; /* Fixed height for the hover box wrapper */
}
.visible_photo {
height: 100%;
}
.hidden_photo {
background-color: #130131;
padding: 10px 10% 20px;
height: 180px; /* Fixed height for the hidden section */
overflow-y: auto; /* Enables vertical scrolling if content exceeds height */
box-sizing: border-box; /* Include padding in height calculation */
}
/* Optional: Style the scrollbar */
.hidden_photo::-webkit-scrollbar {
width: 8px; /* Width of the scrollbar */
}
.hidden_photo::-webkit-scrollbar-thumb {
background-color: #888; /* Color of the scrollbar thumb */
border-radius: 4px; /* Round scrollbar thumb */
}
.hidden_photo::-webkit-scrollbar-thumb:hover {
background-color: #555; /* Color when hovering */
}
/* Small visual bridge with the main page: typography and polish only. */
:root {
--gamq-primary: #1ca7df;
--gamq-ink: #0d0f39;
--gamq-muted: #a4a6cc;
--gamq-nav-bg: rgba(255, 255, 255, 0.88);
--egamq-card-bg: rgba(255, 255, 255, 0.05);
--egamq-card-border: rgba(255, 255, 255, 0.08);
--egamq-accent-cyan: #6eeaff;
--egamq-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
--egamq-transition: 0.28s cubic-bezier(.4, 0, .2, 1);
}
body.egamq-page #Top_bar,
body.egamq-page #Top_bar.is-sticky {
background: transparent !important;
box-shadow: none !important;
}
body.egamq-page #Top_bar .top_bar,
body.egamq-page #Top_bar.is-sticky .top_bar {
height: 74px !important;
min-height: 74px !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
body.egamq-page #Top_bar .logo,
body.egamq-page #Top_bar.is-sticky .logo {
height: 74px !important;
line-height: 74px !important;
margin: 0 !important;
}
body.egamq-page #Top_bar #logo,
body.egamq-page #Top_bar.is-sticky #logo {
height: 74px !important;
line-height: 74px !important;
padding: 0 20px !important;
}
body.egamq-page #Top_bar #logo img,
body.egamq-page #Top_bar.is-sticky #logo img {
display: inline-block !important;
width: auto !important;
max-width: 230px !important;
max-height: 68px !important;
vertical-align: middle;
}
body.egamq-page #Top_bar .menu > li > a,
body.egamq-page #Top_bar.is-sticky .menu > li > a {
height: 74px !important;
line-height: 74px !important;
margin: 0 !important;
padding: 0 !important;
}
body.egamq-page #Top_bar .menu > li > a span:not(.description),
body.egamq-page #Top_bar.is-sticky .menu > li > a span:not(.description) {
line-height: 74px !important;
padding: 0 17px !important;
}
body.egamq-page #slider-1-slide-1-layer-1 h2 {
margin: 0;
color: #0d0f39 !important;
font-size: clamp(50px, 5.8vw, 78px);
font-weight: 500;
letter-spacing: 0;
line-height: 0.95;
}
body.egamq-page #slider-1-slide-1-layer-0 {
font-size: 26px !important;
letter-spacing: 0;
line-height: 1.1 !important;
}
body.egamq-page rs-layer {
letter-spacing: 0 !important;
}
body.egamq-page #Header_wrapper {
position: relative;
}
body.egamq-page #sistemas,
body.egamq-page #consulta {
scroll-margin-top: 92px;
}
body.egamq-page .egamq-hero-cta {
position: absolute;
z-index: 35;
left: 50%;
top: min(430px, 61%);
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
width: min(100% - 32px, 620px);
padding: 8px;
border: 1px solid rgba(110, 234, 255, 0.18);
border-radius: 16px;
background: rgba(7, 5, 45, 0.48);
box-shadow: 0 16px 42px rgba(4, 3, 26, 0.2);
transform: translateX(-50%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
pointer-events: auto;
}
body.egamq-page .egamq-hero-btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 160px;
min-height: 42px;
padding: 11px 18px;
border-radius: 10px;
font-family: "Roboto", "Lato", Arial, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
text-decoration: none;
transition: background var(--egamq-transition), border-color var(--egamq-transition), box-shadow var(--egamq-transition), color var(--egamq-transition), transform var(--egamq-transition);
}
body.egamq-page .egamq-hero-btn:hover {
text-decoration: none;
transform: translateY(-2px);
}
body.egamq-page .egamq-hero-btn-primary {
background: rgba(110, 234, 255, 0.92);
border: 1px solid rgba(110, 234, 255, 0.62);
color: #04031a;
box-shadow: 0 0 24px rgba(110, 234, 255, 0.26);
}
body.egamq-page .egamq-hero-btn-primary:hover {
background: #fff;
color: #04031a;
box-shadow: 0 0 34px rgba(110, 234, 255, 0.38);
}
body.egamq-page .egamq-hero-btn-outline {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.14);
color: #fff;
}
body.egamq-page .egamq-hero-btn-outline:hover {
background: rgba(110, 234, 255, 0.13);
border-color: rgba(110, 234, 255, 0.42);
color: #fff;
}
body,
button,
input,
textarea,
select {
font-family: "Roboto", "Lato", Arial, sans-serif;
letter-spacing: 0;
}
.column_attr h6 {
font-family: "Roboto", Arial, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: var(--gamq-primary);
}
.column_attr h2,
.column_attr h3 {
letter-spacing: 0;
}
.column_attr p,
.hidden_photo h6 {
font-family: "Roboto", "Lato", Arial, sans-serif;
letter-spacing: 0;
}
.hover_box_wrapper {
border-radius: 8px !important;
box-shadow: 0 10px 24px rgba(5, 9, 40, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover_box:hover .hover_box_wrapper {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(5, 9, 40, 0.24);
}
.visible_photo h4,
.hidden_photo h4,
.hidden_photo h6 {
letter-spacing: 0;
}
.visible_photo h4 {
font-family: "Roboto", "Lato", Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-transform: none;
}
.hidden_photo h4,
.hidden_photo h6.title {
font-family: "Roboto", "Lato", Arial, sans-serif;
font-weight: 700;
}
.mfn-link span {
font-family: "Roboto", Arial, sans-serif;
letter-spacing: 0;
}
/* Uniform compact square app cards, keeping the original translucent style. */
.column-two {
width: 150px !important;
padding: 0;
margin: 8px 12px 12px 0;
}
.column-two .hover_box,
.column-two .hover_box a,
.column-two .hover_box_wrapper {
display: block;
width: 150px !important;
height: 150px !important;
max-width: 150px !important;
box-sizing: border-box;
}
.column-two .hover_box_wrapper {
overflow: hidden;
background: rgba(50, 49, 87, 0.5) !important;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 7px !important;
box-shadow: 0 10px 22px rgba(4, 8, 35, 0.2);
}
.column-two .visible_photo,
.column-two .hidden_photo,
.column-two .photo_wrapper {
width: 150px !important;
height: 150px !important;
box-sizing: border-box;
}
.column-two .visible_photo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 8px 8px;
text-align: center;
}
.column-two .visible_photo .image_wrapper {
padding: 0 !important;
}
.column-two .visible_photo .image_wrapper img {
width: auto;
max-width: 74px;
max-height: 74px;
margin: 0 auto;
object-fit: contain;
}
.column-two .visible_photo hr {
display: none;
}
.column-two .visible_photo h4 {
display: -webkit-box;
margin: 0 !important;
max-width: 148px;
overflow: hidden;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700;
line-height: 1.2 !important;
text-align: center;
text-transform: uppercase;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.column-two .hidden_photo {
left: 0 !important;
top: 0 !important;
padding: 14px 12px !important;
background: rgba(19, 1, 49, 0.94) !important;
text-align: center;
}
.column-two .hidden_photo h4,
.column-two .hidden_photo h6.title,
.column-two .hidden_photo h6.p-0 {
display: -webkit-box;
margin: 0 0 9px !important;
overflow: hidden;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700;
line-height: 1.18 !important;
text-transform: uppercase;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.column-two .hidden_photo h6:not(.title):not(.p-0) {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: rgba(255, 255, 255, 0.78) !important;
font-size: 11.5px !important;
font-weight: 400;
line-height: 1.34 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
@media (max-width: 480px) {
.column-two {
width: 50% !important;
}
}
/* Gobierno Electronico app cards, styled like the proposed reference while preserving current markup. */
body.egamq-page .column-two {
width: 174px !important;
margin: 8px 14px 16px 0;
padding: 0;
perspective: 900px;
}
body.egamq-page .column-two .hover_box,
body.egamq-page .column-two .hover_box a,
body.egamq-page .column-two .hover_box_wrapper,
body.egamq-page .column-two .photo_wrapper {
display: block;
width: 164px !important;
height: 160px !important;
max-width: 174px !important;
box-sizing: border-box;
}
body.egamq-page .column-two .hover_box {
overflow: visible !important;
}
body.egamq-page .column-two .hover_box a {
color: inherit;
text-decoration: none;
}
body.egamq-page .column-two .hover_box_wrapper {
position: relative !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 14px !important;
box-shadow: none !important;
transform-style: preserve-3d;
transition: transform 0.55s cubic-bezier(.4, 0, .2, 1) !important;
}
body.egamq-page .column-two .hover_box:hover .hover_box_wrapper,
body.egamq-page .column-two .hover_box.hover .hover_box_wrapper {
box-shadow: none !important;
transform: rotateY(180deg) !important;
}
body.egamq-page .column-two .photo_wrapper {
position: relative !important;
overflow: visible !important;
transform-style: preserve-3d;
}
body.egamq-page .column-two .visible_photo,
body.egamq-page .column-two .hidden_photo {
position: absolute !important;
inset: 0 !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: 174px !important;
height: 174px !important;
padding: 12px 12px !important;
overflow: hidden !important;
border-radius: 14px !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
text-align: center;
opacity: 1 !important;
}
body.egamq-page .column-two .visible_photo {
gap: 12px;
background: var(--egamq-card-bg) !important;
border: 1px solid var(--egamq-card-border);
box-shadow: var(--egamq-card-shadow);
transform: rotateY(0deg) !important;
}
body.egamq-page .column-two .hidden_photo {
gap: 8px;
background: rgba(13, 15, 57, 0.97) !important;
border: 1px solid rgba(110, 234, 255, 0.2);
box-shadow: 0 0 30px rgba(110, 234, 255, 0.12), var(--egamq-card-shadow);
transform: rotateY(180deg) !important;
}
body.egamq-page .column-two .visible_photo .image_wrapper {
padding: 0 !important;
}
body.egamq-page .column-two .visible_photo .image_wrapper img {
width: 68px !important;
height: 68px !important;
max-width: 68px !important;
max-height: 68px !important;
margin: 0 auto;
object-fit: contain;
filter: drop-shadow(0 4px 12px rgba(110, 234, 255, 0.2));
transition: transform var(--egamq-transition);
}
body.egamq-page .column-two .hover_box:hover .visible_photo .image_wrapper img,
body.egamq-page .column-two .hover_box.hover .visible_photo .image_wrapper img {
transform: scale(1.05);
}
body.egamq-page .column-two .visible_photo hr {
display: none;
}
body.egamq-page .column-two .visible_photo h4 {
display: -webkit-box;
margin: 0 !important;
max-width: 150px;
overflow: hidden;
color: #fff !important;
font-family: "Roboto", "Lato", Arial, sans-serif;
font-size: 12px !important;
font-weight: 800;
letter-spacing: 0.06em;
line-height: 1.2 !important;
text-align: center;
text-transform: uppercase;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.egamq-page .column-two .hidden_photo h4,
body.egamq-page .column-two .hidden_photo h6.title,
body.egamq-page .column-two .hidden_photo h6.p-0 {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: var(--egamq-accent-cyan) !important;
font-family: "Roboto", "Lato", Arial, sans-serif;
font-size: 13px !important;
font-weight: 800;
letter-spacing: 0.04em;
line-height: 1.18 !important;
text-transform: uppercase;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.egamq-page .column-two .hidden_photo h6:not(.title):not(.p-0) {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: rgba(255, 255, 255, 0.76) !important;
font-family: "Roboto", "Lato", Arial, sans-serif;
font-size: 11.5px !important;
font-weight: 400;
line-height: 1.36 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.egamq-page .column-two .hidden_photo::after {
content: "Abrir";
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 24px;
margin-top: 0;
padding: 5px 14px;
border-radius: 999px;
background: var(--egamq-accent-cyan);
color: #04031a;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.08em;
line-height: 1;
text-transform: uppercase;
}
body.egamq-page .egamq-recaudaciones-section .wrap:last-child .mcb-wrap-inner {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: stretch;
}
body.egamq-page .egamq-recaudaciones-section .column_attr {
flex: 0 0 100%;
}
body.egamq-page .egamq-recaudaciones-section .column-two {
flex: 0 0 calc(33.333% - 11px);
width: calc(33.333% - 11px) !important;
margin: 0 0 16px !important;
}
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box,
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box a,
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box_wrapper,
body.egamq-page .egamq-recaudaciones-section .column-two .photo_wrapper,
body.egamq-page .egamq-recaudaciones-section .column-two .visible_photo,
body.egamq-page .egamq-recaudaciones-section .column-two .hidden_photo {
width: 100% !important;
max-width: none !important;
}
body.egamq-page .egamq-ruat-section > .section_wrapper > .wrap.one-third {
display: none !important;
}
body.egamq-page .egamq-ruat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
padding: 4px 0 70px;
}
body.egamq-page .egamq-ruat-card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
min-height: 500px;
padding: 36px 28px;
overflow: hidden;
background: rgba(13, 15, 57, 0.97);
border: 1px solid rgba(110, 234, 255, 0.16);
border-radius: 22px;
box-shadow: 0 18px 54px rgba(13, 15, 57, 0.22), 0 0 30px rgba(110, 234, 255, 0.08);
text-align: center;
transition: border-color var(--egamq-transition), box-shadow var(--egamq-transition), transform var(--egamq-transition);
}
body.egamq-page .egamq-ruat-card::before {
content: "";
position: absolute;
top: -58%;
left: -35%;
width: 180%;
height: 150%;
background: radial-gradient(circle at 50% 0%, rgba(110, 234, 255, 0.14), transparent 58%);
opacity: 0;
pointer-events: none;
transition: opacity var(--egamq-transition);
}
body.egamq-page .egamq-ruat-card:hover {
border-color: rgba(110, 234, 255, 0.34);
box-shadow: 0 24px 70px rgba(13, 15, 57, 0.16), 0 0 38px rgba(110, 234, 255, 0.12);
transform: translateY(-4px);
}
body.egamq-page .egamq-ruat-card:hover::before {
opacity: 1;
}
body.egamq-page .egamq-ruat-icon {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin-bottom: 18px;
overflow: hidden;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
transition: transform var(--egamq-transition);
}
body.egamq-page .egamq-ruat-card:hover .egamq-ruat-icon {
transform: scale(1.05);
}
body.egamq-page .egamq-ruat-icon img {
width: 72px;
height: 72px;
object-fit: contain;
}
body.egamq-page .egamq-ruat-card h3 {
position: relative;
z-index: 1;
margin: 0 0 18px;
color: #fff;
font-size: 22px;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0;
}
body.egamq-page .egamq-ruat-card ul {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
margin: 0 0 22px;
padding: 0;
list-style: none;
text-align: left;
}
body.egamq-page .egamq-ruat-card li {
display: flex;
align-items: center;
gap: 8px;
min-height: 30px;
padding: 5px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.045);
color: rgba(255, 255, 255, 0.76);
font-size: 13px;
line-height: 1.35;
}
body.egamq-page .egamq-ruat-card li::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--egamq-accent-cyan);
flex: 0 0 auto;
}
body.egamq-page .egamq-ruat-card a {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin-top: auto;
padding: 10px 24px;
border: 1px solid rgba(110, 234, 255, 0.34);
border-radius: 999px;
background: transparent;
color: var(--egamq-accent-cyan);
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.06em;
text-decoration: none;
text-transform: uppercase;
transition: background var(--egamq-transition), border-color var(--egamq-transition), color var(--egamq-transition);
}
body.egamq-page .egamq-ruat-card a:hover {
background: var(--egamq-accent-cyan);
border-color: var(--egamq-accent-cyan);
color: #04031a;
text-decoration: none;
}
body.egamq-page .egamq-ruat-section .wrap.one-third {
padding: 0 12px 28px !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .mcb-wrap-inner,
body.egamq-page .egamq-ruat-section .wrap.one-third .column_column {
height: 100%;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
min-height: 520px;
height: 100%;
padding: 34px 28px 28px !important;
overflow: hidden;
background: rgba(255, 255, 255, 0.96) !important;
border: 1px solid rgba(13, 15, 57, 0.08);
border-radius: 22px !important;
box-shadow: 0 18px 54px rgba(13, 15, 57, 0.12);
transition: border-color var(--egamq-transition), box-shadow var(--egamq-transition), transform var(--egamq-transition);
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center::before {
content: "";
position: absolute;
top: -48%;
left: -30%;
width: 160%;
height: 130%;
background: radial-gradient(circle at 50% 0%, rgba(110, 234, 255, 0.14), transparent 58%);
opacity: 0;
pointer-events: none;
transition: opacity var(--egamq-transition);
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center:hover {
border-color: rgba(110, 234, 255, 0.34);
box-shadow: 0 24px 70px rgba(13, 15, 57, 0.16), 0 0 38px rgba(110, 234, 255, 0.12);
transform: translateY(-4px);
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center:hover::before {
opacity: 1;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .image_frame {
z-index: 1;
width: 100px;
height: 100px;
margin: 0 0 18px !important;
overflow: hidden;
background: rgba(13, 15, 57, 0.04);
border: 1px solid rgba(13, 15, 57, 0.08);
border-radius: 14px;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .image_wrapper,
body.egamq-page .egamq-ruat-section .wrap.one-third .image_wrapper a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .image_wrapper img {
width: 72px !important;
height: 72px !important;
object-fit: contain;
transition: transform var(--egamq-transition);
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center:hover .image_wrapper img {
transform: scale(1.06);
}
body.egamq-page .egamq-ruat-section .wrap.one-third hr.no_line {
display: none;
}
body.egamq-page .egamq-ruat-section .wrap.one-third h3 {
z-index: 1;
margin: 0 0 18px !important;
color: #0d0f39 !important;
font-size: 22px !important;
font-weight: 700;
line-height: 1.1 !important;
letter-spacing: 0;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column-margin-0px {
z-index: 1;
width: 100%;
margin: 0 0 18px !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column-margin-0px > .column_attr {
display: flex;
align-items: center;
gap: 8px;
min-height: 30px;
margin: 0 0 6px !important;
padding: 5px 12px !important;
background: rgba(13, 15, 57, 0.035) !important;
background-image: none !important;
border-radius: 6px;
text-align: left !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column-margin-0px > .column_attr::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--egamq-accent-cyan);
flex: 0 0 auto;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column-margin-0px p {
margin: 0 !important;
color: #747699 !important;
font-size: 13px;
line-height: 1.35;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .mfn-link {
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin-top: auto;
padding: 10px 24px;
border: 1px solid rgba(28, 167, 223, 0.34);
border-radius: 999px;
background: transparent;
color: #1ca7df !important;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.06em;
text-decoration: none;
text-transform: uppercase;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .mfn-link::before,
body.egamq-page .egamq-ruat-section .wrap.one-third .mfn-link::after {
display: none !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .mfn-link span {
color: inherit !important;
line-height: 1 !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .mfn-link:hover {
background: var(--egamq-accent-cyan);
border-color: var(--egamq-accent-cyan);
color: #04031a !important;
text-decoration: none;
}
@media (max-width: 900px) {
body.egamq-page .column-two,
body.egamq-page .column-two .hover_box,
body.egamq-page .column-two .hover_box a,
body.egamq-page .column-two .hover_box_wrapper,
body.egamq-page .column-two .photo_wrapper,
body.egamq-page .column-two .visible_photo,
body.egamq-page .column-two .hidden_photo {
width: 150px !important;
height: 150px !important;
max-width: 150px !important;
}
body.egamq-page .egamq-recaudaciones-section .column-two {
flex-basis: calc(33.333% - 11px);
width: calc(33.333% - 11px) !important;
}
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box,
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box a,
body.egamq-page .egamq-recaudaciones-section .column-two .hover_box_wrapper,
body.egamq-page .egamq-recaudaciones-section .column-two .photo_wrapper,
body.egamq-page .egamq-recaudaciones-section .column-two .visible_photo,
body.egamq-page .egamq-recaudaciones-section .column-two .hidden_photo {
width: 100% !important;
max-width: none !important;
}
body.egamq-page .egamq-ruat-grid {
grid-template-columns: 1fr;
width: min(520px, calc(100% - 40px));
}
body.egamq-page .egamq-ruat-card {
min-height: 0;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center {
min-height: 0;
}
}
@media (max-width: 600px) {
body.egamq-page #main-menu {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10060;
}
body.egamq-page #Top_bar,
body.egamq-page #Top_bar.is-sticky {
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 100% !important;
}
body.egamq-page #Top_bar .container,
body.egamq-page #Top_bar .column {
box-sizing: border-box;
margin: 0 !important;
max-width: none !important;
padding: 0 !important;
width: 100% !important;
}
body.egamq-page #Top_bar .top_bar,
body.egamq-page #Top_bar.is-sticky .top_bar {
height: 78px !important;
min-height: 78px !important;
background-color: rgba(255, 255, 255, 0.52) !important;
}
body.egamq-page #Top_bar #logo,
body.egamq-page #Top_bar.is-sticky #logo {
height: 78px !important;
line-height: 78px !important;
padding: 0 12px !important;
}
body.egamq-page #Top_bar #logo img,
body.egamq-page #Top_bar.is-sticky #logo img {
max-height: 72px !important;
max-width: 235px !important;
}
body.egamq-page #Header_wrapper {
margin-top: 0 !important;
overflow: hidden;
}
body.egamq-page #slider-1-slide-1-layer-1 {
max-width: calc(100vw - 28px) !important;
white-space: normal !important;
}
body.egamq-page #slider-1-slide-1-layer-1 h2 {
font-size: clamp(30px, 8.8vw, 42px) !important;
line-height: 0.95 !important;
max-width: calc(100vw - 28px);
white-space: normal;
}
body.egamq-page #slider-1-slide-1-layer-0 {
font-size: 17px !important;
top: 168px !important;
}
body.egamq-page .egamq-hero-cta {
top: 66%;
gap: 10px;
width: calc(100% - 24px);
padding: 6px;
border-radius: 12px;
}
body.egamq-page .egamq-hero-btn {
flex-basis: calc(50% - 5px);
min-height: 38px;
padding: 9px 10px;
font-size: 11.5px;
}
body.egamq-page .column-two {
width: calc(50% - 10px) !important;
margin-right: 10px;
}
body.egamq-page .egamq-recaudaciones-section .column-two {
flex-basis: calc(50% - 8px);
width: calc(50% - 8px) !important;
}
body.egamq-page .egamq-ruat-grid {
width: calc(100% - 28px);
padding-bottom: 42px;
}
body.egamq-page .egamq-ruat-card {
padding: 28px 20px 24px;
}
body.egamq-page .egamq-ruat-section .wrap.one-third {
padding: 0 0 24px !important;
}
body.egamq-page .egamq-ruat-section .wrap.one-third .column_attr.align_center {
padding: 28px 20px 24px !important;
}
}
@media (max-width: 1239px) {
body.egamq-menu-open {
overflow: hidden;
}
#Top_bar {
z-index: 10050 !important;
}
#Top_bar .menu_wrapper {
position: static !important;
}
#Top_bar #menu {
background: #fff !important;
box-shadow: 0 18px 42px rgba(13, 15, 57, 0.24);
display: none !important;
left: 0 !important;
max-height: calc(100vh - var(--egamq-menu-top, 100px)) !important;
max-width: none !important;
overflow-y: auto !important;
position: fixed !important;
right: 0 !important;
top: var(--egamq-menu-top, 100px) !important;
width: 100vw !important;
z-index: 10060 !important;
}
body.egamq-menu-open #Top_bar #menu {
display: block !important;
}
#Top_bar #menu > ul,
#Top_bar #menu > ul > li {
display: block !important;
width: 100% !important;
}
#Top_bar #menu ul li a {
background: #fff !important;
border-bottom: 1px solid rgba(13, 15, 57, 0.1);
color: #0d0f39 !important;
height: auto !important;
line-height: 1.2 !important;
padding: 14px 20px !important;
}
#Top_bar #menu ul li a span {
color: #0d0f39 !important;
line-height: 1.2 !important;
padding: 0 !important;
}
#Top_bar #menu ul li ul {
background: #f5f7ff !important;
box-shadow: none !important;
display: none !important;
left: auto !important;
position: static !important;
}
#Top_bar #menu ul li.hover > ul,
#Top_bar #menu ul li.hover > ul ul {
display: block !important;
}
#Top_bar #menu ul li ul li a {
padding-left: 34px !important;
}
}
</style>
</body>
</html>