{"id":996,"date":"2026-02-05T11:59:49","date_gmt":"2026-02-05T11:59:49","guid":{"rendered":"https:\/\/www.okus.es\/?page_id=996"},"modified":"2026-02-09T20:00:52","modified_gmt":"2026-02-09T20:00:52","slug":"inmobiliaria-okus","status":"publish","type":"page","link":"https:\/\/www.okus.es\/index.php\/inmobiliaria-okus\/","title":{"rendered":"inmobiliaria Okus"},"content":{"rendered":"\n1.<style>\n    \/* 1. Contenedor principal con la imagen de la ciudad *\/\n    .header-okus-definitivo {\n        width: 100%;\n        height: 5cm; \n        background-image: url('https:\/\/www.okus.es\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_zccgs0zccgs0zccg.png'); \n        background-size: cover;\n        background-position: center;\n        display: flex;\n        justify-content: space-between; \n        align-items: flex-start; \/* Todo bien arriba *\/\n        padding: 15px 30px;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Ajuste del Logo: Tama\u00f1o grande y transparencia *\/\n    .logo-okus-wrap {\n        background: transparent !important;\n        display: flex;\n        align-items: center;\n    }\n\n    .logo-okus-wrap img {\n        height: 120px; \/* Tama\u00f1o doble solicitado *\/\n        width: auto;\n        display: block;\n        background-color: transparent !important;\n        \/* El modo multiply elimina fondos claros residuales *\/\n        mix-blend-mode: multiply; \n        filter: contrast(105%);\n    }\n\n    \/* 3. Ventanas peque\u00f1as alineadas arriba a la derecha *\/\n    .nav-okus-wrap {\n        display: flex;\n        gap: 8px;\n        margin-top: 10px; \n    }\n\n    .btn-okus-ventana {\n        background-color: #003366; \n        color: white !important;\n        padding: 4px 12px; \n        text-decoration: none;\n        border-radius: 3px;\n        font-size: 10px; \n        font-weight: bold;\n        text-transform: uppercase;\n        border: 1px solid rgba(255,255,255,0.2);\n        transition: 0.3s ease;\n    }\n\n    .btn-okus-ventana:hover {\n        background-color: #004a8d;\n    }\n\n    \/* Responsivo para m\u00f3viles *\/\n    @media (max-width: 768px) {\n        .header-okus-definitivo {\n            flex-direction: column;\n            align-items: center;\n            height: auto;\n            padding: 20px;\n            gap: 15px;\n        }\n    }\n<\/style>\n\n<header class=\"header-okus-definitivo\">\n    <div class=\"logo-okus-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/www.okus.es\/wp-content\/uploads\/2026\/02\/okus-inmobiliaria-chico.png\" alt=\"Okus Inmobiliaria\">\n    <\/div>\n\n    <nav class=\"nav-okus-wrap\">\n        <a href=\"#\" class=\"btn-okus-ventana\">Compra y Venta<\/a>\n        <a href=\"#\" class=\"btn-okus-ventana\">Nueva Construcci\u00f3n<\/a>\n        <a href=\"#\" class=\"btn-okus-ventana\">Viviendas Vacacionales<\/a>\n        <a href=\"#\" class=\"btn-okus-ventana\">Espacio para Eventos<\/a>\n    <\/nav>\n<\/header>\n\n2. Parte Principal (Cuerpo)\n\nA. Bloque: Venta de Propiedades\n\n<section id=\"venta-propiedades\" style=\"padding: 100px 0; background-color: #f1f5f9; font-family: 'Montserrat', sans-serif;\">\n    <div style=\"max-width: 1100px; margin: 0 auto; padding: 0 20px;\">\n        <div style=\"text-align: center; margin-bottom: 60px;\">\n            <h2 style=\"font-weight: 900; font-size: 2rem; text-transform: uppercase; letter-spacing: 3px; color: #0f172a; margin: 0;\">Venta de Propiedades<\/h2>\n            <div style=\"width: 40px; height: 4px; background: #facc15; margin: 20px auto 0;\"><\/div>\n        <\/div>\n\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px;\">\n            <div style=\"background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05);\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?auto=format&#038;fit=crop&#038;w=800\" style=\"width: 100%; height: 260px; object-fit: cover;\" alt=\"Terreno\">\n                <div style=\"padding: 30px;\">\n                    <h3 style=\"font-weight: 700; font-size: 1rem; margin: 0; text-transform: uppercase; letter-spacing: 1px;\">Solar Urbano La Quinta<\/h3>\n                    <p style=\"font-size: 0.85rem; color: #64748b; margin: 15px 0; line-height: 1.6;\">600m\u00b2 con vistas panor\u00e1micas al Teide y al mar.<\/p>\n                    <div style=\"font-weight: 900; font-size: 1.3rem; color: #0f172a;\">145.000 \u20ac<\/div>\n                <\/div>\n            <\/div>\n            <div style=\"background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05);\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&#038;fit=crop&#038;w=800\" style=\"width: 100%; height: 260px; object-fit: cover;\" alt=\"Parcela\">\n                <div style=\"padding: 30px;\">\n                    <h3 style=\"font-weight: 700; font-size: 1rem; margin: 0; text-transform: uppercase; letter-spacing: 1px;\">Residencial Tacoronte<\/h3>\n                    <p style=\"font-size: 0.85rem; color: #64748b; margin: 15px 0; line-height: 1.6;\">Parcela ideal para proyecto unifamiliar de lujo.<\/p>\n                    <div style=\"font-weight: 900; font-size: 1.3rem; color: #0f172a;\">98.000 \u20ac<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\nB. Bloque: Nueva Construcci\u00f3n\n\n<section id=\"nueva-construccion\" style=\"padding: 100px 0; background-color: #e2e8f0; font-family: 'Montserrat', sans-serif;\">\n    <div style=\"max-width: 1100px; margin: 0 auto; padding: 0 20px;\">\n        <div style=\"display: flex; flex-wrap: wrap; gap: 60px; align-items: center;\">\n            <div style=\"flex: 1; min-width: 320px;\">\n                <div style=\"margin-bottom: 30px;\">\n                    <h2 style=\"font-weight: 900; font-size: 2rem; text-transform: uppercase; letter-spacing: 3px; color: #0f172a; margin: 0;\">Obra Nueva<\/h2>\n                    <div style=\"width: 40px; height: 4px; background: #facc15; margin-top: 20px;\"><\/div>\n                <\/div>\n                <h3 style=\"font-weight: 700; font-size: 1.4rem; margin-bottom: 20px; color: #1e293b;\">Edificio Mar &#038; Cumbre<\/h3>\n                <p style=\"color: #475569; line-height: 1.8; font-size: 1rem; margin-bottom: 30px;\">Viviendas inteligentes en el Puerto de la Cruz. Un concepto que redefine la eficiencia energ\u00e9tica y el bienestar moderno bajo el sello de calidad OKUS.<\/p>\n                <a href=\"#\" style=\"text-decoration: none; color: #0f172a; font-weight: 700; border-bottom: 2px solid #facc15; padding-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px;\">Explorar Proyecto<\/a>\n            <\/div>\n            <div style=\"flex: 1; min-width: 320px;\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&#038;fit=crop&#038;w=1000\" style=\"width: 100%; height: 400px; object-fit: cover; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,0.1);\" alt=\"Edificio Moderno\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\nC. Bloque: Viviendas Vacacionales\n\nHTML\n<section id=\"viviendas-vacacionales\" style=\"padding: 100px 0; background-color: #f1f5f9; font-family: 'Montserrat', sans-serif;\">\n    <div style=\"max-width: 1100px; margin: 0 auto; padding: 0 20px;\">\n        <div style=\"text-align: center; margin-bottom: 60px;\">\n            <h2 style=\"font-weight: 900; font-size: 2rem; text-transform: uppercase; letter-spacing: 3px; color: #0f172a; margin: 0;\">Gesti\u00f3n Vacacional<\/h2>\n            <div style=\"width: 40px; height: 4px; background: #facc15; margin: 20px auto 0;\"><\/div>\n        <\/div>\n\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px;\">\n            <div style=\"background: white; padding: 45px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); border-bottom: 4px solid #facc15;\">\n                <h4 style=\"font-weight: 900; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; color: #0f172a;\">Rentabilidad<\/h4>\n                <p style=\"font-size: 0.95rem; color: #64748b; line-height: 1.8;\">Optimizaci\u00f3n de precios y posicionamiento estrat\u00e9gico para maximizar los beneficios de su propiedad.<\/p>\n            <\/div>\n            <div style=\"background: white; padding: 45px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); border-bottom: 4px solid #0f172a;\">\n                <h4 style=\"font-weight: 900; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; color: #0f172a;\">Mantenimiento<\/h4>\n                <p style=\"font-size: 0.95rem; color: #64748b; line-height: 1.8;\">Servicio de limpieza profesional, gesti\u00f3n de check-ins y soporte t\u00e9cnico 24\/7 para el hu\u00e9sped.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\nD. Bloque: Zona de Eventos\n\nHTML\n<section id=\"zona-eventos\" style=\"padding: 100px 0; background-color: #e2e8f0; font-family: 'Montserrat', sans-serif;\">\n    <div style=\"max-width: 1100px; margin: 0 auto; padding: 0 20px;\">\n        <div style=\"display: flex; flex-wrap: wrap-reverse; gap: 60px; align-items: center;\">\n            <div style=\"flex: 1; min-width: 320px;\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519167758481-83f550bb49b3?auto=format&#038;fit=crop&#038;w=1000\" style=\"width: 100%; height: 400px; object-fit: cover; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,0.1);\" alt=\"Espacio para Eventos\">\n            <\/div>\n            <div style=\"flex: 1; min-width: 320px;\">\n                <div style=\"margin-bottom: 30px;\">\n                    <h2 style=\"font-weight: 900; font-size: 2rem; text-transform: uppercase; letter-spacing: 3px; color: #0f172a; margin: 0;\">Zona de Eventos<\/h2>\n                    <div style=\"width: 40px; height: 4px; background: #facc15; margin-top: 20px;\"><\/div>\n                <\/div>\n                <h3 style=\"font-weight: 700; font-size: 1.4rem; margin-bottom: 20px; color: #1e293b;\">Okus Atelier<\/h3>\n                <p style=\"color: #475569; line-height: 1.8; font-size: 1rem; margin-bottom: 30px;\">Un entorno sofisticado y vers\u00e1til dise\u00f1ado para presentaciones de marca, networking y encuentros corporativos de alto nivel.<\/p>\n                <a href=\"#\" style=\"display: inline-block; background: #0f172a; color: white; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px;\">Solicitar Disponibilidad<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n3. Pie de P\u00e1gina (Footer)\n\nHTML\n<footer style=\"font-family: 'Montserrat', sans-serif; width: 100%; padding: 45px 0; position: relative; border-top: 1px solid #e2e8f0; overflow: hidden;\">\n    \n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('https:\/\/images.unsplash.com\/photo-1449824913935-59a10b8d2000?q=80&#038;w=1920&#038;auto=format&#038;fit=crop'); background-size: cover; background-position: center; filter: grayscale(100%); z-index: 1;\"><\/div>\n    \n    <div style=\"position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; padding: 0 25px; text-align: center;\">\n        \n        <h3 style=\"font-weight: 300; font-size: 2rem; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 2px; color: #000000;\">\n            \u00bfHablamos de su <span style=\"font-weight: 900; color: #000000;\">propiedad?<\/span>\n        <\/h3>\n        \n        <p style=\"color: #4a5568; font-size: 0.9rem; margin: 0 0 30px 0; letter-spacing: 1px;\">\n            Asesoramiento exclusivo y personalizado en Tenerife.\n        <\/p>\n\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 60px; align-items: center;\">\n            \n            <div style=\"text-align: center;\">\n                <p style=\"font-size: 0.65rem; color: #b4975a; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 8px 0; font-weight: 700;\">WhatsApp Directo<\/p>\n                <a href=\"https:\/\/wa.me\/34640311611\" target=\"_blank\" style=\"display: inline-flex; align-items: center; font-weight: 700; font-size: 1.2rem; color: #25D366; text-decoration: none;\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25D366\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 10px;\">\n                        <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path>\n                    <\/svg>\n                    +34 640 311 611\n                <\/a>\n            <\/div>\n\n            <div style=\"text-align: center;\">\n                <p style=\"font-size: 0.65rem; color: #b4975a; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 8px 0; font-weight: 700;\">Email Corporativo<\/p>\n                <a href=\"mailto:inmobiliaria@okus.es\" style=\"font-weight: 700; font-size: 1.2rem; color: #007bff; text-decoration: none; border-bottom: 2px solid #007bff;\">\n                    inmobiliaria@okus.es\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n        <div style=\"margin-top: 40px; border-top: 1px solid rgba(180, 151, 90, 0.3); padding-top: 20px;\">\n            <div style=\"font-size: 0.65rem; color: #64748b; letter-spacing: 2px; text-transform: uppercase;\">\n                \u00a9 2026 <span style=\"font-weight: 700;\">OKUS 360<\/span> \u00b7 GESTI\u00d3N INTEGRAL TENERIFE\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>1. Compra y Venta Nueva Construcci\u00f3n Viviendas Vacacionales Espacio para Eventos 2. Parte Principal (Cuerpo) A. Bloque: Venta de Propiedades Venta de Propiedades Solar Urbano La Quinta 600m\u00b2 con vistas panor\u00e1micas al Teide y al mar. 145.000 \u20ac Residencial Tacoronte Parcela ideal para proyecto unifamiliar de lujo. 98.000 \u20ac B. Bloque: Nueva Construcci\u00f3n Obra Nueva&hellip;&nbsp;<a href=\"https:\/\/www.okus.es\/index.php\/inmobiliaria-okus\/\" rel=\"bookmark\">Leer m\u00e1s &raquo;<span class=\"screen-reader-text\">inmobiliaria Okus<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/pages\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":40,"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"predecessor-version":[{"id":1143,"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/pages\/996\/revisions\/1143"}],"wp:attachment":[{"href":"https:\/\/www.okus.es\/index.php\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}