{"id":5023,"date":"2023-11-15T19:13:42","date_gmt":"2023-11-15T18:13:42","guid":{"rendered":"https:\/\/pruebas.alhambra.app\/?page_id=5023"},"modified":"2025-07-11T11:26:27","modified_gmt":"2025-07-11T09:26:27","slug":"palacio-carlos-v","status":"publish","type":"page","link":"https:\/\/pruebas.alhambra.app\/en\/palacio-carlos-v\/","title":{"rendered":"Charles V Palace"},"content":{"rendered":"<div class=\"wp-block-columns alignfull\">\n<div class=\"wp-block-column\" style=\"flex-basis:100%\"><p>[video_with_gradient url=&#8221;https:\/\/cdn.alhambra.com.ai\/General\/Fondos\/Videos\/Categorias\/carlos-01-1080.mp4&#8243; title=&#8221;Palacio Carlos V&#8221;]<\/p>\n<\/div>\n<\/div>\n\n\n<div style=\"\" class=\"wp-block-loop wp-block-loop-station album-tracks block-loop-row block-loop-index\"><div class=\"block-loop-items\"  >\n\n\n<article data-id=\"post-6153\" data-play-id=\"6153\" class=\"block-loop-item album-track post-6153 station type-station status-publish has-post-thumbnail hentry genre-carlos-v entry is-single\">\n\t<span class=\"btn-play-now icon-play\"  data-play-id=\"6153\"><\/span>\n\t<span class=\"btn-play-now icon-play\" data-id=\"6153\" data-play-id=\"6153\"><\/span>\n\n\t<button class=\"btn-playlist icon-plus\"><\/button>\n\n\n\t<header class=\"entry-header\">\n\t\t<div class=\"entry-header-inner btn-play-now\">\n\t\t\t\n<h3 class=\"entry-title\"><a href=\"https:\/\/pruebas.alhambra.app\/en\/station\/introduccion-al-palacio-de-carlos-v\/\" rel=\"bookmark\">Introduction to the Palace of Charles V<\/a><\/h3>\n\t\t\t<div class=\"entry-meta\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"entry-footer\">\n\t\t\t<span class=\"play-duration\">02:27<\/span>\t\t\t    <!-- Angel cambiar numero abajo en data-target -->\n    <a href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\" class=\"iconomodal\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> \n    <\/a>\n\n    <!-- El modal -->\n    <!-- Angel cambiar numero abajo en id -->\n    <div class=\"modal\" id=\"ia01\">\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <!-- Cabecera del modal -->\n                <div class=\"modal-header\">\n                    <h4 class=\"modal-title\">\n                                            <\/h4>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                        \u00d7\n                    <\/button>\n                <\/div>\n\n                <!-- Contenido del modal -->\n                <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <div class=\"contenedoria\">\n                                <br><br>\n                                <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #222222; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #222222; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 350px;\n        background-color: #222222;\n        border-radius: 20px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 20px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"You\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6153\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"4541\"\n     data-width=\"350px\"\n     data-height=\"400px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"1\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"20\"\n     data-chat_rounded=\"20\"\n     data-voice_service=\"google\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Chirp-HD-F\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">AI thinking&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Type message..\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                            <\/div>\n                                                        <div class=\"contenidocentrado\">\n                                <h2 class=\"wp-block-heading\">Ask me something!<\/h2>\n                                <li>\n                                    Press <strong>once<\/strong>\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                                        <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                                        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                                        <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n                                    <\/svg>\n                                    to speak.\n                                <\/li>\n                                <li>\n                                    <strong>To finish<\/strong> press\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                        <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                    <\/svg>\n                                <\/li>\n                            <\/div>\n                            <br>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n<style>\n\n                       .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n                            background-color: #34354000 !important;\n                        }\n\n\n                         .wpaicg-chat-shortcode:nth-child(2) .wpaicg_chat_additions { display: none; }\n\n\n                        .iconomodal {\n                            border-radius: 0px !important;\n                            background-color: #00000000!important;\n                            display: inline-flex;\n                            align-items: center;\n                            padding: 0.5rem;\n                            min-width: 1rem;\n                            line-height: 1;\n                            color: inherit;\n                            background-color: transparent;\n                            border: none;\n                            outline: 0;\n                            color: var(--color-primary);\n                        }\n\n\n                        .album-track .icon-play {\n                            color: var(--color-primary);\n                        }\n\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                                color: #8c0dff !important;\n                            }\n\n\n                         .contenidocentrado {\n                        text-align: center;\n                        display: block;\n                        margin-block-start: 0em;\n                        margin-block-end: 0em;\n                        }\n\n\n\n                        .preguntas{\n                        width: calc(100% - var(--x-gap) * 3) !important;\n                        max-width: var(--content-width);\n                        margin-left: auto;\n                        margin-right: auto;\n                        }\n\n\n                        .accordion h3:after, .accordion h4:after {\n                        opacity: 9.5 !important;\n                        color: var(--color-primary) !important;\n                        }\n\n\n                        p {\n                        margin-top: 0.5rem;\n                        margin-bottom: 0rem;\n                        }\n\n                        b, strong {\n                        font-weight: 700 !important;\n                        }\n\n                        h3, .h3 {\n                        margin-block-end: 0.5em;\n                        }\n\n\n                     \n                        \/*.accordion h3, .accordion h4 {\n                        color: var(--color-primary) !important;\n                        }*\/\n\n\n                        .modal-body, .modal-footer, .modal-header {\n                            padding: 1rem;\n                        }\n\n\n                      \n                        .letracolor {\n                        color: var(--color-primary);\n                        margin-bottom: -5px;\n                        }\n\n\n                        .miicono {\n                        overflow: hidden;\n                        vertical-align: middle;\n                        color: var(--color-primary);\n                        }\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon svg {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-chat-shortcode-type {\n                            background: rgb(0 0 0 \/ 0%) !important;\n                        }\n\n                        .wpaicg-chat-shortcode {\n                            width: 100% !important;\n                        }\n                        .wpaicg_chat_additions span {\n                            margin-right: 0px !important;\n                        }\n\n                        .contenedoria {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            \/*padding: 0px 0px 10px 0px;*\/\n                            margin-top: 0%;\n                            padding: 2rem 0rem 2rem 0rem!important;\n                        }\n\n\n\n                    .wpaicg-chat-shortcode {\n                        background-color: #12121200 !important;\n                    }\n\n\n                    .comment-respond .must-log-in p, textarea {\n                        width: 100% !important;\n                    }\n\n\n\n                    \/*sebas tengo que modificar esto para centrar el micro*\/\n                        .wpaicg_chat_additions{\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            right: 42% !important;\n                        }\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<!-- sebas cargo los estilos condicional -->\n\n    <style id=\"ia01-style\">\n        #ia01 .wpaicg-chat-shortcode-messages { display: none; }\n        #ia01 .wpaicg-chat-shortcode-send > svg { display: none; }\n        #ia01 .wpaicg-chat-shortcode-typing { display: none; }\n\n\n    .wpaicg-chat-shortcode {\n        align-items: center !important;\n        padding: 0rem !important;\n        min-width: 0rem !important;\n        justify-content: center !important;\n        align-items: center !important;\n        \/*max-width: 20px;*\/\n    }\n\n\n     \/* Establece el estilo para .wpaicg-bot-thinking cuando est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        color: inherit !important;\n    }\n\n    \/* Oculta .wpaicg-mic-icon cuando .wpaicg-bot-thinking est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking + .circle {\n        display: none;\n    }\n\n\n    .wpaicg-mic-icon svg {\n        width: 50px !important;\n        height: 50px !important;\n        margin: auto;\n        display: block;\n        color: var(--color-primary) !important;\n    }\n\n    @keyframes pulse {\n        0% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: scale(1.2);\n            opacity: 1;\n        }\n        100% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n    }\n\n    .wpaicg_chat_additions {\n        animation: pulse 3s infinite;\n    }\n\n    .circle {\n        width: 70px;\n        height: 70px;\n        border: 1px solid;\n        color: var(--color-primary);\n        border-radius: 100%;\n        \/*margin: 7px;*\/\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-top: -37%;\n    }\n\n\n    \n    .wpaicg-chat-shortcode{\n        width: ;\n    }\n    .wpaicg-chat-shortcode-content{\n        position: relative;\n    }\n    .wpaicg-chat-shortcode-content ul{\n        height: calc( - 44px);\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-footer{\n        height: 18px;\n        font-size: 11px;\n        padding: 0 20px;\n        color: ;\n        background: rgb(0 0 0 \/ 19%);\n        margin-top:2px;\n        margin-bottom: 2px;\n    }\n    .wpaicg-chat-shortcode-content ul li{\n        display: flex;\n        margin-bottom: 0;\n        padding: 10px;\n        color: ;\n    }\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message{\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong{\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        font-size: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong img{\n\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after{\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking{\n        bottom: 0;\n        font-size: 11px;\n        color: inherit;\n        padding: 2px 6px;\n        display: none;\n    }\n\n    .wpaicg-chat-shortcode{\n        background-color: ;\n    }\n    .wpaicg-chat-shortcode-type{\n        background: rgb(0 0 0 \/ 19%);\n    }\n    .wpaicg-chat-message{\n        text-align: justify;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message a,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message a{\n        color: inherit;\n    }\n\n    <\/style>\n\n\n<style>\n.wpaicg-chat-shortcode {\n    box-shadow: 0 0px 0px rgb(0 0 0 \/ 0%) !important;\n}\n<\/style>\n\n\n\n\n\n    <script>\n        \/\/ Agregar evento al abrir el modal para aplicar el estilo CSS din\u00e1micamente\n        document.addEventListener('DOMContentLoaded', function () {\n            document.getElementById('ia01').addEventListener('show.bs.modal', function () {\n                document.getElementById('ia01-style').innerHTML = `\n                    #ia01 .wpaicg-chat-shortcode-messages { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-send > svg { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-typing { display: block; }\n                `;\n            });\n        });\n    <\/script>\n\n\n\n\n    \t\t\t\t\t\t    <style>\n        \/* A\u00f1ade estilos personalizados aqu\u00ed si es necesario \n        #dropdown-more { display: none !important; } *\/\n        #dropdown-more { display: none !important; }\n        .btn-playlist:nth-child { display: none !important; }\n        .dropdown-backdrop { display: none !important; }\n    <\/style>\n\n\n    \n    <div class=\"btn-group dropup\">\n        <button class=\"btn-more\" type=\"button\" id=\"mapaDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"6\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"18\" r=\"2\"><\/circle><\/svg>\n                    <\/button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"mapaDropdown\">\n           \n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg>&nbsp; &nbsp; Ask me something! (Voice)<\/a>\n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia02\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polygon points=\"16 3 21 8 8 21 3 21 3 16 16 3\"><\/polygon><\/svg>&nbsp; &nbsp; Ask me something! (Text)<\/a>\n\n\n                \n\n\n                \n\n\n                \n\n\n                \n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#modalprueba53\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><line x1=\"17\" y1=\"10\" x2=\"3\" y2=\"10\"><\/line><line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"><\/line><line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"><\/line><line x1=\"17\" y1=\"18\" x2=\"3\" y2=\"18\"><\/line><\/svg>&nbsp; &nbsp; Description<\/a>\n\n\n                \n\n        <\/div>\n    <\/div>\n\n\n\n    <div class=\"modal fade\" id=\"ia02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">  <\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #343540; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #343540; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #343540;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"Yo\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6153\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"5009\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">Creating neural connections\u2026&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Write your message here\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"display:none;\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                                    <\/div>\n\n\n            <style>\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .circle:nth-child(2) { display: none !important; }\n\n\n                .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li strong {\n                    color: var(--color-primary) !important;\n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                color: inherit !important;\n                }\n\n\n                .wpaicg-chat-shortcode-type {\n                    color: inherit !important;\n                    width: 100% !important;\n                }\n\n\n\n                textarea.wpaicg-chat-shortcode-typing {\n                border: 1px solid var(--color-primary) !important;\n                background-color: #ffffff00 !important;\n                color: inherit !important;\n                 }\n\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .wpaicg-chat-shortcode-send:nth-child(9){\n                    display: none !important;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode-send {\n                    color: var(--color-primary) !important;\n                    margin-right: -250px !important;\n                }\n\n\n                textarea.auto-expand:focus {\n                outline: none;\n                box-shadow: 0 0 5px var(--color-primary) !important;\n                line-height: 2;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: #ffffff00 !important;\n                    border-radius: 1px !important;\n                    height: 1px !important;\n                }\n\n\n\n\n\n                .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message, .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n                    color: inherit;\n                    font-size: .8375rem;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    background: var(--color-primary) !important;\n                    border-radius: 1px;\n                    height: 0px;\n                    background-color: inherit !important;\n                    color: inherit !important;\n                    border: 10px solid var(--color-grey-500) !important;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    border-radius: 5px !important;\n                    height: 1px !important;\n                }\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: inherit !important;\n                    border-radius: 1px !important;\n                }\n\n\n            <\/style>\n                <!-- <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cerrar<\/button>\n                <\/div> -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n    \n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- TODO LO QUE ESTA DEBAJO DE ESTO SON LAS LLAMADAS A LOS MODALES -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n\n\n<!-- PREGUNTAS RECOMENDADAS -->\n    <div class=\"modal fade\" id=\"modalprueba01\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<!-- GALER\u00cdA DE FOTOS -->\n    <div class=\"modal fade\" id=\"modalprueba02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- GALER\u00cdA DE VIDEO -->\n    <div class=\"modal fade\" id=\"modalprueba03\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                       <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- COMO LLEGAR AQU\u00cd -->\n    <div class=\"modal fade\" id=\"modalprueba04\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                         <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N -->\n    <div class=\"modal fade\" id=\"modalprueba05\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted Access<\/h2>\n                            <p class=\"text-center mt-3\">Hidden content in the demo version.<br>\n                            Contact support to activate it.<\/p><\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <div class=\"modal fade\" id=\"modalprueba06\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">Modal title example<\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION ALCAZABA  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - INTRODUCCI\u00d3N -->\n<div class=\"modal fade\" id=\"modalprueba07\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Alcazaba is the most primitive part of the monumental complex, built on the remains of an ancient Zirid fortress.\n                    <\/p>\n                    <p>\n                        The origins of the Nasrid Alcazaba date back to 1238, when the first sultan and founder of the Nasrid dynasty, Muhammad Ibn al-Alhmar, decided to move the seat of the sultanate from the Albaic\u00edn to the opposite hill, the Sabika.\n                    <\/p>\n                    <p>\n                        The location chosen by Al-Ahmar was ideal since the Alcazaba, located at the western end of the hill and with a triangular layout, very similar to the prow of a ship, guaranteed optimal defense for what would become the palatine city of the Alhambra, built under its protection.\n                    <\/p>\n                    <p>\n                        The Alcazaba, with its several walls and towers, was clearly intended to be defensive. It was, in fact, a surveillance center, due to its location two hundred meters above the city of Granada, thus guaranteeing visual control of the entire surrounding territory and simultaneously representing a symbol of power.\n                    <\/p>\n                    <p>\n                        Inside, the military quarter is located, and over time, the Alcazaba was established as a small, independent micro-city for high-ranking soldiers, responsible for the defense and protection of the Alhambra and its sultans.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - BARRIO CASTRENSE -->\n <div class=\"modal fade\" id=\"modalprueba08\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">Military District<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Upon entering the citadel, we find ourselves in what appears to be a labyrinth, although in reality it is a process of architectural restoration using anastylosis, which has allowed the restoration of the old military quarter that had remained buried until the beginning of the twentieth century.\n                    <\/p>\n                    <p>\n                        The Sultan&#039;s elite guard and the rest of the military contingent responsible for the defense and security of the Alhambra resided in this neighborhood. It was, therefore, a small city within the Alhambra&#039;s palatial city, with everything necessary for daily life, such as housing, workshops, a bakehouse with an oven, warehouses, a cistern, a hammam, and so on. In this way, the military and civilian populations could be kept separate.\n                    <\/p>\n                    <p>\n                        In this neighborhood, thanks to this restoration, we can contemplate the typical layout of the Muslim house: an entrance with a corner entrance, a small courtyard as the central axis of the house, rooms surrounding the courtyard, and a latrine.\n                    <\/p>\n                    <p>\n                        Furthermore, at the beginning of the twentieth century, a dungeon was discovered underground. Easily recognizable from the outside by the modern spiral staircase leading down to it. This dungeon housed prisoners who could be used to obtain significant benefits, whether political or economic, or, in other words, individuals with significant market value.\n                    <\/p>\n                    <p>\n                        This underground prison is shaped like an inverted funnel and has a circular floor plan. This made it impossible for these captives to escape. In fact, the prisoners were brought inside using a system of pulleys or ropes.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA P\u00d3LVORA -->\n<div class=\"modal fade\" id=\"modalprueba09\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">POWDER TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Powder Tower served as a defensive reinforcement on the southern side of the Vela Tower and from there the military road that led to the Red Towers started.\n                    <\/p>\n                    <p>\n                        Since 1957, it is in this tower where we can find some verses engraved on stone, whose authorship corresponds to the Mexican Francisco de Icaza: \n                    <\/p>\n                    <br>\n                    <blockquote>\n                        \u201cGive alms, woman, there is nothing in life,<br>\n                        like the penalty of being blind in Granada.\u201d\n                    <\/blockquote>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - JARD\u00cdN DE LOS ADARVES -->\n<div class=\"modal fade\" id=\"modalprueba10\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">GARDEN OF THE ADARVES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The space occupied by the Garden of the Adarves dates back to the sixteenth century, when an artillery platform was built in the process of adapting the Alcazaba for artillery.\n                    <\/p>\n                    <p>\n                        It was already in the seventeenth century when military use lost its importance and the fifth Marquis of Mond\u00e9jar, after being appointed warden of the Alhambra in 1624, decided to transform this space into a garden by filling the space between the outer and inner walls with earth.\n                    <\/p>\n                    <p>\n                        There is a legend that it was in this place where gold-filled porcelain vases were found hidden, probably hidden by the last Muslims who inhabited the area. Some of the gold was used by the Marquis to finance the creation of this beautiful garden. It is thought that perhaps one of these vases is one of the twenty large Nasrid gilded earthenware vases preserved worldwide. We can see two of these vases in the National Museum of Hispano-Muslim Art, located on the ground floor of the Palace of Charles V.\n                    <\/p>\n                    <p>\n                        One of the notable features of this garden is the presence in the central part of a kettledrum-shaped fountain. This fountain has had various locations, the most striking and notable being in the Patio de los Leones (Courtyard of the Lions), where it was placed in 1624 over the Lions&#039; Fountain, causing significant damage. The bowl remained in that location until 1954, when it was removed and replaced here.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA VELA -->\n<div class=\"modal fade\" id=\"modalprueba11\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">CANDLE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Under the Nasrid dynasty, this tower was known as the Torre Mayor, and from the sixteenth century onward, it was also called the Torre del Sol (Tower of the Sun), because the sun reflected off the tower at midday, acting as a sundial. However, its current name comes from the word velar (vellar), given that, thanks to its height of 27 meters, it provides a 360-degree view that would allow any movement to be detected.\n                    <\/p>\n                    <p>\n                        The Tower&#039;s appearance has changed over time. It originally had battlements on its terrace, which were lost due to several earthquakes. The bell was added after the Christians captured Granada.\n                    <\/p>\n                    <p>\n                        This bell was used to warn the population of any potential danger, such as earthquakes or fires. Its sound was also used to regulate irrigation schedules in the Vega of Granada.\n                    <\/p>\n                    <p>\n                        Currently, and according to tradition, the bell is rung every January 2nd to commemorate the capture of Granada on January 2nd, 1492.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE Y PUERTA DE LAS ARMAS -->\n<div class=\"modal fade\" id=\"modalprueba12\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">TOWER AND GATE OF THE WEAPONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Located in the northern wall of the Alcazaba, the Puerta de las Armas was one of the main entrances to the Alhambra.\n                    <\/p>\n                    <p>\n                        During the Nasrid dynasty, citizens crossed the Darro River via the Cad\u00ed Bridge and climbed the hill along a path now hidden by the San Pedro Forest until they reached the gate. Inside the gate, they had to deposit their weapons before entering the enclosure, hence the name &quot;Gate of Arms.&quot;\n                    <\/p>\n                    <p>\n                        From the terrace of this tower, we can now enjoy one of the best panoramic views of the city of Granada.\n                    <\/p>\n                    <p>\n                        Directly opposite lies the Albaic\u00edn neighborhood, easily recognizable by its whitewashed houses and labyrinthine network of streets. This neighborhood was declared a UNESCO World Heritage Site in 1994.\n                    <\/p>\n                    <p>\n                        It is in this neighborhood where one of Granada&#039;s most famous viewpoints is located: the Mirador de San Nicol\u00e1s.\n                    <\/p>\n                    <p>\n                        To the right of the Albaic\u00edn, is the Sacromonte neighborhood.\n                    <\/p>\n                    <p>\n                        Sacromonte is Granada&#039;s quintessential old Gypsy neighborhood and the birthplace of flamenco. This neighborhood is also characterized by the presence of troglodyte dwellings: caves.\n                    <\/p>\n                    <p>\n                        At the foot of the Albaic\u00edn and the Alhambra lies the Carrera del Darro, next to the banks of the river of the same name.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DEL HOMENAJE Y TORRE DEL CUBO -->\n<div class=\"modal fade\" id=\"modalprueba13\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">KEEP TOWER AND CUBE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Keep is one of the oldest towers in the Alcazaba, standing 26 meters tall. It has six floors, a terrace, and an underground dungeon.\n                    <\/p>\n                    <p>\n                        Due to the tower&#039;s height, communication with the kingdom&#039;s watchtowers was established from its terrace. This communication was established through a system of mirrors during the day or smoke with bonfires at night.\n                    <\/p>\n                    <p>\n                        It is thought that, due to the tower&#039;s protruding position on the hill, it was probably the place chosen for the display of the banners and red flags of the Nasrid dynasty.\n                    <\/p>\n                    <p>\n                        The base of this tower was reinforced by the Christians with the so-called Cube Tower.\n                    <\/p>\n                    <p>\n                        After the capture of Granada, the Catholic Monarchs planned a series of renovations to adapt the Alcazaba to artillery. Thus, the Cube Tower was built over the Tahona Tower. Thanks to its cylindrical shape, it provides greater protection against potential impacts compared to the square-shaped Nasrid towers.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION GENERALIFE -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba14\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel14\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel14\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Generalife, located on Cerro del Sol, was the sultan&#039;s almunia, or in other words, a palatial country house with orchards, where, in addition to farming, animals were raised for the Nasrid court and hunting was practiced. Its construction is estimated to have begun in the late 13th century by Sultan Muhammad II, son of the founder of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    The name Generalife comes from the Arabic &quot;yannat-al-arif,&quot; meaning &quot;the architect&#039;s garden.&quot; It was a much larger space in the Nasrid period, with at least four vegetable gardens, and extended to a place known today as &quot;the partridge plain.&quot;\n                <\/p>\n                <p>\n                    This country house, which the vizier Ibn al-Yayyab called the Royal House of Happiness, was a palace: the sultan&#039;s summer palace. Despite its proximity to the Alhambra, it afforded him enough privacy to escape and relax from the stresses of court and government life, as well as to enjoy more pleasant temperatures. Due to its location at a higher altitude than the palatine city of the Alhambra, the temperature inside dropped.\n                <\/p>\n                <p>\n                    When Granada was captured, the Generalife became the property of the Catholic Monarchs, who placed it under the protection of an alcaide or commander. Philip II eventually ceded the perpetual alcaid\u00eda and ownership of the site to the Granada Venegas family (a family of converted Moriscos). The State only recovered the site after a dispute that lasted almost 100 years and ended with an out-of-court settlement in 1921.\n                <\/p>\n                <p>\n                    Agreement by which the Generalife would become a national heritage site and would be managed together with the Alhambra through the Board of Trustees, thus forming the Board of Trustees of the Alhambra and the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba15\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel15\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel15\">AUDIENCE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The open-air amphitheater we encountered on our way to the Generalife Palace was built in 1952 with the intention of hosting, as it does every summer, the Granada International Music and Dance Festival.\n                <\/p>\n                <p>\n                    Since 2002, a Flamenco Festival has also been held, linked to the figure of Granada&#039;s most emblematic poet: Federico Garc\u00eda Lorca.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba16\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel16\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel16\">MEDIEVAL ROAD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Under the Nasrid dynasty, the road that connected the palatine city and the Generalife started from the Puerta del Arabal, framed by the so-called Torre de los Picos, so named because its battlements end in brick pyramids.\n                <\/p>\n                <p>\n                    It was a winding, sloping road, protected on both sides by high walls for greater security, and led to the entrance to the Patio del Descabalgamiento.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba17\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel17\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel17\">HOUSE OF FRIENDS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These ruins or foundations are the archaeological remains of what was once the so-called House of Friends. Its name and purpose have come down to us thanks to Ibn Luy\u00fan&#039;s &quot;Treatise on Agriculture&quot; in the 14th century.\n                <\/p>\n                <p>\n                    It was therefore a dwelling intended for people, friends or relatives whom the sultan held in esteem and considered important to have close to him, but without invading their privacy, so it was an isolated dwelling.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"modal fade\" id=\"modalprueba18\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel18\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel18\">OLEDERFLOWER WALK<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    This Oleander Walk was built in the mid-19th century for the visit of Queen Elizabeth II and to create a more monumental access to the upper part of the palace. \n                <\/p>\n                <p>\n                    Oleander is another name for the pink laurel, which appears in the form of an ornamental canopy along this walkway. At the beginning of the walk, behind the High Gardens, is one of the oldest examples of the Moorish myrtle, which was nearly lost and whose genetic traces are still being investigated today.\n                <\/p>\n                <p>\n                    It is one of the most characteristic plants of the Alhambra, distinguished by its curled leaves, which are larger than the common myrtle.\n                <\/p>\n                <p>\n                    The Paseo de las Adelfas connects with the Paseo de los Cipreses, which serves as a link leading visitors to the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba19\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel19\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel19\">WATER STAIRWAY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the best-preserved and unique elements of the Generalife is the so-called Water Staircase. It is believed that, under the Nasrid dynasty, this staircase\u2014divided into four flights with three intermediate landings\u2014had water channels that flowed through the two glazed ceramic handrails, fed by the Royal Canal.\n                <\/p>\n                <p>\n                    This water pipe reached a small oratory, of which no archaeological information survives. In its place, since 1836, there has been a romantic belvedere erected by the estate manager at the time.\n                <\/p>\n                <p>\n                    The climb up this staircase, framed by a laurel vault and the murmur of water, probably created an ideal environment for stimulating the senses, entering into a climate conducive to meditation, and performing ablutions prior to prayer.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba20\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel20\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel20\">GENERALIFE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the grounds surrounding the palace, it is estimated that there must have been at least four large vegetable gardens organized on different levels, or paratas, enclosed by adobe walls. The names of these gardens that have survived to the present day are: Grande, Colorada, Mercer\u00eda, and Fuente Pe\u00f1a.\n                <\/p>\n                <p>\n                    These gardens have continued to be cultivated, to a greater or lesser extent, since the 14th century, using the same traditional medieval techniques. Thanks to this agricultural production, the Nasrid court maintained a certain independence from other external agricultural suppliers, allowing it to meet its own food needs.\n                <\/p>\n                <p>\n                    They were used not only for vegetable gardens, but also for fruit trees and animal pastures. For example, today they grow artichokes, eggplants, beans, figs, pomegranates, and almond trees.\n                <\/p>\n                <p>\n                    Today, the preserved orchards continue to use the same agricultural production techniques employed in medieval times, giving this space great anthropological value.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba21\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel21\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel21\">HIGH GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These gardens are accessed from the Patio de la Sultana via a steep 19th-century staircase, called the Lions&#039; Staircase, due to the two glazed earthenware figures above the gate.\n                <\/p>\n                <p>\n                    These gardens can be considered an example of a Romantic garden. They are located on pillars and form the highest part of the Generalife, offering spectacular views of the entire monumental complex.\n                <\/p>\n                <p>\n                    The presence of beautiful magnolias stands out.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba22\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel22\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel22\">ROSE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Rose Gardens originated between the 1930s and 1950s, after the State acquired the Generalife in 1921. \n                <\/p>\n                <p>\n                    The need then arose to enhance the value of an abandoned area and strategically connect it to the Alhambra through a gradual and smooth transition.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba23\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel23\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel23\">DITCH PATIO<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Acequia, also called the Patio de la R\u00eda in the 19th century, today has a rectangular structure with two facing pavilions and a bay.\n                <\/p>\n                <p>\n                    The courtyard&#039;s name comes from the Royal Canal that runs through this palace, around which four gardens are arranged in orthogonal parterres at a lower level. On both sides of the canal are fountains that form one of the palace&#039;s most popular images. However, these fountains are not original, as they disrupt the tranquility and serenity the sultan sought during his moments of rest and meditation.\n                <\/p>\n                <p>\n                    This palace has undergone extensive transformations, as this courtyard was originally closed to the views we find today through the gallery of 18 belvedere-style arches. The only part that would allow a view of the landscape would be the central viewing platform. From this original viewing platform, sitting on the floor and leaning on the windowsill, one could contemplate the panoramic views of the palatine city of the Alhambra.\n                <\/p>\n                <p>\n                    As a testament to its past, we find Nasrid decoration in the viewing platform, where the plasterwork of Sultan Ismail I is superimposed over that of Muhammad III stands out. This demonstrates that each sultan had different tastes and needs and adapted the palaces accordingly, leaving their own mark or imprint.\n                <\/p>\n                <p>\n                    As we pass the viewpoint, and if we look at the intrados of the arches, we will also find emblems of the Catholic Monarchs such as the Yoke and the Arrows, as well as the motto &quot;Tanto Monta&quot;.\n                <\/p>\n                <p>\n                    The east side of the courtyard is recent due to a fire that occurred in 1958.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba24\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel24\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel24\">GUARDYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Patio de la Acequia, we come across the Patio de la Guardia. A simple courtyard with porticoed galleries and a fountain in its center, it is also decorated with bitter orange trees. This courtyard must have served as a control area and antechamber before accessing the sultan&#039;s summer quarters.\n                <\/p>\n                <p>\n                    What stands out about this place is that, after climbing some steep stairs, we find a doorway framed by a lintel decorated with tiles in shades of blue, green, and black on a white background. We can also see, although worn by the passage of time, the Nasrid key.\n                <\/p>\n                <p>\n                    As we climb the steps and pass through this doorway, we come across a bend, the guard benches, and a steep, narrow staircase that leads us to the palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba25\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel25\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel25\">SULTANA&#039;S COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Sultana is one of the most transformed spaces. It is thought that the site now occupied by this courtyard\u2014also called the Patio del Cipr\u00e9s\u2014was the area used for the former hammam, the Generalife baths.\n                <\/p>\n                <p>\n                    In the 16th century, it lost this function and became a garden. Over time, a northern gallery was added, along with a U-shaped pool, a fountain in its center, and thirty-eight noisy jets.\n                <\/p>\n                <p>\n                    The only elements preserved from the Nasrid period are the Acequia Real waterfall, protected behind a fence, and a small section of canal that directs the water towards the Patio de la Acequia.\n                <\/p>\n                <p>\n                    The name &quot;Cypress Courtyard&quot; is due to the centuries-old dead cypress tree, of which only its trunk remains today. Next to it is a Granada ceramic plaque that tells of the 16th-century legend by Gin\u00e9s P\u00e9rez de Hita, according to which this cypress witnessed the amorous encounters of the last sultan&#039;s favorite, Boabdil, with a noble Abencerraje knight.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba26\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel26\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel26\">DISMOUNTING COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio del Descabalgamiento, also known as Patio Polo, is the first courtyard we encounter upon entering the Generalife Palace.\n                <\/p>\n                <p>\n                    The Sultan used a horse as a means of transportation to access the Generalife, and as such, he needed a place to dismount and house these animals. This courtyard is thought to have been intended for this purpose, as it housed the stables.\n                <\/p>\n                <p>\n                    It had benches for support for horses to get on and off, and two stables in the side aisles, which served as stables on the lower level and haylofts on the upper level. A drinking trough with fresh water for the horses was also essential.\n                <\/p>\n                <p>\n                    Worth noting here: above the lintel of the door leading to the next courtyard, we find the Alhambra key, a symbol of the Nasrid dynasty, representing salutation and ownership.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba27\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel27\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel27\">ROYAL HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The north portico is the best preserved and was intended to house the sultan&#039;s quarters.\n                <\/p>\n                <p>\n                    We find a portico with five arches supported by columns and alham\u00edes at their ends. Beyond this portico, and to access the Royal Hall, one passes through a triple archway in which poems speak of the Battle of La Vega or Sierra Elvira in 1319, which gives us information about the dating of the site.\n                <\/p>\n                <p>\n                    On the sides of this triple arch there are also *taqas*, small niches excavated in the wall where water was placed.\n                <\/p>\n                <p>\n                    The Royal Hall, located in a square tower decorated with plasterwork, was the place where the sultan\u2014despite this being a leisure palace\u2014received urgent audiences. These audiences, according to verses engraved there, were supposed to be brief and to the point so as not to unduly disturb the emir&#039;s rest.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  PALACIOS NAZARIES  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba28\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel28\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel28\">INTRODUCTION TO THE NAZARI PALACES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Nasrid Palaces constitute the most emblematic and striking part of the monumental complex. They were built in the 14th century, a period that can be considered a time of great splendor for the Nasrid dynasty.\n                <\/p>\n                <p>\n                    These palaces were the area reserved for the sultan and his close relatives, where family life took place, but also the official and administrative life of the kingdom.\n                <\/p>\n                <p>\n                    The Palaces are: the Mexuar, the Comares Palace and the Palace of the Lions.\n                <\/p>\n                <p>\n                    Each of these palaces was built independently, at different times, and with their own distinct functions. It was after the Capture of Granada that the palaces were unified, and from that moment on, they became known as the Royal House, and later as the Old Royal House, when Charles V decided to build his own palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba29\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel29\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel29\">THE MEXUAR AND ORATORY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Mexuar is the oldest part of the Nasrid Palaces, but it is also the space that has undergone the greatest transformations over time. Its name comes from the Arabic *Maswar*, which refers to the place where the *Sura* or Council of Ministers of the Sultan met, thus revealing one of its functions. It was also the antechamber where the Sultan administered justice.\n                <\/p>\n                <p>\n                    The construction of the Mexuar is attributed to Sultan Ismail I, who reigned between 1314 and 1325, and was modified by his grandson Muhammad V. However, it was the Christians who most transformed this space by turning it into a chapel.\n                <\/p>\n                <p>\n                    During the Nasrid period, this space was much smaller and was organized around four central columns, where the characteristic Nasrid cubic capital, painted cobalt blue, can still be seen. These columns supported a lantern that provided overhead light, which was removed in the 16th century to create upper rooms and side windows.\n                <\/p>\n                <p>\n                    To convert the space into a chapel, the floor was lowered and a small rectangular space was added at the back, now separated by a wooden balustrade that indicates where the upper choir was located.\n                <\/p>\n                <p>\n                    The ceramic tiled plinth with star decoration was brought from elsewhere. Among its stars, one can alternately see: the coat of arms of the Nasrid Kingdom, that of Cardinal Mendoza, the double-headed eagle of the Austrians, the motto &quot;There is no victor but God,&quot; and the Pillars of Hercules from the imperial coat of arms.\n                <\/p>\n                <p>\n                    Above the plinth, a plaster epigraphic frieze repeats: \u201cThe Kingdom is God\u2019s. Strength is God\u2019s. Glory is God\u2019s.\u201d These inscriptions replace the Christian ejaculations: \u201cChristus regnat. Christus vincit. Christus imperat.\u201d\n                <\/p>\n                <p>\n                    The current entrance to the Mexuar was opened in the modern period, changing the location of one of the Pillars of Hercules, bearing the motto &quot;Plus Ultra,&quot; which was moved to the east wall. The plaster crown above the door remains in its original location.\n                <\/p>\n                <p>\n                    At the back of the room, a door leads to the Oratory, which was originally accessed through the Machuca gallery.\n                <\/p>\n                <p>\n                    This space is one of the most damaged in the Alhambra due to the explosion of a powder magazine in 1590. It was restored in 1917.\n                <\/p>\n                <p>\n                    During the restoration, the floor level was lowered to prevent accidents and facilitate visits. A continuous ledge under the windows remains as a testament to the original level.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba30\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel30\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel30\">GOLDEN ROOM and COMARES FACADE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n\n                <p>\n                    The name *Golden Quarter* comes from the period of the Catholic Monarchs, when the Nasrid coffered ceiling was repainted with golden motifs and the emblems of the monarchs were incorporated.\n                <\/p>\n                <p>\n                    Subjects who obtained an audience waited in front of the fa\u00e7ade, separated from the sultan by the royal guard, in the room now known as the Golden Room.\n                <\/p>\n                <p>\n                    In the center of the courtyard is a low marble fountain with galloons, a replica of the Lindaraja fountain preserved in the Alhambra Museum. To one side of the fountain, a gate leads to a dark underground corridor used by the guards.\n                <\/p>\n                <p>\n                    Further along, we find the fa\u00e7ade of the Comares Palace. This impressive fa\u00e7ade, extensively restored between the 19th and 20th centuries, was built by Muhammad V to commemorate the capture of Algeciras in 1369, which granted him control over the Strait of Gibraltar.\n                <\/p>\n                <p>\n                    In this courtyard, the sultan received subjects who had a special audience. He sat in the central part of the fa\u00e7ade, on a jamuga (wooden frame) between the two doors and beneath the great eaves, a masterpiece of Nasrid carpentry that crowned it.\n                <\/p>\n                <p>\n                    The fa\u00e7ade has a strong allegorical meaning. On it, subjects could read:\n                <\/p>\n                <br>\n                <br>\n                <blockquote>\n                    \u201cMy position is that of a crown and my gate a fork: the West believes that in me is the East.\u201d<br>\n                    Al-Gani bi-llah has entrusted me with opening the door to the victory that is being announced.<br>\n                    Well, I&#039;m waiting for him to appear as the horizon reveals itself in the morning.<br>\n                    May God make his work as beautiful as his character and figure are!\n                <\/blockquote>\n                <p>\n                    The door on the right served as access to the private quarters and service area, while the door on the left, through a curved corridor with benches for the guard, gives access to the Comares Palace, specifically to the Patio de los Arrayanes.\n                <\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba31\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel31\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel31\">COURTYARD OF THE MYRTLES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the characteristics of the Hispano-Muslim house is access through a curved hallway that leads to an open-air courtyard, the focal point of life and organization of the home, complete with a water feature and vegetation. This same concept is found in the Patio de los Arrayanes, but on a larger scale, measuring 36 meters long and 23 meters wide.\n                <\/p>\n                <p>\n                    The Patio de los Arrayanes (Courtyard of the Myrtles) is the centerpiece of the Comares Palace, where the political and diplomatic activities of the Nasrid Kingdom took place. It is a rectangular courtyard of imposing dimensions, whose central axis is a large pool. In it, the still water acts as a mirror, lending depth and verticality to the space, thus creating a palace on water.\n                <\/p>\n                <p>\n                    At both ends of the pool, jets gently introduce water so as not to disrupt the mirror effect or the stillness of the place.\n                <\/p>\n                <p>\n                    Flanking the pool are two myrtle clumps, which give the current site its name: Patio de los Arrayanes (Courtyard of the Myrtles). In the past, it was also known as Patio de la Alberca (Courtyard of the Pool).\n                <\/p>\n                <p>\n                    The presence of water and vegetation is not only a matter of ornamental or aesthetic considerations, but also a desire to create pleasant spaces, especially in summer. Water refreshes the environment, while vegetation retains moisture and provides fragrance.\n                <\/p>\n                <p>\n                    On the longer sides of the courtyard are four independent dwellings. On the north side stands the Comares Tower, which houses the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the south side, the fa\u00e7ade acts as a trompe l&#039;oeil, as the building that existed behind it was demolished to connect the Palace of Charles V with the Old Royal House.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba32\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel32\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel32\">MOSQUE COURTYARD AND MACHUCA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Nasrid Palaces, if we look to the left, we find two courtyards.\n                <\/p>\n                <p>\n                    The first is the Patio de la Mezquita, named after the small mosque located in one of its corners. However, since the 20th century, it has also been known as the Madrasa de los Pr\u00edncipes (Princes&#039; Madrasa), as its structure bears similarities to the Madrasa of Granada.\n                <\/p>\n                <p>\n                    Further on is the Patio de Machuca, named after the architect Pedro Machuca, who was in charge of supervising the construction of the Palace of Charles V in the 16th century and who resided there.\n                <\/p>\n                <p>\n                    This courtyard is easily recognizable by the lobed-edged pool at its center, as well as by the arched cypress trees, which restore the architectural feel of the space in a non-invasive way.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba33\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel33\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel33\">BOAT ROOM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Boat Room is the anteroom to the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the jambs of the arch leading into this room, we find facing niches carved in marble and decorated with colorful tiles. These are one of the most characteristic ornamental and functional elements of the Nasrid palaces: the taqas.\n                <\/p>\n                <p>\n                    *Taqas* are small niches carved into walls, always arranged in pairs and facing each other. They were used to hold jars of fresh water for drinking or scented water for washing hands.\n                <\/p>\n                <p>\n                    The current ceiling of the hall is a reproduction of the original, lost in a fire in 1890.\n                <\/p>\n                <p>\n                    The name of this room comes from a phonetic alteration of the Arabic word *baraka*, meaning &quot;blessing,&quot; which is repeated numerous times on the walls of this room. It does not derive, as is popularly believed, from the inverted boat-shaped roof.\n                <\/p>\n                <p>\n                    It was in this place that the new sultans requested the blessing of their God before being crowned as such in the Throne Room.\n                <\/p>\n                <p>\n                    Before entering the Throne Room, we find two side entrances: on the right, a small oratory with its mihrab; and on the left, the access door to the interior of the Comares Tower.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba34\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel34\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel34\">AMBASSADORS&#039; OR THRONE HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Ambassadors&#039; Hall, also called the Throne Hall or the Comares Hall, is the site of the sultan&#039;s throne and, therefore, the center of power of the Nasrid dynasty. Perhaps for this reason, it is located within the Comares Tower, the largest tower in the monumental complex, at 45 meters high. Its etymology comes from the Arabic *arsh*, meaning tent, pavilion, or throne.\n                <\/p>\n                <p>\n                    The room is shaped like a perfect cube, and its walls are richly decorated up to the ceiling. On the sides are nine identical alcoves grouped in groups of three with windows. The one opposite the entrance features more elaborate decoration, as it was the sultan&#039;s seat, backlit, favoring the effect of dazzling and surprising.\n                <\/p>\n                <p>\n                    In the past, the windows were covered with colored glass panels with geometric shapes called *cumarias*. These were lost due to the shock wave of a powder magazine that exploded in 1590 on the Carrera del Darro.\n                <\/p>\n                <p>\n                    The decorative richness of the hall is extreme. It begins in the lower part with geometrically shaped tiles, creating a visual effect similar to that of a kaleidoscope. It continues on the walls with stuccos resembling hanging tapestries, decorated with plant motifs, flowers, shells, stars, and abundant inscriptions.\n                <\/p>\n                <p>\n                    The current script is of two types: cursive, the most common and easily recognizable; and Kufic, a cultured script with rectilinear and angular forms.\n                <\/p>\n                <p>\n                    Among all the inscriptions, the most prominent is the one located beneath the ceiling, on the upper band of the wall: Surah 67 of the Quran, known as &quot;The Kingdom&quot; or &quot;The Lordship,&quot; which runs along all four walls. This surah was recited by the new sultans to proclaim that their power came directly from God.\n                <\/p>\n                <p>\n                    The image of divine power is also represented in the ceiling, composed of 8,017 different pieces that, through wheels of stars, illustrate Islamic eschatology: the seven heavens and an eighth, paradise, the Throne of Allah, represented by the central dome of muqarnas.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba35\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel35\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel35\">CHRISTIAN ROYAL HOUSE \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To access the Christian Royal House, you must use one of the doors open in the left alcove of the Hall of the Two Sisters.\n                <\/p>\n                <p>\n                    Charles V, grandson of the Catholic Monarchs, visited the Alhambra in June 1526 after marrying Isabella of Portugal in Seville. Upon arriving in Granada, the couple settled into the Alhambra itself and ordered the construction of new rooms, now known as the Emperor&#039;s Apartments.\n                <\/p>\n                <p>\n                    These spaces completely break with Nasrid architecture and aesthetics. However, as they were built on garden areas between the Comares Palace and the Palace of the Lions, the upper part of the Royal Hammam, or Comares Hammam, can be seen through small windows to the left of the corridor. A few meters further on, other openings reveal the Hall of Beds and the Musicians&#039; Gallery.\n                <\/p>\n                <p>\n                    The Royal Baths were not only a place of hygiene, but also an ideal place to cultivate political and diplomatic relations in a relaxed and friendly manner, accompanied by music to liven up the occasion. This space is only open to the public on special occasions.\n                <\/p>\n                <p>\n                    Through this corridor you enter the Emperor&#039;s Office, which stands out for its Renaissance fireplace with the imperial coat of arms and a wooden coffered ceiling designed by Pedro Machuca, architect of the Palace of Charles V. On the coffered ceiling you can read the inscription &quot;PLUS ULTRA&quot;, a motto adopted by the Emperor, along with the initials K and Y, corresponding to Charles V and Isabella of Portugal.\n                <\/p>\n                <p>\n                    Leaving the hall, on the right are the Imperial Rooms, currently closed to the public and only accessible on special occasions. These rooms are also known as Washington Irving&#039;s Rooms, as it was here that the American Romantic writer stayed during his stay in Granada. It was possibly here that he wrote his famous book *Tales of the Alhambra*. A commemorative plaque can be seen above the door.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba36\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel36\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel36\">LINDARAJA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Adjacent to the Patio de la Reja is the Patio de Lindaraja, adorned with carved boxwood hedges, cypress trees, and bitter orange trees. This patio owes its name to the Nasrid viewpoint located on its southern side, which bears the same name.\n                <\/p>\n                <p>\n                    During the Nasrid period, the garden had a completely different appearance than it does today, as it was a space open to the landscape.\n                <\/p>\n                <p>\n                    With the arrival of Charles V, the garden was enclosed, taking on a cloister-like layout thanks to a porticoed gallery. Columns from other parts of the Alhambra were used for its construction.\n                <\/p>\n                <p>\n                    In the center of the courtyard stands a Baroque fountain, over which a Nasrid marble basin was superimposed at the beginning of the 17th century. The fountain we see today is a replica; the original is preserved in the Alhambra Museum.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba37\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel37\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel37\">COURTYARD OF THE LIONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de los Leones (Courtyard of the Lions) is the heart of this palace. It is a rectangular courtyard surrounded by a porticoed gallery with 124 columns, each one different from the other, which connect the different rooms of the palace. It bears a certain resemblance to a Christian cloister.\n                <\/p>\n                <p>\n                    This space is considered one of the jewels of Islamic art, despite breaking with the usual patterns of Hispano-Muslim architecture.\n                <\/p>\n                <p>\n                    The palace&#039;s symbolism revolves around the concept of a garden-paradise. The four water channels that radiate from the center of the courtyard could represent the four rivers of Islamic paradise, giving the courtyard a cruciform layout. The columns evoke a palm forest, like the oasis of paradise.\n                <\/p>\n                <p>\n                    In the center is the famous Fountain of the Lions. The twelve lions, although in a similar position\u2014alert and with their backs to the fountain\u2014have different features. They are carved from white Macael marble, carefully selected to take advantage of the stone&#039;s natural veins and accentuate its distinctive features.\n                <\/p>\n                <p>\n                    There are various theories about its symbolism. Some believe it represents the strength of the Nasrid dynasty or Sultan Muhammad V, the twelve signs of the zodiac, the twelve hours of the day, or even a water clock. Others maintain that it is a reinterpretation of the Bronze Sea of Judea, held up by twelve bulls, here replaced by twelve lions.\n                <\/p>\n                <p>\n                    The central basin was probably carved in situ and contains poetic inscriptions praising Muhammad V and the hydraulic system that feeds the fountain and regulates the water flow to prevent overflows. This is an excerpt from the poem:\n                <\/p>\n                <blockquote>\n                    \u201cMolten silver runs among the pearls,<\/br>\n                    to which it resembles pure, dawn-like beauty.<\/br>\n                    At first glance, water and marble seem to blend together,<\/br>\n                    without us knowing which of the two is sliding.<\/br>\n                    Don&#039;t you see how the water is spilling into the cup?<\/br>\n                    But do its pipes hide it immediately?<br><br>\n                    He is a lover whose eyelids overflow with tears,<br>\n                    tears that she hides for fear of an informer.<br><br>\n                    Isn&#039;t it, in reality, like a white cloud?<\/br>\n                    whose irrigation ditches pour water into the lions<\/br>\n                    and it looks like the hand of the caliph who, in the morning,<\/br>\n                    Does he lavish his favors on the lions of war?\u201d\n                <\/blockquote>\n                <p>\n                    The fountain underwent several transformations over time. In the 17th century, a second basin was added, which was removed in the 20th century and relocated to the Garden of the Adarves of the Alcazaba.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba38\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel38\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel38\">QUEEN&#039;S COMBING ROOM AND REJET COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Christian adaptation of the palace entailed the creation of direct access to the Comares Tower via a two-story open gallery. This gallery offers magnificent views of two of Granada&#039;s most iconic neighborhoods: the Albaic\u00edn and the Sacromonte.\n                <\/p>\n                <p>\n                    From the gallery, looking to the right, you can also see the Queen&#039;s Dressing Room, which, like other areas mentioned above, can only be visited on special occasions or as a space of the month.\n                <\/p>\n                <p>\n                    The Queen&#039;s Dressing Room is located in the Tower of Yusuf I, a tower set forward from the wall. Its Christian name comes from the use made of it by Isabella of Portugal, wife of Charles V, during her stay at the Alhambra.\n                <\/p>\n                <p>\n                    Inside, the space was adapted to Christian aesthetics and houses valuable Renaissance paintings by Julius Achilles and Alexander Mayner, disciples of Raphael Sanzio, also known as Raphael of Urbino.\n                <\/p>\n                <p>\n                    Descending from the gallery, we find the Patio de la Reja (Courtyard of the Grill). Its name comes from the continuous balcony with wrought iron railings, installed in the mid-17th century. These railings served as an open corridor to connect and protect the adjacent rooms.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba39\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel39\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel39\">HALL OF THE TWO SISTERS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Two Sisters gets its current name from the presence of two twin slabs of Macael marble located in the center of the room.\n                <\/p>\n                <p>\n                    This room bears some resemblance to the Hall of the Abencerrajes: it is located higher than the courtyard and, beyond the entrance, has two doors. The one on the left led to the toilet, and the one on the right led to the upper rooms of the house.\n                <\/p>\n                <p>\n                    Unlike its twin room, this one opens to the north towards the Sala de los Ajimeces and a small viewpoint: the Mirador de Lindaraja.\n                <\/p>\n                <p>\n                    During the Nasrid dynasty, in the time of Muhammad V, this hall was known as \u201cqubba al-kubra,\u201d meaning \u201cthe great qubba,\u201d the most important room in the Palace of the Lions. The term \u201cqubba\u201d refers to a square structure covered with a dome.\n                <\/p>\n                <p>\n                    The dome begins with an eight-pointed star, unfolding into a three-dimensional layout composed of 5,416 muqarnas, some of which still retain traces of polychromy. These muqarnas are distributed in sixteen small cupolas located above sixteen windows with lattices that bring changing light into the room depending on the time of day.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba40\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel40\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel40\">HALL OF THE ABENCERRAJES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the western hall, also known as the Hall of the Abencerrajes, we find some wooden doors with remarkable carvings that have been preserved since medieval times.\n                <\/p>\n                <p>\n                    The name of this room is linked to a famous legend of the Alhambra. According to tradition, a rumor about an alleged romance between an Abencerraje knight and the sultan&#039;s favorite (or perhaps suspicions of a conspiracy against the monarch) provoked the sovereign&#039;s wrath.\n                <\/p>\n                <p>\n                    The sultan summoned several knights from the Abencerraje family. According to legend, dozens of them were executed right here.\n                <\/p>\n                <p>\n                    The story was popularized in 16th-century literature, especially in the novel &quot;Civil Wars of Granada&quot; by Gin\u00e9s P\u00e9rez de Hita, which narrates the conflicts between the noble lineages of the Nasrid kingdom.\n                <\/p>\n                <p>\n                    Over time, tradition placed the tragedy in this room. For this reason, some visitors have interpreted the reddish stains on the central fountain as a symbolic vestige of the blood of those knights.\n                <\/p>\n                <p>\n                    The legend was so popular that it also inspired the Spanish painter Mariano Fortuny, who depicted it in his painting &quot;The Massacre of the Abencerrajes.&quot;\n                <\/p>\n                <p>\n                    Upon entering the door, we found two entrances: the one on the right led to the toilet, and the one on the left to some stairs leading to the upper rooms.\n                <\/p>\n                <p>\n                    The Abencerrajes Hall is a private and independent ground floor dwelling, structured around a large \u201cqubba\u201d, \u201cdome\u201d in Arabic.\n                <\/p>\n                <p>\n                    The plaster dome is richly decorated with muqarnas originating from an eight-pointed star in a complex three-dimensional composition. The muqarnas are architectural elements based on hanging prisms with concave and convex shapes, reminiscent of stalactites.\n                <\/p>\n                <p>\n                    As you enter the room, you notice a drop in temperature. This is because the only windows are located at the top, allowing hot air to escape. Meanwhile, the water from the central fountain cools the air, making the room, with the doors closed, function as a kind of cave, with an ideal temperature for the hottest summer days.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba41\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel41\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel41\">AJIMECES HALL AND LINDARAJA VIEWPOINT<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Beyond the Hall of the Two Sisters, to the north, we find a transverse nave covered by a muqarnas vault. This room is called the Hall of the Mullions (Ajimeces) because of the type of windows that must have closed the openings on either side of the central arch that leads to the Lindaraja Viewpoint.\n                <\/p>\n                <p>\n                    The white walls of this room are believed to have been originally covered with silk fabrics.\n                <\/p>\n                <p>\n                    The so-called Lindaraja Lookout owes its name to the derivation of the Arabic term \u201cAyn Dar Aisa\u201d, which means \u201cthe eyes of the House of Aisa\u201d.\n                <\/p>\n                <p>\n                    Despite its small size, the interior of the viewing platform is remarkably decorated. On one hand, it features tiling with a succession of small, interlocking stars, which required meticulous work by the artisans. On the other hand, if you look up, you can see a ceiling with colored glass embedded in a wooden structure, resembling a skylight.\n                <\/p>\n                <p>\n                    This lantern is a representative example of what many of the windows or mullioned windows of the Palatine Alhambra must have looked like. When sunlight hits the glass, it projects colorful reflections that illuminate the decoration, giving the space a unique, ever-changing atmosphere throughout the day.\n                <\/p>\n                <p>\n                    During the Nasrid period, when the courtyard was still open, a person could sit on the floor of the belvedere, rest their arm on the windowsill, and enjoy spectacular views of the Albayz\u00edn neighborhood. These views were lost at the beginning of the 16th century, when the outbuildings intended to serve as the residence of Emperor Charles V were built.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba42\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel42\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel42\">HALL OF THE KINGS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Kings occupies the entire east side of the Patio de los Leones and, although it appears integrated into the palace, it is thought to have had its own function, probably of a recreational or courtly nature.\n                <\/p>\n                <p>\n                    This space stands out for preserving one of the few examples of Nasrid figurative painting.\n                <\/p>\n                <p>\n                    In the three alcoves, each approximately fifteen square meters in area, there are three false vaults decorated with paintings on lambskin. These skins were fixed to the wooden support with small bamboo nails, a technique that prevented the material from rusting.\n                <\/p>\n                <p>\n                    The name of the room probably comes from the interpretation of the painting in the central alcove, which depicts ten figures that could correspond to the first ten sultans of the Alhambra.\n                <\/p>\n                <p>\n                    In the side alcoves, chivalric scenes of fighting, hunting, games, and love can be seen. Their clothing clearly distinguishes the presence of Christian and Muslim figures sharing the same space.\n                <\/p>\n                <p>\n                    The origin of these paintings has been widely debated. Due to their Linear Gothic style, it is thought that they were probably created by Christian artists familiar with the Muslim world. These works may be the result of the good relationship between Muhammad V, founder of this palace, and the Christian king Peter I of Castile.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba43\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel43\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel43\">ROOM OF SECRETS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Room of Secrets is a square-shaped room, covered with a spherical vault.\n                <\/p>\n                <p>\n                    Something very peculiar and curious happens in this room, making it one of the favorite attractions for visitors to the Alhambra, especially for the little ones.\n                <\/p>\n                <p>\n                    The phenomenon is that if one person stands at one corner of the room and another at the opposite corner\u2014both facing the wall and as close to it as possible\u2014one of them can speak very quietly and the other will hear the message perfectly, as if they were right next to them.\n                <\/p>\n                <p>\n                    It is thanks to this acoustic \u201cgame\u201d that the room gets its name: \u201cRoom of Secrets\u201d.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba44\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel44\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel44\">MUQARABS HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The palace known as the Palace of the Lions was commissioned during the second reign of Sultan Muhammad V, which began in 1362 and lasted until 1391. During this period, construction began on the Palace of the Lions, adjacent to the Palace of Comares, which had been built by his father, Sultan Yusuf I.\n                <\/p>\n                <p>\n                    This new palace was also called the &quot;Riyad Palace,&quot; as it is believed to have been built on the site of the former Comares Gardens. The term &quot;Riyad&quot; means &quot;garden.&quot;\n                <\/p>\n                <p>\n                    It is thought that the original access to the palace was through the southeast corner, from Calle Real and through a curved entrance. Currently, due to Christian modifications after the conquest, the Sala de los Muqarnas is accessed directly from the Comares Palace.\n                <\/p>\n                <p>\n                    The Hall of the Muqarnas takes its name from the impressive muqarnas vault that originally covered it, which almost completely collapsed as a result of the vibrations caused by the explosion of a powder magazine on the Carrera del Darro in 1590.\n                <\/p>\n                <p>\n                    Remains of this vault can still be seen on one side. On the opposite side, remains of a later Christian vault appear, bearing the letters &quot;FY,&quot; traditionally associated with Ferdinand and Isabella, although they actually correspond to Philip V and Isabella Farnese, who visited the Alhambra in 1729.\n                <\/p>\n                <p>\n                    It is believed that the room may have functioned as a vestibule or waiting room for guests attending the sultan&#039;s celebrations, parties, and receptions.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  EL PARTAL -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba45\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel45\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel45\">THE PARTAL \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The large space known today as Jardines del Partal owes its name to the Palacio del P\u00f3rtico, named after its porticoed gallery.\n                <\/p>\n                <p>\n                    This is the oldest preserved palace in the monumental complex, whose construction is attributed to Sultan Muhammad III at the beginning of the 14th century.\n                <\/p>\n                <p>\n                    This palace bears some similarity to the Comares Palace, although it is older: a rectangular courtyard, a central pool, and the portico&#039;s mirror-like reflection in the water. Its main distinguishing feature is the presence of a side tower, known since the 16th century as the Ladies&#039; Tower, although it has also been called the Observatory, as Muhammad III was a great fan of astronomy. The tower has windows facing the four cardinal points, allowing for spectacular views.\n                <\/p>\n                <p>\n                    A notable curiosity is that this palace was privately owned until March 12, 1891, when its owner, Arthur Von Gwinner, a German banker and consul, ceded the building and the surrounding land to the Spanish State.\n                <\/p>\n                <p>\n                    Unfortunately, Von Gwinner dismantled the wooden roof of the viewing platform and moved it to Berlin, where it is now on display in the Pergamon Museum as one of the highlights of its Islamic art collection.\n                <\/p>\n                <p>\n                    Adjacent to the Partal Palace, to the left of the Ladies&#039; Tower, are several Nasrid houses. One of them was called the House of Paintings due to the discovery, at the beginning of the 20th century, of tempera paintings on 14th-century stucco. These highly valuable paintings are a rare example of Nasrid figurative mural painting, depicting court scenes, hunting scenes, and celebrations.\n                <\/p>\n                <p>\n                    Due to their importance and for conservation reasons, these homes are not open to the public.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba46\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel46\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel46\">ORATORY OF THE PARTAL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To the right of the Partal Palace, on the rampart of the wall, is the Partal Oratory, whose construction is attributed to Sultan Yusuf I. Access is via a small staircase, as it is elevated from ground level.\n                <\/p>\n                <p>\n                    One of the pillars of Islam is to pray five times a day facing Mecca. The oratory functioned as a palace chapel, allowing the inhabitants of the nearby palace to fulfill this religious obligation.\n                <\/p>\n                <p>\n                    Despite its small size (about twelve square meters), the oratory has a small vestibule and a prayer room. Its interior features rich plasterwork decoration with plant and geometric motifs, as well as Quranic inscriptions.\n                <\/p>\n                <p>\n                    Upon ascending the stairs, just opposite the entrance door, you will find the mihrab on the southwest wall, facing Mecca. It has a polygonal floor plan, a voussoired horseshoe arch, and is covered by a dome with muqarnas.\n                <\/p>\n                <p>\n                    Of particular note is the epigraphic inscription located on the imposts of the mihrab arch, which invites prayer: <em>\u201cCome and pray, and do not be among the negligent.\u201d<\/em>\n                <\/p>\n                <p>\n                    Attached to the oratory is the House of Atasio de Bracamonte, which was given in 1550 to the former squire of the warden of the Alhambra, the Count of Tendilla.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba47\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel47\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel47\">PARTAL ALTO \u2013 PALACE OF YUSUF III<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On the highest plateau in the Partal area are the archaeological remains of the Palace of Yusuf III. This palace was granted in June 1492 by the Catholic Monarchs to the first governor of the Alhambra, Don \u00cd\u00f1igo L\u00f3pez de Mendoza, second Count of Tendilla. For this reason, it is also known as the Tendilla Palace.\n                <\/p>\n                <p>\n                    The reason this palace is in ruins stems from disagreements that arose in the 18th century between the descendants of the Count of Tendilla and Philip V of Bourbon. Upon the death of Archduke Charles II of Austria without heirs, the Tendilla family supported Archduke Charles of Austria instead of Philip of Bourbon. After Philip V&#039;s accession, reprisals were taken: in 1718, the mayorship of the Alhambra was removed from them, and later the palace was dismantled and its materials sold.\n                <\/p>\n                <p>\n                    Some of these materials reappeared in the 20th century in private collections. It is believed that the so-called &quot;Fortuny Tile,&quot; housed at the Valencia Institute of Don Juan in Madrid, may have come from this palace.\n                <\/p>\n                <p>\n                    From 1740 onwards, the palace site became an area of leased vegetable gardens.\n                <\/p>\n                <p>\n                    It was in 1929 that this area was recovered by the Spanish State and returned to the Alhambra. Thanks to the work of Leopoldo Torres Balb\u00e1s, architect and restorer of the Alhambra, this space was enhanced with the creation of an archaeological garden.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba48\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel48\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel48\">WALK OF THE TOWERS AND TOWER OF THE PEAKS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palatine city wall originally had more than thirty towers, of which only twenty remain today. Initially, these towers had a strictly defensive function, although over time some also adopted residential use.\n                <\/p>\n                <p>\n                    At the exit of the Nasrid Palaces, from the Upper Partal area, a cobbled path leads to the Generalife. This route follows the stretch of wall, home to some of the complex&#039;s most emblematic towers, framed by a garden area with beautiful views of the Albaic\u00edn and the Generalife orchards.\n                <\/p>\n                <p>\n                    One of the most notable towers is the Tower of the Peaks, built by Muhammad II and later renovated by other sultans. It is easily recognizable by its brick pyramid-shaped battlements, from which its name may derive. However, other authors believe the name comes from the protruding corbels at its upper corners, which supported the machicolations, defensive elements that allowed attacks from above to be countered.\n                <\/p>\n                <p>\n                    The tower&#039;s main function was to protect the Arrabal Gate located at its base, which connected to the Cuesta del Rey Chico, facilitating access to the Albaic\u00edn neighborhood and the old medieval road that connected the Alhambra with the Generalife.\n                <\/p>\n                <p>\n                    In Christian times, an outer bastion with stables was built to reinforce its protection, which is closed by a new entrance known as the Iron Gate.\n                <\/p>\n                <p>\n                    Although towers are commonly associated with an exclusively military function, it is known that the Torre de los Picos also had a residential use, as evidenced by the ornamentation present in its interior.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba49\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel49\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel49\">TOWER OF THE CAPTIVE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Torre de la Cautiva has received various names over time, such as Torre de la Ladrona or Torre de la Sultana, although the most popular one has finally prevailed: Torre de la Cautiva.\n                <\/p>\n                <p>\n                    This name is not based on proven historical facts, but rather stems from a romantic legend according to which Isabel de Sol\u00eds was imprisoned in this tower. She later converted to Islam under the name Zoraida and became Muley Hac\u00e9n&#039;s favorite sultana. This situation caused tensions with Aixa, the previous sultana and Boabdil&#039;s mother, given that Zoraida\u2014whose name means &quot;morning star&quot;\u2014removed her position at court.\n                <\/p>\n                <p>\n                    The construction of this tower is attributed to Sultan Yusuf I, who was also responsible for the Comares Palace. This attribution is supported by the inscriptions in the main hall, the work of the vizier Ibn al-Yayyab, which praise this sultan.\n                <\/p>\n                <p>\n                    In the poems inscribed on the walls, the vizier repeatedly uses the term <em>qal&#039;ahurra<\/em>, which has since been used to refer to fortified palaces, as is the case with this tower. In addition to serving defensive purposes, the tower houses a real palace with rich decoration inside.\n                <\/p>\n                <p>\n                    Regarding its ornamentation, the main hall features a ceramic tiled plinth with geometric shapes in various colors. Purple stands out among these, as it was particularly difficult and expensive to obtain at the time, so it was reserved exclusively for important spaces.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba50\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel50\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel50\">TOWER OF THE INFANTAS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Tower of the Infantas, like the Tower of the Captive, owes its name to a legend.\n                <\/p>\n                <p>\n                    This is the legend of the three princesses Zaida, Zoraida and Zorahaida, who lived in this tower, a story that was collected by Washington Irving in his famous *Tales of the Alhambra*.\n                <\/p>\n                <p>\n                    The construction of this palace-tower, or *qalahurra*, is attributed to Sultan Muhammad VII, who reigned between 1392 and 1408. Therefore, it is one of the last towers built by the Nasrid dynasty.\n                <\/p>\n                <p>\n                    This circumstance is reflected in the interior decoration, which shows signs of a certain decline compared to previous periods of greater artistic splendor.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba51\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel51\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel51\">CAPE CARRERA TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    At the end of the Paseo de las Torres, in the easternmost part of the northern wall, are the remains of a cylindrical tower: the Torre del Cabo de Carrera.\n                <\/p>\n                <p>\n                    This tower was practically destroyed as a result of the explosions carried out in 1812 by Napoleon&#039;s troops during their retreat from the Alhambra.\n                <\/p>\n                <p>\n                    It is believed to have been built or rebuilt by order of the Catholic Monarchs in 1502, as confirmed by a now-lost inscription.\n                <\/p>\n                <p>\n                    Its name comes from its location at the end of the Calle Mayor of the Alhambra, marking the limit or &quot;cap de carrera&quot; of said road.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  CARLOS V -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba52\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel52\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel52\">FACADES OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palace of Charles V, with its sixty-three meters wide and seventeen meters high, follows the proportions of classical architecture, which is why it is divided horizontally into two levels with clearly differentiated architecture and decoration.\n                <\/p>\n                <p>\n                    Three types of stone were used to decorate its facades: gray, compact limestone from Sierra Elvira, white marble from Macael, and green serpentine from the Barranco de San Juan.\n                <\/p>\n                <p>\n                    The exterior decoration exalts the image of Emperor Charles V, highlighting his virtues through mythological and historical references.\n                <\/p>\n                <p>\n                    The most notable facades are those on the south and west sides, both designed as triumphal arches. The main entrance is on the west side, where the main door is crowned by winged victories. On either side are two small doors above which are medallions with figures of mounted soldiers in combat.\n                <\/p>\n                <p>\n                    Symmetrically duplicated reliefs are displayed on the pedestals of the columns. The central reliefs symbolize Peace: they show two women seated on a mound of weapons, carrying olive branches and supporting the Pillars of Hercules, the globe with the imperial crown and the motto *PLUS ULTRA*, while cherubs fire war artillery.\n                <\/p>\n                <p>\n                    The side reliefs depict war scenes, such as the Battle of Pavia, where Charles V defeated Francis I of France.\n                <\/p>\n                <p>\n                    At the top are balconies flanked by medallions depicting two of the twelve labors of Hercules: one slaying the Nemean Lion and another facing the Cretan Bull. The central medallion features the coat of arms of Spain.\n                <\/p>\n                <p>\n                    In the lower part of the palace, the rusticated ashlars stand out, designed to convey a sense of solidity. Above them are bronze rings held by animal figures such as lions\u2014symbols of power and protection\u2014and in the corners, double eagles, alluding to imperial power and the emperor&#039;s heraldic emblem: the double-headed eagle of Charles I of Spain and V of Germany.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba53\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel53\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel53\">INTRODUCTION TO THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Emperor Charles I of Spain and V of the Holy Roman Empire, grandson of the Catholic Monarchs and son of Joanna I of Castile and Philip the Fair, visited Granada in the summer of 1526 after marrying Isabella of Portugal in Seville, to spend his honeymoon.\n                <\/p>\n                <p>\n                    Upon his arrival, the emperor was captivated by the charm of the city and the Alhambra, and decided to build a new palace in the palatine city. This palace would become known as the New Royal House, in contrast to the Nasrid Palaces, which were henceforth known as the Old Royal House.\n                <\/p>\n                <p>\n                    The works were commissioned to the Toledo architect and painter Pedro Machuca, who is said to have been a disciple of Michelangelo, which would explain his deep knowledge of the Classical Renaissance.\n                <\/p>\n                <p>\n                    Machuca designed a monumental palace in the Renaissance style, with a square floor plan and a circle integrated into its interior, inspired by the monuments of classical antiquity.\n                <\/p>\n                <p>\n                    Construction began in 1527 and was largely financed by the tributes the Moriscos had to pay to continue living in Granada and preserve their customs and rituals.\n                <\/p>\n                <p>\n                    In 1550, Pedro Machuca died without finishing the palace. His son Luis continued the project, but after his death, work was halted for a time. It was resumed in 1572 under the reign of Philip II, entrusted to Juan de Orea on the recommendation of Juan de Herrera, architect of the Monastery of El Escorial. However, due to the lack of resources caused by the Alpujarras War, no significant progress was made.\n                <\/p>\n                <p>\n                    It wasn&#039;t until the 20th century that the palace was completed, first under the direction of architect-restorer Leopoldo Torres Balb\u00e1s, and finally in 1958 by Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    The Palace of Charles V was conceived as a symbol of universal peace, reflecting the emperor&#039;s political aspirations. However, Charles V never personally visited the palace he commissioned.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba54\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel54\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel54\">ALHAMBRA MUSEUM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra Museum is located on the ground floor of the Palace of Charles V and is divided into seven rooms dedicated to Hispano-Muslim culture and art.\n                <\/p>\n                <p>\n                    It houses the finest existing collection of Nasrid art, composed of pieces found in excavations and restorations carried out in the Alhambra itself over time.\n                <\/p>\n                <p>\n                    Among the works on display are plasterwork, columns, carpentry, ceramics of various styles\u2014such as the famous Vase of the Gazelles\u2014a copy of the lamp from the Great Mosque of the Alhambra, as well as tombstones, coins, and other objects of great historical value.\n                <\/p>\n                <p>\n                    This collection is the ideal complement to a visit to the monumental complex, as it provides a better understanding of daily life and culture during the Nasrid period.\n                <\/p>\n                <p>\n                    Admission to the museum is free, although it is important to note that it is closed on Mondays.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba55\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel55\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel55\">COURTYARD OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    When Pedro Machuca designed the Palace of Charles V, he did so using geometric forms with strong Renaissance symbolism: the square to represent the earthly world, the inner circle as a symbol of the divine and creation, and the octagon\u2014reserved for the chapel\u2014as a union between both worlds.\n                <\/p>\n                <p>\n                    Upon entering the palace, we find ourselves in an imposing circular porticoed courtyard, elevated from the exterior. This courtyard is surrounded by two superimposed galleries, both with thirty-two columns. On the ground floor, the columns are Doric-Tuscan, and on the upper floor, Ionic.\n                <\/p>\n                <p>\n                    The columns were made of pudding stone, or almond stone, from the Granada town of El Turro. This material was chosen because it was more economical than the marble originally planned.\n                <\/p>\n                <p>\n                    The lower gallery has a circular vault that was possibly intended to be decorated with frescoes. The upper gallery, meanwhile, has a wooden coffered ceiling.\n                <\/p>\n                <p>\n                    The frieze that runs around the courtyard features *burocranios*, representations of ox skulls, a decorative motif with roots in ancient Greece and Rome, where they were used in friezes and tombs linked to ritual sacrifices.\n                <\/p>\n                <p>\n                    The two floors of the courtyard are connected by two staircases: one on the north side, built in the 17th century, and another also to the north, designed in the 20th century by the Alhambra&#039;s conservation architect, Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    Although it was never used as a royal residence, the palace currently houses two important museums: the Museum of Fine Arts on the upper floor, with an outstanding collection of Granada painting and sculpture from the 15th to the 20th centuries, and the Alhambra Museum on the ground floor, accessed through the western entrance hall.\n                <\/p>\n                <p>\n                    In addition to its museum function, the central courtyard boasts exceptional acoustics, making it a prime setting for concerts and theatrical performances, especially during the Granada International Music and Dance Festival.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  LA MEDINA -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba56\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel56\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel56\">BATH OF THE MOSQUE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On Calle Real, on the site adjacent to the current Church of Santa Mar\u00eda de la Alhambra, is the Mosque Bath.\n                <\/p>\n                <p>\n                    This bath was built during the reign of Sultan Muhammad III and financed by the <em>jizya<\/em>, a tax charged to Christians for planting land on the border.\n                <\/p>\n                <p>\n                    The use of the <em>hammam<\/em> The bath was essential to the daily life of an Islamic city, and the Alhambra was no exception. Due to its proximity to the mosque, this bath served a key religious function: allowing for ablutions, or purification rituals, before prayer.\n                <\/p>\n                <p>\n                    However, its function was not exclusively religious. The hammam also served as a place for personal hygiene and was an important social gathering place.\n                <\/p>\n                <p>\n                    Its use was regulated by schedules, being in the morning for men and in the afternoon for women.\n                <\/p>\n                <p>\n                    Inspired by Roman baths, Muslim baths shared their chamber layout, although they were smaller and operated using steam, unlike Roman baths, which were immersion baths.\n                <\/p>\n                <p>\n                    The bath consisted of four main spaces: a rest room or changing room, a cold or warm room, a hot room, and a boiler area attached to the latter.\n                <\/p>\n                <p>\n                    The heating system used was the <em>hypocaust<\/em>, an underground heating system that heated the ground using hot air generated by a furnace and distributed through a chamber beneath the pavement.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba57\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel57\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel57\">Former Convent of San Francisco \u2013 Tourist Parador<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The current Parador de Turismo was originally the Convent of San Francisco, built in 1494 on the site of an old Nasrid palace that, according to tradition, belonged to a Muslim prince.\n                <\/p>\n                <p>\n                    After the capture of Granada, the Catholic Monarchs ceded this space to found the city&#039;s first Franciscan convent, thus fulfilling a promise made to the Patriarch of Assisi years before the conquest.\n                <\/p>\n                <p>\n                    Over time, this spot became the first burial place of the Catholic Monarchs. A month and a half before her death in Medina del Campo in 1504, Queen Isabella left her will in her wish to be buried in this convent, dressed in a Franciscan habit. In 1516, King Ferdinand was buried next to her.\n                <\/p>\n                <p>\n                    Both remained buried there until 1521, when their grandson, Emperor Charles V, ordered their remains to be transferred to the Royal Chapel of Granada, where they now rest alongside Joanna I of Castile, Philip the Handsome and Prince Miguel de Paz.\n                <\/p>\n                <p>\n                    Today, this original burial site can be visited by entering the Parador&#039;s courtyard. Under a dome of muqarnas, the original tombstones of both monarchs are preserved.\n                <\/p>\n                <p>\n                    Since June 1945, this building has housed the Parador de San Francisco, a high-class tourist accommodation owned and operated by the Spanish State.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba58\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel58\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel58\">THE MEDINA<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The word \u201cmedina,\u201d which means \u201ccity\u201d in Arabic, referred to the highest part of Sabika Hill in the Alhambra.\n                <\/p>\n                <p>\n                    This medina was home to intense daily activity, as it was the area where the trades and population that made life possible for the Nasrid court within the palatine city were concentrated.\n                <\/p>\n                <p>\n                    Textiles, ceramics, bread, glass, and even coins were produced there. In addition to workers&#039; housing, there were also essential public buildings such as baths, mosques, souks, cisterns, ovens, silos, and workshops.\n                <\/p>\n                <p>\n                    For the proper functioning of this miniature city, the Alhambra had its own system of legislation, administration, and tax collection.\n                <\/p>\n                <p>\n                    Today, only a few vestiges of the original Nasrid medina remain. The transformation of the area by Christian settlers after the conquest and, later, the gunpowder explosions caused by Napoleon&#039;s troops during their retreat contributed to its deterioration.\n                <\/p>\n                <p>\n                    In the mid-20th century, an archaeological rehabilitation and adaptation program was launched in this area. As a result, a landscaped walkway was laid out along an old medieval street, which today connects with the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba59\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel59\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel59\">ABENCERRAJE PALACE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the royal medina, attached to the southern wall, are the remains of the so-called Palace of the Abencerrajes, the Castilianized name of the Banu Sarray family, a noble lineage of North African origin belonging to the Nasrid court.\n                <\/p>\n                <p>\n                    The remains that can be seen today are the result of excavations that began in the 1930s, as the site had previously been severely damaged, largely due to explosions caused by Napoleon&#039;s troops during their retreat.\n                <\/p>\n                <p>\n                    Thanks to these archaeological excavations, it has been possible to confirm the importance of this family in the Nasrid court, not only due to the size of the palace but also due to its privileged location: in the upper part of the medina, right on the main urban axis of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba60\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel60\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel60\">DOOR OF JUSTICE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Gate of Justice, known in Arabic as <em>Bab al-Sharia<\/em>, is one of the four exterior gates of the Alhambra&#039;s palatine city. As an exterior entrance, it served an important defensive function, as evidenced by its double-bend structure and the steep slope of the terrain.\n                <\/p>\n                <p>\n                    Its construction, integrated into a tower attached to the southern wall, is attributed to Sultan Yusuf I in 1348.\n                <\/p>\n                <p>\n                    The gate features two pointed horseshoe arches. Between them is an open area, known as a skylight, from which it was possible to defend the entrance by throwing materials from the terrace in case of attack.\n                <\/p>\n                <p>\n                    Beyond its strategic value, this gate has a strong symbolic significance in the Islamic context. Two decorative elements stand out in particular: the hand and the key.\n                <\/p>\n                <p>\n                    The hand represents the five pillars of Islam and symbolizes protection and hospitality. The key, meanwhile, is an emblem of faith. Their presence together could be interpreted as an allegory of spiritual and earthly power.\n                <\/p>\n                <p>\n                    Popular legend says that if one day the hand and the key touch, it will mean the fall of the Alhambra... and with it, the end of the world, as it would imply the loss of its splendor.\n                <\/p>\n                <p>\n                    These Islamic symbols contrast with another Christian addition: a Gothic sculpture of the Virgin and Child, the work of Ruberto Alem\u00e1n, placed in a niche above the interior arch by order of the Catholic Monarchs after the capture of Granada.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba61\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel61\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel61\">CAR DOOR<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta de los Carros (Chariot Gate) is not an original opening in the Nasrid wall. It was opened between 1526 and 1536 for a very specific purpose: to allow access to carts transporting materials and columns for the construction of the Palace of Charles V.\n                <\/p>\n                <p>\n                    Today, this gate still serves a practical purpose. It provides pedestrian access to the grounds without a ticket, allowing free access to the Palace of Charles V and the museums within.\n                <\/p>\n                <p>\n                    Furthermore, it is the only gate open to authorized vehicles, including guests of hotels located within the Alhambra complex, taxis, special services, medical personnel, and maintenance vehicles.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba62\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel62\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel62\">DOOR OF THE SEVEN FLOORS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra&#039;s palatial city was surrounded by extensive walls with four main gates providing access from the outside. To ensure their defense, these gates were arranged in a characteristic curved pattern, making it difficult for potential attackers to advance and facilitating ambushes from within.\n                <\/p>\n                <p>\n                    The Gate of the Seven Floors, located in the southern wall, is one of these entrances. In Nasrid times, it was known as <em>Bib al-Gudur<\/em> or \u201cPuerta de los Pozos\u201d, due to the nearby existence of silos or dungeons, possibly used as prisons.\n                <\/p>\n                <p>\n                    Its current name comes from the popular belief that there are seven levels or floors beneath it. Although only two have been documented, this belief has fueled numerous legends and tales, such as Washington Irving&#039;s story &quot;The Legend of the Moor&#039;s Legacy,&quot; which mentions a treasure hidden in the tower&#039;s secret cellars.\n                <\/p>\n                <p>\n                    Tradition holds that this was the last gate used by Boabdil and his entourage on their way to the Vega de Granada on January 2, 1492, to deliver the keys to the Kingdom to the Catholic Monarchs. It was also through this gate that the first Christian troops entered without resistance.\n                <\/p>\n                <p>\n                    The gate we see today is a reconstruction, as the original was largely destroyed by the explosion of Napoleon&#039;s troops during their retreat in 1812.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba63\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel63\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel63\">WINE GATE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta del Vino (Wine Gate) was the main gateway to the Alhambra Medina. Its construction is attributed to Sultan Muhammad III in the early 14th century, although its doors were later remodeled by Muhammad V.\n                <\/p>\n                <p>\n                    The name &quot;Wine Gate&quot; does not come from the Nasrid period, but from the Christian era, starting in 1556, when residents of the Alhambra were allowed to buy wine tax-free at this location.\n                <\/p>\n                <p>\n                    As it is an interior gate, its layout is straight and direct, unlike exterior gates such as the Justice Gate or the Arms Gate, which were designed with a bend to improve defense.\n                <\/p>\n                <p>\n                    Although it did not serve primary defensive functions, it had benches inside for the soldiers in charge of access control, as well as a room upstairs for the guards&#039; residence and rest areas.\n                <\/p>\n                <p>\n                    The western fa\u00e7ade, facing the Alcazaba, was the entrance. Above the lintel of the horseshoe arch is the symbol of the key, a solemn emblem of welcome and of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    On the eastern fa\u00e7ade, which faces the Palace of Charles V, the spandrels of the arch are particularly noteworthy, decorated with tiles made using the dry rope technique, offering a beautiful example of Hispano-Muslim decorative art.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba64\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel64\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel64\">Saint Mary of the Alhambra<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    During the time of the Nasrid dynasty, the site now occupied by the Church of Santa Mar\u00eda de la Alhambra housed the Aljama Mosque or Great Mosque of the Alhambra, built at the beginning of the 14th century by Sultan Muhammad III.\n                <\/p>\n                <p>\n                    After the capture of Granada on January 2, 1492, the mosque was blessed for Christian worship and the first Mass was celebrated there. By order of the Catholic Monarchs, it was consecrated under the patronage of Saint Mary, and the first archiepiscopal seat was established there.\n                <\/p>\n                <p>\n                    By the end of the 16th century, the old mosque was in a state of disrepair, which led to its demolition and the construction of a new Christian temple, which was completed in 1618.\n                <\/p>\n                <p>\n                    Few vestiges of the Islamic building remain. The most significant preserved element is a bronze lamp with an epigraphic inscription dated 1305, currently in the National Archaeological Museum in Madrid. A replica of this lamp can be seen in the Alhambra Museum, in the Palace of Charles V.\n                <\/p>\n                <p>\n                    The Church of Santa Mar\u00eda de la Alhambra has a simple layout with a single nave and three side chapels on each side. The most notable feature of its interior is the titular image: the Virgin of Angustias, an 18th-century work by Torcuato Ruiz del Peral.\n                <\/p>\n                <p>\n                    This image, also known as the Virgin of Mercy, is the only one carried in procession in Granada every Holy Saturday, weather permitting. It is carried on a throne of great beauty, embossed in silver, imitating the arches of the emblematic Patio de los Leones.\n                <\/p>\n                <p>\n                    As a curiosity, the Granada poet Federico Garc\u00eda Lorca was a member of this brotherhood.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba65\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel65\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel65\">TANNERY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before the current Parador de Turismo, and to the east, lie the remains of a medieval tannery or buffalo farm, a facility dedicated to the processing of hides: cleaning, tanning, and dyeing. This was a common activity throughout al-Andalus.\n                <\/p>\n                <p>\n                    The Alhambra tannery is small compared to similar tannery stores in North Africa. However, it should be noted that its purpose was exclusively to meet the needs of the Nasrid court.\n                <\/p>\n                <p>\n                    It had eight small pools of different sizes, both rectangular and circular, where the lime and dyes used in the leather tanning process were stored.\n                <\/p>\n                <p>\n                    This activity required abundant water, which is why the tannery was located next to the Royal Canal, taking advantage of its constant flow. Its existence is also an indication of the large amount of water available in this area of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba66\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel66\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel66\">WATER TOWER AND ROYAL DITCH<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Water Tower is an imposing structure located in the southwest corner of the Alhambra wall, near the current main entrance from the ticket office. Although it served defensive purposes, its most important purpose was to protect the entrance to the Royal Canal, hence its name.\n                <\/p>\n                <p>\n                    The irrigation ditch reached the palatine city after crossing an aqueduct and bordered the north face of the tower to supply water to the entire Alhambra.\n                <\/p>\n                <p>\n                    The tower we see today is the result of extensive reconstruction. During the retreat of Napoleon&#039;s troops in 1812, it suffered severe damage from gunpowder explosions, and by the mid-20th century it was reduced almost to its massive base.\n                <\/p>\n                <p>\n                    This tower was essential, as it allowed water\u2014and therefore life\u2014to enter the palatine city. Originally, Sabika Hill lacked natural water sources, which posed a significant challenge for the Nasrids.\n                <\/p>\n                <p>\n                    For this reason, Sultan Muhammad I ordered a major hydraulic engineering project: the construction of the so-called Sultan&#039;s Ditch. This ditch captures water from the Darro River about six kilometers away, at a higher altitude, taking advantage of the slope to convey the water by gravity.\n                <\/p>\n                <p>\n                    The infrastructure included a storage dam, an animal-powered waterwheel, and a brick-lined canal\u2014the acequia\u2014that runs underground through mountains, entering the upper part of the Generalife.\n                <\/p>\n                <p>\n                    To overcome the steep slope between Cerro del Sol (Generalife) and Sabika Hill (Alhambra), engineers built an aqueduct, a key project to ensure the water supply to the entire monumental complex.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-premium\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium-ia-hablando\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-ia\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n\n<style>\n  \/* Tel\u00e9fonos muy peque\u00f1os (tipo iPhone SE, Android antiguos) *\/\n  @media (max-width: 480px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 0.7rem !important;\n    }\n  }\n\n  \/* Tel\u00e9fonos est\u00e1ndar (mayor\u00eda de m\u00f3viles modernos) *\/\n  @media (min-width: 481px) and (max-width: 767px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.05rem !important;\n    }\n  }\n\n  \/* Tablets peque\u00f1as y m\u00f3viles grandes *\/\n  @media (min-width: 768px) and (max-width: 991px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.2rem !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn1 = document.getElementById(\"continuar-gratis-premium\");\n    const modal1 = document.getElementById(\"modal-premium\");\n\n    if (btn1 && modal1) {\n      btn1.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal1.classList.remove('show');\n        modal1.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n\n    const btn2 = document.getElementById(\"continuar-gratis-ia\");\n    const modal2 = document.getElementById(\"modal-premium-ia-hablando\");\n\n    if (btn2 && modal2) {\n      btn2.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal2.classList.remove('show');\n        modal2.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n  });\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \t\t\n\t\t\t\n\t\t<\/div>\n\t<\/header>\n<\/article>\n\n\n\n\n\n\n\n<article data-id=\"post-6152\" data-play-id=\"6152\" class=\"block-loop-item album-track post-6152 station type-station status-publish has-post-thumbnail hentry genre-carlos-v entry is-single\">\n\t<span class=\"btn-play-now icon-play\"  data-play-id=\"6152\"><\/span>\n\t<span class=\"btn-play-now icon-play\" data-id=\"6152\" data-play-id=\"6152\"><\/span>\n\n\t<button class=\"btn-playlist icon-plus\"><\/button>\n\n\n\t<header class=\"entry-header\">\n\t\t<div class=\"entry-header-inner btn-play-now\">\n\t\t\t\n<h3 class=\"entry-title\"><a href=\"https:\/\/pruebas.alhambra.app\/en\/station\/fachadas-del-palacio-de-carlos-v\/\" rel=\"bookmark\">Facades of the Palace of Charles V<\/a><\/h3>\n\t\t\t<div class=\"entry-meta\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"entry-footer\">\n\t\t\t<span class=\"play-duration\">02:34<\/span>\t\t\t    <!-- Angel cambiar numero abajo en data-target -->\n    <a href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\" class=\"iconomodal\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> \n    <\/a>\n\n    <!-- El modal -->\n    <!-- Angel cambiar numero abajo en id -->\n    <div class=\"modal\" id=\"ia01\">\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <!-- Cabecera del modal -->\n                <div class=\"modal-header\">\n                    <h4 class=\"modal-title\">\n                                            <\/h4>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                        \u00d7\n                    <\/button>\n                <\/div>\n\n                <!-- Contenido del modal -->\n                <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <div class=\"contenedoria\">\n                                <br><br>\n                                <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #222222; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #222222; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 350px;\n        background-color: #222222;\n        border-radius: 20px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 20px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"You\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6152\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"4541\"\n     data-width=\"350px\"\n     data-height=\"400px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"1\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"20\"\n     data-chat_rounded=\"20\"\n     data-voice_service=\"google\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Chirp-HD-F\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">AI thinking&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Type message..\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                            <\/div>\n                                                        <div class=\"contenidocentrado\">\n                                <h2 class=\"wp-block-heading\">Ask me something!<\/h2>\n                                <li>\n                                    Press <strong>once<\/strong>\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                                        <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                                        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                                        <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n                                    <\/svg>\n                                    to speak.\n                                <\/li>\n                                <li>\n                                    <strong>To finish<\/strong> press\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                        <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                    <\/svg>\n                                <\/li>\n                            <\/div>\n                            <br>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n<style>\n\n                       .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n                            background-color: #34354000 !important;\n                        }\n\n\n                         .wpaicg-chat-shortcode:nth-child(2) .wpaicg_chat_additions { display: none; }\n\n\n                        .iconomodal {\n                            border-radius: 0px !important;\n                            background-color: #00000000!important;\n                            display: inline-flex;\n                            align-items: center;\n                            padding: 0.5rem;\n                            min-width: 1rem;\n                            line-height: 1;\n                            color: inherit;\n                            background-color: transparent;\n                            border: none;\n                            outline: 0;\n                            color: var(--color-primary);\n                        }\n\n\n                        .album-track .icon-play {\n                            color: var(--color-primary);\n                        }\n\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                                color: #8c0dff !important;\n                            }\n\n\n                         .contenidocentrado {\n                        text-align: center;\n                        display: block;\n                        margin-block-start: 0em;\n                        margin-block-end: 0em;\n                        }\n\n\n\n                        .preguntas{\n                        width: calc(100% - var(--x-gap) * 3) !important;\n                        max-width: var(--content-width);\n                        margin-left: auto;\n                        margin-right: auto;\n                        }\n\n\n                        .accordion h3:after, .accordion h4:after {\n                        opacity: 9.5 !important;\n                        color: var(--color-primary) !important;\n                        }\n\n\n                        p {\n                        margin-top: 0.5rem;\n                        margin-bottom: 0rem;\n                        }\n\n                        b, strong {\n                        font-weight: 700 !important;\n                        }\n\n                        h3, .h3 {\n                        margin-block-end: 0.5em;\n                        }\n\n\n                     \n                        \/*.accordion h3, .accordion h4 {\n                        color: var(--color-primary) !important;\n                        }*\/\n\n\n                        .modal-body, .modal-footer, .modal-header {\n                            padding: 1rem;\n                        }\n\n\n                      \n                        .letracolor {\n                        color: var(--color-primary);\n                        margin-bottom: -5px;\n                        }\n\n\n                        .miicono {\n                        overflow: hidden;\n                        vertical-align: middle;\n                        color: var(--color-primary);\n                        }\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon svg {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-chat-shortcode-type {\n                            background: rgb(0 0 0 \/ 0%) !important;\n                        }\n\n                        .wpaicg-chat-shortcode {\n                            width: 100% !important;\n                        }\n                        .wpaicg_chat_additions span {\n                            margin-right: 0px !important;\n                        }\n\n                        .contenedoria {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            \/*padding: 0px 0px 10px 0px;*\/\n                            margin-top: 0%;\n                            padding: 2rem 0rem 2rem 0rem!important;\n                        }\n\n\n\n                    .wpaicg-chat-shortcode {\n                        background-color: #12121200 !important;\n                    }\n\n\n                    .comment-respond .must-log-in p, textarea {\n                        width: 100% !important;\n                    }\n\n\n\n                    \/*sebas tengo que modificar esto para centrar el micro*\/\n                        .wpaicg_chat_additions{\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            right: 42% !important;\n                        }\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<!-- sebas cargo los estilos condicional -->\n\n    <style id=\"ia01-style\">\n        #ia01 .wpaicg-chat-shortcode-messages { display: none; }\n        #ia01 .wpaicg-chat-shortcode-send > svg { display: none; }\n        #ia01 .wpaicg-chat-shortcode-typing { display: none; }\n\n\n    .wpaicg-chat-shortcode {\n        align-items: center !important;\n        padding: 0rem !important;\n        min-width: 0rem !important;\n        justify-content: center !important;\n        align-items: center !important;\n        \/*max-width: 20px;*\/\n    }\n\n\n     \/* Establece el estilo para .wpaicg-bot-thinking cuando est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        color: inherit !important;\n    }\n\n    \/* Oculta .wpaicg-mic-icon cuando .wpaicg-bot-thinking est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking + .circle {\n        display: none;\n    }\n\n\n    .wpaicg-mic-icon svg {\n        width: 50px !important;\n        height: 50px !important;\n        margin: auto;\n        display: block;\n        color: var(--color-primary) !important;\n    }\n\n    @keyframes pulse {\n        0% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: scale(1.2);\n            opacity: 1;\n        }\n        100% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n    }\n\n    .wpaicg_chat_additions {\n        animation: pulse 3s infinite;\n    }\n\n    .circle {\n        width: 70px;\n        height: 70px;\n        border: 1px solid;\n        color: var(--color-primary);\n        border-radius: 100%;\n        \/*margin: 7px;*\/\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-top: -37%;\n    }\n\n\n    \n    .wpaicg-chat-shortcode{\n        width: ;\n    }\n    .wpaicg-chat-shortcode-content{\n        position: relative;\n    }\n    .wpaicg-chat-shortcode-content ul{\n        height: calc( - 44px);\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-footer{\n        height: 18px;\n        font-size: 11px;\n        padding: 0 20px;\n        color: ;\n        background: rgb(0 0 0 \/ 19%);\n        margin-top:2px;\n        margin-bottom: 2px;\n    }\n    .wpaicg-chat-shortcode-content ul li{\n        display: flex;\n        margin-bottom: 0;\n        padding: 10px;\n        color: ;\n    }\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message{\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong{\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        font-size: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong img{\n\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after{\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking{\n        bottom: 0;\n        font-size: 11px;\n        color: inherit;\n        padding: 2px 6px;\n        display: none;\n    }\n\n    .wpaicg-chat-shortcode{\n        background-color: ;\n    }\n    .wpaicg-chat-shortcode-type{\n        background: rgb(0 0 0 \/ 19%);\n    }\n    .wpaicg-chat-message{\n        text-align: justify;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message a,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message a{\n        color: inherit;\n    }\n\n    <\/style>\n\n\n<style>\n.wpaicg-chat-shortcode {\n    box-shadow: 0 0px 0px rgb(0 0 0 \/ 0%) !important;\n}\n<\/style>\n\n\n\n\n\n    <script>\n        \/\/ Agregar evento al abrir el modal para aplicar el estilo CSS din\u00e1micamente\n        document.addEventListener('DOMContentLoaded', function () {\n            document.getElementById('ia01').addEventListener('show.bs.modal', function () {\n                document.getElementById('ia01-style').innerHTML = `\n                    #ia01 .wpaicg-chat-shortcode-messages { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-send > svg { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-typing { display: block; }\n                `;\n            });\n        });\n    <\/script>\n\n\n\n\n    \t\t\t\t\t\t    <style>\n        \/* A\u00f1ade estilos personalizados aqu\u00ed si es necesario \n        #dropdown-more { display: none !important; } *\/\n        #dropdown-more { display: none !important; }\n        .btn-playlist:nth-child { display: none !important; }\n        .dropdown-backdrop { display: none !important; }\n    <\/style>\n\n\n    \n    <div class=\"btn-group dropup\">\n        <button class=\"btn-more\" type=\"button\" id=\"mapaDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"6\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"18\" r=\"2\"><\/circle><\/svg>\n                    <\/button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"mapaDropdown\">\n           \n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg>&nbsp; &nbsp; Ask me something! (Voice)<\/a>\n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia02\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polygon points=\"16 3 21 8 8 21 3 21 3 16 16 3\"><\/polygon><\/svg>&nbsp; &nbsp; Ask me something! (Text)<\/a>\n\n\n                \n\n\n                \n\n\n                \n\n\n                \n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#modalprueba52\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><line x1=\"17\" y1=\"10\" x2=\"3\" y2=\"10\"><\/line><line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"><\/line><line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"><\/line><line x1=\"17\" y1=\"18\" x2=\"3\" y2=\"18\"><\/line><\/svg>&nbsp; &nbsp; Description<\/a>\n\n\n                \n\n        <\/div>\n    <\/div>\n\n\n\n    <div class=\"modal fade\" id=\"ia02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">  <\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #343540; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #343540; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #343540;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"Yo\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6152\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"5009\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">Creating neural connections\u2026&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Write your message here\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"display:none;\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                                    <\/div>\n\n\n            <style>\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .circle:nth-child(2) { display: none !important; }\n\n\n                .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li strong {\n                    color: var(--color-primary) !important;\n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                color: inherit !important;\n                }\n\n\n                .wpaicg-chat-shortcode-type {\n                    color: inherit !important;\n                    width: 100% !important;\n                }\n\n\n\n                textarea.wpaicg-chat-shortcode-typing {\n                border: 1px solid var(--color-primary) !important;\n                background-color: #ffffff00 !important;\n                color: inherit !important;\n                 }\n\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .wpaicg-chat-shortcode-send:nth-child(9){\n                    display: none !important;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode-send {\n                    color: var(--color-primary) !important;\n                    margin-right: -250px !important;\n                }\n\n\n                textarea.auto-expand:focus {\n                outline: none;\n                box-shadow: 0 0 5px var(--color-primary) !important;\n                line-height: 2;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: #ffffff00 !important;\n                    border-radius: 1px !important;\n                    height: 1px !important;\n                }\n\n\n\n\n\n                .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message, .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n                    color: inherit;\n                    font-size: .8375rem;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    background: var(--color-primary) !important;\n                    border-radius: 1px;\n                    height: 0px;\n                    background-color: inherit !important;\n                    color: inherit !important;\n                    border: 10px solid var(--color-grey-500) !important;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    border-radius: 5px !important;\n                    height: 1px !important;\n                }\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: inherit !important;\n                    border-radius: 1px !important;\n                }\n\n\n            <\/style>\n                <!-- <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cerrar<\/button>\n                <\/div> -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n    \n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- TODO LO QUE ESTA DEBAJO DE ESTO SON LAS LLAMADAS A LOS MODALES -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n\n\n<!-- PREGUNTAS RECOMENDADAS -->\n    <div class=\"modal fade\" id=\"modalprueba01\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<!-- GALER\u00cdA DE FOTOS -->\n    <div class=\"modal fade\" id=\"modalprueba02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- GALER\u00cdA DE VIDEO -->\n    <div class=\"modal fade\" id=\"modalprueba03\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                       <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- COMO LLEGAR AQU\u00cd -->\n    <div class=\"modal fade\" id=\"modalprueba04\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                         <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N -->\n    <div class=\"modal fade\" id=\"modalprueba05\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted Access<\/h2>\n                            <p class=\"text-center mt-3\">Hidden content in the demo version.<br>\n                            Contact support to activate it.<\/p><\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <div class=\"modal fade\" id=\"modalprueba06\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">Modal title example<\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION ALCAZABA  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - INTRODUCCI\u00d3N -->\n<div class=\"modal fade\" id=\"modalprueba07\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Alcazaba is the most primitive part of the monumental complex, built on the remains of an ancient Zirid fortress.\n                    <\/p>\n                    <p>\n                        The origins of the Nasrid Alcazaba date back to 1238, when the first sultan and founder of the Nasrid dynasty, Muhammad Ibn al-Alhmar, decided to move the seat of the sultanate from the Albaic\u00edn to the opposite hill, the Sabika.\n                    <\/p>\n                    <p>\n                        The location chosen by Al-Ahmar was ideal since the Alcazaba, located at the western end of the hill and with a triangular layout, very similar to the prow of a ship, guaranteed optimal defense for what would become the palatine city of the Alhambra, built under its protection.\n                    <\/p>\n                    <p>\n                        The Alcazaba, with its several walls and towers, was clearly intended to be defensive. It was, in fact, a surveillance center, due to its location two hundred meters above the city of Granada, thus guaranteeing visual control of the entire surrounding territory and simultaneously representing a symbol of power.\n                    <\/p>\n                    <p>\n                        Inside, the military quarter is located, and over time, the Alcazaba was established as a small, independent micro-city for high-ranking soldiers, responsible for the defense and protection of the Alhambra and its sultans.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - BARRIO CASTRENSE -->\n <div class=\"modal fade\" id=\"modalprueba08\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">Military District<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Upon entering the citadel, we find ourselves in what appears to be a labyrinth, although in reality it is a process of architectural restoration using anastylosis, which has allowed the restoration of the old military quarter that had remained buried until the beginning of the twentieth century.\n                    <\/p>\n                    <p>\n                        The Sultan&#039;s elite guard and the rest of the military contingent responsible for the defense and security of the Alhambra resided in this neighborhood. It was, therefore, a small city within the Alhambra&#039;s palatial city, with everything necessary for daily life, such as housing, workshops, a bakehouse with an oven, warehouses, a cistern, a hammam, and so on. In this way, the military and civilian populations could be kept separate.\n                    <\/p>\n                    <p>\n                        In this neighborhood, thanks to this restoration, we can contemplate the typical layout of the Muslim house: an entrance with a corner entrance, a small courtyard as the central axis of the house, rooms surrounding the courtyard, and a latrine.\n                    <\/p>\n                    <p>\n                        Furthermore, at the beginning of the twentieth century, a dungeon was discovered underground. Easily recognizable from the outside by the modern spiral staircase leading down to it. This dungeon housed prisoners who could be used to obtain significant benefits, whether political or economic, or, in other words, individuals with significant market value.\n                    <\/p>\n                    <p>\n                        This underground prison is shaped like an inverted funnel and has a circular floor plan. This made it impossible for these captives to escape. In fact, the prisoners were brought inside using a system of pulleys or ropes.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA P\u00d3LVORA -->\n<div class=\"modal fade\" id=\"modalprueba09\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">POWDER TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Powder Tower served as a defensive reinforcement on the southern side of the Vela Tower and from there the military road that led to the Red Towers started.\n                    <\/p>\n                    <p>\n                        Since 1957, it is in this tower where we can find some verses engraved on stone, whose authorship corresponds to the Mexican Francisco de Icaza: \n                    <\/p>\n                    <br>\n                    <blockquote>\n                        \u201cGive alms, woman, there is nothing in life,<br>\n                        like the penalty of being blind in Granada.\u201d\n                    <\/blockquote>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - JARD\u00cdN DE LOS ADARVES -->\n<div class=\"modal fade\" id=\"modalprueba10\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">GARDEN OF THE ADARVES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The space occupied by the Garden of the Adarves dates back to the sixteenth century, when an artillery platform was built in the process of adapting the Alcazaba for artillery.\n                    <\/p>\n                    <p>\n                        It was already in the seventeenth century when military use lost its importance and the fifth Marquis of Mond\u00e9jar, after being appointed warden of the Alhambra in 1624, decided to transform this space into a garden by filling the space between the outer and inner walls with earth.\n                    <\/p>\n                    <p>\n                        There is a legend that it was in this place where gold-filled porcelain vases were found hidden, probably hidden by the last Muslims who inhabited the area. Some of the gold was used by the Marquis to finance the creation of this beautiful garden. It is thought that perhaps one of these vases is one of the twenty large Nasrid gilded earthenware vases preserved worldwide. We can see two of these vases in the National Museum of Hispano-Muslim Art, located on the ground floor of the Palace of Charles V.\n                    <\/p>\n                    <p>\n                        One of the notable features of this garden is the presence in the central part of a kettledrum-shaped fountain. This fountain has had various locations, the most striking and notable being in the Patio de los Leones (Courtyard of the Lions), where it was placed in 1624 over the Lions&#039; Fountain, causing significant damage. The bowl remained in that location until 1954, when it was removed and replaced here.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA VELA -->\n<div class=\"modal fade\" id=\"modalprueba11\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">CANDLE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Under the Nasrid dynasty, this tower was known as the Torre Mayor, and from the sixteenth century onward, it was also called the Torre del Sol (Tower of the Sun), because the sun reflected off the tower at midday, acting as a sundial. However, its current name comes from the word velar (vellar), given that, thanks to its height of 27 meters, it provides a 360-degree view that would allow any movement to be detected.\n                    <\/p>\n                    <p>\n                        The Tower&#039;s appearance has changed over time. It originally had battlements on its terrace, which were lost due to several earthquakes. The bell was added after the Christians captured Granada.\n                    <\/p>\n                    <p>\n                        This bell was used to warn the population of any potential danger, such as earthquakes or fires. Its sound was also used to regulate irrigation schedules in the Vega of Granada.\n                    <\/p>\n                    <p>\n                        Currently, and according to tradition, the bell is rung every January 2nd to commemorate the capture of Granada on January 2nd, 1492.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE Y PUERTA DE LAS ARMAS -->\n<div class=\"modal fade\" id=\"modalprueba12\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">TOWER AND GATE OF THE WEAPONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Located in the northern wall of the Alcazaba, the Puerta de las Armas was one of the main entrances to the Alhambra.\n                    <\/p>\n                    <p>\n                        During the Nasrid dynasty, citizens crossed the Darro River via the Cad\u00ed Bridge and climbed the hill along a path now hidden by the San Pedro Forest until they reached the gate. Inside the gate, they had to deposit their weapons before entering the enclosure, hence the name &quot;Gate of Arms.&quot;\n                    <\/p>\n                    <p>\n                        From the terrace of this tower, we can now enjoy one of the best panoramic views of the city of Granada.\n                    <\/p>\n                    <p>\n                        Directly opposite lies the Albaic\u00edn neighborhood, easily recognizable by its whitewashed houses and labyrinthine network of streets. This neighborhood was declared a UNESCO World Heritage Site in 1994.\n                    <\/p>\n                    <p>\n                        It is in this neighborhood where one of Granada&#039;s most famous viewpoints is located: the Mirador de San Nicol\u00e1s.\n                    <\/p>\n                    <p>\n                        To the right of the Albaic\u00edn, is the Sacromonte neighborhood.\n                    <\/p>\n                    <p>\n                        Sacromonte is Granada&#039;s quintessential old Gypsy neighborhood and the birthplace of flamenco. This neighborhood is also characterized by the presence of troglodyte dwellings: caves.\n                    <\/p>\n                    <p>\n                        At the foot of the Albaic\u00edn and the Alhambra lies the Carrera del Darro, next to the banks of the river of the same name.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DEL HOMENAJE Y TORRE DEL CUBO -->\n<div class=\"modal fade\" id=\"modalprueba13\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">KEEP TOWER AND CUBE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Keep is one of the oldest towers in the Alcazaba, standing 26 meters tall. It has six floors, a terrace, and an underground dungeon.\n                    <\/p>\n                    <p>\n                        Due to the tower&#039;s height, communication with the kingdom&#039;s watchtowers was established from its terrace. This communication was established through a system of mirrors during the day or smoke with bonfires at night.\n                    <\/p>\n                    <p>\n                        It is thought that, due to the tower&#039;s protruding position on the hill, it was probably the place chosen for the display of the banners and red flags of the Nasrid dynasty.\n                    <\/p>\n                    <p>\n                        The base of this tower was reinforced by the Christians with the so-called Cube Tower.\n                    <\/p>\n                    <p>\n                        After the capture of Granada, the Catholic Monarchs planned a series of renovations to adapt the Alcazaba to artillery. Thus, the Cube Tower was built over the Tahona Tower. Thanks to its cylindrical shape, it provides greater protection against potential impacts compared to the square-shaped Nasrid towers.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION GENERALIFE -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba14\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel14\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel14\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Generalife, located on Cerro del Sol, was the sultan&#039;s almunia, or in other words, a palatial country house with orchards, where, in addition to farming, animals were raised for the Nasrid court and hunting was practiced. Its construction is estimated to have begun in the late 13th century by Sultan Muhammad II, son of the founder of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    The name Generalife comes from the Arabic &quot;yannat-al-arif,&quot; meaning &quot;the architect&#039;s garden.&quot; It was a much larger space in the Nasrid period, with at least four vegetable gardens, and extended to a place known today as &quot;the partridge plain.&quot;\n                <\/p>\n                <p>\n                    This country house, which the vizier Ibn al-Yayyab called the Royal House of Happiness, was a palace: the sultan&#039;s summer palace. Despite its proximity to the Alhambra, it afforded him enough privacy to escape and relax from the stresses of court and government life, as well as to enjoy more pleasant temperatures. Due to its location at a higher altitude than the palatine city of the Alhambra, the temperature inside dropped.\n                <\/p>\n                <p>\n                    When Granada was captured, the Generalife became the property of the Catholic Monarchs, who placed it under the protection of an alcaide or commander. Philip II eventually ceded the perpetual alcaid\u00eda and ownership of the site to the Granada Venegas family (a family of converted Moriscos). The State only recovered the site after a dispute that lasted almost 100 years and ended with an out-of-court settlement in 1921.\n                <\/p>\n                <p>\n                    Agreement by which the Generalife would become a national heritage site and would be managed together with the Alhambra through the Board of Trustees, thus forming the Board of Trustees of the Alhambra and the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba15\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel15\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel15\">AUDIENCE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The open-air amphitheater we encountered on our way to the Generalife Palace was built in 1952 with the intention of hosting, as it does every summer, the Granada International Music and Dance Festival.\n                <\/p>\n                <p>\n                    Since 2002, a Flamenco Festival has also been held, linked to the figure of Granada&#039;s most emblematic poet: Federico Garc\u00eda Lorca.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba16\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel16\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel16\">MEDIEVAL ROAD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Under the Nasrid dynasty, the road that connected the palatine city and the Generalife started from the Puerta del Arabal, framed by the so-called Torre de los Picos, so named because its battlements end in brick pyramids.\n                <\/p>\n                <p>\n                    It was a winding, sloping road, protected on both sides by high walls for greater security, and led to the entrance to the Patio del Descabalgamiento.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba17\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel17\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel17\">HOUSE OF FRIENDS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These ruins or foundations are the archaeological remains of what was once the so-called House of Friends. Its name and purpose have come down to us thanks to Ibn Luy\u00fan&#039;s &quot;Treatise on Agriculture&quot; in the 14th century.\n                <\/p>\n                <p>\n                    It was therefore a dwelling intended for people, friends or relatives whom the sultan held in esteem and considered important to have close to him, but without invading their privacy, so it was an isolated dwelling.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"modal fade\" id=\"modalprueba18\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel18\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel18\">OLEDERFLOWER WALK<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    This Oleander Walk was built in the mid-19th century for the visit of Queen Elizabeth II and to create a more monumental access to the upper part of the palace. \n                <\/p>\n                <p>\n                    Oleander is another name for the pink laurel, which appears in the form of an ornamental canopy along this walkway. At the beginning of the walk, behind the High Gardens, is one of the oldest examples of the Moorish myrtle, which was nearly lost and whose genetic traces are still being investigated today.\n                <\/p>\n                <p>\n                    It is one of the most characteristic plants of the Alhambra, distinguished by its curled leaves, which are larger than the common myrtle.\n                <\/p>\n                <p>\n                    The Paseo de las Adelfas connects with the Paseo de los Cipreses, which serves as a link leading visitors to the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba19\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel19\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel19\">WATER STAIRWAY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the best-preserved and unique elements of the Generalife is the so-called Water Staircase. It is believed that, under the Nasrid dynasty, this staircase\u2014divided into four flights with three intermediate landings\u2014had water channels that flowed through the two glazed ceramic handrails, fed by the Royal Canal.\n                <\/p>\n                <p>\n                    This water pipe reached a small oratory, of which no archaeological information survives. In its place, since 1836, there has been a romantic belvedere erected by the estate manager at the time.\n                <\/p>\n                <p>\n                    The climb up this staircase, framed by a laurel vault and the murmur of water, probably created an ideal environment for stimulating the senses, entering into a climate conducive to meditation, and performing ablutions prior to prayer.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba20\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel20\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel20\">GENERALIFE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the grounds surrounding the palace, it is estimated that there must have been at least four large vegetable gardens organized on different levels, or paratas, enclosed by adobe walls. The names of these gardens that have survived to the present day are: Grande, Colorada, Mercer\u00eda, and Fuente Pe\u00f1a.\n                <\/p>\n                <p>\n                    These gardens have continued to be cultivated, to a greater or lesser extent, since the 14th century, using the same traditional medieval techniques. Thanks to this agricultural production, the Nasrid court maintained a certain independence from other external agricultural suppliers, allowing it to meet its own food needs.\n                <\/p>\n                <p>\n                    They were used not only for vegetable gardens, but also for fruit trees and animal pastures. For example, today they grow artichokes, eggplants, beans, figs, pomegranates, and almond trees.\n                <\/p>\n                <p>\n                    Today, the preserved orchards continue to use the same agricultural production techniques employed in medieval times, giving this space great anthropological value.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba21\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel21\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel21\">HIGH GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These gardens are accessed from the Patio de la Sultana via a steep 19th-century staircase, called the Lions&#039; Staircase, due to the two glazed earthenware figures above the gate.\n                <\/p>\n                <p>\n                    These gardens can be considered an example of a Romantic garden. They are located on pillars and form the highest part of the Generalife, offering spectacular views of the entire monumental complex.\n                <\/p>\n                <p>\n                    The presence of beautiful magnolias stands out.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba22\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel22\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel22\">ROSE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Rose Gardens originated between the 1930s and 1950s, after the State acquired the Generalife in 1921. \n                <\/p>\n                <p>\n                    The need then arose to enhance the value of an abandoned area and strategically connect it to the Alhambra through a gradual and smooth transition.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba23\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel23\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel23\">DITCH PATIO<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Acequia, also called the Patio de la R\u00eda in the 19th century, today has a rectangular structure with two facing pavilions and a bay.\n                <\/p>\n                <p>\n                    The courtyard&#039;s name comes from the Royal Canal that runs through this palace, around which four gardens are arranged in orthogonal parterres at a lower level. On both sides of the canal are fountains that form one of the palace&#039;s most popular images. However, these fountains are not original, as they disrupt the tranquility and serenity the sultan sought during his moments of rest and meditation.\n                <\/p>\n                <p>\n                    This palace has undergone extensive transformations, as this courtyard was originally closed to the views we find today through the gallery of 18 belvedere-style arches. The only part that would allow a view of the landscape would be the central viewing platform. From this original viewing platform, sitting on the floor and leaning on the windowsill, one could contemplate the panoramic views of the palatine city of the Alhambra.\n                <\/p>\n                <p>\n                    As a testament to its past, we find Nasrid decoration in the viewing platform, where the plasterwork of Sultan Ismail I is superimposed over that of Muhammad III stands out. This demonstrates that each sultan had different tastes and needs and adapted the palaces accordingly, leaving their own mark or imprint.\n                <\/p>\n                <p>\n                    As we pass the viewpoint, and if we look at the intrados of the arches, we will also find emblems of the Catholic Monarchs such as the Yoke and the Arrows, as well as the motto &quot;Tanto Monta&quot;.\n                <\/p>\n                <p>\n                    The east side of the courtyard is recent due to a fire that occurred in 1958.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba24\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel24\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel24\">GUARDYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Patio de la Acequia, we come across the Patio de la Guardia. A simple courtyard with porticoed galleries and a fountain in its center, it is also decorated with bitter orange trees. This courtyard must have served as a control area and antechamber before accessing the sultan&#039;s summer quarters.\n                <\/p>\n                <p>\n                    What stands out about this place is that, after climbing some steep stairs, we find a doorway framed by a lintel decorated with tiles in shades of blue, green, and black on a white background. We can also see, although worn by the passage of time, the Nasrid key.\n                <\/p>\n                <p>\n                    As we climb the steps and pass through this doorway, we come across a bend, the guard benches, and a steep, narrow staircase that leads us to the palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba25\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel25\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel25\">SULTANA&#039;S COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Sultana is one of the most transformed spaces. It is thought that the site now occupied by this courtyard\u2014also called the Patio del Cipr\u00e9s\u2014was the area used for the former hammam, the Generalife baths.\n                <\/p>\n                <p>\n                    In the 16th century, it lost this function and became a garden. Over time, a northern gallery was added, along with a U-shaped pool, a fountain in its center, and thirty-eight noisy jets.\n                <\/p>\n                <p>\n                    The only elements preserved from the Nasrid period are the Acequia Real waterfall, protected behind a fence, and a small section of canal that directs the water towards the Patio de la Acequia.\n                <\/p>\n                <p>\n                    The name &quot;Cypress Courtyard&quot; is due to the centuries-old dead cypress tree, of which only its trunk remains today. Next to it is a Granada ceramic plaque that tells of the 16th-century legend by Gin\u00e9s P\u00e9rez de Hita, according to which this cypress witnessed the amorous encounters of the last sultan&#039;s favorite, Boabdil, with a noble Abencerraje knight.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba26\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel26\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel26\">DISMOUNTING COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio del Descabalgamiento, also known as Patio Polo, is the first courtyard we encounter upon entering the Generalife Palace.\n                <\/p>\n                <p>\n                    The Sultan used a horse as a means of transportation to access the Generalife, and as such, he needed a place to dismount and house these animals. This courtyard is thought to have been intended for this purpose, as it housed the stables.\n                <\/p>\n                <p>\n                    It had benches for support for horses to get on and off, and two stables in the side aisles, which served as stables on the lower level and haylofts on the upper level. A drinking trough with fresh water for the horses was also essential.\n                <\/p>\n                <p>\n                    Worth noting here: above the lintel of the door leading to the next courtyard, we find the Alhambra key, a symbol of the Nasrid dynasty, representing salutation and ownership.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba27\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel27\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel27\">ROYAL HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The north portico is the best preserved and was intended to house the sultan&#039;s quarters.\n                <\/p>\n                <p>\n                    We find a portico with five arches supported by columns and alham\u00edes at their ends. Beyond this portico, and to access the Royal Hall, one passes through a triple archway in which poems speak of the Battle of La Vega or Sierra Elvira in 1319, which gives us information about the dating of the site.\n                <\/p>\n                <p>\n                    On the sides of this triple arch there are also *taqas*, small niches excavated in the wall where water was placed.\n                <\/p>\n                <p>\n                    The Royal Hall, located in a square tower decorated with plasterwork, was the place where the sultan\u2014despite this being a leisure palace\u2014received urgent audiences. These audiences, according to verses engraved there, were supposed to be brief and to the point so as not to unduly disturb the emir&#039;s rest.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  PALACIOS NAZARIES  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba28\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel28\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel28\">INTRODUCTION TO THE NAZARI PALACES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Nasrid Palaces constitute the most emblematic and striking part of the monumental complex. They were built in the 14th century, a period that can be considered a time of great splendor for the Nasrid dynasty.\n                <\/p>\n                <p>\n                    These palaces were the area reserved for the sultan and his close relatives, where family life took place, but also the official and administrative life of the kingdom.\n                <\/p>\n                <p>\n                    The Palaces are: the Mexuar, the Comares Palace and the Palace of the Lions.\n                <\/p>\n                <p>\n                    Each of these palaces was built independently, at different times, and with their own distinct functions. It was after the Capture of Granada that the palaces were unified, and from that moment on, they became known as the Royal House, and later as the Old Royal House, when Charles V decided to build his own palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba29\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel29\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel29\">THE MEXUAR AND ORATORY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Mexuar is the oldest part of the Nasrid Palaces, but it is also the space that has undergone the greatest transformations over time. Its name comes from the Arabic *Maswar*, which refers to the place where the *Sura* or Council of Ministers of the Sultan met, thus revealing one of its functions. It was also the antechamber where the Sultan administered justice.\n                <\/p>\n                <p>\n                    The construction of the Mexuar is attributed to Sultan Ismail I, who reigned between 1314 and 1325, and was modified by his grandson Muhammad V. However, it was the Christians who most transformed this space by turning it into a chapel.\n                <\/p>\n                <p>\n                    During the Nasrid period, this space was much smaller and was organized around four central columns, where the characteristic Nasrid cubic capital, painted cobalt blue, can still be seen. These columns supported a lantern that provided overhead light, which was removed in the 16th century to create upper rooms and side windows.\n                <\/p>\n                <p>\n                    To convert the space into a chapel, the floor was lowered and a small rectangular space was added at the back, now separated by a wooden balustrade that indicates where the upper choir was located.\n                <\/p>\n                <p>\n                    The ceramic tiled plinth with star decoration was brought from elsewhere. Among its stars, one can alternately see: the coat of arms of the Nasrid Kingdom, that of Cardinal Mendoza, the double-headed eagle of the Austrians, the motto &quot;There is no victor but God,&quot; and the Pillars of Hercules from the imperial coat of arms.\n                <\/p>\n                <p>\n                    Above the plinth, a plaster epigraphic frieze repeats: \u201cThe Kingdom is God\u2019s. Strength is God\u2019s. Glory is God\u2019s.\u201d These inscriptions replace the Christian ejaculations: \u201cChristus regnat. Christus vincit. Christus imperat.\u201d\n                <\/p>\n                <p>\n                    The current entrance to the Mexuar was opened in the modern period, changing the location of one of the Pillars of Hercules, bearing the motto &quot;Plus Ultra,&quot; which was moved to the east wall. The plaster crown above the door remains in its original location.\n                <\/p>\n                <p>\n                    At the back of the room, a door leads to the Oratory, which was originally accessed through the Machuca gallery.\n                <\/p>\n                <p>\n                    This space is one of the most damaged in the Alhambra due to the explosion of a powder magazine in 1590. It was restored in 1917.\n                <\/p>\n                <p>\n                    During the restoration, the floor level was lowered to prevent accidents and facilitate visits. A continuous ledge under the windows remains as a testament to the original level.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba30\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel30\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel30\">GOLDEN ROOM and COMARES FACADE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n\n                <p>\n                    The name *Golden Quarter* comes from the period of the Catholic Monarchs, when the Nasrid coffered ceiling was repainted with golden motifs and the emblems of the monarchs were incorporated.\n                <\/p>\n                <p>\n                    Subjects who obtained an audience waited in front of the fa\u00e7ade, separated from the sultan by the royal guard, in the room now known as the Golden Room.\n                <\/p>\n                <p>\n                    In the center of the courtyard is a low marble fountain with galloons, a replica of the Lindaraja fountain preserved in the Alhambra Museum. To one side of the fountain, a gate leads to a dark underground corridor used by the guards.\n                <\/p>\n                <p>\n                    Further along, we find the fa\u00e7ade of the Comares Palace. This impressive fa\u00e7ade, extensively restored between the 19th and 20th centuries, was built by Muhammad V to commemorate the capture of Algeciras in 1369, which granted him control over the Strait of Gibraltar.\n                <\/p>\n                <p>\n                    In this courtyard, the sultan received subjects who had a special audience. He sat in the central part of the fa\u00e7ade, on a jamuga (wooden frame) between the two doors and beneath the great eaves, a masterpiece of Nasrid carpentry that crowned it.\n                <\/p>\n                <p>\n                    The fa\u00e7ade has a strong allegorical meaning. On it, subjects could read:\n                <\/p>\n                <br>\n                <br>\n                <blockquote>\n                    \u201cMy position is that of a crown and my gate a fork: the West believes that in me is the East.\u201d<br>\n                    Al-Gani bi-llah has entrusted me with opening the door to the victory that is being announced.<br>\n                    Well, I&#039;m waiting for him to appear as the horizon reveals itself in the morning.<br>\n                    May God make his work as beautiful as his character and figure are!\n                <\/blockquote>\n                <p>\n                    The door on the right served as access to the private quarters and service area, while the door on the left, through a curved corridor with benches for the guard, gives access to the Comares Palace, specifically to the Patio de los Arrayanes.\n                <\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba31\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel31\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel31\">COURTYARD OF THE MYRTLES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the characteristics of the Hispano-Muslim house is access through a curved hallway that leads to an open-air courtyard, the focal point of life and organization of the home, complete with a water feature and vegetation. This same concept is found in the Patio de los Arrayanes, but on a larger scale, measuring 36 meters long and 23 meters wide.\n                <\/p>\n                <p>\n                    The Patio de los Arrayanes (Courtyard of the Myrtles) is the centerpiece of the Comares Palace, where the political and diplomatic activities of the Nasrid Kingdom took place. It is a rectangular courtyard of imposing dimensions, whose central axis is a large pool. In it, the still water acts as a mirror, lending depth and verticality to the space, thus creating a palace on water.\n                <\/p>\n                <p>\n                    At both ends of the pool, jets gently introduce water so as not to disrupt the mirror effect or the stillness of the place.\n                <\/p>\n                <p>\n                    Flanking the pool are two myrtle clumps, which give the current site its name: Patio de los Arrayanes (Courtyard of the Myrtles). In the past, it was also known as Patio de la Alberca (Courtyard of the Pool).\n                <\/p>\n                <p>\n                    The presence of water and vegetation is not only a matter of ornamental or aesthetic considerations, but also a desire to create pleasant spaces, especially in summer. Water refreshes the environment, while vegetation retains moisture and provides fragrance.\n                <\/p>\n                <p>\n                    On the longer sides of the courtyard are four independent dwellings. On the north side stands the Comares Tower, which houses the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the south side, the fa\u00e7ade acts as a trompe l&#039;oeil, as the building that existed behind it was demolished to connect the Palace of Charles V with the Old Royal House.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba32\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel32\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel32\">MOSQUE COURTYARD AND MACHUCA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Nasrid Palaces, if we look to the left, we find two courtyards.\n                <\/p>\n                <p>\n                    The first is the Patio de la Mezquita, named after the small mosque located in one of its corners. However, since the 20th century, it has also been known as the Madrasa de los Pr\u00edncipes (Princes&#039; Madrasa), as its structure bears similarities to the Madrasa of Granada.\n                <\/p>\n                <p>\n                    Further on is the Patio de Machuca, named after the architect Pedro Machuca, who was in charge of supervising the construction of the Palace of Charles V in the 16th century and who resided there.\n                <\/p>\n                <p>\n                    This courtyard is easily recognizable by the lobed-edged pool at its center, as well as by the arched cypress trees, which restore the architectural feel of the space in a non-invasive way.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba33\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel33\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel33\">BOAT ROOM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Boat Room is the anteroom to the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the jambs of the arch leading into this room, we find facing niches carved in marble and decorated with colorful tiles. These are one of the most characteristic ornamental and functional elements of the Nasrid palaces: the taqas.\n                <\/p>\n                <p>\n                    *Taqas* are small niches carved into walls, always arranged in pairs and facing each other. They were used to hold jars of fresh water for drinking or scented water for washing hands.\n                <\/p>\n                <p>\n                    The current ceiling of the hall is a reproduction of the original, lost in a fire in 1890.\n                <\/p>\n                <p>\n                    The name of this room comes from a phonetic alteration of the Arabic word *baraka*, meaning &quot;blessing,&quot; which is repeated numerous times on the walls of this room. It does not derive, as is popularly believed, from the inverted boat-shaped roof.\n                <\/p>\n                <p>\n                    It was in this place that the new sultans requested the blessing of their God before being crowned as such in the Throne Room.\n                <\/p>\n                <p>\n                    Before entering the Throne Room, we find two side entrances: on the right, a small oratory with its mihrab; and on the left, the access door to the interior of the Comares Tower.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba34\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel34\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel34\">AMBASSADORS&#039; OR THRONE HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Ambassadors&#039; Hall, also called the Throne Hall or the Comares Hall, is the site of the sultan&#039;s throne and, therefore, the center of power of the Nasrid dynasty. Perhaps for this reason, it is located within the Comares Tower, the largest tower in the monumental complex, at 45 meters high. Its etymology comes from the Arabic *arsh*, meaning tent, pavilion, or throne.\n                <\/p>\n                <p>\n                    The room is shaped like a perfect cube, and its walls are richly decorated up to the ceiling. On the sides are nine identical alcoves grouped in groups of three with windows. The one opposite the entrance features more elaborate decoration, as it was the sultan&#039;s seat, backlit, favoring the effect of dazzling and surprising.\n                <\/p>\n                <p>\n                    In the past, the windows were covered with colored glass panels with geometric shapes called *cumarias*. These were lost due to the shock wave of a powder magazine that exploded in 1590 on the Carrera del Darro.\n                <\/p>\n                <p>\n                    The decorative richness of the hall is extreme. It begins in the lower part with geometrically shaped tiles, creating a visual effect similar to that of a kaleidoscope. It continues on the walls with stuccos resembling hanging tapestries, decorated with plant motifs, flowers, shells, stars, and abundant inscriptions.\n                <\/p>\n                <p>\n                    The current script is of two types: cursive, the most common and easily recognizable; and Kufic, a cultured script with rectilinear and angular forms.\n                <\/p>\n                <p>\n                    Among all the inscriptions, the most prominent is the one located beneath the ceiling, on the upper band of the wall: Surah 67 of the Quran, known as &quot;The Kingdom&quot; or &quot;The Lordship,&quot; which runs along all four walls. This surah was recited by the new sultans to proclaim that their power came directly from God.\n                <\/p>\n                <p>\n                    The image of divine power is also represented in the ceiling, composed of 8,017 different pieces that, through wheels of stars, illustrate Islamic eschatology: the seven heavens and an eighth, paradise, the Throne of Allah, represented by the central dome of muqarnas.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba35\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel35\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel35\">CHRISTIAN ROYAL HOUSE \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To access the Christian Royal House, you must use one of the doors open in the left alcove of the Hall of the Two Sisters.\n                <\/p>\n                <p>\n                    Charles V, grandson of the Catholic Monarchs, visited the Alhambra in June 1526 after marrying Isabella of Portugal in Seville. Upon arriving in Granada, the couple settled into the Alhambra itself and ordered the construction of new rooms, now known as the Emperor&#039;s Apartments.\n                <\/p>\n                <p>\n                    These spaces completely break with Nasrid architecture and aesthetics. However, as they were built on garden areas between the Comares Palace and the Palace of the Lions, the upper part of the Royal Hammam, or Comares Hammam, can be seen through small windows to the left of the corridor. A few meters further on, other openings reveal the Hall of Beds and the Musicians&#039; Gallery.\n                <\/p>\n                <p>\n                    The Royal Baths were not only a place of hygiene, but also an ideal place to cultivate political and diplomatic relations in a relaxed and friendly manner, accompanied by music to liven up the occasion. This space is only open to the public on special occasions.\n                <\/p>\n                <p>\n                    Through this corridor you enter the Emperor&#039;s Office, which stands out for its Renaissance fireplace with the imperial coat of arms and a wooden coffered ceiling designed by Pedro Machuca, architect of the Palace of Charles V. On the coffered ceiling you can read the inscription &quot;PLUS ULTRA&quot;, a motto adopted by the Emperor, along with the initials K and Y, corresponding to Charles V and Isabella of Portugal.\n                <\/p>\n                <p>\n                    Leaving the hall, on the right are the Imperial Rooms, currently closed to the public and only accessible on special occasions. These rooms are also known as Washington Irving&#039;s Rooms, as it was here that the American Romantic writer stayed during his stay in Granada. It was possibly here that he wrote his famous book *Tales of the Alhambra*. A commemorative plaque can be seen above the door.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba36\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel36\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel36\">LINDARAJA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Adjacent to the Patio de la Reja is the Patio de Lindaraja, adorned with carved boxwood hedges, cypress trees, and bitter orange trees. This patio owes its name to the Nasrid viewpoint located on its southern side, which bears the same name.\n                <\/p>\n                <p>\n                    During the Nasrid period, the garden had a completely different appearance than it does today, as it was a space open to the landscape.\n                <\/p>\n                <p>\n                    With the arrival of Charles V, the garden was enclosed, taking on a cloister-like layout thanks to a porticoed gallery. Columns from other parts of the Alhambra were used for its construction.\n                <\/p>\n                <p>\n                    In the center of the courtyard stands a Baroque fountain, over which a Nasrid marble basin was superimposed at the beginning of the 17th century. The fountain we see today is a replica; the original is preserved in the Alhambra Museum.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba37\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel37\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel37\">COURTYARD OF THE LIONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de los Leones (Courtyard of the Lions) is the heart of this palace. It is a rectangular courtyard surrounded by a porticoed gallery with 124 columns, each one different from the other, which connect the different rooms of the palace. It bears a certain resemblance to a Christian cloister.\n                <\/p>\n                <p>\n                    This space is considered one of the jewels of Islamic art, despite breaking with the usual patterns of Hispano-Muslim architecture.\n                <\/p>\n                <p>\n                    The palace&#039;s symbolism revolves around the concept of a garden-paradise. The four water channels that radiate from the center of the courtyard could represent the four rivers of Islamic paradise, giving the courtyard a cruciform layout. The columns evoke a palm forest, like the oasis of paradise.\n                <\/p>\n                <p>\n                    In the center is the famous Fountain of the Lions. The twelve lions, although in a similar position\u2014alert and with their backs to the fountain\u2014have different features. They are carved from white Macael marble, carefully selected to take advantage of the stone&#039;s natural veins and accentuate its distinctive features.\n                <\/p>\n                <p>\n                    There are various theories about its symbolism. Some believe it represents the strength of the Nasrid dynasty or Sultan Muhammad V, the twelve signs of the zodiac, the twelve hours of the day, or even a water clock. Others maintain that it is a reinterpretation of the Bronze Sea of Judea, held up by twelve bulls, here replaced by twelve lions.\n                <\/p>\n                <p>\n                    The central basin was probably carved in situ and contains poetic inscriptions praising Muhammad V and the hydraulic system that feeds the fountain and regulates the water flow to prevent overflows. This is an excerpt from the poem:\n                <\/p>\n                <blockquote>\n                    \u201cMolten silver runs among the pearls,<\/br>\n                    to which it resembles pure, dawn-like beauty.<\/br>\n                    At first glance, water and marble seem to blend together,<\/br>\n                    without us knowing which of the two is sliding.<\/br>\n                    Don&#039;t you see how the water is spilling into the cup?<\/br>\n                    But do its pipes hide it immediately?<br><br>\n                    He is a lover whose eyelids overflow with tears,<br>\n                    tears that she hides for fear of an informer.<br><br>\n                    Isn&#039;t it, in reality, like a white cloud?<\/br>\n                    whose irrigation ditches pour water into the lions<\/br>\n                    and it looks like the hand of the caliph who, in the morning,<\/br>\n                    Does he lavish his favors on the lions of war?\u201d\n                <\/blockquote>\n                <p>\n                    The fountain underwent several transformations over time. In the 17th century, a second basin was added, which was removed in the 20th century and relocated to the Garden of the Adarves of the Alcazaba.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba38\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel38\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel38\">QUEEN&#039;S COMBING ROOM AND REJET COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Christian adaptation of the palace entailed the creation of direct access to the Comares Tower via a two-story open gallery. This gallery offers magnificent views of two of Granada&#039;s most iconic neighborhoods: the Albaic\u00edn and the Sacromonte.\n                <\/p>\n                <p>\n                    From the gallery, looking to the right, you can also see the Queen&#039;s Dressing Room, which, like other areas mentioned above, can only be visited on special occasions or as a space of the month.\n                <\/p>\n                <p>\n                    The Queen&#039;s Dressing Room is located in the Tower of Yusuf I, a tower set forward from the wall. Its Christian name comes from the use made of it by Isabella of Portugal, wife of Charles V, during her stay at the Alhambra.\n                <\/p>\n                <p>\n                    Inside, the space was adapted to Christian aesthetics and houses valuable Renaissance paintings by Julius Achilles and Alexander Mayner, disciples of Raphael Sanzio, also known as Raphael of Urbino.\n                <\/p>\n                <p>\n                    Descending from the gallery, we find the Patio de la Reja (Courtyard of the Grill). Its name comes from the continuous balcony with wrought iron railings, installed in the mid-17th century. These railings served as an open corridor to connect and protect the adjacent rooms.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba39\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel39\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel39\">HALL OF THE TWO SISTERS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Two Sisters gets its current name from the presence of two twin slabs of Macael marble located in the center of the room.\n                <\/p>\n                <p>\n                    This room bears some resemblance to the Hall of the Abencerrajes: it is located higher than the courtyard and, beyond the entrance, has two doors. The one on the left led to the toilet, and the one on the right led to the upper rooms of the house.\n                <\/p>\n                <p>\n                    Unlike its twin room, this one opens to the north towards the Sala de los Ajimeces and a small viewpoint: the Mirador de Lindaraja.\n                <\/p>\n                <p>\n                    During the Nasrid dynasty, in the time of Muhammad V, this hall was known as \u201cqubba al-kubra,\u201d meaning \u201cthe great qubba,\u201d the most important room in the Palace of the Lions. The term \u201cqubba\u201d refers to a square structure covered with a dome.\n                <\/p>\n                <p>\n                    The dome begins with an eight-pointed star, unfolding into a three-dimensional layout composed of 5,416 muqarnas, some of which still retain traces of polychromy. These muqarnas are distributed in sixteen small cupolas located above sixteen windows with lattices that bring changing light into the room depending on the time of day.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba40\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel40\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel40\">HALL OF THE ABENCERRAJES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the western hall, also known as the Hall of the Abencerrajes, we find some wooden doors with remarkable carvings that have been preserved since medieval times.\n                <\/p>\n                <p>\n                    The name of this room is linked to a famous legend of the Alhambra. According to tradition, a rumor about an alleged romance between an Abencerraje knight and the sultan&#039;s favorite (or perhaps suspicions of a conspiracy against the monarch) provoked the sovereign&#039;s wrath.\n                <\/p>\n                <p>\n                    The sultan summoned several knights from the Abencerraje family. According to legend, dozens of them were executed right here.\n                <\/p>\n                <p>\n                    The story was popularized in 16th-century literature, especially in the novel &quot;Civil Wars of Granada&quot; by Gin\u00e9s P\u00e9rez de Hita, which narrates the conflicts between the noble lineages of the Nasrid kingdom.\n                <\/p>\n                <p>\n                    Over time, tradition placed the tragedy in this room. For this reason, some visitors have interpreted the reddish stains on the central fountain as a symbolic vestige of the blood of those knights.\n                <\/p>\n                <p>\n                    The legend was so popular that it also inspired the Spanish painter Mariano Fortuny, who depicted it in his painting &quot;The Massacre of the Abencerrajes.&quot;\n                <\/p>\n                <p>\n                    Upon entering the door, we found two entrances: the one on the right led to the toilet, and the one on the left to some stairs leading to the upper rooms.\n                <\/p>\n                <p>\n                    The Abencerrajes Hall is a private and independent ground floor dwelling, structured around a large \u201cqubba\u201d, \u201cdome\u201d in Arabic.\n                <\/p>\n                <p>\n                    The plaster dome is richly decorated with muqarnas originating from an eight-pointed star in a complex three-dimensional composition. The muqarnas are architectural elements based on hanging prisms with concave and convex shapes, reminiscent of stalactites.\n                <\/p>\n                <p>\n                    As you enter the room, you notice a drop in temperature. This is because the only windows are located at the top, allowing hot air to escape. Meanwhile, the water from the central fountain cools the air, making the room, with the doors closed, function as a kind of cave, with an ideal temperature for the hottest summer days.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba41\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel41\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel41\">AJIMECES HALL AND LINDARAJA VIEWPOINT<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Beyond the Hall of the Two Sisters, to the north, we find a transverse nave covered by a muqarnas vault. This room is called the Hall of the Mullions (Ajimeces) because of the type of windows that must have closed the openings on either side of the central arch that leads to the Lindaraja Viewpoint.\n                <\/p>\n                <p>\n                    The white walls of this room are believed to have been originally covered with silk fabrics.\n                <\/p>\n                <p>\n                    The so-called Lindaraja Lookout owes its name to the derivation of the Arabic term \u201cAyn Dar Aisa\u201d, which means \u201cthe eyes of the House of Aisa\u201d.\n                <\/p>\n                <p>\n                    Despite its small size, the interior of the viewing platform is remarkably decorated. On one hand, it features tiling with a succession of small, interlocking stars, which required meticulous work by the artisans. On the other hand, if you look up, you can see a ceiling with colored glass embedded in a wooden structure, resembling a skylight.\n                <\/p>\n                <p>\n                    This lantern is a representative example of what many of the windows or mullioned windows of the Palatine Alhambra must have looked like. When sunlight hits the glass, it projects colorful reflections that illuminate the decoration, giving the space a unique, ever-changing atmosphere throughout the day.\n                <\/p>\n                <p>\n                    During the Nasrid period, when the courtyard was still open, a person could sit on the floor of the belvedere, rest their arm on the windowsill, and enjoy spectacular views of the Albayz\u00edn neighborhood. These views were lost at the beginning of the 16th century, when the outbuildings intended to serve as the residence of Emperor Charles V were built.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba42\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel42\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel42\">HALL OF THE KINGS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Kings occupies the entire east side of the Patio de los Leones and, although it appears integrated into the palace, it is thought to have had its own function, probably of a recreational or courtly nature.\n                <\/p>\n                <p>\n                    This space stands out for preserving one of the few examples of Nasrid figurative painting.\n                <\/p>\n                <p>\n                    In the three alcoves, each approximately fifteen square meters in area, there are three false vaults decorated with paintings on lambskin. These skins were fixed to the wooden support with small bamboo nails, a technique that prevented the material from rusting.\n                <\/p>\n                <p>\n                    The name of the room probably comes from the interpretation of the painting in the central alcove, which depicts ten figures that could correspond to the first ten sultans of the Alhambra.\n                <\/p>\n                <p>\n                    In the side alcoves, chivalric scenes of fighting, hunting, games, and love can be seen. Their clothing clearly distinguishes the presence of Christian and Muslim figures sharing the same space.\n                <\/p>\n                <p>\n                    The origin of these paintings has been widely debated. Due to their Linear Gothic style, it is thought that they were probably created by Christian artists familiar with the Muslim world. These works may be the result of the good relationship between Muhammad V, founder of this palace, and the Christian king Peter I of Castile.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba43\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel43\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel43\">ROOM OF SECRETS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Room of Secrets is a square-shaped room, covered with a spherical vault.\n                <\/p>\n                <p>\n                    Something very peculiar and curious happens in this room, making it one of the favorite attractions for visitors to the Alhambra, especially for the little ones.\n                <\/p>\n                <p>\n                    The phenomenon is that if one person stands at one corner of the room and another at the opposite corner\u2014both facing the wall and as close to it as possible\u2014one of them can speak very quietly and the other will hear the message perfectly, as if they were right next to them.\n                <\/p>\n                <p>\n                    It is thanks to this acoustic \u201cgame\u201d that the room gets its name: \u201cRoom of Secrets\u201d.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba44\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel44\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel44\">MUQARABS HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The palace known as the Palace of the Lions was commissioned during the second reign of Sultan Muhammad V, which began in 1362 and lasted until 1391. During this period, construction began on the Palace of the Lions, adjacent to the Palace of Comares, which had been built by his father, Sultan Yusuf I.\n                <\/p>\n                <p>\n                    This new palace was also called the &quot;Riyad Palace,&quot; as it is believed to have been built on the site of the former Comares Gardens. The term &quot;Riyad&quot; means &quot;garden.&quot;\n                <\/p>\n                <p>\n                    It is thought that the original access to the palace was through the southeast corner, from Calle Real and through a curved entrance. Currently, due to Christian modifications after the conquest, the Sala de los Muqarnas is accessed directly from the Comares Palace.\n                <\/p>\n                <p>\n                    The Hall of the Muqarnas takes its name from the impressive muqarnas vault that originally covered it, which almost completely collapsed as a result of the vibrations caused by the explosion of a powder magazine on the Carrera del Darro in 1590.\n                <\/p>\n                <p>\n                    Remains of this vault can still be seen on one side. On the opposite side, remains of a later Christian vault appear, bearing the letters &quot;FY,&quot; traditionally associated with Ferdinand and Isabella, although they actually correspond to Philip V and Isabella Farnese, who visited the Alhambra in 1729.\n                <\/p>\n                <p>\n                    It is believed that the room may have functioned as a vestibule or waiting room for guests attending the sultan&#039;s celebrations, parties, and receptions.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  EL PARTAL -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba45\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel45\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel45\">THE PARTAL \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The large space known today as Jardines del Partal owes its name to the Palacio del P\u00f3rtico, named after its porticoed gallery.\n                <\/p>\n                <p>\n                    This is the oldest preserved palace in the monumental complex, whose construction is attributed to Sultan Muhammad III at the beginning of the 14th century.\n                <\/p>\n                <p>\n                    This palace bears some similarity to the Comares Palace, although it is older: a rectangular courtyard, a central pool, and the portico&#039;s mirror-like reflection in the water. Its main distinguishing feature is the presence of a side tower, known since the 16th century as the Ladies&#039; Tower, although it has also been called the Observatory, as Muhammad III was a great fan of astronomy. The tower has windows facing the four cardinal points, allowing for spectacular views.\n                <\/p>\n                <p>\n                    A notable curiosity is that this palace was privately owned until March 12, 1891, when its owner, Arthur Von Gwinner, a German banker and consul, ceded the building and the surrounding land to the Spanish State.\n                <\/p>\n                <p>\n                    Unfortunately, Von Gwinner dismantled the wooden roof of the viewing platform and moved it to Berlin, where it is now on display in the Pergamon Museum as one of the highlights of its Islamic art collection.\n                <\/p>\n                <p>\n                    Adjacent to the Partal Palace, to the left of the Ladies&#039; Tower, are several Nasrid houses. One of them was called the House of Paintings due to the discovery, at the beginning of the 20th century, of tempera paintings on 14th-century stucco. These highly valuable paintings are a rare example of Nasrid figurative mural painting, depicting court scenes, hunting scenes, and celebrations.\n                <\/p>\n                <p>\n                    Due to their importance and for conservation reasons, these homes are not open to the public.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba46\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel46\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel46\">ORATORY OF THE PARTAL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To the right of the Partal Palace, on the rampart of the wall, is the Partal Oratory, whose construction is attributed to Sultan Yusuf I. Access is via a small staircase, as it is elevated from ground level.\n                <\/p>\n                <p>\n                    One of the pillars of Islam is to pray five times a day facing Mecca. The oratory functioned as a palace chapel, allowing the inhabitants of the nearby palace to fulfill this religious obligation.\n                <\/p>\n                <p>\n                    Despite its small size (about twelve square meters), the oratory has a small vestibule and a prayer room. Its interior features rich plasterwork decoration with plant and geometric motifs, as well as Quranic inscriptions.\n                <\/p>\n                <p>\n                    Upon ascending the stairs, just opposite the entrance door, you will find the mihrab on the southwest wall, facing Mecca. It has a polygonal floor plan, a voussoired horseshoe arch, and is covered by a dome with muqarnas.\n                <\/p>\n                <p>\n                    Of particular note is the epigraphic inscription located on the imposts of the mihrab arch, which invites prayer: <em>\u201cCome and pray, and do not be among the negligent.\u201d<\/em>\n                <\/p>\n                <p>\n                    Attached to the oratory is the House of Atasio de Bracamonte, which was given in 1550 to the former squire of the warden of the Alhambra, the Count of Tendilla.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba47\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel47\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel47\">PARTAL ALTO \u2013 PALACE OF YUSUF III<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On the highest plateau in the Partal area are the archaeological remains of the Palace of Yusuf III. This palace was granted in June 1492 by the Catholic Monarchs to the first governor of the Alhambra, Don \u00cd\u00f1igo L\u00f3pez de Mendoza, second Count of Tendilla. For this reason, it is also known as the Tendilla Palace.\n                <\/p>\n                <p>\n                    The reason this palace is in ruins stems from disagreements that arose in the 18th century between the descendants of the Count of Tendilla and Philip V of Bourbon. Upon the death of Archduke Charles II of Austria without heirs, the Tendilla family supported Archduke Charles of Austria instead of Philip of Bourbon. After Philip V&#039;s accession, reprisals were taken: in 1718, the mayorship of the Alhambra was removed from them, and later the palace was dismantled and its materials sold.\n                <\/p>\n                <p>\n                    Some of these materials reappeared in the 20th century in private collections. It is believed that the so-called &quot;Fortuny Tile,&quot; housed at the Valencia Institute of Don Juan in Madrid, may have come from this palace.\n                <\/p>\n                <p>\n                    From 1740 onwards, the palace site became an area of leased vegetable gardens.\n                <\/p>\n                <p>\n                    It was in 1929 that this area was recovered by the Spanish State and returned to the Alhambra. Thanks to the work of Leopoldo Torres Balb\u00e1s, architect and restorer of the Alhambra, this space was enhanced with the creation of an archaeological garden.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba48\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel48\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel48\">WALK OF THE TOWERS AND TOWER OF THE PEAKS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palatine city wall originally had more than thirty towers, of which only twenty remain today. Initially, these towers had a strictly defensive function, although over time some also adopted residential use.\n                <\/p>\n                <p>\n                    At the exit of the Nasrid Palaces, from the Upper Partal area, a cobbled path leads to the Generalife. This route follows the stretch of wall, home to some of the complex&#039;s most emblematic towers, framed by a garden area with beautiful views of the Albaic\u00edn and the Generalife orchards.\n                <\/p>\n                <p>\n                    One of the most notable towers is the Tower of the Peaks, built by Muhammad II and later renovated by other sultans. It is easily recognizable by its brick pyramid-shaped battlements, from which its name may derive. However, other authors believe the name comes from the protruding corbels at its upper corners, which supported the machicolations, defensive elements that allowed attacks from above to be countered.\n                <\/p>\n                <p>\n                    The tower&#039;s main function was to protect the Arrabal Gate located at its base, which connected to the Cuesta del Rey Chico, facilitating access to the Albaic\u00edn neighborhood and the old medieval road that connected the Alhambra with the Generalife.\n                <\/p>\n                <p>\n                    In Christian times, an outer bastion with stables was built to reinforce its protection, which is closed by a new entrance known as the Iron Gate.\n                <\/p>\n                <p>\n                    Although towers are commonly associated with an exclusively military function, it is known that the Torre de los Picos also had a residential use, as evidenced by the ornamentation present in its interior.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba49\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel49\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel49\">TOWER OF THE CAPTIVE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Torre de la Cautiva has received various names over time, such as Torre de la Ladrona or Torre de la Sultana, although the most popular one has finally prevailed: Torre de la Cautiva.\n                <\/p>\n                <p>\n                    This name is not based on proven historical facts, but rather stems from a romantic legend according to which Isabel de Sol\u00eds was imprisoned in this tower. She later converted to Islam under the name Zoraida and became Muley Hac\u00e9n&#039;s favorite sultana. This situation caused tensions with Aixa, the previous sultana and Boabdil&#039;s mother, given that Zoraida\u2014whose name means &quot;morning star&quot;\u2014removed her position at court.\n                <\/p>\n                <p>\n                    The construction of this tower is attributed to Sultan Yusuf I, who was also responsible for the Comares Palace. This attribution is supported by the inscriptions in the main hall, the work of the vizier Ibn al-Yayyab, which praise this sultan.\n                <\/p>\n                <p>\n                    In the poems inscribed on the walls, the vizier repeatedly uses the term <em>qal&#039;ahurra<\/em>, which has since been used to refer to fortified palaces, as is the case with this tower. In addition to serving defensive purposes, the tower houses a real palace with rich decoration inside.\n                <\/p>\n                <p>\n                    Regarding its ornamentation, the main hall features a ceramic tiled plinth with geometric shapes in various colors. Purple stands out among these, as it was particularly difficult and expensive to obtain at the time, so it was reserved exclusively for important spaces.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba50\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel50\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel50\">TOWER OF THE INFANTAS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Tower of the Infantas, like the Tower of the Captive, owes its name to a legend.\n                <\/p>\n                <p>\n                    This is the legend of the three princesses Zaida, Zoraida and Zorahaida, who lived in this tower, a story that was collected by Washington Irving in his famous *Tales of the Alhambra*.\n                <\/p>\n                <p>\n                    The construction of this palace-tower, or *qalahurra*, is attributed to Sultan Muhammad VII, who reigned between 1392 and 1408. Therefore, it is one of the last towers built by the Nasrid dynasty.\n                <\/p>\n                <p>\n                    This circumstance is reflected in the interior decoration, which shows signs of a certain decline compared to previous periods of greater artistic splendor.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba51\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel51\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel51\">CAPE CARRERA TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    At the end of the Paseo de las Torres, in the easternmost part of the northern wall, are the remains of a cylindrical tower: the Torre del Cabo de Carrera.\n                <\/p>\n                <p>\n                    This tower was practically destroyed as a result of the explosions carried out in 1812 by Napoleon&#039;s troops during their retreat from the Alhambra.\n                <\/p>\n                <p>\n                    It is believed to have been built or rebuilt by order of the Catholic Monarchs in 1502, as confirmed by a now-lost inscription.\n                <\/p>\n                <p>\n                    Its name comes from its location at the end of the Calle Mayor of the Alhambra, marking the limit or &quot;cap de carrera&quot; of said road.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  CARLOS V -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba52\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel52\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel52\">FACADES OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palace of Charles V, with its sixty-three meters wide and seventeen meters high, follows the proportions of classical architecture, which is why it is divided horizontally into two levels with clearly differentiated architecture and decoration.\n                <\/p>\n                <p>\n                    Three types of stone were used to decorate its facades: gray, compact limestone from Sierra Elvira, white marble from Macael, and green serpentine from the Barranco de San Juan.\n                <\/p>\n                <p>\n                    The exterior decoration exalts the image of Emperor Charles V, highlighting his virtues through mythological and historical references.\n                <\/p>\n                <p>\n                    The most notable facades are those on the south and west sides, both designed as triumphal arches. The main entrance is on the west side, where the main door is crowned by winged victories. On either side are two small doors above which are medallions with figures of mounted soldiers in combat.\n                <\/p>\n                <p>\n                    Symmetrically duplicated reliefs are displayed on the pedestals of the columns. The central reliefs symbolize Peace: they show two women seated on a mound of weapons, carrying olive branches and supporting the Pillars of Hercules, the globe with the imperial crown and the motto *PLUS ULTRA*, while cherubs fire war artillery.\n                <\/p>\n                <p>\n                    The side reliefs depict war scenes, such as the Battle of Pavia, where Charles V defeated Francis I of France.\n                <\/p>\n                <p>\n                    At the top are balconies flanked by medallions depicting two of the twelve labors of Hercules: one slaying the Nemean Lion and another facing the Cretan Bull. The central medallion features the coat of arms of Spain.\n                <\/p>\n                <p>\n                    In the lower part of the palace, the rusticated ashlars stand out, designed to convey a sense of solidity. Above them are bronze rings held by animal figures such as lions\u2014symbols of power and protection\u2014and in the corners, double eagles, alluding to imperial power and the emperor&#039;s heraldic emblem: the double-headed eagle of Charles I of Spain and V of Germany.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba53\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel53\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel53\">INTRODUCTION TO THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Emperor Charles I of Spain and V of the Holy Roman Empire, grandson of the Catholic Monarchs and son of Joanna I of Castile and Philip the Fair, visited Granada in the summer of 1526 after marrying Isabella of Portugal in Seville, to spend his honeymoon.\n                <\/p>\n                <p>\n                    Upon his arrival, the emperor was captivated by the charm of the city and the Alhambra, and decided to build a new palace in the palatine city. This palace would become known as the New Royal House, in contrast to the Nasrid Palaces, which were henceforth known as the Old Royal House.\n                <\/p>\n                <p>\n                    The works were commissioned to the Toledo architect and painter Pedro Machuca, who is said to have been a disciple of Michelangelo, which would explain his deep knowledge of the Classical Renaissance.\n                <\/p>\n                <p>\n                    Machuca designed a monumental palace in the Renaissance style, with a square floor plan and a circle integrated into its interior, inspired by the monuments of classical antiquity.\n                <\/p>\n                <p>\n                    Construction began in 1527 and was largely financed by the tributes the Moriscos had to pay to continue living in Granada and preserve their customs and rituals.\n                <\/p>\n                <p>\n                    In 1550, Pedro Machuca died without finishing the palace. His son Luis continued the project, but after his death, work was halted for a time. It was resumed in 1572 under the reign of Philip II, entrusted to Juan de Orea on the recommendation of Juan de Herrera, architect of the Monastery of El Escorial. However, due to the lack of resources caused by the Alpujarras War, no significant progress was made.\n                <\/p>\n                <p>\n                    It wasn&#039;t until the 20th century that the palace was completed, first under the direction of architect-restorer Leopoldo Torres Balb\u00e1s, and finally in 1958 by Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    The Palace of Charles V was conceived as a symbol of universal peace, reflecting the emperor&#039;s political aspirations. However, Charles V never personally visited the palace he commissioned.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba54\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel54\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel54\">ALHAMBRA MUSEUM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra Museum is located on the ground floor of the Palace of Charles V and is divided into seven rooms dedicated to Hispano-Muslim culture and art.\n                <\/p>\n                <p>\n                    It houses the finest existing collection of Nasrid art, composed of pieces found in excavations and restorations carried out in the Alhambra itself over time.\n                <\/p>\n                <p>\n                    Among the works on display are plasterwork, columns, carpentry, ceramics of various styles\u2014such as the famous Vase of the Gazelles\u2014a copy of the lamp from the Great Mosque of the Alhambra, as well as tombstones, coins, and other objects of great historical value.\n                <\/p>\n                <p>\n                    This collection is the ideal complement to a visit to the monumental complex, as it provides a better understanding of daily life and culture during the Nasrid period.\n                <\/p>\n                <p>\n                    Admission to the museum is free, although it is important to note that it is closed on Mondays.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba55\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel55\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel55\">COURTYARD OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    When Pedro Machuca designed the Palace of Charles V, he did so using geometric forms with strong Renaissance symbolism: the square to represent the earthly world, the inner circle as a symbol of the divine and creation, and the octagon\u2014reserved for the chapel\u2014as a union between both worlds.\n                <\/p>\n                <p>\n                    Upon entering the palace, we find ourselves in an imposing circular porticoed courtyard, elevated from the exterior. This courtyard is surrounded by two superimposed galleries, both with thirty-two columns. On the ground floor, the columns are Doric-Tuscan, and on the upper floor, Ionic.\n                <\/p>\n                <p>\n                    The columns were made of pudding stone, or almond stone, from the Granada town of El Turro. This material was chosen because it was more economical than the marble originally planned.\n                <\/p>\n                <p>\n                    The lower gallery has a circular vault that was possibly intended to be decorated with frescoes. The upper gallery, meanwhile, has a wooden coffered ceiling.\n                <\/p>\n                <p>\n                    The frieze that runs around the courtyard features *burocranios*, representations of ox skulls, a decorative motif with roots in ancient Greece and Rome, where they were used in friezes and tombs linked to ritual sacrifices.\n                <\/p>\n                <p>\n                    The two floors of the courtyard are connected by two staircases: one on the north side, built in the 17th century, and another also to the north, designed in the 20th century by the Alhambra&#039;s conservation architect, Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    Although it was never used as a royal residence, the palace currently houses two important museums: the Museum of Fine Arts on the upper floor, with an outstanding collection of Granada painting and sculpture from the 15th to the 20th centuries, and the Alhambra Museum on the ground floor, accessed through the western entrance hall.\n                <\/p>\n                <p>\n                    In addition to its museum function, the central courtyard boasts exceptional acoustics, making it a prime setting for concerts and theatrical performances, especially during the Granada International Music and Dance Festival.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  LA MEDINA -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba56\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel56\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel56\">BATH OF THE MOSQUE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On Calle Real, on the site adjacent to the current Church of Santa Mar\u00eda de la Alhambra, is the Mosque Bath.\n                <\/p>\n                <p>\n                    This bath was built during the reign of Sultan Muhammad III and financed by the <em>jizya<\/em>, a tax charged to Christians for planting land on the border.\n                <\/p>\n                <p>\n                    The use of the <em>hammam<\/em> The bath was essential to the daily life of an Islamic city, and the Alhambra was no exception. Due to its proximity to the mosque, this bath served a key religious function: allowing for ablutions, or purification rituals, before prayer.\n                <\/p>\n                <p>\n                    However, its function was not exclusively religious. The hammam also served as a place for personal hygiene and was an important social gathering place.\n                <\/p>\n                <p>\n                    Its use was regulated by schedules, being in the morning for men and in the afternoon for women.\n                <\/p>\n                <p>\n                    Inspired by Roman baths, Muslim baths shared their chamber layout, although they were smaller and operated using steam, unlike Roman baths, which were immersion baths.\n                <\/p>\n                <p>\n                    The bath consisted of four main spaces: a rest room or changing room, a cold or warm room, a hot room, and a boiler area attached to the latter.\n                <\/p>\n                <p>\n                    The heating system used was the <em>hypocaust<\/em>, an underground heating system that heated the ground using hot air generated by a furnace and distributed through a chamber beneath the pavement.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba57\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel57\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel57\">Former Convent of San Francisco \u2013 Tourist Parador<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The current Parador de Turismo was originally the Convent of San Francisco, built in 1494 on the site of an old Nasrid palace that, according to tradition, belonged to a Muslim prince.\n                <\/p>\n                <p>\n                    After the capture of Granada, the Catholic Monarchs ceded this space to found the city&#039;s first Franciscan convent, thus fulfilling a promise made to the Patriarch of Assisi years before the conquest.\n                <\/p>\n                <p>\n                    Over time, this spot became the first burial place of the Catholic Monarchs. A month and a half before her death in Medina del Campo in 1504, Queen Isabella left her will in her wish to be buried in this convent, dressed in a Franciscan habit. In 1516, King Ferdinand was buried next to her.\n                <\/p>\n                <p>\n                    Both remained buried there until 1521, when their grandson, Emperor Charles V, ordered their remains to be transferred to the Royal Chapel of Granada, where they now rest alongside Joanna I of Castile, Philip the Handsome and Prince Miguel de Paz.\n                <\/p>\n                <p>\n                    Today, this original burial site can be visited by entering the Parador&#039;s courtyard. Under a dome of muqarnas, the original tombstones of both monarchs are preserved.\n                <\/p>\n                <p>\n                    Since June 1945, this building has housed the Parador de San Francisco, a high-class tourist accommodation owned and operated by the Spanish State.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba58\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel58\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel58\">THE MEDINA<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The word \u201cmedina,\u201d which means \u201ccity\u201d in Arabic, referred to the highest part of Sabika Hill in the Alhambra.\n                <\/p>\n                <p>\n                    This medina was home to intense daily activity, as it was the area where the trades and population that made life possible for the Nasrid court within the palatine city were concentrated.\n                <\/p>\n                <p>\n                    Textiles, ceramics, bread, glass, and even coins were produced there. In addition to workers&#039; housing, there were also essential public buildings such as baths, mosques, souks, cisterns, ovens, silos, and workshops.\n                <\/p>\n                <p>\n                    For the proper functioning of this miniature city, the Alhambra had its own system of legislation, administration, and tax collection.\n                <\/p>\n                <p>\n                    Today, only a few vestiges of the original Nasrid medina remain. The transformation of the area by Christian settlers after the conquest and, later, the gunpowder explosions caused by Napoleon&#039;s troops during their retreat contributed to its deterioration.\n                <\/p>\n                <p>\n                    In the mid-20th century, an archaeological rehabilitation and adaptation program was launched in this area. As a result, a landscaped walkway was laid out along an old medieval street, which today connects with the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba59\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel59\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel59\">ABENCERRAJE PALACE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the royal medina, attached to the southern wall, are the remains of the so-called Palace of the Abencerrajes, the Castilianized name of the Banu Sarray family, a noble lineage of North African origin belonging to the Nasrid court.\n                <\/p>\n                <p>\n                    The remains that can be seen today are the result of excavations that began in the 1930s, as the site had previously been severely damaged, largely due to explosions caused by Napoleon&#039;s troops during their retreat.\n                <\/p>\n                <p>\n                    Thanks to these archaeological excavations, it has been possible to confirm the importance of this family in the Nasrid court, not only due to the size of the palace but also due to its privileged location: in the upper part of the medina, right on the main urban axis of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba60\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel60\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel60\">DOOR OF JUSTICE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Gate of Justice, known in Arabic as <em>Bab al-Sharia<\/em>, is one of the four exterior gates of the Alhambra&#039;s palatine city. As an exterior entrance, it served an important defensive function, as evidenced by its double-bend structure and the steep slope of the terrain.\n                <\/p>\n                <p>\n                    Its construction, integrated into a tower attached to the southern wall, is attributed to Sultan Yusuf I in 1348.\n                <\/p>\n                <p>\n                    The gate features two pointed horseshoe arches. Between them is an open area, known as a skylight, from which it was possible to defend the entrance by throwing materials from the terrace in case of attack.\n                <\/p>\n                <p>\n                    Beyond its strategic value, this gate has a strong symbolic significance in the Islamic context. Two decorative elements stand out in particular: the hand and the key.\n                <\/p>\n                <p>\n                    The hand represents the five pillars of Islam and symbolizes protection and hospitality. The key, meanwhile, is an emblem of faith. Their presence together could be interpreted as an allegory of spiritual and earthly power.\n                <\/p>\n                <p>\n                    Popular legend says that if one day the hand and the key touch, it will mean the fall of the Alhambra... and with it, the end of the world, as it would imply the loss of its splendor.\n                <\/p>\n                <p>\n                    These Islamic symbols contrast with another Christian addition: a Gothic sculpture of the Virgin and Child, the work of Ruberto Alem\u00e1n, placed in a niche above the interior arch by order of the Catholic Monarchs after the capture of Granada.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba61\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel61\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel61\">CAR DOOR<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta de los Carros (Chariot Gate) is not an original opening in the Nasrid wall. It was opened between 1526 and 1536 for a very specific purpose: to allow access to carts transporting materials and columns for the construction of the Palace of Charles V.\n                <\/p>\n                <p>\n                    Today, this gate still serves a practical purpose. It provides pedestrian access to the grounds without a ticket, allowing free access to the Palace of Charles V and the museums within.\n                <\/p>\n                <p>\n                    Furthermore, it is the only gate open to authorized vehicles, including guests of hotels located within the Alhambra complex, taxis, special services, medical personnel, and maintenance vehicles.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba62\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel62\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel62\">DOOR OF THE SEVEN FLOORS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra&#039;s palatial city was surrounded by extensive walls with four main gates providing access from the outside. To ensure their defense, these gates were arranged in a characteristic curved pattern, making it difficult for potential attackers to advance and facilitating ambushes from within.\n                <\/p>\n                <p>\n                    The Gate of the Seven Floors, located in the southern wall, is one of these entrances. In Nasrid times, it was known as <em>Bib al-Gudur<\/em> or \u201cPuerta de los Pozos\u201d, due to the nearby existence of silos or dungeons, possibly used as prisons.\n                <\/p>\n                <p>\n                    Its current name comes from the popular belief that there are seven levels or floors beneath it. Although only two have been documented, this belief has fueled numerous legends and tales, such as Washington Irving&#039;s story &quot;The Legend of the Moor&#039;s Legacy,&quot; which mentions a treasure hidden in the tower&#039;s secret cellars.\n                <\/p>\n                <p>\n                    Tradition holds that this was the last gate used by Boabdil and his entourage on their way to the Vega de Granada on January 2, 1492, to deliver the keys to the Kingdom to the Catholic Monarchs. It was also through this gate that the first Christian troops entered without resistance.\n                <\/p>\n                <p>\n                    The gate we see today is a reconstruction, as the original was largely destroyed by the explosion of Napoleon&#039;s troops during their retreat in 1812.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba63\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel63\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel63\">WINE GATE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta del Vino (Wine Gate) was the main gateway to the Alhambra Medina. Its construction is attributed to Sultan Muhammad III in the early 14th century, although its doors were later remodeled by Muhammad V.\n                <\/p>\n                <p>\n                    The name &quot;Wine Gate&quot; does not come from the Nasrid period, but from the Christian era, starting in 1556, when residents of the Alhambra were allowed to buy wine tax-free at this location.\n                <\/p>\n                <p>\n                    As it is an interior gate, its layout is straight and direct, unlike exterior gates such as the Justice Gate or the Arms Gate, which were designed with a bend to improve defense.\n                <\/p>\n                <p>\n                    Although it did not serve primary defensive functions, it had benches inside for the soldiers in charge of access control, as well as a room upstairs for the guards&#039; residence and rest areas.\n                <\/p>\n                <p>\n                    The western fa\u00e7ade, facing the Alcazaba, was the entrance. Above the lintel of the horseshoe arch is the symbol of the key, a solemn emblem of welcome and of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    On the eastern fa\u00e7ade, which faces the Palace of Charles V, the spandrels of the arch are particularly noteworthy, decorated with tiles made using the dry rope technique, offering a beautiful example of Hispano-Muslim decorative art.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba64\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel64\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel64\">Saint Mary of the Alhambra<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    During the time of the Nasrid dynasty, the site now occupied by the Church of Santa Mar\u00eda de la Alhambra housed the Aljama Mosque or Great Mosque of the Alhambra, built at the beginning of the 14th century by Sultan Muhammad III.\n                <\/p>\n                <p>\n                    After the capture of Granada on January 2, 1492, the mosque was blessed for Christian worship and the first Mass was celebrated there. By order of the Catholic Monarchs, it was consecrated under the patronage of Saint Mary, and the first archiepiscopal seat was established there.\n                <\/p>\n                <p>\n                    By the end of the 16th century, the old mosque was in a state of disrepair, which led to its demolition and the construction of a new Christian temple, which was completed in 1618.\n                <\/p>\n                <p>\n                    Few vestiges of the Islamic building remain. The most significant preserved element is a bronze lamp with an epigraphic inscription dated 1305, currently in the National Archaeological Museum in Madrid. A replica of this lamp can be seen in the Alhambra Museum, in the Palace of Charles V.\n                <\/p>\n                <p>\n                    The Church of Santa Mar\u00eda de la Alhambra has a simple layout with a single nave and three side chapels on each side. The most notable feature of its interior is the titular image: the Virgin of Angustias, an 18th-century work by Torcuato Ruiz del Peral.\n                <\/p>\n                <p>\n                    This image, also known as the Virgin of Mercy, is the only one carried in procession in Granada every Holy Saturday, weather permitting. It is carried on a throne of great beauty, embossed in silver, imitating the arches of the emblematic Patio de los Leones.\n                <\/p>\n                <p>\n                    As a curiosity, the Granada poet Federico Garc\u00eda Lorca was a member of this brotherhood.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba65\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel65\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel65\">TANNERY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before the current Parador de Turismo, and to the east, lie the remains of a medieval tannery or buffalo farm, a facility dedicated to the processing of hides: cleaning, tanning, and dyeing. This was a common activity throughout al-Andalus.\n                <\/p>\n                <p>\n                    The Alhambra tannery is small compared to similar tannery stores in North Africa. However, it should be noted that its purpose was exclusively to meet the needs of the Nasrid court.\n                <\/p>\n                <p>\n                    It had eight small pools of different sizes, both rectangular and circular, where the lime and dyes used in the leather tanning process were stored.\n                <\/p>\n                <p>\n                    This activity required abundant water, which is why the tannery was located next to the Royal Canal, taking advantage of its constant flow. Its existence is also an indication of the large amount of water available in this area of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba66\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel66\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel66\">WATER TOWER AND ROYAL DITCH<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Water Tower is an imposing structure located in the southwest corner of the Alhambra wall, near the current main entrance from the ticket office. Although it served defensive purposes, its most important purpose was to protect the entrance to the Royal Canal, hence its name.\n                <\/p>\n                <p>\n                    The irrigation ditch reached the palatine city after crossing an aqueduct and bordered the north face of the tower to supply water to the entire Alhambra.\n                <\/p>\n                <p>\n                    The tower we see today is the result of extensive reconstruction. During the retreat of Napoleon&#039;s troops in 1812, it suffered severe damage from gunpowder explosions, and by the mid-20th century it was reduced almost to its massive base.\n                <\/p>\n                <p>\n                    This tower was essential, as it allowed water\u2014and therefore life\u2014to enter the palatine city. Originally, Sabika Hill lacked natural water sources, which posed a significant challenge for the Nasrids.\n                <\/p>\n                <p>\n                    For this reason, Sultan Muhammad I ordered a major hydraulic engineering project: the construction of the so-called Sultan&#039;s Ditch. This ditch captures water from the Darro River about six kilometers away, at a higher altitude, taking advantage of the slope to convey the water by gravity.\n                <\/p>\n                <p>\n                    The infrastructure included a storage dam, an animal-powered waterwheel, and a brick-lined canal\u2014the acequia\u2014that runs underground through mountains, entering the upper part of the Generalife.\n                <\/p>\n                <p>\n                    To overcome the steep slope between Cerro del Sol (Generalife) and Sabika Hill (Alhambra), engineers built an aqueduct, a key project to ensure the water supply to the entire monumental complex.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-premium\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium-ia-hablando\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-ia\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n\n<style>\n  \/* Tel\u00e9fonos muy peque\u00f1os (tipo iPhone SE, Android antiguos) *\/\n  @media (max-width: 480px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 0.7rem !important;\n    }\n  }\n\n  \/* Tel\u00e9fonos est\u00e1ndar (mayor\u00eda de m\u00f3viles modernos) *\/\n  @media (min-width: 481px) and (max-width: 767px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.05rem !important;\n    }\n  }\n\n  \/* Tablets peque\u00f1as y m\u00f3viles grandes *\/\n  @media (min-width: 768px) and (max-width: 991px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.2rem !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn1 = document.getElementById(\"continuar-gratis-premium\");\n    const modal1 = document.getElementById(\"modal-premium\");\n\n    if (btn1 && modal1) {\n      btn1.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal1.classList.remove('show');\n        modal1.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n\n    const btn2 = document.getElementById(\"continuar-gratis-ia\");\n    const modal2 = document.getElementById(\"modal-premium-ia-hablando\");\n\n    if (btn2 && modal2) {\n      btn2.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal2.classList.remove('show');\n        modal2.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n  });\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \t\t\n\t\t\t\n\t\t<\/div>\n\t<\/header>\n<\/article>\n\n\n\n\n\n\n\n<article data-id=\"post-6155\" data-play-id=\"6155\" class=\"block-loop-item album-track post-6155 station type-station status-publish has-post-thumbnail hentry genre-carlos-v entry is-single\">\n\t<span class=\"btn-play-now icon-play\"  data-play-id=\"6155\"><\/span>\n\t<span class=\"btn-play-now icon-play\" data-id=\"6155\" data-play-id=\"6155\"><\/span>\n\n\t<button class=\"btn-playlist icon-plus\"><\/button>\n\n\n\t<header class=\"entry-header\">\n\t\t<div class=\"entry-header-inner btn-play-now\">\n\t\t\t\n<h3 class=\"entry-title\"><a href=\"https:\/\/pruebas.alhambra.app\/en\/station\/patio-del-palacio-de-carlos-v\/\" rel=\"bookmark\">Courtyard of the Palace of Charles V<\/a><\/h3>\n\t\t\t<div class=\"entry-meta\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"entry-footer\">\n\t\t\t<span class=\"play-duration\">02:25<\/span>\t\t\t    <!-- Angel cambiar numero abajo en data-target -->\n    <a href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\" class=\"iconomodal\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> \n    <\/a>\n\n    <!-- El modal -->\n    <!-- Angel cambiar numero abajo en id -->\n    <div class=\"modal\" id=\"ia01\">\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <!-- Cabecera del modal -->\n                <div class=\"modal-header\">\n                    <h4 class=\"modal-title\">\n                                            <\/h4>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                        \u00d7\n                    <\/button>\n                <\/div>\n\n                <!-- Contenido del modal -->\n                <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <div class=\"contenedoria\">\n                                <br><br>\n                                <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #222222; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #222222; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 350px;\n        background-color: #222222;\n        border-radius: 20px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 20px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"You\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6155\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"4541\"\n     data-width=\"350px\"\n     data-height=\"400px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"1\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"20\"\n     data-chat_rounded=\"20\"\n     data-voice_service=\"google\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Chirp-HD-F\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">AI thinking&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Type message..\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                            <\/div>\n                                                        <div class=\"contenidocentrado\">\n                                <h2 class=\"wp-block-heading\">Ask me something!<\/h2>\n                                <li>\n                                    Press <strong>once<\/strong>\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                                        <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                                        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                                        <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n                                    <\/svg>\n                                    to speak.\n                                <\/li>\n                                <li>\n                                    <strong>To finish<\/strong> press\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                        <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                    <\/svg>\n                                <\/li>\n                            <\/div>\n                            <br>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n<style>\n\n                       .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n                            background-color: #34354000 !important;\n                        }\n\n\n                         .wpaicg-chat-shortcode:nth-child(2) .wpaicg_chat_additions { display: none; }\n\n\n                        .iconomodal {\n                            border-radius: 0px !important;\n                            background-color: #00000000!important;\n                            display: inline-flex;\n                            align-items: center;\n                            padding: 0.5rem;\n                            min-width: 1rem;\n                            line-height: 1;\n                            color: inherit;\n                            background-color: transparent;\n                            border: none;\n                            outline: 0;\n                            color: var(--color-primary);\n                        }\n\n\n                        .album-track .icon-play {\n                            color: var(--color-primary);\n                        }\n\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                                color: #8c0dff !important;\n                            }\n\n\n                         .contenidocentrado {\n                        text-align: center;\n                        display: block;\n                        margin-block-start: 0em;\n                        margin-block-end: 0em;\n                        }\n\n\n\n                        .preguntas{\n                        width: calc(100% - var(--x-gap) * 3) !important;\n                        max-width: var(--content-width);\n                        margin-left: auto;\n                        margin-right: auto;\n                        }\n\n\n                        .accordion h3:after, .accordion h4:after {\n                        opacity: 9.5 !important;\n                        color: var(--color-primary) !important;\n                        }\n\n\n                        p {\n                        margin-top: 0.5rem;\n                        margin-bottom: 0rem;\n                        }\n\n                        b, strong {\n                        font-weight: 700 !important;\n                        }\n\n                        h3, .h3 {\n                        margin-block-end: 0.5em;\n                        }\n\n\n                     \n                        \/*.accordion h3, .accordion h4 {\n                        color: var(--color-primary) !important;\n                        }*\/\n\n\n                        .modal-body, .modal-footer, .modal-header {\n                            padding: 1rem;\n                        }\n\n\n                      \n                        .letracolor {\n                        color: var(--color-primary);\n                        margin-bottom: -5px;\n                        }\n\n\n                        .miicono {\n                        overflow: hidden;\n                        vertical-align: middle;\n                        color: var(--color-primary);\n                        }\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon svg {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-chat-shortcode-type {\n                            background: rgb(0 0 0 \/ 0%) !important;\n                        }\n\n                        .wpaicg-chat-shortcode {\n                            width: 100% !important;\n                        }\n                        .wpaicg_chat_additions span {\n                            margin-right: 0px !important;\n                        }\n\n                        .contenedoria {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            \/*padding: 0px 0px 10px 0px;*\/\n                            margin-top: 0%;\n                            padding: 2rem 0rem 2rem 0rem!important;\n                        }\n\n\n\n                    .wpaicg-chat-shortcode {\n                        background-color: #12121200 !important;\n                    }\n\n\n                    .comment-respond .must-log-in p, textarea {\n                        width: 100% !important;\n                    }\n\n\n\n                    \/*sebas tengo que modificar esto para centrar el micro*\/\n                        .wpaicg_chat_additions{\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            right: 42% !important;\n                        }\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<!-- sebas cargo los estilos condicional -->\n\n    <style id=\"ia01-style\">\n        #ia01 .wpaicg-chat-shortcode-messages { display: none; }\n        #ia01 .wpaicg-chat-shortcode-send > svg { display: none; }\n        #ia01 .wpaicg-chat-shortcode-typing { display: none; }\n\n\n    .wpaicg-chat-shortcode {\n        align-items: center !important;\n        padding: 0rem !important;\n        min-width: 0rem !important;\n        justify-content: center !important;\n        align-items: center !important;\n        \/*max-width: 20px;*\/\n    }\n\n\n     \/* Establece el estilo para .wpaicg-bot-thinking cuando est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        color: inherit !important;\n    }\n\n    \/* Oculta .wpaicg-mic-icon cuando .wpaicg-bot-thinking est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking + .circle {\n        display: none;\n    }\n\n\n    .wpaicg-mic-icon svg {\n        width: 50px !important;\n        height: 50px !important;\n        margin: auto;\n        display: block;\n        color: var(--color-primary) !important;\n    }\n\n    @keyframes pulse {\n        0% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: scale(1.2);\n            opacity: 1;\n        }\n        100% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n    }\n\n    .wpaicg_chat_additions {\n        animation: pulse 3s infinite;\n    }\n\n    .circle {\n        width: 70px;\n        height: 70px;\n        border: 1px solid;\n        color: var(--color-primary);\n        border-radius: 100%;\n        \/*margin: 7px;*\/\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-top: -37%;\n    }\n\n\n    \n    .wpaicg-chat-shortcode{\n        width: ;\n    }\n    .wpaicg-chat-shortcode-content{\n        position: relative;\n    }\n    .wpaicg-chat-shortcode-content ul{\n        height: calc( - 44px);\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-footer{\n        height: 18px;\n        font-size: 11px;\n        padding: 0 20px;\n        color: ;\n        background: rgb(0 0 0 \/ 19%);\n        margin-top:2px;\n        margin-bottom: 2px;\n    }\n    .wpaicg-chat-shortcode-content ul li{\n        display: flex;\n        margin-bottom: 0;\n        padding: 10px;\n        color: ;\n    }\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message{\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong{\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        font-size: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong img{\n\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after{\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking{\n        bottom: 0;\n        font-size: 11px;\n        color: inherit;\n        padding: 2px 6px;\n        display: none;\n    }\n\n    .wpaicg-chat-shortcode{\n        background-color: ;\n    }\n    .wpaicg-chat-shortcode-type{\n        background: rgb(0 0 0 \/ 19%);\n    }\n    .wpaicg-chat-message{\n        text-align: justify;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message a,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message a{\n        color: inherit;\n    }\n\n    <\/style>\n\n\n<style>\n.wpaicg-chat-shortcode {\n    box-shadow: 0 0px 0px rgb(0 0 0 \/ 0%) !important;\n}\n<\/style>\n\n\n\n\n\n    <script>\n        \/\/ Agregar evento al abrir el modal para aplicar el estilo CSS din\u00e1micamente\n        document.addEventListener('DOMContentLoaded', function () {\n            document.getElementById('ia01').addEventListener('show.bs.modal', function () {\n                document.getElementById('ia01-style').innerHTML = `\n                    #ia01 .wpaicg-chat-shortcode-messages { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-send > svg { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-typing { display: block; }\n                `;\n            });\n        });\n    <\/script>\n\n\n\n\n    \t\t\t\t\t\t    <style>\n        \/* A\u00f1ade estilos personalizados aqu\u00ed si es necesario \n        #dropdown-more { display: none !important; } *\/\n        #dropdown-more { display: none !important; }\n        .btn-playlist:nth-child { display: none !important; }\n        .dropdown-backdrop { display: none !important; }\n    <\/style>\n\n\n    \n    <div class=\"btn-group dropup\">\n        <button class=\"btn-more\" type=\"button\" id=\"mapaDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"6\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"18\" r=\"2\"><\/circle><\/svg>\n                    <\/button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"mapaDropdown\">\n           \n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg>&nbsp; &nbsp; Ask me something! (Voice)<\/a>\n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia02\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polygon points=\"16 3 21 8 8 21 3 21 3 16 16 3\"><\/polygon><\/svg>&nbsp; &nbsp; Ask me something! (Text)<\/a>\n\n\n                \n\n\n                \n\n\n                \n\n\n                \n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#modalprueba55\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><line x1=\"17\" y1=\"10\" x2=\"3\" y2=\"10\"><\/line><line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"><\/line><line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"><\/line><line x1=\"17\" y1=\"18\" x2=\"3\" y2=\"18\"><\/line><\/svg>&nbsp; &nbsp; Description<\/a>\n\n\n                \n\n        <\/div>\n    <\/div>\n\n\n\n    <div class=\"modal fade\" id=\"ia02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">  <\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #343540; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #343540; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #343540;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"Yo\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6155\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"5009\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">Creating neural connections\u2026&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Write your message here\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"display:none;\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                                    <\/div>\n\n\n            <style>\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .circle:nth-child(2) { display: none !important; }\n\n\n                .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li strong {\n                    color: var(--color-primary) !important;\n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                color: inherit !important;\n                }\n\n\n                .wpaicg-chat-shortcode-type {\n                    color: inherit !important;\n                    width: 100% !important;\n                }\n\n\n\n                textarea.wpaicg-chat-shortcode-typing {\n                border: 1px solid var(--color-primary) !important;\n                background-color: #ffffff00 !important;\n                color: inherit !important;\n                 }\n\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .wpaicg-chat-shortcode-send:nth-child(9){\n                    display: none !important;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode-send {\n                    color: var(--color-primary) !important;\n                    margin-right: -250px !important;\n                }\n\n\n                textarea.auto-expand:focus {\n                outline: none;\n                box-shadow: 0 0 5px var(--color-primary) !important;\n                line-height: 2;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: #ffffff00 !important;\n                    border-radius: 1px !important;\n                    height: 1px !important;\n                }\n\n\n\n\n\n                .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message, .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n                    color: inherit;\n                    font-size: .8375rem;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    background: var(--color-primary) !important;\n                    border-radius: 1px;\n                    height: 0px;\n                    background-color: inherit !important;\n                    color: inherit !important;\n                    border: 10px solid var(--color-grey-500) !important;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    border-radius: 5px !important;\n                    height: 1px !important;\n                }\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: inherit !important;\n                    border-radius: 1px !important;\n                }\n\n\n            <\/style>\n                <!-- <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cerrar<\/button>\n                <\/div> -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n    \n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- TODO LO QUE ESTA DEBAJO DE ESTO SON LAS LLAMADAS A LOS MODALES -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n\n\n<!-- PREGUNTAS RECOMENDADAS -->\n    <div class=\"modal fade\" id=\"modalprueba01\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<!-- GALER\u00cdA DE FOTOS -->\n    <div class=\"modal fade\" id=\"modalprueba02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- GALER\u00cdA DE VIDEO -->\n    <div class=\"modal fade\" id=\"modalprueba03\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                       <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- COMO LLEGAR AQU\u00cd -->\n    <div class=\"modal fade\" id=\"modalprueba04\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                         <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N -->\n    <div class=\"modal fade\" id=\"modalprueba05\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted Access<\/h2>\n                            <p class=\"text-center mt-3\">Hidden content in the demo version.<br>\n                            Contact support to activate it.<\/p><\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <div class=\"modal fade\" id=\"modalprueba06\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">Modal title example<\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION ALCAZABA  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - INTRODUCCI\u00d3N -->\n<div class=\"modal fade\" id=\"modalprueba07\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Alcazaba is the most primitive part of the monumental complex, built on the remains of an ancient Zirid fortress.\n                    <\/p>\n                    <p>\n                        The origins of the Nasrid Alcazaba date back to 1238, when the first sultan and founder of the Nasrid dynasty, Muhammad Ibn al-Alhmar, decided to move the seat of the sultanate from the Albaic\u00edn to the opposite hill, the Sabika.\n                    <\/p>\n                    <p>\n                        The location chosen by Al-Ahmar was ideal since the Alcazaba, located at the western end of the hill and with a triangular layout, very similar to the prow of a ship, guaranteed optimal defense for what would become the palatine city of the Alhambra, built under its protection.\n                    <\/p>\n                    <p>\n                        The Alcazaba, with its several walls and towers, was clearly intended to be defensive. It was, in fact, a surveillance center, due to its location two hundred meters above the city of Granada, thus guaranteeing visual control of the entire surrounding territory and simultaneously representing a symbol of power.\n                    <\/p>\n                    <p>\n                        Inside, the military quarter is located, and over time, the Alcazaba was established as a small, independent micro-city for high-ranking soldiers, responsible for the defense and protection of the Alhambra and its sultans.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - BARRIO CASTRENSE -->\n <div class=\"modal fade\" id=\"modalprueba08\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">Military District<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Upon entering the citadel, we find ourselves in what appears to be a labyrinth, although in reality it is a process of architectural restoration using anastylosis, which has allowed the restoration of the old military quarter that had remained buried until the beginning of the twentieth century.\n                    <\/p>\n                    <p>\n                        The Sultan&#039;s elite guard and the rest of the military contingent responsible for the defense and security of the Alhambra resided in this neighborhood. It was, therefore, a small city within the Alhambra&#039;s palatial city, with everything necessary for daily life, such as housing, workshops, a bakehouse with an oven, warehouses, a cistern, a hammam, and so on. In this way, the military and civilian populations could be kept separate.\n                    <\/p>\n                    <p>\n                        In this neighborhood, thanks to this restoration, we can contemplate the typical layout of the Muslim house: an entrance with a corner entrance, a small courtyard as the central axis of the house, rooms surrounding the courtyard, and a latrine.\n                    <\/p>\n                    <p>\n                        Furthermore, at the beginning of the twentieth century, a dungeon was discovered underground. Easily recognizable from the outside by the modern spiral staircase leading down to it. This dungeon housed prisoners who could be used to obtain significant benefits, whether political or economic, or, in other words, individuals with significant market value.\n                    <\/p>\n                    <p>\n                        This underground prison is shaped like an inverted funnel and has a circular floor plan. This made it impossible for these captives to escape. In fact, the prisoners were brought inside using a system of pulleys or ropes.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA P\u00d3LVORA -->\n<div class=\"modal fade\" id=\"modalprueba09\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">POWDER TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Powder Tower served as a defensive reinforcement on the southern side of the Vela Tower and from there the military road that led to the Red Towers started.\n                    <\/p>\n                    <p>\n                        Since 1957, it is in this tower where we can find some verses engraved on stone, whose authorship corresponds to the Mexican Francisco de Icaza: \n                    <\/p>\n                    <br>\n                    <blockquote>\n                        \u201cGive alms, woman, there is nothing in life,<br>\n                        like the penalty of being blind in Granada.\u201d\n                    <\/blockquote>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - JARD\u00cdN DE LOS ADARVES -->\n<div class=\"modal fade\" id=\"modalprueba10\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">GARDEN OF THE ADARVES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The space occupied by the Garden of the Adarves dates back to the sixteenth century, when an artillery platform was built in the process of adapting the Alcazaba for artillery.\n                    <\/p>\n                    <p>\n                        It was already in the seventeenth century when military use lost its importance and the fifth Marquis of Mond\u00e9jar, after being appointed warden of the Alhambra in 1624, decided to transform this space into a garden by filling the space between the outer and inner walls with earth.\n                    <\/p>\n                    <p>\n                        There is a legend that it was in this place where gold-filled porcelain vases were found hidden, probably hidden by the last Muslims who inhabited the area. Some of the gold was used by the Marquis to finance the creation of this beautiful garden. It is thought that perhaps one of these vases is one of the twenty large Nasrid gilded earthenware vases preserved worldwide. We can see two of these vases in the National Museum of Hispano-Muslim Art, located on the ground floor of the Palace of Charles V.\n                    <\/p>\n                    <p>\n                        One of the notable features of this garden is the presence in the central part of a kettledrum-shaped fountain. This fountain has had various locations, the most striking and notable being in the Patio de los Leones (Courtyard of the Lions), where it was placed in 1624 over the Lions&#039; Fountain, causing significant damage. The bowl remained in that location until 1954, when it was removed and replaced here.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA VELA -->\n<div class=\"modal fade\" id=\"modalprueba11\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">CANDLE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Under the Nasrid dynasty, this tower was known as the Torre Mayor, and from the sixteenth century onward, it was also called the Torre del Sol (Tower of the Sun), because the sun reflected off the tower at midday, acting as a sundial. However, its current name comes from the word velar (vellar), given that, thanks to its height of 27 meters, it provides a 360-degree view that would allow any movement to be detected.\n                    <\/p>\n                    <p>\n                        The Tower&#039;s appearance has changed over time. It originally had battlements on its terrace, which were lost due to several earthquakes. The bell was added after the Christians captured Granada.\n                    <\/p>\n                    <p>\n                        This bell was used to warn the population of any potential danger, such as earthquakes or fires. Its sound was also used to regulate irrigation schedules in the Vega of Granada.\n                    <\/p>\n                    <p>\n                        Currently, and according to tradition, the bell is rung every January 2nd to commemorate the capture of Granada on January 2nd, 1492.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE Y PUERTA DE LAS ARMAS -->\n<div class=\"modal fade\" id=\"modalprueba12\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">TOWER AND GATE OF THE WEAPONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Located in the northern wall of the Alcazaba, the Puerta de las Armas was one of the main entrances to the Alhambra.\n                    <\/p>\n                    <p>\n                        During the Nasrid dynasty, citizens crossed the Darro River via the Cad\u00ed Bridge and climbed the hill along a path now hidden by the San Pedro Forest until they reached the gate. Inside the gate, they had to deposit their weapons before entering the enclosure, hence the name &quot;Gate of Arms.&quot;\n                    <\/p>\n                    <p>\n                        From the terrace of this tower, we can now enjoy one of the best panoramic views of the city of Granada.\n                    <\/p>\n                    <p>\n                        Directly opposite lies the Albaic\u00edn neighborhood, easily recognizable by its whitewashed houses and labyrinthine network of streets. This neighborhood was declared a UNESCO World Heritage Site in 1994.\n                    <\/p>\n                    <p>\n                        It is in this neighborhood where one of Granada&#039;s most famous viewpoints is located: the Mirador de San Nicol\u00e1s.\n                    <\/p>\n                    <p>\n                        To the right of the Albaic\u00edn, is the Sacromonte neighborhood.\n                    <\/p>\n                    <p>\n                        Sacromonte is Granada&#039;s quintessential old Gypsy neighborhood and the birthplace of flamenco. This neighborhood is also characterized by the presence of troglodyte dwellings: caves.\n                    <\/p>\n                    <p>\n                        At the foot of the Albaic\u00edn and the Alhambra lies the Carrera del Darro, next to the banks of the river of the same name.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DEL HOMENAJE Y TORRE DEL CUBO -->\n<div class=\"modal fade\" id=\"modalprueba13\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">KEEP TOWER AND CUBE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Keep is one of the oldest towers in the Alcazaba, standing 26 meters tall. It has six floors, a terrace, and an underground dungeon.\n                    <\/p>\n                    <p>\n                        Due to the tower&#039;s height, communication with the kingdom&#039;s watchtowers was established from its terrace. This communication was established through a system of mirrors during the day or smoke with bonfires at night.\n                    <\/p>\n                    <p>\n                        It is thought that, due to the tower&#039;s protruding position on the hill, it was probably the place chosen for the display of the banners and red flags of the Nasrid dynasty.\n                    <\/p>\n                    <p>\n                        The base of this tower was reinforced by the Christians with the so-called Cube Tower.\n                    <\/p>\n                    <p>\n                        After the capture of Granada, the Catholic Monarchs planned a series of renovations to adapt the Alcazaba to artillery. Thus, the Cube Tower was built over the Tahona Tower. Thanks to its cylindrical shape, it provides greater protection against potential impacts compared to the square-shaped Nasrid towers.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION GENERALIFE -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba14\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel14\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel14\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Generalife, located on Cerro del Sol, was the sultan&#039;s almunia, or in other words, a palatial country house with orchards, where, in addition to farming, animals were raised for the Nasrid court and hunting was practiced. Its construction is estimated to have begun in the late 13th century by Sultan Muhammad II, son of the founder of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    The name Generalife comes from the Arabic &quot;yannat-al-arif,&quot; meaning &quot;the architect&#039;s garden.&quot; It was a much larger space in the Nasrid period, with at least four vegetable gardens, and extended to a place known today as &quot;the partridge plain.&quot;\n                <\/p>\n                <p>\n                    This country house, which the vizier Ibn al-Yayyab called the Royal House of Happiness, was a palace: the sultan&#039;s summer palace. Despite its proximity to the Alhambra, it afforded him enough privacy to escape and relax from the stresses of court and government life, as well as to enjoy more pleasant temperatures. Due to its location at a higher altitude than the palatine city of the Alhambra, the temperature inside dropped.\n                <\/p>\n                <p>\n                    When Granada was captured, the Generalife became the property of the Catholic Monarchs, who placed it under the protection of an alcaide or commander. Philip II eventually ceded the perpetual alcaid\u00eda and ownership of the site to the Granada Venegas family (a family of converted Moriscos). The State only recovered the site after a dispute that lasted almost 100 years and ended with an out-of-court settlement in 1921.\n                <\/p>\n                <p>\n                    Agreement by which the Generalife would become a national heritage site and would be managed together with the Alhambra through the Board of Trustees, thus forming the Board of Trustees of the Alhambra and the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba15\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel15\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel15\">AUDIENCE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The open-air amphitheater we encountered on our way to the Generalife Palace was built in 1952 with the intention of hosting, as it does every summer, the Granada International Music and Dance Festival.\n                <\/p>\n                <p>\n                    Since 2002, a Flamenco Festival has also been held, linked to the figure of Granada&#039;s most emblematic poet: Federico Garc\u00eda Lorca.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba16\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel16\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel16\">MEDIEVAL ROAD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Under the Nasrid dynasty, the road that connected the palatine city and the Generalife started from the Puerta del Arabal, framed by the so-called Torre de los Picos, so named because its battlements end in brick pyramids.\n                <\/p>\n                <p>\n                    It was a winding, sloping road, protected on both sides by high walls for greater security, and led to the entrance to the Patio del Descabalgamiento.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba17\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel17\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel17\">HOUSE OF FRIENDS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These ruins or foundations are the archaeological remains of what was once the so-called House of Friends. Its name and purpose have come down to us thanks to Ibn Luy\u00fan&#039;s &quot;Treatise on Agriculture&quot; in the 14th century.\n                <\/p>\n                <p>\n                    It was therefore a dwelling intended for people, friends or relatives whom the sultan held in esteem and considered important to have close to him, but without invading their privacy, so it was an isolated dwelling.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"modal fade\" id=\"modalprueba18\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel18\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel18\">OLEDERFLOWER WALK<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    This Oleander Walk was built in the mid-19th century for the visit of Queen Elizabeth II and to create a more monumental access to the upper part of the palace. \n                <\/p>\n                <p>\n                    Oleander is another name for the pink laurel, which appears in the form of an ornamental canopy along this walkway. At the beginning of the walk, behind the High Gardens, is one of the oldest examples of the Moorish myrtle, which was nearly lost and whose genetic traces are still being investigated today.\n                <\/p>\n                <p>\n                    It is one of the most characteristic plants of the Alhambra, distinguished by its curled leaves, which are larger than the common myrtle.\n                <\/p>\n                <p>\n                    The Paseo de las Adelfas connects with the Paseo de los Cipreses, which serves as a link leading visitors to the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba19\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel19\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel19\">WATER STAIRWAY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the best-preserved and unique elements of the Generalife is the so-called Water Staircase. It is believed that, under the Nasrid dynasty, this staircase\u2014divided into four flights with three intermediate landings\u2014had water channels that flowed through the two glazed ceramic handrails, fed by the Royal Canal.\n                <\/p>\n                <p>\n                    This water pipe reached a small oratory, of which no archaeological information survives. In its place, since 1836, there has been a romantic belvedere erected by the estate manager at the time.\n                <\/p>\n                <p>\n                    The climb up this staircase, framed by a laurel vault and the murmur of water, probably created an ideal environment for stimulating the senses, entering into a climate conducive to meditation, and performing ablutions prior to prayer.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba20\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel20\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel20\">GENERALIFE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the grounds surrounding the palace, it is estimated that there must have been at least four large vegetable gardens organized on different levels, or paratas, enclosed by adobe walls. The names of these gardens that have survived to the present day are: Grande, Colorada, Mercer\u00eda, and Fuente Pe\u00f1a.\n                <\/p>\n                <p>\n                    These gardens have continued to be cultivated, to a greater or lesser extent, since the 14th century, using the same traditional medieval techniques. Thanks to this agricultural production, the Nasrid court maintained a certain independence from other external agricultural suppliers, allowing it to meet its own food needs.\n                <\/p>\n                <p>\n                    They were used not only for vegetable gardens, but also for fruit trees and animal pastures. For example, today they grow artichokes, eggplants, beans, figs, pomegranates, and almond trees.\n                <\/p>\n                <p>\n                    Today, the preserved orchards continue to use the same agricultural production techniques employed in medieval times, giving this space great anthropological value.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba21\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel21\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel21\">HIGH GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These gardens are accessed from the Patio de la Sultana via a steep 19th-century staircase, called the Lions&#039; Staircase, due to the two glazed earthenware figures above the gate.\n                <\/p>\n                <p>\n                    These gardens can be considered an example of a Romantic garden. They are located on pillars and form the highest part of the Generalife, offering spectacular views of the entire monumental complex.\n                <\/p>\n                <p>\n                    The presence of beautiful magnolias stands out.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba22\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel22\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel22\">ROSE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Rose Gardens originated between the 1930s and 1950s, after the State acquired the Generalife in 1921. \n                <\/p>\n                <p>\n                    The need then arose to enhance the value of an abandoned area and strategically connect it to the Alhambra through a gradual and smooth transition.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba23\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel23\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel23\">DITCH PATIO<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Acequia, also called the Patio de la R\u00eda in the 19th century, today has a rectangular structure with two facing pavilions and a bay.\n                <\/p>\n                <p>\n                    The courtyard&#039;s name comes from the Royal Canal that runs through this palace, around which four gardens are arranged in orthogonal parterres at a lower level. On both sides of the canal are fountains that form one of the palace&#039;s most popular images. However, these fountains are not original, as they disrupt the tranquility and serenity the sultan sought during his moments of rest and meditation.\n                <\/p>\n                <p>\n                    This palace has undergone extensive transformations, as this courtyard was originally closed to the views we find today through the gallery of 18 belvedere-style arches. The only part that would allow a view of the landscape would be the central viewing platform. From this original viewing platform, sitting on the floor and leaning on the windowsill, one could contemplate the panoramic views of the palatine city of the Alhambra.\n                <\/p>\n                <p>\n                    As a testament to its past, we find Nasrid decoration in the viewing platform, where the plasterwork of Sultan Ismail I is superimposed over that of Muhammad III stands out. This demonstrates that each sultan had different tastes and needs and adapted the palaces accordingly, leaving their own mark or imprint.\n                <\/p>\n                <p>\n                    As we pass the viewpoint, and if we look at the intrados of the arches, we will also find emblems of the Catholic Monarchs such as the Yoke and the Arrows, as well as the motto &quot;Tanto Monta&quot;.\n                <\/p>\n                <p>\n                    The east side of the courtyard is recent due to a fire that occurred in 1958.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba24\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel24\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel24\">GUARDYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Patio de la Acequia, we come across the Patio de la Guardia. A simple courtyard with porticoed galleries and a fountain in its center, it is also decorated with bitter orange trees. This courtyard must have served as a control area and antechamber before accessing the sultan&#039;s summer quarters.\n                <\/p>\n                <p>\n                    What stands out about this place is that, after climbing some steep stairs, we find a doorway framed by a lintel decorated with tiles in shades of blue, green, and black on a white background. We can also see, although worn by the passage of time, the Nasrid key.\n                <\/p>\n                <p>\n                    As we climb the steps and pass through this doorway, we come across a bend, the guard benches, and a steep, narrow staircase that leads us to the palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba25\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel25\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel25\">SULTANA&#039;S COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Sultana is one of the most transformed spaces. It is thought that the site now occupied by this courtyard\u2014also called the Patio del Cipr\u00e9s\u2014was the area used for the former hammam, the Generalife baths.\n                <\/p>\n                <p>\n                    In the 16th century, it lost this function and became a garden. Over time, a northern gallery was added, along with a U-shaped pool, a fountain in its center, and thirty-eight noisy jets.\n                <\/p>\n                <p>\n                    The only elements preserved from the Nasrid period are the Acequia Real waterfall, protected behind a fence, and a small section of canal that directs the water towards the Patio de la Acequia.\n                <\/p>\n                <p>\n                    The name &quot;Cypress Courtyard&quot; is due to the centuries-old dead cypress tree, of which only its trunk remains today. Next to it is a Granada ceramic plaque that tells of the 16th-century legend by Gin\u00e9s P\u00e9rez de Hita, according to which this cypress witnessed the amorous encounters of the last sultan&#039;s favorite, Boabdil, with a noble Abencerraje knight.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba26\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel26\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel26\">DISMOUNTING COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio del Descabalgamiento, also known as Patio Polo, is the first courtyard we encounter upon entering the Generalife Palace.\n                <\/p>\n                <p>\n                    The Sultan used a horse as a means of transportation to access the Generalife, and as such, he needed a place to dismount and house these animals. This courtyard is thought to have been intended for this purpose, as it housed the stables.\n                <\/p>\n                <p>\n                    It had benches for support for horses to get on and off, and two stables in the side aisles, which served as stables on the lower level and haylofts on the upper level. A drinking trough with fresh water for the horses was also essential.\n                <\/p>\n                <p>\n                    Worth noting here: above the lintel of the door leading to the next courtyard, we find the Alhambra key, a symbol of the Nasrid dynasty, representing salutation and ownership.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba27\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel27\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel27\">ROYAL HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The north portico is the best preserved and was intended to house the sultan&#039;s quarters.\n                <\/p>\n                <p>\n                    We find a portico with five arches supported by columns and alham\u00edes at their ends. Beyond this portico, and to access the Royal Hall, one passes through a triple archway in which poems speak of the Battle of La Vega or Sierra Elvira in 1319, which gives us information about the dating of the site.\n                <\/p>\n                <p>\n                    On the sides of this triple arch there are also *taqas*, small niches excavated in the wall where water was placed.\n                <\/p>\n                <p>\n                    The Royal Hall, located in a square tower decorated with plasterwork, was the place where the sultan\u2014despite this being a leisure palace\u2014received urgent audiences. These audiences, according to verses engraved there, were supposed to be brief and to the point so as not to unduly disturb the emir&#039;s rest.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  PALACIOS NAZARIES  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba28\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel28\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel28\">INTRODUCTION TO THE NAZARI PALACES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Nasrid Palaces constitute the most emblematic and striking part of the monumental complex. They were built in the 14th century, a period that can be considered a time of great splendor for the Nasrid dynasty.\n                <\/p>\n                <p>\n                    These palaces were the area reserved for the sultan and his close relatives, where family life took place, but also the official and administrative life of the kingdom.\n                <\/p>\n                <p>\n                    The Palaces are: the Mexuar, the Comares Palace and the Palace of the Lions.\n                <\/p>\n                <p>\n                    Each of these palaces was built independently, at different times, and with their own distinct functions. It was after the Capture of Granada that the palaces were unified, and from that moment on, they became known as the Royal House, and later as the Old Royal House, when Charles V decided to build his own palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba29\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel29\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel29\">THE MEXUAR AND ORATORY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Mexuar is the oldest part of the Nasrid Palaces, but it is also the space that has undergone the greatest transformations over time. Its name comes from the Arabic *Maswar*, which refers to the place where the *Sura* or Council of Ministers of the Sultan met, thus revealing one of its functions. It was also the antechamber where the Sultan administered justice.\n                <\/p>\n                <p>\n                    The construction of the Mexuar is attributed to Sultan Ismail I, who reigned between 1314 and 1325, and was modified by his grandson Muhammad V. However, it was the Christians who most transformed this space by turning it into a chapel.\n                <\/p>\n                <p>\n                    During the Nasrid period, this space was much smaller and was organized around four central columns, where the characteristic Nasrid cubic capital, painted cobalt blue, can still be seen. These columns supported a lantern that provided overhead light, which was removed in the 16th century to create upper rooms and side windows.\n                <\/p>\n                <p>\n                    To convert the space into a chapel, the floor was lowered and a small rectangular space was added at the back, now separated by a wooden balustrade that indicates where the upper choir was located.\n                <\/p>\n                <p>\n                    The ceramic tiled plinth with star decoration was brought from elsewhere. Among its stars, one can alternately see: the coat of arms of the Nasrid Kingdom, that of Cardinal Mendoza, the double-headed eagle of the Austrians, the motto &quot;There is no victor but God,&quot; and the Pillars of Hercules from the imperial coat of arms.\n                <\/p>\n                <p>\n                    Above the plinth, a plaster epigraphic frieze repeats: \u201cThe Kingdom is God\u2019s. Strength is God\u2019s. Glory is God\u2019s.\u201d These inscriptions replace the Christian ejaculations: \u201cChristus regnat. Christus vincit. Christus imperat.\u201d\n                <\/p>\n                <p>\n                    The current entrance to the Mexuar was opened in the modern period, changing the location of one of the Pillars of Hercules, bearing the motto &quot;Plus Ultra,&quot; which was moved to the east wall. The plaster crown above the door remains in its original location.\n                <\/p>\n                <p>\n                    At the back of the room, a door leads to the Oratory, which was originally accessed through the Machuca gallery.\n                <\/p>\n                <p>\n                    This space is one of the most damaged in the Alhambra due to the explosion of a powder magazine in 1590. It was restored in 1917.\n                <\/p>\n                <p>\n                    During the restoration, the floor level was lowered to prevent accidents and facilitate visits. A continuous ledge under the windows remains as a testament to the original level.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba30\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel30\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel30\">GOLDEN ROOM and COMARES FACADE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n\n                <p>\n                    The name *Golden Quarter* comes from the period of the Catholic Monarchs, when the Nasrid coffered ceiling was repainted with golden motifs and the emblems of the monarchs were incorporated.\n                <\/p>\n                <p>\n                    Subjects who obtained an audience waited in front of the fa\u00e7ade, separated from the sultan by the royal guard, in the room now known as the Golden Room.\n                <\/p>\n                <p>\n                    In the center of the courtyard is a low marble fountain with galloons, a replica of the Lindaraja fountain preserved in the Alhambra Museum. To one side of the fountain, a gate leads to a dark underground corridor used by the guards.\n                <\/p>\n                <p>\n                    Further along, we find the fa\u00e7ade of the Comares Palace. This impressive fa\u00e7ade, extensively restored between the 19th and 20th centuries, was built by Muhammad V to commemorate the capture of Algeciras in 1369, which granted him control over the Strait of Gibraltar.\n                <\/p>\n                <p>\n                    In this courtyard, the sultan received subjects who had a special audience. He sat in the central part of the fa\u00e7ade, on a jamuga (wooden frame) between the two doors and beneath the great eaves, a masterpiece of Nasrid carpentry that crowned it.\n                <\/p>\n                <p>\n                    The fa\u00e7ade has a strong allegorical meaning. On it, subjects could read:\n                <\/p>\n                <br>\n                <br>\n                <blockquote>\n                    \u201cMy position is that of a crown and my gate a fork: the West believes that in me is the East.\u201d<br>\n                    Al-Gani bi-llah has entrusted me with opening the door to the victory that is being announced.<br>\n                    Well, I&#039;m waiting for him to appear as the horizon reveals itself in the morning.<br>\n                    May God make his work as beautiful as his character and figure are!\n                <\/blockquote>\n                <p>\n                    The door on the right served as access to the private quarters and service area, while the door on the left, through a curved corridor with benches for the guard, gives access to the Comares Palace, specifically to the Patio de los Arrayanes.\n                <\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba31\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel31\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel31\">COURTYARD OF THE MYRTLES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the characteristics of the Hispano-Muslim house is access through a curved hallway that leads to an open-air courtyard, the focal point of life and organization of the home, complete with a water feature and vegetation. This same concept is found in the Patio de los Arrayanes, but on a larger scale, measuring 36 meters long and 23 meters wide.\n                <\/p>\n                <p>\n                    The Patio de los Arrayanes (Courtyard of the Myrtles) is the centerpiece of the Comares Palace, where the political and diplomatic activities of the Nasrid Kingdom took place. It is a rectangular courtyard of imposing dimensions, whose central axis is a large pool. In it, the still water acts as a mirror, lending depth and verticality to the space, thus creating a palace on water.\n                <\/p>\n                <p>\n                    At both ends of the pool, jets gently introduce water so as not to disrupt the mirror effect or the stillness of the place.\n                <\/p>\n                <p>\n                    Flanking the pool are two myrtle clumps, which give the current site its name: Patio de los Arrayanes (Courtyard of the Myrtles). In the past, it was also known as Patio de la Alberca (Courtyard of the Pool).\n                <\/p>\n                <p>\n                    The presence of water and vegetation is not only a matter of ornamental or aesthetic considerations, but also a desire to create pleasant spaces, especially in summer. Water refreshes the environment, while vegetation retains moisture and provides fragrance.\n                <\/p>\n                <p>\n                    On the longer sides of the courtyard are four independent dwellings. On the north side stands the Comares Tower, which houses the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the south side, the fa\u00e7ade acts as a trompe l&#039;oeil, as the building that existed behind it was demolished to connect the Palace of Charles V with the Old Royal House.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba32\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel32\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel32\">MOSQUE COURTYARD AND MACHUCA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Nasrid Palaces, if we look to the left, we find two courtyards.\n                <\/p>\n                <p>\n                    The first is the Patio de la Mezquita, named after the small mosque located in one of its corners. However, since the 20th century, it has also been known as the Madrasa de los Pr\u00edncipes (Princes&#039; Madrasa), as its structure bears similarities to the Madrasa of Granada.\n                <\/p>\n                <p>\n                    Further on is the Patio de Machuca, named after the architect Pedro Machuca, who was in charge of supervising the construction of the Palace of Charles V in the 16th century and who resided there.\n                <\/p>\n                <p>\n                    This courtyard is easily recognizable by the lobed-edged pool at its center, as well as by the arched cypress trees, which restore the architectural feel of the space in a non-invasive way.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba33\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel33\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel33\">BOAT ROOM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Boat Room is the anteroom to the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the jambs of the arch leading into this room, we find facing niches carved in marble and decorated with colorful tiles. These are one of the most characteristic ornamental and functional elements of the Nasrid palaces: the taqas.\n                <\/p>\n                <p>\n                    *Taqas* are small niches carved into walls, always arranged in pairs and facing each other. They were used to hold jars of fresh water for drinking or scented water for washing hands.\n                <\/p>\n                <p>\n                    The current ceiling of the hall is a reproduction of the original, lost in a fire in 1890.\n                <\/p>\n                <p>\n                    The name of this room comes from a phonetic alteration of the Arabic word *baraka*, meaning &quot;blessing,&quot; which is repeated numerous times on the walls of this room. It does not derive, as is popularly believed, from the inverted boat-shaped roof.\n                <\/p>\n                <p>\n                    It was in this place that the new sultans requested the blessing of their God before being crowned as such in the Throne Room.\n                <\/p>\n                <p>\n                    Before entering the Throne Room, we find two side entrances: on the right, a small oratory with its mihrab; and on the left, the access door to the interior of the Comares Tower.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba34\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel34\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel34\">AMBASSADORS&#039; OR THRONE HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Ambassadors&#039; Hall, also called the Throne Hall or the Comares Hall, is the site of the sultan&#039;s throne and, therefore, the center of power of the Nasrid dynasty. Perhaps for this reason, it is located within the Comares Tower, the largest tower in the monumental complex, at 45 meters high. Its etymology comes from the Arabic *arsh*, meaning tent, pavilion, or throne.\n                <\/p>\n                <p>\n                    The room is shaped like a perfect cube, and its walls are richly decorated up to the ceiling. On the sides are nine identical alcoves grouped in groups of three with windows. The one opposite the entrance features more elaborate decoration, as it was the sultan&#039;s seat, backlit, favoring the effect of dazzling and surprising.\n                <\/p>\n                <p>\n                    In the past, the windows were covered with colored glass panels with geometric shapes called *cumarias*. These were lost due to the shock wave of a powder magazine that exploded in 1590 on the Carrera del Darro.\n                <\/p>\n                <p>\n                    The decorative richness of the hall is extreme. It begins in the lower part with geometrically shaped tiles, creating a visual effect similar to that of a kaleidoscope. It continues on the walls with stuccos resembling hanging tapestries, decorated with plant motifs, flowers, shells, stars, and abundant inscriptions.\n                <\/p>\n                <p>\n                    The current script is of two types: cursive, the most common and easily recognizable; and Kufic, a cultured script with rectilinear and angular forms.\n                <\/p>\n                <p>\n                    Among all the inscriptions, the most prominent is the one located beneath the ceiling, on the upper band of the wall: Surah 67 of the Quran, known as &quot;The Kingdom&quot; or &quot;The Lordship,&quot; which runs along all four walls. This surah was recited by the new sultans to proclaim that their power came directly from God.\n                <\/p>\n                <p>\n                    The image of divine power is also represented in the ceiling, composed of 8,017 different pieces that, through wheels of stars, illustrate Islamic eschatology: the seven heavens and an eighth, paradise, the Throne of Allah, represented by the central dome of muqarnas.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba35\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel35\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel35\">CHRISTIAN ROYAL HOUSE \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To access the Christian Royal House, you must use one of the doors open in the left alcove of the Hall of the Two Sisters.\n                <\/p>\n                <p>\n                    Charles V, grandson of the Catholic Monarchs, visited the Alhambra in June 1526 after marrying Isabella of Portugal in Seville. Upon arriving in Granada, the couple settled into the Alhambra itself and ordered the construction of new rooms, now known as the Emperor&#039;s Apartments.\n                <\/p>\n                <p>\n                    These spaces completely break with Nasrid architecture and aesthetics. However, as they were built on garden areas between the Comares Palace and the Palace of the Lions, the upper part of the Royal Hammam, or Comares Hammam, can be seen through small windows to the left of the corridor. A few meters further on, other openings reveal the Hall of Beds and the Musicians&#039; Gallery.\n                <\/p>\n                <p>\n                    The Royal Baths were not only a place of hygiene, but also an ideal place to cultivate political and diplomatic relations in a relaxed and friendly manner, accompanied by music to liven up the occasion. This space is only open to the public on special occasions.\n                <\/p>\n                <p>\n                    Through this corridor you enter the Emperor&#039;s Office, which stands out for its Renaissance fireplace with the imperial coat of arms and a wooden coffered ceiling designed by Pedro Machuca, architect of the Palace of Charles V. On the coffered ceiling you can read the inscription &quot;PLUS ULTRA&quot;, a motto adopted by the Emperor, along with the initials K and Y, corresponding to Charles V and Isabella of Portugal.\n                <\/p>\n                <p>\n                    Leaving the hall, on the right are the Imperial Rooms, currently closed to the public and only accessible on special occasions. These rooms are also known as Washington Irving&#039;s Rooms, as it was here that the American Romantic writer stayed during his stay in Granada. It was possibly here that he wrote his famous book *Tales of the Alhambra*. A commemorative plaque can be seen above the door.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba36\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel36\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel36\">LINDARAJA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Adjacent to the Patio de la Reja is the Patio de Lindaraja, adorned with carved boxwood hedges, cypress trees, and bitter orange trees. This patio owes its name to the Nasrid viewpoint located on its southern side, which bears the same name.\n                <\/p>\n                <p>\n                    During the Nasrid period, the garden had a completely different appearance than it does today, as it was a space open to the landscape.\n                <\/p>\n                <p>\n                    With the arrival of Charles V, the garden was enclosed, taking on a cloister-like layout thanks to a porticoed gallery. Columns from other parts of the Alhambra were used for its construction.\n                <\/p>\n                <p>\n                    In the center of the courtyard stands a Baroque fountain, over which a Nasrid marble basin was superimposed at the beginning of the 17th century. The fountain we see today is a replica; the original is preserved in the Alhambra Museum.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba37\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel37\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel37\">COURTYARD OF THE LIONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de los Leones (Courtyard of the Lions) is the heart of this palace. It is a rectangular courtyard surrounded by a porticoed gallery with 124 columns, each one different from the other, which connect the different rooms of the palace. It bears a certain resemblance to a Christian cloister.\n                <\/p>\n                <p>\n                    This space is considered one of the jewels of Islamic art, despite breaking with the usual patterns of Hispano-Muslim architecture.\n                <\/p>\n                <p>\n                    The palace&#039;s symbolism revolves around the concept of a garden-paradise. The four water channels that radiate from the center of the courtyard could represent the four rivers of Islamic paradise, giving the courtyard a cruciform layout. The columns evoke a palm forest, like the oasis of paradise.\n                <\/p>\n                <p>\n                    In the center is the famous Fountain of the Lions. The twelve lions, although in a similar position\u2014alert and with their backs to the fountain\u2014have different features. They are carved from white Macael marble, carefully selected to take advantage of the stone&#039;s natural veins and accentuate its distinctive features.\n                <\/p>\n                <p>\n                    There are various theories about its symbolism. Some believe it represents the strength of the Nasrid dynasty or Sultan Muhammad V, the twelve signs of the zodiac, the twelve hours of the day, or even a water clock. Others maintain that it is a reinterpretation of the Bronze Sea of Judea, held up by twelve bulls, here replaced by twelve lions.\n                <\/p>\n                <p>\n                    The central basin was probably carved in situ and contains poetic inscriptions praising Muhammad V and the hydraulic system that feeds the fountain and regulates the water flow to prevent overflows. This is an excerpt from the poem:\n                <\/p>\n                <blockquote>\n                    \u201cMolten silver runs among the pearls,<\/br>\n                    to which it resembles pure, dawn-like beauty.<\/br>\n                    At first glance, water and marble seem to blend together,<\/br>\n                    without us knowing which of the two is sliding.<\/br>\n                    Don&#039;t you see how the water is spilling into the cup?<\/br>\n                    But do its pipes hide it immediately?<br><br>\n                    He is a lover whose eyelids overflow with tears,<br>\n                    tears that she hides for fear of an informer.<br><br>\n                    Isn&#039;t it, in reality, like a white cloud?<\/br>\n                    whose irrigation ditches pour water into the lions<\/br>\n                    and it looks like the hand of the caliph who, in the morning,<\/br>\n                    Does he lavish his favors on the lions of war?\u201d\n                <\/blockquote>\n                <p>\n                    The fountain underwent several transformations over time. In the 17th century, a second basin was added, which was removed in the 20th century and relocated to the Garden of the Adarves of the Alcazaba.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba38\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel38\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel38\">QUEEN&#039;S COMBING ROOM AND REJET COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Christian adaptation of the palace entailed the creation of direct access to the Comares Tower via a two-story open gallery. This gallery offers magnificent views of two of Granada&#039;s most iconic neighborhoods: the Albaic\u00edn and the Sacromonte.\n                <\/p>\n                <p>\n                    From the gallery, looking to the right, you can also see the Queen&#039;s Dressing Room, which, like other areas mentioned above, can only be visited on special occasions or as a space of the month.\n                <\/p>\n                <p>\n                    The Queen&#039;s Dressing Room is located in the Tower of Yusuf I, a tower set forward from the wall. Its Christian name comes from the use made of it by Isabella of Portugal, wife of Charles V, during her stay at the Alhambra.\n                <\/p>\n                <p>\n                    Inside, the space was adapted to Christian aesthetics and houses valuable Renaissance paintings by Julius Achilles and Alexander Mayner, disciples of Raphael Sanzio, also known as Raphael of Urbino.\n                <\/p>\n                <p>\n                    Descending from the gallery, we find the Patio de la Reja (Courtyard of the Grill). Its name comes from the continuous balcony with wrought iron railings, installed in the mid-17th century. These railings served as an open corridor to connect and protect the adjacent rooms.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba39\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel39\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel39\">HALL OF THE TWO SISTERS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Two Sisters gets its current name from the presence of two twin slabs of Macael marble located in the center of the room.\n                <\/p>\n                <p>\n                    This room bears some resemblance to the Hall of the Abencerrajes: it is located higher than the courtyard and, beyond the entrance, has two doors. The one on the left led to the toilet, and the one on the right led to the upper rooms of the house.\n                <\/p>\n                <p>\n                    Unlike its twin room, this one opens to the north towards the Sala de los Ajimeces and a small viewpoint: the Mirador de Lindaraja.\n                <\/p>\n                <p>\n                    During the Nasrid dynasty, in the time of Muhammad V, this hall was known as \u201cqubba al-kubra,\u201d meaning \u201cthe great qubba,\u201d the most important room in the Palace of the Lions. The term \u201cqubba\u201d refers to a square structure covered with a dome.\n                <\/p>\n                <p>\n                    The dome begins with an eight-pointed star, unfolding into a three-dimensional layout composed of 5,416 muqarnas, some of which still retain traces of polychromy. These muqarnas are distributed in sixteen small cupolas located above sixteen windows with lattices that bring changing light into the room depending on the time of day.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba40\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel40\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel40\">HALL OF THE ABENCERRAJES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the western hall, also known as the Hall of the Abencerrajes, we find some wooden doors with remarkable carvings that have been preserved since medieval times.\n                <\/p>\n                <p>\n                    The name of this room is linked to a famous legend of the Alhambra. According to tradition, a rumor about an alleged romance between an Abencerraje knight and the sultan&#039;s favorite (or perhaps suspicions of a conspiracy against the monarch) provoked the sovereign&#039;s wrath.\n                <\/p>\n                <p>\n                    The sultan summoned several knights from the Abencerraje family. According to legend, dozens of them were executed right here.\n                <\/p>\n                <p>\n                    The story was popularized in 16th-century literature, especially in the novel &quot;Civil Wars of Granada&quot; by Gin\u00e9s P\u00e9rez de Hita, which narrates the conflicts between the noble lineages of the Nasrid kingdom.\n                <\/p>\n                <p>\n                    Over time, tradition placed the tragedy in this room. For this reason, some visitors have interpreted the reddish stains on the central fountain as a symbolic vestige of the blood of those knights.\n                <\/p>\n                <p>\n                    The legend was so popular that it also inspired the Spanish painter Mariano Fortuny, who depicted it in his painting &quot;The Massacre of the Abencerrajes.&quot;\n                <\/p>\n                <p>\n                    Upon entering the door, we found two entrances: the one on the right led to the toilet, and the one on the left to some stairs leading to the upper rooms.\n                <\/p>\n                <p>\n                    The Abencerrajes Hall is a private and independent ground floor dwelling, structured around a large \u201cqubba\u201d, \u201cdome\u201d in Arabic.\n                <\/p>\n                <p>\n                    The plaster dome is richly decorated with muqarnas originating from an eight-pointed star in a complex three-dimensional composition. The muqarnas are architectural elements based on hanging prisms with concave and convex shapes, reminiscent of stalactites.\n                <\/p>\n                <p>\n                    As you enter the room, you notice a drop in temperature. This is because the only windows are located at the top, allowing hot air to escape. Meanwhile, the water from the central fountain cools the air, making the room, with the doors closed, function as a kind of cave, with an ideal temperature for the hottest summer days.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba41\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel41\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel41\">AJIMECES HALL AND LINDARAJA VIEWPOINT<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Beyond the Hall of the Two Sisters, to the north, we find a transverse nave covered by a muqarnas vault. This room is called the Hall of the Mullions (Ajimeces) because of the type of windows that must have closed the openings on either side of the central arch that leads to the Lindaraja Viewpoint.\n                <\/p>\n                <p>\n                    The white walls of this room are believed to have been originally covered with silk fabrics.\n                <\/p>\n                <p>\n                    The so-called Lindaraja Lookout owes its name to the derivation of the Arabic term \u201cAyn Dar Aisa\u201d, which means \u201cthe eyes of the House of Aisa\u201d.\n                <\/p>\n                <p>\n                    Despite its small size, the interior of the viewing platform is remarkably decorated. On one hand, it features tiling with a succession of small, interlocking stars, which required meticulous work by the artisans. On the other hand, if you look up, you can see a ceiling with colored glass embedded in a wooden structure, resembling a skylight.\n                <\/p>\n                <p>\n                    This lantern is a representative example of what many of the windows or mullioned windows of the Palatine Alhambra must have looked like. When sunlight hits the glass, it projects colorful reflections that illuminate the decoration, giving the space a unique, ever-changing atmosphere throughout the day.\n                <\/p>\n                <p>\n                    During the Nasrid period, when the courtyard was still open, a person could sit on the floor of the belvedere, rest their arm on the windowsill, and enjoy spectacular views of the Albayz\u00edn neighborhood. These views were lost at the beginning of the 16th century, when the outbuildings intended to serve as the residence of Emperor Charles V were built.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba42\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel42\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel42\">HALL OF THE KINGS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Kings occupies the entire east side of the Patio de los Leones and, although it appears integrated into the palace, it is thought to have had its own function, probably of a recreational or courtly nature.\n                <\/p>\n                <p>\n                    This space stands out for preserving one of the few examples of Nasrid figurative painting.\n                <\/p>\n                <p>\n                    In the three alcoves, each approximately fifteen square meters in area, there are three false vaults decorated with paintings on lambskin. These skins were fixed to the wooden support with small bamboo nails, a technique that prevented the material from rusting.\n                <\/p>\n                <p>\n                    The name of the room probably comes from the interpretation of the painting in the central alcove, which depicts ten figures that could correspond to the first ten sultans of the Alhambra.\n                <\/p>\n                <p>\n                    In the side alcoves, chivalric scenes of fighting, hunting, games, and love can be seen. Their clothing clearly distinguishes the presence of Christian and Muslim figures sharing the same space.\n                <\/p>\n                <p>\n                    The origin of these paintings has been widely debated. Due to their Linear Gothic style, it is thought that they were probably created by Christian artists familiar with the Muslim world. These works may be the result of the good relationship between Muhammad V, founder of this palace, and the Christian king Peter I of Castile.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba43\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel43\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel43\">ROOM OF SECRETS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Room of Secrets is a square-shaped room, covered with a spherical vault.\n                <\/p>\n                <p>\n                    Something very peculiar and curious happens in this room, making it one of the favorite attractions for visitors to the Alhambra, especially for the little ones.\n                <\/p>\n                <p>\n                    The phenomenon is that if one person stands at one corner of the room and another at the opposite corner\u2014both facing the wall and as close to it as possible\u2014one of them can speak very quietly and the other will hear the message perfectly, as if they were right next to them.\n                <\/p>\n                <p>\n                    It is thanks to this acoustic \u201cgame\u201d that the room gets its name: \u201cRoom of Secrets\u201d.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba44\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel44\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel44\">MUQARABS HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The palace known as the Palace of the Lions was commissioned during the second reign of Sultan Muhammad V, which began in 1362 and lasted until 1391. During this period, construction began on the Palace of the Lions, adjacent to the Palace of Comares, which had been built by his father, Sultan Yusuf I.\n                <\/p>\n                <p>\n                    This new palace was also called the &quot;Riyad Palace,&quot; as it is believed to have been built on the site of the former Comares Gardens. The term &quot;Riyad&quot; means &quot;garden.&quot;\n                <\/p>\n                <p>\n                    It is thought that the original access to the palace was through the southeast corner, from Calle Real and through a curved entrance. Currently, due to Christian modifications after the conquest, the Sala de los Muqarnas is accessed directly from the Comares Palace.\n                <\/p>\n                <p>\n                    The Hall of the Muqarnas takes its name from the impressive muqarnas vault that originally covered it, which almost completely collapsed as a result of the vibrations caused by the explosion of a powder magazine on the Carrera del Darro in 1590.\n                <\/p>\n                <p>\n                    Remains of this vault can still be seen on one side. On the opposite side, remains of a later Christian vault appear, bearing the letters &quot;FY,&quot; traditionally associated with Ferdinand and Isabella, although they actually correspond to Philip V and Isabella Farnese, who visited the Alhambra in 1729.\n                <\/p>\n                <p>\n                    It is believed that the room may have functioned as a vestibule or waiting room for guests attending the sultan&#039;s celebrations, parties, and receptions.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  EL PARTAL -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba45\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel45\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel45\">THE PARTAL \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The large space known today as Jardines del Partal owes its name to the Palacio del P\u00f3rtico, named after its porticoed gallery.\n                <\/p>\n                <p>\n                    This is the oldest preserved palace in the monumental complex, whose construction is attributed to Sultan Muhammad III at the beginning of the 14th century.\n                <\/p>\n                <p>\n                    This palace bears some similarity to the Comares Palace, although it is older: a rectangular courtyard, a central pool, and the portico&#039;s mirror-like reflection in the water. Its main distinguishing feature is the presence of a side tower, known since the 16th century as the Ladies&#039; Tower, although it has also been called the Observatory, as Muhammad III was a great fan of astronomy. The tower has windows facing the four cardinal points, allowing for spectacular views.\n                <\/p>\n                <p>\n                    A notable curiosity is that this palace was privately owned until March 12, 1891, when its owner, Arthur Von Gwinner, a German banker and consul, ceded the building and the surrounding land to the Spanish State.\n                <\/p>\n                <p>\n                    Unfortunately, Von Gwinner dismantled the wooden roof of the viewing platform and moved it to Berlin, where it is now on display in the Pergamon Museum as one of the highlights of its Islamic art collection.\n                <\/p>\n                <p>\n                    Adjacent to the Partal Palace, to the left of the Ladies&#039; Tower, are several Nasrid houses. One of them was called the House of Paintings due to the discovery, at the beginning of the 20th century, of tempera paintings on 14th-century stucco. These highly valuable paintings are a rare example of Nasrid figurative mural painting, depicting court scenes, hunting scenes, and celebrations.\n                <\/p>\n                <p>\n                    Due to their importance and for conservation reasons, these homes are not open to the public.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba46\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel46\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel46\">ORATORY OF THE PARTAL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To the right of the Partal Palace, on the rampart of the wall, is the Partal Oratory, whose construction is attributed to Sultan Yusuf I. Access is via a small staircase, as it is elevated from ground level.\n                <\/p>\n                <p>\n                    One of the pillars of Islam is to pray five times a day facing Mecca. The oratory functioned as a palace chapel, allowing the inhabitants of the nearby palace to fulfill this religious obligation.\n                <\/p>\n                <p>\n                    Despite its small size (about twelve square meters), the oratory has a small vestibule and a prayer room. Its interior features rich plasterwork decoration with plant and geometric motifs, as well as Quranic inscriptions.\n                <\/p>\n                <p>\n                    Upon ascending the stairs, just opposite the entrance door, you will find the mihrab on the southwest wall, facing Mecca. It has a polygonal floor plan, a voussoired horseshoe arch, and is covered by a dome with muqarnas.\n                <\/p>\n                <p>\n                    Of particular note is the epigraphic inscription located on the imposts of the mihrab arch, which invites prayer: <em>\u201cCome and pray, and do not be among the negligent.\u201d<\/em>\n                <\/p>\n                <p>\n                    Attached to the oratory is the House of Atasio de Bracamonte, which was given in 1550 to the former squire of the warden of the Alhambra, the Count of Tendilla.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba47\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel47\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel47\">PARTAL ALTO \u2013 PALACE OF YUSUF III<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On the highest plateau in the Partal area are the archaeological remains of the Palace of Yusuf III. This palace was granted in June 1492 by the Catholic Monarchs to the first governor of the Alhambra, Don \u00cd\u00f1igo L\u00f3pez de Mendoza, second Count of Tendilla. For this reason, it is also known as the Tendilla Palace.\n                <\/p>\n                <p>\n                    The reason this palace is in ruins stems from disagreements that arose in the 18th century between the descendants of the Count of Tendilla and Philip V of Bourbon. Upon the death of Archduke Charles II of Austria without heirs, the Tendilla family supported Archduke Charles of Austria instead of Philip of Bourbon. After Philip V&#039;s accession, reprisals were taken: in 1718, the mayorship of the Alhambra was removed from them, and later the palace was dismantled and its materials sold.\n                <\/p>\n                <p>\n                    Some of these materials reappeared in the 20th century in private collections. It is believed that the so-called &quot;Fortuny Tile,&quot; housed at the Valencia Institute of Don Juan in Madrid, may have come from this palace.\n                <\/p>\n                <p>\n                    From 1740 onwards, the palace site became an area of leased vegetable gardens.\n                <\/p>\n                <p>\n                    It was in 1929 that this area was recovered by the Spanish State and returned to the Alhambra. Thanks to the work of Leopoldo Torres Balb\u00e1s, architect and restorer of the Alhambra, this space was enhanced with the creation of an archaeological garden.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba48\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel48\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel48\">WALK OF THE TOWERS AND TOWER OF THE PEAKS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palatine city wall originally had more than thirty towers, of which only twenty remain today. Initially, these towers had a strictly defensive function, although over time some also adopted residential use.\n                <\/p>\n                <p>\n                    At the exit of the Nasrid Palaces, from the Upper Partal area, a cobbled path leads to the Generalife. This route follows the stretch of wall, home to some of the complex&#039;s most emblematic towers, framed by a garden area with beautiful views of the Albaic\u00edn and the Generalife orchards.\n                <\/p>\n                <p>\n                    One of the most notable towers is the Tower of the Peaks, built by Muhammad II and later renovated by other sultans. It is easily recognizable by its brick pyramid-shaped battlements, from which its name may derive. However, other authors believe the name comes from the protruding corbels at its upper corners, which supported the machicolations, defensive elements that allowed attacks from above to be countered.\n                <\/p>\n                <p>\n                    The tower&#039;s main function was to protect the Arrabal Gate located at its base, which connected to the Cuesta del Rey Chico, facilitating access to the Albaic\u00edn neighborhood and the old medieval road that connected the Alhambra with the Generalife.\n                <\/p>\n                <p>\n                    In Christian times, an outer bastion with stables was built to reinforce its protection, which is closed by a new entrance known as the Iron Gate.\n                <\/p>\n                <p>\n                    Although towers are commonly associated with an exclusively military function, it is known that the Torre de los Picos also had a residential use, as evidenced by the ornamentation present in its interior.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba49\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel49\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel49\">TOWER OF THE CAPTIVE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Torre de la Cautiva has received various names over time, such as Torre de la Ladrona or Torre de la Sultana, although the most popular one has finally prevailed: Torre de la Cautiva.\n                <\/p>\n                <p>\n                    This name is not based on proven historical facts, but rather stems from a romantic legend according to which Isabel de Sol\u00eds was imprisoned in this tower. She later converted to Islam under the name Zoraida and became Muley Hac\u00e9n&#039;s favorite sultana. This situation caused tensions with Aixa, the previous sultana and Boabdil&#039;s mother, given that Zoraida\u2014whose name means &quot;morning star&quot;\u2014removed her position at court.\n                <\/p>\n                <p>\n                    The construction of this tower is attributed to Sultan Yusuf I, who was also responsible for the Comares Palace. This attribution is supported by the inscriptions in the main hall, the work of the vizier Ibn al-Yayyab, which praise this sultan.\n                <\/p>\n                <p>\n                    In the poems inscribed on the walls, the vizier repeatedly uses the term <em>qal&#039;ahurra<\/em>, which has since been used to refer to fortified palaces, as is the case with this tower. In addition to serving defensive purposes, the tower houses a real palace with rich decoration inside.\n                <\/p>\n                <p>\n                    Regarding its ornamentation, the main hall features a ceramic tiled plinth with geometric shapes in various colors. Purple stands out among these, as it was particularly difficult and expensive to obtain at the time, so it was reserved exclusively for important spaces.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba50\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel50\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel50\">TOWER OF THE INFANTAS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Tower of the Infantas, like the Tower of the Captive, owes its name to a legend.\n                <\/p>\n                <p>\n                    This is the legend of the three princesses Zaida, Zoraida and Zorahaida, who lived in this tower, a story that was collected by Washington Irving in his famous *Tales of the Alhambra*.\n                <\/p>\n                <p>\n                    The construction of this palace-tower, or *qalahurra*, is attributed to Sultan Muhammad VII, who reigned between 1392 and 1408. Therefore, it is one of the last towers built by the Nasrid dynasty.\n                <\/p>\n                <p>\n                    This circumstance is reflected in the interior decoration, which shows signs of a certain decline compared to previous periods of greater artistic splendor.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba51\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel51\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel51\">CAPE CARRERA TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    At the end of the Paseo de las Torres, in the easternmost part of the northern wall, are the remains of a cylindrical tower: the Torre del Cabo de Carrera.\n                <\/p>\n                <p>\n                    This tower was practically destroyed as a result of the explosions carried out in 1812 by Napoleon&#039;s troops during their retreat from the Alhambra.\n                <\/p>\n                <p>\n                    It is believed to have been built or rebuilt by order of the Catholic Monarchs in 1502, as confirmed by a now-lost inscription.\n                <\/p>\n                <p>\n                    Its name comes from its location at the end of the Calle Mayor of the Alhambra, marking the limit or &quot;cap de carrera&quot; of said road.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  CARLOS V -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba52\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel52\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel52\">FACADES OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palace of Charles V, with its sixty-three meters wide and seventeen meters high, follows the proportions of classical architecture, which is why it is divided horizontally into two levels with clearly differentiated architecture and decoration.\n                <\/p>\n                <p>\n                    Three types of stone were used to decorate its facades: gray, compact limestone from Sierra Elvira, white marble from Macael, and green serpentine from the Barranco de San Juan.\n                <\/p>\n                <p>\n                    The exterior decoration exalts the image of Emperor Charles V, highlighting his virtues through mythological and historical references.\n                <\/p>\n                <p>\n                    The most notable facades are those on the south and west sides, both designed as triumphal arches. The main entrance is on the west side, where the main door is crowned by winged victories. On either side are two small doors above which are medallions with figures of mounted soldiers in combat.\n                <\/p>\n                <p>\n                    Symmetrically duplicated reliefs are displayed on the pedestals of the columns. The central reliefs symbolize Peace: they show two women seated on a mound of weapons, carrying olive branches and supporting the Pillars of Hercules, the globe with the imperial crown and the motto *PLUS ULTRA*, while cherubs fire war artillery.\n                <\/p>\n                <p>\n                    The side reliefs depict war scenes, such as the Battle of Pavia, where Charles V defeated Francis I of France.\n                <\/p>\n                <p>\n                    At the top are balconies flanked by medallions depicting two of the twelve labors of Hercules: one slaying the Nemean Lion and another facing the Cretan Bull. The central medallion features the coat of arms of Spain.\n                <\/p>\n                <p>\n                    In the lower part of the palace, the rusticated ashlars stand out, designed to convey a sense of solidity. Above them are bronze rings held by animal figures such as lions\u2014symbols of power and protection\u2014and in the corners, double eagles, alluding to imperial power and the emperor&#039;s heraldic emblem: the double-headed eagle of Charles I of Spain and V of Germany.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba53\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel53\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel53\">INTRODUCTION TO THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Emperor Charles I of Spain and V of the Holy Roman Empire, grandson of the Catholic Monarchs and son of Joanna I of Castile and Philip the Fair, visited Granada in the summer of 1526 after marrying Isabella of Portugal in Seville, to spend his honeymoon.\n                <\/p>\n                <p>\n                    Upon his arrival, the emperor was captivated by the charm of the city and the Alhambra, and decided to build a new palace in the palatine city. This palace would become known as the New Royal House, in contrast to the Nasrid Palaces, which were henceforth known as the Old Royal House.\n                <\/p>\n                <p>\n                    The works were commissioned to the Toledo architect and painter Pedro Machuca, who is said to have been a disciple of Michelangelo, which would explain his deep knowledge of the Classical Renaissance.\n                <\/p>\n                <p>\n                    Machuca designed a monumental palace in the Renaissance style, with a square floor plan and a circle integrated into its interior, inspired by the monuments of classical antiquity.\n                <\/p>\n                <p>\n                    Construction began in 1527 and was largely financed by the tributes the Moriscos had to pay to continue living in Granada and preserve their customs and rituals.\n                <\/p>\n                <p>\n                    In 1550, Pedro Machuca died without finishing the palace. His son Luis continued the project, but after his death, work was halted for a time. It was resumed in 1572 under the reign of Philip II, entrusted to Juan de Orea on the recommendation of Juan de Herrera, architect of the Monastery of El Escorial. However, due to the lack of resources caused by the Alpujarras War, no significant progress was made.\n                <\/p>\n                <p>\n                    It wasn&#039;t until the 20th century that the palace was completed, first under the direction of architect-restorer Leopoldo Torres Balb\u00e1s, and finally in 1958 by Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    The Palace of Charles V was conceived as a symbol of universal peace, reflecting the emperor&#039;s political aspirations. However, Charles V never personally visited the palace he commissioned.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba54\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel54\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel54\">ALHAMBRA MUSEUM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra Museum is located on the ground floor of the Palace of Charles V and is divided into seven rooms dedicated to Hispano-Muslim culture and art.\n                <\/p>\n                <p>\n                    It houses the finest existing collection of Nasrid art, composed of pieces found in excavations and restorations carried out in the Alhambra itself over time.\n                <\/p>\n                <p>\n                    Among the works on display are plasterwork, columns, carpentry, ceramics of various styles\u2014such as the famous Vase of the Gazelles\u2014a copy of the lamp from the Great Mosque of the Alhambra, as well as tombstones, coins, and other objects of great historical value.\n                <\/p>\n                <p>\n                    This collection is the ideal complement to a visit to the monumental complex, as it provides a better understanding of daily life and culture during the Nasrid period.\n                <\/p>\n                <p>\n                    Admission to the museum is free, although it is important to note that it is closed on Mondays.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba55\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel55\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel55\">COURTYARD OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    When Pedro Machuca designed the Palace of Charles V, he did so using geometric forms with strong Renaissance symbolism: the square to represent the earthly world, the inner circle as a symbol of the divine and creation, and the octagon\u2014reserved for the chapel\u2014as a union between both worlds.\n                <\/p>\n                <p>\n                    Upon entering the palace, we find ourselves in an imposing circular porticoed courtyard, elevated from the exterior. This courtyard is surrounded by two superimposed galleries, both with thirty-two columns. On the ground floor, the columns are Doric-Tuscan, and on the upper floor, Ionic.\n                <\/p>\n                <p>\n                    The columns were made of pudding stone, or almond stone, from the Granada town of El Turro. This material was chosen because it was more economical than the marble originally planned.\n                <\/p>\n                <p>\n                    The lower gallery has a circular vault that was possibly intended to be decorated with frescoes. The upper gallery, meanwhile, has a wooden coffered ceiling.\n                <\/p>\n                <p>\n                    The frieze that runs around the courtyard features *burocranios*, representations of ox skulls, a decorative motif with roots in ancient Greece and Rome, where they were used in friezes and tombs linked to ritual sacrifices.\n                <\/p>\n                <p>\n                    The two floors of the courtyard are connected by two staircases: one on the north side, built in the 17th century, and another also to the north, designed in the 20th century by the Alhambra&#039;s conservation architect, Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    Although it was never used as a royal residence, the palace currently houses two important museums: the Museum of Fine Arts on the upper floor, with an outstanding collection of Granada painting and sculpture from the 15th to the 20th centuries, and the Alhambra Museum on the ground floor, accessed through the western entrance hall.\n                <\/p>\n                <p>\n                    In addition to its museum function, the central courtyard boasts exceptional acoustics, making it a prime setting for concerts and theatrical performances, especially during the Granada International Music and Dance Festival.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  LA MEDINA -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba56\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel56\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel56\">BATH OF THE MOSQUE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On Calle Real, on the site adjacent to the current Church of Santa Mar\u00eda de la Alhambra, is the Mosque Bath.\n                <\/p>\n                <p>\n                    This bath was built during the reign of Sultan Muhammad III and financed by the <em>jizya<\/em>, a tax charged to Christians for planting land on the border.\n                <\/p>\n                <p>\n                    The use of the <em>hammam<\/em> The bath was essential to the daily life of an Islamic city, and the Alhambra was no exception. Due to its proximity to the mosque, this bath served a key religious function: allowing for ablutions, or purification rituals, before prayer.\n                <\/p>\n                <p>\n                    However, its function was not exclusively religious. The hammam also served as a place for personal hygiene and was an important social gathering place.\n                <\/p>\n                <p>\n                    Its use was regulated by schedules, being in the morning for men and in the afternoon for women.\n                <\/p>\n                <p>\n                    Inspired by Roman baths, Muslim baths shared their chamber layout, although they were smaller and operated using steam, unlike Roman baths, which were immersion baths.\n                <\/p>\n                <p>\n                    The bath consisted of four main spaces: a rest room or changing room, a cold or warm room, a hot room, and a boiler area attached to the latter.\n                <\/p>\n                <p>\n                    The heating system used was the <em>hypocaust<\/em>, an underground heating system that heated the ground using hot air generated by a furnace and distributed through a chamber beneath the pavement.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba57\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel57\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel57\">Former Convent of San Francisco \u2013 Tourist Parador<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The current Parador de Turismo was originally the Convent of San Francisco, built in 1494 on the site of an old Nasrid palace that, according to tradition, belonged to a Muslim prince.\n                <\/p>\n                <p>\n                    After the capture of Granada, the Catholic Monarchs ceded this space to found the city&#039;s first Franciscan convent, thus fulfilling a promise made to the Patriarch of Assisi years before the conquest.\n                <\/p>\n                <p>\n                    Over time, this spot became the first burial place of the Catholic Monarchs. A month and a half before her death in Medina del Campo in 1504, Queen Isabella left her will in her wish to be buried in this convent, dressed in a Franciscan habit. In 1516, King Ferdinand was buried next to her.\n                <\/p>\n                <p>\n                    Both remained buried there until 1521, when their grandson, Emperor Charles V, ordered their remains to be transferred to the Royal Chapel of Granada, where they now rest alongside Joanna I of Castile, Philip the Handsome and Prince Miguel de Paz.\n                <\/p>\n                <p>\n                    Today, this original burial site can be visited by entering the Parador&#039;s courtyard. Under a dome of muqarnas, the original tombstones of both monarchs are preserved.\n                <\/p>\n                <p>\n                    Since June 1945, this building has housed the Parador de San Francisco, a high-class tourist accommodation owned and operated by the Spanish State.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba58\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel58\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel58\">THE MEDINA<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The word \u201cmedina,\u201d which means \u201ccity\u201d in Arabic, referred to the highest part of Sabika Hill in the Alhambra.\n                <\/p>\n                <p>\n                    This medina was home to intense daily activity, as it was the area where the trades and population that made life possible for the Nasrid court within the palatine city were concentrated.\n                <\/p>\n                <p>\n                    Textiles, ceramics, bread, glass, and even coins were produced there. In addition to workers&#039; housing, there were also essential public buildings such as baths, mosques, souks, cisterns, ovens, silos, and workshops.\n                <\/p>\n                <p>\n                    For the proper functioning of this miniature city, the Alhambra had its own system of legislation, administration, and tax collection.\n                <\/p>\n                <p>\n                    Today, only a few vestiges of the original Nasrid medina remain. The transformation of the area by Christian settlers after the conquest and, later, the gunpowder explosions caused by Napoleon&#039;s troops during their retreat contributed to its deterioration.\n                <\/p>\n                <p>\n                    In the mid-20th century, an archaeological rehabilitation and adaptation program was launched in this area. As a result, a landscaped walkway was laid out along an old medieval street, which today connects with the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba59\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel59\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel59\">ABENCERRAJE PALACE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the royal medina, attached to the southern wall, are the remains of the so-called Palace of the Abencerrajes, the Castilianized name of the Banu Sarray family, a noble lineage of North African origin belonging to the Nasrid court.\n                <\/p>\n                <p>\n                    The remains that can be seen today are the result of excavations that began in the 1930s, as the site had previously been severely damaged, largely due to explosions caused by Napoleon&#039;s troops during their retreat.\n                <\/p>\n                <p>\n                    Thanks to these archaeological excavations, it has been possible to confirm the importance of this family in the Nasrid court, not only due to the size of the palace but also due to its privileged location: in the upper part of the medina, right on the main urban axis of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba60\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel60\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel60\">DOOR OF JUSTICE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Gate of Justice, known in Arabic as <em>Bab al-Sharia<\/em>, is one of the four exterior gates of the Alhambra&#039;s palatine city. As an exterior entrance, it served an important defensive function, as evidenced by its double-bend structure and the steep slope of the terrain.\n                <\/p>\n                <p>\n                    Its construction, integrated into a tower attached to the southern wall, is attributed to Sultan Yusuf I in 1348.\n                <\/p>\n                <p>\n                    The gate features two pointed horseshoe arches. Between them is an open area, known as a skylight, from which it was possible to defend the entrance by throwing materials from the terrace in case of attack.\n                <\/p>\n                <p>\n                    Beyond its strategic value, this gate has a strong symbolic significance in the Islamic context. Two decorative elements stand out in particular: the hand and the key.\n                <\/p>\n                <p>\n                    The hand represents the five pillars of Islam and symbolizes protection and hospitality. The key, meanwhile, is an emblem of faith. Their presence together could be interpreted as an allegory of spiritual and earthly power.\n                <\/p>\n                <p>\n                    Popular legend says that if one day the hand and the key touch, it will mean the fall of the Alhambra... and with it, the end of the world, as it would imply the loss of its splendor.\n                <\/p>\n                <p>\n                    These Islamic symbols contrast with another Christian addition: a Gothic sculpture of the Virgin and Child, the work of Ruberto Alem\u00e1n, placed in a niche above the interior arch by order of the Catholic Monarchs after the capture of Granada.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba61\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel61\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel61\">CAR DOOR<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta de los Carros (Chariot Gate) is not an original opening in the Nasrid wall. It was opened between 1526 and 1536 for a very specific purpose: to allow access to carts transporting materials and columns for the construction of the Palace of Charles V.\n                <\/p>\n                <p>\n                    Today, this gate still serves a practical purpose. It provides pedestrian access to the grounds without a ticket, allowing free access to the Palace of Charles V and the museums within.\n                <\/p>\n                <p>\n                    Furthermore, it is the only gate open to authorized vehicles, including guests of hotels located within the Alhambra complex, taxis, special services, medical personnel, and maintenance vehicles.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba62\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel62\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel62\">DOOR OF THE SEVEN FLOORS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra&#039;s palatial city was surrounded by extensive walls with four main gates providing access from the outside. To ensure their defense, these gates were arranged in a characteristic curved pattern, making it difficult for potential attackers to advance and facilitating ambushes from within.\n                <\/p>\n                <p>\n                    The Gate of the Seven Floors, located in the southern wall, is one of these entrances. In Nasrid times, it was known as <em>Bib al-Gudur<\/em> or \u201cPuerta de los Pozos\u201d, due to the nearby existence of silos or dungeons, possibly used as prisons.\n                <\/p>\n                <p>\n                    Its current name comes from the popular belief that there are seven levels or floors beneath it. Although only two have been documented, this belief has fueled numerous legends and tales, such as Washington Irving&#039;s story &quot;The Legend of the Moor&#039;s Legacy,&quot; which mentions a treasure hidden in the tower&#039;s secret cellars.\n                <\/p>\n                <p>\n                    Tradition holds that this was the last gate used by Boabdil and his entourage on their way to the Vega de Granada on January 2, 1492, to deliver the keys to the Kingdom to the Catholic Monarchs. It was also through this gate that the first Christian troops entered without resistance.\n                <\/p>\n                <p>\n                    The gate we see today is a reconstruction, as the original was largely destroyed by the explosion of Napoleon&#039;s troops during their retreat in 1812.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba63\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel63\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel63\">WINE GATE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta del Vino (Wine Gate) was the main gateway to the Alhambra Medina. Its construction is attributed to Sultan Muhammad III in the early 14th century, although its doors were later remodeled by Muhammad V.\n                <\/p>\n                <p>\n                    The name &quot;Wine Gate&quot; does not come from the Nasrid period, but from the Christian era, starting in 1556, when residents of the Alhambra were allowed to buy wine tax-free at this location.\n                <\/p>\n                <p>\n                    As it is an interior gate, its layout is straight and direct, unlike exterior gates such as the Justice Gate or the Arms Gate, which were designed with a bend to improve defense.\n                <\/p>\n                <p>\n                    Although it did not serve primary defensive functions, it had benches inside for the soldiers in charge of access control, as well as a room upstairs for the guards&#039; residence and rest areas.\n                <\/p>\n                <p>\n                    The western fa\u00e7ade, facing the Alcazaba, was the entrance. Above the lintel of the horseshoe arch is the symbol of the key, a solemn emblem of welcome and of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    On the eastern fa\u00e7ade, which faces the Palace of Charles V, the spandrels of the arch are particularly noteworthy, decorated with tiles made using the dry rope technique, offering a beautiful example of Hispano-Muslim decorative art.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba64\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel64\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel64\">Saint Mary of the Alhambra<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    During the time of the Nasrid dynasty, the site now occupied by the Church of Santa Mar\u00eda de la Alhambra housed the Aljama Mosque or Great Mosque of the Alhambra, built at the beginning of the 14th century by Sultan Muhammad III.\n                <\/p>\n                <p>\n                    After the capture of Granada on January 2, 1492, the mosque was blessed for Christian worship and the first Mass was celebrated there. By order of the Catholic Monarchs, it was consecrated under the patronage of Saint Mary, and the first archiepiscopal seat was established there.\n                <\/p>\n                <p>\n                    By the end of the 16th century, the old mosque was in a state of disrepair, which led to its demolition and the construction of a new Christian temple, which was completed in 1618.\n                <\/p>\n                <p>\n                    Few vestiges of the Islamic building remain. The most significant preserved element is a bronze lamp with an epigraphic inscription dated 1305, currently in the National Archaeological Museum in Madrid. A replica of this lamp can be seen in the Alhambra Museum, in the Palace of Charles V.\n                <\/p>\n                <p>\n                    The Church of Santa Mar\u00eda de la Alhambra has a simple layout with a single nave and three side chapels on each side. The most notable feature of its interior is the titular image: the Virgin of Angustias, an 18th-century work by Torcuato Ruiz del Peral.\n                <\/p>\n                <p>\n                    This image, also known as the Virgin of Mercy, is the only one carried in procession in Granada every Holy Saturday, weather permitting. It is carried on a throne of great beauty, embossed in silver, imitating the arches of the emblematic Patio de los Leones.\n                <\/p>\n                <p>\n                    As a curiosity, the Granada poet Federico Garc\u00eda Lorca was a member of this brotherhood.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba65\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel65\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel65\">TANNERY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before the current Parador de Turismo, and to the east, lie the remains of a medieval tannery or buffalo farm, a facility dedicated to the processing of hides: cleaning, tanning, and dyeing. This was a common activity throughout al-Andalus.\n                <\/p>\n                <p>\n                    The Alhambra tannery is small compared to similar tannery stores in North Africa. However, it should be noted that its purpose was exclusively to meet the needs of the Nasrid court.\n                <\/p>\n                <p>\n                    It had eight small pools of different sizes, both rectangular and circular, where the lime and dyes used in the leather tanning process were stored.\n                <\/p>\n                <p>\n                    This activity required abundant water, which is why the tannery was located next to the Royal Canal, taking advantage of its constant flow. Its existence is also an indication of the large amount of water available in this area of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba66\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel66\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel66\">WATER TOWER AND ROYAL DITCH<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Water Tower is an imposing structure located in the southwest corner of the Alhambra wall, near the current main entrance from the ticket office. Although it served defensive purposes, its most important purpose was to protect the entrance to the Royal Canal, hence its name.\n                <\/p>\n                <p>\n                    The irrigation ditch reached the palatine city after crossing an aqueduct and bordered the north face of the tower to supply water to the entire Alhambra.\n                <\/p>\n                <p>\n                    The tower we see today is the result of extensive reconstruction. During the retreat of Napoleon&#039;s troops in 1812, it suffered severe damage from gunpowder explosions, and by the mid-20th century it was reduced almost to its massive base.\n                <\/p>\n                <p>\n                    This tower was essential, as it allowed water\u2014and therefore life\u2014to enter the palatine city. Originally, Sabika Hill lacked natural water sources, which posed a significant challenge for the Nasrids.\n                <\/p>\n                <p>\n                    For this reason, Sultan Muhammad I ordered a major hydraulic engineering project: the construction of the so-called Sultan&#039;s Ditch. This ditch captures water from the Darro River about six kilometers away, at a higher altitude, taking advantage of the slope to convey the water by gravity.\n                <\/p>\n                <p>\n                    The infrastructure included a storage dam, an animal-powered waterwheel, and a brick-lined canal\u2014the acequia\u2014that runs underground through mountains, entering the upper part of the Generalife.\n                <\/p>\n                <p>\n                    To overcome the steep slope between Cerro del Sol (Generalife) and Sabika Hill (Alhambra), engineers built an aqueduct, a key project to ensure the water supply to the entire monumental complex.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-premium\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium-ia-hablando\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-ia\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n\n<style>\n  \/* Tel\u00e9fonos muy peque\u00f1os (tipo iPhone SE, Android antiguos) *\/\n  @media (max-width: 480px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 0.7rem !important;\n    }\n  }\n\n  \/* Tel\u00e9fonos est\u00e1ndar (mayor\u00eda de m\u00f3viles modernos) *\/\n  @media (min-width: 481px) and (max-width: 767px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.05rem !important;\n    }\n  }\n\n  \/* Tablets peque\u00f1as y m\u00f3viles grandes *\/\n  @media (min-width: 768px) and (max-width: 991px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.2rem !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn1 = document.getElementById(\"continuar-gratis-premium\");\n    const modal1 = document.getElementById(\"modal-premium\");\n\n    if (btn1 && modal1) {\n      btn1.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal1.classList.remove('show');\n        modal1.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n\n    const btn2 = document.getElementById(\"continuar-gratis-ia\");\n    const modal2 = document.getElementById(\"modal-premium-ia-hablando\");\n\n    if (btn2 && modal2) {\n      btn2.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal2.classList.remove('show');\n        modal2.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n  });\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \t\t\n\t\t\t\n\t\t<\/div>\n\t<\/header>\n<\/article>\n\n\n\n\n\n\n\n<article data-id=\"post-6154\" data-play-id=\"6154\" class=\"block-loop-item album-track post-6154 station type-station status-publish has-post-thumbnail hentry genre-carlos-v entry is-single\">\n\t<span class=\"btn-play-now icon-play\"  data-play-id=\"6154\"><\/span>\n\t<span class=\"btn-play-now icon-play\" data-id=\"6154\" data-play-id=\"6154\"><\/span>\n\n\t<button class=\"btn-playlist icon-plus\"><\/button>\n\n\n\t<header class=\"entry-header\">\n\t\t<div class=\"entry-header-inner btn-play-now\">\n\t\t\t\n<h3 class=\"entry-title\"><a href=\"https:\/\/pruebas.alhambra.app\/en\/station\/museo-de-la-alhambra\/\" rel=\"bookmark\">Alhambra Museum<\/a><\/h3>\n\t\t\t<div class=\"entry-meta\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"entry-footer\">\n\t\t\t<span class=\"play-duration\">00:51<\/span>\t\t\t    <!-- Angel cambiar numero abajo en data-target -->\n    <a href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\" class=\"iconomodal\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> \n    <\/a>\n\n    <!-- El modal -->\n    <!-- Angel cambiar numero abajo en id -->\n    <div class=\"modal\" id=\"ia01\">\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <!-- Cabecera del modal -->\n                <div class=\"modal-header\">\n                    <h4 class=\"modal-title\">\n                                            <\/h4>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                        \u00d7\n                    <\/button>\n                <\/div>\n\n                <!-- Contenido del modal -->\n                <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <div class=\"contenedoria\">\n                                <br><br>\n                                <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #222222; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #222222; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 350px;\n        background-color: #222222;\n        border-radius: 20px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 20px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"You\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6154\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"4541\"\n     data-width=\"350px\"\n     data-height=\"400px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"1\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"20\"\n     data-chat_rounded=\"20\"\n     data-voice_service=\"google\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Chirp-HD-F\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">AI thinking&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Type message..\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                            <\/div>\n                                                        <div class=\"contenidocentrado\">\n                                <h2 class=\"wp-block-heading\">Ask me something!<\/h2>\n                                <li>\n                                    Press <strong>once<\/strong>\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                                        <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                                        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                                        <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n                                    <\/svg>\n                                    to speak.\n                                <\/li>\n                                <li>\n                                    <strong>To finish<\/strong> press\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                        <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                        <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n                                    <\/svg>\n                                <\/li>\n                            <\/div>\n                            <br>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n<style>\n\n                       .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n                            background-color: #34354000 !important;\n                        }\n\n\n                         .wpaicg-chat-shortcode:nth-child(2) .wpaicg_chat_additions { display: none; }\n\n\n                        .iconomodal {\n                            border-radius: 0px !important;\n                            background-color: #00000000!important;\n                            display: inline-flex;\n                            align-items: center;\n                            padding: 0.5rem;\n                            min-width: 1rem;\n                            line-height: 1;\n                            color: inherit;\n                            background-color: transparent;\n                            border: none;\n                            outline: 0;\n                            color: var(--color-primary);\n                        }\n\n\n                        .album-track .icon-play {\n                            color: var(--color-primary);\n                        }\n\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                                color: #8c0dff !important;\n                            }\n\n\n                         .contenidocentrado {\n                        text-align: center;\n                        display: block;\n                        margin-block-start: 0em;\n                        margin-block-end: 0em;\n                        }\n\n\n\n                        .preguntas{\n                        width: calc(100% - var(--x-gap) * 3) !important;\n                        max-width: var(--content-width);\n                        margin-left: auto;\n                        margin-right: auto;\n                        }\n\n\n                        .accordion h3:after, .accordion h4:after {\n                        opacity: 9.5 !important;\n                        color: var(--color-primary) !important;\n                        }\n\n\n                        p {\n                        margin-top: 0.5rem;\n                        margin-bottom: 0rem;\n                        }\n\n                        b, strong {\n                        font-weight: 700 !important;\n                        }\n\n                        h3, .h3 {\n                        margin-block-end: 0.5em;\n                        }\n\n\n                     \n                        \/*.accordion h3, .accordion h4 {\n                        color: var(--color-primary) !important;\n                        }*\/\n\n\n                        .modal-body, .modal-footer, .modal-header {\n                            padding: 1rem;\n                        }\n\n\n                      \n                        .letracolor {\n                        color: var(--color-primary);\n                        margin-bottom: -5px;\n                        }\n\n\n                        .miicono {\n                        overflow: hidden;\n                        vertical-align: middle;\n                        color: var(--color-primary);\n                        }\n\n\n                        .wpaicg-chat-shortcode .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon svg {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-mic-icon {\n                        color: var(--color-primary) !important;\n                        }\n\n                        .wpaicg-chat-shortcode-type {\n                            background: rgb(0 0 0 \/ 0%) !important;\n                        }\n\n                        .wpaicg-chat-shortcode {\n                            width: 100% !important;\n                        }\n                        .wpaicg_chat_additions span {\n                            margin-right: 0px !important;\n                        }\n\n                        .contenedoria {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            \/*padding: 0px 0px 10px 0px;*\/\n                            margin-top: 0%;\n                            padding: 2rem 0rem 2rem 0rem!important;\n                        }\n\n\n\n                    .wpaicg-chat-shortcode {\n                        background-color: #12121200 !important;\n                    }\n\n\n                    .comment-respond .must-log-in p, textarea {\n                        width: 100% !important;\n                    }\n\n\n\n                    \/*sebas tengo que modificar esto para centrar el micro*\/\n                        .wpaicg_chat_additions{\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            right: 42% !important;\n                        }\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<!-- sebas cargo los estilos condicional -->\n\n    <style id=\"ia01-style\">\n        #ia01 .wpaicg-chat-shortcode-messages { display: none; }\n        #ia01 .wpaicg-chat-shortcode-send > svg { display: none; }\n        #ia01 .wpaicg-chat-shortcode-typing { display: none; }\n\n\n    .wpaicg-chat-shortcode {\n        align-items: center !important;\n        padding: 0rem !important;\n        min-width: 0rem !important;\n        justify-content: center !important;\n        align-items: center !important;\n        \/*max-width: 20px;*\/\n    }\n\n\n     \/* Establece el estilo para .wpaicg-bot-thinking cuando est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        color: inherit !important;\n    }\n\n    \/* Oculta .wpaicg-mic-icon cuando .wpaicg-bot-thinking est\u00e1 activo *\/\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking + .circle {\n        display: none;\n    }\n\n\n    .wpaicg-mic-icon svg {\n        width: 50px !important;\n        height: 50px !important;\n        margin: auto;\n        display: block;\n        color: var(--color-primary) !important;\n    }\n\n    @keyframes pulse {\n        0% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: scale(1.2);\n            opacity: 1;\n        }\n        100% {\n            transform: scale(1);\n            opacity: 0.8;\n        }\n    }\n\n    .wpaicg_chat_additions {\n        animation: pulse 3s infinite;\n    }\n\n    .circle {\n        width: 70px;\n        height: 70px;\n        border: 1px solid;\n        color: var(--color-primary);\n        border-radius: 100%;\n        \/*margin: 7px;*\/\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-top: -37%;\n    }\n\n\n    \n    .wpaicg-chat-shortcode{\n        width: ;\n    }\n    .wpaicg-chat-shortcode-content{\n        position: relative;\n    }\n    .wpaicg-chat-shortcode-content ul{\n        height: calc( - 44px);\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-footer{\n        height: 18px;\n        font-size: 11px;\n        padding: 0 20px;\n        color: ;\n        background: rgb(0 0 0 \/ 19%);\n        margin-top:2px;\n        margin-bottom: 2px;\n    }\n    .wpaicg-chat-shortcode-content ul li{\n        display: flex;\n        margin-bottom: 0;\n        padding: 10px;\n        color: ;\n    }\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message{\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong{\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        font-size: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong img{\n\n    }\n    .wpaicg-chat-shortcode-content ul li p{\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after{\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking{\n        bottom: 0;\n        font-size: 11px;\n        color: inherit;\n        padding: 2px 6px;\n        display: none;\n    }\n\n    .wpaicg-chat-shortcode{\n        background-color: ;\n    }\n    .wpaicg-chat-shortcode-type{\n        background: rgb(0 0 0 \/ 19%);\n    }\n    .wpaicg-chat-message{\n        text-align: justify;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message a,\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message a{\n        color: inherit;\n    }\n\n    <\/style>\n\n\n<style>\n.wpaicg-chat-shortcode {\n    box-shadow: 0 0px 0px rgb(0 0 0 \/ 0%) !important;\n}\n<\/style>\n\n\n\n\n\n    <script>\n        \/\/ Agregar evento al abrir el modal para aplicar el estilo CSS din\u00e1micamente\n        document.addEventListener('DOMContentLoaded', function () {\n            document.getElementById('ia01').addEventListener('show.bs.modal', function () {\n                document.getElementById('ia01-style').innerHTML = `\n                    #ia01 .wpaicg-chat-shortcode-messages { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-send > svg { display: block; }\n                    #ia01 .wpaicg-chat-shortcode-typing { display: block; }\n                `;\n            });\n        });\n    <\/script>\n\n\n\n\n    \t\t\t\t\t\t    <style>\n        \/* A\u00f1ade estilos personalizados aqu\u00ed si es necesario \n        #dropdown-more { display: none !important; } *\/\n        #dropdown-more { display: none !important; }\n        .btn-playlist:nth-child { display: none !important; }\n        .dropdown-backdrop { display: none !important; }\n    <\/style>\n\n\n    \n    <div class=\"btn-group dropup\">\n        <button class=\"btn-more\" type=\"button\" id=\"mapaDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"6\" r=\"2\"><\/circle><circle cx=\"12\" cy=\"18\" r=\"2\"><\/circle><\/svg>\n                    <\/button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"mapaDropdown\">\n           \n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia01\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg>&nbsp; &nbsp; Ask me something! (Voice)<\/a>\n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#ia02\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polygon points=\"16 3 21 8 8 21 3 21 3 16 16 3\"><\/polygon><\/svg>&nbsp; &nbsp; Ask me something! (Text)<\/a>\n\n\n                \n\n\n                \n\n\n                \n\n\n                \n\n\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#modalprueba54\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><line x1=\"17\" y1=\"10\" x2=\"3\" y2=\"10\"><\/line><line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"><\/line><line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"><\/line><line x1=\"17\" y1=\"18\" x2=\"3\" y2=\"18\"><\/line><\/svg>&nbsp; &nbsp; Description<\/a>\n\n\n                \n\n        <\/div>\n    <\/div>\n\n\n\n    <div class=\"modal fade\" id=\"ia02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">  <\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #343540; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #343540; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #444654;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #000000;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #343540;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #000000;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #444654;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #000000;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #000000;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #000000;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #000000;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #000000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #000000;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #000000;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #000000;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #000000;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#444654\"\n     data-color=\"#000000\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/default_profile.png\"\n     data-you=\"Yo\"\n     data-ai-avatar=\"https:\/\/pruebas.alhambra.app\/wp-content\/plugins\/gpt3-ai-content-generator-premium\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Iris\"\n     data-ai-bg-color=\"#343541\"\n     data-nonce=\"d14ab7590e\"\n     data-post-id=\"6154\"\n     data-url=\"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\"\n     data-bot-id=\"5009\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #000000; font-size: 13px; background-color: #343541\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Iris:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello! I&amp;#039;m Iris, your virtual assistant. I&amp;#039;m here to help you with any questions you may have. Don&amp;#039;t hesitate to ask!                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n\n\n\n\n\n\n\n\n<!-- sebas mejor\u00f3 el enfoque de espera -->\n<span class=\"wpaicg-bot-thinking\" style=\"color: brown; font-size: .9375rem; font-weight: 400; position: relative; z-index: 9999;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"svg-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n        <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n        <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n        <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n        <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n        <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n        <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n        <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n        <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n        <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n    <\/svg>\n    Creating neural connections&nbsp;\n    <span class=\"wpaicg-jumping-dots\">\n        <span class=\"wpaicg-dot-1\">.<\/span>\n        <span class=\"wpaicg-dot-2\">.<\/span>\n        <span class=\"wpaicg-dot-3\">.<\/span>\n    <\/span>\n<\/span>\n\n<script>\n(function () {\n    \/\/ Evita ejecutar el script m\u00e1s de una vez\n    if (!window.botThinkingObserverInitialized) {\n        const botThinkingElement = document.querySelector('.wpaicg-bot-thinking');\n        if (!botThinkingElement) return;\n\n        function mostrarShortcodeType() {\n            const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n            if (shortcodeTypeElement) {\n                shortcodeTypeElement.style.display = 'block';\n            }\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'style') {\n                    const displayStyle = botThinkingElement.style.display;\n                    const shortcodeTypeElement = document.querySelector('.wpaicg-chat-shortcode-type');\n                    if (shortcodeTypeElement) {\n                        if (displayStyle === 'block') {\n                            shortcodeTypeElement.style.display = 'none';\n                        } else {\n                            mostrarShortcodeType();\n                        }\n                    }\n                }\n            });\n        });\n\n        const observerConfig = {\n            attributes: true,\n            attributeFilter: ['style']\n        };\n\n        observer.observe(botThinkingElement, observerConfig);\n\n        \/\/ Marcar como inicializado\n        window.botThinkingObserverInitialized = true;\n    }\n})();\n<\/script>\n<!-- sebas termin\u00f3 el enfoque de espera -->\n\n\n\n\n\n\n                 <!-- sebas mejoro los dots para que sean animados --> \n                <style>\n                    .wpaicg-bot-container {\n                        color: #000000;\n                        font-size: 14px;\n                        position: relative;\n                        z-index: 9999;\n                    }\n                    .wpaicg-jumping-dots {\n                        display: inline-block;\n                        animation: wpaicg-jumping-dots-animation 1s infinite;\n                    }\n                    @keyframes wpaicg-jumping-dots-animation {\n                        0%, 20% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                        50% {\n                            opacity: 0.5;\n                            transform: translateY(-0.2em);\n                        }\n                        100% {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n                <\/style>\n\n\n\n\n\n\n\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #000000;\">Creating neural connections\u2026&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Write your message here\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n\n\n\n      \n\n\n\n        <div class=\"circle\">            \n                <span id=\"mic-icon\" class=\"wpaicg-mic-icon\" data-type=\"shortcode\" style=\"display:none;\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\">\n                        <!-- sebas - modifico el mic para agregar el color al svg con el color primario -->\n                      <path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\" fill=\"var(--color-primary)\" \/>\n                <\/svg>\n        <\/div>\n\n\n\n\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"1d3e7224ee\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n        <\/span>\n            <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n            <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">\u00d7<\/span>\n            <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>                                    <\/div>\n\n\n            <style>\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .circle:nth-child(2) { display: none !important; }\n\n\n                .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                    background: #44465400 !important; \n                }\n\n                .wpaicg-chat-shortcode-content ul li strong {\n                    color: var(--color-primary) !important;\n                }\n\n                .wpaicg-chat-shortcode-content ul li {\n                color: inherit !important;\n                }\n\n\n                .wpaicg-chat-shortcode-type {\n                    color: inherit !important;\n                    width: 100% !important;\n                }\n\n\n\n                textarea.wpaicg-chat-shortcode-typing {\n                border: 1px solid var(--color-primary) !important;\n                background-color: #ffffff00 !important;\n                color: inherit !important;\n                 }\n\n\n                .entry:nth-child(1) > .entry-header:nth-child(4) #ia02 .wpaicg-chat-shortcode-send:nth-child(9){\n                    display: none !important;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode-send {\n                    color: var(--color-primary) !important;\n                    margin-right: -250px !important;\n                }\n\n\n                textarea.auto-expand:focus {\n                outline: none;\n                box-shadow: 0 0 5px var(--color-primary) !important;\n                line-height: 2;\n                }\n\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: #ffffff00 !important;\n                    border-radius: 1px !important;\n                    height: 1px !important;\n                }\n\n\n\n\n\n                .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message, .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n                    color: inherit;\n                    font-size: .8375rem;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    background: var(--color-primary) !important;\n                    border-radius: 1px;\n                    height: 0px;\n                    background-color: inherit !important;\n                    color: inherit !important;\n                    border: 10px solid var(--color-grey-500) !important;\n                }\n\n\n\n                ::-webkit-scrollbar-thumb {\n                    border-radius: 5px !important;\n                    height: 1px !important;\n                }\n\n\n\n                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n                    background-color: inherit !important;\n                    border-radius: 1px !important;\n                }\n\n\n            <\/style>\n                <!-- <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cerrar<\/button>\n                <\/div> -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n\n    \n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- TODO LO QUE ESTA DEBAJO DE ESTO SON LAS LLAMADAS A LOS MODALES -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n\n\n<!-- PREGUNTAS RECOMENDADAS -->\n    <div class=\"modal fade\" id=\"modalprueba01\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n               <div class=\"modal-body\">\n                                            <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<!-- GALER\u00cdA DE FOTOS -->\n    <div class=\"modal fade\" id=\"modalprueba02\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- GALER\u00cdA DE VIDEO -->\n    <div class=\"modal fade\" id=\"modalprueba03\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                       <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- COMO LLEGAR AQU\u00cd -->\n    <div class=\"modal fade\" id=\"modalprueba04\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                         <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N -->\n    <div class=\"modal fade\" id=\"modalprueba05\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\"><\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted Access<\/h2>\n                            <p class=\"text-center mt-3\">Hidden content in the demo version.<br>\n                            Contact support to activate it.<\/p><\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <div class=\"modal fade\" id=\"modalprueba06\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" id=\"myModalLabel\">Modal title example<\/h5>\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                                        <div class=\"contenidocentrado\">\n                            <h2 class=\"wp-block-heading\">Restricted access<\/h2>\n                            <p class=\"text-center mt-3\">You must be registered to view this content.<\/p>\n                        <\/div>\n                        <br>\n                          <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION ALCAZABA  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - INTRODUCCI\u00d3N -->\n<div class=\"modal fade\" id=\"modalprueba07\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Alcazaba is the most primitive part of the monumental complex, built on the remains of an ancient Zirid fortress.\n                    <\/p>\n                    <p>\n                        The origins of the Nasrid Alcazaba date back to 1238, when the first sultan and founder of the Nasrid dynasty, Muhammad Ibn al-Alhmar, decided to move the seat of the sultanate from the Albaic\u00edn to the opposite hill, the Sabika.\n                    <\/p>\n                    <p>\n                        The location chosen by Al-Ahmar was ideal since the Alcazaba, located at the western end of the hill and with a triangular layout, very similar to the prow of a ship, guaranteed optimal defense for what would become the palatine city of the Alhambra, built under its protection.\n                    <\/p>\n                    <p>\n                        The Alcazaba, with its several walls and towers, was clearly intended to be defensive. It was, in fact, a surveillance center, due to its location two hundred meters above the city of Granada, thus guaranteeing visual control of the entire surrounding territory and simultaneously representing a symbol of power.\n                    <\/p>\n                    <p>\n                        Inside, the military quarter is located, and over time, the Alcazaba was established as a small, independent micro-city for high-ranking soldiers, responsible for the defense and protection of the Alhambra and its sultans.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - BARRIO CASTRENSE -->\n <div class=\"modal fade\" id=\"modalprueba08\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">Military District<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Upon entering the citadel, we find ourselves in what appears to be a labyrinth, although in reality it is a process of architectural restoration using anastylosis, which has allowed the restoration of the old military quarter that had remained buried until the beginning of the twentieth century.\n                    <\/p>\n                    <p>\n                        The Sultan&#039;s elite guard and the rest of the military contingent responsible for the defense and security of the Alhambra resided in this neighborhood. It was, therefore, a small city within the Alhambra&#039;s palatial city, with everything necessary for daily life, such as housing, workshops, a bakehouse with an oven, warehouses, a cistern, a hammam, and so on. In this way, the military and civilian populations could be kept separate.\n                    <\/p>\n                    <p>\n                        In this neighborhood, thanks to this restoration, we can contemplate the typical layout of the Muslim house: an entrance with a corner entrance, a small courtyard as the central axis of the house, rooms surrounding the courtyard, and a latrine.\n                    <\/p>\n                    <p>\n                        Furthermore, at the beginning of the twentieth century, a dungeon was discovered underground. Easily recognizable from the outside by the modern spiral staircase leading down to it. This dungeon housed prisoners who could be used to obtain significant benefits, whether political or economic, or, in other words, individuals with significant market value.\n                    <\/p>\n                    <p>\n                        This underground prison is shaped like an inverted funnel and has a circular floor plan. This made it impossible for these captives to escape. In fact, the prisoners were brought inside using a system of pulleys or ropes.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA P\u00d3LVORA -->\n<div class=\"modal fade\" id=\"modalprueba09\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">POWDER TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Powder Tower served as a defensive reinforcement on the southern side of the Vela Tower and from there the military road that led to the Red Towers started.\n                    <\/p>\n                    <p>\n                        Since 1957, it is in this tower where we can find some verses engraved on stone, whose authorship corresponds to the Mexican Francisco de Icaza: \n                    <\/p>\n                    <br>\n                    <blockquote>\n                        \u201cGive alms, woman, there is nothing in life,<br>\n                        like the penalty of being blind in Granada.\u201d\n                    <\/blockquote>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - JARD\u00cdN DE LOS ADARVES -->\n<div class=\"modal fade\" id=\"modalprueba10\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">GARDEN OF THE ADARVES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The space occupied by the Garden of the Adarves dates back to the sixteenth century, when an artillery platform was built in the process of adapting the Alcazaba for artillery.\n                    <\/p>\n                    <p>\n                        It was already in the seventeenth century when military use lost its importance and the fifth Marquis of Mond\u00e9jar, after being appointed warden of the Alhambra in 1624, decided to transform this space into a garden by filling the space between the outer and inner walls with earth.\n                    <\/p>\n                    <p>\n                        There is a legend that it was in this place where gold-filled porcelain vases were found hidden, probably hidden by the last Muslims who inhabited the area. Some of the gold was used by the Marquis to finance the creation of this beautiful garden. It is thought that perhaps one of these vases is one of the twenty large Nasrid gilded earthenware vases preserved worldwide. We can see two of these vases in the National Museum of Hispano-Muslim Art, located on the ground floor of the Palace of Charles V.\n                    <\/p>\n                    <p>\n                        One of the notable features of this garden is the presence in the central part of a kettledrum-shaped fountain. This fountain has had various locations, the most striking and notable being in the Patio de los Leones (Courtyard of the Lions), where it was placed in 1624 over the Lions&#039; Fountain, causing significant damage. The bowl remained in that location until 1954, when it was removed and replaced here.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DE LA VELA -->\n<div class=\"modal fade\" id=\"modalprueba11\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">CANDLE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Under the Nasrid dynasty, this tower was known as the Torre Mayor, and from the sixteenth century onward, it was also called the Torre del Sol (Tower of the Sun), because the sun reflected off the tower at midday, acting as a sundial. However, its current name comes from the word velar (vellar), given that, thanks to its height of 27 meters, it provides a 360-degree view that would allow any movement to be detected.\n                    <\/p>\n                    <p>\n                        The Tower&#039;s appearance has changed over time. It originally had battlements on its terrace, which were lost due to several earthquakes. The bell was added after the Christians captured Granada.\n                    <\/p>\n                    <p>\n                        This bell was used to warn the population of any potential danger, such as earthquakes or fires. Its sound was also used to regulate irrigation schedules in the Vega of Granada.\n                    <\/p>\n                    <p>\n                        Currently, and according to tradition, the bell is rung every January 2nd to commemorate the capture of Granada on January 2nd, 1492.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE Y PUERTA DE LAS ARMAS -->\n<div class=\"modal fade\" id=\"modalprueba12\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">TOWER AND GATE OF THE WEAPONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Located in the northern wall of the Alcazaba, the Puerta de las Armas was one of the main entrances to the Alhambra.\n                    <\/p>\n                    <p>\n                        During the Nasrid dynasty, citizens crossed the Darro River via the Cad\u00ed Bridge and climbed the hill along a path now hidden by the San Pedro Forest until they reached the gate. Inside the gate, they had to deposit their weapons before entering the enclosure, hence the name &quot;Gate of Arms.&quot;\n                    <\/p>\n                    <p>\n                        From the terrace of this tower, we can now enjoy one of the best panoramic views of the city of Granada.\n                    <\/p>\n                    <p>\n                        Directly opposite lies the Albaic\u00edn neighborhood, easily recognizable by its whitewashed houses and labyrinthine network of streets. This neighborhood was declared a UNESCO World Heritage Site in 1994.\n                    <\/p>\n                    <p>\n                        It is in this neighborhood where one of Granada&#039;s most famous viewpoints is located: the Mirador de San Nicol\u00e1s.\n                    <\/p>\n                    <p>\n                        To the right of the Albaic\u00edn, is the Sacromonte neighborhood.\n                    <\/p>\n                    <p>\n                        Sacromonte is Granada&#039;s quintessential old Gypsy neighborhood and the birthplace of flamenco. This neighborhood is also characterized by the presence of troglodyte dwellings: caves.\n                    <\/p>\n                    <p>\n                        At the foot of the Albaic\u00edn and the Alhambra lies the Carrera del Darro, next to the banks of the river of the same name.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- DESCRIPCI\u00d3N - ALCAZABA - TORRE DEL HOMENAJE Y TORRE DEL CUBO -->\n<div class=\"modal fade\" id=\"modalprueba13\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel\">KEEP TOWER AND CUBE TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        The Keep is one of the oldest towers in the Alcazaba, standing 26 meters tall. It has six floors, a terrace, and an underground dungeon.\n                    <\/p>\n                    <p>\n                        Due to the tower&#039;s height, communication with the kingdom&#039;s watchtowers was established from its terrace. This communication was established through a system of mirrors during the day or smoke with bonfires at night.\n                    <\/p>\n                    <p>\n                        It is thought that, due to the tower&#039;s protruding position on the hill, it was probably the place chosen for the display of the banners and red flags of the Nasrid dynasty.\n                    <\/p>\n                    <p>\n                        The base of this tower was reinforced by the Christians with the so-called Cube Tower.\n                    <\/p>\n                    <p>\n                        After the capture of Granada, the Catholic Monarchs planned a series of renovations to adapt the Alcazaba to artillery. Thus, the Cube Tower was built over the Tahona Tower. Thanks to its cylindrical shape, it provides greater protection against potential impacts compared to the square-shaped Nasrid towers.\n                    <\/p>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  DESCRIPCION GENERALIFE -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba14\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel14\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel14\">INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Generalife, located on Cerro del Sol, was the sultan&#039;s almunia, or in other words, a palatial country house with orchards, where, in addition to farming, animals were raised for the Nasrid court and hunting was practiced. Its construction is estimated to have begun in the late 13th century by Sultan Muhammad II, son of the founder of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    The name Generalife comes from the Arabic &quot;yannat-al-arif,&quot; meaning &quot;the architect&#039;s garden.&quot; It was a much larger space in the Nasrid period, with at least four vegetable gardens, and extended to a place known today as &quot;the partridge plain.&quot;\n                <\/p>\n                <p>\n                    This country house, which the vizier Ibn al-Yayyab called the Royal House of Happiness, was a palace: the sultan&#039;s summer palace. Despite its proximity to the Alhambra, it afforded him enough privacy to escape and relax from the stresses of court and government life, as well as to enjoy more pleasant temperatures. Due to its location at a higher altitude than the palatine city of the Alhambra, the temperature inside dropped.\n                <\/p>\n                <p>\n                    When Granada was captured, the Generalife became the property of the Catholic Monarchs, who placed it under the protection of an alcaide or commander. Philip II eventually ceded the perpetual alcaid\u00eda and ownership of the site to the Granada Venegas family (a family of converted Moriscos). The State only recovered the site after a dispute that lasted almost 100 years and ended with an out-of-court settlement in 1921.\n                <\/p>\n                <p>\n                    Agreement by which the Generalife would become a national heritage site and would be managed together with the Alhambra through the Board of Trustees, thus forming the Board of Trustees of the Alhambra and the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba15\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel15\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel15\">AUDIENCE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The open-air amphitheater we encountered on our way to the Generalife Palace was built in 1952 with the intention of hosting, as it does every summer, the Granada International Music and Dance Festival.\n                <\/p>\n                <p>\n                    Since 2002, a Flamenco Festival has also been held, linked to the figure of Granada&#039;s most emblematic poet: Federico Garc\u00eda Lorca.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba16\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel16\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel16\">MEDIEVAL ROAD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Under the Nasrid dynasty, the road that connected the palatine city and the Generalife started from the Puerta del Arabal, framed by the so-called Torre de los Picos, so named because its battlements end in brick pyramids.\n                <\/p>\n                <p>\n                    It was a winding, sloping road, protected on both sides by high walls for greater security, and led to the entrance to the Patio del Descabalgamiento.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba17\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel17\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel17\">HOUSE OF FRIENDS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These ruins or foundations are the archaeological remains of what was once the so-called House of Friends. Its name and purpose have come down to us thanks to Ibn Luy\u00fan&#039;s &quot;Treatise on Agriculture&quot; in the 14th century.\n                <\/p>\n                <p>\n                    It was therefore a dwelling intended for people, friends or relatives whom the sultan held in esteem and considered important to have close to him, but without invading their privacy, so it was an isolated dwelling.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"modal fade\" id=\"modalprueba18\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel18\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel18\">OLEDERFLOWER WALK<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    This Oleander Walk was built in the mid-19th century for the visit of Queen Elizabeth II and to create a more monumental access to the upper part of the palace. \n                <\/p>\n                <p>\n                    Oleander is another name for the pink laurel, which appears in the form of an ornamental canopy along this walkway. At the beginning of the walk, behind the High Gardens, is one of the oldest examples of the Moorish myrtle, which was nearly lost and whose genetic traces are still being investigated today.\n                <\/p>\n                <p>\n                    It is one of the most characteristic plants of the Alhambra, distinguished by its curled leaves, which are larger than the common myrtle.\n                <\/p>\n                <p>\n                    The Paseo de las Adelfas connects with the Paseo de los Cipreses, which serves as a link leading visitors to the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba19\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel19\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel19\">WATER STAIRWAY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the best-preserved and unique elements of the Generalife is the so-called Water Staircase. It is believed that, under the Nasrid dynasty, this staircase\u2014divided into four flights with three intermediate landings\u2014had water channels that flowed through the two glazed ceramic handrails, fed by the Royal Canal.\n                <\/p>\n                <p>\n                    This water pipe reached a small oratory, of which no archaeological information survives. In its place, since 1836, there has been a romantic belvedere erected by the estate manager at the time.\n                <\/p>\n                <p>\n                    The climb up this staircase, framed by a laurel vault and the murmur of water, probably created an ideal environment for stimulating the senses, entering into a climate conducive to meditation, and performing ablutions prior to prayer.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba20\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel20\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel20\">GENERALIFE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the grounds surrounding the palace, it is estimated that there must have been at least four large vegetable gardens organized on different levels, or paratas, enclosed by adobe walls. The names of these gardens that have survived to the present day are: Grande, Colorada, Mercer\u00eda, and Fuente Pe\u00f1a.\n                <\/p>\n                <p>\n                    These gardens have continued to be cultivated, to a greater or lesser extent, since the 14th century, using the same traditional medieval techniques. Thanks to this agricultural production, the Nasrid court maintained a certain independence from other external agricultural suppliers, allowing it to meet its own food needs.\n                <\/p>\n                <p>\n                    They were used not only for vegetable gardens, but also for fruit trees and animal pastures. For example, today they grow artichokes, eggplants, beans, figs, pomegranates, and almond trees.\n                <\/p>\n                <p>\n                    Today, the preserved orchards continue to use the same agricultural production techniques employed in medieval times, giving this space great anthropological value.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba21\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel21\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel21\">HIGH GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    These gardens are accessed from the Patio de la Sultana via a steep 19th-century staircase, called the Lions&#039; Staircase, due to the two glazed earthenware figures above the gate.\n                <\/p>\n                <p>\n                    These gardens can be considered an example of a Romantic garden. They are located on pillars and form the highest part of the Generalife, offering spectacular views of the entire monumental complex.\n                <\/p>\n                <p>\n                    The presence of beautiful magnolias stands out.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba22\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel22\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel22\">ROSE GARDENS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Rose Gardens originated between the 1930s and 1950s, after the State acquired the Generalife in 1921. \n                <\/p>\n                <p>\n                    The need then arose to enhance the value of an abandoned area and strategically connect it to the Alhambra through a gradual and smooth transition.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba23\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel23\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel23\">DITCH PATIO<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Acequia, also called the Patio de la R\u00eda in the 19th century, today has a rectangular structure with two facing pavilions and a bay.\n                <\/p>\n                <p>\n                    The courtyard&#039;s name comes from the Royal Canal that runs through this palace, around which four gardens are arranged in orthogonal parterres at a lower level. On both sides of the canal are fountains that form one of the palace&#039;s most popular images. However, these fountains are not original, as they disrupt the tranquility and serenity the sultan sought during his moments of rest and meditation.\n                <\/p>\n                <p>\n                    This palace has undergone extensive transformations, as this courtyard was originally closed to the views we find today through the gallery of 18 belvedere-style arches. The only part that would allow a view of the landscape would be the central viewing platform. From this original viewing platform, sitting on the floor and leaning on the windowsill, one could contemplate the panoramic views of the palatine city of the Alhambra.\n                <\/p>\n                <p>\n                    As a testament to its past, we find Nasrid decoration in the viewing platform, where the plasterwork of Sultan Ismail I is superimposed over that of Muhammad III stands out. This demonstrates that each sultan had different tastes and needs and adapted the palaces accordingly, leaving their own mark or imprint.\n                <\/p>\n                <p>\n                    As we pass the viewpoint, and if we look at the intrados of the arches, we will also find emblems of the Catholic Monarchs such as the Yoke and the Arrows, as well as the motto &quot;Tanto Monta&quot;.\n                <\/p>\n                <p>\n                    The east side of the courtyard is recent due to a fire that occurred in 1958.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba24\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel24\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel24\">GUARDYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Patio de la Acequia, we come across the Patio de la Guardia. A simple courtyard with porticoed galleries and a fountain in its center, it is also decorated with bitter orange trees. This courtyard must have served as a control area and antechamber before accessing the sultan&#039;s summer quarters.\n                <\/p>\n                <p>\n                    What stands out about this place is that, after climbing some steep stairs, we find a doorway framed by a lintel decorated with tiles in shades of blue, green, and black on a white background. We can also see, although worn by the passage of time, the Nasrid key.\n                <\/p>\n                <p>\n                    As we climb the steps and pass through this doorway, we come across a bend, the guard benches, and a steep, narrow staircase that leads us to the palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba25\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel25\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel25\">SULTANA&#039;S COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de la Sultana is one of the most transformed spaces. It is thought that the site now occupied by this courtyard\u2014also called the Patio del Cipr\u00e9s\u2014was the area used for the former hammam, the Generalife baths.\n                <\/p>\n                <p>\n                    In the 16th century, it lost this function and became a garden. Over time, a northern gallery was added, along with a U-shaped pool, a fountain in its center, and thirty-eight noisy jets.\n                <\/p>\n                <p>\n                    The only elements preserved from the Nasrid period are the Acequia Real waterfall, protected behind a fence, and a small section of canal that directs the water towards the Patio de la Acequia.\n                <\/p>\n                <p>\n                    The name &quot;Cypress Courtyard&quot; is due to the centuries-old dead cypress tree, of which only its trunk remains today. Next to it is a Granada ceramic plaque that tells of the 16th-century legend by Gin\u00e9s P\u00e9rez de Hita, according to which this cypress witnessed the amorous encounters of the last sultan&#039;s favorite, Boabdil, with a noble Abencerraje knight.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba26\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel26\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel26\">DISMOUNTING COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio del Descabalgamiento, also known as Patio Polo, is the first courtyard we encounter upon entering the Generalife Palace.\n                <\/p>\n                <p>\n                    The Sultan used a horse as a means of transportation to access the Generalife, and as such, he needed a place to dismount and house these animals. This courtyard is thought to have been intended for this purpose, as it housed the stables.\n                <\/p>\n                <p>\n                    It had benches for support for horses to get on and off, and two stables in the side aisles, which served as stables on the lower level and haylofts on the upper level. A drinking trough with fresh water for the horses was also essential.\n                <\/p>\n                <p>\n                    Worth noting here: above the lintel of the door leading to the next courtyard, we find the Alhambra key, a symbol of the Nasrid dynasty, representing salutation and ownership.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba27\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel27\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel27\">ROYAL HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The north portico is the best preserved and was intended to house the sultan&#039;s quarters.\n                <\/p>\n                <p>\n                    We find a portico with five arches supported by columns and alham\u00edes at their ends. Beyond this portico, and to access the Royal Hall, one passes through a triple archway in which poems speak of the Battle of La Vega or Sierra Elvira in 1319, which gives us information about the dating of the site.\n                <\/p>\n                <p>\n                    On the sides of this triple arch there are also *taqas*, small niches excavated in the wall where water was placed.\n                <\/p>\n                <p>\n                    The Royal Hall, located in a square tower decorated with plasterwork, was the place where the sultan\u2014despite this being a leisure palace\u2014received urgent audiences. These audiences, according to verses engraved there, were supposed to be brief and to the point so as not to unduly disturb the emir&#039;s rest.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  PALACIOS NAZARIES  -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba28\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel28\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel28\">INTRODUCTION TO THE NAZARI PALACES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Nasrid Palaces constitute the most emblematic and striking part of the monumental complex. They were built in the 14th century, a period that can be considered a time of great splendor for the Nasrid dynasty.\n                <\/p>\n                <p>\n                    These palaces were the area reserved for the sultan and his close relatives, where family life took place, but also the official and administrative life of the kingdom.\n                <\/p>\n                <p>\n                    The Palaces are: the Mexuar, the Comares Palace and the Palace of the Lions.\n                <\/p>\n                <p>\n                    Each of these palaces was built independently, at different times, and with their own distinct functions. It was after the Capture of Granada that the palaces were unified, and from that moment on, they became known as the Royal House, and later as the Old Royal House, when Charles V decided to build his own palace.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba29\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel29\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel29\">THE MEXUAR AND ORATORY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Mexuar is the oldest part of the Nasrid Palaces, but it is also the space that has undergone the greatest transformations over time. Its name comes from the Arabic *Maswar*, which refers to the place where the *Sura* or Council of Ministers of the Sultan met, thus revealing one of its functions. It was also the antechamber where the Sultan administered justice.\n                <\/p>\n                <p>\n                    The construction of the Mexuar is attributed to Sultan Ismail I, who reigned between 1314 and 1325, and was modified by his grandson Muhammad V. However, it was the Christians who most transformed this space by turning it into a chapel.\n                <\/p>\n                <p>\n                    During the Nasrid period, this space was much smaller and was organized around four central columns, where the characteristic Nasrid cubic capital, painted cobalt blue, can still be seen. These columns supported a lantern that provided overhead light, which was removed in the 16th century to create upper rooms and side windows.\n                <\/p>\n                <p>\n                    To convert the space into a chapel, the floor was lowered and a small rectangular space was added at the back, now separated by a wooden balustrade that indicates where the upper choir was located.\n                <\/p>\n                <p>\n                    The ceramic tiled plinth with star decoration was brought from elsewhere. Among its stars, one can alternately see: the coat of arms of the Nasrid Kingdom, that of Cardinal Mendoza, the double-headed eagle of the Austrians, the motto &quot;There is no victor but God,&quot; and the Pillars of Hercules from the imperial coat of arms.\n                <\/p>\n                <p>\n                    Above the plinth, a plaster epigraphic frieze repeats: \u201cThe Kingdom is God\u2019s. Strength is God\u2019s. Glory is God\u2019s.\u201d These inscriptions replace the Christian ejaculations: \u201cChristus regnat. Christus vincit. Christus imperat.\u201d\n                <\/p>\n                <p>\n                    The current entrance to the Mexuar was opened in the modern period, changing the location of one of the Pillars of Hercules, bearing the motto &quot;Plus Ultra,&quot; which was moved to the east wall. The plaster crown above the door remains in its original location.\n                <\/p>\n                <p>\n                    At the back of the room, a door leads to the Oratory, which was originally accessed through the Machuca gallery.\n                <\/p>\n                <p>\n                    This space is one of the most damaged in the Alhambra due to the explosion of a powder magazine in 1590. It was restored in 1917.\n                <\/p>\n                <p>\n                    During the restoration, the floor level was lowered to prevent accidents and facilitate visits. A continuous ledge under the windows remains as a testament to the original level.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba30\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel30\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel30\">GOLDEN ROOM and COMARES FACADE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n\n                <p>\n                    The name *Golden Quarter* comes from the period of the Catholic Monarchs, when the Nasrid coffered ceiling was repainted with golden motifs and the emblems of the monarchs were incorporated.\n                <\/p>\n                <p>\n                    Subjects who obtained an audience waited in front of the fa\u00e7ade, separated from the sultan by the royal guard, in the room now known as the Golden Room.\n                <\/p>\n                <p>\n                    In the center of the courtyard is a low marble fountain with galloons, a replica of the Lindaraja fountain preserved in the Alhambra Museum. To one side of the fountain, a gate leads to a dark underground corridor used by the guards.\n                <\/p>\n                <p>\n                    Further along, we find the fa\u00e7ade of the Comares Palace. This impressive fa\u00e7ade, extensively restored between the 19th and 20th centuries, was built by Muhammad V to commemorate the capture of Algeciras in 1369, which granted him control over the Strait of Gibraltar.\n                <\/p>\n                <p>\n                    In this courtyard, the sultan received subjects who had a special audience. He sat in the central part of the fa\u00e7ade, on a jamuga (wooden frame) between the two doors and beneath the great eaves, a masterpiece of Nasrid carpentry that crowned it.\n                <\/p>\n                <p>\n                    The fa\u00e7ade has a strong allegorical meaning. On it, subjects could read:\n                <\/p>\n                <br>\n                <br>\n                <blockquote>\n                    \u201cMy position is that of a crown and my gate a fork: the West believes that in me is the East.\u201d<br>\n                    Al-Gani bi-llah has entrusted me with opening the door to the victory that is being announced.<br>\n                    Well, I&#039;m waiting for him to appear as the horizon reveals itself in the morning.<br>\n                    May God make his work as beautiful as his character and figure are!\n                <\/blockquote>\n                <p>\n                    The door on the right served as access to the private quarters and service area, while the door on the left, through a curved corridor with benches for the guard, gives access to the Comares Palace, specifically to the Patio de los Arrayanes.\n                <\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba31\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel31\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel31\">COURTYARD OF THE MYRTLES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    One of the characteristics of the Hispano-Muslim house is access through a curved hallway that leads to an open-air courtyard, the focal point of life and organization of the home, complete with a water feature and vegetation. This same concept is found in the Patio de los Arrayanes, but on a larger scale, measuring 36 meters long and 23 meters wide.\n                <\/p>\n                <p>\n                    The Patio de los Arrayanes (Courtyard of the Myrtles) is the centerpiece of the Comares Palace, where the political and diplomatic activities of the Nasrid Kingdom took place. It is a rectangular courtyard of imposing dimensions, whose central axis is a large pool. In it, the still water acts as a mirror, lending depth and verticality to the space, thus creating a palace on water.\n                <\/p>\n                <p>\n                    At both ends of the pool, jets gently introduce water so as not to disrupt the mirror effect or the stillness of the place.\n                <\/p>\n                <p>\n                    Flanking the pool are two myrtle clumps, which give the current site its name: Patio de los Arrayanes (Courtyard of the Myrtles). In the past, it was also known as Patio de la Alberca (Courtyard of the Pool).\n                <\/p>\n                <p>\n                    The presence of water and vegetation is not only a matter of ornamental or aesthetic considerations, but also a desire to create pleasant spaces, especially in summer. Water refreshes the environment, while vegetation retains moisture and provides fragrance.\n                <\/p>\n                <p>\n                    On the longer sides of the courtyard are four independent dwellings. On the north side stands the Comares Tower, which houses the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the south side, the fa\u00e7ade acts as a trompe l&#039;oeil, as the building that existed behind it was demolished to connect the Palace of Charles V with the Old Royal House.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba32\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel32\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel32\">MOSQUE COURTYARD AND MACHUCA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the Nasrid Palaces, if we look to the left, we find two courtyards.\n                <\/p>\n                <p>\n                    The first is the Patio de la Mezquita, named after the small mosque located in one of its corners. However, since the 20th century, it has also been known as the Madrasa de los Pr\u00edncipes (Princes&#039; Madrasa), as its structure bears similarities to the Madrasa of Granada.\n                <\/p>\n                <p>\n                    Further on is the Patio de Machuca, named after the architect Pedro Machuca, who was in charge of supervising the construction of the Palace of Charles V in the 16th century and who resided there.\n                <\/p>\n                <p>\n                    This courtyard is easily recognizable by the lobed-edged pool at its center, as well as by the arched cypress trees, which restore the architectural feel of the space in a non-invasive way.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba33\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel33\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel33\">BOAT ROOM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Boat Room is the anteroom to the Throne Room or Ambassadors&#039; Room.\n                <\/p>\n                <p>\n                    On the jambs of the arch leading into this room, we find facing niches carved in marble and decorated with colorful tiles. These are one of the most characteristic ornamental and functional elements of the Nasrid palaces: the taqas.\n                <\/p>\n                <p>\n                    *Taqas* are small niches carved into walls, always arranged in pairs and facing each other. They were used to hold jars of fresh water for drinking or scented water for washing hands.\n                <\/p>\n                <p>\n                    The current ceiling of the hall is a reproduction of the original, lost in a fire in 1890.\n                <\/p>\n                <p>\n                    The name of this room comes from a phonetic alteration of the Arabic word *baraka*, meaning &quot;blessing,&quot; which is repeated numerous times on the walls of this room. It does not derive, as is popularly believed, from the inverted boat-shaped roof.\n                <\/p>\n                <p>\n                    It was in this place that the new sultans requested the blessing of their God before being crowned as such in the Throne Room.\n                <\/p>\n                <p>\n                    Before entering the Throne Room, we find two side entrances: on the right, a small oratory with its mihrab; and on the left, the access door to the interior of the Comares Tower.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba34\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel34\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel34\">AMBASSADORS&#039; OR THRONE HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Ambassadors&#039; Hall, also called the Throne Hall or the Comares Hall, is the site of the sultan&#039;s throne and, therefore, the center of power of the Nasrid dynasty. Perhaps for this reason, it is located within the Comares Tower, the largest tower in the monumental complex, at 45 meters high. Its etymology comes from the Arabic *arsh*, meaning tent, pavilion, or throne.\n                <\/p>\n                <p>\n                    The room is shaped like a perfect cube, and its walls are richly decorated up to the ceiling. On the sides are nine identical alcoves grouped in groups of three with windows. The one opposite the entrance features more elaborate decoration, as it was the sultan&#039;s seat, backlit, favoring the effect of dazzling and surprising.\n                <\/p>\n                <p>\n                    In the past, the windows were covered with colored glass panels with geometric shapes called *cumarias*. These were lost due to the shock wave of a powder magazine that exploded in 1590 on the Carrera del Darro.\n                <\/p>\n                <p>\n                    The decorative richness of the hall is extreme. It begins in the lower part with geometrically shaped tiles, creating a visual effect similar to that of a kaleidoscope. It continues on the walls with stuccos resembling hanging tapestries, decorated with plant motifs, flowers, shells, stars, and abundant inscriptions.\n                <\/p>\n                <p>\n                    The current script is of two types: cursive, the most common and easily recognizable; and Kufic, a cultured script with rectilinear and angular forms.\n                <\/p>\n                <p>\n                    Among all the inscriptions, the most prominent is the one located beneath the ceiling, on the upper band of the wall: Surah 67 of the Quran, known as &quot;The Kingdom&quot; or &quot;The Lordship,&quot; which runs along all four walls. This surah was recited by the new sultans to proclaim that their power came directly from God.\n                <\/p>\n                <p>\n                    The image of divine power is also represented in the ceiling, composed of 8,017 different pieces that, through wheels of stars, illustrate Islamic eschatology: the seven heavens and an eighth, paradise, the Throne of Allah, represented by the central dome of muqarnas.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba35\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel35\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel35\">CHRISTIAN ROYAL HOUSE \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To access the Christian Royal House, you must use one of the doors open in the left alcove of the Hall of the Two Sisters.\n                <\/p>\n                <p>\n                    Charles V, grandson of the Catholic Monarchs, visited the Alhambra in June 1526 after marrying Isabella of Portugal in Seville. Upon arriving in Granada, the couple settled into the Alhambra itself and ordered the construction of new rooms, now known as the Emperor&#039;s Apartments.\n                <\/p>\n                <p>\n                    These spaces completely break with Nasrid architecture and aesthetics. However, as they were built on garden areas between the Comares Palace and the Palace of the Lions, the upper part of the Royal Hammam, or Comares Hammam, can be seen through small windows to the left of the corridor. A few meters further on, other openings reveal the Hall of Beds and the Musicians&#039; Gallery.\n                <\/p>\n                <p>\n                    The Royal Baths were not only a place of hygiene, but also an ideal place to cultivate political and diplomatic relations in a relaxed and friendly manner, accompanied by music to liven up the occasion. This space is only open to the public on special occasions.\n                <\/p>\n                <p>\n                    Through this corridor you enter the Emperor&#039;s Office, which stands out for its Renaissance fireplace with the imperial coat of arms and a wooden coffered ceiling designed by Pedro Machuca, architect of the Palace of Charles V. On the coffered ceiling you can read the inscription &quot;PLUS ULTRA&quot;, a motto adopted by the Emperor, along with the initials K and Y, corresponding to Charles V and Isabella of Portugal.\n                <\/p>\n                <p>\n                    Leaving the hall, on the right are the Imperial Rooms, currently closed to the public and only accessible on special occasions. These rooms are also known as Washington Irving&#039;s Rooms, as it was here that the American Romantic writer stayed during his stay in Granada. It was possibly here that he wrote his famous book *Tales of the Alhambra*. A commemorative plaque can be seen above the door.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba36\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel36\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel36\">LINDARAJA COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Adjacent to the Patio de la Reja is the Patio de Lindaraja, adorned with carved boxwood hedges, cypress trees, and bitter orange trees. This patio owes its name to the Nasrid viewpoint located on its southern side, which bears the same name.\n                <\/p>\n                <p>\n                    During the Nasrid period, the garden had a completely different appearance than it does today, as it was a space open to the landscape.\n                <\/p>\n                <p>\n                    With the arrival of Charles V, the garden was enclosed, taking on a cloister-like layout thanks to a porticoed gallery. Columns from other parts of the Alhambra were used for its construction.\n                <\/p>\n                <p>\n                    In the center of the courtyard stands a Baroque fountain, over which a Nasrid marble basin was superimposed at the beginning of the 17th century. The fountain we see today is a replica; the original is preserved in the Alhambra Museum.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba37\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel37\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel37\">COURTYARD OF THE LIONS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Patio de los Leones (Courtyard of the Lions) is the heart of this palace. It is a rectangular courtyard surrounded by a porticoed gallery with 124 columns, each one different from the other, which connect the different rooms of the palace. It bears a certain resemblance to a Christian cloister.\n                <\/p>\n                <p>\n                    This space is considered one of the jewels of Islamic art, despite breaking with the usual patterns of Hispano-Muslim architecture.\n                <\/p>\n                <p>\n                    The palace&#039;s symbolism revolves around the concept of a garden-paradise. The four water channels that radiate from the center of the courtyard could represent the four rivers of Islamic paradise, giving the courtyard a cruciform layout. The columns evoke a palm forest, like the oasis of paradise.\n                <\/p>\n                <p>\n                    In the center is the famous Fountain of the Lions. The twelve lions, although in a similar position\u2014alert and with their backs to the fountain\u2014have different features. They are carved from white Macael marble, carefully selected to take advantage of the stone&#039;s natural veins and accentuate its distinctive features.\n                <\/p>\n                <p>\n                    There are various theories about its symbolism. Some believe it represents the strength of the Nasrid dynasty or Sultan Muhammad V, the twelve signs of the zodiac, the twelve hours of the day, or even a water clock. Others maintain that it is a reinterpretation of the Bronze Sea of Judea, held up by twelve bulls, here replaced by twelve lions.\n                <\/p>\n                <p>\n                    The central basin was probably carved in situ and contains poetic inscriptions praising Muhammad V and the hydraulic system that feeds the fountain and regulates the water flow to prevent overflows. This is an excerpt from the poem:\n                <\/p>\n                <blockquote>\n                    \u201cMolten silver runs among the pearls,<\/br>\n                    to which it resembles pure, dawn-like beauty.<\/br>\n                    At first glance, water and marble seem to blend together,<\/br>\n                    without us knowing which of the two is sliding.<\/br>\n                    Don&#039;t you see how the water is spilling into the cup?<\/br>\n                    But do its pipes hide it immediately?<br><br>\n                    He is a lover whose eyelids overflow with tears,<br>\n                    tears that she hides for fear of an informer.<br><br>\n                    Isn&#039;t it, in reality, like a white cloud?<\/br>\n                    whose irrigation ditches pour water into the lions<\/br>\n                    and it looks like the hand of the caliph who, in the morning,<\/br>\n                    Does he lavish his favors on the lions of war?\u201d\n                <\/blockquote>\n                <p>\n                    The fountain underwent several transformations over time. In the 17th century, a second basin was added, which was removed in the 20th century and relocated to the Garden of the Adarves of the Alcazaba.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba38\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel38\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel38\">QUEEN&#039;S COMBING ROOM AND REJET COURTYARD<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Christian adaptation of the palace entailed the creation of direct access to the Comares Tower via a two-story open gallery. This gallery offers magnificent views of two of Granada&#039;s most iconic neighborhoods: the Albaic\u00edn and the Sacromonte.\n                <\/p>\n                <p>\n                    From the gallery, looking to the right, you can also see the Queen&#039;s Dressing Room, which, like other areas mentioned above, can only be visited on special occasions or as a space of the month.\n                <\/p>\n                <p>\n                    The Queen&#039;s Dressing Room is located in the Tower of Yusuf I, a tower set forward from the wall. Its Christian name comes from the use made of it by Isabella of Portugal, wife of Charles V, during her stay at the Alhambra.\n                <\/p>\n                <p>\n                    Inside, the space was adapted to Christian aesthetics and houses valuable Renaissance paintings by Julius Achilles and Alexander Mayner, disciples of Raphael Sanzio, also known as Raphael of Urbino.\n                <\/p>\n                <p>\n                    Descending from the gallery, we find the Patio de la Reja (Courtyard of the Grill). Its name comes from the continuous balcony with wrought iron railings, installed in the mid-17th century. These railings served as an open corridor to connect and protect the adjacent rooms.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba39\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel39\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel39\">HALL OF THE TWO SISTERS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Two Sisters gets its current name from the presence of two twin slabs of Macael marble located in the center of the room.\n                <\/p>\n                <p>\n                    This room bears some resemblance to the Hall of the Abencerrajes: it is located higher than the courtyard and, beyond the entrance, has two doors. The one on the left led to the toilet, and the one on the right led to the upper rooms of the house.\n                <\/p>\n                <p>\n                    Unlike its twin room, this one opens to the north towards the Sala de los Ajimeces and a small viewpoint: the Mirador de Lindaraja.\n                <\/p>\n                <p>\n                    During the Nasrid dynasty, in the time of Muhammad V, this hall was known as \u201cqubba al-kubra,\u201d meaning \u201cthe great qubba,\u201d the most important room in the Palace of the Lions. The term \u201cqubba\u201d refers to a square structure covered with a dome.\n                <\/p>\n                <p>\n                    The dome begins with an eight-pointed star, unfolding into a three-dimensional layout composed of 5,416 muqarnas, some of which still retain traces of polychromy. These muqarnas are distributed in sixteen small cupolas located above sixteen windows with lattices that bring changing light into the room depending on the time of day.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba40\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel40\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel40\">HALL OF THE ABENCERRAJES<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before entering the western hall, also known as the Hall of the Abencerrajes, we find some wooden doors with remarkable carvings that have been preserved since medieval times.\n                <\/p>\n                <p>\n                    The name of this room is linked to a famous legend of the Alhambra. According to tradition, a rumor about an alleged romance between an Abencerraje knight and the sultan&#039;s favorite (or perhaps suspicions of a conspiracy against the monarch) provoked the sovereign&#039;s wrath.\n                <\/p>\n                <p>\n                    The sultan summoned several knights from the Abencerraje family. According to legend, dozens of them were executed right here.\n                <\/p>\n                <p>\n                    The story was popularized in 16th-century literature, especially in the novel &quot;Civil Wars of Granada&quot; by Gin\u00e9s P\u00e9rez de Hita, which narrates the conflicts between the noble lineages of the Nasrid kingdom.\n                <\/p>\n                <p>\n                    Over time, tradition placed the tragedy in this room. For this reason, some visitors have interpreted the reddish stains on the central fountain as a symbolic vestige of the blood of those knights.\n                <\/p>\n                <p>\n                    The legend was so popular that it also inspired the Spanish painter Mariano Fortuny, who depicted it in his painting &quot;The Massacre of the Abencerrajes.&quot;\n                <\/p>\n                <p>\n                    Upon entering the door, we found two entrances: the one on the right led to the toilet, and the one on the left to some stairs leading to the upper rooms.\n                <\/p>\n                <p>\n                    The Abencerrajes Hall is a private and independent ground floor dwelling, structured around a large \u201cqubba\u201d, \u201cdome\u201d in Arabic.\n                <\/p>\n                <p>\n                    The plaster dome is richly decorated with muqarnas originating from an eight-pointed star in a complex three-dimensional composition. The muqarnas are architectural elements based on hanging prisms with concave and convex shapes, reminiscent of stalactites.\n                <\/p>\n                <p>\n                    As you enter the room, you notice a drop in temperature. This is because the only windows are located at the top, allowing hot air to escape. Meanwhile, the water from the central fountain cools the air, making the room, with the doors closed, function as a kind of cave, with an ideal temperature for the hottest summer days.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba41\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel41\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel41\">AJIMECES HALL AND LINDARAJA VIEWPOINT<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Beyond the Hall of the Two Sisters, to the north, we find a transverse nave covered by a muqarnas vault. This room is called the Hall of the Mullions (Ajimeces) because of the type of windows that must have closed the openings on either side of the central arch that leads to the Lindaraja Viewpoint.\n                <\/p>\n                <p>\n                    The white walls of this room are believed to have been originally covered with silk fabrics.\n                <\/p>\n                <p>\n                    The so-called Lindaraja Lookout owes its name to the derivation of the Arabic term \u201cAyn Dar Aisa\u201d, which means \u201cthe eyes of the House of Aisa\u201d.\n                <\/p>\n                <p>\n                    Despite its small size, the interior of the viewing platform is remarkably decorated. On one hand, it features tiling with a succession of small, interlocking stars, which required meticulous work by the artisans. On the other hand, if you look up, you can see a ceiling with colored glass embedded in a wooden structure, resembling a skylight.\n                <\/p>\n                <p>\n                    This lantern is a representative example of what many of the windows or mullioned windows of the Palatine Alhambra must have looked like. When sunlight hits the glass, it projects colorful reflections that illuminate the decoration, giving the space a unique, ever-changing atmosphere throughout the day.\n                <\/p>\n                <p>\n                    During the Nasrid period, when the courtyard was still open, a person could sit on the floor of the belvedere, rest their arm on the windowsill, and enjoy spectacular views of the Albayz\u00edn neighborhood. These views were lost at the beginning of the 16th century, when the outbuildings intended to serve as the residence of Emperor Charles V were built.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba42\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel42\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel42\">HALL OF THE KINGS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Hall of the Kings occupies the entire east side of the Patio de los Leones and, although it appears integrated into the palace, it is thought to have had its own function, probably of a recreational or courtly nature.\n                <\/p>\n                <p>\n                    This space stands out for preserving one of the few examples of Nasrid figurative painting.\n                <\/p>\n                <p>\n                    In the three alcoves, each approximately fifteen square meters in area, there are three false vaults decorated with paintings on lambskin. These skins were fixed to the wooden support with small bamboo nails, a technique that prevented the material from rusting.\n                <\/p>\n                <p>\n                    The name of the room probably comes from the interpretation of the painting in the central alcove, which depicts ten figures that could correspond to the first ten sultans of the Alhambra.\n                <\/p>\n                <p>\n                    In the side alcoves, chivalric scenes of fighting, hunting, games, and love can be seen. Their clothing clearly distinguishes the presence of Christian and Muslim figures sharing the same space.\n                <\/p>\n                <p>\n                    The origin of these paintings has been widely debated. Due to their Linear Gothic style, it is thought that they were probably created by Christian artists familiar with the Muslim world. These works may be the result of the good relationship between Muhammad V, founder of this palace, and the Christian king Peter I of Castile.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba43\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel43\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel43\">ROOM OF SECRETS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Room of Secrets is a square-shaped room, covered with a spherical vault.\n                <\/p>\n                <p>\n                    Something very peculiar and curious happens in this room, making it one of the favorite attractions for visitors to the Alhambra, especially for the little ones.\n                <\/p>\n                <p>\n                    The phenomenon is that if one person stands at one corner of the room and another at the opposite corner\u2014both facing the wall and as close to it as possible\u2014one of them can speak very quietly and the other will hear the message perfectly, as if they were right next to them.\n                <\/p>\n                <p>\n                    It is thanks to this acoustic \u201cgame\u201d that the room gets its name: \u201cRoom of Secrets\u201d.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba44\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel44\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel44\">MUQARABS HALL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The palace known as the Palace of the Lions was commissioned during the second reign of Sultan Muhammad V, which began in 1362 and lasted until 1391. During this period, construction began on the Palace of the Lions, adjacent to the Palace of Comares, which had been built by his father, Sultan Yusuf I.\n                <\/p>\n                <p>\n                    This new palace was also called the &quot;Riyad Palace,&quot; as it is believed to have been built on the site of the former Comares Gardens. The term &quot;Riyad&quot; means &quot;garden.&quot;\n                <\/p>\n                <p>\n                    It is thought that the original access to the palace was through the southeast corner, from Calle Real and through a curved entrance. Currently, due to Christian modifications after the conquest, the Sala de los Muqarnas is accessed directly from the Comares Palace.\n                <\/p>\n                <p>\n                    The Hall of the Muqarnas takes its name from the impressive muqarnas vault that originally covered it, which almost completely collapsed as a result of the vibrations caused by the explosion of a powder magazine on the Carrera del Darro in 1590.\n                <\/p>\n                <p>\n                    Remains of this vault can still be seen on one side. On the opposite side, remains of a later Christian vault appear, bearing the letters &quot;FY,&quot; traditionally associated with Ferdinand and Isabella, although they actually correspond to Philip V and Isabella Farnese, who visited the Alhambra in 1729.\n                <\/p>\n                <p>\n                    It is believed that the room may have functioned as a vestibule or waiting room for guests attending the sultan&#039;s celebrations, parties, and receptions.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  EL PARTAL -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba45\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel45\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel45\">THE PARTAL \u2013 INTRODUCTION<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The large space known today as Jardines del Partal owes its name to the Palacio del P\u00f3rtico, named after its porticoed gallery.\n                <\/p>\n                <p>\n                    This is the oldest preserved palace in the monumental complex, whose construction is attributed to Sultan Muhammad III at the beginning of the 14th century.\n                <\/p>\n                <p>\n                    This palace bears some similarity to the Comares Palace, although it is older: a rectangular courtyard, a central pool, and the portico&#039;s mirror-like reflection in the water. Its main distinguishing feature is the presence of a side tower, known since the 16th century as the Ladies&#039; Tower, although it has also been called the Observatory, as Muhammad III was a great fan of astronomy. The tower has windows facing the four cardinal points, allowing for spectacular views.\n                <\/p>\n                <p>\n                    A notable curiosity is that this palace was privately owned until March 12, 1891, when its owner, Arthur Von Gwinner, a German banker and consul, ceded the building and the surrounding land to the Spanish State.\n                <\/p>\n                <p>\n                    Unfortunately, Von Gwinner dismantled the wooden roof of the viewing platform and moved it to Berlin, where it is now on display in the Pergamon Museum as one of the highlights of its Islamic art collection.\n                <\/p>\n                <p>\n                    Adjacent to the Partal Palace, to the left of the Ladies&#039; Tower, are several Nasrid houses. One of them was called the House of Paintings due to the discovery, at the beginning of the 20th century, of tempera paintings on 14th-century stucco. These highly valuable paintings are a rare example of Nasrid figurative mural painting, depicting court scenes, hunting scenes, and celebrations.\n                <\/p>\n                <p>\n                    Due to their importance and for conservation reasons, these homes are not open to the public.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba46\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel46\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel46\">ORATORY OF THE PARTAL<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    To the right of the Partal Palace, on the rampart of the wall, is the Partal Oratory, whose construction is attributed to Sultan Yusuf I. Access is via a small staircase, as it is elevated from ground level.\n                <\/p>\n                <p>\n                    One of the pillars of Islam is to pray five times a day facing Mecca. The oratory functioned as a palace chapel, allowing the inhabitants of the nearby palace to fulfill this religious obligation.\n                <\/p>\n                <p>\n                    Despite its small size (about twelve square meters), the oratory has a small vestibule and a prayer room. Its interior features rich plasterwork decoration with plant and geometric motifs, as well as Quranic inscriptions.\n                <\/p>\n                <p>\n                    Upon ascending the stairs, just opposite the entrance door, you will find the mihrab on the southwest wall, facing Mecca. It has a polygonal floor plan, a voussoired horseshoe arch, and is covered by a dome with muqarnas.\n                <\/p>\n                <p>\n                    Of particular note is the epigraphic inscription located on the imposts of the mihrab arch, which invites prayer: <em>\u201cCome and pray, and do not be among the negligent.\u201d<\/em>\n                <\/p>\n                <p>\n                    Attached to the oratory is the House of Atasio de Bracamonte, which was given in 1550 to the former squire of the warden of the Alhambra, the Count of Tendilla.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba47\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel47\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel47\">PARTAL ALTO \u2013 PALACE OF YUSUF III<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On the highest plateau in the Partal area are the archaeological remains of the Palace of Yusuf III. This palace was granted in June 1492 by the Catholic Monarchs to the first governor of the Alhambra, Don \u00cd\u00f1igo L\u00f3pez de Mendoza, second Count of Tendilla. For this reason, it is also known as the Tendilla Palace.\n                <\/p>\n                <p>\n                    The reason this palace is in ruins stems from disagreements that arose in the 18th century between the descendants of the Count of Tendilla and Philip V of Bourbon. Upon the death of Archduke Charles II of Austria without heirs, the Tendilla family supported Archduke Charles of Austria instead of Philip of Bourbon. After Philip V&#039;s accession, reprisals were taken: in 1718, the mayorship of the Alhambra was removed from them, and later the palace was dismantled and its materials sold.\n                <\/p>\n                <p>\n                    Some of these materials reappeared in the 20th century in private collections. It is believed that the so-called &quot;Fortuny Tile,&quot; housed at the Valencia Institute of Don Juan in Madrid, may have come from this palace.\n                <\/p>\n                <p>\n                    From 1740 onwards, the palace site became an area of leased vegetable gardens.\n                <\/p>\n                <p>\n                    It was in 1929 that this area was recovered by the Spanish State and returned to the Alhambra. Thanks to the work of Leopoldo Torres Balb\u00e1s, architect and restorer of the Alhambra, this space was enhanced with the creation of an archaeological garden.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba48\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel48\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel48\">WALK OF THE TOWERS AND TOWER OF THE PEAKS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palatine city wall originally had more than thirty towers, of which only twenty remain today. Initially, these towers had a strictly defensive function, although over time some also adopted residential use.\n                <\/p>\n                <p>\n                    At the exit of the Nasrid Palaces, from the Upper Partal area, a cobbled path leads to the Generalife. This route follows the stretch of wall, home to some of the complex&#039;s most emblematic towers, framed by a garden area with beautiful views of the Albaic\u00edn and the Generalife orchards.\n                <\/p>\n                <p>\n                    One of the most notable towers is the Tower of the Peaks, built by Muhammad II and later renovated by other sultans. It is easily recognizable by its brick pyramid-shaped battlements, from which its name may derive. However, other authors believe the name comes from the protruding corbels at its upper corners, which supported the machicolations, defensive elements that allowed attacks from above to be countered.\n                <\/p>\n                <p>\n                    The tower&#039;s main function was to protect the Arrabal Gate located at its base, which connected to the Cuesta del Rey Chico, facilitating access to the Albaic\u00edn neighborhood and the old medieval road that connected the Alhambra with the Generalife.\n                <\/p>\n                <p>\n                    In Christian times, an outer bastion with stables was built to reinforce its protection, which is closed by a new entrance known as the Iron Gate.\n                <\/p>\n                <p>\n                    Although towers are commonly associated with an exclusively military function, it is known that the Torre de los Picos also had a residential use, as evidenced by the ornamentation present in its interior.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba49\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel49\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel49\">TOWER OF THE CAPTIVE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Torre de la Cautiva has received various names over time, such as Torre de la Ladrona or Torre de la Sultana, although the most popular one has finally prevailed: Torre de la Cautiva.\n                <\/p>\n                <p>\n                    This name is not based on proven historical facts, but rather stems from a romantic legend according to which Isabel de Sol\u00eds was imprisoned in this tower. She later converted to Islam under the name Zoraida and became Muley Hac\u00e9n&#039;s favorite sultana. This situation caused tensions with Aixa, the previous sultana and Boabdil&#039;s mother, given that Zoraida\u2014whose name means &quot;morning star&quot;\u2014removed her position at court.\n                <\/p>\n                <p>\n                    The construction of this tower is attributed to Sultan Yusuf I, who was also responsible for the Comares Palace. This attribution is supported by the inscriptions in the main hall, the work of the vizier Ibn al-Yayyab, which praise this sultan.\n                <\/p>\n                <p>\n                    In the poems inscribed on the walls, the vizier repeatedly uses the term <em>qal&#039;ahurra<\/em>, which has since been used to refer to fortified palaces, as is the case with this tower. In addition to serving defensive purposes, the tower houses a real palace with rich decoration inside.\n                <\/p>\n                <p>\n                    Regarding its ornamentation, the main hall features a ceramic tiled plinth with geometric shapes in various colors. Purple stands out among these, as it was particularly difficult and expensive to obtain at the time, so it was reserved exclusively for important spaces.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba50\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel50\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel50\">TOWER OF THE INFANTAS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Tower of the Infantas, like the Tower of the Captive, owes its name to a legend.\n                <\/p>\n                <p>\n                    This is the legend of the three princesses Zaida, Zoraida and Zorahaida, who lived in this tower, a story that was collected by Washington Irving in his famous *Tales of the Alhambra*.\n                <\/p>\n                <p>\n                    The construction of this palace-tower, or *qalahurra*, is attributed to Sultan Muhammad VII, who reigned between 1392 and 1408. Therefore, it is one of the last towers built by the Nasrid dynasty.\n                <\/p>\n                <p>\n                    This circumstance is reflected in the interior decoration, which shows signs of a certain decline compared to previous periods of greater artistic splendor.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba51\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel51\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel51\">CAPE CARRERA TOWER<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    At the end of the Paseo de las Torres, in the easternmost part of the northern wall, are the remains of a cylindrical tower: the Torre del Cabo de Carrera.\n                <\/p>\n                <p>\n                    This tower was practically destroyed as a result of the explosions carried out in 1812 by Napoleon&#039;s troops during their retreat from the Alhambra.\n                <\/p>\n                <p>\n                    It is believed to have been built or rebuilt by order of the Catholic Monarchs in 1502, as confirmed by a now-lost inscription.\n                <\/p>\n                <p>\n                    Its name comes from its location at the end of the Calle Mayor of the Alhambra, marking the limit or &quot;cap de carrera&quot; of said road.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  CARLOS V -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba52\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel52\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel52\">FACADES OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Palace of Charles V, with its sixty-three meters wide and seventeen meters high, follows the proportions of classical architecture, which is why it is divided horizontally into two levels with clearly differentiated architecture and decoration.\n                <\/p>\n                <p>\n                    Three types of stone were used to decorate its facades: gray, compact limestone from Sierra Elvira, white marble from Macael, and green serpentine from the Barranco de San Juan.\n                <\/p>\n                <p>\n                    The exterior decoration exalts the image of Emperor Charles V, highlighting his virtues through mythological and historical references.\n                <\/p>\n                <p>\n                    The most notable facades are those on the south and west sides, both designed as triumphal arches. The main entrance is on the west side, where the main door is crowned by winged victories. On either side are two small doors above which are medallions with figures of mounted soldiers in combat.\n                <\/p>\n                <p>\n                    Symmetrically duplicated reliefs are displayed on the pedestals of the columns. The central reliefs symbolize Peace: they show two women seated on a mound of weapons, carrying olive branches and supporting the Pillars of Hercules, the globe with the imperial crown and the motto *PLUS ULTRA*, while cherubs fire war artillery.\n                <\/p>\n                <p>\n                    The side reliefs depict war scenes, such as the Battle of Pavia, where Charles V defeated Francis I of France.\n                <\/p>\n                <p>\n                    At the top are balconies flanked by medallions depicting two of the twelve labors of Hercules: one slaying the Nemean Lion and another facing the Cretan Bull. The central medallion features the coat of arms of Spain.\n                <\/p>\n                <p>\n                    In the lower part of the palace, the rusticated ashlars stand out, designed to convey a sense of solidity. Above them are bronze rings held by animal figures such as lions\u2014symbols of power and protection\u2014and in the corners, double eagles, alluding to imperial power and the emperor&#039;s heraldic emblem: the double-headed eagle of Charles I of Spain and V of Germany.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba53\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel53\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel53\">INTRODUCTION TO THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Emperor Charles I of Spain and V of the Holy Roman Empire, grandson of the Catholic Monarchs and son of Joanna I of Castile and Philip the Fair, visited Granada in the summer of 1526 after marrying Isabella of Portugal in Seville, to spend his honeymoon.\n                <\/p>\n                <p>\n                    Upon his arrival, the emperor was captivated by the charm of the city and the Alhambra, and decided to build a new palace in the palatine city. This palace would become known as the New Royal House, in contrast to the Nasrid Palaces, which were henceforth known as the Old Royal House.\n                <\/p>\n                <p>\n                    The works were commissioned to the Toledo architect and painter Pedro Machuca, who is said to have been a disciple of Michelangelo, which would explain his deep knowledge of the Classical Renaissance.\n                <\/p>\n                <p>\n                    Machuca designed a monumental palace in the Renaissance style, with a square floor plan and a circle integrated into its interior, inspired by the monuments of classical antiquity.\n                <\/p>\n                <p>\n                    Construction began in 1527 and was largely financed by the tributes the Moriscos had to pay to continue living in Granada and preserve their customs and rituals.\n                <\/p>\n                <p>\n                    In 1550, Pedro Machuca died without finishing the palace. His son Luis continued the project, but after his death, work was halted for a time. It was resumed in 1572 under the reign of Philip II, entrusted to Juan de Orea on the recommendation of Juan de Herrera, architect of the Monastery of El Escorial. However, due to the lack of resources caused by the Alpujarras War, no significant progress was made.\n                <\/p>\n                <p>\n                    It wasn&#039;t until the 20th century that the palace was completed, first under the direction of architect-restorer Leopoldo Torres Balb\u00e1s, and finally in 1958 by Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    The Palace of Charles V was conceived as a symbol of universal peace, reflecting the emperor&#039;s political aspirations. However, Charles V never personally visited the palace he commissioned.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba54\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel54\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel54\">ALHAMBRA MUSEUM<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra Museum is located on the ground floor of the Palace of Charles V and is divided into seven rooms dedicated to Hispano-Muslim culture and art.\n                <\/p>\n                <p>\n                    It houses the finest existing collection of Nasrid art, composed of pieces found in excavations and restorations carried out in the Alhambra itself over time.\n                <\/p>\n                <p>\n                    Among the works on display are plasterwork, columns, carpentry, ceramics of various styles\u2014such as the famous Vase of the Gazelles\u2014a copy of the lamp from the Great Mosque of the Alhambra, as well as tombstones, coins, and other objects of great historical value.\n                <\/p>\n                <p>\n                    This collection is the ideal complement to a visit to the monumental complex, as it provides a better understanding of daily life and culture during the Nasrid period.\n                <\/p>\n                <p>\n                    Admission to the museum is free, although it is important to note that it is closed on Mondays.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba55\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel55\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel55\">COURTYARD OF THE PALACE OF CHARLES V<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    When Pedro Machuca designed the Palace of Charles V, he did so using geometric forms with strong Renaissance symbolism: the square to represent the earthly world, the inner circle as a symbol of the divine and creation, and the octagon\u2014reserved for the chapel\u2014as a union between both worlds.\n                <\/p>\n                <p>\n                    Upon entering the palace, we find ourselves in an imposing circular porticoed courtyard, elevated from the exterior. This courtyard is surrounded by two superimposed galleries, both with thirty-two columns. On the ground floor, the columns are Doric-Tuscan, and on the upper floor, Ionic.\n                <\/p>\n                <p>\n                    The columns were made of pudding stone, or almond stone, from the Granada town of El Turro. This material was chosen because it was more economical than the marble originally planned.\n                <\/p>\n                <p>\n                    The lower gallery has a circular vault that was possibly intended to be decorated with frescoes. The upper gallery, meanwhile, has a wooden coffered ceiling.\n                <\/p>\n                <p>\n                    The frieze that runs around the courtyard features *burocranios*, representations of ox skulls, a decorative motif with roots in ancient Greece and Rome, where they were used in friezes and tombs linked to ritual sacrifices.\n                <\/p>\n                <p>\n                    The two floors of the courtyard are connected by two staircases: one on the north side, built in the 17th century, and another also to the north, designed in the 20th century by the Alhambra&#039;s conservation architect, Francisco Prieto Moreno.\n                <\/p>\n                <p>\n                    Although it was never used as a royal residence, the palace currently houses two important museums: the Museum of Fine Arts on the upper floor, with an outstanding collection of Granada painting and sculpture from the 15th to the 20th centuries, and the Alhambra Museum on the ground floor, accessed through the western entrance hall.\n                <\/p>\n                <p>\n                    In addition to its museum function, the central courtyard boasts exceptional acoustics, making it a prime setting for concerts and theatrical performances, especially during the Granada International Music and Dance Festival.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!--  LA MEDINA -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba56\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel56\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel56\">BATH OF THE MOSQUE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    On Calle Real, on the site adjacent to the current Church of Santa Mar\u00eda de la Alhambra, is the Mosque Bath.\n                <\/p>\n                <p>\n                    This bath was built during the reign of Sultan Muhammad III and financed by the <em>jizya<\/em>, a tax charged to Christians for planting land on the border.\n                <\/p>\n                <p>\n                    The use of the <em>hammam<\/em> The bath was essential to the daily life of an Islamic city, and the Alhambra was no exception. Due to its proximity to the mosque, this bath served a key religious function: allowing for ablutions, or purification rituals, before prayer.\n                <\/p>\n                <p>\n                    However, its function was not exclusively religious. The hammam also served as a place for personal hygiene and was an important social gathering place.\n                <\/p>\n                <p>\n                    Its use was regulated by schedules, being in the morning for men and in the afternoon for women.\n                <\/p>\n                <p>\n                    Inspired by Roman baths, Muslim baths shared their chamber layout, although they were smaller and operated using steam, unlike Roman baths, which were immersion baths.\n                <\/p>\n                <p>\n                    The bath consisted of four main spaces: a rest room or changing room, a cold or warm room, a hot room, and a boiler area attached to the latter.\n                <\/p>\n                <p>\n                    The heating system used was the <em>hypocaust<\/em>, an underground heating system that heated the ground using hot air generated by a furnace and distributed through a chamber beneath the pavement.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba57\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel57\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel57\">Former Convent of San Francisco \u2013 Tourist Parador<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The current Parador de Turismo was originally the Convent of San Francisco, built in 1494 on the site of an old Nasrid palace that, according to tradition, belonged to a Muslim prince.\n                <\/p>\n                <p>\n                    After the capture of Granada, the Catholic Monarchs ceded this space to found the city&#039;s first Franciscan convent, thus fulfilling a promise made to the Patriarch of Assisi years before the conquest.\n                <\/p>\n                <p>\n                    Over time, this spot became the first burial place of the Catholic Monarchs. A month and a half before her death in Medina del Campo in 1504, Queen Isabella left her will in her wish to be buried in this convent, dressed in a Franciscan habit. In 1516, King Ferdinand was buried next to her.\n                <\/p>\n                <p>\n                    Both remained buried there until 1521, when their grandson, Emperor Charles V, ordered their remains to be transferred to the Royal Chapel of Granada, where they now rest alongside Joanna I of Castile, Philip the Handsome and Prince Miguel de Paz.\n                <\/p>\n                <p>\n                    Today, this original burial site can be visited by entering the Parador&#039;s courtyard. Under a dome of muqarnas, the original tombstones of both monarchs are preserved.\n                <\/p>\n                <p>\n                    Since June 1945, this building has housed the Parador de San Francisco, a high-class tourist accommodation owned and operated by the Spanish State.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba58\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel58\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel58\">THE MEDINA<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The word \u201cmedina,\u201d which means \u201ccity\u201d in Arabic, referred to the highest part of Sabika Hill in the Alhambra.\n                <\/p>\n                <p>\n                    This medina was home to intense daily activity, as it was the area where the trades and population that made life possible for the Nasrid court within the palatine city were concentrated.\n                <\/p>\n                <p>\n                    Textiles, ceramics, bread, glass, and even coins were produced there. In addition to workers&#039; housing, there were also essential public buildings such as baths, mosques, souks, cisterns, ovens, silos, and workshops.\n                <\/p>\n                <p>\n                    For the proper functioning of this miniature city, the Alhambra had its own system of legislation, administration, and tax collection.\n                <\/p>\n                <p>\n                    Today, only a few vestiges of the original Nasrid medina remain. The transformation of the area by Christian settlers after the conquest and, later, the gunpowder explosions caused by Napoleon&#039;s troops during their retreat contributed to its deterioration.\n                <\/p>\n                <p>\n                    In the mid-20th century, an archaeological rehabilitation and adaptation program was launched in this area. As a result, a landscaped walkway was laid out along an old medieval street, which today connects with the Generalife.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba59\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel59\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel59\">ABENCERRAJE PALACE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    In the royal medina, attached to the southern wall, are the remains of the so-called Palace of the Abencerrajes, the Castilianized name of the Banu Sarray family, a noble lineage of North African origin belonging to the Nasrid court.\n                <\/p>\n                <p>\n                    The remains that can be seen today are the result of excavations that began in the 1930s, as the site had previously been severely damaged, largely due to explosions caused by Napoleon&#039;s troops during their retreat.\n                <\/p>\n                <p>\n                    Thanks to these archaeological excavations, it has been possible to confirm the importance of this family in the Nasrid court, not only due to the size of the palace but also due to its privileged location: in the upper part of the medina, right on the main urban axis of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba60\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel60\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel60\">DOOR OF JUSTICE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Gate of Justice, known in Arabic as <em>Bab al-Sharia<\/em>, is one of the four exterior gates of the Alhambra&#039;s palatine city. As an exterior entrance, it served an important defensive function, as evidenced by its double-bend structure and the steep slope of the terrain.\n                <\/p>\n                <p>\n                    Its construction, integrated into a tower attached to the southern wall, is attributed to Sultan Yusuf I in 1348.\n                <\/p>\n                <p>\n                    The gate features two pointed horseshoe arches. Between them is an open area, known as a skylight, from which it was possible to defend the entrance by throwing materials from the terrace in case of attack.\n                <\/p>\n                <p>\n                    Beyond its strategic value, this gate has a strong symbolic significance in the Islamic context. Two decorative elements stand out in particular: the hand and the key.\n                <\/p>\n                <p>\n                    The hand represents the five pillars of Islam and symbolizes protection and hospitality. The key, meanwhile, is an emblem of faith. Their presence together could be interpreted as an allegory of spiritual and earthly power.\n                <\/p>\n                <p>\n                    Popular legend says that if one day the hand and the key touch, it will mean the fall of the Alhambra... and with it, the end of the world, as it would imply the loss of its splendor.\n                <\/p>\n                <p>\n                    These Islamic symbols contrast with another Christian addition: a Gothic sculpture of the Virgin and Child, the work of Ruberto Alem\u00e1n, placed in a niche above the interior arch by order of the Catholic Monarchs after the capture of Granada.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba61\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel61\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel61\">CAR DOOR<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta de los Carros (Chariot Gate) is not an original opening in the Nasrid wall. It was opened between 1526 and 1536 for a very specific purpose: to allow access to carts transporting materials and columns for the construction of the Palace of Charles V.\n                <\/p>\n                <p>\n                    Today, this gate still serves a practical purpose. It provides pedestrian access to the grounds without a ticket, allowing free access to the Palace of Charles V and the museums within.\n                <\/p>\n                <p>\n                    Furthermore, it is the only gate open to authorized vehicles, including guests of hotels located within the Alhambra complex, taxis, special services, medical personnel, and maintenance vehicles.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba62\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel62\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel62\">DOOR OF THE SEVEN FLOORS<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Alhambra&#039;s palatial city was surrounded by extensive walls with four main gates providing access from the outside. To ensure their defense, these gates were arranged in a characteristic curved pattern, making it difficult for potential attackers to advance and facilitating ambushes from within.\n                <\/p>\n                <p>\n                    The Gate of the Seven Floors, located in the southern wall, is one of these entrances. In Nasrid times, it was known as <em>Bib al-Gudur<\/em> or \u201cPuerta de los Pozos\u201d, due to the nearby existence of silos or dungeons, possibly used as prisons.\n                <\/p>\n                <p>\n                    Its current name comes from the popular belief that there are seven levels or floors beneath it. Although only two have been documented, this belief has fueled numerous legends and tales, such as Washington Irving&#039;s story &quot;The Legend of the Moor&#039;s Legacy,&quot; which mentions a treasure hidden in the tower&#039;s secret cellars.\n                <\/p>\n                <p>\n                    Tradition holds that this was the last gate used by Boabdil and his entourage on their way to the Vega de Granada on January 2, 1492, to deliver the keys to the Kingdom to the Catholic Monarchs. It was also through this gate that the first Christian troops entered without resistance.\n                <\/p>\n                <p>\n                    The gate we see today is a reconstruction, as the original was largely destroyed by the explosion of Napoleon&#039;s troops during their retreat in 1812.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba63\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel63\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel63\">WINE GATE<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Puerta del Vino (Wine Gate) was the main gateway to the Alhambra Medina. Its construction is attributed to Sultan Muhammad III in the early 14th century, although its doors were later remodeled by Muhammad V.\n                <\/p>\n                <p>\n                    The name &quot;Wine Gate&quot; does not come from the Nasrid period, but from the Christian era, starting in 1556, when residents of the Alhambra were allowed to buy wine tax-free at this location.\n                <\/p>\n                <p>\n                    As it is an interior gate, its layout is straight and direct, unlike exterior gates such as the Justice Gate or the Arms Gate, which were designed with a bend to improve defense.\n                <\/p>\n                <p>\n                    Although it did not serve primary defensive functions, it had benches inside for the soldiers in charge of access control, as well as a room upstairs for the guards&#039; residence and rest areas.\n                <\/p>\n                <p>\n                    The western fa\u00e7ade, facing the Alcazaba, was the entrance. Above the lintel of the horseshoe arch is the symbol of the key, a solemn emblem of welcome and of the Nasrid dynasty.\n                <\/p>\n                <p>\n                    On the eastern fa\u00e7ade, which faces the Palace of Charles V, the spandrels of the arch are particularly noteworthy, decorated with tiles made using the dry rope technique, offering a beautiful example of Hispano-Muslim decorative art.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba64\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel64\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel64\">Saint Mary of the Alhambra<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    During the time of the Nasrid dynasty, the site now occupied by the Church of Santa Mar\u00eda de la Alhambra housed the Aljama Mosque or Great Mosque of the Alhambra, built at the beginning of the 14th century by Sultan Muhammad III.\n                <\/p>\n                <p>\n                    After the capture of Granada on January 2, 1492, the mosque was blessed for Christian worship and the first Mass was celebrated there. By order of the Catholic Monarchs, it was consecrated under the patronage of Saint Mary, and the first archiepiscopal seat was established there.\n                <\/p>\n                <p>\n                    By the end of the 16th century, the old mosque was in a state of disrepair, which led to its demolition and the construction of a new Christian temple, which was completed in 1618.\n                <\/p>\n                <p>\n                    Few vestiges of the Islamic building remain. The most significant preserved element is a bronze lamp with an epigraphic inscription dated 1305, currently in the National Archaeological Museum in Madrid. A replica of this lamp can be seen in the Alhambra Museum, in the Palace of Charles V.\n                <\/p>\n                <p>\n                    The Church of Santa Mar\u00eda de la Alhambra has a simple layout with a single nave and three side chapels on each side. The most notable feature of its interior is the titular image: the Virgin of Angustias, an 18th-century work by Torcuato Ruiz del Peral.\n                <\/p>\n                <p>\n                    This image, also known as the Virgin of Mercy, is the only one carried in procession in Granada every Holy Saturday, weather permitting. It is carried on a throne of great beauty, embossed in silver, imitating the arches of the emblematic Patio de los Leones.\n                <\/p>\n                <p>\n                    As a curiosity, the Granada poet Federico Garc\u00eda Lorca was a member of this brotherhood.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba65\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel65\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel65\">TANNERY<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    Before the current Parador de Turismo, and to the east, lie the remains of a medieval tannery or buffalo farm, a facility dedicated to the processing of hides: cleaning, tanning, and dyeing. This was a common activity throughout al-Andalus.\n                <\/p>\n                <p>\n                    The Alhambra tannery is small compared to similar tannery stores in North Africa. However, it should be noted that its purpose was exclusively to meet the needs of the Nasrid court.\n                <\/p>\n                <p>\n                    It had eight small pools of different sizes, both rectangular and circular, where the lime and dyes used in the leather tanning process were stored.\n                <\/p>\n                <p>\n                    This activity required abundant water, which is why the tannery was located next to the Royal Canal, taking advantage of its constant flow. Its existence is also an indication of the large amount of water available in this area of the Alhambra.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modalprueba66\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel66\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"myModalLabel66\">WATER TOWER AND ROYAL DITCH<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <p>\n                    The Water Tower is an imposing structure located in the southwest corner of the Alhambra wall, near the current main entrance from the ticket office. Although it served defensive purposes, its most important purpose was to protect the entrance to the Royal Canal, hence its name.\n                <\/p>\n                <p>\n                    The irrigation ditch reached the palatine city after crossing an aqueduct and bordered the north face of the tower to supply water to the entire Alhambra.\n                <\/p>\n                <p>\n                    The tower we see today is the result of extensive reconstruction. During the retreat of Napoleon&#039;s troops in 1812, it suffered severe damage from gunpowder explosions, and by the mid-20th century it was reduced almost to its massive base.\n                <\/p>\n                <p>\n                    This tower was essential, as it allowed water\u2014and therefore life\u2014to enter the palatine city. Originally, Sabika Hill lacked natural water sources, which posed a significant challenge for the Nasrids.\n                <\/p>\n                <p>\n                    For this reason, Sultan Muhammad I ordered a major hydraulic engineering project: the construction of the so-called Sultan&#039;s Ditch. This ditch captures water from the Darro River about six kilometers away, at a higher altitude, taking advantage of the slope to convey the water by gravity.\n                <\/p>\n                <p>\n                    The infrastructure included a storage dam, an animal-powered waterwheel, and a brick-lined canal\u2014the acequia\u2014that runs underground through mountains, entering the upper part of the Generalife.\n                <\/p>\n                <p>\n                    To overcome the steep slope between Cerro del Sol (Generalife) and Sabika Hill (Alhambra), engineers built an aqueduct, a key project to ensure the water supply to the entire monumental complex.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-premium\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"modal fade\" id=\"modal-premium-ia-hablando\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"premiumModalLabel\" aria-hidden=\"true\" style=\"display:none; background: rgba(0, 0, 0, 0.7);\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\" style=\"      display: flex;      flex-direction: row;      border-radius: 16px;      overflow: hidden;      border: none;      box-shadow: 0 10px 30px rgba(0,0,0,0.6);      color: inherit;      max-width: 700px;    \">\n      <!-- Imagen del lado izquierdo -->\n      <div style=\"flex: 1; background: #000; display: flex; align-items: center; justify-content: center;\">\n        <img decoding=\"async\" src=\"https:\/\/audioguia.alhambra.com.ai\/wp-content\/uploads\/2023\/08\/ia-1.jpg\" alt=\"Imagen\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n      <\/div>\n\n      <!-- Contenido derecho -->\n      <div style=\"flex: 1.2; padding: 1rem; display: flex; flex-direction: column; justify-content: center;\">\n        <h5 class=\"titulo-modal-\" style=\"font-size: 1.3rem; font-weight: bold; margin-bottom: 0.7rem;\">Unlock the hidden magic!<\/h5>\n        <p>With the premium version, your trip to the Alhambra becomes a unique, immersive, and limitless experience.<\/p><br>\n        <a href=\"https:\/\/app.alhambra.com.ai\/?add-to-cart=74\" class=\"boton-premium\"  style=\"          background-color: var(--color-primary) !important;          border: none;          color: white;          padding: 0.75rem 1.5rem;          font-weight: bold;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Upgrade to Premium<\/a>\n        <a href=\"#\" id=\"continuar-gratis-ia\" class=\"boton-premium\" style=\"          border: 1px solid;          border-color: inherit;          color: inherit;          padding: 0.75rem 1.5rem;          border-radius: 999px;          text-decoration: none;          display: inline-block;          margin-bottom: 1rem;          text-align: center;        \">Continue for Free<\/a>\n        <div style=\"font-size: 0.9rem; text-align: center;\">Already have an account? <br> <a href=\"https:\/\/login.alhambra.com.ai\/\" style=\"color: inherit; text-decoration: underline;\">Login<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n\n<style>\n  \/* Tel\u00e9fonos muy peque\u00f1os (tipo iPhone SE, Android antiguos) *\/\n  @media (max-width: 480px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 0.7rem !important;\n    }\n  }\n\n  \/* Tel\u00e9fonos est\u00e1ndar (mayor\u00eda de m\u00f3viles modernos) *\/\n  @media (min-width: 481px) and (max-width: 767px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.05rem !important;\n    }\n  }\n\n  \/* Tablets peque\u00f1as y m\u00f3viles grandes *\/\n  @media (min-width: 768px) and (max-width: 991px) {\n    h5.titulo-modal,\n    .boton-premium {\n      font-size: 1.2rem !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn1 = document.getElementById(\"continuar-gratis-premium\");\n    const modal1 = document.getElementById(\"modal-premium\");\n\n    if (btn1 && modal1) {\n      btn1.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal1.classList.remove('show');\n        modal1.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n\n    const btn2 = document.getElementById(\"continuar-gratis-ia\");\n    const modal2 = document.getElementById(\"modal-premium-ia-hablando\");\n\n    if (btn2 && modal2) {\n      btn2.addEventListener(\"click\", function(e) {\n        e.preventDefault();\n        modal2.classList.remove('show');\n        modal2.style.display = 'none';\n        document.body.classList.remove('modal-open');\n        const backdrop = document.querySelector('.modal-backdrop');\n        if (backdrop) backdrop.remove();\n      });\n    }\n  });\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \t\t\n\t\t\t\n\t\t<\/div>\n\t<\/header>\n<\/article>\n\n\n\n\n<\/div><\/div>\n\n\n<style>\n@media (max-width: 768px) {\n    body {\n        --x-gap: 0rem !important;\n    }\n}\n\n\n    .container, .container-wrap .wp-block-cover__inner-container, .container-wrap .wp-block-group__inner-container, .navigation, .page-header, .page-content, .archive-header, .archive-content, .archive-footer, .site-main > .comments-area, .site-main > .entry > .entry-header-container, .site-main > .entry > .entry-header, .site-main > .entry > .entry-summary, .site-main > .entry > .entry-footer, .site-main > .entry > .post-thumbnail, .site-main > .entry > .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {\n    width: calc(100% - var(--x-gap) * 4) !important;\n}\n\n\n.entry-content > * {\n    margin-bottom: -45px !important;\n}\n\n\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":5982,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"type":"","auto_type":false,"post":"","stream":"","stream_url":"","waveform_data":[],"duration":0,"bpm":0,"downloadable":false,"download_url":"","purchase_title":"","purchase_url":"","post-count-all":0,"like_count":0,"download_count":0,"editor_note":"","copyright":"","captions":[],"sources":[],"footnotes":""},"class_list":["post-5023","page","type-page","status-publish","has-post-thumbnail","hentry","entry",""],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.4 (Yoast SEO v25.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Palacio Carlos V - Alhambra<\/title>\n<meta name=\"description\" content=\"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Palacio Carlos V\" \/>\n<meta property=\"og:description\" content=\"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pruebas.alhambra.app\/en\/palacio-carlos-v\/\" \/>\n<meta property=\"og:site_name\" content=\"Alhambra\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-11T09:26:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/\",\"url\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/\",\"name\":\"Palacio Carlos V - Alhambra\",\"isPartOf\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp\",\"datePublished\":\"2023-11-15T18:13:42+00:00\",\"dateModified\":\"2025-07-11T09:26:27+00:00\",\"description\":\"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo\",\"breadcrumb\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage\",\"url\":\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp\",\"contentUrl\":\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pruebas.alhambra.app\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Palacio Carlos V\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pruebas.alhambra.app\/#website\",\"url\":\"https:\/\/pruebas.alhambra.app\/\",\"name\":\"Audiogu\u00eda\",\"description\":\"Alhambra con inteligencia Artificial (I.A) - Alhambra I.A - Granada.ai\",\"publisher\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pruebas.alhambra.app\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pruebas.alhambra.app\/#organization\",\"name\":\"New World IA\",\"url\":\"https:\/\/pruebas.alhambra.app\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pruebas.alhambra.app\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/06\/cropped-logo-1.png\",\"contentUrl\":\"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/06\/cropped-logo-1.png\",\"width\":512,\"height\":512,\"caption\":\"New World IA\"},\"image\":{\"@id\":\"https:\/\/pruebas.alhambra.app\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Palacio Carlos V - Alhambra","description":"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Palacio Carlos V","og_description":"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo","og_url":"https:\/\/pruebas.alhambra.app\/en\/palacio-carlos-v\/","og_site_name":"Alhambra","article_modified_time":"2025-07-11T09:26:27+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/","url":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/","name":"Palacio Carlos V - Alhambra","isPartOf":{"@id":"https:\/\/pruebas.alhambra.app\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage"},"image":{"@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage"},"thumbnailUrl":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp","datePublished":"2023-11-15T18:13:42+00:00","dateModified":"2025-07-11T09:26:27+00:00","description":"Carlos V. Audiogu\u00eda Alhambra. Descubre el Palacio de Carlos V con nuestra audiogu\u00eda con IA: historia, arte y curiosidades a tu ritmo","breadcrumb":{"@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#primaryimage","url":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp","contentUrl":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/09\/carlos-v-0.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/pruebas.alhambra.app\/palacio-carlos-v\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pruebas.alhambra.app\/"},{"@type":"ListItem","position":2,"name":"Palacio Carlos V"}]},{"@type":"WebSite","@id":"https:\/\/pruebas.alhambra.app\/#website","url":"https:\/\/pruebas.alhambra.app\/","name":"Audiogu\u00eda","description":"Alhambra con inteligencia Artificial (I.A) - Alhambra I.A - Granada.ai","publisher":{"@id":"https:\/\/pruebas.alhambra.app\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pruebas.alhambra.app\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pruebas.alhambra.app\/#organization","name":"New World IA","url":"https:\/\/pruebas.alhambra.app\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pruebas.alhambra.app\/#\/schema\/logo\/image\/","url":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/06\/cropped-logo-1.png","contentUrl":"https:\/\/pruebas.alhambra.app\/wp-content\/uploads\/2024\/06\/cropped-logo-1.png","width":512,"height":512,"caption":"New World IA"},"image":{"@id":"https:\/\/pruebas.alhambra.app\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/comments?post=5023"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/pages\/5023\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/media\/5982"}],"wp:attachment":[{"href":"https:\/\/pruebas.alhambra.app\/en\/wp-json\/wp\/v2\/media?parent=5023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}