{"id":722,"date":"2026-09-10T09:59:31","date_gmt":"2026-09-10T09:59:31","guid":{"rendered":"https:\/\/galindoduran.es\/?page_id=722"},"modified":"2026-09-11T09:51:07","modified_gmt":"2026-09-11T09:51:07","slug":"ice-breaker-dynamics","status":"publish","type":"page","link":"https:\/\/galindoduran.es\/?page_id=722","title":{"rendered":"Ice-Breaker Dynamics"},"content":{"rendered":"\n<!-- SCOPED STYLES FOR THE INFOGRAPHIC -->\n<style>\n    .infographic-wrapper {\n        --ual-blue-dark: #002e5d;\n        --ual-blue-light: #00509d;\n        --ual-blue-soft: #e0f2fe;\n        --ual-orange: #f0810f;\n        --ual-orange-light: #fff7ed;\n        --ual-orange-border: #fed7aa;\n        --ual-gray-bg: #f8fafc;\n        --card-bg: #ffffff;\n        --text-dark: #0f172a;\n        --text-muted: #64748b;\n        --border-color: #e2e8f0;\n        --radius-lg: 20px;\n        --radius-md: 12px;\n        --shadow-sm: 0 4px 6px -1px rgba(0, 46, 93, 0.05);\n        --shadow-md: 0 10px 25px -5px rgba(0, 46, 93, 0.08);\n\n        font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        color: var(--text-dark);\n        line-height: 1.6;\n        width: 100%;\n        max-width: 960px;\n        margin: 0 auto 40px auto;\n        box-sizing: border-box;\n    }\n\n    .infographic-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .infographic-container {\n        background-color: var(--card-bg);\n        border-radius: var(--radius-lg);\n        box-shadow: var(--shadow-md);\n        width: 100%;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n    }\n\n    \/* HEADER *\/\n    .infographic-wrapper header.dynamic-header {\n        background: linear-gradient(135deg, var(--ual-blue-dark) 0%, #001730 100%);\n        color: #ffffff;\n        padding: 45px 30px;\n        position: relative;\n        text-align: center;\n    }\n\n    .infographic-wrapper .portocarrero-bg {\n        position: absolute;\n        top: 50%;\n        right: 4%;\n        transform: translateY(-50%);\n        width: 160px;\n        height: 160px;\n        opacity: 0.07;\n        pointer-events: none;\n    }\n\n    .infographic-wrapper .header-tag {\n        background-color: var(--ual-orange);\n        color: #ffffff;\n        display: inline-block;\n        padding: 6px 16px;\n        border-radius: 50px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin-bottom: 15px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .infographic-wrapper header.dynamic-header h1 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 32px;\n        line-height: 1.2;\n        margin: 0 0 8px 0;\n        letter-spacing: -0.5px;\n        color: #ffffff;\n    }\n\n    .infographic-wrapper header.dynamic-header h1 span {\n        color: var(--ual-orange);\n    }\n\n    .infographic-wrapper .header-institution {\n        font-size: 13px;\n        color: #93c5fd;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-weight: 600;\n    }\n\n    .infographic-wrapper header.dynamic-header p.subtitle {\n        font-size: 15px;\n        color: #cbd5e1;\n        max-width: 680px;\n        margin: 14px auto 0 auto;\n    }\n\n    \/* GOLDEN RULE *\/\n    .infographic-wrapper .golden-rule {\n        background-color: var(--ual-orange-light);\n        border-left: 5px solid var(--ual-orange);\n        padding: 20px 24px;\n        margin: 28px 30px;\n        border-radius: 0 var(--radius-md) var(--radius-md) 0;\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n    }\n\n    .infographic-wrapper .golden-rule i {\n        color: var(--ual-orange);\n        font-size: 26px;\n        margin-top: 2px;\n    }\n\n    .infographic-wrapper .golden-rule h3 {\n        font-family: 'Montserrat', sans-serif;\n        color: var(--ual-blue-dark);\n        font-size: 16px;\n        margin: 0 0 4px 0;\n        font-weight: 700;\n    }\n\n    .infographic-wrapper .golden-rule p {\n        font-size: 14px;\n        color: #475569;\n        margin: 0;\n    }\n\n    \/* INTERACTIVE HUB *\/\n    .infographic-wrapper .interactive-hub {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin: 0 30px 30px 30px;\n    }\n\n    @media (max-width: 768px) {\n        .infographic-wrapper .interactive-hub {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .infographic-wrapper .interactive-card {\n        background: #f8fafc;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        padding: 20px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .infographic-wrapper .interactive-card h4 {\n        font-family: 'Montserrat', sans-serif;\n        color: var(--ual-blue-dark);\n        margin: 0 0 12px 0;\n        font-size: 14px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 700;\n    }\n\n    .infographic-wrapper .interactive-card h4 i {\n        color: var(--ual-orange);\n    }\n\n    .infographic-wrapper .timer-display {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 34px;\n        font-weight: 800;\n        color: var(--ual-blue-dark);\n        text-align: center;\n        margin: 8px 0;\n        letter-spacing: 1px;\n    }\n\n    .infographic-wrapper .timer-controls {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n    }\n\n    .infographic-wrapper .btn {\n        background-color: var(--ual-blue-dark);\n        color: #ffffff;\n        border: none;\n        padding: 9px 18px;\n        border-radius: 8px;\n        cursor: pointer;\n        font-weight: 600;\n        font-size: 13px;\n        transition: all 0.2s ease;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .infographic-wrapper .btn:hover {\n        background-color: var(--ual-blue-light);\n    }\n\n    .infographic-wrapper .btn-orange {\n        background-color: var(--ual-orange);\n    }\n\n    .infographic-wrapper .btn-orange:hover {\n        background-color: #d97006;\n    }\n\n    .infographic-wrapper .calc-input {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 12px;\n    }\n\n    .infographic-wrapper .calc-input input {\n        width: 70px;\n        padding: 6px;\n        border: 1px solid #cbd5e1;\n        border-radius: 6px;\n        text-align: center;\n        font-weight: 700;\n        font-size: 15px;\n        color: var(--ual-blue-dark);\n    }\n\n    .infographic-wrapper .calc-result {\n        background: #f0fdf4;\n        border: 1px solid #bbf7d0;\n        padding: 10px;\n        border-radius: 8px;\n        text-align: center;\n        font-weight: 700;\n        color: #166534;\n        font-size: 13px;\n        transition: all 0.2s ease;\n    }\n\n    \/* TIMELINE *\/\n    .infographic-wrapper .dynamics-timeline {\n        position: relative;\n        padding: 0 30px;\n        margin-top: 20px;\n    }\n\n    .infographic-wrapper .dynamics-timeline::before {\n        content: '';\n        position: absolute;\n        left: 52px;\n        top: 20px;\n        bottom: 20px;\n        width: 3px;\n        background-color: #e2e8f0;\n        z-index: 0;\n    }\n\n    .infographic-wrapper .dynamic-item {\n        position: relative;\n        display: flex;\n        gap: 22px;\n        margin-bottom: 28px;\n        z-index: 1;\n    }\n\n    .infographic-wrapper .dynamic-badge {\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        background-color: var(--ual-blue-dark);\n        color: #ffffff;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-weight: 700;\n        font-size: 16px;\n        box-shadow: 0 0 0 6px #ffffff, 0 4px 10px rgba(0, 46, 93, 0.15);\n        flex-shrink: 0;\n        font-family: 'Montserrat', sans-serif;\n        border: 2px solid var(--ual-orange);\n    }\n\n    .infographic-wrapper .dynamic-content {\n        background-color: #ffffff;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        padding: 20px;\n        flex-grow: 1;\n        box-shadow: var(--shadow-sm);\n        transition: all 0.2s ease;\n    }\n\n    .infographic-wrapper .dynamic-content:hover {\n        transform: translateX(4px);\n        border-color: #cbd5e1;\n        box-shadow: var(--shadow-md);\n    }\n\n    .infographic-wrapper .dynamic-title {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 17px;\n        color: var(--ual-blue-dark);\n        margin-bottom: 6px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .infographic-wrapper .dynamic-tag {\n        font-size: 11px;\n        background: #f1f5f9;\n        color: var(--text-muted);\n        padding: 4px 10px;\n        border-radius: 20px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .infographic-wrapper .dynamic-desc {\n        font-size: 14px;\n        color: #475569;\n        margin: 0;\n    }\n\n    .infographic-wrapper .dynamic-tip {\n        margin-top: 12px;\n        padding-top: 10px;\n        border-top: 1px dashed #e2e8f0;\n        font-size: 13px;\n        color: var(--ual-blue-light);\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 600;\n    }\n\n    \/* ARTISTIC DYNAMICS *\/\n    .infographic-wrapper .artistic-card {\n        background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);\n        border: 2px solid #cbd5e1;\n    }\n\n    .infographic-wrapper .art-subdynamics {\n        margin-top: 18px;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    .infographic-wrapper .art-sub-item {\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-left: 4px solid var(--ual-orange);\n        border-radius: 8px;\n        padding: 16px;\n    }\n\n    .infographic-wrapper .art-sub-item h5 {\n        font-family: 'Montserrat', sans-serif;\n        color: var(--ual-blue-dark);\n        font-size: 15px;\n        font-weight: 700;\n        margin: 0 0 6px 0;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .infographic-wrapper .art-sub-item h5 i {\n        color: var(--ual-orange);\n    }\n\n    .infographic-wrapper .sticker-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        background-color: #fef3c7;\n        color: #92400e;\n        font-size: 12px;\n        font-weight: 700;\n        padding: 4px 10px;\n        border-radius: 6px;\n        margin-top: 10px;\n        border: 1px dashed #f59e0b;\n    }\n\n    \/* IMPOSTOR TOPICS ACCORDION *\/\n    .infographic-wrapper .topics-accordion {\n        margin-top: 16px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .infographic-wrapper details.topic-toggle {\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        overflow: hidden;\n        transition: all 0.2s ease;\n    }\n\n    .infographic-wrapper details.topic-toggle[open] {\n        border-color: var(--ual-blue-light);\n        box-shadow: 0 4px 10px rgba(0, 80, 157, 0.08);\n    }\n\n    .infographic-wrapper details.topic-toggle summary {\n        padding: 12px 16px;\n        font-weight: 700;\n        font-size: 13px;\n        font-family: 'Montserrat', sans-serif;\n        color: var(--ual-blue-dark);\n        cursor: pointer;\n        list-style: none;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        user-select: none;\n        background-color: #f8fafc;\n    }\n\n    .infographic-wrapper details.topic-toggle summary::-webkit-details-marker {\n        display: none;\n    }\n\n    .infographic-wrapper details.topic-toggle summary::after {\n        content: '\\f078';\n        font-family: 'Font Awesome 6 Free', 'FontAwesome';\n        font-weight: 900;\n        font-size: 11px;\n        color: var(--text-muted);\n        transition: transform 0.2s;\n    }\n\n    .infographic-wrapper details.topic-toggle[open] summary::after {\n        transform: rotate(180deg);\n        color: var(--ual-orange);\n    }\n\n    .infographic-wrapper .topic-body {\n        padding: 14px 16px;\n        background-color: #ffffff;\n        font-size: 13px;\n        border-top: 1px solid #f1f5f9;\n    }\n\n    .infographic-wrapper .topic-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 10px;\n        margin-top: 6px;\n    }\n\n    @media (max-width: 580px) {\n        .infographic-wrapper .topic-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .infographic-wrapper .topic-pill {\n        padding: 8px 12px;\n        border-radius: 6px;\n        font-size: 12px;\n    }\n\n    .infographic-wrapper .topic-pill.majority {\n        background-color: #f0fdf4;\n        border: 1px solid #bbf7d0;\n        color: #166534;\n    }\n\n    .infographic-wrapper .topic-pill.impostor {\n        background-color: #fef2f2;\n        border: 1px solid #fecaca;\n        color: #991b1b;\n    }\n\n    \/* SHOWCASE CHALLENGE *\/\n    .infographic-wrapper .showcase-block {\n        background: linear-gradient(135deg, #fffbeb 0%, var(--ual-orange-light) 100%);\n        border: 2px solid var(--ual-orange);\n        border-radius: 16px;\n        padding: 30px;\n        margin: 30px;\n        text-align: center;\n    }\n\n    .infographic-wrapper .showcase-block i.showcase-icon {\n        font-size: 34px;\n        color: var(--ual-orange);\n        margin-bottom: 10px;\n    }\n\n    .infographic-wrapper .showcase-block h2 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 20px;\n        color: var(--ual-blue-dark);\n        margin: 0 0 8px 0;\n    }\n\n    .infographic-wrapper .showcase-block p {\n        font-size: 14px;\n        color: #475569;\n        max-width: 620px;\n        margin: 0 auto 20px auto;\n    }\n\n    .infographic-wrapper .showcase-tips {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 12px;\n        text-align: left;\n    }\n\n    @media (max-width: 640px) {\n        .infographic-wrapper .showcase-tips {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .infographic-wrapper .showcase-tip-card {\n        background: rgba(255, 255, 255, 0.85);\n        padding: 12px 14px;\n        border-radius: 8px;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--text-dark);\n        border: 1px solid rgba(240, 129, 15, 0.2);\n    }\n\n    .infographic-wrapper .showcase-tip-card i {\n        color: var(--ual-orange);\n    }\n\n    \/* FOOTER *\/\n    .infographic-wrapper footer.dynamic-footer {\n        background-color: var(--ual-blue-dark);\n        color: #94a3b8;\n        text-align: center;\n        padding: 20px;\n        font-size: 12px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 600;\n        border-top: 4px solid var(--ual-orange);\n    }\n\n    .infographic-wrapper footer.dynamic-footer a {\n        color: #ffffff;\n        text-decoration: none;\n    }\n<\/style>\n\n<div class=\"infographic-wrapper\">\n    <div class=\"infographic-container\">\n        \n        <!-- HEADER -->\n        <header class=\"dynamic-header\">\n            <svg class=\"portocarrero-bg\" viewBox=\"0 0 100 100\">\n                <circle cx=\"50\" cy=\"50\" r=\"10\" fill=\"currentColor\"\/>\n                <path d=\"M50 5 L50 25 M50 75 L50 95 M5 50 L25 50 M75 50 L95 50\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                <path d=\"M18 18 L32 32 M68 68 L82 82 M18 82 L32 68 M68 18 L82 32\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                <path d=\"M50 15 L53 23 L61 20 L57 28 L65 30 L57 34 L62 41 L53 41\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\"\/>\n            <\/svg>\n\n            <span class=\"header-tag\">UAL Orientation Days &#038; Tutoring<\/span>\n            <h1>Ice-Breakers &#038; <span>Creative Dynamics<\/span><\/h1>\n            <div class=\"header-institution\">University of Almer\u00eda<\/div>\n            <p class=\"subtitle\">An interactive roadmap to welcome and connect new students: fast-paced ice-breakers, social networking, and collaborative drawing challenges.<\/p>\n        <\/header>\n\n        <!-- THE GOLDEN RULE -->\n        <div class=\"golden-rule\">\n            <i class=\"fa-solid fa-hourglass-half\"><\/i>\n            <div>\n                <h3>The Golden Rule: 2-Minute Chat Breaks<\/h3>\n                <p>With every group shuffle or peer interaction, you will have exactly <strong>2 minutes<\/strong> to introduce yourselves and discover shared interests before moving on.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- INTERACTIVE TOOLS HUB -->\n        <div class=\"interactive-hub\">\n            <!-- BREAK TIMER -->\n            <div class=\"interactive-card\">\n                <h4><i class=\"fa-solid fa-stopwatch\"><\/i> Classroom Timer<\/h4>\n                <div class=\"timer-display\" id=\"timer-text\">02:00<\/div>\n                <div class=\"timer-controls\">\n                    <button type=\"button\" class=\"btn btn-orange\" id=\"btn-timer-start\" onclick=\"window.iniciarOpausarTemporizador()\">Start Break<\/button>\n                    <button type=\"button\" class=\"btn\" id=\"btn-timer-reset\" onclick=\"window.reiniciarTemporizador()\">Reset<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- BIRTHDAY PARADOX CALCULATOR -->\n            <div class=\"interactive-card\">\n                <h4><i class=\"fa-solid fa-chart-line\"><\/i> Birthday Paradox Calculator<\/h4>\n                <div class=\"calc-input\">\n                    <label for=\"student-count\" style=\"font-size: 13px; font-weight:600;\">No. of Students:<\/label>\n                    <input type=\"number\" id=\"student-count\" value=\"35\" min=\"2\" max=\"100\" oninput=\"window.actualizarProbabilidadCumple()\" onchange=\"window.actualizarProbabilidadCumple()\">\n                <\/div>\n                <div class=\"calc-result\" id=\"calc-output\">\n                    Probability: 81.4% exact match chance\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- DYNAMICS TIMELINE -->\n        <div class=\"dynamics-timeline\">\n            \n            <!-- 1. SHOE SIZE -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\">1<\/div>\n                <div class=\"dynamic-content\">\n                    <div class=\"dynamic-title\">\n                        Sole Mates\n                        <span class=\"dynamic-tag\">Fast &#038; Agile<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Students move around the room to find classmates who share their <strong>exact shoe size<\/strong> to form a micro-group.<\/p>\n                    <div class=\"dynamic-tip\">\n                        <i class=\"fa-solid fa-lightbulb\"><\/i> Tip: If someone has an uncommon size, pair up with the nearest number (\u00b10.5 or \u00b11).\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2. INITIALS -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\">2<\/div>\n                <div class=\"dynamic-content\">\n                    <div class=\"dynamic-title\">\n                        Alpha Connect\n                        <span class=\"dynamic-tag\">Identity<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Quickly regroup with classmates whose first name starts with the <strong>same initial letter<\/strong>.<\/p>\n                    <div class=\"dynamic-tip\">\n                        <i class=\"fa-solid fa-lightbulb\"><\/i> Tip: Less common initial letters (e.g., W, K, X) can team up into a multi-letter cluster.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 3. AGE RANGE -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\">3<\/div>\n                <div class=\"dynamic-content\">\n                    <div class=\"dynamic-title\">\n                        Generation Sync\n                        <span class=\"dynamic-tag\">Affinity<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Group by age within a close window of <strong>\u00b11 year<\/strong> (e.g., if you are 19, pair with peers aged 18, 19, or 20).<\/p>\n                    <div class=\"dynamic-tip\">\n                        <i class=\"fa-solid fa-lightbulb\"><\/i> Tip: Great for identifying classmates in similar life and academic stages.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4. HOBBIES & SPORTS -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\">4<\/div>\n                <div class=\"dynamic-content\">\n                    <div class=\"dynamic-title\">\n                        Leisure &#038; Passions Clubs\n                        <span class=\"dynamic-tag\">Interests<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Form new circles based on personal hobbies: sports, gaming, hiking, cinema, music, or reading.<\/p>\n                    <div class=\"dynamic-tip\">\n                        <i class=\"fa-solid fa-lightbulb\"><\/i> Tip: Encourages campus hobby groups and study-break plans outside the classroom.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 5. BIRTHDAY TWINS -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\">5<\/div>\n                <div class=\"dynamic-content\">\n                    <div class=\"dynamic-title\">\n                        Calendar Twins\n                        <span class=\"dynamic-tag\">The Grand Quest<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Walk around asking for birthdays (day and month). The objective is to <strong>find the classmate who shares your exact birthday or has the closest date<\/strong> to yours.<\/p>\n                    <div class=\"dynamic-tip\" style=\"color: var(--ual-orange);\">\n                        <i class=\"fa-solid fa-calculator\"><\/i> Live Probability: In a group of 35 people, there is over an 80% chance of an exact match!\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 6. ARTISTIC PHASE -->\n            <div class=\"dynamic-item\">\n                <div class=\"dynamic-badge\"><i class=\"fa-solid fa-palette\" style=\"font-size:14px;\"><\/i><\/div>\n                <div class=\"dynamic-content artistic-card\">\n                    <div class=\"dynamic-title\">\n                        Artistic Expression Phase: Sketches &#038; UAL Symbols\n                        <span class=\"dynamic-tag\" style=\"background:#e0f2fe; color:var(--ual-blue-dark);\">Visual Arts<\/span>\n                    <\/div>\n                    <p class=\"dynamic-desc\">Transitioning into visual communication through three progressive drawing challenges focused on spatial coordination, intuition, and play:<\/p>\n\n                    <div class=\"art-subdynamics\">\n                        \n                        <!-- Artistic Challenge 1 -->\n                        <div class=\"art-sub-item\">\n                            <h5><i class=\"fa-solid fa-arrows-split-up-and-left\"><\/i> 1. Back-to-Back (Pure Communication)<\/h5>\n                            <p class=\"dynamic-desc\">\n                                In pairs, sitting or standing back-to-back:\n                                <br>\u2022 <strong>Round A:<\/strong> Partner 1 provides strictly verbal geometric instructions (proportions, directions) so Partner 2 can sketch the <strong>Indalo<\/strong> without seeing it.\n                                <br>\u2022 <strong>Round B:<\/strong> Switch roles to guide the drawing of the <strong>Sol de Portocarrero<\/strong> (the emblem of the UAL).\n                            <\/p>\n                        <\/div>\n\n                        <!-- Artistic Challenge 2 -->\n                        <div class=\"art-sub-item\">\n                            <h5><i class=\"fa-solid fa-eye-slash\"><\/i> 2. Blind Drawing (Proprioception &#038; Intuition)<\/h5>\n                            <p class=\"dynamic-desc\">\n                                Block direct line-of-sight between your eyes and your hand using a folder, sheet of paper, or mobile phone.\n                                <br>Sketch <strong>the remaining symbol<\/strong> (either the Indalo or the UAL Sun) without looking at the strokes until fully finished.\n                            <\/p>\n                            <div class=\"sticker-badge\">\n                                <i class=\"fa-solid fa-note-sticky\"><\/i> Canvas: Drawn on sticker paper so students can personalize their folders or luggage afterward.\n                            <\/div>\n                        <\/div>\n\n                        <!-- Artistic Challenge 3 -->\n                        <div class=\"art-sub-item\">\n                            <h5><i class=\"fa-solid fa-user-secret\"><\/i> 3. The Blackboard Impostor<\/h5>\n                            <p class=\"dynamic-desc\">\n                                <strong>4 volunteers<\/strong> step up to the board. 3 are secretly given a <strong>shared topic<\/strong>, while the 4th receives a <strong>distractor topic<\/strong> (the Impostor).\n                                <br>Taking turns, each draws a single stroke or symbol on the board. The audience must observe, debate, and uncover the impostor.\n                            <\/p>\n\n                            <!-- TOPICS ACCORDION -->\n                            <div class=\"topics-accordion\">\n                                <p style=\"font-size: 12px; font-weight:700; color:var(--ual-blue-dark); text-transform:uppercase; margin-top:5px;\">\n                                    <i class=\"fa-solid fa-lock\"><\/i> Instructor Topics (Click to reveal):\n                                <\/p>\n\n                                <details class=\"topic-toggle\">\n                                    <summary>Round 1: Sustainability &#038; Environment<\/summary>\n                                    <div class=\"topic-body\">\n                                        <div class=\"topic-grid\">\n                                            <div class=\"topic-pill majority\"><strong>Majority (3 students):<\/strong> Sustainability (recycling logos, leaves, sun rays, wind turbines)<\/div>\n                                            <div class=\"topic-pill impostor\"><strong>Impostor (1 student):<\/strong> Football \/ Soccer (goal posts, footballs, nets, referee whistles)<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/details>\n\n                                <details class=\"topic-toggle\">\n                                    <summary>Round 2: Life on the UAL Campus<\/summary>\n                                    <div class=\"topic-body\">\n                                        <div class=\"topic-grid\">\n                                            <div class=\"topic-pill majority\"><strong>Majority (3 students):<\/strong> University \/ Library (books, backpacks, lecture halls, graduation caps)<\/div>\n                                            <div class=\"topic-pill impostor\"><strong>Impostor (1 student):<\/strong> Restaurant Kitchen (frying pans, chef hats, burners, plates)<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/details>\n\n                                <details class=\"topic-toggle\">\n                                    <summary>Round 3: Almer\u00eda Coast &#038; Sea<\/summary>\n                                    <div class=\"topic-body\">\n                                        <div class=\"topic-grid\">\n                                            <div class=\"topic-pill majority\"><strong>Majority (3 students):<\/strong> Beach &#038; Sea (waves, palm trees, seagulls, beach umbrellas)<\/div>\n                                            <div class=\"topic-pill impostor\"><strong>Impostor (1 student):<\/strong> Ski Resort \/ Winter (sleds, snowflakes, heavy parkas, icy mountains)<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/details>\n\n                                <details class=\"topic-toggle\">\n                                    <summary>Round 4: Travel &#038; Mobility<\/summary>\n                                    <div class=\"topic-body\">\n                                        <div class=\"topic-grid\">\n                                            <div class=\"topic-pill majority\"><strong>Majority (3 students):<\/strong> Air Travel \/ Airport (airplane wings, control towers, passports, luggage)<\/div>\n                                            <div class=\"topic-pill impostor\"><strong>Impostor (1 student):<\/strong> Gym &#038; Weightlifting (dumbbells, treadmills, barbell plates, muscles)<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/details>\n\n                                <details class=\"topic-toggle\">\n                                    <summary>Round 5: Digital Culture &#038; Tech<\/summary>\n                                    <div class=\"topic-body\">\n                                        <div class=\"topic-grid\">\n                                            <div class=\"topic-pill majority\"><strong>Majority (3 students):<\/strong> Artificial Intelligence \/ Robotics (gears, circuit chips, monitors, wires)<\/div>\n                                            <div class=\"topic-pill impostor\"><strong>Impostor (1 student):<\/strong> Classic Gardening (watering cans, flowerpots, blooms, hand trowels)<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/details>\n\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- FINAL SHOWCASE CHALLENGE -->\n        <div class=\"showcase-block\">\n            <i class=\"fa-solid fa-bullhorn showcase-icon\"><\/i>\n            <h2>Final Challenge: Introduce Your Peer<\/h2>\n            <p>At the end of the session, we will pick students at random. You will not introduce yourself\u2014instead, you will take 30 seconds to present the classmate you met or drew with.<\/p>\n            \n            <div class=\"showcase-tips\">\n                <div class=\"showcase-tip-card\">\n                    <i class=\"fa-solid fa-user-check\"><\/i>\n                    <span>First name and hometown.<\/span>\n                <\/div>\n                <div class=\"showcase-tip-card\">\n                    <i class=\"fa-solid fa-palette\"><\/i>\n                    <span>How the drawing collaboration went.<\/span>\n                <\/div>\n                <div class=\"showcase-tip-card\">\n                    <i class=\"fa-solid fa-ear-listen\"><\/i>\n                    <span>An interesting hobby or fun fact they shared.<\/span>\n                <\/div>\n                <div class=\"showcase-tip-card\">\n                    <i class=\"fa-solid fa-star\"><\/i>\n                    <span>Make your partner shine in front of the group!<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- FOOTER -->\n        <footer class=\"dynamic-footer\">\n            <a href=\"https:\/\/www.ual.es\" target=\"_blank\">University of Almer\u00eda &copy; Orientation Dynamics<\/a>\n        <\/footer>\n\n    <\/div>\n<\/div>\n\n<!-- JAVASCRIPT LOGIC FOR TIMER & CALCULATOR -->\n<script>\n    (function () {\n        let duration = 120;\n        let intervalId = null;\n        let isRunning = false;\n\n        function formatTime(seconds) {\n            const m = Math.floor(seconds \/ 60).toString().padStart(2, '0');\n            const s = (seconds % 60).toString().padStart(2, '0');\n            const display = document.getElementById('timer-text');\n            if (display) {\n                display.textContent = m + ':' + s;\n            }\n        }\n\n        function playBeep() {\n            try {\n                const AudioContextClass = window.AudioContext || window.webkitAudioContext;\n                if (!AudioContextClass) return;\n                const audioCtx = new AudioContextClass();\n                const oscillator = audioCtx.createOscillator();\n                const gainNode = audioCtx.createGain();\n\n                oscillator.type = 'sine';\n                oscillator.frequency.setValueAtTime(880, audioCtx.currentTime);\n                gainNode.gain.setValueAtTime(0.3, audioCtx.currentTime);\n\n                oscillator.connect(gainNode);\n                gainNode.connect(audioCtx.destination);\n\n                oscillator.start();\n                setTimeout(() => {\n                    oscillator.stop();\n                    audioCtx.close();\n                }, 500);\n            } catch (e) {\n                console.log(\"Audio not supported or blocked by browser policies.\");\n            }\n        }\n\n        window.iniciarOpausarTemporizador = function () {\n            const btnStart = document.getElementById('btn-timer-start');\n            if (isRunning) {\n                clearInterval(intervalId);\n                isRunning = false;\n                if (btnStart) {\n                    btnStart.textContent = 'Resume Break';\n                    btnStart.classList.remove('btn-orange');\n                }\n            } else {\n                isRunning = true;\n                if (btnStart) {\n                    btnStart.textContent = 'Pause';\n                    btnStart.classList.add('btn-orange');\n                }\n\n                intervalId = setInterval(() => {\n                    duration--;\n                    if (duration <= 0) {\n                        clearInterval(intervalId);\n                        duration = 0;\n                        formatTime(0);\n                        playBeep();\n                        if (btnStart) {\n                            btnStart.textContent = \"Time's up!\";\n                            btnStart.disabled = true;\n                        }\n                        isRunning = false;\n                    } else {\n                        formatTime(duration);\n                    }\n                }, 1000);\n            }\n        };\n\n        window.reiniciarTemporizador = function () {\n            clearInterval(intervalId);\n            duration = 120;\n            isRunning = false;\n            formatTime(duration);\n            const btnStart = document.getElementById('btn-timer-start');\n            if (btnStart) {\n                btnStart.textContent = 'Start Break';\n                btnStart.disabled = false;\n                btnStart.classList.add('btn-orange');\n            }\n        };\n\n        window.actualizarProbabilidadCumple = function () {\n            const input = document.getElementById('student-count');\n            const output = document.getElementById('calc-output');\n            if (!input || !output) return;\n\n            const n = parseInt(input.value, 10) || 0;\n            if (n < 2) {\n                output.textContent = \"Requires at least 2 students.\";\n                output.style.backgroundColor = \"#fee2e2\";\n                output.style.borderColor = \"#fca5a5\";\n                output.style.color = \"#991b1b\";\n                return;\n            }\n\n            let probNoMatch = 1;\n            const limit = Math.min(n, 365);\n            for (let i = 0; i < limit; i++) {\n                probNoMatch *= (365 - i) \/ 365;\n            }\n\n            const probability = (n > 365) ? 100 : ((1 - probNoMatch) * 100).toFixed(1);\n            output.textContent = `Probability: ${probability}% exact match chance`;\n\n            if (probability > 70) {\n                output.style.backgroundColor = \"#f0fdf4\";\n                output.style.borderColor = \"#bbf7d0\";\n                output.style.color = \"#166534\";\n            } else if (probability > 40) {\n                output.style.backgroundColor = \"#fefce8\";\n                output.style.borderColor = \"#fef08a\";\n                output.style.color = \"#854d0e\";\n            } else {\n                output.style.backgroundColor = \"#f0f9ff\";\n                output.style.borderColor = \"#bae6fd\";\n                output.style.color = \"#075985\";\n            }\n        };\n\n        function initializeApp() {\n            const btnStart = document.getElementById('btn-timer-start');\n            const btnReset = document.getElementById('btn-timer-reset');\n            const inputCount = document.getElementById('student-count');\n\n            if (btnStart) btnStart.onclick = window.iniciarOpausarTemporizador;\n            if (btnReset) btnReset.onclick = window.reiniciarTemporizador;\n            if (inputCount) {\n                inputCount.oninput = window.actualizarProbabilidadCumple;\n                inputCount.onchange = window.actualizarProbabilidadCumple;\n                window.actualizarProbabilidadCumple();\n            }\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initializeApp);\n        } else {\n            initializeApp();\n        }\n    })();\n<\/script>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"801\" src=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-3.png\" alt=\"\" class=\"wp-image-738\" srcset=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-3.png 461w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-3-173x300.png 173w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-2-1024x498.png\" alt=\"\" class=\"wp-image-737\" srcset=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-2-1024x498.png 1024w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-2-300x146.png 300w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-2.png 1850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1024x490.png\" alt=\"\" class=\"wp-image-732\" srcset=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1024x490.png 1024w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-300x144.png 300w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image.png 1867w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1-1024x459.png\" alt=\"\" class=\"wp-image-734\" srcset=\"https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1-1024x459.png 1024w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1-300x134.png 300w, https:\/\/galindoduran.es\/wp-content\/uploads\/2026\/09\/image-1.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UAL Orientation Days &#038; Tutoring Ice-Breakers &#038; Creative Dynamics University of Almer\u00eda An interactive roadmap to welcome and connect new students: fast-paced ice-breakers, social networking, and collaborative drawing challenges. The Golden Rule: 2-Minute Chat Breaks With every group shuffle or peer interaction, you will have exactly 2 minutes to introduce yourselves and discover shared interests &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/galindoduran.es\/?page_id=722\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abIce-Breaker Dynamics\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/no-title.php","meta":{"footnotes":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galindoduran.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=722"}],"version-history":[{"count":8,"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/galindoduran.es\/index.php?rest_route=\/wp\/v2\/pages\/722\/revisions\/739"}],"wp:attachment":[{"href":"https:\/\/galindoduran.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}