{"id":8,"date":"2026-09-16T21:41:34","date_gmt":"2026-09-16T21:41:34","guid":{"rendered":"https:\/\/www.gruas-conocoto.com\/?page_id=8"},"modified":"2026-09-17T06:48:34","modified_gmt":"2026-09-17T06:48:34","slug":"servicio-de-gruas-en-conocoto-valle-de-los-chillos","status":"publish","type":"page","link":"https:\/\/www.gruas-conocoto.com\/","title":{"rendered":"SERVICIO DE GR\u00daAS EN CONOCOTO &#8211; VALLE DE LOS CHILLOS"},"content":{"rendered":"\n<!-- =========================================================\n     GR\u00daAS CONOCOTO\n     HEADER BLANCO \/ RESPONSIVE\n     (ACTUALIZADO: LOGO 30% M\u00c1S GRANDE)\n========================================================= -->\n\n<header class=\"gc-header-v2\" id=\"gcHeaderV2\">\n\n    <!-- =====================================================\n         BARRA PRINCIPAL\n    ====================================================== -->\n\n    <div class=\"gc-header-v2__bar\">\n\n        <!-- LOGO (NUEVO LOGO JPG - TAMA\u00d1O ACTUALIZADO A 234x91) -->\n        <a href=\"\/\" class=\"gc-header-v2__logo\" aria-label=\"Gr\u00faas Conocoto - Inicio\">\n            <img src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-LOGO-WEB.jpg\" alt=\"Gr\u00faas Conocoto\" width=\"234\" height=\"91\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n        <\/a>\n\n\n        <!-- =================================================\n             NAVEGACI\u00d3N ESCRITORIO\n        ================================================== -->\n\n        <nav class=\"gc-header-v2__nav\" aria-label=\"Navegaci\u00f3n principal\">\n            <a href=\"#inicio\" class=\"is-active\">Inicio<\/a>\n            <a href=\"#servicios\">Servicios<\/a>\n            <a href=\"#gruas\">Tipos de Gr\u00faas<\/a>\n            <a href=\"#nosotros\">Nosotros<\/a>\n            <a href=\"#contacto\">Contacto<\/a>\n        <\/nav>\n\n\n        <!-- =================================================\n             BOT\u00d3N LLAMAR\n        ================================================== -->\n\n        <a href=\"tel:+593987890844\" class=\"gc-header-v2__cta\" aria-label=\"Llamar al 098 789 0844\">\n            <span class=\"gc-header-v2__cta-icon\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.56 3.58.56a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.19 2.46.56 3.59a1 1 0 0 1-.25 1.01l-2.19 2.19Z\"><\/path>\n                <\/svg>\n            <\/span>\n            <span>\n                <small>Atenci\u00f3n inmediata<\/small>\n                <strong>098 789 0844<\/strong>\n            <\/span>\n        <\/a>\n\n\n        <!-- =================================================\n             BOT\u00d3N MEN\u00da M\u00d3VIL\n        ================================================== -->\n\n        <button class=\"gc-header-v2__menu-button\" id=\"gcMenuButtonV2\" type=\"button\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"gcMobilePanelV2\">\n            <span><\/span>\n            <span><\/span>\n        <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         OVERLAY\n    ====================================================== -->\n\n    <div class=\"gc-header-v2__overlay\" id=\"gcMenuOverlayV2\"><\/div>\n\n\n    <!-- =====================================================\n         PANEL M\u00d3VIL\n    ====================================================== -->\n\n    <aside class=\"gc-mobile-panel-v2\" id=\"gcMobilePanelV2\" aria-hidden=\"true\">\n\n        <div class=\"gc-mobile-panel-v2__top\">\n            <span>MEN\u00da<\/span>\n            <button type=\"button\" class=\"gc-mobile-panel-v2__close\" id=\"gcMenuCloseV2\" aria-label=\"Cerrar men\u00fa\">\u00d7<\/button>\n        <\/div>\n\n        <div class=\"gc-mobile-panel-v2__line\"><\/div>\n\n        <nav class=\"gc-mobile-panel-v2__nav\" aria-label=\"Men\u00fa m\u00f3vil\">\n            <a href=\"#inicio\"><span class=\"gc-mobile-number\">01<\/span><span>Inicio<\/span><\/a>\n            <a href=\"#servicios\"><span class=\"gc-mobile-number\">02<\/span><span>Servicios<\/span><\/a>\n            <a href=\"#gruas\"><span class=\"gc-mobile-number\">03<\/span><span>Tipos de Gr\u00faas<\/span><\/a>\n            <a href=\"#nosotros\"><span class=\"gc-mobile-number\">04<\/span><span>Nosotros<\/span><\/a>\n            <a href=\"#contacto\"><span class=\"gc-mobile-number\">05<\/span><span>Contacto<\/span><\/a>\n        <\/nav>\n\n        <div class=\"gc-mobile-panel-v2__contact\">\n            <span>\u00bfNecesitas una gr\u00faa?<\/span>\n            <a href=\"tel:+593987890844\">\n                <strong>098 789 0844<\/strong>\n                <small>Llamar ahora<\/small>\n            <\/a>\n        <\/div>\n\n        <div class=\"gc-mobile-panel-v2__credit\">\n            <span>Sitio web creado, dise\u00f1ado &amp; desarrollado por<\/span>\n            <strong>Wiliams G.<\/strong>\n        <\/div>\n\n    <\/aside>\n\n<\/header>\n\n\n<style>\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.gc-header-v2 {\n    --blue: #0047FF;\n    --blue-dark: #0037D1;\n    --white: #FFFFFF;\n    --yellow: #FFD400;\n    --dark: #172033;\n    --gray: #788397;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.gc-header-v2 {\n    position: relative;\n    width: 100%;\n    z-index: 99999;\n    font-family: \"Open Sans\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   BARRA PRINCIPAL (ACTUALIZADO: Mayor altura para logo m\u00e1s grande)\n========================================================= *\/\n\n.gc-header-v2__bar {\n    width: 100%;\n    min-height: 112px; \/* <-- Aumentado de 86px (proporcional al logo) *\/\n    padding: 0 32px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    background: var(--white);\n    border-bottom: 1px solid #E8ECF3;\n    transition: background 0.3s ease;\n}\n\n\/* =========================================================\n   LOGO (ACTUALIZADO: 30% m\u00e1s grande en escritorio)\n========================================================= *\/\n\n.gc-header-v2__logo {\n    width: 234px; \/* <-- Aumentado de 180px *\/\n    height: 91px; \/* <-- Aumentado de 70px *\/\n    flex: 0 0 234px; \/* <-- Aumentado de 180px *\/\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n}\n\n.gc-header-v2__logo img {\n    display: block;\n    width: 234px; \/* <-- Aumentado de 180px *\/\n    height: auto;\n    max-height: 91px; \/* <-- Aumentado de 70px *\/\n    object-fit: contain;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N ESCRITORIO (ACTUALIZADO: Altura ajustada a la barra)\n========================================================= *\/\n\n.gc-header-v2__nav {\n    flex: 1;\n    height: 112px; \/* <-- Ajustado a la altura de la barra *\/\n    margin-left: 35px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 4px;\n}\n\n.gc-header-v2__nav a {\n    position: relative;\n    height: 112px; \/* <-- Ajustado a la altura de la barra *\/\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    color: var(--blue);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: color .25s ease;\n}\n\n.gc-header-v2__nav a::after {\n    content: \"\";\n    position: absolute;\n    left: 15px;\n    right: 15px;\n    bottom: 19px;\n    height: 2px;\n    border-radius: 10px;\n    background: var(--blue);\n    transform: scaleX(0);\n    transition: transform .25s ease;\n}\n\n.gc-header-v2__nav a:hover,\n.gc-header-v2__nav a.is-active {\n    color: var(--blue-dark);\n}\n\n.gc-header-v2__nav a:hover::after,\n.gc-header-v2__nav a.is-active::after {\n    transform: scaleX(1);\n}\n\n\/* =========================================================\n   BOT\u00d3N LLAMAR\n========================================================= *\/\n\n.gc-header-v2__cta {\n    min-width: 188px;\n    height: 52px;\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-sizing: border-box;\n    color: var(--white);\n    background: var(--blue);\n    border-radius: 8px;\n    text-decoration: none;\n    box-shadow: 0 8px 25px rgba(0,25,100,.16);\n    transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.gc-header-v2__cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(0,25,100,.25);\n}\n\n.gc-header-v2__cta-icon {\n    width: 34px;\n    height: 34px;\n    flex: 0 0 34px;\n    display: grid;\n    place-items: center;\n    border-radius: 7px;\n    color: var(--blue);\n    background: var(--white);\n}\n\n.gc-header-v2__cta-icon svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n}\n\n.gc-header-v2__cta span:last-child {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.gc-header-v2__cta small {\n    color: rgba(255,255,255,0.85);\n    font-size: 9px;\n    line-height: 1;\n}\n\n.gc-header-v2__cta strong {\n    color: var(--white);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n\/* =========================================================\n   BOT\u00d3N MEN\u00da M\u00d3VIL\n========================================================= *\/\n\n.gc-header-v2__menu-button {\n    display: none;\n    width: 46px;\n    height: 46px;\n    padding: 0;\n    border: 1px solid var(--blue);\n    border-radius: 8px;\n    background: transparent;\n    cursor: pointer;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.gc-header-v2__menu-button span {\n    width: 20px;\n    height: 2px;\n    border-radius: 10px;\n    background: var(--blue);\n}\n\n\/* =========================================================\n   OVERLAY Y PANEL M\u00d3VIL (Sin cambios)\n========================================================= *\/\n\n.gc-header-v2__overlay {\n    position: fixed; inset: 0; background: rgba(8,18,40,.55);\n    backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);\n    opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease;\n}\n\n.gc-mobile-panel-v2 {\n    position: fixed; top: 0; right: 0; width: min(88vw, 390px);\n    height: 100vh; height: 100dvh; padding: 28px 25px; box-sizing: border-box;\n    display: flex; flex-direction: column; background: var(--white);\n    box-shadow: -15px 0 50px rgba(0,20,80,.22); transform: translateX(105%);\n    transition: transform .42s cubic-bezier(.77,0,.18,1); z-index: 100000;\n}\n\n.gc-header-v2.is-menu-open .gc-mobile-panel-v2 { transform: translateX(0); }\n.gc-header-v2.is-menu-open .gc-header-v2__overlay { opacity: 1; visibility: visible; }\n.gc-mobile-panel-v2__top { display: flex; align-items: center; justify-content: space-between; }\n.gc-mobile-panel-v2__top > span { color: var(--blue); font-family: \"Montserrat\", Arial, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: 2px; }\n.gc-mobile-panel-v2__close { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #F1F4F9; color: var(--dark); font-size: 27px; line-height: 1; cursor: pointer; }\n.gc-mobile-panel-v2__line { width: 100%; height: 1px; margin: 20px 0 8px; background: #E8ECF3; }\n.gc-mobile-panel-v2__nav { display: flex; flex-direction: column; }\n.gc-mobile-panel-v2__nav a { min-height: 68px; display: flex; align-items: center; gap: 17px; border-bottom: 1px solid #EDF0F5; color: var(--dark); font-family: \"Montserrat\", Arial, sans-serif; font-size: 17px; font-weight: 700; text-decoration: none; transition: color .2s ease, padding-left .2s ease; }\n.gc-mobile-panel-v2__nav a:hover { color: var(--blue); padding-left: 6px; }\n.gc-mobile-number { width: 25px; color: #A3ADBD; font-family: \"Open Sans\", Arial, sans-serif; font-size: 11px; font-weight: 600; }\n.gc-mobile-panel-v2__contact { margin-top: auto; padding: 20px; border-radius: 12px; background: var(--blue); color: var(--white); }\n.gc-mobile-panel-v2__contact > span { display: block; margin-bottom: 9px; font-size: 12px; opacity: .82; }\n.gc-mobile-panel-v2__contact a { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; color: var(--white); text-decoration: none; }\n.gc-mobile-panel-v2__contact strong { font-family: \"Montserrat\", Arial, sans-serif; font-size: 20px; font-weight: 800; }\n.gc-mobile-panel-v2__contact small { color: var(--yellow); font-family: \"Montserrat\", Arial, sans-serif; font-size: 11px; font-weight: 700; }\n.gc-mobile-panel-v2__credit { padding: 14px 5px 2px; text-align: center; color: #8A94A6; font-family: \"Open Sans\", Arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.5; }\n.gc-mobile-panel-v2__credit span { display: inline; }\n.gc-mobile-panel-v2__credit strong { color: var(--blue); font-family: \"Montserrat\", Arial, sans-serif; font-weight: 700; }\n\n\/* =========================================================\n   TABLET (ACTUALIZADO: Logo 30% m\u00e1s grande)\n========================================================= *\/\n\n@media (max-width: 1050px) {\n    .gc-header-v2__bar {\n        padding: 0 20px;\n    }\n    .gc-header-v2__logo {\n        width: 202px; \/* <-- Aumentado de 155px *\/\n        flex-basis: 202px; \/* <-- Aumentado de 155px *\/\n    }\n    .gc-header-v2__logo img {\n        width: 202px; \/* <-- Aumentado de 155px *\/\n    }\n    .gc-header-v2__nav {\n        margin-left: 10px;\n    }\n    .gc-header-v2__nav a {\n        padding: 0 9px;\n        font-size: 12px;\n    }\n    .gc-header-v2__nav a::after {\n        left: 9px;\n        right: 9px;\n    }\n    .gc-header-v2__cta {\n        min-width: 170px;\n    }\n}\n\n\/* =========================================================\n   TABLET PEQUE\u00d1A \/ M\u00d3VIL (ACTUALIZADO: Logo 30% m\u00e1s grande)\n========================================================= *\/\n\n@media (max-width: 850px) {\n    .gc-header-v2__bar {\n        min-height: 76px;\n        padding: 0 16px;\n    }\n    .gc-header-v2__nav,\n    .gc-header-v2__cta {\n        display: none;\n    }\n    .gc-header-v2__logo {\n        flex: 1;\n        width: auto;\n        height: 64px;\n    }\n    .gc-header-v2__logo img {\n        width: 195px; \/* <-- Aumentado de 150px *\/\n        max-height: 78px; \/* <-- Aumentado de 60px *\/\n    }\n    .gc-header-v2__menu-button {\n        display: flex;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL (ACTUALIZADO: Logo 30% m\u00e1s grande)\n========================================================= *\/\n\n@media (max-width: 650px) {\n    .gc-header-v2__bar {\n        min-height: 72px;\n        padding: 0 16px;\n    }\n    .gc-header-v2__logo img {\n        width: 189px; \/* <-- Aumentado de 145px *\/\n    }\n    .gc-mobile-panel-v2 {\n        padding: 25px 20px;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O (ACTUALIZADO: Logo 30% m\u00e1s grande)\n========================================================= *\/\n\n@media (max-width: 380px) {\n    .gc-header-v2__bar {\n        min-height: 68px;\n        padding: 0 12px;\n    }\n    .gc-header-v2__logo img {\n        width: 176px; \/* <-- Aumentado de 135px *\/\n    }\n    .gc-header-v2__menu-button {\n        width: 43px;\n        height: 43px;\n    }\n    .gc-mobile-panel-v2__nav a {\n        min-height: 62px;\n        font-size: 16px;\n    }\n    .gc-mobile-panel-v2__credit {\n        font-size: 9px;\n    }\n}\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .gc-mobile-panel-v2,\n    .gc-header-v2__overlay,\n    .gc-header-v2__nav a,\n    .gc-header-v2__cta {\n        transition: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n\/* =========================================================\n   MEN\u00da M\u00d3VIL\n========================================================= *\/\n(function () {\n    const header = document.getElementById(\"gcHeaderV2\");\n    const button = document.getElementById(\"gcMenuButtonV2\");\n    const close = document.getElementById(\"gcMenuCloseV2\");\n    const overlay = document.getElementById(\"gcMenuOverlayV2\");\n    const panel = document.getElementById(\"gcMobilePanelV2\");\n\n    if (!header || !button || !close || !overlay || !panel) return;\n\n    function openMenu() {\n        header.classList.add(\"is-menu-open\");\n        button.setAttribute(\"aria-expanded\", \"true\");\n        panel.setAttribute(\"aria-hidden\", \"false\");\n        document.body.style.overflow = \"hidden\";\n    }\n\n    function closeMenu() {\n        header.classList.remove(\"is-menu-open\");\n        button.setAttribute(\"aria-expanded\", \"false\");\n        panel.setAttribute(\"aria-hidden\", \"true\");\n        document.body.style.overflow = \"\";\n    }\n\n    button.addEventListener(\"click\", openMenu);\n    close.addEventListener(\"click\", closeMenu);\n    overlay.addEventListener(\"click\", closeMenu);\n\n    panel.querySelectorAll(\".gc-mobile-panel-v2__nav a\").forEach(function (link) {\n        link.addEventListener(\"click\", closeMenu);\n    });\n\n    document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\") closeMenu();\n    });\n\n    window.addEventListener(\"resize\", function () {\n        if (window.innerWidth > 850) closeMenu();\n    });\n})();\n<\/script>\n\n\n\n<!-- =========================================================\n     SERVICIO DE GR\u00daAS\n     RESPONSIVE \u2014 M\u00d3VIL \/ TABLET \/ COMPUTADORA\n========================================================= -->\n\n<section class=\"gc-service-hero\">\n\n    <div class=\"gc-service-content\">\n\n        <h1 class=\"gc-service-title\">\n            Servicio de gr\u00faas en el\n            <span class=\"gc-highlight\">Valle de los Chillos<\/span>\n            &amp;\n            <span class=\"gc-highlight\">Quito<\/span>\n        <\/h1>\n\n        <p class=\"gc-service-description\">\n            Asistencia r\u00e1pida y profesional para el traslado seguro\n            de tu veh\u00edculo, cuando m\u00e1s lo necesitas.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.gc-service-hero,\n.gc-service-hero *,\n.gc-service-hero *::before,\n.gc-service-hero *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   SECCI\u00d3N PRINCIPAL\n========================================================= *\/\n\n.gc-service-hero {\n\n    position: relative;\n\n    width: 100% !important;\n\n    height: 0;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    overflow: visible !important;\n\n    z-index: 50;\n\n}\n\n\n\/* =========================================================\n   BLOQUE COMPLETO\n========================================================= *\/\n\n.gc-service-content {\n\n    position: absolute;\n\n    top: 65px;\n\n    left: 50%;\n\n    transform: translateX(-50%);\n\n    width: calc(100% - 32px);\n\n    max-width: 1200px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    text-align: left;\n\n    z-index: 100;\n\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n   MONTSERRAT 800\n========================================================= *\/\n\n.gc-service-title {\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 950px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    color: #FFFFFF !important;\n\n    background: transparent !important;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif !important;\n\n    font-size: 30px !important;\n\n    font-weight: 800 !important;\n\n    line-height: 1.15 !important;\n\n    letter-spacing: -0.5px;\n\n    text-align: left !important;\n\n    text-shadow:\n        0 2px 12px rgba(0,0,0,.18);\n\n}\n\n\n\/* =========================================================\n   FORZAR BLANCO\n   EVITA QUE ASTRA CAMBIE EL COLOR\n========================================================= *\/\n\n.gc-service-title,\n.gc-service-title *,\n.gc-service-title a,\n.gc-service-title strong,\n.gc-service-title b,\n.gc-service-title em {\n\n    color: #FFFFFF !important;\n\n}\n\n\n\/* =========================================================\n   DESTACADOS AMARILLOS\n========================================================= *\/\n\n.gc-service-title .gc-highlight {\n\n    position: relative;\n\n    display: inline-block;\n\n    color: #FFD400 !important;\n\n    background: transparent !important;\n\n    white-space: nowrap;\n\n    text-decoration: none !important;\n\n}\n\n\n\/* =========================================================\n   SUBRAYADO AMARILLO\n========================================================= *\/\n\n.gc-service-title .gc-highlight::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n\n    right: 0;\n\n    bottom: -5px;\n\n    width: 100%;\n\n    height: 3px;\n\n    border-radius: 20px;\n\n    background: #FFD400 !important;\n\n}\n\n\n\/* =========================================================\n   DESCRIPCI\u00d3N\n   OPEN SANS 400\n========================================================= *\/\n\n.gc-service-description {\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 680px;\n\n    margin: 17px 0 0 !important;\n\n    padding: 0 !important;\n\n    color: #FFFFFF !important;\n\n    background: transparent !important;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif !important;\n\n    font-size: 16px !important;\n\n    font-weight: 400 !important;\n\n    line-height: 1.6 !important;\n\n    text-align: left !important;\n\n    text-shadow:\n        0 2px 10px rgba(0,0,0,.15);\n\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1199PX\n========================================================= *\/\n\n@media (min-width: 768px) and (max-width: 1199px) {\n\n    .gc-service-content {\n\n        top: 90px;\n\n        width: calc(100% - 64px);\n\n        max-width: 1200px;\n\n    }\n\n\n    .gc-service-title {\n\n        max-width: 850px;\n\n        font-size: 38px !important;\n\n        line-height: 1.14 !important;\n\n        letter-spacing: -0.6px;\n\n    }\n\n\n    .gc-service-description {\n\n        max-width: 650px;\n\n        margin-top: 18px !important;\n\n        font-size: 16px !important;\n\n    }\n\n}\n\n\n\/* =========================================================\n   COMPUTADORA\n   1200PX+\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n    .gc-service-content {\n\n        top: 125px;\n\n        width: 1200px;\n\n        max-width: calc(100% - 64px);\n\n    }\n\n\n    .gc-service-title {\n\n        max-width: 950px;\n\n        font-size: 48px !important;\n\n        line-height: 1.12 !important;\n\n        letter-spacing: -0.8px;\n\n    }\n\n\n    .gc-service-description {\n\n        max-width: 680px;\n\n        margin-top: 20px !important;\n\n        font-size: 18px !important;\n\n        line-height: 1.6 !important;\n\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   HASTA 767PX\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .gc-service-content {\n\n        top: 65px;\n\n        left: 16px;\n\n        transform: none;\n\n        width: calc(100% - 32px);\n\n        max-width: none;\n\n    }\n\n\n    .gc-service-title {\n\n        width: 100%;\n\n        max-width: none;\n\n        font-size: 30px !important;\n\n        line-height: 1.15 !important;\n\n        letter-spacing: -0.5px;\n\n        text-align: left !important;\n\n    }\n\n\n    .gc-service-description {\n\n        width: 100%;\n\n        max-width: 600px;\n\n        margin: 16px 0 0 !important;\n\n        font-size: 16px !important;\n\n        line-height: 1.6 !important;\n\n        text-align: left !important;\n\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VILES PEQUE\u00d1OS\n   HASTA 380PX\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-service-content {\n\n        top: 50px;\n\n        left: 14px;\n\n        width: calc(100% - 28px);\n\n    }\n\n\n    .gc-service-title {\n\n        font-size: 30px !important;\n\n        line-height: 1.14 !important;\n\n    }\n\n\n    .gc-service-description {\n\n        margin-top: 15px !important;\n\n        font-size: 16px !important;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1376\" src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1.jpg\" alt=\"\" class=\"wp-image-54\" srcset=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1.jpg 768w, https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1-167x300.jpg 167w, https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1-572x1024.jpg 572w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<section class=\"gc-benefits\">\n\n    <div class=\"gc-benefits-box\">\n\n        <!-- DECORACI\u00d3N INTERNA -->\n        <div class=\"gc-benefits-glow\"><\/div>\n\n        <!-- CONTENIDO QUE SE MUEVE -->\n        <div class=\"gc-benefits-track\">\n\n            <!-- =================================================\n                 VENTAJA 1 \u2014 EDITAR AQU\u00cd\n            ================================================== -->\n\n            <article class=\"gc-benefit\">\n\n                <div class=\"gc-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 17h-2v-2h2Zm2-7.2-1.1 1.1A3.85 3.85 0 0 0 13 15h-2a5.63 5.63 0 0 1 1.46-3.65l1.14-1.14A1.69 1.69 0 0 0 14.2 9a2.2 2.2 0 0 0-4.4 0H8a4 4 0 0 1 8 0 3.78 3.78 0 0 1-1 2.8Z\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"gc-benefit-content\">\n\n                    <span class=\"gc-benefit-small\">\n                        GR\u00daAS CONOCOTO\n                    <\/span>\n\n                    <strong>\n                        Atenci\u00f3n inmediata\n                    <\/strong>\n\n                    <p>\n                        Estamos listos para ayudarte\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"gc-benefit-number\">\n                    01\n                <\/span>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 VENTAJA 2 \u2014 EDITAR AQU\u00cd\n            ================================================== -->\n\n            <article class=\"gc-benefit\">\n\n                <div class=\"gc-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 1a9 9 0 0 0-9 9v4a3 3 0 0 0 3 3h1v-7H5v-0a7 7 0 0 1 14 0v0h-2v7h1a3 3 0 0 0 3-3v-4a9 9 0 0 0-9-9Zm-5 11H6v3h1Zm12 0h-1v3h1Zm-7 10h4v-2h-4Z\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"gc-benefit-content\">\n\n                    <span class=\"gc-benefit-small\">\n                        GR\u00daAS CONOCOTO\n                    <\/span>\n\n                    <strong>\n                        Servicio profesional\n                    <\/strong>\n\n                    <p>\n                        Atenci\u00f3n para tu veh\u00edculo\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"gc-benefit-number\">\n                    02\n                <\/span>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 VENTAJA 3 \u2014 EDITAR AQU\u00cd\n            ================================================== -->\n\n            <article class=\"gc-benefit\">\n\n                <div class=\"gc-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 2 4 5v6c0 5.25 3.4 10.17 8 11 4.6-.83 8-5.75 8-11V5Zm0 17.88C8.72 19 6 15.14 6 11V6.38l6-2.25 6 2.25V11c0 4.14-2.72 8-6 8.88ZM11 14.59l-3-3L9.41 10 11 11.59 14.59 8 16 9.41Z\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"gc-benefit-content\">\n\n                    <span class=\"gc-benefit-small\">\n                        GR\u00daAS CONOCOTO\n                    <\/span>\n\n                    <strong>\n                        Traslado seguro\n                    <\/strong>\n\n                    <p>\n                        Cuidado durante el servicio\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"gc-benefit-number\">\n                    03\n                <\/span>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 VENTAJA 4 \u2014 EDITAR AQU\u00cd\n            ================================================== -->\n\n            <article class=\"gc-benefit\">\n\n                <div class=\"gc-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20 8h-3V4H3a2 2 0 0 0-2 2v11h2a3 3 0 1 0 6 0h6a3 3 0 1 0 6 0h2v-5Zm-14 9a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm10-2H9a3 3 0 0 0-6 0H3V6h13Zm3 2a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm3-2h-1a3 3 0 0 0-2-2.82V10h3Z\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"gc-benefit-content\">\n\n                    <span class=\"gc-benefit-small\">\n                        GR\u00daAS CONOCOTO\n                    <\/span>\n\n                    <strong>\n                        Servicio de gr\u00faa\n                    <\/strong>\n\n                    <p>\n                        Soluciones para tu veh\u00edculo\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"gc-benefit-number\">\n                    04\n                <\/span>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- INDICADORES -->\n\n        <div class=\"gc-benefits-dots\">\n\n            <span class=\"active\"><\/span>\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   GR\u00daAS CONOCOTO\n   RECUADRO PREMIUM DE VENTAJAS\n========================================================= *\/\n\n.gc-benefits {\n\n    --gc-blue: #0047FF;\n    --gc-blue-dark: #0038D4;\n\n    width: 100%;\n\n    padding:\n        0 16px;\n\n    position: relative;\n\n    z-index: 20;\n\n}\n\n\n\/* =========================================================\n   CAJA PRINCIPAL\n========================================================= *\/\n\n.gc-benefits-box {\n\n    position: relative;\n\n    width:\n        min(\n            100%,\n            1080px\n        );\n\n    height: 92px;\n\n    margin:\n        0 auto;\n\n    border-radius:\n        14px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0047FF 0%,\n            #003FE5 100%\n        );\n\n    overflow: hidden;\n\n    box-shadow:\n        0 18px 40px\n        rgba(0, 55, 190, .25);\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   BRILLO DECORATIVO\n========================================================= *\/\n\n.gc-benefits-glow {\n\n    position: absolute;\n\n    top: -100px;\n    right: -70px;\n\n    width: 250px;\n    height: 250px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.10);\n\n    filter:\n        blur(5px);\n\n    pointer-events: none;\n\n    z-index: 0;\n}\n\n\n\/* =========================================================\n   BORDE INTERNO\n========================================================= *\/\n\n.gc-benefits-box::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 1px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.14);\n\n    border-radius:\n        13px;\n\n    pointer-events: none;\n\n    z-index: 5;\n}\n\n\n\/* =========================================================\n   L\u00cdNEA DECORATIVA INFERIOR\n========================================================= *\/\n\n.gc-benefits-box::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,.45),\n            transparent\n        );\n\n    opacity: .7;\n\n    z-index: 5;\n}\n\n\n\/* =========================================================\n   TRACK\n========================================================= *\/\n\n.gc-benefits-track {\n\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n\n    transition:\n        transform\n        .65s\n        cubic-bezier(.65,0,.35,1);\n\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   VENTAJA\n========================================================= *\/\n\n.gc-benefit {\n\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    flex:\n        0 0 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    padding:\n        0 70px;\n\n    color:\n        #FFFFFF;\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.gc-benefit-icon {\n\n    width: 48px;\n    height: 48px;\n\n    flex:\n        0 0 48px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin-right: 16px;\n\n    border-radius:\n        11px;\n\n    background:\n        rgba(255,255,255,.14);\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n\n    color:\n        #FFFFFF;\n}\n\n.gc-benefit-icon svg {\n\n    width: 23px;\n    height: 23px;\n\n    fill:\n        currentColor;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.gc-benefit-content {\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-width: 0;\n}\n\n\n\/* PEQUE\u00d1O TEXTO *\/\n\n.gc-benefit-small {\n\n    margin-bottom: 3px;\n\n    color:\n        rgba(255,255,255,.58);\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing:\n        .15em;\n}\n\n\n\/* T\u00cdTULO *\/\n\n.gc-benefit-content strong {\n\n    color:\n        #FFFFFF;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size: 17px;\n\n    font-weight: 700;\n\n    line-height: 1.2;\n}\n\n\n\/* DESCRIPCI\u00d3N *\/\n\n.gc-benefit-content p {\n\n    margin: 3px 0 0;\n\n    color:\n        rgba(255,255,255,.72);\n\n    font-family:\n        \"Open Sans\",\n        sans-serif;\n\n    font-size: 12px;\n\n    line-height: 1.3;\n}\n\n\n\/* =========================================================\n   N\u00daMERO\n========================================================= *\/\n\n.gc-benefit-number {\n\n    position: absolute;\n\n    right: 70px;\n\n    color:\n        rgba(255,255,255,.10);\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size: 54px;\n\n    font-weight: 800;\n\n    line-height: 1;\n}\n\n\n\/* =========================================================\n   INDICADORES\n========================================================= *\/\n\n.gc-benefits-dots {\n\n    position: absolute;\n\n    right: 20px;\n    bottom: 12px;\n\n    display: flex;\n\n    gap: 5px;\n\n    z-index: 10;\n}\n\n.gc-benefits-dots span {\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.35);\n\n    transition:\n        all .3s ease;\n}\n\n.gc-benefits-dots span.active {\n\n    width: 16px;\n\n    border-radius: 10px;\n\n    background:\n        #FFFFFF;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .gc-benefits-box {\n\n        height: 86px;\n    }\n\n    .gc-benefit {\n\n        padding:\n            0 40px;\n    }\n\n    .gc-benefit-number {\n\n        right: 40px;\n\n        font-size: 45px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 650px) \n{\n\n    .gc-benefits {\n\n        padding:\n            0 16px;\ntransform: translateY(-120px);\n    }\n\n    .gc-benefits-box {\n\n        height: 82px;\n\n        border-radius:\n            11px;\n    }\n\n    .gc-benefit {\n\n        padding:\n            0 22px;\n\n        padding-bottom:\n            8px;\n    }\n\n    .gc-benefit-icon {\n\n        width: 40px;\n        height: 40px;\n\n        flex-basis: 40px;\n\n        margin-right: 12px;\n\n        border-radius:\n            9px;\n    }\n\n    .gc-benefit-icon svg {\n\n        width: 19px;\n        height: 19px;\n    }\n\n    .gc-benefit-small {\n\n        font-size: 7px;\n    }\n\n    .gc-benefit-content strong {\n\n        font-size: 14px;\n    }\n\n    .gc-benefit-content p {\n\n        font-size: 10px;\n    }\n\n    .gc-benefit-number {\n\n        display: none;\n    }\n\n    .gc-benefits-dots {\n\n        right: 15px;\n        bottom: 9px;\n    }\n\n}\n\n\n\/* =========================================================\n   CELULAR PEQUE\u00d1O\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-benefit {\n\n        padding:\n            0 17px 8px;\n    }\n\n    .gc-benefit-icon {\n\n        width: 36px;\n        height: 36px;\n\n        flex-basis: 36px;\n\n        margin-right: 10px;\n    }\n\n    .gc-benefit-content strong {\n\n        font-size: 13px;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n\/* =========================================================\n   CARRUSEL\n========================================================= *\/\n\n(function () {\n\n    const track =\n        document.querySelector(\n            \".gc-benefits-track\"\n        );\n\n    const dots =\n        document.querySelectorAll(\n            \".gc-benefits-dots span\"\n        );\n\n    const total =\n        document.querySelectorAll(\n            \".gc-benefit\"\n        ).length;\n\n    let current = 0;\n\n    let timer;\n\n\n\/* =========================================================\n   ACTUALIZAR\n========================================================= *\/\n\n    function updateBenefits() {\n\n        track.style.transform =\n            `translateX(-${current * 100}%)`;\n\n        dots.forEach(\n            (dot, index) => {\n\n                dot.classList.toggle(\n                    \"active\",\n                    index === current\n                );\n\n            }\n        );\n\n    }\n\n\n\/* =========================================================\n   SIGUIENTE\n========================================================= *\/\n\n    function nextBenefit() {\n\n        current =\n            (current + 1) % total;\n\n        updateBenefits();\n\n    }\n\n\n\/* =========================================================\n   AUTOPLAY\n========================================================= *\/\n\n    function startAutoPlay() {\n\n        clearInterval(timer);\n\n        timer =\n            setInterval(\n                nextBenefit,\n                3500\n            );\n\n    }\n\n\n\/* =========================================================\n   PAUSAR AL PASAR EL RAT\u00d3N\n========================================================= *\/\n\n    const box =\n        document.querySelector(\n            \".gc-benefits-box\"\n        );\n\n    box.addEventListener(\n        \"mouseenter\",\n        () => clearInterval(timer)\n    );\n\n    box.addEventListener(\n        \"mouseleave\",\n        startAutoPlay\n    );\n\n\n\/* =========================================================\n   INICIAR\n========================================================= *\/\n\n    startAutoPlay();\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     GR\u00daAS CONOCOTO\n     BOT\u00d3N FLOTANTE DE CONTACTO\n     SOLO: LLAMAR + WHATSAPP\n========================================================= -->\n\n<div class=\"gc-contact-widget\">\n\n    <!-- BOT\u00d3N PRINCIPAL -->\n    <button class=\"gc-contact-toggle\" id=\"gcContactToggle\" type=\"button\" aria-label=\"Abrir opciones de contacto\" aria-expanded=\"false\">\n\n        <!-- ICONO TEL\u00c9FONO -->\n        <span class=\"gc-toggle-phone\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.56 3.58.56a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.19 2.46.56 3.59a1 1 0 0 1-.25 1.01l-2.19 2.19Z\"><\/path>\n            <\/svg>\n\n        <\/span>\n\n        <!-- X -->\n        <span class=\"gc-toggle-x\">\u00d7<\/span>\n\n    <\/button>\n\n\n    <!-- =====================================================\n         MEN\u00da DE CONTACTO\n    ====================================================== -->\n\n    <div class=\"gc-contact-menu\" id=\"gcContactMenu\" aria-hidden=\"true\">\n\n\n        <!-- =================================================\n             LLAMAR\n        ================================================== -->\n\n        <a class=\"gc-contact-item\" href=\"tel:+593987890844\">\n\n            <span class=\"gc-item-icon gc-call\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.56 3.58.56a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.19 2.46.56 3.59a1 1 0 0 1-.25 1.01l-2.19 2.19Z\"><\/path>\n                <\/svg>\n\n            <\/span>\n\n            <span class=\"gc-item-text\">\n\n                <strong>\n                    Llamar ahora\n                <\/strong>\n\n                <small>\n                    098 789 0844\n                <\/small>\n\n            <\/span>\n\n            <span class=\"gc-arrow\">\n                \u2192\n            <\/span>\n\n        <\/a>\n\n\n        <!-- =================================================\n             WHATSAPP\n        ================================================== -->\n\n        <a class=\"gc-contact-item\" href=\"https:\/\/wa.me\/593987890844?text=Hola%20Gr%C3%BAas%20Conocoto%2C%20necesito%20una%20gr%C3%BAa.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n            <span class=\"gc-item-icon gc-whatsapp\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M20.52 3.48A11.82 11.82 0 0 0 12.08 0C5.54 0 .22 5.32.22 11.86c0 2.09.55 4.13 1.6 5.93L.12 24l6.35-1.67a11.83 11.83 0 0 0 5.61 1.43h.01c6.53 0 11.85-5.32 11.85-11.86 0-3.17-1.24-6.15-3.42-8.42ZM12.09 21.77h-.01a9.85 9.85 0 0 1-5.02-1.37l-.36-.21-3.77.99 1.01-3.67-.23-.38a9.84 9.84 0 0 1-1.51-5.27C2.2 6.41 6.63 1.98 12.09 1.98c2.65 0 5.14 1.03 7.01 2.9a9.85 9.85 0 0 1 2.9 7.02c0 5.45-4.43 9.87-9.91 9.87Zm5.41-7.39c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.95 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.79-1.5-1.77-1.67-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.2-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.51s1.08 2.91 1.23 3.11c.15.2 2.13 3.25 5.17 4.56.72.31 1.28.49 1.72.63.72.23 1.38.2 1.9.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35Z\"><\/path>\n                <\/svg>\n\n            <\/span>\n\n            <span class=\"gc-item-text\">\n\n                <strong>\n                    WhatsApp\n                <\/strong>\n\n                <small>\n                    Escr\u00edbenos directamente\n                <\/small>\n\n            <\/span>\n\n            <span class=\"gc-arrow\">\n                \u2192\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.gc-contact-widget {\n\n    --gc-blue: #0047FF;\n    --gc-blue-dark: #0036C7;\n\n    position: fixed;\n\n    right: 24px;\n    bottom: 28px;\n\n    z-index: 999999;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N PRINCIPAL\n========================================================= *\/\n\n.gc-contact-toggle {\n\n    position: relative;\n\n    width: 62px;\n    height: 62px;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 50%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    cursor: pointer;\n\n    color: #FFFFFF;\n\n    background:\n        linear-gradient(\n            145deg,\n            #075BFF,\n            #0036C7\n        );\n\n    box-shadow:\n        0 10px 30px\n        rgba(0,55,200,.35);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n    -webkit-tap-highlight-color:\n        transparent;\n}\n\n.gc-contact-toggle:hover {\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 15px 35px\n        rgba(0,55,200,.45);\n}\n\n\n\/* =========================================================\n   ICONO TEL\u00c9FONO\n========================================================= *\/\n\n.gc-toggle-phone {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    transition:\n        opacity .2s ease,\n        transform .3s ease;\n}\n\n.gc-toggle-phone svg {\n\n    width: 26px;\n    height: 26px;\n\n    fill:\n        currentColor;\n}\n\n\n\/* =========================================================\n   X\n========================================================= *\/\n\n.gc-toggle-x {\n\n    position: absolute;\n\n    font-family:\n        Arial,\n        sans-serif;\n\n    font-size: 31px;\n\n    font-weight: 300;\n\n    line-height: 1;\n\n    opacity: 0;\n\n    transform:\n        rotate(-45deg)\n        scale(.5);\n\n    transition:\n        opacity .2s ease,\n        transform .3s ease;\n}\n\n\n\/* =========================================================\n   ESTADO ABIERTO\n========================================================= *\/\n\n.gc-contact-widget.is-open\n.gc-toggle-phone {\n\n    opacity: 0;\n\n    transform:\n        rotate(45deg)\n        scale(.5);\n}\n\n.gc-contact-widget.is-open\n.gc-toggle-x {\n\n    opacity: 1;\n\n    transform:\n        rotate(0)\n        scale(1);\n}\n\n\n\/* =========================================================\n   MEN\u00da\n========================================================= *\/\n\n.gc-contact-menu {\n\n    position: absolute;\n\n    right: 0;\n\n    bottom: 76px;\n\n    width: 285px;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    gap: 9px;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transform:\n        translateY(14px)\n        scale(.96);\n\n    transform-origin:\n        bottom right;\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease,\n        transform .3s\n        cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* =========================================================\n   MEN\u00da ABIERTO\n========================================================= *\/\n\n.gc-contact-widget.is-open\n.gc-contact-menu {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n    transform:\n        translateY(0)\n        scale(1);\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.gc-contact-item {\n\n    position: relative;\n\n    min-height: 70px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap: 13px;\n\n    padding:\n        10px 13px;\n\n    box-sizing:\n        border-box;\n\n    text-decoration:\n        none;\n\n    background:\n        #FFFFFF;\n\n    border:\n        1px solid\n        #E6EAF1;\n\n    border-radius:\n        14px;\n\n    box-shadow:\n        0 10px 30px\n        rgba(12,35,80,.14);\n\n    overflow:\n        hidden;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* =========================================================\n   BARRA AZUL LATERAL\n========================================================= *\/\n\n.gc-contact-item::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 0;\n    bottom: 0;\n\n    width: 3px;\n\n    background:\n        var(--gc-blue);\n\n    transform:\n        scaleY(0);\n\n    transform-origin:\n        center;\n\n    transition:\n        transform .25s ease;\n}\n\n.gc-contact-item:hover::before {\n\n    transform:\n        scaleY(1);\n}\n\n.gc-contact-item:hover {\n\n    transform:\n        translateX(-5px);\n\n    border-color:\n        rgba(0,71,255,.20);\n\n    box-shadow:\n        0 14px 34px\n        rgba(12,35,80,.20);\n}\n\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n.gc-item-icon {\n\n    width: 44px;\n    height: 44px;\n\n    flex:\n        0 0 44px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    border-radius:\n        11px;\n\n    color:\n        #FFFFFF;\n}\n\n.gc-item-icon svg {\n\n    width: 20px;\n    height: 20px;\n\n    fill:\n        currentColor;\n}\n\n\n\/* TEL\u00c9FONO *\/\n\n.gc-item-icon.gc-call {\n\n    background:\n        #0047FF;\n}\n\n\n\/* WHATSAPP *\/\n\n.gc-item-icon.gc-whatsapp {\n\n    background:\n        #20C76A;\n}\n\n\n\/* =========================================================\n   TEXTO\n========================================================= *\/\n\n.gc-item-text {\n\n    flex: 1;\n\n    min-width: 0;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    gap: 3px;\n}\n\n.gc-item-text strong {\n\n    color:\n        #162033;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        13px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.2;\n}\n\n.gc-item-text small {\n\n    color:\n        #7B8494;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        10px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.3;\n}\n\n\n\/* =========================================================\n   FLECHA\n========================================================= *\/\n\n.gc-arrow {\n\n    color:\n        #A4ACB9;\n\n    font-size:\n        21px;\n\n    line-height:\n        1;\n\n    transition:\n        color .25s ease,\n        transform .25s ease;\n}\n\n.gc-contact-item:hover\n.gc-arrow {\n\n    color:\n        var(--gc-blue);\n\n    transform:\n        translateX(3px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .gc-contact-widget {\n\n        right:\n            20px;\n\n        bottom:\n            22px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .gc-contact-widget {\n\ntransform: translateY(-165px);\n\n        right:\n            15px;\n\n        bottom:\n            17px;\n    }\n\n    .gc-contact-toggle {\n\n        width:\n            56px;\n\n        height:\n            56px;\n    }\n\n    .gc-toggle-phone svg {\n\n        width:\n            23px;\n\n        height:\n            23px;\n    }\n\n    .gc-contact-menu {\n\n        width:\n            min(\n                285px,\n                calc(100vw - 30px)\n            );\n\n        bottom:\n            69px;\n    }\n\n    .gc-contact-item {\n\n        min-height:\n            65px;\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES PEQUE\u00d1OS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-contact-widget {\n\n        right:\n            11px;\n\n        bottom:\n            13px;\n    }\n\n    .gc-contact-toggle {\n\n        width:\n            52px;\n\n        height:\n            52px;\n    }\n\n    .gc-contact-menu {\n\n        width:\n            calc(100vw - 22px);\n\n        right:\n            -2px;\n    }\n\n    .gc-item-icon {\n\n        width:\n            40px;\n\n        height:\n            40px;\n\n        flex-basis:\n            40px;\n    }\n\n    .gc-item-text strong {\n\n        font-size:\n            12px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gc-contact-toggle,\n    .gc-contact-menu,\n    .gc-contact-item,\n    .gc-toggle-phone,\n    .gc-toggle-x,\n    .gc-arrow {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n\/* =========================================================\n   MEN\u00da FLOTANTE\n========================================================= *\/\n\n(function () {\n\n    const widget =\n        document.querySelector(\n            \".gc-contact-widget\"\n        );\n\n    const toggle =\n        document.querySelector(\n            \"#gcContactToggle\"\n        );\n\n    const menu =\n        document.querySelector(\n            \"#gcContactMenu\"\n        );\n\n\n    \/* Si no existen los elementos,\n       no ejecutamos nada *\/\n\n    if (\n        !widget ||\n        !toggle ||\n        !menu\n    ) {\n        return;\n    }\n\n\n    \/* =====================================================\n       ABRIR \/ CERRAR\n    ====================================================== *\/\n\n    toggle.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.stopPropagation();\n\n            const isOpen =\n                widget.classList.toggle(\n                    \"is-open\"\n                );\n\n            toggle.setAttribute(\n                \"aria-expanded\",\n                isOpen\n                    ? \"true\"\n                    : \"false\"\n            );\n\n            menu.setAttribute(\n                \"aria-hidden\",\n                isOpen\n                    ? \"false\"\n                    : \"true\"\n            );\n\n        }\n    );\n\n\n    \/* =====================================================\n       EVITAR CIERRE AL TOCAR DENTRO\n    ====================================================== *\/\n\n    menu.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.stopPropagation();\n\n        }\n    );\n\n\n    \/* =====================================================\n       CERRAR AL TOCAR FUERA\n    ====================================================== *\/\n\n    document.addEventListener(\n        \"click\",\n        function () {\n\n            widget.classList.remove(\n                \"is-open\"\n            );\n\n            toggle.setAttribute(\n                \"aria-expanded\",\n                \"false\"\n            );\n\n            menu.setAttribute(\n                \"aria-hidden\",\n                \"true\"\n            );\n\n        }\n    );\n\n\n    \/* =====================================================\n       CERRAR CON ESC\n    ====================================================== *\/\n\n    document.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                event.key === \"Escape\"\n            ) {\n\n                widget.classList.remove(\n                    \"is-open\"\n                );\n\n                toggle.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n                menu.setAttribute(\n                    \"aria-hidden\",\n                    \"true\"\n                );\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inicio Servicios Tipos de Gr\u00faas Nosotros Contacto Atenci\u00f3n inmediata 098 789 0844 MEN\u00da \u00d7 01Inicio 02Servicios 03Tipos de Gr\u00faas 04Nosotros [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}