{"id":3104,"date":"2026-07-14T12:59:26","date_gmt":"2026-07-14T17:59:26","guid":{"rendered":"https:\/\/fiadoresdebogota.com\/?page_id=3104"},"modified":"2026-10-07T15:45:31","modified_gmt":"2026-10-07T20:45:31","slug":"inicio-nuevo","status":"publish","type":"page","link":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   HERO FIADORES DE BOGOT\u00c1\n   HTML + CSS + JS\n========================================================= *\/\n\/* =========================================================\n   RESET\n========================================================= *\/\n.hero-fiadores,\n.hero-fiadores * {\n    box-sizing: border-box;\n}\n\/* =========================================================\n   HERO PRINCIPAL\n========================================================= *\/\n.hero-fiadores {\n    position: relative;\n    width: 100vw;\n    min-height: 100vh;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    margin-top: 0;\n    padding: 0;\n    background-image: url(\n        \"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/07\/Ciudad-de-bogota.webp\"\n    );\n    background-position: center center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\/* =========================================================\n   FONDO OSCURO\n========================================================= *\/\n.hero-fiadores-overlay {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(8, 35, 82, 0.75);\n    z-index: 1;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.hero-fiadores-container {\n    position: relative;\n    z-index: 5;\n    width: 90%;\n    max-width: 1200px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 60px;\n}\n\/* =========================================================\n   PARTE IZQUIERDA\n========================================================= *\/\n.hero-fiadores-info {\n    width: 55%;\n    color: #ffffff !important;\n}\n\/* =========================================================\n   SUBT\u00cdTULO\n========================================================= *\/\n.hero-fiadores-subtitle {\n    display: inline-block;\n    color: #ff4d4d !important;\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    line-height: 1.3;\n    margin-bottom: 22px;\n}\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n.hero-fiadores .hero-fiadores-title {\n    display: block;\n    width: 100%;\n    margin: 0 0 25px 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 60px !important;\n    font-weight: 700 !important;\n    line-height: 1.08 !important;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n}\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n.hero-fiadores .hero-fiadores-description {\n    margin: 0 0 35px 0 !important;\n    padding: 0 !important;\n    max-width: 650px;\n    color: #ffffff !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 20px !important;\n    font-weight: 400 !important;\n    line-height: 1.8 !important;\n}\n\/* =========================================================\n   BOTONES IZQUIERDA\n========================================================= *\/\n.hero-fiadores-buttons {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    flex-wrap: wrap;\n}\n.hero-fiadores .hero-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 60px;\n    padding: 16px 34px;\n    border-radius: 40px;\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    transition: all 0.3s ease;\n}\n\/* WHATSAPP *\/\n.hero-fiadores .hero-btn-whatsapp {\n    background: #d8232a !important;\n    color: #ffffff !important;\n}\n.hero-fiadores .hero-btn-whatsapp:hover {\n    background: #b8181e !important;\n    color: #ffffff !important;\n    transform: translateY(-2px);\n}\n\/* SERVICIOS *\/\n.hero-fiadores .hero-btn-services {\n    background: #ffffff !important;\n    color: #0b2e63 !important;\n}\n.hero-fiadores .hero-btn-services:hover {\n    background: #eeeeee !important;\n    color: #0b2e63 !important;\n    transform: translateY(-2px);\n}\n\/* =========================================================\n   FORMULARIO\n========================================================= *\/\n.hero-fiadores-form-container {\n    width: 380px;\n    flex-shrink: 0;\n}\n\/* =========================================================\n   T\u00cdTULO DEL FORMULARIO\n========================================================= *\/\n.hero-fiadores .hero-fiadores-form-title {\n    margin: 0 0 25px 0 !important;\n    padding: 0 !important;\n    text-align: center;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 36px !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n}\n\/* =========================================================\n   CAJA BLANCA\n========================================================= *\/\n.hero-fiadores .hero-fiadores-form {\n    width: 100%;\n    margin: 0 !important;\n    padding: 35px !important;\n    background: #ffffff !important;\n    border-radius: 20px !important;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\n}\n\/* =========================================================\n   INPUTS Y SELECT\n========================================================= *\/\n.hero-fiadores .hero-fiadores-form input,\n.hero-fiadores .hero-fiadores-form select {\n    display: block;\n    width: 100%;\n    height: 51px;\n    margin: 0 0 18px 0 !important;\n    padding: 0 15px !important;\n    border: 1px solid #dddddd !important;\n    border-radius: 10px !important;\n    outline: none !important;\n    background: #ffffff !important;\n    color: #111111 !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    box-shadow: none !important;\n}\n\/* PLACEHOLDER *\/\n.hero-fiadores .hero-fiadores-form input::placeholder {\n    color: #777777 !important;\n    opacity: 1;\n}\n\/* FOCUS *\/\n.hero-fiadores .hero-fiadores-form input:focus,\n.hero-fiadores .hero-fiadores-form select:focus {\n    border-color: #0b2e63 !important;\n    box-shadow: 0 0 0 2px rgba(11, 46, 99, 0.08) !important;\n}\n\/* SELECT *\/\n.hero-fiadores .hero-fiadores-form select {\n    cursor: pointer;\n}\n\/* =========================================================\n   RESULTADO DEL C\u00c1LCULO\n========================================================= *\/\n.hero-fiadores-resultado {\n    width: 100%;\n    margin: -2px 0 20px 0;\n    padding: 14px 10px;\n    text-align: center;\n    border-radius: 10px;\n    background: #f3f6fa;\n    color: #0b2e63 !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 17px !important;\n    font-weight: 700 !important;\n    line-height: 1.4;\n}\n\/* =========================================================\n   BOT\u00d3N ENVIAR\n========================================================= *\/\n.hero-fiadores .hero-fiadores-form button {\n    display: block;\n    width: 100%;\n    height: 53px;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 10px !important;\n    background: #d8232a !important;\n    color: #ffffff !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 17px !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n.hero-fiadores .hero-fiadores-form button:hover {\n    background: #b8181e !important;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n}\n\/* =========================================================\n   PUNTOS DEL CARRUSEL\n========================================================= *\/\n.hero-fiadores .hero-slider-dots {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n.hero-fiadores .hero-slider-dots span {\n    display: block;\n    width: 12px;\n    height: 12px;\n    margin: 0;\n    padding: 0;\n    border-radius: 50%;\n    background: #bbbbbb;\n}\n.hero-fiadores .hero-slider-dots .active {\n    background: #d8232a;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 992px) {\n    .hero-fiadores {\n        min-height: auto;\n        padding: 100px 0 80px 0;\n    }\n    .hero-fiadores-container {\n        width: 90%;\n        flex-direction: column;\n        text-align: center;\n        gap: 50px;\n    }\n    .hero-fiadores-info {\n        width: 100%;\n    }\n    .hero-fiadores-form-container {\n        width: 100%;\n        max-width: 500px;\n    }\n    .hero-fiadores .hero-fiadores-title {\n        font-size: 48px !important;\n    }\n    .hero-fiadores .hero-fiadores-description {\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n    .hero-fiadores-buttons {\n        justify-content: center;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 600px) {\n    .hero-fiadores {\n        padding: 80px 0 70px 0;\n    }\n    .hero-fiadores-container {\n        width: 88%;\n    }\n    .hero-fiadores-subtitle {\n        font-size: 17px;\n        letter-spacing: 1px;\n        margin-bottom: 18px;\n    }\n    .hero-fiadores .hero-fiadores-title {\n        font-size: 36px !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.5px;\n    }\n    .hero-fiadores .hero-fiadores-description {\n        font-size: 17px !important;\n        line-height: 1.6 !important;\n    }\n    .hero-fiadores-buttons {\n        flex-direction: column;\n        width: 100%;\n    }\n    .hero-fiadores .hero-btn {\n        width: 100%;\n    }\n    .hero-fiadores-form-container {\n        width: 100%;\n    }\n    .hero-fiadores .hero-fiadores-form-title {\n        font-size: 30px !important;\n    }\n    .hero-fiadores .hero-fiadores-form {\n        padding: 25px !important;\n    }\n    .hero-fiadores-resultado {\n        font-size: 15px !important;\n    }\n}\n\/* =========================================================\n   LIMPIEZA WORDPRESS \/ ASTRA\n========================================================= *\/\n.site-content,\n.content-area,\n.entry-content,\n.page-content,\n.ast-container,\n.wp-site-blocks,\nmain,\narticle {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\/* T\u00cdTULO WORDPRESS *\/\n.entry-title,\n.page-title,\n.wp-block-post-title,\nh1.entry-title,\n.entry-header {\n    display: none !important;\n}\n\/* BREADCRUMBS *\/\n.site-breadcrumbs,\n.breadcrumbs,\n.site-breadcrumbs__wrap,\n.breadcrumbs__wrap {\n    display: none !important;\n}\n\/* ASTRA *\/\n.ast-container {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/\/ =========================================\n    \/\/ ELEMENTOS DEL FORMULARIO\n    \/\/ =========================================\n    const inputCanon = document.getElementById(\"canon\");\n    const tipo = document.getElementById(\"tipo\");\n    const resultado = document.getElementById(\"resultado\");\n\n    \/\/ Verificar que los elementos existan\n    if (!inputCanon || !tipo || !resultado) {\n        return;\n    }\n\n\n    \/\/ =========================================\n    \/\/ FORMATEAR AUTOM\u00c1TICAMENTE EL CANON\n    \/\/ =========================================\n    inputCanon.addEventListener(\"input\", function () {\n\n        let valor = this.value.replace(\/\\D\/g, \"\");\n\n        if (valor === \"\") {\n            this.value = \"\";\n            calcular();\n            return;\n        }\n\n        valor = Number(valor).toLocaleString(\"es-CO\");\n\n        this.value = valor;\n\n        calcular();\n    });\n\n\n    \/\/ =========================================\n    \/\/ FUNCI\u00d3N PARA CALCULAR EL SERVICIO\n    \/\/ =========================================\n    function calcular() {\n\n        \/\/ Quitar los puntos del valor\n        let canon = inputCanon.value.replace(\/\\.\/g, \"\");\n\n        canon = parseFloat(canon);\n\n        let tipoSeleccionado = tipo.value;\n\n        let servicio = 0;\n\n\n        \/\/ =========================================\n        \/\/ SI NO HAY VALOR\n        \/\/ =========================================\n        if (!canon || canon <= 0) {\n\n            resultado.innerText = \"Ingresa un valor v\u00e1lido\";\n\n            return;\n        }\n\n\n        \/\/ =========================================\n        \/\/ FIADOR DIRECTO\n        \/\/ =========================================\n        if (tipoSeleccionado === \"directo\") {\n\n            \/\/ 30% del canon\n            servicio = canon * 0.30;\n\n        }\n\n\n        \/\/ =========================================\n        \/\/ INMOBILIARIA \/ ASEGURADORA\n        \/\/ =========================================\n        else if (tipoSeleccionado === \"aseguradora\") {\n\n            if (canon <= 1000000) {\n\n                servicio = 500000;\n\n            } else {\n\n                let excedente = canon - 1000000;\n\n                servicio = 500000 + (excedente * 0.30);\n\n            }\n\n        }\n\n\n        \/\/ =========================================\n        \/\/ RETIRO DE CESANT\u00cdAS\n        \/\/ =========================================\n        else if (tipoSeleccionado === \"cesantias\") {\n\n            servicio = canon * 0.20;\n\n        }\n\n\n        \/\/ =========================================\n        \/\/ PAQUETE LABORAL\n        \/\/ =========================================\n        else if (tipoSeleccionado === \"laboral\") {\n\n            servicio = 250000;\n\n        }\n\n\n        \/\/ =========================================\n        \/\/ FORMATO COLOMBIANO\n        \/\/ =========================================\n        resultado.innerText =\n            \"Valor del servicio: \" +\n            servicio.toLocaleString(\"es-CO\", {\n                style: \"currency\",\n                currency: \"COP\",\n                maximumFractionDigits: 0\n            });\n\n    }\n\n\n    \/\/ =========================================\n    \/\/ CAMBIAR TIPO DE TR\u00c1MITE\n    \/\/ =========================================\n    tipo.addEventListener(\"change\", function () {\n\n        \/\/ Cambiar placeholder dependiendo del tr\u00e1mite\n        if (tipo.value === \"cesantias\") {\n\n            inputCanon.placeholder = \"Valor de las cesant\u00edas\";\n\n        } else if (tipo.value === \"laboral\") {\n\n            inputCanon.placeholder = \"Valor del paquete laboral\";\n\n        } else {\n\n            inputCanon.placeholder = \"Canon de arrendamiento\";\n\n        }\n\n        calcular();\n\n    });\n\n\n    \/\/ =========================================\n    \/\/ CALCULAR AL CARGAR LA P\u00c1GINA\n    \/\/ =========================================\n    calcular();\n\n});\n<\/script>\n\n<section class=\"hero-fiadores\">\n\n    <!-- FONDO OSCURO -->\n    <div class=\"hero-fiadores-overlay\"><\/div>\n\n    <!-- CONTENIDO PRINCIPAL -->\n    <div class=\"hero-fiadores-container\">\n\n        <!-- =========================================\n             INFORMACI\u00d3N IZQUIERDA\n        ========================================== -->\n        <div class=\"hero-fiadores-info\">\n\n            <div class=\"hero-fiadores-subtitle\">\n                FIADORES DE BOGOT\u00c1 S.A.S.\n            <\/div>\n\n            <h1 class=\"hero-fiadores-title\">\n                FIADORES CON <br>\n                RESPALDO REAL\n            <\/h1>\n\n            <p class=\"hero-fiadores-description\">\n                Brindamos soluciones r\u00e1pidas, legales y confiables para\n                arrendamientos, contratos y tr\u00e1mites inmobiliarios.\n            <\/p>\n\n            <!-- BOTONES -->\n            <div class=\"hero-fiadores-buttons\">\n\n                <a href=\"https:\/\/wa.me\/573227275488\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn hero-btn-whatsapp\">\n                    WhatsApp\n                <\/a>\n\n                <a href=\"#servicios\" class=\"hero-btn hero-btn-services\">\n                    Nuestros Servicios\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================================\n             FORMULARIO\n        ========================================== -->\n        <div class=\"hero-fiadores-form-container\">\n\n            <h2 class=\"hero-fiadores-form-title\">\n                Solicita tu Fiador\n            <\/h2>\n\n            <form id=\"formulario-fiador\" class=\"hero-fiadores-form\">\n\n                <!-- NOMBRE -->\n                <input id=\"nombre\" name=\"nombre\" required=\"\" type=\"text\" placeholder=\"Nombre Completo\">\n\n                <!-- TEL\u00c9FONO -->\n                <input id=\"telefono\" name=\"telefono\" required=\"\" type=\"tel\" placeholder=\"Tel\u00e9fono\">\n\n                <!-- CORREO -->\n                <input id=\"correo\" name=\"correo\" required=\"\" type=\"email\" placeholder=\"Correo Electr\u00f3nico\">\n\n                <!-- TIPO DE TR\u00c1MITE -->\n                <select id=\"tipo\" name=\"tipo\" required=\"\">\n                    <option value=\"\">\n                        Tipo de tr\u00e1mite\n                    <\/option>\n\n                    <option value=\"aseguradora\">\n                        Fiador para inmobiliaria o aseguradora\n                    <\/option>\n\n                    <option value=\"directo\">\n                        Fiador para arriendo directo o abogados\n                    <\/option>\n\n                    <option value=\"cesantias\">\n                        Retiro de cesant\u00edas\n                    <\/option>\n\n                    <option value=\"laboral\">\n                        Paquete laboral\n                    <\/option>\n                <\/select>\n\n                <!-- CANON -->\n                <input id=\"canon\" name=\"canon\" required=\"\" type=\"text\" placeholder=\"Canon de arrendamiento\">\n\n                <!-- RESULTADO -->\n                <div id=\"resultado\" class=\"hero-fiadores-resultado\">\n                    Valor del servicio de fiador: $0\n                <\/div>\n\n                <!-- BOT\u00d3N -->\n                <button id=\"btn-enviar\" type=\"submit\">\n                    ENVIAR SOLICITUD\n                <\/button>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================================\n         PUNTOS DEL CARRUSEL\n    ========================================== -->\n    <div class=\"hero-slider-dots\">\n\n        <span class=\"active\"><\/span>\n        <span><\/span>\n        <span><\/span>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SERVICIOS - FIADORES DE BOGOT\u00c1\n========================================================= *\/\n.servicios-fiadores {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 45px 3% 50px;\n    background: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.servicios-container {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n}\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n.servicio-card {\n    width: 100%;\n    min-height: 270px;\n    padding: 30px 30px 28px;\n    background: #ffffff;\n    border-radius: 14px;\n    box-shadow:\n        0 6px 25px rgba(0, 0, 0, 0.09);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    text-align: center;\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\/* =========================================================\n   EFECTO HOVER\n========================================================= *\/\n.servicio-card:hover {\n    transform: translateY(-7px);\n    box-shadow:\n        0 14px 35px rgba(0, 0, 0, 0.14);\n}\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n.servicio-icono {\n    width: 100px;\n    height: 100px;\n    margin: 0 auto 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.servicio-icono svg {\n    width: 90px;\n    height: 90px;\n    display: block;\n}\n\/* =========================================================\n   L\u00cdNEA ROJA\n========================================================= *\/\n.servicio-linea {\n    width: 45px;\n    height: 3px;\n    margin: 0 auto 17px;\n    background: #e3262e;\n    border-radius: 3px;\n}\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n.servicio-card h3 {\n    width: 100%;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    color: #101d3c !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n}\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n.servicio-card p {\n    width: 100%;\n    max-width: 280px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    color: #666666 !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.6 !important;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 1100px) {\n    .servicios-fiadores {\n        padding: 40px 3%;\n    }\n    .servicios-container {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n    .servicio-card {\n        min-height: 260px;\n    }\n}\n\/* =========================================================\n   TABLET PEQUE\u00d1A\n========================================================= *\/\n@media (max-width: 700px) {\n    .servicios-fiadores {\n        padding: 35px 5%;\n    }\n    .servicios-container {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n    .servicio-card {\n        min-height: 245px;\n        padding: 25px 18px;\n    }\n    .servicio-icono {\n        width: 85px;\n        height: 85px;\n    }\n    .servicio-icono svg {\n        width: 78px;\n        height: 78px;\n    }\n    .servicio-card h3 {\n        font-size: 16px !important;\n    }\n    .servicio-card p {\n        font-size: 13px !important;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 500px) {\n    .servicios-fiadores {\n        width: 100vw;\n        margin-left: calc(50% - 50vw);\n        padding: 30px 20px 40px;\n    }\n    .servicios-container {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .servicio-card {\n        min-height: 250px;\n        padding: 30px 25px;\n    }\n    .servicio-icono {\n        width: 95px;\n        height: 95px;\n    }\n    .servicio-icono svg {\n        width: 88px;\n        height: 88px;\n    }\n    .servicio-linea {\n        width: 45px;\n        height: 3px;\n        margin-bottom: 15px;\n    }\n    .servicio-card h3 {\n        font-size: 19px !important;\n        margin-bottom: 12px !important;\n    }\n    .servicio-card p {\n        max-width: 320px;\n        font-size: 14px !important;\n        line-height: 1.6 !important;\n    }\n}\n<\/style>\n\n<section class=\"servicios-fiadores\">\n\n    <div class=\"servicios-container\">\n\n        <!-- TARJETA 1 -->\n        <div class=\"servicio-card\">\n\n            <div class=\"servicio-icono\">\n                <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M32 6\n                             C25 13 18 14 10 16\n                             V31\n                             C10 44 19 54 32 59\n                             C45 54 54 44 54 31\n                             V16\n                             C46 14 39 13 32 6Z\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"><\/path>\n\n                    <path d=\"M21 32 L28 39 L43 23\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"3\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <div class=\"servicio-linea\"><\/div>\n\n            <h3>\n                Fiadores para Arriendo\n            <\/h3>\n\n            <p>\n                Te ayudamos a conseguir fiadores para contratos de arrendamiento con aseguradora o abogados.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- TARJETA 2 -->\n        <div class=\"servicio-card\">\n\n            <div class=\"servicio-icono\">\n                <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                    <!-- PERSONA IZQUIERDA -->\n                    <path d=\"M8 22 L17 13 L30 20\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M17 13 L11 29 L22 37\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <!-- PERSONA DERECHA -->\n                    <path d=\"M56 22 L47 13 L34 20\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M47 13 L53 29 L42 37\"\n                          fill=\"none\"\n                          stroke=\"#e3262e\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <!-- MANOS -->\n                    <path d=\"M22 37 L29 44\n                             C31 46 34 46 36 44\n                             L45 35\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"3\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M29 44 L24 39\"\n                          fill=\"none\"\n                          stroke=\"#e3262e\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                <\/svg>\n            <\/div>\n\n            <div class=\"servicio-linea\"><\/div>\n\n            <h3>\n                Fiador Solvente\n            <\/h3>\n\n            <p>\n                Un fiador solvente es la persona que respalda tu obligaci\u00f3n demostrando que tiene los ingresos suficientes para responder si t\u00fa no puedes pagar.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- TARJETA 3 -->\n        <div class=\"servicio-card\">\n\n            <div class=\"servicio-icono\">\n                <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                    <!-- DOCUMENTO -->\n                    <path d=\"M16 6 H43 L53 16 V57 H16 Z\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"><\/path>\n\n                    <!-- ESQUINA -->\n                    <path d=\"M43 6 V17 H53\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"><\/path>\n\n                    <!-- FIRMA -->\n                    <path d=\"M23 29\n                             C26 25 31 25 31 29\n                             C31 34 25 36 23 32\n                             C21 28 24 24 28 24\"\n                          fill=\"none\"\n                          stroke=\"#e3262e\"\n                          stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"><\/path>\n\n                    <!-- LINEAS -->\n                    <line x1=\"23\" y1=\"42\" x2=\"45\" y2=\"42\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2\"><\/line>\n\n                    <line x1=\"23\" y1=\"48\" x2=\"39\" y2=\"48\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2\"><\/line>\n\n                <\/svg>\n            <\/div>\n\n            <div class=\"servicio-linea\"><\/div>\n\n            <h3>\n                Fiador con Finca Ra\u00edz\n            <\/h3>\n\n            <p>\n                Un fiador con finca ra\u00edz es quien respalda tu obligaci\u00f3n (como un contrato de arriendo) demostrando la propiedad de un inmueble libre de deudas, el cual sirve como garant\u00eda de pago.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- TARJETA 4 -->\n        <div class=\"servicio-card\">\n\n            <div class=\"servicio-icono\">\n                <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                    <!-- EDIFICIO -->\n                    <rect x=\"16\" y=\"10\" width=\"32\" height=\"45\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"><\/rect>\n\n                    <!-- TECHO -->\n                    <path d=\"M12 55 H52\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2.5\"><\/path>\n\n                    <!-- VENTANAS -->\n                    <circle cx=\"25\" cy=\"20\" r=\"2.5\" fill=\"#142d6b\"><\/circle>\n                    <circle cx=\"39\" cy=\"20\" r=\"2.5\" fill=\"#142d6b\"><\/circle>\n                    <circle cx=\"25\" cy=\"30\" r=\"2.5\" fill=\"#142d6b\"><\/circle>\n                    <circle cx=\"39\" cy=\"30\" r=\"2.5\" fill=\"#142d6b\"><\/circle>\n\n                    <!-- PUERTA -->\n                    <rect x=\"27\" y=\"40\" width=\"10\" height=\"15\"\n                          fill=\"none\"\n                          stroke=\"#142d6b\"\n                          stroke-width=\"2\"><\/rect>\n\n                    <!-- DETALLE ROJO -->\n                    <path d=\"M9 55 V34 H16\"\n                          fill=\"none\"\n                          stroke=\"#e3262e\"\n                          stroke-width=\"2.5\"><\/path>\n\n                    <path d=\"M48 55 V34 H55\"\n                          fill=\"none\"\n                          stroke=\"#e3262e\"\n                          stroke-width=\"2.5\"><\/path>\n\n                <\/svg>\n            <\/div>\n\n            <div class=\"servicio-linea\"><\/div>\n\n            <h3>\n                Paquete Laboral\n            <\/h3>\n\n            <p>\n                &#x2714; Elaboraci\u00f3n de carta laboral<br>\n                &#x2714; Certificaci\u00f3n de ingresos<br>\n                &#x2714; Soportes laborales requeridos\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   PROCESO FIADORES DE BOGOT\u00c1\n   FONDO AZUL CORPORATIVO\n========================================================= *\/\n.proceso-fiadores {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 70px 4% 75px;\n    background: #333798;\n    font-family: Arial, Helvetica, sans-serif;\n    color: #ffffff;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.proceso-fiadores-container {\n    width: 100%;\n    max-width: 1450px;\n    margin: 0 auto;\n}\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n.proceso-fiadores-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.proceso-fiadores .proceso-fiadores-header h2 {\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 36px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n}\n.proceso-fiadores .proceso-fiadores-header p {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: rgba(255,255,255,0.85) !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n}\n\/* =========================================================\n   GRID\n========================================================= *\/\n.proceso-fiadores-grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n.proceso-fiadores-card {\n    position: relative;\n    min-height: 310px;\n    padding: 30px 28px 32px;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transition:\n        transform 0.3s ease,\n        background 0.3s ease,\n        border-color 0.3s ease;\n}\n\/* =========================================================\n   HOVER\n========================================================= *\/\n.proceso-fiadores-card:hover {\n    transform: translateY(-5px);\n    background: rgba(255,255,255,0.13);\n    border-color: rgba(255,255,255,0.30);\n}\n\/* =========================================================\n   N\u00daMERO\n========================================================= *\/\n.proceso-fiadores-numero {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 25px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #df2d2b;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 20px;\n    font-weight: 700;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n}\n\/* =========================================================\n   T\u00cdTULO DE CADA PASO\n========================================================= *\/\n.proceso-fiadores .proceso-fiadores-card h3 {\n    width: 100%;\n    min-height: 52px;\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 19px !important;\n    font-weight: 700 !important;\n    line-height: 1.35 !important;\n}\n\/* =========================================================\n   L\u00cdNEA ROJA\n========================================================= *\/\n.proceso-fiadores-linea {\n    width: 45px;\n    height: 2px;\n    margin: 18px auto 20px;\n    background: #df2d2b;\n    border-radius: 3px;\n}\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n.proceso-fiadores .proceso-fiadores-card p {\n    width: 100%;\n    max-width: 290px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    color: rgba(255,255,255,0.88) !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.65 !important;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 1050px) {\n    .proceso-fiadores {\n        padding: 60px 4%;\n    }\n    .proceso-fiadores-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 22px;\n    }\n    .proceso-fiadores-card {\n        min-height: 290px;\n    }\n}\n\/* =========================================================\n   TABLET PEQUE\u00d1A\n========================================================= *\/\n@media (max-width: 700px) {\n    .proceso-fiadores {\n        padding: 55px 5%;\n    }\n    .proceso-fiadores-header {\n        margin-bottom: 35px;\n    }\n    .proceso-fiadores .proceso-fiadores-header h2 {\n        font-size: 30px !important;\n    }\n    .proceso-fiadores-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n    .proceso-fiadores-card {\n        min-height: 300px;\n        padding: 25px 20px;\n    }\n    .proceso-fiadores .proceso-fiadores-card h3 {\n        font-size: 17px !important;\n    }\n    .proceso-fiadores .proceso-fiadores-card p {\n        font-size: 13px !important;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 500px) {\n    .proceso-fiadores {\n        padding: 50px 20px 55px;\n    }\n    .proceso-fiadores-header {\n        margin-bottom: 35px;\n    }\n    .proceso-fiadores .proceso-fiadores-header h2 {\n        font-size: 27px !important;\n        line-height: 1.25 !important;\n    }\n    .proceso-fiadores .proceso-fiadores-header p {\n        font-size: 14px !important;\n    }\n    .proceso-fiadores-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n    .proceso-fiadores-card {\n        min-height: auto;\n        padding: 30px 25px 35px;\n    }\n    .proceso-fiadores-numero {\n        width: 60px;\n        height: 60px;\n        font-size: 20px;\n        margin-bottom: 20px;\n    }\n    .proceso-fiadores .proceso-fiadores-card h3 {\n        min-height: auto;\n        font-size: 19px !important;\n    }\n    .proceso-fiadores .proceso-fiadores-card p {\n        max-width: 330px;\n        font-size: 14px !important;\n    }\n}\n<\/style>\n\n<section class=\"proceso-fiadores\">\n\n    <div class=\"proceso-fiadores-container\">\n\n        <!-- T\u00cdTULO -->\n        <div class=\"proceso-fiadores-header\">\n\n            <h2>\n                Nuestro Proceso en 4 Simples Pasos\n            <\/h2>\n\n            <p>\n                Te acompa\u00f1amos de principio a fin para facilitar tu proceso.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- PASOS -->\n        <div class=\"proceso-fiadores-grid\">\n\n\n            <!-- PASO 1 -->\n            <div class=\"proceso-fiadores-card\">\n\n                <div class=\"proceso-fiadores-numero\">\n                    1\n                <\/div>\n\n                <h3>\n                    Selecciona el inmueble ideal\n                <\/h3>\n\n                <div class=\"proceso-fiadores-linea\"><\/div>\n\n                <p>\n                    Encuentra el inmueble que deseas alquilar,\n                    asegur\u00e1ndote de que cumpla con tus necesidades\n                    y expectativas.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PASO 2 -->\n            <div class=\"proceso-fiadores-card\">\n\n                <div class=\"proceso-fiadores-numero\">\n                    2\n                <\/div>\n\n                <h3>\n                    Verifica los requisitos del arrendamiento\n                <\/h3>\n\n                <div class=\"proceso-fiadores-linea\"><\/div>\n\n                <p>\n                    Revisa los requisitos exigidos para la toma\n                    del inmueble e identifica qui\u00e9n los solicita.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PASO 3 -->\n            <div class=\"proceso-fiadores-card\">\n\n                <div class=\"proceso-fiadores-numero\">\n                    3\n                <\/div>\n\n                <h3>\n                    Asesor\u00eda y elecci\u00f3n del fiador\n                <\/h3>\n\n                <div class=\"proceso-fiadores-linea\"><\/div>\n\n                <p>\n                    Recibe asesor\u00eda personalizada para elegir\n                    el fiador que cumpla con todos los requisitos\n                    legales y financieros.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PASO 4 -->\n            <div class=\"proceso-fiadores-card\">\n\n                <div class=\"proceso-fiadores-numero\">\n                    4\n                <\/div>\n\n                <h3>\n                    Firma del contrato\n                <\/h3>\n\n                <div class=\"proceso-fiadores-linea\"><\/div>\n\n                <p>\n                    Agenda la firma del contrato y finaliza\n                    el proceso con la entrega del inmueble.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   EXPERIENCIA - FIADORES DE BOGOT\u00c1\n   DISE\u00d1O CLARO Y CORPORATIVO\n========================================================= *\/\n\/* =========================================================\n   SECCI\u00d3N PRINCIPAL\n========================================================= *\/\n.experiencia-fiadores {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 85px 5%;\n    background: #ffffff;\n    color: #333333;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.experiencia-fiadores-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: center;\n    gap: 80px;\n}\n\/* =========================================================\n   INFORMACI\u00d3N IZQUIERDA\n========================================================= *\/\n.experiencia-fiadores-info {\n    width: 100%;\n}\n\/* =========================================================\n   ETIQUETA\n========================================================= *\/\n.experiencia-fiadores-etiqueta {\n    display: inline-block;\n    margin-bottom: 18px;\n    color: #df2d2b;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 2px;\n}\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n.experiencia-fiadores .experiencia-fiadores-titulo {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #333798 !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 43px !important;\n    font-weight: 700 !important;\n    line-height: 1.15 !important;\n}\n\/* =========================================================\n   SPAN DEL T\u00cdTULO\n========================================================= *\/\n.experiencia-fiadores-titulo span {\n    display: block;\n    color: #333798 !important;\n}\n\/* =========================================================\n   L\u00cdNEA DECORATIVA\n========================================================= *\/\n.experiencia-fiadores-linea {\n    width: 55px;\n    height: 3px;\n    margin: 24px 0 25px;\n    background: #df2d2b;\n    border-radius: 3px;\n}\n\/* =========================================================\n   P\u00c1RRAFOS PRINCIPALES\n========================================================= *\/\n.experiencia-fiadores .experiencia-fiadores-info > p {\n    max-width: 680px;\n    margin: 0 0 17px 0 !important;\n    padding: 0 !important;\n    color: #4d4d4d !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    line-height: 1.7 !important;\n}\n\/* =========================================================\n   NEGRITAS\n========================================================= *\/\n.experiencia-fiadores-info strong {\n    color: #333798;\n    font-weight: 700;\n}\n\/* =========================================================\n   DEFINICI\u00d3N DE FIADOR\n========================================================= *\/\n.experiencia-fiadores-definicion {\n    margin-top: 28px;\n    padding: 22px 25px;\n    background: #f5f6ff;\n    border-left: 4px solid #df2d2b;\n    border-radius: 0 10px 10px 0;\n}\n\/* =========================================================\n   T\u00cdTULO DEFINICI\u00d3N\n========================================================= *\/\n.experiencia-fiadores .experiencia-fiadores-definicion h3 {\n    margin: 0 0 10px 0 !important;\n    padding: 0 !important;\n    color: #333798 !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 21px !important;\n    font-weight: 700 !important;\n}\n\/* =========================================================\n   TEXTO DEFINICI\u00d3N\n========================================================= *\/\n.experiencia-fiadores .experiencia-fiadores-definicion p {\n    margin: 0 0 10px 0 !important;\n    padding: 0 !important;\n    color: #555555 !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n}\n.experiencia-fiadores .experiencia-fiadores-definicion p:last-child {\n    margin-bottom: 0 !important;\n}\n\/* =========================================================\n   DATO 99%\n========================================================= *\/\n.experiencia-fiadores-dato {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-top: 25px;\n}\n.experiencia-fiadores-dato strong {\n    color: #df2d2b !important;\n    font-size: 34px;\n    line-height: 1;\n}\n.experiencia-fiadores-dato span {\n    color: #555555;\n    font-size: 14px;\n}\n\/* =========================================================\n   CARRUSEL\n========================================================= *\/\n.experiencia-fiadores-carrusel {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\/* =========================================================\n   MARCO DEL CARRUSEL\n========================================================= *\/\n.experiencia-fiadores-marco {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    height: 650px;\n    padding: 12px;\n    background: #ffffff;\n    border: 1px solid #e3e3e3;\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow:\n        0 12px 35px rgba(0, 0, 0, 0.10);\n}\n\/* =========================================================\n   SLIDES\n========================================================= *\/\n.experiencia-slide {\n    position: absolute;\n    inset: 12px;\n    opacity: 0;\n    visibility: hidden;\n    transition:\n        opacity 0.8s ease,\n        visibility 0.8s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.experiencia-slide.active {\n    opacity: 1;\n    visibility: visible;\n}\n\/* =========================================================\n   IM\u00c1GENES\n========================================================= *\/\n.experiencia-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n    border-radius: 10px;\n}\n\/* =========================================================\n   INDICADORES\n========================================================= *\/\n.experiencia-indicadores {\n    position: absolute;\n    left: 50%;\n    bottom: 18px;\n    transform: translateX(-50%);\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    background: rgba(51, 55, 152, 0.85);\n    border-radius: 20px;\n}\n.experiencia-indicadores span {\n    display: block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ffffff;\n    opacity: 0.7;\n    transition: all 0.3s ease;\n}\n.experiencia-indicadores span.activo {\n    width: 20px;\n    border-radius: 10px;\n    background: #df2d2b;\n    opacity: 1;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 1000px) {\n    .experiencia-fiadores {\n        padding: 70px 5%;\n    }\n    .experiencia-fiadores-container {\n        grid-template-columns: 1fr;\n        gap: 55px;\n    }\n    .experiencia-fiadores-info {\n        max-width: 750px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    .experiencia-fiadores .experiencia-fiadores-titulo {\n        font-size: 38px !important;\n    }\n    .experiencia-fiadores-linea {\n        margin-left: auto;\n        margin-right: auto;\n    }\n    .experiencia-fiadores .experiencia-fiadores-info > p {\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n    .experiencia-fiadores-definicion {\n        text-align: left;\n    }\n    .experiencia-fiadores-dato {\n        justify-content: center;\n    }\n    .experiencia-fiadores-marco {\n        max-width: 430px;\n        height: 600px;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 600px) {\n    .experiencia-fiadores {\n        padding: 55px 20px 60px;\n    }\n    .experiencia-fiadores-container {\n        gap: 40px;\n    }\n    .experiencia-fiadores-etiqueta {\n        font-size: 13px;\n        letter-spacing: 1.5px;\n    }\n    .experiencia-fiadores .experiencia-fiadores-titulo {\n        font-size: 30px !important;\n        line-height: 1.2 !important;\n    }\n    .experiencia-fiadores .experiencia-fiadores-info > p {\n        font-size: 15px !important;\n        line-height: 1.65 !important;\n    }\n    .experiencia-fiadores-definicion {\n        padding: 18px 20px;\n        margin-top: 22px;\n    }\n    .experiencia-fiadores .experiencia-fiadores-definicion h3 {\n        font-size: 19px !important;\n    }\n    .experiencia-fiadores .experiencia-fiadores-definicion p {\n        font-size: 13px !important;\n    }\n    .experiencia-fiadores-marco {\n        width: 100%;\n        max-width: 350px;\n        height: 560px;\n        padding: 8px;\n        border-radius: 14px;\n    }\n    .experiencia-slide {\n        inset: 8px;\n    }\n    .experiencia-fiadores-dato strong {\n        font-size: 30px;\n    }\n}\n<\/style>\n\n<section class=\"experiencia-fiadores\">\n\n    <div class=\"experiencia-fiadores-container\">\n\n        <!-- =========================================\n             PARTE IZQUIERDA - INFORMACI\u00d3N\n        ========================================== -->\n        <div class=\"experiencia-fiadores-info\">\n\n            <!-- ETIQUETA -->\n            <span class=\"experiencia-fiadores-etiqueta\">\n                NUESTRA EXPERIENCIA\n            <\/span>\n\n            <!-- T\u00cdTULO -->\n            <h2 class=\"experiencia-fiadores-titulo\">\n                22 a\u00f1os de experiencia\n                <span>respaldando a nuestros clientes<\/span>\n            <\/h2>\n\n            <!-- L\u00cdNEA DECORATIVA -->\n            <div class=\"experiencia-fiadores-linea\"><\/div>\n\n            <!-- P\u00c1RRAFOS -->\n            <p>\n                Contamos con m\u00e1s de <strong>22 a\u00f1os de experiencia<\/strong>\n                trabajando con diversos fiadores en contratos de\n                arrendamiento.\n            <\/p>\n\n            <p>\n                \u00a1Estamos orgullosos! Gracias a nuestro equipo de trabajo\n                y a nuestras herramientas podemos ofrecer servicios de\n                fiadores de primer nivel, con documentaci\u00f3n verificable,\n                extractos bancarios y propiedades de finca ra\u00edz.\n            <\/p>\n\n            <p>\n                La satisfacci\u00f3n de nuestros clientes es una de nuestras\n                mayores prioridades. Por eso estamos comprometidos con\n                cada proceso y buscamos que las posibilidades de alcanzar\n                su objetivo sean tan altas como sea posible.\n            <\/p>\n\n            <!-- =========================================\n                 DEFINICI\u00d3N DE FIADOR\n            ========================================== -->\n            <div class=\"experiencia-fiadores-definicion\">\n\n                <h3>\n                    \u00bfQu\u00e9 es un fiador?\n                <\/h3>\n\n                <p>\n                    Un fiador es una persona, agencia o corporaci\u00f3n que\n                    act\u00faa como garant\u00eda y respalda el cumplimiento de una\n                    obligaci\u00f3n frente a una deuda o contrato.\n                <\/p>\n\n                <p>\n                    De esta manera, un fiador o codeudor se compromete a\n                    responder por una obligaci\u00f3n de otra persona cuando\n                    esta no pueda cumplir con ella.\n                <\/p>\n\n            <\/div>\n\n            <!-- =========================================\n                 DATO DESTACADO\n            ========================================== -->\n            <div class=\"experiencia-fiadores-dato\">\n\n                <strong>99%<\/strong>\n\n                <span>\n                    de satisfacci\u00f3n de nuestros clientes\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================================\n             PARTE DERECHA - CARRUSEL\n        ========================================== -->\n        <div class=\"experiencia-fiadores-carrusel\">\n\n            <!-- MARCO -->\n            <div class=\"experiencia-fiadores-marco\">\n\n                <!-- IMAGEN 1 -->\n                <div class=\"experiencia-slide active\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/09\/1.png\"\n                        alt=\"Experiencia de cliente Fiadores de Bogot\u00e1\"\n                    >\n                <\/div>\n\n                <!-- IMAGEN 2 -->\n                <div class=\"experiencia-slide\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/09\/2.png\"\n                        alt=\"Testimonio de cliente Fiadores de Bogot\u00e1\"\n                    >\n                <\/div>\n\n                <!-- IMAGEN 3 -->\n                <div class=\"experiencia-slide\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/09\/4.png\"\n                        alt=\"Cliente satisfecho Fiadores de Bogot\u00e1\"\n                    >\n                <\/div>\n\n                <!-- INDICADORES -->\n                <div class=\"experiencia-indicadores\">\n\n                    <span class=\"activo\"><\/span>\n                    <span><\/span>\n                    <span><\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   GARANT\u00cdAS - FIADORES DE BOGOT\u00c1\n   VERSI\u00d3N M\u00c1S GRANDE Y CON IM\u00c1GENES COMPLETAS\n========================================================= *\/\n.garantias-fiadores {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 90px 5% 100px;\n    background: #080A14;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.garantias-container {\n    width: 100%;\n    max-width: 1450px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 0.85fr;\n    align-items: center;\n    gap: 75px;\n}\n\/* =========================================================\n   COLUMNA IZQUIERDA\n========================================================= *\/\n.garantias-contenido {\n    width: 100%;\n}\n\/* =========================================================\n   ETIQUETA\n========================================================= *\/\n.garantias-etiqueta {\n    display: inline-block;\n    margin-bottom: 18px;\n    color: #df2d2b;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 2px;\n}\n\/* =========================================================\n   T\u00cdTULO PRINCIPAL\n========================================================= *\/\n.garantias-fiadores .garantias-titulo {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 48px !important;\n    font-weight: 700 !important;\n    line-height: 1.12 !important;\n}\n\/* TEXTO AZUL *\/\n.garantias-titulo span {\n    color: #333798 !important;\n}\n\/* =========================================================\n   INTRODUCCI\u00d3N\n========================================================= *\/\n.garantias-fiadores .garantias-intro {\n    max-width: 720px;\n    margin: 23px 0 30px !important;\n    padding: 0 !important;\n    color: #ddddE5 !important;\n    background: transparent !important;\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n}\n\/* =========================================================\n   LISTA\n========================================================= *\/\n.garantias-lista {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 32px;\n}\n.garantia-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n}\n.garantia-check {\n    flex-shrink: 0;\n    color: #df2d2b;\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 1.45;\n}\n.garantias-fiadores .garantia-item p {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-size: 16px !important;\n    line-height: 1.55 !important;\n}\n\/* =========================================================\n   CAJA POL\u00cdTICA DE CAMBIOS\n========================================================= *\/\n.garantia-caja {\n    margin: 28px 0;\n    padding: 23px 25px;\n    background: rgba(51,55,152,0.25);\n    border: 1px solid rgba(51,55,152,0.80);\n    border-radius: 10px;\n}\n.garantias-fiadores .garantia-caja h3 {\n    margin: 0 0 10px !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-size: 17px !important;\n    font-weight: 700 !important;\n}\n.garantias-fiadores .garantia-caja p {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ddddE5 !important;\n    background: transparent !important;\n    font-size: 15px !important;\n    line-height: 1.65 !important;\n}\n\/* =========================================================\n   VIGENCIA \/ IMPORTANTE\n========================================================= *\/\n.garantia-bloque {\n    margin-top: 27px;\n}\n.garantias-fiadores .garantia-bloque h3 {\n    margin: 0 0 9px !important;\n    padding: 0 !important;\n    color: #df2d2b !important;\n    background: transparent !important;\n    font-size: 17px !important;\n    font-weight: 700 !important;\n}\n.garantias-fiadores .garantia-bloque p {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ddddE5 !important;\n    background: transparent !important;\n    font-size: 15px !important;\n    line-height: 1.65 !important;\n}\n.garantia-bloque strong {\n    color: #ffffff;\n}\n\/* =========================================================\n   RESUMEN\n========================================================= *\/\n.garantia-resumen {\n    margin-top: 30px;\n    padding: 21px 23px;\n    border: 1px solid #333798;\n    border-radius: 10px;\n    background: rgba(51,55,152,0.14);\n}\n.garantias-fiadores .garantia-resumen p {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #eeeeee !important;\n    background: transparent !important;\n    font-size: 15px !important;\n    line-height: 1.65 !important;\n}\n.garantia-resumen strong {\n    color: #ffffff;\n}\n\/* =========================================================\n   CONTACTO\n========================================================= *\/\n.garantia-contacto {\n    margin-top: 25px;\n    color: #df2d2b;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.6;\n}\n.garantia-contacto span {\n    margin-right: 8px;\n    font-size: 18px;\n}\n\/* =========================================================\n   COLUMNA DERECHA\n========================================================= *\/\n.garantias-imagenes {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}\n\/* =========================================================\n   TARJETA DE IMAGEN\n========================================================= *\/\n.garantia-imagen-card {\n    position: relative;\n    width: 100%;\n    background: #ffffff;\n    padding: 7px;\n    overflow: hidden;\n    border-radius: 15px;\n    border: 1px solid rgba(255,255,255,0.15);\n    box-shadow:\n        0 18px 45px rgba(0,0,0,0.35);\n}\n\/* =========================================================\n   IMAGEN COMPLETA\n========================================================= *\/\n.garantia-imagen-card img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-height: none;\n    object-fit: contain;\n    border-radius: 9px;\n}\n\/* =========================================================\n   DETALLE ROJO\n========================================================= *\/\n.garantia-imagen-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 70px;\n    height: 4px;\n    background: #df2d2b;\n    z-index: 5;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 1000px) {\n    .garantias-fiadores {\n        padding: 75px 5% 85px;\n    }\n    .garantias-container {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n    .garantias-contenido {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    .garantias-fiadores .garantias-intro {\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n    .garantia-item {\n        text-align: left;\n    }\n    .garantia-caja,\n    .garantia-resumen {\n        text-align: left;\n    }\n    .garantias-imagenes {\n        width: 100%;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 600px) {\n    .garantias-fiadores {\n        padding: 60px 20px 70px;\n    }\n    .garantias-container {\n        gap: 45px;\n    }\n    .garantias-etiqueta {\n        font-size: 13px;\n        letter-spacing: 1.5px;\n    }\n    .garantias-fiadores .garantias-titulo {\n        font-size: 34px !important;\n        line-height: 1.18 !important;\n    }\n    .garantias-fiadores .garantias-intro {\n        font-size: 15px !important;\n        line-height: 1.65 !important;\n    }\n    .garantias-lista {\n        gap: 14px;\n    }\n    .garantia-check {\n        font-size: 18px;\n    }\n    .garantias-fiadores .garantia-item p {\n        font-size: 14px !important;\n    }\n    .garantia-caja {\n        padding: 19px;\n    }\n    .garantias-fiadores .garantia-caja h3 {\n        font-size: 16px !important;\n    }\n    .garantias-fiadores .garantia-caja p {\n        font-size: 14px !important;\n    }\n    .garantia-bloque {\n        margin-top: 23px;\n    }\n    .garantias-fiadores .garantia-bloque h3 {\n        font-size: 16px !important;\n    }\n    .garantias-fiadores .garantia-bloque p {\n        font-size: 14px !important;\n    }\n    .garantia-resumen {\n        padding: 19px;\n    }\n    .garantias-fiadores .garantia-resumen p {\n        font-size: 14px !important;\n    }\n    .garantia-contacto {\n        font-size: 13px;\n    }\n    .garantias-imagenes {\n        gap: 20px;\n    }\n    .garantia-imagen-card {\n        padding: 5px;\n        border-radius: 12px;\n    }\n    .garantia-imagen-card img {\n        width: 100%;\n        height: auto;\n        object-fit: contain;\n    }\n}\n<\/style>\n\n<section class=\"garantias-fiadores\">\n\n    <div class=\"garantias-container\">\n\n        <!-- =================================================\n             COLUMNA IZQUIERDA\n        ================================================== -->\n        <div class=\"garantias-contenido\">\n\n            <!-- ETIQUETA -->\n            <span class=\"garantias-etiqueta\">\n                NUESTRO COMPROMISO\n            <\/span>\n\n            <!-- T\u00cdTULO -->\n            <h2 class=\"garantias-titulo\">\n                Garant\u00edas del servicio\n                <span>de fiador<\/span>\n            <\/h2>\n\n            <!-- INTRODUCCI\u00d3N -->\n            <p class=\"garantias-intro\">\n                Ofrecemos un servicio legal, verificable y confiable,\n                respaldado por garant\u00edas claras para nuestros clientes.\n            <\/p>\n\n\n            <!-- =================================================\n                 LISTA DE GARANT\u00cdAS\n            ================================================== -->\n            <div class=\"garantias-lista\">\n\n                <div class=\"garantia-item\">\n                    <span class=\"garantia-check\">\u2713<\/span>\n\n                    <p>\n                        Documentos reales y verificables.\n                    <\/p>\n                <\/div>\n\n                <div class=\"garantia-item\">\n                    <span class=\"garantia-check\">\u2713<\/span>\n\n                    <p>\n                        Voluntad del fiador para actuar como aval o codeudor.\n                    <\/p>\n                <\/div>\n\n                <div class=\"garantia-item\">\n                    <span class=\"garantia-check\">\u2713<\/span>\n\n                    <p>\n                        Presentaci\u00f3n del fiador ante notar\u00eda o inmobiliaria.\n                    <\/p>\n                <\/div>\n\n                <div class=\"garantia-item\">\n                    <span class=\"garantia-check\">\u2713<\/span>\n\n                    <p>\n                        El fiador no presenta deudas ante ninguna entidad.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 POL\u00cdTICA DE CAMBIOS\n            ================================================== -->\n            <div class=\"garantia-caja\">\n\n                <h3>\n                    Pol\u00edtica de Cambios\n                <\/h3>\n\n                <p>\n                    No se realizan cambios de fiador salvo que exista\n                    incumplimiento en alguna de las garant\u00edas. Se deber\u00e1\n                    presentar un documento que respalde la falla. De lo\n                    contrario, el cliente deber\u00e1 gestionar un nuevo pedido.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 VIGENCIA\n            ================================================== -->\n            <div class=\"garantia-bloque\">\n\n                <h3>\n                    &#x231b;\n                    Vigencia del Servicio\n                <\/h3>\n\n                <p>\n                    El servicio tiene una vigencia de\n                    <strong>90 d\u00edas<\/strong> desde la fecha de compra.\n                    Durante este tiempo puede buscar varios arriendos,\n                    pero solo se firmar\u00e1 un contrato de arrendamiento.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 IMPORTANTE\n            ================================================== -->\n            <div class=\"garantia-bloque\">\n\n                <h3>\n                    &#x26a0;\n                    Importante\n                <\/h3>\n\n                <p>\n                    La aprobaci\u00f3n del arriendo depende de un tercero que\n                    eval\u00faa los documentos del titular y del fiador.\n                    Nuestro compromiso es la legalidad y veracidad del\n                    <strong>fiador.<\/strong>\n                <\/p>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 RESUMEN\n            ================================================== -->\n            <div class=\"garantia-resumen\">\n\n                <p>\n                    En resumen:\n                    <strong>FIADORES DE BOGOT\u00c1<\/strong>\n                    garantiza un fiador con voluntad de servir como aval,\n                    con documentaci\u00f3n confiable. Solo se realiza cambio\n                    de fiador si existe una falla comprobada en las garant\u00edas.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CONTACTO\n            ================================================== -->\n            <div class=\"garantia-contacto\">\n\n                <span>&#x260e;<\/span>\n\n                Para m\u00e1s informaci\u00f3n, cont\u00e1ctanos o revisa\n                nuestras pol\u00edticas completas.\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             COLUMNA DERECHA - IM\u00c1GENES\n        ================================================== -->\n        <div class=\"garantias-imagenes\">\n\n            <!-- IMAGEN 1 -->\n            <div class=\"garantia-imagen-card\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2021\/10\/telefonos-fiadores-de-bogota.jpeg\"\n                    alt=\"Servicios de Fiadores de Bogot\u00e1\"\n                >\n\n            <\/div>\n\n\n            <!-- IMAGEN 2 -->\n            <div class=\"garantia-imagen-card\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/09\/14.png\"\n                    alt=\"Servicio de fiador Fiadores de Bogot\u00e1\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SECCI\u00d3N UBICACI\u00d3N\n========================================================= *\/\n.ubicacion-fiadores {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 75px 5% 85px;\n    background: #333798;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n.ubicacion-contenedor {\n    width: 100%;\n    max-width: 1450px;\n    margin: 0 auto;\n}\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n.ubicacion-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n.ubicacion-header h2 {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    font-size: 38px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n}\n.ubicacion-pin {\n    color: #df2d2b;\n    font-size: 30px;\n    line-height: 1;\n}\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n.ubicacion-fiadores .ubicacion-descripcion {\n    margin: 0 0 28px !important;\n    padding: 0 !important;\n    color: #eeeeee !important;\n    background: transparent !important;\n    font-size: 16px !important;\n    line-height: 1.65 !important;\n}\n.ubicacion-descripcion strong {\n    color: #ffffff;\n    font-weight: 700;\n}\n\/* =========================================================\n   GRID\n========================================================= *\/\n.ubicacion-grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1.7fr 0.9fr;\n    gap: 25px;\n    align-items: stretch;\n}\n\/* =========================================================\n   MAPA\n========================================================= *\/\n.ubicacion-mapa {\n    position: relative;\n    width: 100%;\n    height: 430px;\n    overflow: hidden;\n    border-radius: 16px;\n    background: #ffffff;\n    border: 3px solid rgba(255,255,255,0.8);\n    box-shadow:\n        0 15px 40px rgba(0,0,0,0.20);\n}\n.ubicacion-mapa iframe {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: 0;\n}\n\/* =========================================================\n   VIDEO\n========================================================= *\/\n.ubicacion-video {\n    position: relative;\n    width: 100%;\n    height: 430px;\n    overflow: hidden;\n    border-radius: 16px;\n    background: #111426;\n    border: 3px solid rgba(255,255,255,0.8);\n    box-shadow:\n        0 15px 40px rgba(0,0,0,0.20);\n}\n\/* VIDEO *\/\n.ubicacion-video video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\/* =========================================================\n   CAPA OSCURA SOBRE VIDEO\n========================================================= *\/\n.ubicacion-video::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        to top,\n        rgba(0,0,0,0.75),\n        rgba(0,0,0,0.05) 55%,\n        transparent\n    );\n    pointer-events: none;\n}\n\/* =========================================================\n   TEXTO DEL VIDEO\n========================================================= *\/\n.ubicacion-video-overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 5;\n    padding: 55px 25px 23px;\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n}\n.ubicacion-video-overlay span {\n    color: #df2d2b;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n}\n.ubicacion-video-overlay strong {\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n}\n\/* =========================================================\n   TABLET\n========================================================= *\/\n@media (max-width: 1000px) {\n    .ubicacion-fiadores {\n        padding: 65px 5% 75px;\n    }\n    .ubicacion-header h2 {\n        font-size: 34px !important;\n    }\n    .ubicacion-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 18px;\n    }\n    .ubicacion-mapa,\n    .ubicacion-video {\n        height: 380px;\n    }\n}\n\/* =========================================================\n   CELULAR\n========================================================= *\/\n@media (max-width: 700px) {\n    .ubicacion-fiadores {\n        padding: 55px 20px 65px;\n    }\n    .ubicacion-header h2 {\n        font-size: 30px !important;\n    }\n    .ubicacion-fiadores .ubicacion-descripcion {\n        font-size: 14px !important;\n        line-height: 1.65 !important;\n        margin-bottom: 25px !important;\n    }\n    .ubicacion-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .ubicacion-mapa,\n    .ubicacion-video {\n        height: 360px;\n    }\n    .ubicacion-video-overlay {\n        padding: 65px 20px 20px;\n    }\n    .ubicacion-video-overlay strong {\n        font-size: 18px;\n    }\n}\n\/* =========================================================\n   CELULAR PEQUE\u00d1O\n========================================================= *\/\n@media (max-width: 400px) {\n    .ubicacion-header h2 {\n        font-size: 27px !important;\n    }\n    .ubicacion-mapa,\n    .ubicacion-video {\n        height: 320px;\n    }\n}\n\/* Ocultar agenda WeKall *\/\niframe[src*=\"appointment.wekall.co\"] {\n    display: none !important;\n}\n\n\/* Ocultar el contenedor que queda vac\u00edo *\/\niframe[src*=\"appointment.wekall.co\"] {\n    visibility: hidden !important;\n    height: 0 !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n}\n\/* CAMBIAR FONDO AZUL CLARO DE WORDPRESS *\/\nbody.custom-background {\n    background-color: #01163a !important;\n}\n<\/style>\n\n<section class=\"ubicacion-fiadores\">\n\n    <div class=\"ubicacion-contenedor\">\n\n        <!-- =================================================\n             ENCABEZADO\n        ================================================== -->\n        <div class=\"ubicacion-header\">\n\n            <span class=\"ubicacion-pin\">\u25cf<\/span>\n\n            <h2>\n                Nuestra ubicaci\u00f3n\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- =================================================\n             DESCRIPCI\u00d3N\n        ================================================== -->\n        <p class=\"ubicacion-descripcion\">\n            Vis\u00edtanos o cont\u00e1ctanos para recibir asesor\u00eda inmediata en\n            fiadores y arrendamientos. Recuerda que estamos en la\n            <strong>CALLE 17 #9-21 Oficina 503<\/strong>, cerca de la\n            estaci\u00f3n Las Nieves de TransMilenio.\n        <\/p>\n\n\n        <!-- =================================================\n             CONTENIDO\n        ================================================== -->\n        <div class=\"ubicacion-grid\">\n\n            <!-- =============================================\n                 GOOGLE MAPS\n            ============================================== -->\n            <div class=\"ubicacion-mapa\">\n\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.9404094513775!2d-74.07690982502139!3d4.604692795369982!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f99a0456153ad%3A0x835df4251817d8ac!2sFIADORES%20DE%20BOGOTA%20S.A.S!5e0!3m2!1ses!2sco!4v1789233898084!5m2!1ses!2sco\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\">\n                <\/iframe>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 VIDEO DE LA OFICINA\n            ============================================== -->\n            <div class=\"ubicacion-video\">\n\n                <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\">\n\n                    <source src=\"https:\/\/fiadoresdebogota.com\/wp-content\/uploads\/2026\/09\/como-llegar.mp4\" type=\"video\/mp4\">\n\n                    Tu navegador no soporta la reproducci\u00f3n de video.\n\n                <\/video>\n\n\n                <!-- TEXTO SOBRE EL VIDEO -->\n                <div class=\"ubicacion-video-overlay\">\n\n                    <span>\n                        FIADORES DE BOGOT\u00c1\n                    <\/span>\n\n                    <strong>\n                        Conoce nuestra oficina\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<p><iframe src=\"https:\/\/appointment.wekall.co\/host\/appointment\/book\/agenda-tu-cita-camara-de-comercio\" title=\"Agenda tu cita - Camara de comercio\"\n        style=\"width:100%;max-width:760px;height:820px;border:0;border-radius:12px\"\n        loading=\"lazy\"><\/iframe><\/p>\n\n\n<style data-wp-block-html=\"css\">\n\/* CAMBIAR LA FRANJA AZUL CLARO *\/\n.entry-content > *:has(+ .wp-block-html .hero-fiadores) {\n    background-color: #ffffff !important;\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FIADORES DE BOGOT\u00c1 S.A.S. FIADORES CON RESPALDO REAL Brindamos soluciones r\u00e1pidas, legales y confiables para arrendamientos, contratos y tr\u00e1mites inmobiliarios. WhatsApp Nuestros Servicios Solicita tu Fiador Tipo de tr\u00e1mite Fiador para inmobiliaria o aseguradora Fiador para arriendo directo o abogados Retiro de cesant\u00edas Paquete laboral Valor del servicio de fiador: $0 ENVIAR SOLICITUD Fiadores para [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/pages\/3104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/comments?post=3104"}],"version-history":[{"count":72,"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/pages\/3104\/revisions"}],"predecessor-version":[{"id":3210,"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/pages\/3104\/revisions\/3210"}],"wp:attachment":[{"href":"https:\/\/fiadoresdebogota.com\/inicio-nuevo\/wp-json\/wp\/v2\/media?parent=3104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}