{"id":8,"date":"2026-02-06T04:54:38","date_gmt":"2026-02-06T04:54:38","guid":{"rendered":"https:\/\/www.gruas-ecuador.com\/?page_id=8"},"modified":"2026-07-28T20:56:08","modified_gmt":"2026-07-28T20:56:08","slug":"home","status":"publish","type":"page","link":"https:\/\/www.gruas-ecuador.com\/","title":{"rendered":"SERVICIO DE GR\u00daAS EN QUITO, ECUADOR"},"content":{"rendered":"\n<!-- ========================================== -->\n<!-- HEADER \/ MEN\u00da DE NAVEGACI\u00d3N TRANSPARENTE   -->\n<!-- ========================================== -->\n<header class=\"williams-header-transparente\">\n    <div class=\"wrap-header-nav\">\n        \n        <!-- LOGO Y BADGE 24\/7 ACTIVOS -->\n        <div class=\"header-logo-placeholder\">\n            <span class=\"logo-nav-temporal\">\n                GR\u00daAS <span>WILIAMS<\/span>\n            <\/span>\n            <span class=\"status-badge\" title=\"Servicio activo 24\/7 en Quito y Valles\">\n                <span class=\"status-dot\"><\/span> 24\/7 ACTIVOS\n            <\/span>\n        <\/div>\n\n        <!-- BOT\u00d3N MEN\u00da M\u00d3VIL (HAMBURGUESA CSS) -->\n        <input type=\"checkbox\" id=\"menu-toggle\" class=\"menu-toggle-check\">\n        <label for=\"menu-toggle\" class=\"menu-hamburguesa\" aria-label=\"Abrir men\u00fa\">\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n        <\/label>\n\n        <!-- ENLACES DE NAVEGACI\u00d3N ADAPTIVOS CON GLASSMORPHISM -->\n        <nav class=\"nav-menu\">\n            <a href=\"#inicio\" class=\"nav-link\">Inicio<\/a>\n            <a href=\"#servicios\" class=\"nav-link\">Servicios<\/a>\n            <a href=\"#como-pedir\" class=\"nav-link\">C\u00f3mo Pedir Gr\u00faa<\/a>\n            <a href=\"#preguntas\" class=\"nav-link\">Preguntas<\/a>\n            <a href=\"#cobertura\" class=\"nav-link\">Cobertura<\/a>\n            \n            <!-- Bot\u00f3n de Acci\u00f3n con Brillo Industrial -->\n            <a href=\"tel:0982949901\" class=\"btn-nav-urgente\">\n                <span>Llamar Gr\u00faa<\/span>\n            <\/a>\n        <\/nav>\n\n    <\/div>\n<\/header>\n\n<style>\n\n\/* --- ESTILOS BASE Y RESTRICCI\u00d3N GENERAL --- *\/\n.williams-header-transparente,\n.williams-header-transparente * {\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    box-sizing: border-box;\n}\n\n\/* COMPORTAMIENTO TRANSPARENTE Y FLOTANTE *\/\n.williams-header-transparente {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    z-index: 1000;\n    background: transparent;\n    padding: 20px !important;\n    display: block !important;\n    transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* ESTADO AL HACER SCROLL (PC, TABLET Y M\u00d3VIL) *\/\n.williams-header-transparente.header-scrolled {\n    background-color: #000000 !important;\n    padding: 12px 20px !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);\n}\n\n\/* RESTRICCI\u00d3N DE ANCHO Y CENTRADO DE SECCI\u00d3N *\/\n.williams-header-transparente .wrap-header-nav {\n    max-width: 1000px !important;\n    width: 100% !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    display: flex !important;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\/* --- LOGO Y BADGE 24\/7 ACTIVOS --- *\/\n.williams-header-transparente .header-logo-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.williams-header-transparente .logo-nav-temporal {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: clamp(18px, 2.2vw, 22px);\n    font-weight: 900;\n    letter-spacing: -0.8px;\n    text-transform: uppercase;\n    color: #ffffff;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);\n    white-space: nowrap; \/* Mantiene GR\u00daAS WILLIAMS en una sola l\u00ednea en PC *\/\n}\n\n.williams-header-transparente .logo-nav-temporal span {\n    color: #FFD700 !important;\n}\n\n\/* BADGE EN VIVO 24\/7 ACTIVOS *\/\n.williams-header-transparente .status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: rgba(0, 0, 0, 0.6);\n    border: 1px solid rgba(255, 215, 0, 0.4);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    padding: 4px 10px;\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 800;\n    color: #ffffff;\n    letter-spacing: 0.5px;\n}\n\n.williams-header-transparente .status-dot {\n    width: 7px;\n    height: 7px;\n    background-color: #25D366;\n    border-radius: 50%;\n    box-shadow: 0 0 8px #25D366;\n    animation: statusPulse 1.8s infinite;\n}\n\n@keyframes statusPulse {\n    0% { transform: scale(0.95); opacity: 0.8; }\n    50% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 12px #25D366; }\n    100% { transform: scale(0.95); opacity: 0.8; }\n}\n\n\/* --- NAVEGACI\u00d3N DESKTOP EN TONO OSCURO (CRISTAL) --- *\/\n.williams-header-transparente .nav-menu {\n    display: flex;\n    align-items: center;\n    gap: clamp(12px, 1.8vw, 28px);\n    background: rgba(10, 10, 10, 0.85);\n    border: 1px solid rgba(255, 215, 0, 0.25);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    padding: 6px 8px 6px 22px;\n    border-radius: 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\n}\n\n.williams-header-transparente .nav-link {\n    font-size: 13px;\n    font-weight: 700;\n    color: #ffffff !important;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    position: relative;\n    padding: 6px 0;\n    transition: color 0.3s ease;\n}\n\n\/* L\u00cdNEA DE HOVER AMARILLA *\/\n.williams-header-transparente .nav-link::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 2px;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #FFD700;\n    transition: width 0.3s ease;\n}\n\n.williams-header-transparente .nav-link:hover {\n    color: #FFD700 !important;\n}\n\n.williams-header-transparente .nav-link:hover::after {\n    width: 100%;\n}\n\n\/* --- BOT\u00d3N DE LLAMADA DE ALTO IMPACTO --- *\/\n.williams-header-transparente .btn-nav-urgente {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    background-color: #FFD700;\n    color: #000000 !important;\n    padding: 10px 22px;\n    border-radius: 30px;\n    position: relative;\n    overflow: hidden;\n    display: inline-block;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\n}\n\n.williams-header-transparente .btn-nav-urgente::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(\n        60deg,\n        transparent,\n        rgba(255, 255, 255, 0.4),\n        transparent\n    );\n    transform: rotate(30deg);\n    transition: transform 0.6s ease;\n}\n\n.williams-header-transparente .btn-nav-urgente:hover {\n    background-color: #e6c200;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);\n}\n\n.williams-header-transparente .btn-nav-urgente:hover::before {\n    transform: translate(100%, 100%) rotate(30deg);\n}\n\n\/* --- CONTROLADORES MEN\u00da M\u00d3VIL --- *\/\n.williams-header-transparente .menu-toggle-check {\n    display: none;\n}\n\n.williams-header-transparente .menu-hamburguesa {\n    display: none;\n    cursor: pointer;\n    flex-direction: column;\n    gap: 6px;\n    padding: 8px;\n    background: rgba(10, 10, 10, 0.85);\n    border: 1px solid rgba(255, 215, 0, 0.3);\n    backdrop-filter: blur(8px);\n    border-radius: 8px;\n}\n\n.williams-header-transparente .menu-hamburguesa span {\n    display: block;\n    width: 24px;\n    height: 2.5px;\n    background-color: #ffffff;\n    border-radius: 2px;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n\/* --- ADAPTACI\u00d3N RESPONSIVA (M\u00d3VIL) --- *\/\n@media (max-width: 991px) {\n    .williams-header-transparente.header-scrolled {\n        padding: 12px 16px !important;\n    }\n\n    .williams-header-transparente .menu-hamburguesa {\n        display: flex;\n        z-index: 1002;\n    }\n\n    .williams-header-transparente .nav-menu {\n        position: fixed;\n        top: 0;\n        right: -100%;\n        width: 82%;\n        max-width: 320px;\n        height: 100vh;\n        background: rgba(10, 10, 10, 0.98);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-left: 1px solid rgba(255, 215, 0, 0.25);\n        flex-direction: column;\n        justify-content: center;\n        align-items: stretch;\n        padding: 40px 30px;\n        gap: 22px;\n        border-radius: 0;\n        box-shadow: -15px 0 40px rgba(0, 0, 0, 0.9);\n        transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .williams-header-transparente .nav-link {\n        font-size: 15px;\n        padding: 10px 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    }\n\n    .williams-header-transparente .btn-nav-urgente {\n        width: 100%;\n        text-align: center;\n        font-size: 13px;\n        padding: 14px;\n        margin-top: 10px;\n        border-radius: 8px;\n    }\n\n    \/* DESPLEGAR MEN\u00da LATERAL *\/\n    .williams-header-transparente .menu-toggle-check:checked ~ .nav-menu {\n        right: 0;\n    }\n\n    \/* ANIMACI\u00d3N A 'X' EN HAMBURGUESA *\/\n    .williams-header-transparente .menu-toggle-check:checked ~ .menu-hamburguesa span:nth-child(1) {\n        transform: translateY(8.5px) rotate(45deg);\n    }\n    .williams-header-transparente .menu-toggle-check:checked ~ .menu-hamburguesa span:nth-child(2) {\n        opacity: 0;\n    }\n    .williams-header-transparente .menu-toggle-check:checked ~ .menu-hamburguesa span:nth-child(3) {\n        transform: translateY(-8.5px) rotate(-45deg);\n    }\n}\n\n<\/style>\n\n<!-- ========================================== -->\n<!-- SCRIPT DE DETECCI\u00d3N DE SCROLL (M\u00d3VIL Y PC) -->\n<!-- ========================================== -->\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const header = document.querySelector('.williams-header-transparente');\n        \n        window.addEventListener('scroll', function () {\n            if (window.scrollY > 30) {\n                header.classList.add('header-scrolled');\n            } else {\n                header.classList.remove('header-scrolled');\n            }\n        });\n    });\n<\/script>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"padding-top:0;padding-bottom:0;min-height:725px;aspect-ratio:unset;\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/Servicio-De-Gruas-En-Quito-Y-Valles-De-Ecuador-24-HORAS.mp4\" style=\"object-position:52% 59%\" data-object-fit=\"cover\" data-object-position=\"52% 59%\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<section class=\"hero-wrapper\">\n    <!-- VIDEO DE FONDO - 100% LIMPIO -->\n    <div class=\"hero-video-bg\">\n        <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\">\n            <source src=\"TU_VIDEO_AQUI.mp4\" type=\"video\/mp4\">\n        <\/video>\n    <\/div>\n\n    <!-- CONTENIDO ADAPTADO -->\n    <div class=\"hero-content\">\n        <h1 class=\"titulo-seo-williams\">SERVICIO DE GR\u00daAS, WINCHAS Y PLATAFORMAS<\/h1>\n        <h2 class=\"subtitulo-ubicacion\">EN QUITO &#8211; VALLES | ECUADOR<\/h2>\n        \n        <!-- RECUADRO DE DESCRIPCI\u00d3N PEGADO AL FINAL -->\n        <div class=\"cuadro-descripcion\">\n            <p class=\"texto-forzado-blanco\">\n                GR\u00daAS DESPLEGADAS EN VARIOS PUNTOS DE LA CIUDAD PARA OFRECERTE UN SERVICIO DE CALIDAD, RAPIDEZ Y PUNTUALIDAD.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* FUERZA BRUTA PARA NAVEGADORES - COLOR BLANCO *\/\n.texto-forzado-blanco {\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n    opacity: 1 !important;\n    text-shadow: 1px 1px 5px rgba(0,0,0,0.9) !important;\n}\n\n.hero-wrapper {\n    position: relative;\n    width: 100%;\n    height: 75vh; \n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: none !important;\n}\n\n.hero-video-bg {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    z-index: 1;\n}\n\n.hero-video-bg video {\n    width: 100%; height: 100%;\n    object-fit: cover;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 10;\n    width: 95%;\n    max-width: 1200px;\n    height: 100%;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n.titulo-seo-williams {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: clamp(26px, 5vw, 46px);\n    font-weight: 900;\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n    margin: 0;\n    text-transform: uppercase;\n    line-height: 1.1;\n    letter-spacing: -0.5px;\n    \/* SOMBRA PROFUNDA EN ESCRITORIO *\/\n    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);\n}\n\n.subtitulo-ubicacion {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(18px, 3vw, 24px);\n    font-weight: 800;\n    color: #FFD700 !important;\n    margin: 10px 0 20px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    white-space: nowrap;\n    \/* SOMBRA PROFUNDA EN ESCRITORIO *\/\n    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.9);\n}\n\n\/* RECUADRO RECTANGULAR PROFESIONAL *\/\n.cuadro-descripcion {\n    display: block;\n    background: rgba(0, 0, 0, 0.6) !important; \n    padding: 15px 40px;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    width: 100%;\n    max-width: 850px;\n    box-sizing: border-box;\n}\n\n.cuadro-descripcion p {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 18px;\n    margin: 0;\n    line-height: 1.5;\n    font-weight: 400;\n    text-align: center;\n}\n\n\/* --- AJUSTES EXCLUSIVOS PARA M\u00d3VIL --- *\/\n@media (max-width: 768px) {\n    .hero-wrapper {\n        height: 70vh;\n    }\n\n    .hero-content {\n        justify-content: flex-start;\n        padding-top: 80px; \/* Posici\u00f3n alta y visible *\/\n        padding-bottom: 10px; \/* Permite que el recuadro toque casi el borde inferior *\/\n    }\n\n    \/* MULTICAPA DE SOMBRA NEGRA PARA LEGIBILIDAD TOTAL *\/\n    .titulo-seo-williams {\n        font-size: clamp(20px, 5.5vw, 26px);\n        line-height: 1.15;\n        text-shadow: \n            2px 2px 8px rgba(0, 0, 0, 1),\n            -2px -2px 8px rgba(0, 0, 0, 1),\n            0px 0px 15px rgba(0, 0, 0, 0.9);\n    }\n\n    .subtitulo-ubicacion {\n        font-size: clamp(11px, 3.4vw, 15px);\n        letter-spacing: 0px;\n        margin: 8px 0 0 0;\n        white-space: nowrap;\n        text-shadow: \n            2px 2px 6px rgba(0, 0, 0, 1),\n            -2px -2px 6px rgba(0, 0, 0, 1);\n    }\n\n    \/* RECUADRO MAS ABAJO *\/\n    .cuadro-descripcion {\n        margin-top: auto; \/* Empuja completamente al final *\/\n        margin-bottom: 5px; \/* Distancia m\u00ednima del borde inferior *\/\n        padding: 10px 15px;\n        max-width: 95%;\n        background: rgba(0, 0, 0, 0.8) !important; \/* Ligeramente m\u00e1s oscuro para lectura clara *\/\n    }\n\n    .cuadro-descripcion p {\n        font-size: 12.5px;\n        line-height: 1.3;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n\n\n<!-- ========================================== -->\n<!-- SECCI\u00d3N FIJA: ACTIVIDAD EN VIVO Y CONFIANZA -->\n<!-- ========================================== -->\n<section class=\"williams-trust-section\">\n    <div class=\"wrap-trust\">\n        \n        <!-- Indicador de se\u00f1al en vivo -->\n        <div class=\"trust-live-status\">\n            <span class=\"live-dot\"><\/span>\n            <span class=\"live-text\">MONITOREO 24\/7<\/span>\n        <\/div>\n\n        <!-- Mensaje din\u00e1mico de servicio activo -->\n        <div class=\"trust-message-container\">\n            <svg class=\"trust-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD700\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n            <\/svg>\n            <p class=\"trust-text\" id=\"trust-dynamic-text\">\n                Gr\u00faa en camino hacia <strong class=\"highlight\">Conocoto<\/strong>\n            <\/p>\n        <\/div>\n\n        <!-- M\u00e9tricas r\u00e1pidas de respaldo -->\n        <div class=\"trust-stats\">\n            <div class=\"stat-item\">\n                <span class=\"stat-num\">15-25 min<\/span>\n                <span class=\"stat-label\">Llegada promedio<\/span>\n            <\/div>\n            <div class=\"stat-divider\"><\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-num\">24\/7<\/span>\n                <span class=\"stat-label\">Quito y Valles<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* --- ESTILOS DE LA SECCI\u00d3N FIJA DE CONFIANZA --- *\/\n.williams-trust-section {\n    width: 100%;\n    background-color: #0d0d0d;\n    border-top: 1px solid rgba(255, 215, 0, 0.2);\n    border-bottom: 1px solid rgba(255, 215, 0, 0.2);\n    padding: 18px 20px;\n    box-sizing: border-box;\n}\n\n.williams-trust-section .wrap-trust {\n    max-width: 1000px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    flex-wrap: wrap;\n}\n\n\/* STATUS LIVE EN VIVO *\/\n.williams-trust-section .trust-live-status {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 215, 0, 0.1);\n    border: 1px solid #FFD700;\n    padding: 6px 14px;\n    border-radius: 20px;\n}\n\n.williams-trust-section .live-dot {\n    width: 8px;\n    height: 8px;\n    background-color: #25D366;\n    border-radius: 50%;\n    box-shadow: 0 0 10px #25D366;\n    animation: pulseLive 1.6s infinite;\n}\n\n.williams-trust-section .live-text {\n    color: #FFD700;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n}\n\n@keyframes pulseLive {\n    0% { transform: scale(0.95); opacity: 0.7; }\n    50% { transform: scale(1.3); opacity: 1; }\n    100% { transform: scale(0.95); opacity: 0.7; }\n}\n\n\/* MENSAJE DIN\u00c1MICO *\/\n.williams-trust-section .trust-message-container {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 280px;\n}\n\n.williams-trust-section .trust-icon {\n    flex-shrink: 0;\n}\n\n.williams-trust-section .trust-text {\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 500;\n    margin: 0;\n    line-height: 1.4;\n    transition: opacity 0.3s ease;\n}\n\n.williams-trust-section .trust-text .highlight {\n    color: #FFD700;\n    font-weight: 800;\n}\n\n\/* M\u00c9TRICAS SECUNDARIAS *\/\n.williams-trust-section .trust-stats {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.williams-trust-section .stat-item {\n    display: flex;\n    flex-direction: column;\n    text-align: right;\n}\n\n.williams-trust-section .stat-num {\n    color: #ffffff;\n    font-weight: 900;\n    font-size: 13px;\n    text-transform: uppercase;\n}\n\n.williams-trust-section .stat-label {\n    color: #aaaaaa;\n    font-size: 11px;\n}\n\n.williams-trust-section .stat-divider {\n    width: 1px;\n    height: 24px;\n    background-color: rgba(255, 255, 255, 0.15);\n}\n\n\/* ADAPTACI\u00d3N M\u00d3VIL *\/\n@media (max-width: 768px) {\n    .williams-trust-section .wrap-trust {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .williams-trust-section .trust-stats {\n        width: 100%;\n        justify-content: space-between;\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n        padding-top: 10px;\n        margin-top: 4px;\n    }\n\n    .williams-trust-section .stat-item {\n        text-align: left;\n    }\n}\n<\/style>\n\n<!-- SCRIPT DE ROTACI\u00d3N DE MENSAJES (ENFOCADO EN GR\u00daAS + SERVICIOS SECUNDARIOS) -->\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const reportesActivos = [\n            \/\/ --- VALLE DE LOS CHILLOS (5) ---\n            'Gr\u00faa en camino hacia <strong class=\"highlight\">Conocoto<\/strong>',\n            'Servicio de remolque completado en <strong class=\"highlight\">San Rafael<\/strong>',\n            'Paso de corriente atendido en <strong class=\"highlight\">Sangolqu\u00ed<\/strong>',\n            'Gr\u00faa disponible en base <strong class=\"highlight\">El Tri\u00e1ngulo<\/strong>',\n            'Gr\u00faa despachada por emergencia en <strong class=\"highlight\">Amagua\u00f1a<\/strong>',\n\n            \/\/ --- SUR DE QUITO (5) ---\n            'Traslado de veh\u00edculo finalizado en <strong class=\"highlight\">Quitumbe<\/strong>',\n            'Gr\u00faa en camino hacia <strong class=\"highlight\">El Recreo<\/strong>',\n            'Apertura de puerta solicitada en <strong class=\"highlight\">Guaman\u00ed<\/strong>',\n            'Servicio de gr\u00faa completado en <strong class=\"highlight\">La Villa Flora<\/strong>',\n            'Gr\u00faa de plataforma en ruta a <strong class=\"highlight\">Chillogallo<\/strong>',\n\n            \/\/ --- NORTE DE QUITO (5) ---\n            'Gr\u00faa en camino hacia <strong class=\"highlight\">La Carolina<\/strong>',\n            'Servicio de remolque finalizado en <strong class=\"highlight\">Calder\u00f3n<\/strong>',\n            'Paso de corriente atendido en <strong class=\"highlight\">El Condado<\/strong>',\n            'Gr\u00faa despachada por emergencia en <strong class=\"highlight\">Carcel\u00e9n<\/strong>',\n            'Traslado en gr\u00faa completado en <strong class=\"highlight\">Cotocollao<\/strong>',\n\n            \/\/ --- VALLE DE TUMBACO (5) ---\n            'Gr\u00faa en camino hacia <strong class=\"highlight\">Cumbay\u00e1<\/strong>',\n            'Servicio de remolque completado en <strong class=\"highlight\">Tumbaco<\/strong>',\n            'Apertura de veh\u00edculo atendida en <strong class=\"highlight\">Puembo<\/strong>',\n            'Gr\u00faa asignada para cobertura en <strong class=\"highlight\">Pifo<\/strong>',\n            'Gr\u00faa despachada a Ruta Viva sector <strong class=\"highlight\">Lumbis\u00ed<\/strong>'\n        ];\n\n        let i = 0;\n        const textElement = document.getElementById('trust-dynamic-text');\n\n        setInterval(() => {\n            textElement.style.opacity = '0';\n            \n            setTimeout(() => {\n                i = (i + 1) % reportesActivos.length;\n                textElement.innerHTML = reportesActivos[i];\n                textElement.style.opacity = '1';\n            }, 300);\n\n        }, 6000);\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- PRELOADER CORPORATIVO SOS - GR\u00daAS WILIAMS  -->\n<!-- ========================================== -->\n<div id=\"preloader-gruas\" aria-busy=\"true\" aria-live=\"polite\">\n    <div class=\"loader-content\">\n        \n        <!-- ICONO \/ EMISOR LED MINIMALISTA -->\n        <div class=\"status-indicator\">\n            <div class=\"ring-pulse\"><\/div>\n            <div class=\"core-dot\"><\/div>\n        <\/div>\n        \n        <!-- IDENTIDAD DE MARCA SOBRIA -->\n        <div class=\"brand-block\">\n            <span class=\"badge-status\">SISTEMA DE AUXILIO VIAL 24\/7<\/span>\n            <h1 class=\"brand-title\">GR\u00daAS <span>WILIAMS<\/span><\/h1>\n            <p class=\"brand-sub\">QUITO Y VALLES \u2022 ECUADOR<\/p>\n        <\/div>\n\n        <!-- BARRA Y M\u00c9TRICA DE CARGA -->\n        <div class=\"progress-box\">\n            <div class=\"progress-track\">\n                <div class=\"progress-fill\" id=\"barra-progreso\"><\/div>\n            <\/div>\n            <div class=\"progress-meta\">\n                <span class=\"status-text\">CONECTANDO UNIDADES<\/span>\n                <span class=\"status-percent\" id=\"porcentaje-carga\">0%<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* --- CONFIGURACI\u00d3N BASE Y CONTENEDOR PRINCIPAL --- *\/\n#preloader-gruas {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    background-color: #0B0E14;\n    background-image: \n        radial-gradient(circle at 50% 45%, rgba(255, 184, 0, 0.04) 0%, transparent 60%),\n        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px);\n    background-size: 100% 100%, 32px 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000000;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #FFFFFF;\n    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n                visibility 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    will-change: opacity, visibility;\n}\n\n.loader-content {\n    text-align: center;\n    width: 88%;\n    max-width: 380px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* --- INDICADOR DE ESTADO EN TIEMPO REAL --- *\/\n.status-indicator {\n    position: relative;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 24px;\n}\n\n.core-dot {\n    width: 10px;\n    height: 10px;\n    background-color: #FFB800;\n    border-radius: 50%;\n    box-shadow: 0 0 12px rgba(255, 184, 0, 0.8);\n}\n\n.ring-pulse {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 1px solid rgba(255, 184, 0, 0.4);\n    border-radius: 50%;\n    animation: pulse-ring 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n}\n\n@keyframes pulse-ring {\n    0% {\n        transform: scale(0.3);\n        opacity: 0.8;\n    }\n    80%, 100% {\n        transform: scale(1.3);\n        opacity: 0;\n    }\n}\n\n\/* --- IDENTIDAD DE MARCA --- *\/\n.badge-status {\n    display: inline-block;\n    background: rgba(255, 184, 0, 0.08);\n    border: 1px solid rgba(255, 184, 0, 0.25);\n    color: #FFB800;\n    font-size: 10px;\n    font-weight: 700;\n    padding: 4px 14px;\n    border-radius: 4px;\n    letter-spacing: 2px;\n    margin-bottom: 14px;\n    text-transform: uppercase;\n}\n\n.brand-title {\n    color: #FFFFFF;\n    font-size: clamp(1.6rem, 4vw, 2.1rem);\n    font-weight: 800;\n    margin: 0;\n    letter-spacing: 0.5px;\n    line-height: 1.1;\n    text-transform: uppercase;\n}\n\n.brand-title span {\n    color: #FFB800;\n}\n\n.brand-sub {\n    color: #8A909A;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    margin: 10px 0 32px 0;\n    text-transform: uppercase;\n}\n\n\/* --- BARRA Y TEXTOS DE PROGRESO --- *\/\n.progress-box {\n    width: 100%;\n}\n\n.progress-track {\n    width: 100%;\n    height: 2px;\n    background: rgba(255, 255, 255, 0.08);\n    border-radius: 2px;\n    overflow: hidden;\n    position: relative;\n}\n\n.progress-fill {\n    width: 0%;\n    height: 100%;\n    background: #FFB800;\n    box-shadow: 0 0 10px rgba(255, 184, 0, 0.6);\n    border-radius: 2px;\n    transition: width 0.1s linear;\n}\n\n.progress-meta {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n}\n\n.status-text {\n    color: #6C727F;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.status-percent {\n    color: #FFB800;\n    font-size: 11px;\n    font-weight: 700;\n    font-mono: monospace;\n}\n\n\/* --- TRANSICI\u00d3N DE SALIDA EN L\u00cdNEA --- *\/\n.preloader-hidden {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\/* AJUSTES RESPONSIVOS *\/\n@media (max-width: 480px) {\n    .loader-content { width: 84%; }\n    .brand-sub { font-size: 10px; letter-spacing: 1.5px; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const loader = document.getElementById('preloader-gruas');\n    const barra = document.getElementById('barra-progreso');\n    const porcentaje = document.getElementById('porcentaje-carga');\n    const botonesContacto = document.querySelector('.vial-contact-container');\n\n    if (botonesContacto) {\n        botonesContacto.style.display = 'none';\n    }\n\n    let progreso = 0;\n    const duracionTotal = 1600; \/\/ Carga \u00f3ptima de 1.6s\n    const startTime = performance.now();\n\n    function actualizarProgreso(currentTime) {\n        const elapsedTime = currentTime - startTime;\n        progreso = Math.min((elapsedTime \/ duracionTotal) * 100, 100);\n\n        if (barra) barra.style.width = progreso + '%';\n        if (porcentaje) porcentaje.textContent = Math.round(progreso) + '%';\n\n        if (progreso < 100) {\n            requestAnimationFrame(actualizarProgreso);\n        } else {\n            \/\/ Finalizar loader\n            setTimeout(() => {\n                if (loader) loader.classList.add('preloader-hidden');\n                if (botonesContacto) botonesContacto.style.display = 'block';\n\n                setTimeout(() => {\n                    if (loader) loader.style.display = 'none';\n                }, 500);\n            }, 150);\n        }\n    }\n\n    requestAnimationFrame(actualizarProgreso);\n});\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- SECCI\u00d3N DE SERVICIOS CORPORATIVOS         -->\n<!-- ========================================== -->\n<section class=\"servicios-pro\">\n\n    <div class=\"wrap\">\n\n        <!-- HEADER DE SECCI\u00d3N -->\n        <header class=\"header-servicios\">\n            <h2 class=\"titulo-seccion-williams\">\n                SERVICIO DE GR\u00daAS EN <span>QUITO y los valles<\/span>\n            <\/h2>\n\n            <div class=\"linea-ecuador\">\n                <span><\/span><span><\/span><span><\/span>\n            <\/div>\n\n            <p class=\"descripcion-seccion-williams\">ASISTENCIA VIAL PROFESIONAL 24\/7 PARA VEH\u00cdCULOS LIVIANOS, PESADOS Y MAQUINARIA EN QUITO Y VALLES.<\/p>\n        <\/header>\n\n        <!-- GRID \/ LISTA DE SERVICIOS -->\n        <div class=\"grid-servicios\">\n\n            <!-- CARD 1: GR\u00daAS LIVIANAS -->\n            <article class=\"card\">\n                <div class=\"img-container\">\n                    <img src=\"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/winchas-y-gruas-plataforma-quito.jpg\" alt=\"Servicio de winchas y gr\u00faas plataforma para autos en Quito\" class=\"img-card\" width=\"1200\" height=\"930\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n\n                <div class=\"contenido\">\n                    <div class=\"encabezado-card\">\n                        <h3 class=\"titulo-card-williams\">GR\u00daAS LIVIANAS<\/h3>\n                        <span class=\"badge-card\">24\/7<\/span>\n                    <\/div>\n                    <p class=\"descripcion-card-williams\">Traslado seguro de autos, camionetas y motos con plataformas modernas y atenci\u00f3n inmediata.<\/p>\n                    <a href=\"tel:0987890844\" class=\"boton-servicio\" title=\"Solicitar gr\u00faa liviana en Quito\">SOLICITAR AHORA<\/a>\n                <\/div>\n            <\/article>\n\n            <!-- CARD 2: GR\u00daAS PESADAS (DESTACADO) -->\n            <article class=\"card destacado\">\n                <div class=\"img-container\">\n                    <img src=\"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/servicio-de-gruas-autos-quito.jpg\" alt=\"Servicio de gr\u00faas pesadas para camiones y buses en Quito\" class=\"img-card\" width=\"1200\" height=\"930\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n\n                <div class=\"contenido\">\n                    <div class=\"encabezado-card\">\n                        <h3 class=\"titulo-card-williams\">GR\u00daAS PESADAS<\/h3>\n                        <span class=\"badge-card badge-destacado\">POPULAR<\/span>\n                    <\/div>\n                    <p class=\"descripcion-card-williams\">Rescate de buses, camiones y unidades de carga con cobertura estrat\u00e9gica en rutas principales.<\/p>\n                    <a href=\"tel:0987890844\" class=\"boton-servicio destacado\" title=\"Llamar a gr\u00faa pesada en Quito\">LLAMAR AHORA<\/a>\n                <\/div>\n            <\/article>\n\n            <!-- CARD 3: EXTRAPESADOS -->\n            <article class=\"card\">\n                <div class=\"img-container\">\n                    <img src=\"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/grua-de-arrastre-quito-valles.jpg\" alt=\"Gr\u00faa de arrastre para maquinaria y extrapesados en Quito y Valles\" class=\"img-card\" width=\"1200\" height=\"930\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n\n                <div class=\"contenido\">\n                    <div class=\"encabezado-card\">\n                        <h3 class=\"titulo-card-williams\">EXTRAPESADOS<\/h3>\n                        <span class=\"badge-card\">PESADO<\/span>\n                    <\/div>\n                    <p class=\"descripcion-card-williams\">Transporte especializado de maquinaria, cabezales y equipos industriales a nivel nacional.<\/p>\n                    <a href=\"tel:0987890844\" class=\"boton-servicio\" title=\"Consultar transporte de maquinaria pesada\">CONSULTAR<\/a>\n                <\/div>\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* --- ESTILOS BASE Y RENDIMIENTO --- *\/\n.servicios-pro, \n.servicios-pro * {\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    box-sizing: border-box;\n}\n\n.servicios-pro {\n    padding: 40px 15px !important;\n    width: 100% !important;\n    display: block !important;\n    background: transparent !important; \/* FONDO 100% TRANSPARENTE *\/\n}\n\n\/* RESTRICCI\u00d3N DE ANCHO Y CENTRADO DE SECCI\u00d3N *\/\n.servicios-pro .wrap {\n    max-width: 1000px !important;\n    width: 100% !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    display: block !important;\n}\n\n\/* --- HEADER --- *\/\n.header-servicios {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.header-servicios .titulo-seccion-williams {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 900;\n    line-height: 1.15;\n    margin: 0;\n    letter-spacing: -0.5px;\n    color: #000000 !important; \/* \"SERVICIO DE GR\u00daAS EN\" EN NEGRO *\/\n    text-transform: uppercase;\n}\n\n.header-servicios span {\n    color: #FFD700 !important; \/* \"QUITO\" EN AMARILLO *\/\n}\n\n.header-servicios .descripcion-seccion-williams {\n    font-size: 15px;\n    margin-top: 10px;\n    line-height: 1.4;\n    font-weight: 400;\n    color: #bbbbbb;\n    text-transform: uppercase;\n}\n\n\/* L\u00cdNEA ECUADOR *\/\n.linea-ecuador {\n    display: flex;\n    width: 90px;\n    height: 4px;\n    margin: 12px auto;\n}\n\n.linea-ecuador span:nth-child(1) { background: #FFD700; width: 50%; }\n.linea-ecuador span:nth-child(2) { background: #0033a0; width: 25%; }\n.linea-ecuador span:nth-child(3) { background: #bd1121; width: 25%; }\n\n\/* --- GRID EN ESCRITORIO --- *\/\n.grid-servicios {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n\/* --- ESTILO TARJETAS Y ANIMACIONES --- *\/\n.card {\n    background: #111111;\n    border: 1px solid rgba(255, 215, 0, 0.2);\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    will-change: transform;\n}\n\n.card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(255, 215, 0, 0.5);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n}\n\n.card.destacado {\n    border: 2px solid #FFD700;\n    background: #181818;\n}\n\n.card.destacado:hover {\n    box-shadow: 0 8px 22px rgba(255, 215, 0, 0.15);\n}\n\n\/* CONTENEDOR Y CONFIGURACI\u00d3N EXACTA DE FOTOGRAF\u00cdA (SIN RECORTES) *\/\n.img-container {\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    background: #000000;\n    overflow: hidden;\n}\n\n.img-card {\n    width: 100%;\n    height: 100%;\n    object-fit: contain !important; \/* MUESTRA LA FOTO COMPLETA SIEMPRE *\/\n    display: block;\n    transition: transform 0.4s ease;\n}\n\n.card:hover .img-card {\n    transform: scale(1.03); \/* Micro-zoom en hover *\/\n}\n\n.contenido {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n}\n\n.encabezado-card {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.contenido .titulo-card-williams {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: 18px;\n    font-weight: 900;\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n}\n\n.badge-card {\n    background: rgba(255, 215, 0, 0.15);\n    color: #FFD700;\n    border: 1px solid #FFD700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 800;\n}\n\n.badge-card.badge-destacado {\n    background: #FFD700;\n    color: #000000;\n}\n\n.contenido .descripcion-card-williams {\n    font-size: 13px;\n    margin-bottom: 16px;\n    line-height: 1.4;\n    color: #bbbbbb;\n    flex-grow: 1;\n}\n\n.boton-servicio {\n    display: block;\n    border: 1.5px solid #FFD700;\n    color: #FFD700 !important;\n    padding: 10px;\n    font-size: 12px;\n    font-weight: 900;\n    border-radius: 6px;\n    text-transform: uppercase;\n    text-align: center;\n    width: 100%;\n    margin-top: auto;\n    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease;\n}\n\n.boton-servicio:hover {\n    background: rgba(255, 215, 0, 0.15);\n    color: #FFFFFF !important;\n    transform: translateY(-1px);\n}\n\n.boton-servicio.destacado {\n    background: #FFD700;\n    color: #000000 !important;\n}\n\n.boton-servicio.destacado:hover {\n    background: #e6c200;\n}\n\n\/* ========================================================= *\/\n\/* --- VISTA M\u00d3VIL OPTIMIZADA: FORMATO DE LISTA COMPACTA --- *\/\n\/* ========================================================= *\/\n@media (max-width: 768px) {\n    .grid-servicios {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n\n    .card {\n        flex-direction: row;\n        align-items: center;\n        padding: 8px;\n    }\n\n    .card:hover {\n        transform: none; \/* Desactiva el desplazamiento en t\u00e1ctil *\/\n    }\n\n    .img-container {\n        width: 110px;\n        min-width: 110px;\n        height: 85px;\n        aspect-ratio: auto;\n        border-radius: 6px;\n        background: #000000;\n    }\n\n    .img-card {\n        object-fit: contain !important; \/* GARANTIZA NING\u00daN CORTE EN M\u00d3VIL *\/\n    }\n\n    .contenido {\n        padding: 0 0 0 12px;\n    }\n\n    .encabezado-card {\n        margin-bottom: 4px;\n    }\n\n    .contenido .titulo-card-williams {\n        font-size: 15px;\n    }\n\n    .badge-card {\n        font-size: 9px;\n        padding: 1px 4px;\n    }\n\n    .contenido .descripcion-card-williams {\n        font-size: 11px;\n        line-height: 1.3;\n        margin-bottom: 8px;\n    }\n\n    .boton-servicio {\n        padding: 6px;\n        font-size: 11px;\n    }\n}\n<\/style>\n\n\n\n<!-- BOTONES SOS GR\u00daAS WILLIAMS - VERSI\u00d3N PERSISTENTE -->\n<div class=\"vial-contact-container\">\n\n    <!-- BOT\u00d3N DE LLAMADA (IZQUIERDA) -->\n    <a href=\"tel:0987890844\" class=\"btn-vial-sos btn-rojo-sos\" title=\"Llamar a Gr\u00faas Williams\">\n        <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n    <\/a>\n\n    <!-- VENTANA DE CHAT WHATSAPP -->\n    <div id=\"pop-wa-williams\" class=\"wa-williams-bubble\">\n        <div class=\"wa-header\">\n            <strong>Gr\u00faas Williams Ecuador<\/strong>\n            <button onclick=\"toggleWa()\" style=\"background:none; border:none; color:white; cursor:pointer; font-size:24px;\">&times;<\/button>\n        <\/div>\n        <div class=\"wa-body\">\n            <p>Hola, mucho gusto. Somos de <strong>Gr\u00faas Quito y Valles, Ecuador<\/strong>.<\/p>\n            <p>En <strong>Gr\u00faas Williams<\/strong> estamos para ayudarte. \u00bfQu\u00e9 ocurri\u00f3? Com\u00e9ntanos tu emergencia.<\/p>\n            <!-- El enlace se abre en nueva pesta\u00f1a para no cerrar tu sitio -->\n            <a id=\"link-wa-final\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wa-btn-send\">INICIAR CHAT AHORA<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- BOT\u00d3N WHATSAPP (DERECHA) -->\n    <div class=\"btn-vial-sos btn-verde-sos\" onclick=\"toggleWa()\" title=\"WhatsApp Gr\u00faas Williams\">\n        <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M12.01 2.01c-5.52 0-10 4.48-10 10 0 1.75.46 3.4 1.26 4.83L2 22l5.3-1.39c1.4.74 2.99 1.17 4.7 1.17 5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.18 13.94c-.2.56-1.18 1.08-1.63 1.15-.45.07-.9.1-2.92-.72-2.43-.98-4-3.44-4.12-3.6-.12-.16-1-1.33-1-2.54 0-1.21.63-1.8 1.01-2.22.38-.42.75-.52.92-.52.17 0 .34 0 .49.01.17.01.39-.06.62.5.23.56.79 1.92.86 2.06.07.14.11.31.02.48-.09.18-.14.28-.28.45-.14.17-.3.38-.43.51-.15.15-.3.32-.13.61.17.29.75 1.24 1.62 2.01.12.11.23.17.37.17.14 0 .23-.06.33-.17.1-.11.45-.53.57-.71.12-.18.23-.15.39-.09.16.06 1.03.49 1.21.58.18.09.29.13.33.2.04.07.04.43-.16.99z\"\/><\/svg>\n    <\/div>\n\n<\/div>\n\n<style>\n    .btn-vial-sos {\n        position: fixed; bottom: 20px; width: 60px; height: 60px; border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 999999;\n        cursor: pointer; transition: all 0.3s ease; animation: pulse-sos 2s infinite;\n    }\n    .btn-rojo-sos { left: 20px; background-color: #ff0000; }\n    .btn-verde-sos { right: 20px; background-color: #25D366; }\n    .btn-vial-sos svg { width: 32px; height: 32px; }\n\n    @keyframes pulse-sos {\n        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\n        70% { transform: scale(1.1); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }\n        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n    }\n\n    .wa-williams-bubble {\n        position: fixed; bottom: 95px; right: 20px; width: 310px;\n        background: white; border-radius: 18px; display: none;\n        flex-direction: column; z-index: 1000000; overflow: hidden;\n        font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid #ddd;\n    }\n    .wa-header { background: #25D366; color: white; padding: 16px; display: flex; justify-content: space-between; align-items: center; }\n    .wa-body { padding: 22px; text-align: left; }\n    .wa-body p { margin: 0 0 12px 0; font-size: 14px; color: #333; line-height: 1.5; }\n    .wa-btn-send {\n        display: block; background: #25D366; color: white; text-decoration: none;\n        padding: 12px; border-radius: 10px; font-weight: bold; text-align: center;\n    }\n\n    @media (max-width: 480px) {\n        .wa-williams-bubble { width: 85%; right: 7.5%; }\n    }\n<\/style>\n\n<script>\n    function toggleWa() {\n        const bubble = document.getElementById('pop-wa-williams');\n        const link = document.getElementById('link-wa-final');\n        const phone = \"593987890844\";\n        const msg = \"Hola, vengo de su sitio web. Necesito informaci\u00f3n, ya que me encuentro averiado con mi veh\u00edculo y me encuentro en \";\n        \n        link.href = \"https:\/\/wa.me\/\" + phone + \"?text=\" + encodeURIComponent(msg);\n        bubble.style.display = (bubble.style.display === \"flex\") ? \"none\" : \"flex\";\n\n        \/\/ FUNCIONALIDAD DE RETENCI\u00d3N:\n        \/\/ Agregamos un estado al historial para que el bot\u00f3n \"atr\u00e1s\" del celular \n        \/\/ solo cierre el pop-up en lugar de salir de la p\u00e1gina web.\n        if (bubble.style.display === \"flex\") {\n            window.history.pushState({ popup: 'open' }, '');\n        }\n    }\n\n    \/\/ Detectar cuando el usuario intenta \"retroceder\"\n    window.onpopstate = function(event) {\n        const bubble = document.getElementById('pop-wa-williams');\n        if (bubble.style.display === \"flex\") {\n            bubble.style.display = \"none\"; \/\/ Solo cerramos el chat\n        }\n    };\n<\/script>\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n\n\n\n<!-- ========================================== -->\n<!-- SECCI\u00d3N \u00bfC\u00d3MO FUNCIONA EL SERVICIO?        -->\n<!-- ========================================== -->\n<section class=\"proceso-pro\">\n\n    <div class=\"wrap\">\n\n        <!-- HEADER TUS TIPOGRAF\u00cdAS Y ESTILO -->\n        <header class=\"head\">\n            <div class=\"identidad-ecuador\"><\/div>\n            <h2 class=\"titulo-seccion-williams\">\u00bfC\u00f3mo funciona el <span>servicio?<\/span><\/h2>\n            <p class=\"descripcion-seccion-williams\">Solicitar tu gr\u00faa en Quito es r\u00e1pido, transparente y sin complicaciones.<\/p>\n        <\/header>\n\n        <!-- FORMATO VERTICAL DIN\u00c1MICO -->\n        <div class=\"flujo-vertical\">\n\n            <!-- PASO 1 -->\n            <div class=\"item-flujo\">\n                <div class=\"col-num\">\n                    <span class=\"num-flujo\">01<\/span>\n                    <div class=\"linea-progreso\"><\/div>\n                <\/div>\n                <div class=\"col-info\">\n                    <h3 class=\"titulo-card-williams\">Llamas o escribes<\/h3>\n                    <p class=\"descripcion-card-williams\">Nos contactas y nos indicas tu ubicaci\u00f3n exacta o referencia en Quito.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PASO 2 -->\n            <div class=\"item-flujo\">\n                <div class=\"col-num\">\n                    <span class=\"num-flujo\">02<\/span>\n                    <div class=\"linea-progreso\"><\/div>\n                <\/div>\n                <div class=\"col-info\">\n                    <h3 class=\"titulo-card-williams\">Te cotizamos<\/h3>\n                    <p class=\"descripcion-card-williams\">Te damos la tarifa justa y clara antes de enviar la unidad. Sin precios ocultos.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PASO 3 -->\n            <div class=\"item-flujo\">\n                <div class=\"col-num\">\n                    <span class=\"num-flujo\">03<\/span>\n                    <div class=\"linea-progreso\"><\/div>\n                <\/div>\n                <div class=\"col-info\">\n                    <h3 class=\"titulo-card-williams\">Enviamos la unidad<\/h3>\n                    <p class=\"descripcion-card-williams\">Despachamos de inmediato la gr\u00faa o wincha m\u00e1s cercana a tu ubicaci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PASO 4 -->\n            <div class=\"item-flujo final\">\n                <div class=\"col-num\">\n                    <span class=\"num-flujo destacado\">04<\/span>\n                <\/div>\n                <div class=\"col-info\">\n                    <h3 class=\"titulo-card-williams\">Soluci\u00f3n en camino<\/h3>\n                    <p class=\"descripcion-card-williams\">Tu veh\u00edculo es trasladado o asistido con total seguridad y profesionalismo.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* --- BASE GENERAL --- *\/\n.proceso-pro, \n.proceso-pro * {\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    box-sizing: border-box;\n}\n\n.proceso-pro {\n    padding: 80px 20px;\n    box-sizing: border-box;\n}\n\n.proceso-pro .wrap {\n    max-width: 900px; \/* Ancho optimizado para flujo vertical *\/\n    margin: 0 auto;\n    box-sizing: border-box;\n}\n\n\/* --- HEADER MANTENIDO INTACTO --- *\/\n.proceso-pro .head {\n    margin-bottom: 50px;\n    text-align: left;\n}\n\n.proceso-pro .identidad-ecuador { \n    width: 120px; \n    height: 6px; \n    background: linear-gradient(to right, #FFD700 50%, #0033a0 50%, #0033a0 75%, #bd1121 75%);\n    margin-bottom: 20px;\n}\n\n.proceso-pro .head .titulo-seccion-williams {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: clamp(30px, 5vw, 42px);\n    font-weight: 900;\n    line-height: 1.1;\n    margin: 0;\n    letter-spacing: -0.5px;\n    text-transform: uppercase;\n}\n\n.proceso-pro .head span {\n    color: #FFD700 !important;\n}\n\n.proceso-pro .head .descripcion-seccion-williams {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 18px;\n    margin-top: 15px;\n    line-height: 1.5;\n    font-weight: 400;\n}\n\n\/* --- ESTRUCTURA FLUJO VERTICAL --- *\/\n.flujo-vertical {\n    display: flex;\n    flex-direction: column;\n    gap: 0; \/* Controlado por la columna visual *\/\n}\n\n.item-flujo {\n    display: grid;\n    grid-template-columns: 80px 1fr;\n    gap: 20px;\n    position: relative;\n}\n\n\/* COLUMNA DEL N\u00daMERO Y L\u00cdNEA *\/\n.col-num {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.num-flujo {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: 26px;\n    font-weight: 900;\n    color: #FFD700;\n    background: #ffffff;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    border: 2px solid #FFD700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 14px rgba(255, 215, 0, 0.25);\n    z-index: 2;\n    flex-shrink: 0;\n}\n\n.num-flujo.destacado {\n    color: #ffffff;\n    background: #0033a0;\n    border-color: #0033a0;\n    box-shadow: 0 4px 14px rgba(0, 51, 160, 0.3);\n}\n\n.linea-progreso {\n    width: 3px;\n    background: linear-gradient(to bottom, #FFD700 0%, rgba(120, 120, 120, 0.15) 100%);\n    flex-grow: 1;\n    margin-top: -5px;\n    margin-bottom: -5px;\n    min-height: 40px;\n}\n\n.item-flujo.final .linea-progreso {\n    display: none;\n}\n\n\/* COLUMNA CON EL TEXTO (DESENCADENANTE LIMPIO) *\/\n.col-info {\n    padding-top: 10px;\n    padding-bottom: 35px;\n}\n\n.col-info .titulo-card-williams {\n    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n    font-size: 20px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    margin: 0 0 8px 0;\n    color: inherit;\n}\n\n.col-info .descripcion-card-williams {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.6;\n    color: inherit;\n    opacity: 0.85;\n    margin: 0;\n    max-width: 600px;\n}\n\n\/* --- ADAPTACI\u00d3N M\u00d3VIL --- *\/\n@media (max-width: 768px) {\n    .proceso-pro {\n        padding: 50px 15px;\n    }\n\n    .proceso-pro .head .titulo-seccion-williams { \n        font-size: 28px; \n    }\n    \n    .proceso-pro .head .descripcion-seccion-williams {\n        font-size: 15px;\n    }\n\n    .item-flujo {\n        grid-template-columns: 55px 1fr;\n        gap: 15px;\n    }\n\n    .num-flujo {\n        width: 42px;\n        height: 42px;\n        font-size: 18px;\n    }\n\n    .col-info {\n        padding-top: 6px;\n        padding-bottom: 25px;\n    }\n\n    .col-info .titulo-card-williams {\n        font-size: 17px;\n    }\n\n    .col-info .descripcion-card-williams {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n\n\n<!-- ======================================================= -->\n<!-- HERO CON BOTONES PREMIUM DE ALTA INTERACCI\u00d3N (QUITO)     -->\n<!-- ======================================================= -->\n<header class=\"hero-sobrio\" itemscope itemtype=\"https:\/\/schema.org\/EmergencyService\">\n    \n    <meta itemprop=\"name\" content=\"Gr\u00faas Ecuador - Gr\u00faas Williams Quito\">\n    <meta itemprop=\"telephone\" content=\"+593982949901\">\n\n    <div class=\"wrap-sobrio\">\n\n        <!-- INDICADOR DISCRETO -->\n        <p class=\"indicador-servicio\">\n            \u2022 DISPONIBLE 24 HORAS EN QUITO Y VALLES\n        <\/p>\n\n        <!-- T\u00cdTULO PRINCIPAL (SEO H1) -->\n        <h1 class=\"titulo-principal\">\n            GR\u00daAS Y WINCHAS EN QUITO\n        <\/h1>\n\n        <!-- SUBT\u00cdTULO Y COBERTURA -->\n        <p class=\"texto-descripcion\">\n            Atenci\u00f3n de urgencia vial en Quito Urbano, Valle de los Chillos, Cumbay\u00e1 y Tumbaco. Llegamos de <time datetime=\"PT25M\">20 a 30 minutos<\/time>. Tarifas desde <span itemprop=\"priceRange\">$29.99<\/span>.\n        <\/p>\n\n        <!-- BOTONES DE ALTA IMPACTO Y CONVERSI\u00d3N -->\n        <div class=\"grupo-botones\">\n            <a href=\"tel:0982949901\" class=\"btn-pro btn-llamada\" title=\"Llamar a Gr\u00faas Williams Quito\">\n                <svg class=\"btn-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                    <path d=\"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\n                <\/svg>\n                <span>LLAMAR AHORA: 098 294 9901<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=593982949901&#038;text=Hola,%20necesito%20una%20gr%C3%BAa%20urgente%20en%20mi%20ubicaci%C3%B3n.\" class=\"btn-pro btn-whatsapp\" target=\"_blank\" rel=\"noopener\" title=\"Enviar ubicaci\u00f3n por WhatsApp\">\n                <svg class=\"btn-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                    <path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0012.04 2zm.01 16.52c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.32a8.188 8.188 0 01-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 012.41 5.83c0 4.54-3.7 8.24-8.24 8.24z\"\/>\n                <\/svg>\n                <span>WHATSAPP DIRECTO<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- PALABRAS CLAVE H2 SECUNDARIAS PARA GOOGLE -->\n        <h2 class=\"subtitulo-seo\">\n            Plataformas, Auxilio Vial y Remolque Vehicular 24\/7\n        <\/h2>\n\n        <!-- DATOS EN L\u00cdNEA PLANA -->\n        <div class=\"linea-datos\" itemprop=\"aggregateRating\" itemscope itemtype=\"https:\/\/schema.org\/AggregateRating\">\n            <meta itemprop=\"ratingValue\" content=\"4.9\">\n            <meta itemprop=\"reviewCount\" content=\"195\">\n            \n            <div class=\"dato-item\">\n                <span class=\"dato-valor\">20-30 MIN<\/span>\n                <span class=\"dato-etiqueta\">TIEMPO ESTIMADO<\/span>\n            <\/div>\n            <div class=\"dato-item\">\n                <span class=\"dato-valor\">4.9 \/ 5.0 \u2605<\/span>\n                <span class=\"dato-etiqueta\">CALIFICACI\u00d3N<\/span>\n            <\/div>\n            <div class=\"dato-item\">\n                <span class=\"dato-valor\">24\/7<\/span>\n                <span class=\"dato-etiqueta\">DISPONIBILIDAD<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/header>\n\n<style>\n\/* --- ESTILOS EN ARIAL + BOTONES MEJORADOS --- *\/\n.hero-sobrio,\n.hero-sobrio * {\n    font-family: Arial, Helvetica, sans-serif !important;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.hero-sobrio {\n    background-color: #000000;\n    color: #ffffff;\n    padding: 60px 20px 40px 20px;\n    border-bottom: 1px solid #222222;\n    text-align: center;\n}\n\n.wrap-sobrio {\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Indicador simple *\/\n.indicador-servicio {\n    font-size: 11px;\n    font-weight: bold;\n    color: #FFD700;\n    letter-spacing: 1.5px;\n    margin-bottom: 15px;\n}\n\n\/* Titulares *\/\n.titulo-principal {\n    font-family: 'Arial Black', Gadget, sans-serif !important;\n    font-size: clamp(26px, 4.5vw, 42px);\n    font-weight: 900;\n    color: #ffffff;\n    line-height: 1.1;\n    margin-bottom: 15px;\n    letter-spacing: -0.5px;\n}\n\n.texto-descripcion {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #cccccc;\n    max-width: 680px;\n    margin: 0 auto 30px auto;\n}\n\n.texto-descripcion span,\n.texto-descripcion time {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n\/* Subt\u00edtulo SEO *\/\n.subtitulo-seo {\n    font-size: 11px;\n    font-weight: bold;\n    color: #666666;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 30px;\n}\n\n\/* --- NUEVO DISE\u00d1O DE BOTONES PREMIUM --- *\/\n.grupo-botones {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    max-width: 560px;\n    margin: 0 auto 30px auto;\n}\n\n@media (min-width: 580px) {\n    .grupo-botones {\n        flex-direction: row;\n    }\n}\n\n.btn-pro {\n    flex: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 22px;\n    font-family: 'Arial Black', Gadget, sans-serif !important;\n    font-size: 13px;\n    font-weight: 900;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n}\n\n.btn-svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n}\n\n\/* Bot\u00f3n Llamada Dorado Met\u00e1lico *\/\n.btn-llamada {\n    background: linear-gradient(180deg, #FFE566 0%, #FFD700 60%, #E6C200 100%);\n    color: #000000 !important;\n    border: 1px solid #FFD700;\n    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.6);\n}\n\n.btn-llamada:hover {\n    background: linear-gradient(180deg, #FFF099 0%, #FFE033 60%, #FFD700 100%);\n    box-shadow: 0 6px 18px rgba(255, 215, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.8);\n    transform: translateY(-2px);\n}\n\n.btn-llamada:active {\n    transform: translateY(1px);\n    box-shadow: 0 2px 6px rgba(255, 215, 0, 0.2);\n}\n\n\/* Bot\u00f3n WhatsApp Verde Profesional *\/\n.btn-whatsapp {\n    background: linear-gradient(180deg, #34E075 0%, #25D366 60%, #1DA851 100%);\n    color: #ffffff !important;\n    border: 1px solid #25D366;\n    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n}\n\n.btn-whatsapp:hover {\n    background: linear-gradient(180deg, #48E785 0%, #2FE172 60%, #25D366 100%);\n    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.6);\n    transform: translateY(-2px);\n}\n\n.btn-whatsapp:active {\n    transform: translateY(1px);\n    box-shadow: 0 2px 6px rgba(37, 211, 102, 0.2);\n}\n\n\/* Datos en l\u00ednea *\/\n.linea-datos {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    border-top: 1px solid #1a1a1a;\n    padding-top: 25px;\n}\n\n.dato-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.dato-valor {\n    font-size: 14px;\n    font-weight: bold;\n    color: #ffffff;\n}\n\n.dato-etiqueta {\n    font-size: 10px;\n    color: #666666;\n    margin-top: 2px;\n    letter-spacing: 0.5px;\n}\n\n@media (max-width: 480px) {\n    .linea-datos {\n        gap: 15px;\n    }\n    .dato-valor {\n        font-size: 12px;\n    }\n    .dato-etiqueta {\n        font-size: 9px;\n    }\n}\n<\/style>\n\n\n\n\n\n<section class=\"williams-faq\">\n    <div class=\"wrap-faq\">\n\n        <!-- HEADER FAQ -->\n        <header class=\"header-faq\">\n            <div class=\"identidad-ecuador\"><\/div>\n            <h2 class=\"titulo-faq\">Preguntas <span>Frecuentes<\/span><\/h2>\n            <p class=\"tagline-faq\">Resolvemos tus dudas sobre nuestro servicio de gr\u00faas y asistencia vial de forma inmediata.<\/p>\n        <\/header>\n\n        <!-- ACORDE\u00d3N CONTENEDOR -->\n        <div class=\"acordeon-contenedor\">\n\n            <!-- PREGUNTA 1 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfCu\u00e1nto tiempo tarda en llegar la gr\u00faa?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Nuestro tiempo promedio de respuesta en <strong>Quito, el Valle de los Chillos y sectores aleda\u00f1os<\/strong> es de <strong>20 a 35 minutos<\/strong>. Este tiempo puede variar levemente seg\u00fan el tr\u00e1fico y tu ubicaci\u00f3n exacta, pero te asignamos de inmediato la unidad m\u00f3vil m\u00e1s cercana para asistirte sin demoras.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 2 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfCu\u00e1l es el precio del servicio de gr\u00faa y qu\u00e9 incluye?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Ofrecemos tarifas sumamente accesibles y competitivas. Nuestros servicios de gr\u00faa base inician desde los <strong>$29.99 + IVA<\/strong>. El valor final depender\u00e1 del tipo de veh\u00edculo, la distancia del traslado y las condiciones del rescate, garantiz\u00e1ndote siempre un precio justo sin sorpresas.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 3 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfQu\u00e9 tipo de veh\u00edculos pueden transportar?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Contamos con una flota completa de gr\u00faas de arrastre y plataformas equipadas para todo requerimiento. Transportamos desde <strong>veh\u00edculos livianos<\/strong> (motos, autos, SUV) hasta carga pesada y <strong>extrapesados<\/strong>. No importa el tama\u00f1o de tu emergencia, tenemos el equipo ideal para moverlo con total seguridad.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 4 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfOfrecen asistencia si me qued\u00e9 sin bater\u00eda o si olvid\u00e9 las llaves dentro del auto?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">\u00a1S\u00ed, por supuesto! Adem\u00e1s del traslado, brindamos servicios complementarios de asistencia vial como <strong>paso de corriente<\/strong> y servicio t\u00e9cnico especializado para <strong>apertura de puertas<\/strong> si dejaste las llaves adentro. Solo solicitamos que <strong>nos informes previamente qu\u00e9 necesitas<\/strong> al momento de tu llamada para enviar al t\u00e9cnico con las herramientas exactas.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 5 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfQu\u00e9 pasa si mi veh\u00edculo se encunet\u00f3 o sufri\u00f3 un vuelco tras un accidente?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Mant\u00e9n la calma, nosotros nos encargamos por completo. Si tu carro se encunet\u00f3, cay\u00f3 en una zanja o sufri\u00f3 un accidente grave con vuelco incluido, nuestro equipo experto realiza maniobras de <strong>liberaci\u00f3n, rescate y enderezado<\/strong> de forma segura, protegiendo la estructura de tu veh\u00edculo en situaciones extremas.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 6 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfCu\u00e1les son los m\u00e9todos de pago aceptados?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Para tu total comodidad y tranquilidad en el lugar de la emergencia, aceptamos pagos en <strong>efectivo, transferencia bancaria directa<\/strong> .<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PREGUNTA 7 -->\n            <div class=\"faq-item\">\n                <button class=\"faq-pregunta\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                    \u00bfEst\u00e1n disponibles en caso de emergencias viales graves?\n                    <span class=\"icon-flecha\"><\/span>\n                <\/button>\n                <div class=\"faq-respuesta\">\n                    <p class=\"descripcion-faq-txt\">Absolutamente. Resolvemos <strong>cualquier tipo de inconveniente o siniestro vial<\/strong>, desde una aver\u00eda mec\u00e1nica simple hasta siniestros complejos de gran magnitud. Estamos preparados a nivel operativo para darte una soluci\u00f3n r\u00e1pida, profesional y definitiva cuando m\u00e1s lo necesitas.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* OPTIMIZACI\u00d3N: Estilos dirigidos sin selectores universales para evitar bloquear el hilo principal *\/\n    .williams-faq {\n        padding: 80px 20px;\n        box-sizing: border-box;\n    }\n\n    .williams-faq .wrap-faq {\n        max-width: 1200px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* HEADER *\/\n    .williams-faq .header-faq { \n        margin-bottom: 50px; \n        text-align: left; \n    }\n    \n    .williams-faq .identidad-ecuador { \n        width: 120px; \n        height: 6px; \n        background: linear-gradient(to right, #FFD700 50%, #0033a0 50%, #0033a0 75%, #bd1121 75%);\n        margin-bottom: 20px;\n    }\n\n    .williams-faq .titulo-faq { \n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: clamp(30px, 5vw, 42px);\n        font-weight: 900; \n        line-height: 1.1;\n        margin: 0;\n        letter-spacing: -0.5px;\n        text-transform: uppercase; \n        text-decoration: none !important;\n    }\n    \n    .williams-faq .titulo-faq span { \n        color: #FFD700 !important; \n    }\n    \n    .williams-faq .tagline-faq { \n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 18px; \n        margin-top: 15px;\n        line-height: 1.5;\n        font-weight: 400;\n        text-decoration: none !important;\n    }\n\n    \/* CONTENEDOR ACORDE\u00d3N *\/\n    .williams-faq .acordeon-contenedor {\n        display: flex;\n        flex-direction: column;\n        gap: 15px; \n    }\n\n    \/* TARJETAS FAQ (MISMOS BORDES ADAPTATIVOS DE SERVICIOS) *\/\n    .williams-faq .faq-item {\n        background: transparent; \n        border: 1px solid rgba(120, 120, 120, 0.2); \n        border-radius: 12px; \n        overflow: hidden;\n        transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        box-sizing: border-box;\n    }\n\n    \/* BOT\u00d3N PREGUNTA INTERACTIVO *\/\n    .williams-faq .faq-pregunta {\n        width: 100%;\n        padding: 22px 25px;\n        background: rgba(120, 120, 120, 0.05); \n        border: none;\n        color: inherit; \n        text-align: left;\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 18px; \n        font-weight: 900;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: background 0.3s ease, color 0.3s ease;\n        box-sizing: border-box;\n    }\n\n    .williams-faq .faq-pregunta:hover { \n        background: rgba(255, 215, 0, 0.08); \n        color: #FFD700 !important; \n    }\n\n    .williams-faq .icon-flecha::after {\n        content: '\u25bc';\n        font-size: 12px;\n        color: #FFD700;\n        transition: transform 0.3s ease;\n        display: inline-block;\n    }\n\n    \/* RESPUESTA OPTIMIZADA CON MAX-HEIGHT *\/\n    .williams-faq .faq-respuesta {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.3s ease-out;\n        will-change: max-height; \/* Informa al navegador para optimizar la animaci\u00f3n *\/\n    }\n\n    .williams-faq .descripcion-faq-txt {\n        padding: 25px;\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 15px; \n        line-height: 1.6;\n        color: inherit;\n        opacity: 0.9;\n        margin: 0;\n        border-top: 1px solid rgba(120, 120, 120, 0.1);\n        box-sizing: border-box;\n        text-decoration: none !important;\n    }\n\n    .williams-faq .descripcion-faq-txt strong { \n        color: #FFD700 !important; \n    }\n\n    \/* ESTADOS ACTIVOS *\/\n    .williams-faq .faq-item.activo { \n        border-color: #FFD700; \n        box-shadow: 0 10px 25px rgba(255, 215, 0, 0.15); \n    }\n    .williams-faq .faq-item.activo .faq-pregunta { \n        color: #FFD700 !important; \n        background: rgba(255, 215, 0, 0.05);\n    }\n    .williams-faq .faq-item.activo .icon-flecha::after {\n        transform: rotate(180deg);\n    }\n\n    \/* RESPONSIVO AJUSTADO *\/\n    @media (max-width: 900px) {\n        .williams-faq {\n            padding: 50px 15px;\n        }\n\n        .williams-faq .titulo-faq { \n            font-size: 28px; \n        }\n        \n        .williams-faq .tagline-faq {\n            font-size: 15px;\n        }\n\n        .williams-faq .faq-pregunta { \n            font-size: 15px; \n            padding: 18px 20px; \n        }\n        \n        .williams-faq .descripcion-faq-txt {\n            padding: 20px;\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n<script>\n    \/\/ JS no bloqueante, ejecuta la acci\u00f3n tras la interacci\u00f3n del usuario\n    function toggleFaq(btn) {\n        const item = btn.parentElement;\n        const respuesta = btn.nextElementSibling;\n        const isOpen = item.classList.contains('activo');\n        \n        \/\/ Cierra los otros acordeones de forma eficiente\n        document.querySelectorAll('.williams-faq .faq-item').forEach(el => { \n            if(el !== item && el.classList.contains('activo')) {\n                el.classList.remove('activo');\n                const resp = el.querySelector('.faq-respuesta');\n                if(resp) resp.style.maxHeight = \"0px\";\n                const button = el.querySelector('.faq-pregunta');\n                if(button) button.setAttribute('aria-expanded', 'false');\n            } \n        });\n\n        \/\/ Alterna el elemento actual\n        if (!isOpen) {\n            item.classList.add('activo');\n            btn.setAttribute('aria-expanded', 'true');\n            respuesta.style.maxHeight = respuesta.scrollHeight + \"px\";\n        } else {\n            item.classList.remove('activo');\n            btn.setAttribute('aria-expanded', 'false');\n            respuesta.style.maxHeight = \"0px\";\n        }\n    }\n\n    \/\/ Recalcula la altura si el usuario rota el tel\u00e9fono o cambia el tama\u00f1o de pantalla\n    window.addEventListener('resize', () => {\n        const itemActivo = document.querySelector('.williams-faq .faq-item.activo');\n        if (itemActivo) {\n            const respuesta = itemActivo.querySelector('.faq-respuesta');\n            if (respuesta) {\n                respuesta.style.maxHeight = respuesta.scrollHeight + \"px\";\n            }\n        }\n    });\n<\/script>\n\n\n\n<section class=\"williams-testimonios\">\n    <div class=\"wrap-testimonios\">\n\n        <!-- HEADER TESTIMONIOS -->\n        <header class=\"header-testimonios\">\n            <div class=\"identidad-ecuador\"><\/div>\n            <h2 class=\"titulo-testimonios\">Lo que dicen <span>nuestros clientes<\/span><\/h2>\n            <p class=\"tagline-testimonios\">La tranquilidad y confianza de quienes ya han comprobado la rapidez de nuestro servicio en Quito y Valles.<\/p>\n        <\/header>\n\n        <!-- REJILLA DE TESTIMONIOS (GRID ADAPTATIVO) -->\n        <div class=\"testimonios-grid\">\n\n            <!-- TESTIMONIO 1 -->\n            <div class=\"testimonio-item\">\n                <div class=\"testimonio-header\">\n                    <div class=\"cliente-info\">\n                        <span class=\"cliente-nombre\">Carlos Mendoza<\/span>\n                        <span class=\"cliente-ubicaci\u00f3n\">Quito (Norte)<\/span>\n                    <\/div>\n                    <div class=\"calificacion-estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <\/div>\n                <p class=\"testimonio-texto\">&#8220;Excelente servicio. Me qued\u00e9 varado cerca de la Av. Galo Plaza y llegaron en menos de <strong>25 minutos<\/strong>. El operador fue muy profesional al subir mi SUV a la plataforma. El precio de <strong>$29.99 + IVA<\/strong> se mantuvo tal como acordamos por tel\u00e9fono.&#8221;<\/p>\n                <div class=\"testimonio-origen\">Cliente verificado v\u00eda Google Maps<\/div>\n            <\/div>\n\n            <!-- TESTIMONIO 2 -->\n            <div class=\"testimonio-item\">\n                <div class=\"testimonio-header\">\n                    <div class=\"cliente-info\">\n                        <span class=\"cliente-nombre\">Andrea Villac\u00eds<\/span>\n                        <span class=\"cliente-ubicaci\u00f3n\">Valle de los Chillos<\/span>\n                    <\/div>\n                    <div class=\"calificacion-estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <\/div>\n                <p class=\"testimonio-texto\">&#8220;Olvid\u00e9 las llaves dentro del auto en el centro de Sangolqu\u00ed. Los llam\u00e9 especificando el problema, llegaron r\u00e1pido con el equipo adecuado y realizaron la <strong>apertura de la puerta<\/strong> en minutos y sin un solo rasgu\u00f1o. \u00a1S\u00faper recomendados!&#8221;<\/p>\n                <div class=\"testimonio-origen\">Cliente verificado v\u00eda WhatsApp<\/div>\n            <\/div>\n\n            <!-- TESTIMONIO 3 -->\n            <div class=\"testimonio-item\">\n                <div class=\"testimonio-header\">\n                    <div class=\"cliente-info\">\n                        <span class=\"cliente-nombre\">Luis Fernando J.<\/span>\n                        <span class=\"cliente-ubicaci\u00f3n\">Cumbay\u00e1<\/span>\n                    <\/div>\n                    <div class=\"calificacion-estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <\/div>\n                <p class=\"testimonio-texto\">&#8220;Sufrimos un percance grave y el veh\u00edculo termin\u00f3 encunetado en una bajada complicada. Pens\u00e9 que ser\u00eda imposible sacarlo sin da\u00f1arlo m\u00e1s, pero su gr\u00faa de arrastre y las maniobras de <strong>liberaci\u00f3n y rescate<\/strong> fueron impecables. Un alivio total.&#8221;<\/p>\n                <div class=\"testimonio-origen\">Cliente verificado v\u00eda Google Maps<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* OPTIMIZACI\u00d3N: Estilos dirigidos sin selectores universales para evitar bloquear el hilo principal *\/\n    .williams-testimonios {\n        padding: 80px 20px;\n        box-sizing: border-box;\n    }\n\n    .williams-testimonios .wrap-testimonios {\n        max-width: 1200px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* HEADER *\/\n    .williams-testimonios .header-testimonios { \n        margin-bottom: 50px; \n        text-align: left; \n    }\n    \n    .williams-testimonios .identidad-ecuador { \n        width: 120px; \n        height: 6px; \n        background: linear-gradient(to right, #FFD700 50%, #0033a0 50%, #0033a0 75%, #bd1121 75%);\n        margin-bottom: 20px;\n    }\n\n    .williams-testimonios .titulo-testimonios { \n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: clamp(30px, 5vw, 42px);\n        font-weight: 900; \n        line-height: 1.1;\n        margin: 0;\n        letter-spacing: -0.5px;\n        text-transform: uppercase; \n        text-decoration: none !important;\n    }\n    \n    .williams-testimonios .titulo-testimonios span { \n        color: #FFD700 !important; \n    }\n    \n    .williams-testimonios .tagline-testimonios { \n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 18px; \n        margin-top: 15px;\n        line-height: 1.5;\n        font-weight: 400;\n        text-decoration: none !important;\n    }\n\n    \/* REJILLA DE TESTIMONIOS (GRID) *\/\n    .williams-testimonios .testimonios-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n        box-sizing: border-box;\n    }\n\n    \/* TARJETAS DE TESTIMONIO (MISMOS BORDES Y ADAPTACI\u00d3N DE LAS FAQ) *\/\n    .williams-testimonios .testimonio-item {\n        background: rgba(120, 120, 120, 0.03); \n        border: 1px solid rgba(120, 120, 120, 0.2); \n        border-radius: 12px; \n        padding: 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        box-sizing: border-box;\n    }\n\n    .williams-testimonios .testimonio-item:hover {\n        border-color: #FFD700; \n        box-shadow: 0 10px 25px rgba(255, 215, 0, 0.1); \n    }\n\n    \/* HEADER INTERNO TARJETA *\/\n    .williams-testimonios .testimonio-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n    }\n\n    .williams-testimonios .cliente-info {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    .williams-testimonios .cliente-nombre {\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 16px;\n        font-weight: 900;\n        color: inherit;\n    }\n\n    .williams-testimonios .cliente-ubicaci\u00f3n {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 13px;\n        opacity: 0.6;\n    }\n\n    .williams-testimonios .calificacion-estrellas {\n        color: #FFD700;\n        font-size: 16px;\n        letter-spacing: 2px;\n    }\n\n    \/* TEXTO DEL TESTIMONIO *\/\n    .williams-testimonios .testimonio-texto {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 15px; \n        line-height: 1.6;\n        color: inherit;\n        opacity: 0.9;\n        margin: 0 0 20px 0;\n        flex-grow: 1; \/* Empuja el origen de la rese\u00f1a hacia abajo para alinear las tarjetas *\/\n    }\n\n    .williams-testimonios .testimonio-texto strong {\n        color: #FFD700 !important;\n    }\n\n    \/* ORIGEN\/FUENTE *\/\n    .williams-testimonios .testimonio-origen {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 12px;\n        opacity: 0.5;\n        border-top: 1px solid rgba(120, 120, 120, 0.1);\n        padding-top: 15px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* RESPONSIVO AJUSTADO *\/\n    @media (max-width: 1024px) {\n        .williams-testimonios .testimonios-grid {\n            grid-template-columns: repeat(2, 1fr); \/* 2 Columnas en Tablets *\/\n            gap: 20px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .williams-testimonios {\n            padding: 50px 15px;\n        }\n\n        .williams-testimonios .titulo-testimonios { \n            font-size: 28px; \n        }\n        \n        .williams-testimonios .tagline-testimonios {\n            font-size: 15px;\n        }\n\n        .williams-testimonios .testimonios-grid {\n            grid-template-columns: 1fr; \/* 1 Sola columna en Celulares *\/\n            gap: 15px;\n        }\n\n        .williams-testimonios .testimonio-item {\n            padding: 22px;\n        }\n        \n        .williams-testimonios .testimonio-texto {\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- SECCI\u00d3N UBICACIONES \/ COBERTURA            -->\n<!-- ========================================== -->\n<section class=\"williams-cobertura\">\n    <div class=\"wrap-cobertura\">\n\n        <!-- HEADER COBERTURA -->\n        <header class=\"header-cobertura\">\n            <div class=\"identidad-ecuador\"><\/div>\n            <h2 class=\"titulo-cobertura\">Zonas de <span>cobertura inmediata<\/span><\/h2>\n            <p class=\"tagline-cobertura\">Disponemos de unidades estrat\u00e9gicamente ubicadas para garantizar una asistencia r\u00e1pida y eficiente en Quito y sus valles.<\/p>\n        <\/header>\n\n        <!-- REJILLA DE UBICACIONES -->\n        <div class=\"cobertura-grid\">\n\n            <!-- ZONA 1: QUITO URBANO -->\n            <div class=\"cobertura-item\">\n                <div class=\"cobertura-contenido\">\n                    <div class=\"cobertura-header\">\n                        <span class=\"zona-nombre\">Quito Urbano<\/span>\n                        <div class=\"zona-tiempo-contenedor\">\n                            <span class=\"indicador-activo\"><\/span>\n                            <span class=\"zona-tiempo\">Llegada: 20 &#8211; 30 min.<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"cobertura-texto\">\n                        Servicio prioritario con cobertura en los sectores del **Norte, Centro y Sur** de la ciudad. \n                    <\/p>\n                    \n                    <div class=\"cobertura-vias\">\n                        <span class=\"via-etiqueta\">V\u00edas principales:<\/span>\n                        <p class=\"via-lista\">Av. Mariscal Sucre, Av. Sim\u00f3n Bol\u00edvar, Av. Galo Plaza, Autopista General Rumi\u00f1ahui.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cobertura-dispo\">Disponibilidad 24 horas<\/div>\n            <\/div>\n\n            <!-- ZONA 2: VALLE DE LOS CHILLOS -->\n            <div class=\"cobertura-item\">\n                <div class=\"cobertura-contenido\">\n                    <div class=\"cobertura-header\">\n                        <span class=\"zona-nombre\">Valle de los Chillos<\/span>\n                        <div class=\"zona-tiempo-contenedor\">\n                            <span class=\"indicador-activo\"><\/span>\n                            <span class=\"zona-tiempo\">Llegada: 25 &#8211; 35 min.<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"cobertura-texto\">\n                        Asistencia t\u00e9cnica y rescate vehicular en **Sangolqu\u00ed, San Rafael, Conocoto, El Tingo y Alangas\u00ed**.\n                    <\/p>\n                    \n                    <div class=\"cobertura-vias\">\n                        <span class=\"via-etiqueta\">Sectores clave:<\/span>\n                        <p class=\"via-lista\">Zona comercial de Sangolqu\u00ed, Tri\u00e1ngulo, Autopista hacia el Valle, v\u00edas interparroquiales.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cobertura-dispo\">Disponibilidad 24 horas<\/div>\n            <\/div>\n\n            <!-- ZONA 3: VALLE DE TUMBACAO \/ CUMBAY\u00c1 -->\n            <div class=\"cobertura-item\">\n                <div class=\"cobertura-contenido\">\n                    <div class=\"cobertura-header\">\n                        <span class=\"zona-nombre\">Cumbay\u00e1 y Tumbaco<\/span>\n                        <div class=\"zona-tiempo-contenedor\">\n                            <span class=\"indicador-activo\"><\/span>\n                            <span class=\"zona-tiempo\">Llegada: 25 &#8211; 35 min.<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"cobertura-texto\">\n                        Cobertura especializada para veh\u00edculos livianos, motocicletas y SUV en **Cumbay\u00e1, Tumbaco, Puembo y Pifo**.\n                    <\/p>\n                    \n                    <div class=\"cobertura-vias\">\n                        <span class=\"via-etiqueta\">V\u00edas principales:<\/span>\n                        <p class=\"via-lista\">Ruta Viva, Av. Interoce\u00e1nica, Conector de Alpachaca, accesos residenciales.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cobertura-dispo\">Disponibilidad 24 horas<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* SECCI\u00d3N BASE *\/\n    .williams-cobertura {\n        padding: 80px 20px;\n        box-sizing: border-box;\n    }\n\n    .williams-cobertura .wrap-cobertura {\n        max-width: 1200px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* HEADER *\/\n    .williams-cobertura .header-cobertura { \n        margin-bottom: 50px; \n        text-align: left; \n    }\n    \n    .williams-cobertura .identidad-ecuador { \n        width: 120px; \n        height: 6px; \n        background: linear-gradient(to right, #FFD700 50%, #0033a0 50%, #0033a0 75%, #bd1121 75%);\n        margin-bottom: 20px;\n    }\n\n    .williams-cobertura .titulo-cobertura { \n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: clamp(30px, 5vw, 42px);\n        font-weight: 900; \n        line-height: 1.1;\n        margin: 0;\n        letter-spacing: -0.5px;\n        text-transform: uppercase; \n        text-decoration: none !important;\n    }\n    \n    .williams-cobertura .titulo-cobertura span { \n        color: #FFD700 !important; \n    }\n    \n    .williams-cobertura .tagline-cobertura { \n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 18px; \n        margin-top: 15px;\n        line-height: 1.5;\n        font-weight: 400;\n        text-decoration: none !important;\n    }\n\n    \/* REJILLA (GRID) *\/\n    .williams-cobertura .cobertura-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n        box-sizing: border-box;\n    }\n\n    \/* TARJETAS DE COBERTURA *\/\n    .williams-cobertura .cobertura-item {\n        background: rgba(120, 120, 120, 0.03); \n        border: 1px solid rgba(120, 120, 120, 0.15); \n        border-left: 3px solid rgba(120, 120, 120, 0.3); \n        border-radius: 12px; \n        padding: 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        transition: border-color 0.3s ease, border-left-color 0.3s ease, box-shadow 0.3s ease;\n        box-sizing: border-box;\n    }\n\n    .williams-cobertura .cobertura-item:hover {\n        border-color: rgba(120, 120, 120, 0.2);\n        border-left-color: #FFD700; \n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); \n    }\n\n    \/* CONTENIDO DE LA TARJETA *\/\n    .williams-cobertura .cobertura-contenido {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .williams-cobertura .cobertura-header {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-bottom: 25px;\n    }\n\n    .williams-cobertura .zona-nombre {\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 18px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: -0.2px;\n        color: inherit;\n    }\n\n    \/* CONTENEDOR NUEVO: ELEGANTIZADO Y DE ALTO CONTRASTE *\/\n    .williams-cobertura .zona-tiempo-contenedor {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    \/* PUNTO TECNOL\u00d3GICO AMARILLO (Acento de color limpio) *\/\n    .williams-cobertura .indicador-activo {\n        width: 8px;\n        height: 8px;\n        background-color: #FFD700;\n        border-radius: 50%;\n        display: inline-block;\n        box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);\n        flex-shrink: 0;\n    }\n\n    \/* TEXTO EN COLOR OSCURO \/ NEUTRO PERFECTAMENTE LEGIBLE *\/\n    .williams-cobertura .zona-tiempo {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 13px;\n        color: #111111; \/* Color oscuro s\u00f3lido, 100% n\u00edtido sobre blanco *\/\n        font-weight: 700;\n        letter-spacing: 0.2px;\n    }\n\n    \/* TEXTO PRINCIPAL *\/\n    .williams-cobertura .cobertura-texto {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 14px; \n        line-height: 1.6;\n        color: inherit;\n        opacity: 0.85;\n        margin: 0 0 20px 0;\n    }\n\n    .williams-cobertura .cobertura-texto strong {\n        color: #FFD700 !important;\n    }\n\n    \/* SECCI\u00d3N T\u00c9CNICA DE V\u00cdAS *\/\n    .williams-cobertura .cobertura-vias {\n        margin-bottom: 25px;\n    }\n\n    .williams-cobertura .via-etiqueta {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        opacity: 0.5;\n        display: block;\n        margin-bottom: 4px;\n    }\n\n    .williams-cobertura .via-lista {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 13px;\n        line-height: 1.4;\n        margin: 0;\n        opacity: 0.8;\n    }\n\n    \/* PIE DE TARJETA *\/\n    .williams-cobertura .cobertura-dispo {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 11px;\n        opacity: 0.4;\n        border-top: 1px solid rgba(120, 120, 120, 0.1);\n        padding-top: 15px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-weight: bold;\n    }\n\n    \/* RESPONSIVO AJUSTADO *\/\n    @media (max-width: 1024px) {\n        .williams-cobertura .cobertura-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .williams-cobertura {\n            padding: 50px 15px;\n        }\n\n        .williams-cobertura .titulo-cobertura { \n            font-size: 28px; \n        }\n        \n        .williams-cobertura .tagline-cobertura {\n            font-size: 15px;\n        }\n\n        .williams-cobertura .cobertura-grid {\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .williams-cobertura .cobertura-item {\n            padding: 25px;\n        }\n    }\n<\/style>\n\n\n\n<!-- ======================================================= -->\n<!-- BLOQUE UNIFICADO DE SEO LOCAL - GR\u00daAS WILLIAMS (QUITO) -->\n<!-- ======================================================= -->\n\n<!-- 1. META TAGS DE INDEXACI\u00d3N Y B\u00daSQUEDA LOCAL -->\n<title>Gr\u00faas en Quito 24 Horas \u26a1 Winchas desde $29.99 | Gr\u00faas Williams<\/title>\n<meta name=\"description\" content=\"Servicio urgente de gr\u00faas y winchas de plataforma en Quito y Valles. Llegamos de 20 a 30 min. Autos, camionetas y camiones. Llama al 098 294 9901.\">\n<meta name=\"keywords\" content=\"gruas quito, winchas quito, servicio de gruas en quito, gruas 24 horas quito, auxilio vial quito, gruas valle de los chillos, gruas cumbaya, gruas williams, gruas ecuador\">\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n<link rel=\"canonical\" href=\"https:\/\/www.gruas-ecuador.com\/\">\n\n<!-- GEO-ETIQUETAS PARA GOOGLE MAPS Y B\u00daSQUEDA LOCAL EN ECUADOR -->\n<meta name=\"geo.region\" content=\"EC-P\">\n<meta name=\"geo.placename\" content=\"Quito, Pichincha, Ecuador\">\n<meta name=\"geo.position\" content=\"-0.180653;-78.467838\">\n<meta name=\"ICBM\" content=\"-0.180653, -78.467838\">\n\n<!-- METADATOS OPEN GRAPH (PARA COMPARTIR EN REDES Y WHATSAPP) -->\n<meta property=\"og:locale\" content=\"es_EC\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"Gr\u00faas y Winchas en Quito 24\/7 \u26a1 Llegamos en 20 Minutos\">\n<meta property=\"og:description\" content=\"Atenci\u00f3n de emergencias viales en Quito Urbano, Valle de los Chillos, Cumbay\u00e1 y Tumbaco. Llama de inmediato al 098 294 9901.\">\n<meta property=\"og:url\" content=\"https:\/\/www.gruas-ecuador.com\/\">\n<meta property=\"og:site_name\" content=\"Gr\u00faas Ecuador - Gr\u00faas Williams\">\n<meta property=\"og:image\" content=\"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/winchas-y-gruas-plataforma-quito.jpg\">\n<meta property=\"og:image:width\" content=\"1200\">\n<meta property=\"og:image:height\" content=\"930\">\n\n<!-- 2. DATOS ESTRUCTURADOS (SCHEMA JSON-LD) PARA GOOGLE -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"EmergencyService\",\n      \"@id\": \"https:\/\/www.gruas-ecuador.com\/#organization\",\n      \"name\": \"Gr\u00faas Williams - Gr\u00faas Ecuador\",\n      \"url\": \"https:\/\/www.gruas-ecuador.com\/\",\n      \"telephone\": \"+593982949901\",\n      \"priceRange\": \"$$\",\n      \"image\": \"https:\/\/www.gruas-ecuador.com\/wp-content\/uploads\/2026\/07\/winchas-y-gruas-plataforma-quito.jpg\",\n      \"description\": \"Servicio de gr\u00faas, winchas de plataforma, rescate de veh\u00edculos y auxilio vial las 24 horas en Quito y Valles.\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressLocality\": \"Quito\",\n        \"addressRegion\": \"Pichincha\",\n        \"addressCountry\": \"EC\"\n      },\n      \"geo\": {\n        \"@type\": \"GeoCoordinates\",\n        \"latitude\": -0.180653,\n        \"longitude\": -78.467838\n      },\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.9\",\n        \"reviewCount\": \"195\"\n      },\n      \"openingHoursSpecification\": {\n        \"@type\": \"OpeningHoursSpecification\",\n        \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\", \"Sunday\"],\n        \"opens\": \"00:00\",\n        \"closes\": \"23:59\"\n      },\n      \"areaServed\": [\n        { \"@type\": \"City\", \"name\": \"Quito\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Valle de los Chillos\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Sangolqu\u00ed\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"San Rafael\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Conocoto\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Cumbay\u00e1\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Tumbaco\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Puembo\" },\n        { \"@type\": \"AdministrativeArea\", \"name\": \"Pifo\" }\n      ],\n      \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Servicios de Asistencia Vehicular Urgente\",\n        \"itemListElement\": [\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Gr\u00faas Livianas y Plataformas\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Gr\u00faas Pesadas y Rescate\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Extrapesados y Carga Industrial\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Paso de Corriente y Apertura de Puertas\"\n            }\n          }\n        ]\n      }\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.gruas-ecuador.com\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u00bfEn cu\u00e1nto tiempo llega la gr\u00faa a mi ubicaci\u00f3n en Quito?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Nuestro tiempo promedio de llegada en Quito urbano y Valles es de 20 a 30 minutos gracias a nuestras unidades patrullando la zona.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u00bfCu\u00e1l es el costo del servicio de gr\u00faa?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Nuestras tarifas base inician desde los $29.99. El precio se ajusta seg\u00fan la distancia de traslado y el tipo de veh\u00edculo.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u00bfAtienden emergencias durante la madrugada o feriados?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"S\u00ed, operamos las 24 horas del d\u00eda, los 365 d\u00edas del a\u00f1o en todo Quito, Valle de los Chillos, Cumbay\u00e1 y sectores aleda\u00f1os.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- SECCI\u00d3N PIE DE P\u00c1GINA (NEGRO PREMIUM)     -->\n<!-- ========================================== -->\n<footer class=\"williams-footer-negro\">\n    <div class=\"wrap-footer\">\n        \n        <div class=\"footer-grid\">\n            \n            <!-- COLUMNA 1: IDENTIDAD Y MISION -->\n            <div class=\"footer-col col-identidad\">\n                <div class=\"footer-logo-placeholder\">\n                    <span class=\"logo-texto-temporal\">GR\u00daAS <span>WILIAMS<\/span><\/span>\n                <\/div>\n                \n                <h3 class=\"footer-titulo-col\">Qui\u00e9nes Somos<\/h3>\n                <p class=\"footer-descripcion\">\n                    Somos el <strong>servicio de gr\u00faas y asistencia vehicular l\u00edder en la regi\u00f3n<\/strong>. Contamos con flota moderna, monitoreo GPS y respuesta inmediata para garantizar un traslado r\u00e1pido y seguro.\n                <\/p>\n\n                <!-- L\u00cdNEA TRICOLOR DE IDENTIDAD -->\n                <div class=\"identidad-ecuador-footer\"><\/div>\n            <\/div>\n\n            <!-- COLUMNA 2: NAVEGACI\u00d3N R\u00c1PIDA -->\n            <div class=\"footer-col col-navegacion\">\n                <h3 class=\"footer-titulo-col\">Navegaci\u00f3n<\/h3>\n                <ul class=\"footer-enlaces\">\n                    <li><a href=\"#inicio\">Inicio<\/a><\/li>\n                    <li><a href=\"#servicios\">Servicios<\/a><\/li>\n                    <li><a href=\"#como-pedir\">C\u00f3mo Pedir Gr\u00faa<\/a><\/li>\n                    <li><a href=\"#preguntas\">Preguntas<\/a><\/li>\n                    <li><a href=\"#cobertura\">Cobertura<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- COLUMNA 3: CENTRAL DE ATENCI\u00d3N DIRECTA -->\n            <div class=\"footer-col col-contacto\">\n                <h3 class=\"footer-titulo-col\">Asistencia 24\/7<\/h3>\n                <p class=\"contacto-info-texto\">L\u00ednea Directa de Rescate:<\/p>\n                \n                <!-- BOT\u00d3N DE LLAMADA DE IMPACTO -->\n                <a href=\"tel:0982949901\" class=\"btn-footer-llamada\">\n                    <span class=\"sub-btn\">Central de Emergencias<\/span>\n                    <span class=\"num-btn\">098 294 9901<\/span>\n                <\/a>\n                \n                <p class=\"contacto-info-sub\">Atenci\u00f3n inmediata en Quito, Valle de los Chillos, Cumbay\u00e1, Tumbaco y v\u00edas interprovinciales.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- BARRA INFERIOR DE CR\u00c9DITOS Y DERECHOS -->\n        <div class=\"footer-inferior\">\n            <div class=\"footer-creditos-izq\">\n                <p class=\"copyright-texto\">\u00a9 2026 Gr\u00faas Williams. Todos los derechos reservados.<\/p>\n                <a href=\"#\" class=\"footer-link-legal\">Pol\u00edtica de Privacidad<\/a>\n            <\/div>\n            <p class=\"legal-texto\">Asistencia Vehicular de Alta Gama<\/p>\n        <\/div>\n\n    <\/div>\n<\/footer>\n\n<style>\n    \/* --- BASE DEL FOOTER EN NEGRO PROFUNDO --- *\/\n    .williams-footer-negro {\n        background: #0a0a0a; \/* Fondo negro elegante matching con el Header *\/\n        color: #ffffff;\n        padding: 80px 20px 30px 20px;\n        box-sizing: border-box;\n        border-top: 1px solid rgba(255, 215, 0, 0.2); \/* Borde superior amarillo muy sutil *\/\n    }\n\n    .williams-footer-negro .wrap-footer {\n        max-width: 1200px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* REJILLA PRINCIPAL *\/\n    .williams-footer-negro .footer-grid {\n        display: grid;\n        grid-template-columns: 2fr 1fr 1.3fr;\n        gap: 50px;\n        padding-bottom: 50px;\n        box-sizing: border-box;\n    }\n\n    .williams-footer-negro .footer-col {\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* LOGO Y NOMBRE *\/\n    .williams-footer-negro .footer-logo-placeholder {\n        margin-bottom: 20px;\n        display: flex;\n        align-items: center;\n    }\n\n    .williams-footer-negro .logo-texto-temporal {\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 22px;\n        font-weight: 900;\n        letter-spacing: -0.8px;\n        text-transform: uppercase;\n        color: #ffffff;\n    }\n    \n    .williams-footer-negro .logo-texto-temporal span {\n        color: #FFD700 !important;\n    }\n\n    \/* TEXTO DE DESCRIPCI\u00d3N *\/\n    .williams-footer-negro .footer-descripcion {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 14px;\n        line-height: 1.6;\n        color: #cccccc;\n        margin: 0 0 20px 0;\n        max-width: 420px;\n    }\n\n    .williams-footer-negro .footer-descripcion strong {\n        font-weight: 800;\n        color: #ffffff !important;\n    }\n\n    \/* L\u00cdNEA TRICOLOR DE IDENTIDAD *\/\n    .williams-footer-negro .identidad-ecuador-footer { \n        width: 100px; \n        height: 4px; \n        background: linear-gradient(to right, #FFD700 50%, #0033a0 50%, #0033a0 75%, #bd1121 75%);\n    }\n\n    \/* T\u00cdTULOS DE COLUMNAS *\/\n    .williams-footer-negro .footer-titulo-col {\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 14px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        margin: 0 0 20px 0;\n        color: #FFD700;\n    }\n\n    \/* ENLACES DE NAVEGACI\u00d3N *\/\n    .williams-footer-negro .footer-enlaces {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .williams-footer-negro .footer-enlaces a {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 13px;\n        color: #bbbbbb;\n        text-decoration: none;\n        text-transform: uppercase;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        transition: color 0.2s ease, transform 0.2s ease;\n        display: inline-block;\n    }\n\n    .williams-footer-negro .footer-enlaces a:hover {\n        color: #FFD700 !important;\n        transform: translateX(4px);\n    }\n\n    \/* DETALLES Y BOT\u00d3N DE ASISTENCIA *\/\n    .williams-footer-negro .contacto-info-texto {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 12px;\n        color: #888888;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin: 0 0 8px 0;\n        font-weight: 700;\n    }\n\n    \/* BOT\u00d3N DESTACADO DE LLAMADA *\/\n    .williams-footer-negro .btn-footer-llamada {\n        background: #FFD700;\n        color: #000000 !important;\n        padding: 14px 20px;\n        border-radius: 8px;\n        display: flex;\n        flex-direction: column;\n        text-decoration: none;\n        box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);\n        transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .williams-footer-negro .btn-footer-llamada:hover {\n        background: #e6c200;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(255, 215, 0, 0.35);\n    }\n\n    .williams-footer-negro .sub-btn {\n        font-size: 10px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        opacity: 0.8;\n    }\n\n    .williams-footer-negro .num-btn {\n        font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n        font-size: 18px;\n        font-weight: 900;\n        line-height: 1.1;\n    }\n\n    .williams-footer-negro .contacto-info-sub {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 12px;\n        color: #888888;\n        line-height: 1.5;\n        margin: 15px 0 0 0;\n    }\n\n    \/* BARRA INFERIOR *\/\n    .williams-footer-negro .footer-inferior {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        padding-top: 25px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    .williams-footer-negro .footer-creditos-izq {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n    }\n\n    .williams-footer-negro .copyright-texto,\n    .williams-footer-negro .footer-link-legal,\n    .williams-footer-negro .legal-texto {\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: 12px;\n        color: #777777;\n        margin: 0;\n    }\n\n    .williams-footer-negro .footer-link-legal {\n        color: #aaaaaa;\n        text-decoration: underline;\n        transition: color 0.2s ease;\n    }\n\n    .williams-footer-negro .footer-link-legal:hover {\n        color: #FFD700;\n    }\n\n    .williams-footer-negro .legal-texto {\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        font-weight: 700;\n    }\n\n    \/* RESPONSIVO *\/\n    @media (max-width: 991px) {\n        .williams-footer-negro .footer-grid {\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n        }\n        .williams-footer-negro .col-identidad {\n            grid-column: span 2;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .williams-footer-negro {\n            padding: 50px 15px 25px 15px;\n        }\n\n        .williams-footer-negro .footer-grid {\n            grid-template-columns: 1fr;\n            gap: 30px;\n        }\n\n        .williams-footer-negro .col-identidad {\n            grid-column: span 1;\n        }\n\n        .williams-footer-negro .footer-inferior {\n            flex-direction: column;\n            gap: 12px;\n            text-align: center;\n        }\n\n        .williams-footer-negro .footer-creditos-izq {\n            flex-direction: column;\n            gap: 8px;\n        }\n    }\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GR\u00daAS WILIAMS 24\/7 ACTIVOS Inicio Servicios C\u00f3mo Pedir Gr\u00faa Preguntas Cobertura Llamar Gr\u00faa MONITOREO 24\/7 Gr\u00faa en camino hacia Conocoto [&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":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-ecuador.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/www.gruas-ecuador.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}