{"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-23T15:50:24","modified_gmt":"2026-09-23T15:50:24","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 PREMIUM V6\n     \n     \u2713 BARRA TELEF\u00d3NICA INTEGRADA\n     \u2713 TABLET + M\u00d3VIL\n     \u2713 HEADER COMPLETO STICKY\n     \u2713 SIN POSITION FIXED EN LA BARRA TELEF\u00d3NICA\n     \u2713 MEN\u00da LATERAL\n     \u2713 RESPONSIVE\n     \u2713 ACCESIBILIDAD\n     \u2713 SIN LIBRER\u00cdAS EXTERNAS\n     \u2713 OPTIMIZADO PARA ELEMENTOR\n========================================================= -->\n\n<header class=\"gc-header-v6\" id=\"gcHeaderV6\">\n\n    <!-- =====================================================\n         BARRA TELEF\u00d3NICA\n         SOLO TABLET Y M\u00d3VIL\n    ====================================================== -->\n\n    <div class=\"gc-phone-bar\" role=\"region\" aria-label=\"Contacto telef\u00f3nico\">\n\n        <a\n            href=\"tel:+593983873693\"\n            class=\"gc-phone-bar__link\"\n            aria-label=\"Llamar ahora al 098 387 3693\"\n        >\n\n            <span class=\"gc-phone-bar__label\">\n                LL\u00c1MANOS AHORA:\n            <\/span>\n\n            <span class=\"gc-phone-bar__number\">\n                098 387 3693\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BARRA PRINCIPAL\n    ====================================================== -->\n\n    <div class=\"gc-header-v6__bar\">\n\n\n        <!-- =================================================\n             MARCA\n        ================================================== -->\n\n        <a\n            href=\"\/\"\n            class=\"gc-header-v6__brand\"\n            aria-label=\"Gr\u00faas Conocoto - Inicio\"\n        >\n\n            <div class=\"gc-header-v6__logo\">\n\n                <img\n                    src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-LOGO-WEB.jpg\"\n                    alt=\"Gr\u00faas Conocoto\"\n                    width=\"500\"\n                    height=\"500\"\n                    loading=\"eager\"\n                    fetchpriority=\"high\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <!-- TEXTO SOLO M\u00d3VIL -->\n\n            <div class=\"gc-header-v6__mobile-tag\">\n\n                <span>\n                    ASISTENCIA\n                <\/span>\n\n                <strong>\n                    PROFESIONAL\n                <\/strong>\n\n            <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             NAVEGACI\u00d3N DESKTOP\n        ================================================== -->\n\n        <nav\n            class=\"gc-header-v6__nav\"\n            aria-label=\"Navegaci\u00f3n principal\"\n        >\n\n            <a href=\"#inicio\" class=\"is-active\">\n                Inicio\n            <\/a>\n\n            <a href=\"#servicios\">\n                Servicios\n            <\/a>\n\n            <a href=\"#gruas\">\n                Tipos de Gr\u00faas\n            <\/a>\n\n            <a href=\"#nosotros\">\n                Nosotros\n            <\/a>\n\n            <a href=\"#contacto\">\n                Contacto\n            <\/a>\n\n        <\/nav>\n\n\n        <!-- =================================================\n             BOT\u00d3N LLAMAR DESKTOP\n        ================================================== -->\n\n        <a\n            href=\"tel:+593983873693\"\n            class=\"gc-header-v6__call\"\n            aria-label=\"Llamar al 098 387 3693\"\n        >\n\n            <span class=\"gc-header-v6__call-icon\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                >\n\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\n                <\/svg>\n\n            <\/span>\n\n\n            <span class=\"gc-header-v6__call-content\">\n\n                <small>\n                    ATENCI\u00d3N INMEDIATA\n                <\/small>\n\n                <strong>\n                    098 387 3693\n                <\/strong>\n\n            <\/span>\n\n\n            <span class=\"gc-header-v6__call-arrow\">\n                \u2192\n            <\/span>\n\n        <\/a>\n\n\n        <!-- =================================================\n             BOT\u00d3N MEN\u00da M\u00d3VIL\n        ================================================== -->\n\n        <button\n            class=\"gc-header-v6__menu\"\n            id=\"gcMenuButtonV6\"\n            type=\"button\"\n            aria-label=\"Abrir men\u00fa\"\n            aria-expanded=\"false\"\n            aria-controls=\"gcMobilePanelV6\"\n        >\n\n            <span><\/span>\n            <span><\/span>\n\n        <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         OVERLAY\n    ====================================================== -->\n\n    <div\n        class=\"gc-header-v6__overlay\"\n        id=\"gcMenuOverlayV6\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <!-- =====================================================\n         PANEL M\u00d3VIL\n    ====================================================== -->\n\n    <aside\n        class=\"gc-header-v6__mobile-panel\"\n        id=\"gcMobilePanelV6\"\n        aria-hidden=\"true\"\n    >\n\n        <!-- TOP -->\n\n        <div class=\"gc-mobile-panel__top\">\n\n            <div class=\"gc-mobile-panel__title\">\n\n                <span>\n                    NAVEGACI\u00d3N\n                <\/span>\n\n                <strong>\n                    GR\u00daAS CONOCOTO\n                <\/strong>\n\n            <\/div>\n\n\n            <button\n                type=\"button\"\n                class=\"gc-mobile-panel__close\"\n                id=\"gcMenuCloseV6\"\n                aria-label=\"Cerrar men\u00fa\"\n            >\n                \u00d7\n            <\/button>\n\n        <\/div>\n\n\n        <!-- L\u00cdNEA -->\n\n        <div class=\"gc-mobile-panel__line\"><\/div>\n\n\n        <!-- NAVEGACI\u00d3N -->\n\n        <nav\n            class=\"gc-mobile-panel__nav\"\n            aria-label=\"Men\u00fa m\u00f3vil\"\n        >\n\n            <a href=\"#inicio\">\n\n                <span class=\"number\">\n                    01\n                <\/span>\n\n                <span class=\"text\">\n                    Inicio\n                <\/span>\n\n                <span class=\"arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <a href=\"#servicios\">\n\n                <span class=\"number\">\n                    02\n                <\/span>\n\n                <span class=\"text\">\n                    Servicios\n                <\/span>\n\n                <span class=\"arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <a href=\"#gruas\">\n\n                <span class=\"number\">\n                    03\n                <\/span>\n\n                <span class=\"text\">\n                    Tipos de Gr\u00faas\n                <\/span>\n\n                <span class=\"arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <a href=\"#nosotros\">\n\n                <span class=\"number\">\n                    04\n                <\/span>\n\n                <span class=\"text\">\n                    Nosotros\n                <\/span>\n\n                <span class=\"arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <a href=\"#contacto\">\n\n                <span class=\"number\">\n                    05\n                <\/span>\n\n                <span class=\"text\">\n                    Contacto\n                <\/span>\n\n                <span class=\"arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n        <\/nav>\n\n\n        <!-- =================================================\n             ECU 911\n        ================================================== -->\n\n        <div\n            class=\"gc-mobile-panel__ecu911\"\n            aria-label=\"ECU 911 aliado de asistencia\"\n        >\n\n            <img\n                src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/LOGO-ECU-911-ALIADO-DE-ASISTENCIA.png\"\n                alt=\"ECU 911 aliado de asistencia\"\n                width=\"960\"\n                height=\"961\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n        <\/div>\n\n\n        <!-- =================================================\n             LLAMADA\n        ================================================== -->\n\n        <div class=\"gc-mobile-panel__call\">\n\n            <span class=\"call-label\">\n                \u00bfNECESITAS UNA GR\u00daA?\n            <\/span>\n\n\n            <a\n                href=\"tel:+593983873693\"\n                aria-label=\"Llamar al 098 387 3693\"\n            >\n\n                <span class=\"mobile-phone\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                    >\n\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\n                    <\/svg>\n\n                <\/span>\n\n\n                <span class=\"phone-data\">\n\n                    <strong>\n                        098 387 3693\n                    <\/strong>\n\n                    <small>\n                        LLAMAR AHORA\n                    <\/small>\n\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- CREDIT -->\n\n        <div class=\"gc-mobile-panel__credit\">\n\n            Sitio web creado, dise\u00f1ado &amp; desarrollado por\n            <strong>Wiliams G.<\/strong>\n\n        <\/div>\n\n    <\/aside>\n\n<\/header>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET LOCAL\n========================================================= *\/\n\n.gc-header-v6,\n.gc-header-v6 *,\n.gc-header-v6 *::before,\n.gc-header-v6 *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   HEADER PRINCIPAL\n========================================================= *\/\n\n.gc-header-v6 {\n\n    --blue: #0047FF;\n    --blue-dark: #0037D1;\n    --black: #101828;\n    --gray: #667085;\n    --border: #E7ECF3;\n    --white: #FFFFFF;\n\n    position: sticky;\n\n    top: 0;\n\n    width: 100%;\n\n    z-index: 99999;\n\n    background: #FFFFFF;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   BARRA TELEF\u00d3NICA\n   IMPORTANTE:\n   NO ES FIXED.\n   FORMA PARTE DEL HEADER.\n========================================================= *\/\n\n.gc-phone-bar {\n\n    display: none;\n\n    width: 100%;\n\n    min-height: 38px;\n\n    background: #0047FF;\n\n    overflow: hidden;\n\n    position: relative;\n\n    z-index: 2;\n\n}\n\n\n.gc-phone-bar__link {\n\n    width: 100%;\n\n    min-height: 38px;\n\n    padding:\n        0 16px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 7px;\n\n    color: #FFFFFF;\n\n    text-decoration: none;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    line-height: 1;\n\n    white-space: nowrap;\n\n}\n\n\n.gc-phone-bar__label {\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .7px;\n\n}\n\n\n.gc-phone-bar__number {\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n    letter-spacing: .3px;\n\n}\n\n\n.gc-phone-bar__link:focus-visible {\n\n    outline:\n        3px solid #FFFFFF;\n\n    outline-offset:\n        -3px;\n\n}\n\n\n\/* =========================================================\n   BARRA PRINCIPAL\n========================================================= *\/\n\n.gc-header-v6__bar {\n\n    width: 100%;\n\n    min-height: 125px;\n\n    padding:\n        0 clamp(20px, 3.2vw, 52px);\n\n    display: flex;\n\n    align-items: center;\n\n    background: #FFFFFF;\n\n    border-bottom:\n        1px solid var(--border);\n\n    box-shadow:\n        0 8px 32px rgba(5,35,90,.055);\n\n}\n\n\n\/* =========================================================\n   MARCA\n========================================================= *\/\n\n.gc-header-v6__brand {\n\n    display: flex;\n\n    align-items: center;\n\n    flex-shrink: 0;\n\n    text-decoration: none;\n\n}\n\n\n.gc-header-v6__logo {\n\n    position: relative;\n\n    width: 133px;\n\n    height: 133px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    overflow: visible;\n\n    z-index: 5;\n\n}\n\n\n.gc-header-v6__logo img {\n\n    display: block;\n\n    width: 133px;\n\n    height: 133px;\n\n    max-width: none;\n\n    object-fit: contain;\n\n    border-radius: 16px;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0 12px 34px rgba(0,55,150,.15);\n\n}\n\n\n.gc-header-v6__logo::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    border-radius: 16px;\n\n    border:\n        1px solid rgba(0,71,255,.08);\n\n    pointer-events: none;\n\n}\n\n\n.gc-header-v6__mobile-tag {\n\n    display: none;\n\n}\n\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n.gc-header-v6__nav {\n\n    flex: 1;\n\n    height: 125px;\n\n    margin-left:\n        clamp(30px, 4vw, 70px);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap:\n        clamp(3px, .4vw, 12px);\n\n}\n\n\n.gc-header-v6__nav a {\n\n    position: relative;\n\n    height: 125px;\n\n    padding:\n        0 clamp(12px, 1.1vw, 20px);\n\n    display: flex;\n\n    align-items: center;\n\n    color:\n        var(--black);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        clamp(11px, .76vw, 14px);\n\n    font-weight: 700;\n\n    text-decoration: none;\n\n    white-space: nowrap;\n\n    transition:\n        color .2s ease;\n\n}\n\n\n.gc-header-v6__nav a::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 28px;\n\n    left: 50%;\n\n    width: 5px;\n\n    height: 5px;\n\n    border-radius: 50%;\n\n    background:\n        var(--blue);\n\n    transform:\n        translateX(-50%)\n        scale(0);\n\n    transition:\n        transform .2s ease;\n\n}\n\n\n.gc-header-v6__nav a::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 16px;\n\n    right: 16px;\n\n    bottom: 20px;\n\n    height: 3px;\n\n    border-radius: 20px;\n\n    background:\n        var(--blue);\n\n    transform:\n        scaleX(0);\n\n    transition:\n        transform .25s ease;\n\n}\n\n\n.gc-header-v6__nav a:hover,\n.gc-header-v6__nav a.is-active {\n\n    color:\n        var(--blue);\n\n}\n\n\n.gc-header-v6__nav a:hover::before,\n.gc-header-v6__nav a.is-active::before {\n\n    transform:\n        translateX(-50%)\n        scale(1);\n\n}\n\n\n.gc-header-v6__nav a:hover::after,\n.gc-header-v6__nav a.is-active::after {\n\n    transform:\n        scaleX(1);\n\n}\n\n\n\/* =========================================================\n   BOT\u00d3N LLAMAR\n========================================================= *\/\n\n.gc-header-v6__call {\n\n    width: 245px;\n\n    height: 61px;\n\n    padding:\n        0 14px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    flex-shrink: 0;\n\n    border-radius: 12px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0047FF,\n            #0034C2\n        );\n\n    color: #FFFFFF;\n\n    text-decoration: none;\n\n    box-shadow:\n        0 10px 30px rgba(0,71,255,.22);\n\n}\n\n\n.gc-header-v6__call-icon {\n\n    width: 39px;\n\n    height: 39px;\n\n    flex: 0 0 39px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 9px;\n\n    background:\n        rgba(255,255,255,.16);\n\n}\n\n\n.gc-header-v6__call-icon svg {\n\n    width: 18px;\n\n    height: 18px;\n\n    fill: #FFFFFF;\n\n}\n\n\n.gc-header-v6__call-content {\n\n    flex: 1;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 3px;\n\n}\n\n\n.gc-header-v6__call-content small {\n\n    color:\n        rgba(255,255,255,.72);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n    line-height: 1;\n\n}\n\n\n.gc-header-v6__call-content strong {\n\n    color: #FFFFFF;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n    line-height: 1.1;\n\n}\n\n\n.gc-header-v6__call-arrow {\n\n    width: 27px;\n\n    height: 27px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background: #FFFFFF;\n\n    color: var(--blue);\n\n    font-size: 17px;\n\n}\n\n\n\/* =========================================================\n   MEN\u00da M\u00d3VIL\n========================================================= *\/\n\n.gc-header-v6__menu {\n\n    display: none;\n\n    width: 50px;\n\n    height: 50px;\n\n    padding: 0;\n\n    margin-left: auto;\n\n    border:\n        1px solid rgba(0,71,255,.20);\n\n    border-radius: 0;\n\n    background: #FFFFFF;\n\n    cursor: pointer;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-direction: column;\n\n    gap: 6px;\n\n}\n\n\n.gc-header-v6__menu span {\n\n    width: 23px;\n\n    height: 5px;\n\n    border-radius: 10px;\n\n    background:\n        var(--blue);\n\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.gc-header-v6__overlay {\n\n    position: fixed;\n\n    inset: 0;\n\n    background:\n        rgba(3,15,40,.62);\n\n    backdrop-filter: blur(5px);\n\n    -webkit-backdrop-filter: blur(5px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n\n}\n\n\n.gc-header-v6.is-menu-open\n.gc-header-v6__overlay {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   PANEL M\u00d3VIL\n========================================================= *\/\n\n.gc-header-v6__mobile-panel {\n\n    position: fixed;\n\n    top: 0;\n\n    right: 0;\n\n    width:\n        min(89vw, 410px);\n\n    height: 100vh;\n\n    height: 100dvh;\n\n    padding: 27px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        -20px 0 60px rgba(0,20,80,.25);\n\n    transform:\n        translateX(105%);\n\n    transition:\n        transform .35s cubic-bezier(.77,0,.18,1);\n\n    z-index: 100000;\n\n    overflow-y: auto;\n\n}\n\n\n.gc-header-v6.is-menu-open\n.gc-header-v6__mobile-panel {\n\n    transform:\n        translateX(0);\n\n}\n\n\n\/* =========================================================\n   PANEL TOP\n========================================================= *\/\n\n.gc-mobile-panel__top {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n}\n\n\n.gc-mobile-panel__title {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n\n}\n\n\n.gc-mobile-panel__title span {\n\n    color:\n        var(--blue);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n\n}\n\n\n.gc-mobile-panel__title strong {\n\n    color:\n        var(--black);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 15px;\n\n    font-weight: 800;\n\n}\n\n\n\/* =========================================================\n   CERRAR\n========================================================= *\/\n\n.gc-mobile-panel__close {\n\n    width: 43px;\n\n    height: 43px;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 50%;\n\n    background: #F1F4F9;\n\n    color: var(--black);\n\n    font-size: 28px;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   L\u00cdNEA\n========================================================= *\/\n\n.gc-mobile-panel__line {\n\n    width: 100%;\n\n    height: 1px;\n\n    margin:\n        22px 0 5px;\n\n    background:\n        var(--border);\n\n}\n\n\n\/* =========================================================\n   NAV M\u00d3VIL\n========================================================= *\/\n\n.gc-mobile-panel__nav {\n\n    display: flex;\n\n    flex-direction: column;\n\n}\n\n\n.gc-mobile-panel__nav a {\n\n    min-height: 67px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n\n    border-bottom:\n        1px solid #EDF1F6;\n\n    color:\n        var(--black);\n\n    text-decoration: none;\n\n}\n\n\n.gc-mobile-panel__nav .number {\n\n    width: 25px;\n\n    color: #A6AFBF;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n}\n\n\n.gc-mobile-panel__nav .text {\n\n    flex: 1;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 17px;\n\n    font-weight: 700;\n\n}\n\n\n.gc-mobile-panel__nav .arrow {\n\n    color:\n        var(--blue);\n\n    font-size: 20px;\n\n}\n\n\n\/* =========================================================\n   ECU 911\n========================================================= *\/\n\n.gc-mobile-panel__ecu911 {\n\n    display: none;\n\n    width: 100%;\n\n    margin:\n        22px auto 16px;\n\n    text-align: center;\n\n}\n\n\n.gc-mobile-panel__ecu911 img {\n\n    display: block;\n\n    width:\n        min(100%, 150px);\n\n    height: auto;\n\n    max-height: 150px;\n\n    margin: 0 auto;\n\n    object-fit: contain;\n\n}\n\n\n\/* =========================================================\n   LLAMADA DEL MEN\u00da\n========================================================= *\/\n\n.gc-mobile-panel__call {\n\n    margin-top: auto;\n\n    padding: 22px;\n\n    border-radius: 15px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0047FF,\n            #0035C5\n        );\n\n    box-shadow:\n        0 15px 35px rgba(0,71,255,.22);\n\n}\n\n\n.gc-mobile-panel__call .call-label {\n\n    display: block;\n\n    margin-bottom: 12px;\n\n    color:\n        rgba(255,255,255,.72);\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n}\n\n\n.gc-mobile-panel__call a {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    color: #FFFFFF;\n\n    text-decoration: none;\n\n}\n\n\n.mobile-phone {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex: 0 0 42px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 10px;\n\n    background:\n        rgba(255,255,255,.15);\n\n}\n\n\n.mobile-phone svg {\n\n    width: 19px;\n\n    height: 19px;\n\n    fill: #FFFFFF;\n\n}\n\n\n.phone-data {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 3px;\n\n}\n\n\n.phone-data strong {\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 19px;\n\n    font-weight: 800;\n\n}\n\n\n.phone-data small {\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    color:\n        rgba(255,255,255,.78);\n\n}\n\n\n\/* =========================================================\n   CREDIT\n========================================================= *\/\n\n.gc-mobile-panel__credit {\n\n    padding:\n        15px 5px 2px;\n\n    text-align: center;\n\n    color: #8A94A6;\n\n    font-size: 9px;\n\n    line-height: 1.5;\n\n}\n\n\n.gc-mobile-panel__credit strong {\n\n    color:\n        var(--blue);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1150px) {\n\n    .gc-header-v6__bar {\n\n        min-height: 115px;\n\n        padding:\n            0 22px;\n\n    }\n\n\n    .gc-header-v6__logo {\n\n        width: 120px;\n\n        height: 120px;\n\n    }\n\n\n    .gc-header-v6__logo img {\n\n        width: 120px;\n\n        height: 120px;\n\n    }\n\n\n    .gc-header-v6__nav {\n\n        height: 115px;\n\n        margin-left: 25px;\n\n    }\n\n\n    .gc-header-v6__nav a {\n\n        height: 115px;\n\n        padding:\n            0 9px;\n\n        font-size: 11px;\n\n    }\n\n\n    .gc-header-v6__call {\n\n        width: 205px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET + M\u00d3VIL\n   AQU\u00cd APARECE LA BARRA TELEF\u00d3NICA\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .gc-phone-bar {\n\n        display: block;\n\n    }\n\n\n    .gc-phone-bar__link {\n\n        min-height: 38px;\n\n    }\n\n\n    .gc-header-v6__bar {\n\n        min-height: 91px;\n\n        padding:\n            0 17px;\n\n    }\n\n\n    .gc-header-v6__nav,\n    .gc-header-v6__call {\n\n        display: none;\n\n    }\n\n\n    .gc-header-v6__brand {\n\n        height: 91px;\n\n        gap: 11px;\n\n    }\n\n\n    .gc-header-v6__logo {\n\n        width: 94px;\n\n        height: 94px;\n\n        flex:\n            0 0 94px;\n\n    }\n\n\n    .gc-header-v6__logo img {\n\n        width: 94px;\n\n        height: 94px;\n\n        border-radius: 14px;\n\n        box-shadow:\n            0 9px 27px rgba(0,55,150,.18);\n\n        transform:\n            translateY(5px);\n\n    }\n\n\n    .gc-header-v6__mobile-tag {\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n        gap: 3px;\n\n        line-height: 1;\n\n        border-left:\n            2px solid var(--blue);\n\n        padding-left: 11px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag span {\n\n        color: #6D7890;\n\n        font-family:\n            \"Montserrat\",\n            Arial,\n            sans-serif;\n\n        font-size: 9px;\n\n        font-weight: 700;\n\n        letter-spacing: 1.3px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag strong {\n\n        color:\n            var(--blue);\n\n        font-family:\n            \"Montserrat\",\n            Arial,\n            sans-serif;\n\n        font-size: 12px;\n\n        font-weight: 800;\n\n        letter-spacing: .5px;\n\n    }\n\n\n    .gc-header-v6__menu {\n\n        display: flex;\n\n    }\n\n\n    .gc-mobile-panel__ecu911 {\n\n        display: block;\n\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 500px) {\n\n    .gc-phone-bar {\n\n        min-height: 36px;\n\n    }\n\n\n    .gc-phone-bar__link {\n\n        min-height: 36px;\n\n        gap: 6px;\n\n    }\n\n\n    .gc-phone-bar__label {\n\n        font-size: 9px;\n\n        letter-spacing: .5px;\n\n    }\n\n\n    .gc-phone-bar__number {\n\n        font-size: 12px;\n\n    }\n\n\n    .gc-header-v6__bar {\n\n        min-height: 88px;\n\n        padding:\n            0 14px;\n\n    }\n\n\n    .gc-header-v6__brand {\n\n        height: 88px;\n\n        gap: 9px;\n\n    }\n\n\n    .gc-header-v6__logo {\n\n        width: 91px;\n\n        height: 91px;\n\n        flex:\n            0 0 91px;\n\n    }\n\n\n    .gc-header-v6__logo img {\n\n        width: 91px;\n\n        height: 91px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag {\n\n        padding-left: 9px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag span {\n\n        font-size: 8px;\n\n        letter-spacing: 1px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag strong {\n\n        font-size: 11px;\n\n    }\n\n\n    .gc-header-v6__menu {\n\n        width: 48px;\n\n        height: 48px;\n\n        flex:\n            0 0 48px;\n\n    }\n\n\n    .gc-header-v6__mobile-panel {\n\n        width:\n            min(91vw,400px);\n\n        padding:\n            24px 20px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES PEQUE\u00d1OS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-phone-bar__label {\n\n        font-size: 8px;\n\n    }\n\n\n    .gc-phone-bar__number {\n\n        font-size: 11px;\n\n    }\n\n\n    .gc-header-v6__bar {\n\n        min-height: 82px;\n\n        padding:\n            0 11px;\n\n    }\n\n\n    .gc-header-v6__brand {\n\n        height: 82px;\n\n        gap: 7px;\n\n    }\n\n\n    .gc-header-v6__logo {\n\n        width: 82px;\n\n        height: 82px;\n\n        flex:\n            0 0 82px;\n\n    }\n\n\n    .gc-header-v6__logo img {\n\n        width: 82px;\n\n        height: 82px;\n\n        transform:\n            translateY(4px);\n\n    }\n\n\n    .gc-header-v6__mobile-tag {\n\n        padding-left: 7px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag span {\n\n        font-size: 7px;\n\n        letter-spacing: .8px;\n\n    }\n\n\n    .gc-header-v6__mobile-tag strong {\n\n        font-size: 9px;\n\n    }\n\n\n    .gc-header-v6__menu {\n\n        width: 44px;\n\n        height: 44px;\n\n        flex:\n            0 0 44px;\n\n    }\n\n\n    .gc-header-v6__menu span {\n\n        width: 20px;\n\n    }\n\n\n    .gc-mobile-panel__nav a {\n\n        min-height: 61px;\n\n    }\n\n\n    .gc-mobile-panel__nav .text {\n\n        font-size: 16px;\n\n    }\n\n\n    .phone-data strong {\n\n        font-size: 17px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n.gc-header-v6 a:focus-visible,\n.gc-header-v6 button:focus-visible {\n\n    outline:\n        3px solid #0047FF;\n\n    outline-offset: 3px;\n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gc-header-v6 *,\n    .gc-header-v6 *::before,\n    .gc-header-v6 *::after {\n\n        transition: none !important;\n\n        animation: none !important;\n\n        scroll-behavior: auto !important;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    \/* =====================================================\n       ELEMENTOS\n    ===================================================== *\/\n\n    const header =\n        document.getElementById(\"gcHeaderV6\");\n\n    const button =\n        document.getElementById(\"gcMenuButtonV6\");\n\n    const close =\n        document.getElementById(\"gcMenuCloseV6\");\n\n    const overlay =\n        document.getElementById(\"gcMenuOverlayV6\");\n\n    const panel =\n        document.getElementById(\"gcMobilePanelV6\");\n\n\n    \/* =====================================================\n       SEGURIDAD\n    ===================================================== *\/\n\n    if (\n        !header ||\n        !button ||\n        !close ||\n        !overlay ||\n        !panel\n    ) {\n\n        return;\n\n    }\n\n\n    \/* =====================================================\n       ABRIR MEN\u00da\n    ===================================================== *\/\n\n    function openMenu() {\n\n        header.classList.add(\n            \"is-menu-open\"\n        );\n\n        button.setAttribute(\n            \"aria-expanded\",\n            \"true\"\n        );\n\n        button.setAttribute(\n            \"aria-label\",\n            \"Cerrar men\u00fa\"\n        );\n\n        panel.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n        );\n\n        overlay.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n        );\n\n        document.body.style.overflow =\n            \"hidden\";\n\n    }\n\n\n    \/* =====================================================\n       CERRAR MEN\u00da\n    ===================================================== *\/\n\n    function closeMenu() {\n\n        header.classList.remove(\n            \"is-menu-open\"\n        );\n\n        button.setAttribute(\n            \"aria-expanded\",\n            \"false\"\n        );\n\n        button.setAttribute(\n            \"aria-label\",\n            \"Abrir men\u00fa\"\n        );\n\n        panel.setAttribute(\n            \"aria-hidden\",\n            \"true\"\n        );\n\n        overlay.setAttribute(\n            \"aria-hidden\",\n            \"true\"\n        );\n\n        document.body.style.overflow =\n            \"\";\n\n    }\n\n\n    \/* =====================================================\n       BOT\u00d3N\n    ===================================================== *\/\n\n    button.addEventListener(\n        \"click\",\n        function () {\n\n            if (\n                header.classList.contains(\n                    \"is-menu-open\"\n                )\n            ) {\n\n                closeMenu();\n\n            } else {\n\n                openMenu();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       CERRAR\n    ===================================================== *\/\n\n    close.addEventListener(\n        \"click\",\n        closeMenu\n    );\n\n\n    overlay.addEventListener(\n        \"click\",\n        closeMenu\n    );\n\n\n    \/* =====================================================\n       LINKS DEL MEN\u00da\n    ===================================================== *\/\n\n    panel\n        .querySelectorAll(\n            \".gc-mobile-panel__nav a\"\n        )\n        .forEach(\n            function (link) {\n\n                link.addEventListener(\n                    \"click\",\n                    closeMenu\n                );\n\n            }\n        );\n\n\n    \/* =====================================================\n       ESC\n    ===================================================== *\/\n\n    document.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                event.key === \"Escape\"\n            ) {\n\n                closeMenu();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       RESIZE\n    ===================================================== *\/\n\n    window.addEventListener(\n        \"resize\",\n        function () {\n\n            if (\n                window.innerWidth > 850 &&\n                header.classList.contains(\n                    \"is-menu-open\"\n                )\n            ) {\n\n                closeMenu();\n\n            }\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n})();\n\n<\/script>\n\n\n\n<section class=\"gc-service-hero\">\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            Winchas y gr\u00faas para todo tipo de veh\u00edculos.\n            <strong>Estamos cerca de ti.<\/strong>\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   CONTENIDO\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========================================================= *\/\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   COLOR DEL T\u00cdTULO\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   SIN SUBRAYADO\n========================================================= *\/\n\n.gc-service-title .gc-highlight {\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   DESCRIPCI\u00d3N\n========================================================= *\/\n\n.gc-service-description {\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 650px;\n\n    margin: 16px 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.45 !important;\n\n    letter-spacing: -0.15px;\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   TEXTO DESTACADO\n========================================================= *\/\n\n.gc-service-description strong {\n\n    color: #FFD400 !important;\n\n    font-weight: 700 !important;\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        line-height: 1.45 !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.45 !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: 500px;\n\n        margin: 14px 0 0 !important;\n\n        font-size: 15px !important;\n\n        line-height: 1.45 !important;\n\n        letter-spacing: -0.2px;\n\n        text-align: left !important;\n\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES 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: 13px !important;\n\n        font-size: 15px !important;\n\n        line-height: 1.4 !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=\"1320\" src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1-e1790178618670.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-e1790178618670.jpg 768w, https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1-e1790178618670-175x300.jpg 175w, https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-CARGANDO-CAMION-PESADO-EN-SANGOLQUI-1-e1790178618670-596x1024.jpg 596w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<section class=\"gc-benefits-marquee\" aria-label=\"Ventajas de Gr\u00faas Conocoto\">\n\n    <div class=\"gc-benefits-marquee__box\">\n\n        <div class=\"gc-benefits-marquee__glow\"><\/div>\n\n        <div class=\"gc-benefits-marquee__viewport\">\n\n            <div class=\"gc-benefits-marquee__track\">\n\n                <!-- =========================\n                     BLOQUE 1\n                ========================== -->\n\n                <div class=\"gc-benefits-marquee__group\">\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\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 15h-2v-2h2Zm2.1-6.5-1.2 1.2A3.7 3.7 0 0 0 13 14h-2a5.4 5.4 0 0 1 1.5-3.6l1.1-1.1A1.8 1.8 0 0 0 14.2 8a2.2 2.2 0 0 0-4.4 0H8a4 4 0 1 1 8 0 3.8 3.8 0 0 1-1.9 3.5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Tiempo de llegada r\u00e1pido<\/strong>\n                            <p>Vamos hasta donde necesitas asistencia.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\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-7H5v0a7 7 0 0 1 14 0v0h-2v7h1a3 3 0 0 0 3-3v-4a9 9 0 0 0-9-9ZM7 12H6v3h1Zm12 0h-1v3h1Zm-7 10h4v-2h-4Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Asistencia profesional<\/strong>\n                            <p>Personal preparado para ayudarte.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\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                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Traslado seguro<\/strong>\n                            <p>Cuidamos tu veh\u00edculo durante el servicio.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\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                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Precios econ\u00f3micos<\/strong>\n                            <p>Una soluci\u00f3n pr\u00e1ctica para tu veh\u00edculo.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\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 15h-2v-2h2Zm0-4h-2V7h2Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Atenci\u00f3n todos los d\u00edas<\/strong>\n                            <p>Estamos disponibles cuando nos necesites.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M12 3 4 6v5c0 4.97 3.05 9.58 8 11 4.95-1.42 8-6.03 8-11V6Zm0 16.9c-3.5-1.25-6-4.91-6-8.9V7.39l6-2.25 6 2.25V11c0 3.99-2.5 7.65-6 8.9ZM10.5 14.5 8 12l1.4-1.4 1.1 1.1 3.6-3.6L15.5 9.5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Servicio confiable<\/strong>\n                            <p>Atenci\u00f3n responsable en cada traslado.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                <\/div>\n\n\n                <!-- =========================\n                     BLOQUE DUPLICADO\n                     NECESARIO PARA EL BUCLE\n                ========================== -->\n\n                <div class=\"gc-benefits-marquee__group\" aria-hidden=\"true\">\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15h-2v-2h2Zm2.1-6.5-1.2 1.2A3.7 3.7 0 0 0 13 14h-2a5.4 5.4 0 0 1 1.5-3.6l1.1-1.1A1.8 1.8 0 0 0 14.2 8a2.2 2.2 0 0 0-4.4 0H8a4 4 0 1 1 8 0 3.8 3.8 0 0 1-1.9 3.5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Tiempo de llegada r\u00e1pido<\/strong>\n                            <p>Vamos hasta donde necesitas asistencia.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 1a9 9 0 0 0-9 9v4a3 3 0 0 0 3 3h1v-7H5v0a7 7 0 0 1 14 0v0h-2v7h1a3 3 0 0 0 3-3v-4a9 9 0 0 0-9-9ZM7 12H6v3h1Zm12 0h-1v3h1Zm-7 10h4v-2h-4Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Asistencia profesional<\/strong>\n                            <p>Personal preparado para ayudarte.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\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                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Traslado seguro<\/strong>\n                            <p>Cuidamos tu veh\u00edculo durante el servicio.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\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                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Precios econ\u00f3micos<\/strong>\n                            <p>Una soluci\u00f3n pr\u00e1ctica para tu veh\u00edculo.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15h-2v-2h2Zm0-4h-2V7h2Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Atenci\u00f3n todos los d\u00edas<\/strong>\n                            <p>Estamos disponibles cuando nos necesites.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                    <span class=\"gc-benefits-marquee__separator\">\u2726<\/span>\n\n                    <article class=\"gc-benefit-item\">\n\n                        <div class=\"gc-benefit-item__icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 3 4 6v5c0 4.97 3.05 9.58 8 11 4.95-1.42 8-6.03 8-11V6Zm0 16.9c-3.5-1.25-6-4.91-6-8.9V7.39l6-2.25 6 2.25V11c0 3.99-2.5 7.65-6 8.9ZM10.5 14.5 8 12l1.4-1.4 1.1 1.1 3.6-3.6L15.5 9.5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"gc-benefit-item__text\">\n                            <span>GR\u00daAS CONOCOTO<\/span>\n                            <strong>Servicio confiable<\/strong>\n                            <p>Atenci\u00f3n responsable en cada traslado.<\/p>\n                        <\/div>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   GR\u00daAS CONOCOTO\n   BENEFICIOS - MARQUEE INFINITO\n========================================================= *\/\n\n.gc-benefits-marquee {\n\n    --gc-blue: #0047FF;\n    --gc-blue-dark: #0038D4;\n    --gc-red: #FF0033;\n\n    width: 100%;\n\n    padding: 0 16px;\n\n    position: relative;\n\n    z-index: 20;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.gc-benefits-marquee *,\n.gc-benefits-marquee *::before,\n.gc-benefits-marquee *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CAJA\n========================================================= *\/\n\n.gc-benefits-marquee__box {\n\n    position: relative;\n\n    width: min(\n        100%,\n        1080px\n    );\n\n    height: 96px;\n\n    margin: 0 auto;\n\n    overflow: hidden;\n\n    border-radius: 14px;\n\n    background:\n        linear-gradient(\n            115deg,\n            #0047FF 0%,\n            #003FE5 55%,\n            #0038D4 100%\n        );\n\n    box-shadow:\n        0 18px 45px\n        rgba(0, 55, 190, .25);\n\n    isolation: isolate;\n\n}\n\n\n\/* =========================================================\n   BRILLO\n========================================================= *\/\n\n.gc-benefits-marquee__glow {\n\n    position: absolute;\n\n    width: 280px;\n    height: 280px;\n\n    top: -170px;\n    right: 5%;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.12);\n\n    filter:\n        blur(8px);\n\n    pointer-events: none;\n\n    z-index: 1;\n\n}\n\n\n\/* =========================================================\n   BORDE INTERNO\n========================================================= *\/\n\n.gc-benefits-marquee__box::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 1px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.16);\n\n    border-radius: 13px;\n\n    pointer-events: none;\n\n    z-index: 5;\n\n}\n\n\n\/* =========================================================\n   L\u00cdNEA INFERIOR\n========================================================= *\/\n\n.gc-benefits-marquee__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,.65),\n            transparent\n        );\n\n    z-index: 6;\n\n}\n\n\n\/* =========================================================\n   VIEWPORT\n========================================================= *\/\n\n.gc-benefits-marquee__viewport {\n\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    z-index: 3;\n\n}\n\n\n\/* =========================================================\n   EFECTO FADE LATERAL\n========================================================= *\/\n\n.gc-benefits-marquee__viewport::before,\n.gc-benefits-marquee__viewport::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    width: 100px;\n\n    height: 100%;\n\n    z-index: 4;\n\n    pointer-events: none;\n\n}\n\n\n.gc-benefits-marquee__viewport::before {\n\n    left: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            #0047FF,\n            rgba(0,71,255,0)\n        );\n\n}\n\n\n.gc-benefits-marquee__viewport::after {\n\n    right: 0;\n\n    background:\n        linear-gradient(\n            270deg,\n            #003FE5,\n            rgba(0,63,229,0)\n        );\n\n}\n\n\n\/* =========================================================\n   TRACK\n========================================================= *\/\n\n.gc-benefits-marquee__track {\n\n    display: flex;\n\n    width: max-content;\n\n    height: 100%;\n\n    animation:\n        gcBenefitsMarquee\n        34s\n        linear\n        infinite;\n\n    will-change:\n        transform;\n\n}\n\n\n\/* =========================================================\n   GRUPO\n========================================================= *\/\n\n.gc-benefits-marquee__group {\n\n    display: flex;\n\n    align-items: center;\n\n    flex-shrink: 0;\n\n    height: 100%;\n\n}\n\n\n\/* =========================================================\n   ITEM\n========================================================= *\/\n\n.gc-benefit-item {\n\n    display: flex;\n\n    align-items: center;\n\n    flex-shrink: 0;\n\n    width: 340px;\n\n    min-height: 100%;\n\n    padding:\n        0 28px;\n\n    color: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.gc-benefit-item__icon {\n\n    width: 46px;\n    height: 46px;\n\n    flex:\n        0 0 46px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin-right: 15px;\n\n    border-radius: 11px;\n\n    background:\n        rgba(255,255,255,.13);\n\n    border:\n        1px solid\n        rgba(255,255,255,.14);\n\n    box-shadow:\n        inset 0 1px 0\n        rgba(255,255,255,.08);\n\n}\n\n\n.gc-benefit-item__icon svg {\n\n    width: 22px;\n    height: 22px;\n\n    fill: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   TEXTO\n========================================================= *\/\n\n.gc-benefit-item__text {\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-width: 0;\n\n}\n\n\n.gc-benefit-item__text span {\n\n    margin-bottom: 4px;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing:\n        .15em;\n\n    color:\n        rgba(255,255,255,.55);\n\n}\n\n\n.gc-benefit-item__text strong {\n\n    display: block;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    line-height: 1.25;\n\n    color:\n        #FFFFFF;\n\n    white-space: nowrap;\n\n}\n\n\n.gc-benefit-item__text p {\n\n    margin: 3px 0 0;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n\n    font-size: 11px;\n\n    line-height: 1.35;\n\n    color:\n        rgba(255,255,255,.70);\n\n    white-space: nowrap;\n\n}\n\n\n\/* =========================================================\n   SEPARADOR\n========================================================= *\/\n\n.gc-benefits-marquee__separator {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-shrink: 0;\n\n    width: 36px;\n\n    height: 100%;\n\n    color:\n        rgba(255,255,255,.42);\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size: 12px;\n\n}\n\n\n\/* =========================================================\n   ANIMACI\u00d3N INFINITA\n========================================================= *\/\n\n@keyframes gcBenefitsMarquee {\n\n    from {\n\n        transform:\n            translate3d(0, 0, 0);\n\n    }\n\n    to {\n\n        transform:\n            translate3d(-50%, 0, 0);\n\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .gc-benefits-marquee__box {\n\n        height: 90px;\n\n    }\n\n    .gc-benefit-item {\n\n        width: 310px;\n\n        padding:\n            0 22px;\n\n    }\n\n    .gc-benefit-item__icon {\n\n        width: 43px;\n        height: 43px;\n\n        flex-basis: 43px;\n\n        margin-right: 13px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .gc-benefits-marquee {\n\n        padding:\n            0 16px;\n\n        transform:\n            translateY(-120px);\n\n    }\n\n\n    .gc-benefits-marquee__box {\n\n        height: 82px;\n\n        border-radius:\n            11px;\n\n    }\n\n\n    .gc-benefits-marquee__viewport::before,\n    .gc-benefits-marquee__viewport::after {\n\n        width: 55px;\n\n    }\n\n\n    .gc-benefit-item {\n\n        width: 285px;\n\n        padding:\n            0 18px;\n\n    }\n\n\n    .gc-benefit-item__icon {\n\n        width: 39px;\n        height: 39px;\n\n        flex-basis: 39px;\n\n        margin-right: 11px;\n\n        border-radius:\n            9px;\n\n    }\n\n\n    .gc-benefit-item__icon svg {\n\n        width: 19px;\n        height: 19px;\n\n    }\n\n\n    .gc-benefit-item__text span {\n\n        font-size: 7px;\n\n        margin-bottom: 3px;\n\n    }\n\n\n    .gc-benefit-item__text strong {\n\n        font-size: 13px;\n\n    }\n\n\n    .gc-benefit-item__text p {\n\n        font-size: 9px;\n\n    }\n\n\n    .gc-benefits-marquee__separator {\n\n        width: 28px;\n\n        font-size: 9px;\n\n    }\n\n\n    \/*\n       Un poco m\u00e1s r\u00e1pido en m\u00f3vil\n       para que siempre exista movimiento visible.\n    *\/\n\n    .gc-benefits-marquee__track {\n\n        animation-duration:\n            27s;\n\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES PEQUE\u00d1OS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-benefit-item {\n\n        width: 270px;\n\n        padding:\n            0 15px;\n\n    }\n\n    .gc-benefit-item__icon {\n\n        width: 36px;\n        height: 36px;\n\n        flex-basis: 36px;\n\n        margin-right: 9px;\n\n    }\n\n    .gc-benefit-item__text strong {\n\n        font-size: 12px;\n\n    }\n\n    .gc-benefit-item__text p {\n\n        font-size: 8.5px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gc-benefits-marquee__track {\n\n        animation:\n            none;\n\n    }\n\n}\n\n<\/style>\n<style>\n\/* =========================================================\n   GR\u00daAS CONOCOTO \u2014 CARRUSEL FADE PREMIUM\n   Una frase visible a la vez, con transici\u00f3n de 4 segundos.\n========================================================= *\/\n\n.gc-benefits-marquee__track{\n    position:relative;\n    display:block;\n    width:100%;\n    height:100%;\n    animation:none!important;\n    transform:none!important;\n}\n\n.gc-benefits-marquee__group{\n    display:contents;\n}\n\n.gc-benefit-item{\n    display:none;\n    width:100%;\n    height:100%;\n    min-height:100%;\n    padding:0 clamp(22px,4vw,58px);\n    align-items:center;\n    justify-content:center;\n    opacity:0;\n    transform:translateY(8px);\n    transition:opacity .8s ease, transform .8s ease;\n}\n\n.gc-benefit-item.is-fade-active{\n    display:flex;\n    opacity:1;\n    transform:translateY(0);\n    animation:gcBenefitFadeIn .8s ease both;\n}\n\n.gc-benefits-marquee__separator{\n    display:none!important;\n}\n\n@keyframes gcBenefitFadeIn{\n    from{opacity:0;transform:translateY(8px)}\n    to{opacity:1;transform:translateY(0)}\n}\n\n.gc-benefit-item__icon{\n    flex:0 0 46px;\n    box-shadow:0 0 0 1px rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.10);\n}\n\n.gc-benefit-item__text strong,\n.gc-benefit-item__text p{\n    white-space:normal;\n}\n\n@media(max-width:900px){\n    .gc-benefit-item{padding:0 24px}\n}\n\n@media(max-width:650px){\n    .gc-benefit-item{\n        padding:0 20px;\n        justify-content:flex-start;\n    }\n    .gc-benefit-item__text strong{font-size:13px}\n    .gc-benefit-item__text p{font-size:9px}\n}\n\n@media(prefers-reduced-motion:reduce){\n    .gc-benefit-item.is-fade-active{animation:none}\n}\n<\/style>\n\n<script>\n(function(){\n    const root=document.querySelector('.gc-benefits-marquee');\n    if(!root || root.dataset.fadeReady==='true') return;\n    root.dataset.fadeReady='true';\n\n    \/* Solo utilizamos el primer bloque para evitar duplicados. *\/\n    const firstGroup=root.querySelector('.gc-benefits-marquee__group');\n    if(!firstGroup) return;\n\n    const items=[...firstGroup.querySelectorAll('.gc-benefit-item')];\n    if(!items.length) return;\n\n    let current=0;\n    let timer=null;\n    const duration=4000;\n\n    function showItem(index){\n        items.forEach((item,i)=>{\n            item.classList.toggle('is-fade-active',i===index);\n            item.setAttribute('aria-hidden',i===index?'false':'true');\n        });\n        current=index;\n    }\n\n    function start(){\n        clearInterval(timer);\n        timer=setInterval(()=>{\n            showItem((current+1)%items.length);\n        },duration);\n    }\n\n    showItem(0);\n    start();\n\n    document.addEventListener('visibilitychange',()=>{\n        if(document.hidden){\n            clearInterval(timer);\n        }else{\n            start();\n        }\n    });\n})();\n<\/script>\n\n\n\n<!-- =========================================================\n     GR\u00daAS PRONTO\n     BOT\u00d3N FLOTANTE PREMIUM\n     LLAMAR + SOLICITAR GR\u00daA POR WHATSAPP\n========================================================= -->\n\n<div class=\"gp-contact-widget\">\n\n    <!-- =====================================================\n         BOT\u00d3N PRINCIPAL\n    ====================================================== -->\n\n    <button\n        class=\"gp-contact-toggle\"\n        id=\"gpContactToggle\"\n        type=\"button\"\n        aria-label=\"Abrir opciones de contacto\"\n        aria-expanded=\"false\"\n    >\n\n        <!-- AURA -->\n        <span class=\"gp-toggle-aura\"><\/span>\n\n        <!-- ICONO TEL\u00c9FONO -->\n        <span class=\"gp-toggle-phone\">\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\"\/>\n            <\/svg>\n        <\/span>\n\n        <!-- X -->\n        <span class=\"gp-toggle-x\">\u00d7<\/span>\n\n    <\/button>\n\n\n    <!-- =====================================================\n         MEN\u00da\n    ====================================================== -->\n\n    <div\n        class=\"gp-contact-menu\"\n        id=\"gpContactMenu\"\n        aria-hidden=\"true\"\n    >\n\n        <!-- =================================================\n             LLAMAR\n        ================================================== -->\n\n        <a\n            class=\"gp-contact-item gp-contact-call\"\n            href=\"tel:+593987890844\"\n        >\n\n            <span class=\"gp-item-icon\">\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\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <span class=\"gp-item-content\">\n\n                <span class=\"gp-item-label\">\n                    LL\u00c1MANOS AHORA\n                <\/span>\n\n                <strong>\n                    098 789 0844\n                <\/strong>\n\n                <small>\n                    Atenci\u00f3n para tu traslado\n                <\/small>\n\n            <\/span>\n\n            <span class=\"gp-item-arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M13.2 5.8 19.4 12l-6.2 6.2-1.4-1.4 3.8-3.8H5v-2h10.6l-3.8-3.8 1.4-1.4Z\"\/>\n                <\/svg>\n            <\/span>\n\n        <\/a>\n\n\n        <!-- =================================================\n             WHATSAPP\n        ================================================== -->\n\n        <a\n            class=\"gp-contact-item gp-contact-whatsapp\"\n            href=\"https:\/\/wa.me\/593987890844?text=Hola%20Gr%C3%BAas%20Pronto%2C%20necesito%20solicitar%20un%20servicio%20de%20gr%C3%BAa.%20Mi%20veh%C3%ADculo%20se%20encuentra%20en%20mi%20ubicaci%C3%B3n%20actual.%20%C2%BFMe%20pueden%20ayudar%3F\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n        >\n\n            <span class=\"gp-item-icon\">\n\n                <!-- WHATSAPP -->\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M20.52 3.48A11.87 11.87 0 0 0 12.08 0C5.52 0 .18 5.34.18 11.9c0 2.1.55 4.15 1.59 5.95L.08 24l6.3-1.65a11.89 11.89 0 0 0 5.7 1.46h.01c6.56 0 11.9-5.34 11.9-11.9 0-3.18-1.24-6.17-3.47-8.43ZM12.09 21.8h-.01a9.9 9.9 0 0 1-5.05-1.39l-.36-.21-3.74.98 1-3.65-.23-.37a9.88 9.88 0 0 1-1.51-5.26C2.19 6.43 6.62 2 12.09 2c2.65 0 5.14 1.03 7.01 2.9a9.84 9.84 0 0 1 2.9 7.01c0 5.47-4.44 9.89-9.91 9.89Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.95 1.17-.17.2-.35.22-.65.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.61.14-.14.3-.35.45-.52.15-.17.2-.3.3-.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.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.21 5.08 4.5.71.31 1.27.49 1.7.63.72.23 1.37.2 1.89.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35Z\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <span class=\"gp-item-content\">\n\n                <span class=\"gp-item-label\">\n                    WHATSAPP\n                <\/span>\n\n                <strong>\n                    Solicitar una gr\u00faa\n                <\/strong>\n\n                <small>\n                    Env\u00edanos tu ubicaci\u00f3n\n                <\/small>\n\n            <\/span>\n\n            <span class=\"gp-item-arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M13.2 5.8 19.4 12l-6.2 6.2-1.4-1.4 3.8-3.8H5v-2h10.6l-3.8-3.8 1.4-1.4Z\"\/>\n                <\/svg>\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.gp-contact-widget {\n\n    --gp-blue: #0047FF;\n    --gp-blue-dark: #0036C7;\n\n    --gp-green: #18B968;\n    --gp-green-dark: #079A51;\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.gp-contact-toggle {\n\n    position: relative;\n\n    width: 64px;\n    height: 64px;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    cursor: pointer;\n\n    color: #FFFFFF;\n\n    background:\n        linear-gradient(\n            145deg,\n            #075BFF 0%,\n            #0047FF 45%,\n            #0036C7 100%\n        );\n\n    box-shadow:\n        0 10px 26px rgba(0,55,200,.34),\n        0 3px 8px rgba(0,0,0,.15);\n\n    transition:\n        transform .28s ease,\n        box-shadow .28s ease;\n\n    -webkit-tap-highlight-color:\n        transparent;\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   AURA\n========================================================= *\/\n\n.gp-toggle-aura {\n\n    position: absolute;\n\n    inset: -5px;\n\n    border-radius: 50%;\n\n    border: 1px solid\n        rgba(0,71,255,.28);\n\n    opacity: .9;\n\n    z-index: -1;\n\n    animation:\n        gpPulse 2.5s ease-out infinite;\n}\n\n\n@keyframes gpPulse {\n\n    0% {\n        transform: scale(.92);\n        opacity: .8;\n    }\n\n    70% {\n        transform: scale(1.18);\n        opacity: 0;\n    }\n\n    100% {\n        transform: scale(1.18);\n        opacity: 0;\n    }\n\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.gp-contact-toggle:hover {\n\n    transform:\n        translateY(-3px)\n        scale(1.04);\n\n    box-shadow:\n        0 15px 35px rgba(0,55,200,.42),\n        0 5px 12px rgba(0,0,0,.15);\n}\n\n\n\/* =========================================================\n   ESTADO ABIERTO\n========================================================= *\/\n\n.gp-contact-widget.is-open\n.gp-contact-toggle {\n\n    background:\n        linear-gradient(\n            145deg,\n            #162033,\n            #080D18\n        );\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.30);\n\n    transform:\n        scale(1);\n}\n\n\n\/* =========================================================\n   TEL\u00c9FONO\n========================================================= *\/\n\n.gp-toggle-phone {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    transition:\n        opacity .2s ease,\n        transform .3s ease;\n}\n\n\n.gp-toggle-phone svg {\n\n    width: 27px;\n    height: 27px;\n\n    fill: currentColor;\n}\n\n\n\/* =========================================================\n   X\n========================================================= *\/\n\n.gp-toggle-x {\n\n    position: absolute;\n\n    font-family:\n        Arial,\n        sans-serif;\n\n    font-size: 34px;\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.gp-contact-widget.is-open\n.gp-toggle-phone {\n\n    opacity: 0;\n\n    transform:\n        rotate(45deg)\n        scale(.5);\n}\n\n\n.gp-contact-widget.is-open\n.gp-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.gp-contact-menu {\n\n    position: absolute;\n\n    right: 0;\n\n    bottom: 78px;\n\n    width: 315px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 10px;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transform:\n        translateY(16px)\n        scale(.94);\n\n    transform-origin:\n        bottom right;\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease,\n        transform .35s\n        cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* =========================================================\n   MEN\u00da ABIERTO\n========================================================= *\/\n\n.gp-contact-widget.is-open\n.gp-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.gp-contact-item {\n\n    position: relative;\n\n    min-height: 82px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    padding:\n        12px 13px;\n\n    box-sizing: border-box;\n\n    text-decoration: none;\n\n    background:\n        rgba(255,255,255,.98);\n\n    border:\n        1px solid #E5EAF2;\n\n    border-radius: 17px;\n\n    box-shadow:\n        0 14px 35px rgba(12,35,80,.17);\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transform:\n        translateY(10px);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease,\n        opacity .3s ease;\n}\n\n\n\/* =========================================================\n   APARICI\u00d3N\n========================================================= *\/\n\n.gp-contact-widget.is-open\n.gp-contact-item {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n.gp-contact-widget.is-open\n.gp-contact-item:nth-child(1) {\n\n    transition-delay:\n        .02s;\n}\n\n\n.gp-contact-widget.is-open\n.gp-contact-item:nth-child(2) {\n\n    transition-delay:\n        .08s;\n}\n\n\n\/* =========================================================\n   BARRA LATERAL\n========================================================= *\/\n\n.gp-contact-item::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 0;\n    bottom: 0;\n\n    width: 4px;\n\n    transform:\n        scaleY(.35);\n\n    transform-origin:\n        center;\n\n    transition:\n        transform .3s ease;\n}\n\n\n\/* LLAMAR *\/\n\n.gp-contact-call::before {\n\n    background:\n        linear-gradient(\n            180deg,\n            #075BFF,\n            #0036C7\n        );\n}\n\n\n\/* WHATSAPP *\/\n\n.gp-contact-whatsapp::before {\n\n    background:\n        linear-gradient(\n            180deg,\n            #20C875,\n            #079A51\n        );\n}\n\n\n\/* =========================================================\n   HOVER TARJETA\n========================================================= *\/\n\n.gp-contact-item:hover {\n\n    transform:\n        translateX(-5px);\n\n    box-shadow:\n        0 18px 42px rgba(12,35,80,.23);\n\n    border-color:\n        #D7DEEA;\n}\n\n\n.gp-contact-item:hover::before {\n\n    transform:\n        scaleY(1);\n}\n\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n.gp-item-icon {\n\n    width: 48px;\n    height: 48px;\n\n    flex:\n        0 0 48px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 13px;\n\n    color: #FFFFFF;\n\n    transition:\n        transform .25s ease;\n}\n\n\n.gp-contact-item:hover\n.gp-item-icon {\n\n    transform:\n        scale(1.07);\n}\n\n\n.gp-item-icon svg {\n\n    width: 22px;\n    height: 22px;\n\n    fill:\n        currentColor;\n}\n\n\n\/* =========================================================\n   ICONO LLAMAR\n========================================================= *\/\n\n.gp-contact-call\n.gp-item-icon {\n\n    background:\n        linear-gradient(\n            145deg,\n            #075BFF,\n            #0036C7\n        );\n\n    box-shadow:\n        0 7px 16px rgba(0,71,255,.25);\n}\n\n\n\/* =========================================================\n   ICONO WHATSAPP\n========================================================= *\/\n\n.gp-contact-whatsapp\n.gp-item-icon {\n\n    background:\n        linear-gradient(\n            145deg,\n            #20C875,\n            #079A51\n        );\n\n    box-shadow:\n        0 7px 16px rgba(24,185,104,.25);\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.gp-item-content {\n\n    flex: 1;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 2px;\n}\n\n\n\/* =========================================================\n   ETIQUETA\n========================================================= *\/\n\n.gp-item-label {\n\n    color:\n        #7B8494;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        9px;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        .8px;\n\n    line-height:\n        1.2;\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\n.gp-item-content strong {\n\n    color:\n        #162033;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        15px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1.25;\n}\n\n\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n\n.gp-item-content small {\n\n    color:\n        #8992A2;\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.gp-item-arrow {\n\n    width:\n        31px;\n\n    height:\n        31px;\n\n    flex:\n        0 0 31px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    border-radius:\n        50%;\n\n    background:\n        #F3F5F9;\n\n    color:\n        #A1A9B6;\n\n    transition:\n        color .25s ease,\n        background .25s ease,\n        transform .25s ease;\n}\n\n\n.gp-item-arrow svg {\n\n    width:\n        17px;\n\n    height:\n        17px;\n\n    fill:\n        currentColor;\n}\n\n\n\/* =========================================================\n   FLECHA LLAMAR\n========================================================= *\/\n\n.gp-contact-call:hover\n.gp-item-arrow {\n\n    color:\n        var(--gp-blue);\n\n    background:\n        #EEF3FF;\n\n    transform:\n        translate(2px,-2px);\n}\n\n\n\/* =========================================================\n   FLECHA WHATSAPP\n========================================================= *\/\n\n.gp-contact-whatsapp:hover\n.gp-item-arrow {\n\n    color:\n        var(--gp-green);\n\n    background:\n        #EAFBF2;\n\n    transform:\n        translate(2px,-2px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .gp-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    .gp-contact-widget {\n\n        right:\n            15px;\n\n        bottom:\n            17px;\n\n        \/*\n         * Mantiene el bot\u00f3n elevado\n         * respecto a los botones inferiores.\n         *\/\n        transform:\n            translateY(-165px);\n    }\n\n\n    .gp-contact-toggle {\n\n        width:\n            58px;\n\n        height:\n            58px;\n    }\n\n\n    .gp-toggle-phone svg {\n\n        width:\n            24px;\n\n        height:\n            24px;\n    }\n\n\n    .gp-toggle-x {\n\n        font-size:\n            30px;\n    }\n\n\n    .gp-contact-menu {\n\n        width:\n            min(\n                305px,\n                calc(100vw - 30px)\n            );\n\n        bottom:\n            72px;\n\n        gap:\n            8px;\n    }\n\n\n    .gp-contact-item {\n\n        min-height:\n            73px;\n\n        padding:\n            10px 12px;\n\n        border-radius:\n            14px;\n    }\n\n\n    .gp-item-icon {\n\n        width:\n            43px;\n\n        height:\n            43px;\n\n        flex-basis:\n            43px;\n\n        border-radius:\n            11px;\n    }\n\n\n    .gp-item-icon svg {\n\n        width:\n            20px;\n\n        height:\n            20px;\n    }\n\n\n    .gp-item-content strong {\n\n        font-size:\n            13px;\n    }\n\n\n    .gp-item-content small {\n\n        font-size:\n            9px;\n    }\n\n\n    .gp-item-label {\n\n        font-size:\n            8px;\n    }\n\n\n    .gp-item-arrow {\n\n        width:\n            28px;\n\n        height:\n            28px;\n\n        flex-basis:\n            28px;\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES PEQUE\u00d1OS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gp-contact-widget {\n\n        right:\n            11px;\n\n        bottom:\n            13px;\n    }\n\n\n    .gp-contact-toggle {\n\n        width:\n            54px;\n\n        height:\n            54px;\n    }\n\n\n    .gp-contact-menu {\n\n        width:\n            calc(100vw - 22px);\n\n        right:\n            -2px;\n    }\n\n\n    .gp-contact-item {\n\n        min-height:\n            69px;\n    }\n\n\n    .gp-item-icon {\n\n        width:\n            40px;\n\n        height:\n            40px;\n\n        flex-basis:\n            40px;\n    }\n\n\n    .gp-item-content strong {\n\n        font-size:\n            12px;\n    }\n\n\n    .gp-item-content small {\n\n        font-size:\n            9px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gp-contact-toggle,\n    .gp-contact-menu,\n    .gp-contact-item,\n    .gp-toggle-phone,\n    .gp-toggle-x,\n    .gp-item-arrow,\n    .gp-item-icon,\n    .gp-toggle-aura {\n\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n\/* =========================================================\n   GR\u00daAS PRONTO\n   MEN\u00da FLOTANTE DE CONTACTO\n========================================================= *\/\n\n(function () {\n\n    const widget =\n        document.querySelector(\n            \".gp-contact-widget\"\n        );\n\n    const toggle =\n        document.querySelector(\n            \"#gpContactToggle\"\n        );\n\n    const menu =\n        document.querySelector(\n            \"#gpContactMenu\"\n        );\n\n\n    if (\n        !widget ||\n        !toggle ||\n        !menu\n    ) {\n\n        return;\n\n    }\n\n\n    \/* =====================================================\n       ABRIR \/ CERRAR\n    ====================================================== *\/\n\n    function closeMenu() {\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    function openMenu() {\n\n        widget.classList.add(\n            \"is-open\"\n        );\n\n        toggle.setAttribute(\n            \"aria-expanded\",\n            \"true\"\n        );\n\n        menu.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n        );\n\n    }\n\n\n    toggle.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.preventDefault();\n\n            event.stopPropagation();\n\n            if (\n                widget.classList.contains(\n                    \"is-open\"\n                )\n            ) {\n\n                closeMenu();\n\n            } else {\n\n                openMenu();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       EVITAR CIERRE DENTRO DEL MEN\u00da\n    ====================================================== *\/\n\n    menu.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.stopPropagation();\n\n        }\n    );\n\n\n    \/* =====================================================\n       CERRAR AL HACER CLICK FUERA\n    ====================================================== *\/\n\n    document.addEventListener(\n        \"click\",\n        function (event) {\n\n            if (\n                !widget.contains(event.target)\n            ) {\n\n                closeMenu();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       ESC\n    ====================================================== *\/\n\n    document.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                event.key === \"Escape\"\n            ) {\n\n                closeMenu();\n\n                toggle.focus();\n\n            }\n\n        }\n    );\n\n\n})();\n\n<\/script>\n\n\n\n<section class=\"gc-services-v3\" aria-labelledby=\"gc-services-title\">\n\n  <div class=\"gc-services-v3__container\">\n\n    <!-- =========================\n         ENCABEZADO\n    ========================== -->\n\n    <header class=\"gc-services-v3__header\">\n\n      <div class=\"gc-services-v3__heading\">\n\n        <div class=\"gc-services-v3__eyebrow\">\n          <span><\/span>\n          NUESTROS SERVICIOS\n        <\/div>\n\n        <h2 id=\"gc-services-title\">\n          Soluciones para cada<br>\n          <strong>necesidad de tu veh\u00edculo.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"gc-services-v3__intro\">\n\n        <p>\n          Traslado, rescate y movilizaci\u00f3n de veh\u00edculos\n          con atenci\u00f3n profesional en Conocoto y sus alrededores.\n        <\/p>\n\n      <\/div>\n\n    <\/header>\n\n\n    <!-- =========================\n         SERVICIOS\n    ========================== -->\n\n    <div class=\"gc-services-v3__grid\">\n\n\n      <!-- =========================\n           SERVICIO 01\n      ========================== -->\n\n      <article class=\"gc-service-v3\">\n\n        <div class=\"gc-service-v3__image\">\n\n          <img\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/Traslado-de-vehiculos-en-gruas-conocoto.jpg\"\n            alt=\"Traslado de veh\u00edculos en Conocoto\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <div class=\"gc-service-v3__placeholder\">\n            <span>IMAGEN 16:9<\/span>\n          <\/div>\n\n          <div class=\"gc-service-v3__number\">\n            01\n          <\/div>\n\n        <\/div>\n\n        <div class=\"gc-service-v3__content\">\n\n          <span class=\"gc-service-v3__category\">\n            TRANSPORTE\n          <\/span>\n\n          <h3>\n            Traslado de veh\u00edculos\n          <\/h3>\n\n          <p>\n            Transportamos autos, camionetas y otros veh\u00edculos\n            utilizando equipos adecuados para cada traslado.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/593987890844?text=Hola%2C%20necesito%20un%20traslado%20de%20veh%C3%ADculo\"\n            class=\"gc-service-v3__link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Solicitar traslado\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           SERVICIO 02\n      ========================== -->\n\n      <article class=\"gc-service-v3\">\n\n        <div class=\"gc-service-v3__image\">\n\n          <img\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/Rescate-de-vehiculos-en-maniobra-en-Conocoto.jpg\"\n            alt=\"Rescates y maniobras de veh\u00edculos en Conocoto\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <div class=\"gc-service-v3__placeholder\">\n            <span>IMAGEN 16:9<\/span>\n          <\/div>\n\n          <div class=\"gc-service-v3__number\">\n            02\n          <\/div>\n\n        <\/div>\n\n        <div class=\"gc-service-v3__content\">\n\n          <span class=\"gc-service-v3__category\">\n            RECUPERACI\u00d3N\n          <\/span>\n\n          <h3>\n            Rescates y maniobras\n          <\/h3>\n\n          <p>\n            Recuperaci\u00f3n y movilizaci\u00f3n de veh\u00edculos\n            que requieren maniobras especiales.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/593987890844?text=Hola%2C%20necesito%20un%20rescate%20o%20maniobra\"\n            class=\"gc-service-v3__link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Solicitar asistencia\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           SERVICIO 03\n      ========================== -->\n\n      <article class=\"gc-service-v3\">\n\n        <div class=\"gc-service-v3__image\">\n\n          <img\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/Apertura-Puertas-por-Gruas-Conocoto.jpg\"\n            alt=\"Apertura de puertas de veh\u00edculos en Conocoto\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <div class=\"gc-service-v3__placeholder\">\n            <span>IMAGEN 16:9<\/span>\n          <\/div>\n\n          <div class=\"gc-service-v3__number\">\n            03\n          <\/div>\n\n        <\/div>\n\n        <div class=\"gc-service-v3__content\">\n\n          <span class=\"gc-service-v3__category\">\n            ASISTENCIA\n          <\/span>\n\n          <h3>\n            Apertura de puertas\n          <\/h3>\n\n          <p>\n            Asistencia para abrir veh\u00edculos cuando las llaves\n            quedan dentro o existe un bloqueo.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/593987890844?text=Hola%2C%20necesito%20apertura%20de%20puertas\"\n            class=\"gc-service-v3__link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Solicitar asistencia\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           SERVICIO 04\n      ========================== -->\n\n      <article class=\"gc-service-v3\">\n\n        <div class=\"gc-service-v3__image\">\n\n          <img\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/Gruas-Conocoto-Descargando-Carro-del-contenedor.jpg\"\n            alt=\"Desembarque de veh\u00edculos en Conocoto\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <div class=\"gc-service-v3__placeholder\">\n            <span>IMAGEN 16:9<\/span>\n          <\/div>\n\n          <div class=\"gc-service-v3__number\">\n            04\n          <\/div>\n\n        <\/div>\n\n        <div class=\"gc-service-v3__content\">\n\n          <span class=\"gc-service-v3__category\">\n            MOVILIZACI\u00d3N\n          <\/span>\n\n          <h3>\n            Desembarques\n          <\/h3>\n\n          <p>\n            Apoyo en la descarga y desembarque de veh\u00edculos\n            con equipos adecuados para cada situaci\u00f3n.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/593987890844?text=Hola%2C%20necesito%20un%20desembarque\"\n            class=\"gc-service-v3__link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Solicitar asistencia\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   GR\u00daAS CONOCOTO\n   SERVICIOS V3\n\n   TIPOGRAF\u00cdAS:\n   - Montserrat\n   - Open Sans\n\n   COLORES:\n   - Azul #0047FF\n   - Blanco #FFFFFF\n   - Negro #111827\n   - Gris #667085\n\n   SIN CTA FINAL\n========================================================= *\/\n\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.gc-services-v3 {\n\n  width: 100%;\n\n  margin: 0;\n\n  padding: 100px 0;\n\n  background: #FFFFFF;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  color: #111827;\n\n  overflow: hidden;\n\n}\n\n\n\/* =========================================================\n   RESET LOCAL\n========================================================= *\/\n\n.gc-services-v3 *,\n.gc-services-v3 *::before,\n.gc-services-v3 *::after {\n\n  box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.gc-services-v3__container {\n\n  width: calc(100% - 32px);\n\n  max-width: 1200px;\n\n  margin-left: auto;\n\n  margin-right: auto;\n\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.gc-services-v3__header {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.3fr)\n    minmax(280px, 0.7fr);\n\n  column-gap: 80px;\n\n  align-items: end;\n\n  padding-bottom: 48px;\n\n  border-bottom:\n    1px solid #E8ECF3;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.gc-services-v3__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 20px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.7px;\n\n  color: #0047FF;\n\n}\n\n\n.gc-services-v3__eyebrow span {\n\n  display: block;\n\n  width: 30px;\n\n  height: 3px;\n\n  background: #FF0033;\n\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\n.gc-services-v3__heading h2 {\n\n  max-width: 720px;\n\n  margin: 0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 48px;\n\n  font-weight: 800;\n\n  line-height: 1.12;\n\n  letter-spacing: -1.8px;\n\n  color: #111827;\n\n}\n\n\n.gc-services-v3__heading h2 strong {\n\n  font-weight: 800;\n\n  color: #0047FF;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.gc-services-v3__intro {\n\n  max-width: 350px;\n\n}\n\n\n.gc-services-v3__intro p {\n\n  margin: 0;\n\n  font-size: 16px;\n\n  line-height: 1.75;\n\n  color: #667085;\n\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.gc-services-v3__grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 20px;\n\n  margin-top: 32px;\n\n}\n\n\n\/* =========================================================\n   TARJETA\n========================================================= *\/\n\n.gc-service-v3 {\n\n  min-width: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  background: #FFFFFF;\n\n  border:\n    1px solid #E6EAF1;\n\n  border-radius: 12px;\n\n  overflow: hidden;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    border-color 0.3s ease;\n\n}\n\n\n.gc-service-v3:hover {\n\n  transform:\n    translateY(-5px);\n\n  border-color:\n    #D5DCE9;\n\n  box-shadow:\n    0 18px 40px rgba(0, 71, 255, 0.08);\n\n}\n\n\n\/* =========================================================\n   IMAGEN\n========================================================= *\/\n\n.gc-service-v3__image {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  background: #EEF3FF;\n\n}\n\n\n\/* =========================================================\n   PLACEHOLDER\n========================================================= *\/\n\n.gc-service-v3__placeholder {\n\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      135deg,\n      #EEF3FF 0%,\n      #DCE7FF 100%\n    );\n\n}\n\n\n.gc-service-v3__placeholder span {\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  color: #6681C2;\n\n}\n\n\n\/* =========================================================\n   IMAGEN REAL\n========================================================= *\/\n\n.gc-service-v3__image img {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform 0.55s ease;\n\n}\n\n\n.gc-service-v3:hover\n.gc-service-v3__image img {\n\n  transform:\n    scale(1.035);\n\n}\n\n\n\/* =========================================================\n   NUMERACI\u00d3N\n========================================================= *\/\n\n.gc-service-v3__number {\n\n  position: absolute;\n\n  z-index: 4;\n\n  top: 14px;\n\n  left: 14px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 36px;\n\n  height: 36px;\n\n  border-radius: 7px;\n\n  background: #0047FF;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  color: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.gc-service-v3__content {\n\n  display: flex;\n\n  flex-direction: column;\n\n  flex: 1;\n\n  padding:\n    24px 22px 22px;\n\n}\n\n\n\/* =========================================================\n   CATEGOR\u00cdA\n========================================================= *\/\n\n.gc-service-v3__category {\n\n  margin-bottom: 10px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  color: #0047FF;\n\n}\n\n\n\/* =========================================================\n   T\u00cdTULO DE SERVICIO\n========================================================= *\/\n\n.gc-service-v3__content h3 {\n\n  min-height: 54px;\n\n  margin:\n    0 0 12px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 20px;\n\n  font-weight: 700;\n\n  line-height: 1.3;\n\n  letter-spacing: -0.35px;\n\n  color: #111827;\n\n}\n\n\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n\n.gc-service-v3__content p {\n\n  min-height: 74px;\n\n  margin:\n    0 0 22px;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n}\n\n\n\/* =========================================================\n   LINK\n========================================================= *\/\n\n.gc-service-v3__link {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 10px;\n\n  width: 100%;\n\n  min-height: 44px;\n\n  margin-top: auto;\n\n  padding:\n    0 13px;\n\n  border:\n    1px solid #DCE2EC;\n\n  border-radius: 6px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  text-decoration: none;\n\n  color: #0047FF;\n\n  transition:\n    background 0.25s ease,\n    border-color 0.25s ease,\n    color 0.25s ease;\n\n}\n\n\n.gc-service-v3__link span {\n\n  font-size: 18px;\n\n  font-weight: 400;\n\n  transition:\n    transform 0.25s ease;\n\n}\n\n\n.gc-service-v3__link:hover {\n\n  background: #0047FF;\n\n  border-color: #0047FF;\n\n  color: #FFFFFF;\n\n}\n\n\n.gc-service-v3__link:hover span {\n\n  transform:\n    translate(2px, -2px);\n\n}\n\n\n\/* =========================================================\n   TABLET\n   768px - 1199px\n========================================================= *\/\n\n@media (min-width: 768px)\n       and (max-width: 1199px) {\n\n  .gc-services-v3 {\n\n    padding:\n      80px 0;\n\n  }\n\n\n  .gc-services-v3__container {\n\n    width:\n      calc(100% - 64px);\n\n    max-width:\n      1200px;\n\n  }\n\n\n  .gc-services-v3__header {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    column-gap:\n      40px;\n\n  }\n\n\n  .gc-services-v3__heading h2 {\n\n    font-size:\n      38px;\n\n  }\n\n\n  .gc-services-v3__grid {\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap:\n      24px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   360px+\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .gc-services-v3 {\n\n    padding:\n      64px 0;\n\n  }\n\n\n  .gc-services-v3__container {\n\n    width:\n      calc(100% - 32px);\n\n  }\n\n\n  \/* =========================\n     HEADER\n  ========================== *\/\n\n  .gc-services-v3__header {\n\n    display:\n      block;\n\n    padding-bottom:\n      32px;\n\n  }\n\n\n  .gc-services-v3__eyebrow {\n\n    margin-bottom:\n      17px;\n\n    font-size:\n      11px;\n\n  }\n\n\n  .gc-services-v3__heading h2 {\n\n    font-size:\n      30px;\n\n    line-height:\n      1.2;\n\n    letter-spacing:\n      -0.8px;\n\n  }\n\n\n  .gc-services-v3__intro {\n\n    max-width:\n      none;\n\n    margin-top:\n      20px;\n\n  }\n\n\n  .gc-services-v3__intro p {\n\n    font-size:\n      16px;\n\n    line-height:\n      1.7;\n\n  }\n\n\n  \/* =========================\n     GRID\n  ========================== *\/\n\n  .gc-services-v3__grid {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      20px;\n\n    margin-top:\n      24px;\n\n  }\n\n\n  \/* =========================\n     TARJETAS\n  ========================== *\/\n\n  .gc-service-v3__content {\n\n    padding:\n      23px 22px 22px;\n\n  }\n\n\n  .gc-service-v3__content h3 {\n\n    min-height:\n      0;\n\n    font-size:\n      20px;\n\n  }\n\n\n  .gc-service-v3__content p {\n\n    min-height:\n      0;\n\n    font-size:\n      15px;\n\n    line-height:\n      1.7;\n\n  }\n\n\n  .gc-service-v3__link {\n\n    min-height:\n      48px;\n\n    font-size:\n      12px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .gc-services-v3 *,\n  .gc-services-v3 *::before,\n  .gc-services-v3 *::after {\n\n    transition:\n      none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     GR\u00daAS CONOCOTO\n     SECCI\u00d3N DE COBERTURA\n     QUITO \u00b7 VALLE DE LOS CHILLOS \u00b7 VALLES\n========================================================= -->\n\n<section class=\"gc-coverage\" aria-labelledby=\"gc-coverage-title\">\n\n  <div class=\"gc-coverage__container\">\n\n    <!-- =====================================================\n         ENCABEZADO\n    ====================================================== -->\n\n    <div class=\"gc-coverage__header\">\n\n      <div class=\"gc-coverage__label\">\n        <span><\/span>\n        SERVICIO DE GR\u00daAS EN QUITO Y VALLES\n      <\/div>\n\n      <h2 id=\"gc-coverage-title\">\n        Una gr\u00faa cerca de ti,\n        <strong>cuando la necesitas<\/strong>\n      <\/h2>\n\n      <p>\n        Atendemos servicios de gr\u00faa, traslado y asistencia vehicular\n        en diferentes sectores de Quito y el Valle de los Chillos.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTENIDO PRINCIPAL\n    ====================================================== -->\n\n    <div class=\"gc-coverage__layout\">\n\n\n      <!-- ===================================================\n           BLOQUE DESTACADO\n      ==================================================== -->\n\n      <div class=\"gc-coverage__featured\">\n\n        <div class=\"gc-coverage__featured-top\">\n\n          <span class=\"gc-coverage__pin\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <span>\n            COBERTURA PRINCIPAL\n          <\/span>\n\n        <\/div>\n\n\n        <h3>\n          Valle de los Chillos\n        <\/h3>\n\n        <p>\n          Servicio de gr\u00faas en Conocoto, Sangolqu\u00ed,\n          San Rafael, Alangas\u00ed, La Merced y sectores cercanos.\n        <\/p>\n\n\n        <div class=\"gc-coverage__featured-list\">\n\n          <span>Conocoto<\/span>\n          <span>Sangolqu\u00ed<\/span>\n          <span>San Rafael<\/span>\n          <span>Alangas\u00ed<\/span>\n          <span>La Merced<\/span>\n          <span>Amagua\u00f1a<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           SECTORES\n      ==================================================== -->\n\n      <div class=\"gc-coverage__areas\">\n\n        <div class=\"gc-coverage__areas-head\">\n\n          <div>\n            <span class=\"gc-coverage__mini-label\">\n              QUITO Y ALREDEDORES\n            <\/span>\n\n            <h3>\n              Sectores donde prestamos servicio\n            <\/h3>\n          <\/div>\n\n          <span class=\"gc-coverage__count\">\n            12+ sectores\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"gc-coverage__grid\">\n\n\n          <!-- QUITO -->\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--blue\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Quito Centro<\/strong>\n              <small>Asistencia y traslado<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--blue\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Quito Sur<\/strong>\n              <small>Servicio de gr\u00faa<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--blue\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Quito Norte<\/strong>\n              <small>Traslado vehicular<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--blue\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Av. Sim\u00f3n Bol\u00edvar<\/strong>\n              <small>Asistencia en carretera<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <!-- VALLES -->\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--green\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Conocoto<\/strong>\n              <small>Base de atenci\u00f3n<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--green\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Sangolqu\u00ed<\/strong>\n              <small>Gr\u00faas y traslado<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--green\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>San Rafael<\/strong>\n              <small>Asistencia vehicular<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--green\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Alangas\u00ed<\/strong>\n              <small>Servicio de gr\u00faa<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--green\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>La Merced<\/strong>\n              <small>Traslado de veh\u00edculos<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <!-- OTROS VALLES -->\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--gray\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Cumbay\u00e1<\/strong>\n              <small>Servicio de asistencia<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--gray\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Tumbaco<\/strong>\n              <small>Gr\u00faa y traslado<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--gray\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Autopista Rumi\u00f1ahui<\/strong>\n              <small>Asistencia vehicular<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"gc-area\">\n\n            <div class=\"gc-area__icon gc-area__icon--gray\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <strong>Amagua\u00f1a<\/strong>\n              <small>Servicio de gr\u00faa<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SERVICIOS\n    ====================================================== -->\n\n    <div class=\"gc-coverage__services\">\n\n      <div class=\"gc-service\">\n\n        <span class=\"gc-service__number\">\n          01\n        <\/span>\n\n        <div>\n          <strong>Traslado de veh\u00edculos<\/strong>\n\n          <p>\n            Transporte de veh\u00edculos que necesitan ser llevados\n            a un taller, domicilio u otro destino.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"gc-service\">\n\n        <span class=\"gc-service__number\">\n          02\n        <\/span>\n\n        <div>\n          <strong>Asistencia en carretera<\/strong>\n\n          <p>\n            Atenci\u00f3n para veh\u00edculos con aver\u00edas,\n            accidentes o inconvenientes durante el recorrido.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"gc-service\">\n\n        <span class=\"gc-service__number\">\n          03\n        <\/span>\n\n        <div>\n          <strong>Gr\u00faas en Quito y Valles<\/strong>\n\n          <p>\n            Servicio para Conocoto, Valle de los Chillos,\n            Quito y sectores cercanos.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SEO\n    ====================================================== -->\n\n    <div class=\"gc-coverage__seo\">\n\n      <span>\n        GR\u00daAS CONOCOTO \u00b7 QUITO\n      <\/span>\n\n      <p>\n        Si necesitas una <strong>gr\u00faa en Quito<\/strong>,\n        <strong>Conocoto<\/strong> o el\n        <strong>Valle de los Chillos<\/strong>, contamos con\n        cobertura para traslado y asistencia vehicular en\n        sectores como <strong>Sangolqu\u00ed, San Rafael, Alangas\u00ed,\n        La Merced, Amagua\u00f1a, Quito Sur, Quito Centro,\n        Quito Norte, Cumbay\u00e1, Tumbaco, Av. Sim\u00f3n Bol\u00edvar\n        y Autopista General Rumi\u00f1ahui<\/strong>.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   GR\u00daAS CONOCOTO\n   COBERTURA\n========================================================= *\/\n\n.gc-coverage,\n.gc-coverage * {\n  box-sizing: border-box;\n}\n\n\n.gc-coverage {\n\n  width: 100%;\n\n  padding: 95px 0;\n\n  background:\n    #0047FF;\n\n  color: #fff;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n\n.gc-coverage__container {\n\n  width:\n    calc(100% - 64px);\n\n  max-width:\n    1180px;\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.gc-coverage__header {\n\n  max-width:\n    780px;\n\n  margin:\n    0 auto 55px;\n\n  text-align:\n    center;\n}\n\n\n.gc-coverage__label {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n  margin-bottom:\n    18px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    10px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1.7px;\n\n  color:\n    rgba(255,255,255,.82);\n}\n\n\n.gc-coverage__label span {\n\n  width:\n    7px;\n\n  height:\n    7px;\n\n  border-radius:\n    50%;\n\n  background:\n    #fff;\n\n  box-shadow:\n    0 0 0 5px\n    rgba(255,255,255,.12);\n}\n\n\n.gc-coverage__header h2 {\n\n  margin:\n    0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    48px;\n\n  line-height:\n    1.12;\n\n  letter-spacing:\n    -1.5px;\n\n  font-weight:\n    600;\n\n  \/* CAMBIO SOLICITADO *\/\n  color:\n    #FFFFFF;\n}\n\n\n.gc-coverage__header h2 strong {\n\n  display:\n    block;\n\n  font-weight:\n    800;\n\n  \/* CAMBIO SOLICITADO *\/\n  color:\n    #FFFFFF;\n}\n\n\n.gc-coverage__header p {\n\n  max-width:\n    650px;\n\n  margin:\n    20px auto 0;\n\n  font-size:\n    17px;\n\n  line-height:\n    1.7;\n\n  color:\n    rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   LAYOUT\n========================================================= *\/\n\n.gc-coverage__layout {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    330px 1fr;\n\n  gap:\n    20px;\n\n  align-items:\n    stretch;\n}\n\n\n\/* =========================================================\n   DESTACADO\n========================================================= *\/\n\n.gc-coverage__featured {\n\n  position:\n    relative;\n\n  padding:\n    31px;\n\n  border-radius:\n    20px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #0039D6,\n      #002DAA\n    );\n\n  box-shadow:\n    0 18px 40px\n    rgba(0,0,0,.16);\n\n  overflow:\n    hidden;\n}\n\n\n.gc-coverage__featured::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    170px;\n\n  height:\n    170px;\n\n  right:\n    -80px;\n\n  bottom:\n    -80px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    50%;\n\n  box-shadow:\n    0 0 0 35px\n    rgba(255,255,255,.035),\n    0 0 0 70px\n    rgba(255,255,255,.025);\n}\n\n\n.gc-coverage__featured-top {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n  margin-bottom:\n    36px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1.4px;\n\n  color:\n    rgba(255,255,255,.7);\n}\n\n\n.gc-coverage__pin {\n\n  width:\n    35px;\n\n  height:\n    35px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    10px;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n\n.gc-coverage__pin svg {\n\n  width:\n    18px;\n\n  height:\n    18px;\n\n  fill:\n    #fff;\n}\n\n\n.gc-coverage__featured h3 {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin:\n    0 0 12px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    28px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    800;\n\n  \/* CAMBIO SOLICITADO *\/\n  color:\n    #FFFFFF;\n}\n\n\n.gc-coverage__featured > p {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin:\n    0;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.65;\n\n  color:\n    rgba(255,255,255,.78);\n}\n\n\n\/* =========================================================\n   LISTA DESTACADA\n========================================================= *\/\n\n.gc-coverage__featured-list {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    7px;\n\n  margin-top:\n    27px;\n}\n\n\n.gc-coverage__featured-list span {\n\n  padding:\n    7px 10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n  border-radius:\n    30px;\n\n  font-size:\n    10px;\n\n  font-weight:\n    600;\n\n  color:\n    rgba(255,255,255,.86);\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n\/* =========================================================\n   \u00c1REAS\n========================================================= *\/\n\n.gc-coverage__areas {\n\n  padding:\n    30px;\n\n  border-radius:\n    20px;\n\n  background:\n    #fff;\n\n  color:\n    #172033;\n\n  box-shadow:\n    0 18px 40px\n    rgba(0,0,0,.13);\n}\n\n\n.gc-coverage__areas-head {\n\n  display:\n    flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    space-between;\n\n  gap:\n    20px;\n\n  margin-bottom:\n    22px;\n}\n\n\n.gc-coverage__mini-label {\n\n  display:\n    block;\n\n  margin-bottom:\n    6px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1.3px;\n\n  color:\n    #0047FF;\n}\n\n\n.gc-coverage__areas h3 {\n\n  margin:\n    0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    21px;\n\n  font-weight:\n    800;\n\n  color:\n    #162033;\n}\n\n\n.gc-coverage__count {\n\n  white-space:\n    nowrap;\n\n  padding:\n    7px 11px;\n\n  border-radius:\n    30px;\n\n  background:\n    #F1F5FF;\n\n  color:\n    #0047FF;\n\n  font-size:\n    10px;\n\n  font-weight:\n    700;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.gc-coverage__grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap:\n    9px;\n}\n\n\n\/* =========================================================\n   AREA\n========================================================= *\/\n\n.gc-area {\n\n  min-height:\n    67px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    11px;\n\n  padding:\n    9px 11px;\n\n  border:\n    1px solid\n    #E9EDF4;\n\n  border-radius:\n    12px;\n\n  transition:\n    transform .22s ease,\n    border-color .22s ease,\n    box-shadow .22s ease;\n}\n\n\n.gc-area:hover {\n\n  transform:\n    translateY(-2px);\n\n  border-color:\n    #CCD9FF;\n\n  box-shadow:\n    0 8px 20px\n    rgba(0,71,255,.08);\n}\n\n\n\/* =========================================================\n   ICONOS \u00c1REAS\n========================================================= *\/\n\n.gc-area__icon {\n\n  width:\n    35px;\n\n  height:\n    35px;\n\n  flex:\n    0 0 35px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    9px;\n}\n\n\n.gc-area__icon svg {\n\n  width:\n    17px;\n\n  height:\n    17px;\n\n  fill:\n    currentColor;\n}\n\n\n.gc-area__icon--blue {\n\n  color:\n    #0047FF;\n\n  background:\n    #EEF3FF;\n}\n\n\n.gc-area__icon--green {\n\n  color:\n    #10A75C;\n\n  background:\n    #EAF9F1;\n}\n\n\n.gc-area__icon--gray {\n\n  color:\n    #657185;\n\n  background:\n    #F1F3F6;\n}\n\n\n.gc-area strong {\n\n  display:\n    block;\n\n  margin-bottom:\n    3px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  font-weight:\n    700;\n\n  color:\n    #1A2435;\n}\n\n\n.gc-area small {\n\n  display:\n    block;\n\n  font-size:\n    9px;\n\n  line-height:\n    1.3;\n\n  color:\n    #8993A3;\n}\n\n\n\/* =========================================================\n   SERVICIOS\n========================================================= *\/\n\n.gc-coverage__services {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  margin-top:\n    20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  border-radius:\n    18px;\n\n  overflow:\n    hidden;\n}\n\n\n.gc-service {\n\n  display:\n    flex;\n\n  gap:\n    17px;\n\n  padding:\n    27px 24px;\n\n  background:\n    rgba(255,255,255,.055);\n}\n\n\n.gc-service + .gc-service {\n\n  border-left:\n    1px solid\n    rgba(255,255,255,.12);\n}\n\n\n.gc-service__number {\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  font-weight:\n    800;\n\n  color:\n    rgba(255,255,255,.42);\n}\n\n\n.gc-service strong {\n\n  display:\n    block;\n\n  margin-bottom:\n    7px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    12px;\n\n  font-weight:\n    700;\n\n  color:\n    #fff;\n}\n\n\n.gc-service p {\n\n  margin:\n    0;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.6;\n\n  color:\n    rgba(255,255,255,.64);\n}\n\n\n\/* =========================================================\n   SEO\n========================================================= *\/\n\n.gc-coverage__seo {\n\n  max-width:\n    900px;\n\n  margin:\n    38px auto 0;\n\n  text-align:\n    center;\n}\n\n\n.gc-coverage__seo > span {\n\n  display:\n    block;\n\n  margin-bottom:\n    10px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1.5px;\n\n  color:\n    rgba(255,255,255,.52);\n}\n\n\n.gc-coverage__seo p {\n\n  margin:\n    0;\n\n  font-size:\n    13px;\n\n  line-height:\n    1.75;\n\n  color:\n    rgba(255,255,255,.68);\n}\n\n\n.gc-coverage__seo strong {\n\n  color:\n    rgba(255,255,255,.95);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .gc-coverage {\n\n    padding:\n      75px 0;\n  }\n\n\n  .gc-coverage__layout {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .gc-coverage__featured {\n\n    min-height:\n      auto;\n  }\n\n\n  .gc-coverage__services {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .gc-service + .gc-service {\n\n    border-left:\n      0;\n\n    border-top:\n      1px solid\n      rgba(255,255,255,.12);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .gc-coverage {\n\n    padding:\n      62px 0;\n  }\n\n\n  .gc-coverage__container {\n\n    width:\n      calc(100% - 30px);\n  }\n\n\n  .gc-coverage__header {\n\n    margin-bottom:\n      32px;\n  }\n\n\n  .gc-coverage__header h2 {\n\n    font-size:\n      31px;\n\n    letter-spacing:\n      -.8px;\n\n    \/* CAMBIO SOLICITADO *\/\n    color:\n      #FFFFFF;\n  }\n\n\n  .gc-coverage__header h2 strong {\n\n    color:\n      #FFFFFF;\n  }\n\n\n  .gc-coverage__header p {\n\n    font-size:\n      15px;\n\n    line-height:\n      1.6;\n  }\n\n\n  .gc-coverage__featured {\n\n    padding:\n      25px;\n\n    border-radius:\n      17px;\n  }\n\n\n  .gc-coverage__featured h3 {\n\n    font-size:\n      24px;\n\n    \/* CAMBIO SOLICITADO *\/\n    color:\n      #FFFFFF;\n  }\n\n\n  .gc-coverage__areas {\n\n    padding:\n      21px;\n\n    border-radius:\n      17px;\n  }\n\n\n  .gc-coverage__areas-head {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n\n    gap:\n      10px;\n  }\n\n\n  .gc-coverage__areas h3 {\n\n    font-size:\n      18px;\n  }\n\n\n  .gc-coverage__grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .gc-area {\n\n    min-height:\n      62px;\n  }\n\n\n  .gc-service {\n\n    padding:\n      22px 20px;\n  }\n\n\n  .gc-coverage__seo {\n\n    margin-top:\n      28px;\n  }\n\n\n  .gc-coverage__seo p {\n\n    font-size:\n      12px;\n\n    line-height:\n      1.7;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .gc-area {\n\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n&#8220;`\n\n\n\n<section class=\"gc-testimonials\" aria-labelledby=\"gc-testimonials-title\">\n\n  <div class=\"gc-testimonials__container\">\n\n    <!-- =====================================================\n         ENCABEZADO\n         ===================================================== -->\n\n    <header class=\"gc-testimonials__header\">\n\n      <span class=\"gc-testimonials__eyebrow\">\n        <span class=\"gc-testimonials__eyebrow-dot\"><\/span>\n        EXPERIENCIAS DE CLIENTES\n      <\/span>\n\n      <h2 id=\"gc-testimonials-title\">\n        Lo que dicen nuestros <strong>clientes<\/strong>\n      <\/h2>\n\n      <p>\n        Personas y negocios que han confiado en Gr\u00faas Conocoto\n        para trasladar sus veh\u00edculos en Quito y los Valles.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         TESTIMONIOS\n         ===================================================== -->\n\n    <div class=\"gc-testimonials__grid\">\n\n\n      <!-- ===================================================\n           01\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            MG\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Mar\u00eda Fernanda Guamangate\n            <\/strong>\n\n            <span>\n              Sangolqu\u00ed\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cTengo una panader\u00eda en Sangolqu\u00ed y necesitaba\n          trasladar varias cosas. Me ayudaron con mucho cuidado\n          y la atenci\u00f3n fue excelente. Todo lleg\u00f3 sin problemas.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Servicio de traslado\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           02\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            JC\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Jorge Luis Chicaiza\n            <\/strong>\n\n            <span>\n              Conocoto\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cSe me qued\u00f3 el carro y necesitaba moverlo r\u00e1pido.\n          La gr\u00faa lleg\u00f3 en poco tiempo y el se\u00f1or que me atendi\u00f3\n          fue muy amable. Buen servicio.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Servicio de gr\u00faa\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           03\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            CP\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Carlos Andr\u00e9s Paredes\n            <\/strong>\n\n            <span>\n              Valle de los Chillos\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cNecesit\u00e1bamos cargar un cami\u00f3n que no pod\u00eda\n          continuar la ruta. Nos ayudaron con la carga y el\n          traslado sin complicaciones. Muy buena atenci\u00f3n.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Asistencia a veh\u00edculo pesado\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           04\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            DQ\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Daniela Alexandra Quishpe\n            <\/strong>\n\n            <span>\n              Quito Sur\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cTuve un problema con mi veh\u00edculo en Quito Sur y\n          llam\u00e9 a Gr\u00faas Conocoto. Me explicaron todo antes de\n          hacer el servicio y fueron muy cuidadosos con el carro.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Rescate vehicular\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           05\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            LT\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Luis Alberto Tip\u00e1n\n            <\/strong>\n\n            <span>\n              San Rafael\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cMi camioneta se qued\u00f3 varada y necesitaba llevarla\n          hasta el taller. La recogieron, la aseguraron bien y\n          la llevaron sin ning\u00fan problema. Qued\u00e9 satisfecho.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Traslado a taller\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           06\n           =================================================== -->\n\n      <article class=\"gc-testimonial\">\n\n        <div class=\"gc-testimonial__top\">\n\n          <div class=\"gc-testimonial__avatar\">\n            RV\n          <\/div>\n\n          <div class=\"gc-testimonial__person\">\n\n            <strong>\n              Ricardo Vinicio Morales\n            <\/strong>\n\n            <span>\n              Quito Norte\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"gc-testimonial__stars\" aria-label=\"5 estrellas\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n\n\n        <blockquote>\n          \u201cTuve que trasladar mi veh\u00edculo desde Quito Norte\n          hasta el taller. Me atendieron r\u00e1pido, la gr\u00faa estaba\n          en buenas condiciones y trataron muy bien el carro.\u201d\n        <\/blockquote>\n\n\n        <div class=\"gc-testimonial__footer\">\n\n          <span class=\"gc-testimonial__footer-dot\"><\/span>\n\n          Traslado de veh\u00edculo\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         NAVEGACI\u00d3N MOBILE\n         ===================================================== -->\n\n    <div class=\"gc-testimonials__dots\" aria-label=\"Navegaci\u00f3n de testimonios\">\n\n      <span class=\"gc-testimonials__dot is-active\"><\/span>\n      <span class=\"gc-testimonials__dot\"><\/span>\n      <span class=\"gc-testimonials__dot\"><\/span>\n      <span class=\"gc-testimonials__dot\"><\/span>\n      <span class=\"gc-testimonials__dot\"><\/span>\n      <span class=\"gc-testimonials__dot\"><\/span>\n\n    <\/div>\n\n\n    <div class=\"gc-testimonials__swipe\">\n\n      <span class=\"gc-testimonials__swipe-line\"><\/span>\n\n      Desliza para ver m\u00e1s opiniones\n\n      <span class=\"gc-testimonials__swipe-line\"><\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   GR\u00daAS CONOCOTO\n   SECCI\u00d3N: TESTIMONIOS\n\n   TIPOGRAF\u00cdAS:\n   Montserrat + Open Sans\n\n   COLORES:\n   Azul: #0047FF\n   Blanco: #FFFFFF\n   Negro: #111827\n   Gris: #626975\n\n   SIN JAVASCRIPT\n   RESPONSIVE\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASE\n   ========================================================== *\/\n\n.gc-testimonials,\n.gc-testimonials * {\n  box-sizing: border-box;\n}\n\n\n.gc-testimonials {\n\n  width: 100%;\n\n  padding: 92px 0;\n\n  background: #FFFFFF;\n\n  overflow: hidden;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* ==========================================================\n   CONTENEDOR\n   ========================================================== *\/\n\n.gc-testimonials__container {\n\n  width:\n    calc(100% - 64px);\n\n  max-width: 1200px;\n\n  margin:\n    0 auto;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.gc-testimonials__header {\n\n  max-width: 760px;\n\n  margin:\n    0 auto 50px;\n\n  text-align: center;\n}\n\n\n\/* ==========================================================\n   EYEBROW\n   ========================================================== *\/\n\n.gc-testimonials__eyebrow {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 16px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: 1.6px;\n\n  color: #0047FF;\n}\n\n\n.gc-testimonials__eyebrow-dot {\n\n  width: 7px;\n\n  height: 7px;\n\n  flex: 0 0 7px;\n\n  border-radius: 50%;\n\n  background: #0047FF;\n\n  box-shadow:\n    0 0 0 5px rgba(0,71,255,.08);\n}\n\n\n\/* ==========================================================\n   T\u00cdTULO\n   ========================================================== *\/\n\n.gc-testimonials__header h2 {\n\n  margin: 0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 48px;\n\n  line-height: 1.12;\n\n  font-weight: 700;\n\n  letter-spacing: -1.4px;\n\n  color: #111827;\n}\n\n\n.gc-testimonials__header h2 strong {\n\n  color: #0047FF;\n\n  font-weight: 800;\n}\n\n\n\/* ==========================================================\n   SUBT\u00cdTULO\n   ========================================================== *\/\n\n.gc-testimonials__header p {\n\n  max-width: 690px;\n\n  margin:\n    17px auto 0;\n\n  font-size: 18px;\n\n  line-height: 1.65;\n\n  font-weight: 400;\n\n  color: #626975;\n}\n\n\n\/* ==========================================================\n   GRID DESKTOP\n   ========================================================== *\/\n\n.gc-testimonials__grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 20px;\n\n  width: 100%;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.gc-testimonial {\n\n  min-width: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  padding: 27px;\n\n  background: #FFFFFF;\n\n  border:\n    1px solid #E5E8ED;\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 8px 28px rgba(17,24,39,.045);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n\n\/* ==========================================================\n   HOVER\n   ========================================================== *\/\n\n.gc-testimonial:hover {\n\n  transform:\n    translateY(-4px);\n\n  border-color:\n    rgba(0,71,255,.20);\n\n  box-shadow:\n    0 18px 42px rgba(17,24,39,.08);\n}\n\n\n\/* ==========================================================\n   PERSONA\n   ========================================================== *\/\n\n.gc-testimonial__top {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 17px;\n}\n\n\n\/* ==========================================================\n   AVATAR\n   ========================================================== *\/\n\n.gc-testimonial__avatar {\n\n  width: 44px;\n\n  height: 44px;\n\n  flex:\n    0 0 44px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 12px;\n\n  background: #0047FF;\n\n  color: #FFFFFF;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  font-weight: 800;\n}\n\n\n\/* ==========================================================\n   NOMBRE\n   ========================================================== *\/\n\n.gc-testimonial__person {\n\n  min-width: 0;\n}\n\n\n.gc-testimonial__person strong {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  color: #111827;\n}\n\n\n.gc-testimonial__person span {\n\n  display: block;\n\n  font-size: 12px;\n\n  line-height: 1.3;\n\n  font-weight: 400;\n\n  color: #737A85;\n}\n\n\n\/* ==========================================================\n   ESTRELLAS\n   ========================================================== *\/\n\n.gc-testimonial__stars {\n\n  margin-bottom: 13px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 15px;\n\n  line-height: 1;\n\n  letter-spacing: 2px;\n\n  color: #0047FF;\n}\n\n\n\/* ==========================================================\n   TEXTO\n   ========================================================== *\/\n\n.gc-testimonial blockquote {\n\n  min-height: 145px;\n\n  margin: 0;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n\n  font-weight: 400;\n\n  color: #4F5866;\n}\n\n\n\/* ==========================================================\n   FOOTER\n   ========================================================== *\/\n\n.gc-testimonial__footer {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: auto;\n\n  padding-top: 17px;\n\n  border-top:\n    1px solid #ECEEF2;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.4;\n\n  font-weight: 600;\n\n  color: #737A85;\n}\n\n\n.gc-testimonial__footer-dot {\n\n  width: 7px;\n\n  height: 7px;\n\n  flex:\n    0 0 7px;\n\n  border-radius: 50%;\n\n  background: #0047FF;\n}\n\n\n\/* ==========================================================\n   DOTS\n   ========================================================== *\/\n\n.gc-testimonials__dots {\n\n  display: none;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-top: 18px;\n}\n\n\n.gc-testimonials__dot {\n\n  width: 6px;\n\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #D7DCE4;\n\n  transition:\n    width .25s ease,\n    background .25s ease;\n}\n\n\n.gc-testimonials__dot.is-active {\n\n  width: 20px;\n\n  border-radius: 10px;\n\n  background: #0047FF;\n}\n\n\n\/* ==========================================================\n   SWIPE\n   ========================================================== *\/\n\n.gc-testimonials__swipe {\n\n  display: none;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 8px;\n\n  margin-top: 11px;\n\n  font-family:\n    \"Open Sans\",\n    Arial,\n    sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1.4;\n\n  font-weight: 600;\n\n  color: #929BAA;\n}\n\n\n.gc-testimonials__swipe-line {\n\n  width: 15px;\n\n  height: 1px;\n\n  background: #DDE1E7;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1199px) {\n\n  .gc-testimonials {\n\n    padding:\n      78px 0;\n  }\n\n\n  .gc-testimonials__header h2 {\n\n    font-size:\n      38px;\n\n    letter-spacing:\n      -.8px;\n  }\n\n\n  .gc-testimonials__grid {\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap:\n      18px;\n  }\n\n\n  .gc-testimonial {\n\n    padding:\n      24px;\n  }\n\n\n  .gc-testimonial blockquote {\n\n    min-height:\n      130px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .gc-testimonials {\n\n    padding:\n      64px 0;\n  }\n\n\n  .gc-testimonials__container {\n\n    width:\n      calc(100% - 32px);\n\n    max-width:\n      none;\n  }\n\n\n  \/* HEADER *\/\n\n  .gc-testimonials__header {\n\n    margin-bottom:\n      34px;\n  }\n\n\n  .gc-testimonials__eyebrow {\n\n    margin-bottom:\n      12px;\n\n    font-size:\n      10px;\n\n    letter-spacing:\n      1.4px;\n  }\n\n\n  .gc-testimonials__header h2 {\n\n    font-size:\n      30px;\n\n    line-height:\n      1.15;\n\n    letter-spacing:\n      -.6px;\n  }\n\n\n  .gc-testimonials__header p {\n\n    margin-top:\n      14px;\n\n    font-size:\n      16px;\n\n    line-height:\n      1.6;\n  }\n\n\n  \/* ========================================================\n     CARRUSEL\n     ======================================================== *\/\n\n  .gc-testimonials__grid {\n\n    display:\n      flex;\n\n    flex-wrap:\n      nowrap;\n\n    gap:\n      14px;\n\n    width:\n      calc(100vw - 16px);\n\n    margin-left:\n      0;\n\n    padding:\n      2px 16px 8px 0;\n\n    overflow-x:\n      auto;\n\n    overflow-y:\n      hidden;\n\n    scroll-snap-type:\n      x mandatory;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n    scrollbar-width:\n      none;\n  }\n\n\n  .gc-testimonials__grid::-webkit-scrollbar {\n\n    display:\n      none;\n  }\n\n\n  \/* ========================================================\n     CARD MOBILE\n     ======================================================== *\/\n\n  .gc-testimonial {\n\n    flex:\n      0 0 calc(100vw - 48px);\n\n    min-height:\n      350px;\n\n    padding:\n      22px 20px;\n\n    border-radius:\n      18px;\n\n    scroll-snap-align:\n      start;\n  }\n\n\n  .gc-testimonial:hover {\n\n    transform:\n      none;\n\n    box-shadow:\n      0 8px 28px rgba(17,24,39,.045);\n  }\n\n\n  \/* AVATAR *\/\n\n  .gc-testimonial__avatar {\n\n    width:\n      42px;\n\n    height:\n      42px;\n\n    flex-basis:\n      42px;\n\n    border-radius:\n      11px;\n  }\n\n\n  \/* ESTRELLAS *\/\n\n  .gc-testimonial__stars {\n\n    margin-bottom:\n      14px;\n\n    font-size:\n      14px;\n  }\n\n\n  \/* TEXTO *\/\n\n  .gc-testimonial blockquote {\n\n    min-height:\n      auto;\n\n    font-size:\n      15px;\n\n    line-height:\n      1.7;\n  }\n\n\n  \/* FOOTER *\/\n\n  .gc-testimonial__footer {\n\n    margin-top:\n      24px;\n\n    padding-top:\n      15px;\n  }\n\n\n  \/* ========================================================\n     DOTS\n     ======================================================== *\/\n\n  .gc-testimonials__dots {\n\n    display:\n      flex;\n  }\n\n\n  .gc-testimonials__swipe {\n\n    display:\n      flex;\n  }\n\n}\n\n\n\/* ==========================================================\n   M\u00d3VILES PEQUE\u00d1OS\n   ========================================================== *\/\n\n@media (max-width: 380px) {\n\n  .gc-testimonials__header h2 {\n\n    font-size:\n      28px;\n  }\n\n\n  .gc-testimonial {\n\n    flex-basis:\n      calc(100vw - 40px);\n\n    padding:\n      20px 18px;\n  }\n\n\n  .gc-testimonial blockquote {\n\n    font-size:\n      14px;\n  }\n\n}\n\n\n\/* ==========================================================\n   REDUCIR MOVIMIENTO\n   ========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .gc-testimonial,\n  .gc-testimonials__dot {\n\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n\n<section class=\"gc-fleet\" aria-labelledby=\"gc-fleet-title\">\n\n  <div class=\"gc-fleet__container\">\n\n    <!-- =====================================================\n         ENCABEZADO DE SECCI\u00d3N\n         ===================================================== -->\n\n    <header class=\"gc-fleet__header\">\n\n      <span class=\"gc-fleet__eyebrow\">\n        NUESTRA FLOTA\n      <\/span>\n\n      <h1 id=\"gc-fleet-title\">\n        Tipos de <strong>gr\u00faas<\/strong>\n      <\/h1>\n\n      <p>\n        Equipos especializados para cada tipo de veh\u00edculo y necesidad de traslado.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         TIPOS DE GR\u00daAS\n         ===================================================== -->\n\n    <div class=\"gc-fleet__grid\">\n\n\n      <!-- ===================================================\n           01 \u2014 GR\u00daAS AUTOCARGABLES\n           =================================================== -->\n\n      <article class=\"gc-fleet-card\">\n\n        <!-- IMAGEN -->\n\n        <div class=\"gc-fleet-card__media\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-EN-EL-VALLE-DE-LOS-CHILLOS.webp\"\n            alt=\"Gr\u00faa autocargable o wincha de Gr\u00faas Conocoto\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <!-- CONTENIDO -->\n\n        <div class=\"gc-fleet-card__content\">\n\n          <span class=\"gc-fleet-card__label\">\n            GR\u00daA AUTOCARGABLE\n          <\/span>\n\n\n          <h2>\n            Gr\u00faas Autocargables\n            <span>o Winchas<\/span>\n          <\/h2>\n\n\n          <p>\n            Plataformas dise\u00f1adas para cargar el veh\u00edculo directamente\n            sobre la gr\u00faa y realizar su traslado de forma segura.\n          <\/p>\n\n\n          <!-- CAPACIDADES -->\n\n          <div class=\"gc-fleet-card__capacity\">\n\n\n            <!-- 5 TONELADAS -->\n\n            <div class=\"gc-capacity\">\n\n              <div class=\"gc-capacity__number\">\n                5\n              <\/div>\n\n              <div class=\"gc-capacity__info\">\n\n                <strong>\n                  Hasta 5 toneladas\n                <\/strong>\n\n                <span>\n                  Gr\u00faa liviana\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- 15 TONELADAS -->\n\n            <div class=\"gc-capacity\">\n\n              <div class=\"gc-capacity__number\">\n                15\n              <\/div>\n\n              <div class=\"gc-capacity__info\">\n\n                <strong>\n                  Hasta 15 toneladas\n                <\/strong>\n\n                <span>\n                  Gr\u00faa pesada\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- INFORMACI\u00d3N INFERIOR -->\n\n          <div class=\"gc-fleet-card__footer\">\n\n            <i><\/i>\n\n            <span>\n              Veh\u00edculos transportados sobre plataforma\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           02 \u2014 WINCHA DE ARRASTRE\n           =================================================== -->\n\n      <article class=\"gc-fleet-card\">\n\n        <!-- IMAGEN -->\n\n        <div class=\"gc-fleet-card__media\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/WHEEL-LIFT-GRUAS-CONOCOTO-PESADOS.webp\"\n            alt=\"Wincha de arrastre y rescate de Gr\u00faas Conocoto\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <!-- CONTENIDO -->\n\n        <div class=\"gc-fleet-card__content\">\n\n          <span class=\"gc-fleet-card__label\">\n            WINCHA DE ARRASTRE\n          <\/span>\n\n\n          <h2>\n            Wincha de Arrastre\n            <span>o Rescate<\/span>\n          <\/h2>\n\n\n          <p>\n            Equipada con sistema <strong>Wheel Lift<\/strong>,\n            est\u00e1 dise\u00f1ada para veh\u00edculos de grandes dimensiones\n            y voluminosos.\n          <\/p>\n\n\n          <!-- WHEEL LIFT -->\n\n          <div class=\"gc-wheel-lift\">\n\n            <div class=\"gc-wheel-lift__number\">\n              WL\n            <\/div>\n\n            <div class=\"gc-wheel-lift__info\">\n\n              <strong>\n                Sistema Wheel Lift\n              <\/strong>\n\n              <span>\n                Para veh\u00edculos grandes y voluminosos\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- TIPOS DE VEH\u00cdCULOS -->\n\n          <div class=\"gc-fleet-tags\">\n\n            <span>\n              Camiones\n            <\/span>\n\n            <span>\n              Buses\n            <\/span>\n\n            <span>\n              Veh\u00edculos pesados\n            <\/span>\n\n            <span>\n              Veh\u00edculos voluminosos\n            <\/span>\n\n          <\/div>\n\n\n          <!-- INFORMACI\u00d3N INFERIOR -->\n\n          <div class=\"gc-fleet-card__footer\">\n\n            <i><\/i>\n\n            <span>\n              Arrastre y rescate especializado\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   GR\u00daAS CONOCOTO\n   SECCI\u00d3N: TIPOS DE GR\u00daAS\n\n   SISTEMA VISUAL:\n   - Montserrat para t\u00edtulos\n   - Open Sans para textos\n   - Azul #0047FF\n   - Blanco #FFFFFF\n   - Sin rojo\n   - M\u00e1ximo 1200px\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   SECCI\u00d3N PRINCIPAL\n   ========================================================== *\/\n\n.gc-fleet {\n\n  width: 100%;\n\n  background: #FFFFFF;\n\n  padding: 92px 0;\n\n  box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   CONTENEDOR\n   ========================================================== *\/\n\n.gc-fleet__container {\n\n  width: calc(100% - 64px);\n\n  max-width: 1200px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   ENCABEZADO\n   ========================================================== *\/\n\n.gc-fleet__header {\n\n  width: 100%;\n\n  max-width: 900px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  margin-bottom: 56px;\n\n  text-align: center;\n}\n\n\n\/* ==========================================================\n   EYEBROW\n   Open Sans 600\n   Desktop: 20px\n   Tablet: 18px\n   Mobile: 18px\n   ========================================================== *\/\n\n.gc-fleet__eyebrow {\n\n  display: block;\n\n  margin: 0 0 14px;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 20px;\n\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  color: #0047FF;\n}\n\n\n\/* ==========================================================\n   H1 PRINCIPAL\n   Montserrat 800\n   Desktop: 48px\n   Tablet: 38px\n   Mobile: 30px\n   ========================================================== *\/\n\n.gc-fleet__header h1 {\n\n  margin: 0 0 18px;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 48px;\n\n  line-height: 1.12;\n\n  font-weight: 800;\n\n  letter-spacing: -1px;\n\n  color: #111111;\n}\n\n\n\/* PALABRA DESTACADA *\/\n\n.gc-fleet__header h1 strong {\n\n  color: #0047FF;\n\n  font-weight: 800;\n}\n\n\n\/* ==========================================================\n   SUBT\u00cdTULO\n   Open Sans 600\n   Desktop: 20px\n   Tablet: 18px\n   Mobile: 18px\n   ========================================================== *\/\n\n.gc-fleet__header p {\n\n  max-width: 780px;\n\n  margin: 0 auto;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 20px;\n\n  line-height: 1.55;\n\n  font-weight: 600;\n\n  color: #626975;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.gc-fleet__grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 28px;\n\n  width: 100%;\n}\n\n\n\/* ==========================================================\n   TARJETA\n   ========================================================== *\/\n\n.gc-fleet-card {\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  background: #FFFFFF;\n\n  border: 1px solid #E5E8ED;\n\n  border-radius: 20px;\n\n  box-shadow:\n    0 8px 28px rgba(17, 24, 39, 0.045);\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    border-color 0.3s ease;\n}\n\n\n\/* HOVER *\/\n\n.gc-fleet-card:hover {\n\n  transform: translateY(-4px);\n\n  border-color: rgba(0, 71, 255, 0.20);\n\n  box-shadow:\n    0 18px 42px rgba(17, 24, 39, 0.08);\n}\n\n\n\/* ==========================================================\n   IMAGEN\n   16:9\n   ========================================================== *\/\n\n.gc-fleet-card__media {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  background: #F5F7FA;\n}\n\n\n\/* IMAGEN REAL *\/\n\n.gc-fleet-card__media img {\n\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform 0.45s ease;\n}\n\n\n\/* ZOOM SUAVE *\/\n\n.gc-fleet-card:hover\n.gc-fleet-card__media img {\n\n  transform: scale(1.025);\n}\n\n\n\/* ==========================================================\n   PLACEHOLDER\n   ========================================================== *\/\n\n.gc-fleet-card__placeholder {\n\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-align: center;\n\n  background: #F5F7FA;\n\n  color: #737A85;\n}\n\n\n.gc-fleet-card__placeholder span {\n\n  margin-bottom: 6px;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.2;\n\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n}\n\n\n.gc-fleet-card__placeholder small {\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.4;\n\n  font-weight: 400;\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n   ========================================================== *\/\n\n.gc-fleet-card__content {\n\n  padding: 30px;\n}\n\n\n\/* ==========================================================\n   ETIQUETA\n   ========================================================== *\/\n\n.gc-fleet-card__label {\n\n  display: block;\n\n  margin: 0 0 10px;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.2;\n\n  font-weight: 600;\n\n  letter-spacing: 1.2px;\n\n  color: #0047FF;\n}\n\n\n\/* ==========================================================\n   H2 DE LAS TARJETAS\n   Montserrat 700\n   ========================================================== *\/\n\n.gc-fleet-card h2 {\n\n  margin: 0 0 14px;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 24px;\n\n  line-height: 1.2;\n\n  font-weight: 700;\n\n  letter-spacing: -0.2px;\n\n  color: #111111;\n}\n\n\n.gc-fleet-card h2 span {\n\n  display: block;\n\n  color: #0047FF;\n}\n\n\n\/* ==========================================================\n   DESCRIPCI\u00d3N\n   Open Sans 400\n   Desktop: 18px\n   ========================================================== *\/\n\n.gc-fleet-card__content > p {\n\n  margin: 0 0 24px;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 18px;\n\n  line-height: 1.65;\n\n  font-weight: 400;\n\n  color: #626975;\n}\n\n\n\/* TEXTO DESTACADO *\/\n\n.gc-fleet-card__content > p strong {\n\n  font-weight: 600;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   CAPACIDADES\n   ========================================================== *\/\n\n.gc-fleet-card__capacity {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n\n  margin-bottom: 22px;\n}\n\n\n\/* CAPACIDAD *\/\n\n.gc-capacity {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  min-width: 0;\n\n  padding: 13px;\n\n  background: #F7F9FC;\n\n  border: 1px solid #E9ECF1;\n\n  border-radius: 12px;\n\n  box-sizing: border-box;\n}\n\n\n\/* N\u00daMERO *\/\n\n.gc-capacity__number {\n\n  flex: 0 0 42px;\n\n  width: 42px;\n\n  height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: #0047FF;\n\n  color: #FFFFFF;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n\n\/* INFORMACI\u00d3N *\/\n\n.gc-capacity__info {\n\n  min-width: 0;\n}\n\n\n.gc-capacity__info strong {\n\n  display: block;\n\n  margin-bottom: 2px;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  color: #111111;\n}\n\n\n.gc-capacity__info span {\n\n  display: block;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.3;\n\n  font-weight: 400;\n\n  color: #737A85;\n}\n\n\n\/* ==========================================================\n   WHEEL LIFT\n   ========================================================== *\/\n\n.gc-wheel-lift {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 20px;\n\n  padding: 14px;\n\n  background: #F7F9FC;\n\n  border: 1px solid #E7EAF0;\n\n  border-radius: 12px;\n\n  box-sizing: border-box;\n}\n\n\n.gc-wheel-lift__number {\n\n  flex: 0 0 42px;\n\n  width: 42px;\n\n  height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: #0047FF;\n\n  color: #FFFFFF;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n\n.gc-wheel-lift__info {\n\n  min-width: 0;\n}\n\n\n.gc-wheel-lift__info strong {\n\n  display: block;\n\n  margin-bottom: 2px;\n\n  font-family: \"Montserrat\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  color: #111111;\n}\n\n\n.gc-wheel-lift__info span {\n\n  display: block;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.4;\n\n  font-weight: 400;\n\n  color: #737A85;\n}\n\n\n\/* ==========================================================\n   VEH\u00cdCULOS\n   ========================================================== *\/\n\n.gc-fleet-tags {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  margin-bottom: 21px;\n}\n\n\n.gc-fleet-tags span {\n\n  padding: 6px 9px;\n\n  background: #F4F6F9;\n\n  border-radius: 6px;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  color: #59606B;\n}\n\n\n\/* ==========================================================\n   PIE DE TARJETA\n   ========================================================== *\/\n\n.gc-fleet-card__footer {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  padding-top: 17px;\n\n  border-top: 1px solid #ECEEF2;\n\n  font-family: \"Open Sans\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.4;\n\n  font-weight: 600;\n\n  color: #626975;\n}\n\n\n.gc-fleet-card__footer i {\n\n  display: block;\n\n  flex: 0 0 7px;\n\n  width: 7px;\n\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #0047FF;\n}\n\n\n\/* ==========================================================\n   TABLET\n   768px \u2014 1199px\n   ========================================================== *\/\n\n@media (max-width: 1199px) {\n\n  .gc-fleet {\n\n    padding: 78px 0;\n  }\n\n\n  .gc-fleet__container {\n\n    width: calc(100% - 64px);\n\n    max-width: 1200px;\n  }\n\n\n  \/* EYEBROW *\/\n\n  .gc-fleet__eyebrow {\n\n    font-size: 18px;\n  }\n\n\n  \/* H1 *\/\n\n  .gc-fleet__header h1 {\n\n    font-size: 38px;\n\n    line-height: 1.15;\n\n    letter-spacing: -0.5px;\n  }\n\n\n  \/* DESCRIPCI\u00d3N *\/\n\n  .gc-fleet__header p {\n\n    font-size: 18px;\n  }\n\n\n  \/* GRID *\/\n\n  .gc-fleet__grid {\n\n    gap: 22px;\n  }\n\n\n  \/* CARD *\/\n\n  .gc-fleet-card__content {\n\n    padding: 25px;\n  }\n\n\n  .gc-fleet-card h2 {\n\n    font-size: 22px;\n  }\n\n}\n\n\n\/* ==========================================================\n   M\u00d3VIL\n   360px \u2014 767px\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .gc-fleet {\n\n    padding: 64px 0;\n  }\n\n\n  .gc-fleet__container {\n\n    width: calc(100% - 32px);\n\n    max-width: none;\n  }\n\n\n  \/* HEADER *\/\n\n  .gc-fleet__header {\n\n    margin-bottom: 38px;\n  }\n\n\n  \/* EYEBROW *\/\n\n  .gc-fleet__eyebrow {\n\n    margin-bottom: 10px;\n\n    font-size: 18px;\n\n    line-height: 1.3;\n  }\n\n\n  \/* H1 *\/\n\n  .gc-fleet__header h1 {\n\n    margin-bottom: 14px;\n\n    font-size: 30px;\n\n    line-height: 1.15;\n\n    letter-spacing: -0.3px;\n  }\n\n\n  \/* DESCRIPCI\u00d3N *\/\n\n  .gc-fleet__header p {\n\n    font-size: 18px;\n\n    line-height: 1.55;\n  }\n\n\n  \/* GRID *\/\n\n  .gc-fleet__grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n  }\n\n\n  \/* CARD *\/\n\n  .gc-fleet-card {\n\n    border-radius: 18px;\n  }\n\n\n  .gc-fleet-card__content {\n\n    padding: 22px 20px;\n  }\n\n\n  \/* CARD TITLE *\/\n\n  .gc-fleet-card h2 {\n\n    font-size: 20px;\n\n    line-height: 1.22;\n  }\n\n\n  \/* CARD TEXT *\/\n\n  .gc-fleet-card__content > p {\n\n    font-size: 16px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* CAPACIDADES *\/\n\n  .gc-fleet-card__capacity {\n\n    grid-template-columns: 1fr;\n\n    gap: 8px;\n  }\n\n\n  .gc-capacity {\n\n    padding: 12px;\n  }\n\n\n  .gc-wheel-lift {\n\n    padding: 13px;\n  }\n\n}\n\n\n\/* ==========================================================\n   REDUCIR MOVIMIENTO\n   ========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .gc-fleet-card,\n  .gc-fleet-card__media img {\n\n    transition: none;\n  }\n\n\n  .gc-fleet-card:hover {\n\n    transform: none;\n  }\n\n\n  .gc-fleet-card:hover\n  .gc-fleet-card__media img {\n\n    transform: none;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     GR\u00daAS CONOCOTO\n     FOOTER PREMIUM V2\n     \n     \u2713 AZUL INTENSO DE MARCA #0047FF\n     \u2713 DISE\u00d1O COMPACTO\n     \u2713 M\u00d3VIL ORGANIZADO EN 2 COLUMNAS\n     \u2713 TABLET OPTIMIZADO\n     \u2713 DESKTOP PREMIUM\n     \u2713 RESPONSIVE\n     \u2713 SIN LIBRER\u00cdAS EXTERNAS\n     \u2713 OPTIMIZADO PARA ELEMENTOR\n     \u2713 ACCESIBILIDAD\n========================================================= -->\n\n<footer class=\"gc-footer-v2\" id=\"contacto\">\n\n    <div class=\"gc-footer-v2__container\">\n\n        <!-- =================================================\n             MARCA + NOSOTROS\n        ================================================== -->\n\n        <div class=\"gc-footer-v2__about-wrap\">\n\n            <a href=\"\/\" class=\"gc-footer-v2__logo\" aria-label=\"Gr\u00faas Conocoto - Inicio\">\n\n                <img src=\"https:\/\/www.gruas-conocoto.com\/wp-content\/uploads\/2026\/09\/GRUAS-CONOCOTO-LOGO-WEB.jpg\" alt=\"Gr\u00faas Conocoto\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n\n            <\/a>\n\n\n            <div class=\"gc-footer-v2__about\">\n\n                <span class=\"gc-footer-v2__eyebrow\">\n                    GR\u00daAS CONOCOTO\n                <\/span>\n\n                <h2>\n                    Experiencia que mueve confianza.\n                <\/h2>\n\n                <p>\n                    Somos una empresa legalmente constituida con m\u00e1s de\n                    <strong>28 a\u00f1os de experiencia<\/strong>. Contamos con varias\n                    unidades, personal capacitado y herramientas profesionales\n                    para ofrecer un servicio seguro y de alta calidad.\n                <\/p>\n\n                <p>\n                    Nuestra meta es brindar siempre la mejor atenci\u00f3n con\n                    <strong>precios competitivos y justos<\/strong>.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             BLOQUE INFERIOR DE COLUMNAS\n        ================================================== -->\n\n        <div class=\"gc-footer-v2__links\">\n\n\n            <!-- =================================================\n                 NAVEGACI\u00d3N\n            ================================================== -->\n\n            <div class=\"gc-footer-v2__column\">\n\n                <span class=\"gc-footer-v2__title\">\n                    NAVEGACI\u00d3N\n                <\/span>\n\n                <nav aria-label=\"Navegaci\u00f3n del pie de p\u00e1gina\">\n\n                    <a href=\"#inicio\">\n                        Inicio\n                    <\/a>\n\n                    <a href=\"#servicios\">\n                        Servicios\n                    <\/a>\n\n                    <a href=\"#gruas\">\n                        Tipos de Gr\u00faas\n                    <\/a>\n\n                    <a href=\"#nosotros\">\n                        Nosotros\n                    <\/a>\n\n                    <a href=\"#contacto\">\n                        Contacto\n                    <\/a>\n\n                <\/nav>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 SERVICIOS\n            ================================================== -->\n\n            <div class=\"gc-footer-v2__column\">\n\n                <span class=\"gc-footer-v2__title\">\n                    SERVICIOS\n                <\/span>\n\n                <nav aria-label=\"Servicios\">\n\n                    <a href=\"#servicios\">\n                        Traslado de veh\u00edculos\n                    <\/a>\n\n                    <a href=\"#servicios\">\n                        Rescate de veh\u00edculos\n                    <\/a>\n\n                    <a href=\"#servicios\">\n                        Maniobras\n                    <\/a>\n\n                    <a href=\"#servicios\">\n                        Apertura de puertas\n                    <\/a>\n\n                    <a href=\"#servicios\">\n                        Desembarques\n                    <\/a>\n\n                <\/nav>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CONTACTO\n            ================================================== -->\n\n            <div class=\"gc-footer-v2__contact\">\n\n                <span class=\"gc-footer-v2__title\">\n                    CONTACTO\n                <\/span>\n\n                <a href=\"tel:+593983873693\" class=\"gc-footer-v2__phone\" aria-label=\"Llamar al 098 387 3693\">\n\n                    <span class=\"gc-footer-v2__phone-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n\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\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"gc-footer-v2__phone-data\">\n\n                        <small>\n                            LL\u00c1MANOS AHORA\n                        <\/small>\n\n                        <strong>\n                            098 387 3693\n                        <\/strong>\n\n                    <\/span>\n\n                <\/a>\n\n\n                <p class=\"gc-footer-v2__coverage\">\n                    Conocoto \u00b7 Valle de los Chillos \u00b7 Quito\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BARRA FINAL\n    ====================================================== -->\n\n    <div class=\"gc-footer-v2__bottom\">\n\n        <div class=\"gc-footer-v2__bottom-inner\">\n\n            <span>\n                \u00a9 2026 Gr\u00faas Conocoto \u00b7 Todos los derechos reservados.\n            <\/span>\n\n            <span>\n                M\u00e1s de 28 a\u00f1os de experiencia\n            <\/span>\n\n            <span class=\"gc-footer-v2__credit\">\n                Dise\u00f1ado &amp; desarrollado por\n                <strong>Wiliams G.<\/strong>\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n\n<style>\n\n\/* =========================================================\n   RESET LOCAL\n========================================================= *\/\n\n.gc-footer-v2,\n.gc-footer-v2 *,\n.gc-footer-v2 *::before,\n.gc-footer-v2 *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   FOOTER PRINCIPAL\n========================================================= *\/\n\n.gc-footer-v2 {\n\n    --blue: #0047FF;\n    --blue-light: #2D68FF;\n    --yellow: #FAB300;\n    --white: #FFFFFF;\n    --soft: rgba(255,255,255,.76);\n    --muted: rgba(255,255,255,.52);\n    --line: rgba(255,255,255,.18);\n\n    width: 100%;\n\n    background: #0047FF;\n\n    color: #FFFFFF;\n\n    font-family:\n        \"Open Sans\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.gc-footer-v2__container {\n\n    width:\n        min(1380px, calc(100% - 80px));\n\n    margin:\n        0 auto;\n\n    padding:\n        58px 0 48px;\n\n}\n\n\n\/* =========================================================\n   SOBRE NOSOTROS\n========================================================= *\/\n\n.gc-footer-v2__about-wrap {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 28px;\n\n    padding-bottom: 42px;\n\n    border-bottom:\n        1px solid var(--line);\n\n}\n\n\n.gc-footer-v2__logo {\n\n    width: 120px;\n\n    height: 120px;\n\n    flex:\n        0 0 120px;\n\n    display: block;\n\n    overflow: hidden;\n\n    border-radius: 17px;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0 12px 35px rgba(0,20,100,.22);\n\n}\n\n\n.gc-footer-v2__logo img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n}\n\n\n.gc-footer-v2__about {\n\n    max-width: 720px;\n\n}\n\n\n.gc-footer-v2__eyebrow {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--yellow);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n\n}\n\n\n.gc-footer-v2__about h2 {\n\n    margin:\n        0 0 12px;\n\n    color: #FFFFFF;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 25px;\n\n    font-weight: 800;\n\n    line-height: 1.15;\n\n}\n\n\n.gc-footer-v2__about p {\n\n    margin:\n        0 0 8px;\n\n    color: var(--soft);\n\n    font-size: 13px;\n\n    line-height: 1.65;\n\n}\n\n\n.gc-footer-v2__about p:last-child {\n\n    margin-bottom: 0;\n\n}\n\n\n.gc-footer-v2__about strong {\n\n    color: #FFFFFF;\n\n    font-weight: 800;\n\n}\n\n\n\/* =========================================================\n   LINKS\n========================================================= *\/\n\n.gc-footer-v2__links {\n\n    display: grid;\n\n    grid-template-columns:\n        1fr 1fr 1fr;\n\n    gap: 70px;\n\n    padding-top: 38px;\n\n}\n\n\n.gc-footer-v2__column,\n.gc-footer-v2__contact {\n\n    min-width: 0;\n\n}\n\n\n.gc-footer-v2__title {\n\n    display: block;\n\n    margin-bottom: 17px;\n\n    color: var(--yellow);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.7px;\n\n}\n\n\n.gc-footer-v2__column nav {\n\n    display: grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    column-gap: 28px;\n\n    row-gap: 10px;\n\n}\n\n\n.gc-footer-v2__column nav a {\n\n    color: var(--soft);\n\n    font-size: 12px;\n\n    line-height: 1.4;\n\n    text-decoration: none;\n\n    transition:\n        color .2s ease,\n        transform .2s ease;\n\n}\n\n\n.gc-footer-v2__column nav a:hover {\n\n    color: #FFFFFF;\n\n    transform:\n        translateX(3px);\n\n}\n\n\n\/* =========================================================\n   CONTACTO\n========================================================= *\/\n\n.gc-footer-v2__phone {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    color: #FFFFFF;\n\n    text-decoration: none;\n\n}\n\n\n.gc-footer-v2__phone-icon {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex:\n        0 0 42px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 10px;\n\n    background:\n        rgba(255,255,255,.16);\n\n}\n\n\n.gc-footer-v2__phone-icon svg {\n\n    width: 18px;\n\n    height: 18px;\n\n    fill: #FFFFFF;\n\n}\n\n\n.gc-footer-v2__phone-data {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 3px;\n\n}\n\n\n.gc-footer-v2__phone-data small {\n\n    color:\n        rgba(255,255,255,.58);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n}\n\n\n.gc-footer-v2__phone-data strong {\n\n    color: #FFFFFF;\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n    font-size: 17px;\n\n    font-weight: 800;\n\n}\n\n\n.gc-footer-v2__coverage {\n\n    margin:\n        14px 0 0;\n\n    color:\n        rgba(255,255,255,.58);\n\n    font-size: 11px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   BARRA INFERIOR\n========================================================= *\/\n\n.gc-footer-v2__bottom {\n\n    border-top:\n        1px solid var(--line);\n\n}\n\n\n.gc-footer-v2__bottom-inner {\n\n    width:\n        min(1380px, calc(100% - 80px));\n\n    min-height: 58px;\n\n    margin:\n        0 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    color:\n        rgba(255,255,255,.55);\n\n    font-size: 9px;\n\n}\n\n\n.gc-footer-v2__credit {\n\n    text-align: right;\n\n}\n\n\n.gc-footer-v2__credit strong {\n\n    color: var(--yellow);\n\n    font-family:\n        \"Montserrat\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .gc-footer-v2__container {\n\n        width:\n            calc(100% - 44px);\n\n        padding:\n            48px 0 40px;\n\n    }\n\n\n    .gc-footer-v2__about-wrap {\n\n        padding-bottom: 34px;\n\n    }\n\n\n    .gc-footer-v2__links {\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:\n            34px 45px;\n\n    }\n\n\n    .gc-footer-v2__contact {\n\n        grid-column:\n            1 \/ -1;\n\n        padding-top: 4px;\n\n    }\n\n\n    .gc-footer-v2__bottom-inner {\n\n        width:\n            calc(100% - 44px);\n\n        min-height: 60px;\n\n        flex-wrap: wrap;\n\n        justify-content: center;\n\n        padding:\n            15px 0;\n\n        text-align: center;\n\n    }\n\n\n    .gc-footer-v2__credit {\n\n        text-align: center;\n\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .gc-footer-v2__container {\n\n        width:\n            calc(100% - 30px);\n\n        padding:\n            38px 0 32px;\n\n    }\n\n\n    \/* ---------------------------------------------\n       MARCA\n    --------------------------------------------- *\/\n\n    .gc-footer-v2__about-wrap {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 17px;\n\n        padding-bottom: 28px;\n\n    }\n\n\n    .gc-footer-v2__logo {\n\n        width: 82px;\n\n        height: 82px;\n\n        flex:\n            0 0 82px;\n\n        border-radius: 13px;\n\n    }\n\n\n    .gc-footer-v2__about {\n\n        flex: 1;\n\n        min-width: 0;\n\n    }\n\n\n    .gc-footer-v2__eyebrow {\n\n        margin-bottom: 4px;\n\n        font-size: 8px;\n\n        letter-spacing: 1.5px;\n\n    }\n\n\n    .gc-footer-v2__about h2 {\n\n        margin-bottom: 7px;\n\n        font-size: 17px;\n\n        line-height: 1.15;\n\n    }\n\n\n    .gc-footer-v2__about p {\n\n        margin-bottom: 0;\n\n        font-size: 10px;\n\n        line-height: 1.5;\n\n    }\n\n\n    \/* Ocultamos el segundo p\u00e1rrafo\n       en pantallas peque\u00f1as para\n       mantener el footer compacto. *\/\n\n    .gc-footer-v2__about p + p {\n\n        display: none;\n\n    }\n\n\n    \/* ---------------------------------------------\n       BLOQUES\n    --------------------------------------------- *\/\n\n    .gc-footer-v2__links {\n\n        display: grid;\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:\n            27px 20px;\n\n        padding-top: 27px;\n\n    }\n\n\n    .gc-footer-v2__title {\n\n        margin-bottom: 12px;\n\n        font-size: 8px;\n\n        letter-spacing: 1.3px;\n\n    }\n\n\n    \/* ---------------------------------------------\n       NAVEGACI\u00d3N Y SERVICIOS\n       DOS COLUMNAS\n    --------------------------------------------- *\/\n\n    .gc-footer-v2__column nav {\n\n        display: grid;\n\n        grid-template-columns:\n            1fr;\n\n        gap: 8px;\n\n    }\n\n\n    .gc-footer-v2__column nav a {\n\n        font-size: 10px;\n\n        line-height: 1.3;\n\n    }\n\n\n    \/* ---------------------------------------------\n       CONTACTO\n    --------------------------------------------- *\/\n\n    .gc-footer-v2__contact {\n\n        grid-column:\n            1 \/ -1;\n\n        padding-top: 4px;\n\n        padding-bottom: 2px;\n\n    }\n\n\n    .gc-footer-v2__phone-icon {\n\n        width: 38px;\n\n        height: 38px;\n\n        flex:\n            0 0 38px;\n\n    }\n\n\n    .gc-footer-v2__phone-data strong {\n\n        font-size: 15px;\n\n    }\n\n\n    .gc-footer-v2__coverage {\n\n        margin-top: 10px;\n\n        font-size: 9px;\n\n    }\n\n\n    \/* ---------------------------------------------\n       BARRA FINAL\n    --------------------------------------------- *\/\n\n    .gc-footer-v2__bottom {\n\n        background:\n            rgba(0,0,0,.08);\n\n    }\n\n\n    .gc-footer-v2__bottom-inner {\n\n        width:\n            calc(100% - 30px);\n\n        min-height: auto;\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 5px;\n\n        padding:\n            15px 0;\n\n        font-size: 8px;\n\n        line-height: 1.4;\n\n    }\n\n\n    .gc-footer-v2__credit {\n\n        width: 100%;\n\n    }\n\n}\n\n\n\/* =========================================================\n   CELULARES MUY PEQUE\u00d1OS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-footer-v2__container {\n\n        width:\n            calc(100% - 24px);\n\n    }\n\n\n    .gc-footer-v2__about-wrap {\n\n        gap: 13px;\n\n    }\n\n\n    .gc-footer-v2__logo {\n\n        width: 74px;\n\n        height: 74px;\n\n        flex:\n            0 0 74px;\n\n    }\n\n\n    .gc-footer-v2__about h2 {\n\n        font-size: 15px;\n\n    }\n\n\n    .gc-footer-v2__about p {\n\n        font-size: 9px;\n\n    }\n\n\n    .gc-footer-v2__links {\n\n        column-gap: 14px;\n\n    }\n\n\n    .gc-footer-v2__column nav a {\n\n        font-size: 9px;\n\n    }\n\n\n    .gc-footer-v2__phone-data strong {\n\n        font-size: 14px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n.gc-footer-v2 a:focus-visible {\n\n    outline:\n        3px solid #FFFFFF;\n\n    outline-offset: 3px;\n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gc-footer-v2 * {\n\n        transition: none !important;\n\n    }\n\n}\n\n<\/style>\n&#8220;`\n","protected":false},"excerpt":{"rendered":"<p>LL\u00c1MANOS AHORA: 098 387 3693 ASISTENCIA PROFESIONAL Inicio Servicios Tipos de Gr\u00faas Nosotros Contacto ATENCI\u00d3N INMEDIATA 098 387 3693 \u2192 [&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":"disabled","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":115,"href":"https:\/\/www.gruas-conocoto.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/115"}],"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}]}}