{"id":84381,"date":"2015-04-21T13:28:29","date_gmt":"2015-04-21T13:28:29","guid":{"rendered":"https:\/\/marbellabanussuites.com\/contact\/"},"modified":"2026-04-19T09:39:28","modified_gmt":"2026-04-19T08:39:28","slug":"contacto","status":"publish","type":"page","link":"https:\/\/marbellabanussuites.com\/es\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"84381\" class=\"elementor elementor-84381 elementor-254\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10d8734 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"10d8734\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bce22f7\" data-id=\"bce22f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02b903c elementor-widget elementor-widget-html\" data-id=\"02b903c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;600;700&display=swap');\r\n\r\n\/* === Reset & Base === *\/\r\n.contact-page *, .contact-page *::before, .contact-page *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.contact-page {\r\n    font-family: 'Lato', sans-serif;\r\n    color: #3a5a6a;\r\n    line-height: 1.7;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* === BLOCK 1: Intro === *\/\r\n.contact-intro {\r\n    padding: 80px 20px 60px;\r\n    text-align: center;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.contact-intro .contact-badge {\r\n    display: inline-block;\r\n    background: #80cbca;\r\n    color: #0d4556;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    padding: 8px 24px;\r\n    border-radius: 30px;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.contact-intro h1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #0d4556;\r\n    line-height: 1.2;\r\n    margin: 0 0 28px;\r\n}\r\n\r\n.contact-intro h1 span {\r\n    color: #80cbca;\r\n}\r\n\r\n.contact-intro .intro-lead {\r\n    font-size: 20px;\r\n    line-height: 1.7;\r\n    color: #3a5a6a;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    font-weight: 300;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-intro { padding: 50px 20px 40px; }\r\n    .contact-intro h1 { font-size: 32px; }\r\n    .contact-intro .intro-lead { font-size: 17px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-page\">\r\n    <div class=\"contact-intro\">\r\n        <div class=\"contact-badge\">Cont\u00e1ctenos<\/div>\r\n        <h1>Hablemos <span>directamente<\/span><\/h1>\r\n        <p class=\"intro-lead\">\r\n            Tanto si est\u00e1 planificando sus vacaciones en Marbella, le interesan nuestros servicios de gesti\u00f3n de propiedades,\r\n            o simplemente tiene una consulta, nuestro equipo local en Puerto Ban\u00fas est\u00e1 a su entera disposici\u00f3n.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- BLOCK 2: CONTACT INFO + FORM (Two-Column Layout)             -->\r\n<!-- ============================================================ -->\r\n<style>\r\n.contact-main {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px 70px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.4fr;\r\n    gap: 48px;\r\n    align-items: start;\r\n}\r\n\r\n\/* --- Left Column: Contact Details --- *\/\r\n.contact-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n}\r\n\r\n.contact-card {\r\n    background: linear-gradient(135deg, #f0fafa 0%, #e8f6f6 100%);\r\n    border-radius: 16px;\r\n    padding: 40px 36px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.contact-card h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #0d4556;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.contact-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.contact-item-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n    background: #80cbca;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n}\r\n\r\n.contact-item-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.contact-item-label {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    color: #80cbca;\r\n}\r\n\r\n.contact-item-value {\r\n    font-size: 17px;\r\n    color: #0d4556;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\na.contact-item-value:hover {\r\n    color: #80cbca;\r\n}\r\n\r\n.contact-item-note {\r\n    font-size: 14px;\r\n    color: #6b8a99;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* --- Hours Card --- *\/\r\n.hours-card {\r\n    background: linear-gradient(135deg, #0d4556 0%, #145568 50%, #0d4556 100%);\r\n    border-radius: 16px;\r\n    padding: 32px 36px;\r\n    color: #fff;\r\n}\r\n\r\n.hours-card h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.1);\r\n    font-size: 15px;\r\n}\r\n\r\n.hours-row:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.hours-day {\r\n    color: rgba(255,255,255,0.7);\r\n    font-weight: 300;\r\n}\r\n\r\n.hours-time {\r\n    color: #80cbca;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* --- Social Links --- *\/\r\n.contact-social {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 24px;\r\n}\r\n\r\n.social-link {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: #0d4556;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    transition: background 0.3s ease, transform 0.2s ease;\r\n}\r\n\r\n.social-link:hover {\r\n    background: #80cbca;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.social-link svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #fff;\r\n}\r\n\r\n\/* --- Right Column: Form --- *\/\r\n.contact-form-wrapper {\r\n    background: #fff;\r\n    border: 1px solid #e0efef;\r\n    border-radius: 16px;\r\n    padding: 44px 40px;\r\n    box-shadow: 0 4px 24px rgba(13, 69, 86, 0.06);\r\n}\r\n\r\n.contact-form-wrapper h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #0d4556;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.contact-form-wrapper .form-subtitle {\r\n    font-size: 16px;\r\n    color: #6b8a99;\r\n    font-weight: 300;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.form-group.full-width {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.form-group label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    color: #0d4556;\r\n}\r\n\r\n.form-group label .required {\r\n    color: #80cbca;\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 15px;\r\n    padding: 14px 18px;\r\n    border: 1.5px solid #d4e8e8;\r\n    border-radius: 10px;\r\n    background: #fafefe;\r\n    color: #0d4556;\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n    outline: none;\r\n    width: 100%;\r\n}\r\n\r\n.form-group input::placeholder,\r\n.form-group textarea::placeholder {\r\n    color: #a3c0c0;\r\n    font-weight: 300;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n    border-color: #80cbca;\r\n    box-shadow: 0 0 0 3px rgba(128, 203, 202, 0.15);\r\n    background: #fff;\r\n}\r\n\r\n.form-group textarea {\r\n    resize: vertical;\r\n    min-height: 140px;\r\n}\r\n\r\n.form-group select {\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230d4556' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 16px center;\r\n    padding-right: 40px;\r\n    cursor: pointer;\r\n}\r\n\r\n.form-consent {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin: 20px 0 28px;\r\n    font-size: 13px;\r\n    color: #6b8a99;\r\n    line-height: 1.5;\r\n}\r\n\r\n.form-consent input[type=\"checkbox\"] {\r\n    margin-top: 2px;\r\n    accent-color: #80cbca;\r\n    width: 16px;\r\n    height: 16px;\r\n    min-width: 16px;\r\n}\r\n\r\n.form-consent a {\r\n    color: #0d4556;\r\n    text-decoration: underline;\r\n}\r\n\r\n.form-submit-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #80cbca;\r\n    color: #0d4556;\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    padding: 16px 40px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.2s ease;\r\n    width: 100%;\r\n    justify-content: center;\r\n}\r\n\r\n.form-submit-btn:hover {\r\n    background: #6bbfbe;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.form-submit-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* --- Form Success State --- *\/\r\n.form-success {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 40px 20px;\r\n}\r\n\r\n.form-success.active {\r\n    display: block;\r\n}\r\n\r\n.form-success .success-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    background: #80cbca;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    font-size: 28px;\r\n}\r\n\r\n.form-success h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    color: #0d4556;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.form-success p {\r\n    font-size: 16px;\r\n    color: #6b8a99;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* --- Responsive --- *\/\r\n@media (max-width: 900px) {\r\n    .contact-main {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n    }\r\n    .contact-form-wrapper { padding: 32px 24px; }\r\n    .form-row { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .contact-card { padding: 28px 24px; }\r\n    .hours-card { padding: 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-page\">\r\n    <div class=\"contact-main\">\r\n\r\n        <!-- LEFT COLUMN: Contact Details -->\r\n        <div class=\"contact-details\">\r\n\r\n            <div class=\"contact-card\">\r\n                <h2>Contacto directo<\/h2>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"contact-item-content\">\r\n                        <span class=\"contact-item-label\">Tel\u00e9fono<\/span>\r\n                        <a href=\"tel:+34682512237\" class=\"contact-item-value\">+34 682 512 237<\/a>\r\n                        <a href=\"tel:+34699297806\" class=\"contact-item-value\">+34 699 297 806<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"contact-item-content\">\r\n                        <span class=\"contact-item-label\">WhatsApp<\/span>\r\n                        <a href=\"https:\/\/wa.me\/34682512237\" target=\"_blank\" class=\"contact-item-value\" rel=\"noopener\">Chatee con nosotros<\/a>\r\n                        <span class=\"contact-item-note\">Solemos responder en cuesti\u00f3n de minutos<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"contact-item-content\">\r\n                        <span class=\"contact-item-label\">Correo electr\u00f3nico<\/span>\r\n                        <a href=\"mailto:info@marbellabanussuites.com\" class=\"contact-item-value\">info@marbellabanussuites.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"contact-item-content\">\r\n                        <span class=\"contact-item-label\">Oficina<\/span>\r\n                        <span class=\"contact-item-value\" style=\"cursor:default;\">Residencial Jardines del Puerto<\/span>\r\n                        <span class=\"contact-item-note\">Av. Jos\u00e9 Ban\u00fas 5, Planta Baja, Local 7B<br>Puerto Ban\u00fas, 29660 Marbella, Espa\u00f1a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Social Links -->\r\n                <div class=\"contact-social\">\r\n                    <a href=\"https:\/\/www.facebook.com\/marbellabanussuites\" target=\"_blank\" class=\"social-link\" aria-label=\"Facebook\" rel=\"noopener\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/marbellabanussuites\" target=\"_blank\" class=\"social-link\" aria-label=\"Instagram\" rel=\"noopener\">\r\n                        <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.youtube.com\/@marbellabanussuites\" target=\"_blank\" class=\"social-link\" aria-label=\"YouTube\" rel=\"noopener\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"\/><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/34682512237\" target=\"_blank\" class=\"social-link\" aria-label=\"WhatsApp\" rel=\"noopener\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.66 1.438 5.168L2 22l4.832-1.438A9.955 9.955 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Office Hours -->\r\n            <div class=\"hours-card\">\r\n                <h3>\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#80cbca\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                    Horario de oficina\r\n                <\/h3>\r\n                <div class=\"hours-row\">\r\n                    <span class=\"hours-day\">Lunes \u2013 Viernes<\/span>\r\n                    <span class=\"hours-time\">9:00 \u2013 19:00<\/span>\r\n                <\/div>\r\n                <div class=\"hours-row\">\r\n                    <span class=\"hours-day\">S\u00e1bado<\/span>\r\n                    <span class=\"hours-time\">10:00 \u2013 14:00<\/span>\r\n                <\/div>\r\n                <div class=\"hours-row\">\r\n                    <span class=\"hours-day\">Atenci\u00f3n al hu\u00e9sped<\/span>\r\n                    <span class=\"hours-time\">24\/7<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT COLUMN: Contact Form -->\r\n        <div class=\"contact-form-wrapper\">\r\n            <h2>Env\u00edenos un mensaje<\/h2>\r\n            <p class=\"form-subtitle\">Le responderemos en unas horas.<\/p>\r\n\r\n            <!-- \r\n                WORDPRESS IMPLEMENTATION NOTE:\r\n                Replace this <form> with a Contact Form 7 or WPForms shortcode.\r\n                The form fields below match the structure needed.\r\n                CF7 example: [contact-form-7 id=\"XXXX\" title=\"Contact Page Form\"]\r\n            -->\r\n            <form id=\"mbs-contact-form\" action=\"#\" method=\"POST\">\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contact-name\">Nombre completo <span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"text\" id=\"contact-name\" name=\"name\" placeholder=\"Su nombre\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contact-email\">Correo electr\u00f3nico <span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"email\" id=\"contact-email\" name=\"email\" placeholder=\"su@correo.com\" required>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contact-phone\">Tel\u00e9fono<\/label>\r\n                        <input type=\"tel\" id=\"contact-phone\" name=\"phone\" placeholder=\"+34 600 000 000\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contact-subject\">Asunto <span class=\"required\">*<\/span><\/label>\r\n                        <select id=\"contact-subject\" name=\"subject\" required>\r\n                            <option value=\"\" disabled selected>Seleccione un tema<\/option>\r\n                            <option value=\"booking\">Consulta de reserva<\/option>\r\n                            <option value=\"property-info\">Informaci\u00f3n sobre propiedades<\/option>\r\n                            <option value=\"property-management\">Alquilar mi propiedad con MBS<\/option>\r\n                            <option value=\"existing-booking\">Reserva existente<\/option>\r\n                            <option value=\"partnership\">Alianza \/ Colaboraci\u00f3n<\/option>\r\n                            <option value=\"other\">Otro<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group full-width\">\r\n                        <label for=\"contact-message\">Mensaje <span class=\"required\">*<\/span><\/label>\r\n                        <textarea id=\"contact-message\" name=\"message\" placeholder=\"Cu\u00e9ntenos c\u00f3mo podemos ayudarle...\" required><\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-consent\">\r\n                    <input type=\"checkbox\" id=\"contact-consent\" name=\"consent\" required>\r\n                    <label for=\"contact-consent\">\r\n                        Acepto que mis datos sean tratados para dar respuesta a mi consulta, de conformidad con la\r\n                        <a href=\"\/privacy-policy\/\" target=\"_blank\">Pol\u00edtica de Privacidad<\/a>.\r\n                    <\/label>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/wa.me\/34682512237?text=Hola%20Marbella%20Ban%C3%BAs%20Suites%2C%20me%20gustar%C3%ADa%20ponerme%20en%20contacto.\" target=\"_blank\" rel=\"noopener\" class=\"form-submit-btn\">\r\n                    Enviar mensaje por WhatsApp\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n                <\/a>\r\n            <\/form>\r\n\r\n            <!-- Success State (shown after submission) -->\r\n            <div class=\"form-success\" id=\"form-success\">\r\n                <div class=\"success-icon\">\u2713<\/div>\r\n                <h3>Mensaje enviado<\/h3>\r\n                <p>Gracias por ponerse en contacto. Nuestro equipo le responder\u00e1 en unas horas.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- BLOCK 3: MAP                                                  -->\r\n<!-- ============================================================ -->\r\n<style>\r\n.contact-map-section {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px 70px;\r\n}\r\n\r\n.contact-map-wrapper {\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid #e0efef;\r\n    box-shadow: 0 4px 24px rgba(13, 69, 86, 0.06);\r\n    position: relative;\r\n}\r\n\r\n.contact-map-wrapper iframe {\r\n    display: block;\r\n    width: 100%;\r\n    height: 400px;\r\n    border: none;\r\n}\r\n\r\n.map-overlay-label {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    padding: 16px 24px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    z-index: 10;\r\n}\r\n\r\n.map-overlay-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n    background: #80cbca;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.map-overlay-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.map-overlay-name {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #0d4556;\r\n}\r\n\r\n.map-overlay-address {\r\n    font-size: 13px;\r\n    color: #6b8a99;\r\n    font-weight: 300;\r\n}\r\n\r\n.map-directions-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 4px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #80cbca;\r\n    text-decoration: none;\r\n}\r\n\r\n.map-directions-link:hover {\r\n    color: #0d4556;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .contact-map-wrapper iframe { height: 300px; }\r\n    .map-overlay-label { \r\n        left: 12px; right: 12px; bottom: 12px;\r\n        padding: 12px 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-page\">\r\n    <div class=\"contact-map-section\">\r\n        <div class=\"contact-map-wrapper\">\r\n            <iframe \r\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3223.6!2d-4.9575!3d36.4875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd7327f0b62a5e8b%3A0x8439be69b5b8d94a!2sResidencial%20Jardines%20del%20Puerto%2C%20Av.%20Jos%C3%A9%20Ban%C3%BAs%2C%205%2C%2029660%20Marbella%2C%20M%C3%A1laga!5e0!3m2!1sen!2ses!4v1710000000000\"\r\n                allowfullscreen=\"\" \r\n                loading=\"lazy\" \r\n                referrerpolicy=\"no-referrer-when-downgrade\"\r\n                title=\"Ubicaci\u00f3n de la oficina de Marbella Ban\u00fas Suites\">\r\n            <\/iframe>\r\n            <div class=\"map-overlay-label\">\r\n                <div class=\"map-overlay-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"map-overlay-text\">\r\n                    <span class=\"map-overlay-name\">Marbella Ban\u00fas Suites<\/span>\r\n                    <span class=\"map-overlay-address\">Av. Jos\u00e9 Ban\u00fas 5, Local 7B \u2014 Puerto Ban\u00fas<\/span>\r\n                    <a href=\"https:\/\/www.google.com\/maps\/dir\/\/Residencial+Jardines+del+Puerto,+Av.+Jos\u00e9+Ban\u00fas,+5,+29660+Marbella,+M\u00e1laga\" target=\"_blank\" class=\"map-directions-link\" rel=\"noopener\">\r\n                        C\u00f3mo llegar \u2192\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- BLOCK 4: FAQ SECTION                                          -->\r\n<!-- ============================================================ -->\r\n<style>\r\n.contact-faq {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px 80px;\r\n}\r\n\r\n.contact-faq .faq-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.contact-faq .faq-badge {\r\n    display: inline-block;\r\n    background: #80cbca;\r\n    color: #0d4556;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    padding: 8px 24px;\r\n    border-radius: 30px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.contact-faq h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #0d4556;\r\n    line-height: 1.3;\r\n}\r\n\r\n.faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n}\r\n\r\n.faq-item {\r\n    background: linear-gradient(135deg, #f0fafa 0%, #e8f6f6 100%);\r\n    border-radius: 12px;\r\n    padding: 28px 32px;\r\n    border-left: 4px solid #80cbca;\r\n}\r\n\r\n.faq-item h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #0d4556;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.faq-item p {\r\n    font-size: 15px;\r\n    color: #3a5a6a;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n}\r\n\r\n.faq-item a {\r\n    color: #0d4556;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid #80cbca;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.faq-item a:hover {\r\n    color: #80cbca;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .faq-grid { grid-template-columns: 1fr; }\r\n    .contact-faq h2 { font-size: 28px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-page\">\r\n    <div class=\"contact-faq\">\r\n        <div class=\"faq-header\">\r\n            <div class=\"faq-badge\">Preguntas frecuentes<\/div>\r\n            <h2>Antes de escribirnos<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-item\">\r\n                <h3>\u00bfC\u00f3mo puedo reservar un apartamento?<\/h3>\r\n                <p>Consulte nuestra <a href=\"\/our-properties\/\">p\u00e1gina de propiedades<\/a>, seleccione sus fechas y reserve directamente a trav\u00e9s de nuestra web. Sin comisiones de reserva, sin fianza y con la mejor tarifa disponible garantizada.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <h3>\u00bfEn qu\u00e9 idiomas atienden?<\/h3>\r\n                <p>Nuestro equipo habla espa\u00f1ol, ingl\u00e9s y franc\u00e9s. Nuestra web y nuestro sistema de reservas est\u00e1n disponibles en siete idiomas, para que pueda navegar c\u00f3modamente en el idioma que prefiera.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <h3>Soy propietario de una vivienda en Marbella. \u00bfC\u00f3mo funciona?<\/h3>\r\n                <p>Ofrecemos una evaluaci\u00f3n gratuita y sin compromiso de su propiedad. Visite nuestra <a href=\"\/rent-your-property\/\">p\u00e1gina para propietarios<\/a> para conocer nuestros servicios de gesti\u00f3n, o cont\u00e1ctenos directamente para concertar una llamada.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <h3>\u00bfCu\u00e1l es su pol\u00edtica de cancelaci\u00f3n?<\/h3>\r\n                <p>Las condiciones de cancelaci\u00f3n var\u00edan seg\u00fan la propiedad y la temporada. Todos los detalles se muestran en el momento de la reserva. Para consultas espec\u00edficas sobre una reserva existente, p\u00f3ngase en contacto con nosotros y le ayudaremos de inmediato.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- BLOCK 5: CLOSING CTA                                          -->\r\n<!-- ============================================================ -->\r\n<style>\r\n.contact-closing {\r\n    padding: 0 20px 80px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    font-family: 'Lato', sans-serif;\r\n}\r\n\r\n.contact-closing-box {\r\n    background: linear-gradient(135deg, #0d4556 0%, #145568 50%, #0d4556 100%);\r\n    border-radius: 24px;\r\n    padding: 64px 48px;\r\n    color: #fff;\r\n}\r\n\r\n.contact-closing h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 20px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.contact-closing h2 span {\r\n    color: #80cbca;\r\n}\r\n\r\n.contact-closing .closing-text {\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n    color: rgba(255,255,255,0.85);\r\n    max-width: 700px;\r\n    margin: 0 auto 40px;\r\n    font-weight: 300;\r\n}\r\n\r\n.contact-closing .closing-ctas {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.contact-closing .cta-primary {\r\n    display: inline-block;\r\n    background: #80cbca;\r\n    color: #0d4556;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    padding: 16px 36px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: background 0.3s ease, transform 0.2s ease;\r\n}\r\n\r\n.contact-closing .cta-primary:hover {\r\n    background: #6bbfbe;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.contact-closing .cta-secondary {\r\n    display: inline-block;\r\n    background: transparent;\r\n    color: #80cbca;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    padding: 16px 36px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    border: 2px solid rgba(128, 203, 202, 0.4);\r\n    transition: border-color 0.3s ease, transform 0.2s ease;\r\n}\r\n\r\n.contact-closing .cta-secondary:hover {\r\n    border-color: #80cbca;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-closing-box { padding: 40px 24px; }\r\n    .contact-closing h2 { font-size: 28px; }\r\n    .contact-closing .closing-ctas { flex-direction: column; align-items: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-page\">\r\n    <div class=\"contact-closing\">\r\n        <div class=\"contact-closing-box\">\r\n            <h2>Su <span>equipo local<\/span> en Marbella<\/h2>\r\n\r\n            <p class=\"closing-text\">\r\n                Estamos aqu\u00ed para ayudarle con todo lo que necesite: antes, durante y despu\u00e9s de su estancia.\r\n                Ya sea una consulta sobre nuestros apartamentos o sobre nuestros servicios de gesti\u00f3n,\r\n                estaremos encantados de atenderle.\r\n            <\/p>\r\n\r\n            <div class=\"closing-ctas\">\r\n                <a href=\"\/our-properties\/\" class=\"cta-primary\">Explorar nuestras propiedades<\/a>\r\n                <a href=\"\/rent-your-property\/\" class=\"cta-secondary\">Alquile su propiedad con nosotros<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- FORM SUBMISSION HANDLER (lightweight JS)                      -->\r\n<!-- ============================================================ -->\r\n<!-- \r\n    WORDPRESS NOTE: If using Contact Form 7 or WPForms, \r\n    remove this script and use the plugin's built-in handling.\r\n    This JS is only for the standalone HTML preview.\r\n-->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const form = document.getElementById('mbs-contact-form');\r\n    const successMsg = document.getElementById('form-success');\r\n    \r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Collect form data\r\n            const formData = new FormData(form);\r\n            const data = Object.fromEntries(formData.entries());\r\n            \r\n            \/\/ In WordPress, this would be handled by CF7\/WPForms.\r\n            \/\/ For standalone use, you could POST to a custom endpoint:\r\n            \/\/ fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\r\n            \r\n            \/\/ Show success state\r\n            form.style.display = 'none';\r\n            successMsg.classList.add('active');\r\n            \r\n            \/\/ Log for testing\r\n            console.log('Form submitted:', data);\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cont\u00e1ctenos Hablemos directamente Tanto si est\u00e1 planificando sus vacaciones en Marbella, le interesan nuestros servicios de gesti\u00f3n de propiedades, o simplemente tiene una consulta, nuestro equipo local en Puerto Ban\u00fas est\u00e1 a su entera disposici\u00f3n. Contacto directo Tel\u00e9fono +34 682 512 237 +34 699 297 806 WhatsApp Chatee con nosotros Solemos responder en cuesti\u00f3n de &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_joinchat":[],"footnotes":""},"class_list":["post-84381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/pages\/84381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/comments?post=84381"}],"version-history":[{"count":4,"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/pages\/84381\/revisions"}],"predecessor-version":[{"id":96500,"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/pages\/84381\/revisions\/96500"}],"wp:attachment":[{"href":"https:\/\/marbellabanussuites.com\/es\/wp-json\/wp\/v2\/media?parent=84381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}