From 01aa2643f66424fad35e0bf9f580f928f9de1bfe Mon Sep 17 00:00:00 2001
From: jorge <jdavidnunez@gmail.com>
Date: Mon, 28 Sep 2026 12:23:45 +0200
Subject: [PATCH] Actualizando a 12:24

---
 buscadorSala.php                            | 214 +++--------
 cabecera.php                                |  52 +--
 clases/ClaseEquipoxUsuario.php              |  26 ++
 controladores/ControladorEquipoxUsuario.php |  12 +
 controladores/ControladorUsuario.php        |  16 +-
 img/avatars/avatar_11.webp                  | Bin 0 -> 19598 bytes
 index.php                                   |  20 +-
 js/buscadorSala.js                          | 375 +++++++-------------
 js/cabecera.js                              | 141 +++++---
 perfil.php                                  | 361 ++++++-------------
 10 files changed, 456 insertions(+), 761 deletions(-)
 create mode 100644 img/avatars/avatar_11.webp
diff --git a/buscadorSala.php b/buscadorSala.php
index 09f91d6..7fe1ea0 100644
--- a/buscadorSala.php
+++ b/buscadorSala.php
@@ -4,200 +4,102 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Trivial - Lobby</title>
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
-    <link
-        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
-        rel="stylesheet">
-
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="css/index.css">
     <link rel="stylesheet" href="css/buscadorSala.css">
 </head>
 
 <body>
 
-    <?php
-    include_once("cabecera.php");
-    ?>
+    <?php include_once("cabecera.php"); ?>
 
-    <main class="container py-5">
-
-        <div id="contenedorCrearSala" class="text-center mb-5">
-
-
-            <button
-                type="button"
-                class="btn btn-play-kahoot btn-crear-sala"
-                data-bs-toggle="modal"
-                data-bs-target="#modalCrearSala">
-
-                <span>+</span>
-                Crear sala
-
-            </button>
+    <main class="container py-4">
 
+        <!-- Botón Volver -->
+        <div class="mb-4">
+            <a href="index.php" class="btn btn-outline-secondary d-inline-flex align-items-center gap-2">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
+                </svg>
+                Volver al Inicio
+            </a>
         </div>
 
-        <div
-            id="contenedorSalas"
-            class="row justify-content-center g-4">
-
-            <div
-                id="cargandoSalas"
-                class="col-12 text-center">
-
-                <div
-                    class="spinner-border text-primary"
-                    role="status">
-
-                    <span class="visually-hidden">
-                        Cargando...
-                    </span>
+        <!-- Botón Crear Sala -->
+        <div id="contenedorCrearSala" class="text-center mb-5">
+            <button type="button" class="btn btn-play-kahoot btn-crear-sala" data-bs-toggle="modal" data-bs-target="#modalCrearSala">
+                <span>+</span> Crear sala
+            </button>
+        </div>
 
+        <!-- Contenedor Principal de Salas -->
+        <div id="contenedorSalas" class="row justify-content-center g-4">
+            <div id="cargandoSalas" class="col-12 text-center">
+                <div class="spinner-border text-primary" role="status">
+                    <span class="visually-hidden">Cargando...</span>
                 </div>
-
-                <p class="mt-3 text-muted">
-                    Cargando salas...
-                </p>
-
+                <p class="mt-3 text-muted">Cargando salas...</p>
             </div>
-
         </div>
 
     </main>
 
     <!-- Modal Crear Sala -->
-    <div
-        class="modal fade"
-        id="modalCrearSala"
-        tabindex="-1"
-        aria-labelledby="modalCrearSalaLabel"
-        aria-hidden="true">
-
+    <div class="modal fade" id="modalCrearSala" tabindex="-1" aria-labelledby="modalCrearSalaLabel" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered">
-
             <div class="modal-content modal-kahoot">
-
                 <div class="modal-header modal-kahoot-header">
-
-                    <h5
-                        class="modal-title"
-                        id="modalCrearSalaLabel">
-
-                        Crear sala
-
-                    </h5>
-
-                    <button
-                        type="button"
-                        class="btn-close btn-close-white"
-                        data-bs-dismiss="modal"
-                        aria-label="Cerrar">
-                    </button>
-
+                    <h5 class="modal-title" id="modalCrearSalaLabel">Crear sala</h5>
+                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                 </div>
-
                 <div class="modal-body p-4">
-
                     <div class="mb-3">
-
-                        <label
-                            for="nombreSala"
-                            class="form-label">
-
-                            Nombre de la sala
-
-                        </label>
-
-                        <input
-                            type="text"
-                            id="nombreSala"
-                            class="form-control input-kahoot"
-                            name="nombreSala"
-                            placeholder="Ej. Noche de Trivial"
-                            maxlength="100">
-
+                        <label for="nombreSala" class="form-label">Nombre de la sala</label>
+                        <input type="text" id="nombreSala" class="form-control input-kahoot" name="nombreSala" placeholder="Ej. Noche de Trivial" maxlength="100">
                     </div>
-
                     <div class="mb-3">
-
-                        <label
-                            for="nombreEquipo1"
-                            class="form-label">
-
-                            Nombre del equipo 1
-
-                        </label>
-
-                        <input
-                            type="text"
-                            id="nombreEquipo1"
-                            name="nombreEquipo1"
-                            class="form-control input-kahoot"
-                            placeholder="Ej. Los cerebritos"
-                            maxlength="50">
-
+                        <label for="nombreEquipo1" class="form-label">Nombre del equipo 1</label>
+                        <input type="text" id="nombreEquipo1" name="nombreEquipo1" class="form-control input-kahoot" placeholder="Ej. Los cerebritos" maxlength="50">
                     </div>
-
                     <div class="mb-3">
-
-                        <label
-                            for="nombreEquipo2"
-                            class="form-label">
-
-                            Nombre del equipo 2
-
-                        </label>
-
-                        <input
-                            type="text"
-                            id="nombreEquipo2"
-                            name="nombreEquipo2"
-                            class="form-control input-kahoot"
-                            placeholder="Ej. Los campeones"
-                            maxlength="50">
-
+                        <label for="nombreEquipo2" class="form-label">Nombre del equipo 2</label>
+                        <input type="text" id="nombreEquipo2" name="nombreEquipo2" class="form-control input-kahoot" placeholder="Ej. Los campeones" maxlength="50">
                     </div>
-
                 </div>
-
                 <div class="modal-footer">
-
-                    <button
-                        type="button"
-                        class="btn btn-secondary"
-                        data-bs-dismiss="modal">
-
-                        Cancelar
-
-                    </button>
-
-                    <button
-                        type="button"
-                        class="btn btn-kahoot-login"
-                        id="btnCrearSala">
-
-                        Crear sala
-
-                    </button>
-
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
+                    <button type="button" class="btn btn-kahoot-login" id="btnCrearSala">Crear sala</button>
                 </div>
-
             </div>
-
         </div>
-
     </div>
+    <!--MODAL ABANDONAR SALA -->
+    <!-- Modal Confirmar Abandonar Sala -->
+<div class="modal fade" id="modalAbandonarSala" tabindex="-1" aria-labelledby="modalAbandonarSalaLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content modal-kahoot text-center p-3">
+            <div class="modal-body">
+                <div class="mb-3 fs-1">⚠️</div>
+                <h4 class="modal-title mb-2 fw-bold text-white" id="modalAbandonarSalaLabel">¿Abandonar la sala?</h4>
+                <p class="text-white-50">Si sales de la sala, perderás tu lugar en el equipo.</p>
+            </div>
+            <div class="modal-footer justify-content-center border-0 gap-2">
+                <button type="button" class="btn btn-secondary px-4 py-2" data-bs-dismiss="modal">
+                    Cancelar
+                </button>
+                <button type="button" id="btnConfirmarAbandonar" class="btn btn-danger px-4 py-2">
+                    Sí, salir
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
 
-    <script
-        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">
-    </script>
-
-    <script src="js/jquery.min.js"></script>
-
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="js/jquery-4.0.0.min.js"></script>
     <script src="js/buscadorSala.js"></script>
 
 </body>
-
-</html>
+</html>
\ No newline at end of file
diff --git a/cabecera.php b/cabecera.php
index 208ffce..12a68a4 100644
--- a/cabecera.php
+++ b/cabecera.php
@@ -1,13 +1,3 @@
-<?php
-if (session_status() === PHP_SESSION_NONE) {
-    session_start();
-}
-
-// Comprobación de sesión
-$isLoggedIn = isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario']);
-$username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
-?>
-
 <!-- Bootstrap 5 CSS -->
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
 <!-- FontAwesome para iconos -->
@@ -17,7 +7,6 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 <link rel="stylesheet" href="css/index.css">
 <script src="js/jquery-4.0.0.min.js"></script>
 
-
 <nav class="navbar navbar-expand-lg navbar-kahoot py-3 mb-4">
     <div class="container">
         <a class="navbar-brand" href="index.php">
@@ -32,44 +21,9 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
         <div class="collapse navbar-collapse" id="navbarContent">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
 
-            <div class="d-flex align-items-center gap-3">
-                <?php if ($isLoggedIn): ?>
-                    <!-- Menú desplegable cuando la sesión está iniciada -->
-                    <div class="dropdown">
-                        <button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2"
-                            type="button"
-                            id="userDropdown"
-                            data-bs-toggle="dropdown"
-                            aria-expanded="false">
-                            <i class="fa-solid fa-circle-user fa-lg text-warning"></i>
-                            <span><?= htmlspecialchars($username) ?></span>
-                        </button>
-                        <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
-                            <li>
-                                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
-                                    <i class="fa-solid fa-user text-primary"></i> Perfil
-                                </a>
-                            </li>
-                            <li>
-                                <hr class="dropdown-divider">
-                            </li>
-                            <li>
-                                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="#" id="botonCerrarSesion">
-                                    <i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
-                                </a>
-
-                            </li>
-                        </ul>
-                    </div>
-                <?php else: ?>
-                    <!-- Botones que abren los modales cuando NO hay sesión iniciada -->
-                    <button type="button" class="btn btn-kahoot-login rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalLogin">
-                        <i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar Sesión
-                    </button>
-                    <button type="button" class="btn btn-kahoot-register rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalRegistro">
-                        <i class="fa-solid fa-user-plus me-1"></i> Registrarse
-                    </button>
-                <?php endif; ?>
+            <!-- Adtoy ti pagianan ti botones / dropdown a patulaon ti JS -->
+            <div class="d-flex align-items-center gap-3" id="contenedorUsuarioCabecera">
+                <!-- Ikapit ti JS ti HTML dita -->
             </div>
         </div>
     </div>
diff --git a/clases/ClaseEquipoxUsuario.php b/clases/ClaseEquipoxUsuario.php
index 3218f42..326397c 100644
--- a/clases/ClaseEquipoxUsuario.php
+++ b/clases/ClaseEquipoxUsuario.php
@@ -118,4 +118,30 @@ class EquipoxUsuario
     }
 }
 
+public static function salirDeSala($idUsuario)
+    {
+        $conexion = conexionBD();
+
+        if (is_array($conexion)) {
+            return $conexion;
+        }
+
+        try {
+            $sql = "DELETE FROM equipoxusuario WHERE idUsuario = :idUsuario";
+            $consulta = $conexion->prepare($sql);
+            $consulta->bindParam(':idUsuario', $idUsuario, PDO::PARAM_INT);
+            $consulta->execute();
+
+            return [
+                'exito' => true,
+                'mensaje' => 'Usuario eliminado de la sala correctamente.'
+            ];
+        } catch (PDOException $error) {
+            return [
+                'error' => 'Ocurrió un error al salir de la sala.',
+                'error_tecnico' => $error->getMessage()
+            ];
+        }
+    }
+
 }
diff --git a/controladores/ControladorEquipoxUsuario.php b/controladores/ControladorEquipoxUsuario.php
index f4d0364..9c7fd99 100644
--- a/controladores/ControladorEquipoxUsuario.php
+++ b/controladores/ControladorEquipoxUsuario.php
@@ -75,4 +75,16 @@ switch ($_POST['orden']) {
 
     break;
 
+
+    case 'salirDeSala':
+    if (!isset($_SESSION['idUsuario'])) {
+        echo json_encode(['error' => 'Usuario no autenticado']);
+        exit;
+    }
+
+    $idUsuario = $_SESSION['idUsuario'];
+    $respuesta = EquipoxUsuario::salirDeSala($idUsuario);
+
+    echo json_encode($respuesta);
+    break;
 }
diff --git a/controladores/ControladorUsuario.php b/controladores/ControladorUsuario.php
index 98daa4f..fc70080 100644
--- a/controladores/ControladorUsuario.php
+++ b/controladores/ControladorUsuario.php
@@ -47,7 +47,7 @@ switch ($_POST['orden']) {
 
 
     case 'comprobarUsuario':
-
+        
         $email = trim($_POST['email'] ?? '');
         $contrasena = $_POST['contrasena'] ?? '';
 
@@ -229,4 +229,18 @@ switch ($_POST['orden']) {
         'ranking' => $ranking
     ]);
     break;
+
+    case 'comprobarSesion':
+    if (isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario'])) {
+        echo json_encode([
+            'activa' => true,
+            'usuario' => [
+                'idUsuario' => $_SESSION['idUsuario'],
+                'nombreUsuario' => $_SESSION['nombreUsuario'] ?? ''
+            ]
+        ]);
+    } else {
+        echo json_encode(['activa' => false]);
+    }
+    break;
 }
diff --git a/img/avatars/avatar_11.webp b/img/avatars/avatar_11.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f906c5df63d5a40560e74b73e1e0d1635cc99e7f
GIT binary patch
literal 19598
zcmV(qK<~d&Nk&G7OaK5^MM6+kP&goZOaK57xB;C3Dj);G0X|VCkVYh<A`xhH5J&|C
zv$t?|k4bOiC`H%$Ijhr8M{{;JBY9LF4Oy=~!+ZRZo?G)wL*5wp-lq2=%wuH%%i*t^
z5&Uo2-&ZWD_TQ<0f_cdQ2gDzqnvg(0njB?RB3`iA{Qv!yF*coKrFD{|z|Ct_t!rA;
zoO7eMz3d(uSe7koTGq8%s;a81@04ljW+_T*bYLS+fhbBWz9z57K}4<CVB{F17(U^s
z&Z$CDfy?LDr3!8bHXg?A#A5Mj5)hg5ACc}*MqnY?k0N->k?<tD4QFV48wX8S^!M@c
zHJu_(DVh|8?6sLxW$@U6XBftgsn-93b32;OG{*ZHAb<q~gdzU_`hH73F-1X)V;RgV
zUJ`HHszs7|^X3De?UVD5{Q8gy%+wd(`-%-se|Upg&*TErR`i_)Yg*Q|hc;Kc<W5Tj
z%s*fi_O0U>#xaa)njaAYu(_X>;Bxt(??(`v3uexr_Dpf}c*NI#QGv&d56e1Fsk6v?
zWcROc6D-tIC{!V{J0kANFX3E!)DTk8V`6Bxzcq6{yxxbPB!s2TBHfJqx4ZOodVmnB
zxRlPfH)KEUmWJ>hePoG6s6V&f<{LRaDz2#063B*XYVQ`LoPGkl&?ts|2q~>=cxA+l
zJZj)(?&Hm6?(*Nn>WkSuQk1DPH!Yd>|CEjF)?VYLafwOp%gi!G0T8#jyVF^(^x!<y
zf{wuH68PUq*BLe4y?n3Un0QNBvR_t-#?!A}Z^<@I4qXyV(ELi|kuBsaU7#Z%smN8L
z9s5|t7=$4`cn}hx={lD)Zq-&HJ9{6u%bw(36=D(VYb^{ZH=Wm0P5WQC!GtgBOOl@y
zEkMP#H*Ep=kPKs^L!7$P27PHF*iq1UBF@tt&<h_Lq~vCMo~!@=$CAY^>(4C2<JDfS
z$b#F>HuT<ok;SLe$P=5r-asTVOPX8g{bPthyl2Pc-_((M@gGtPUd#IS;`G(BxJu-W
zDWg6=2RItm*xl%rHFJnWb$ZBXs5N%A>{nD<Taj2U3wUYD2UBtDm4Iwi+K!QaJu{Tn
z+(iGprH^b0fFL2A*xZ5yC03O9Fb(XcP|CW?vGML9ROXjCu#EP>YY`JQiN22RbfQz?
zG7&RdwXeP};wPX0=0N}fTQnmtm5DUMJE+>)CYtZH!QUiOCm+fdd539dk=xE1$MFEo
z>TWs;g-Y=7T8z|LhC1p!$(mZ3`-d8ZABqVvk}jx<fXozlC-|wAq><KGdI72m;CLTS
zKLmxVX|55U043jxYVfvSV9YeMWnq7pWaD~iNz>`qSZZc&pa2D4|88NB?2CtH)%M6x
z`~}P`Ksx|=yLS9*O`RRg9es}RZcvL?4G^D!7ldL~0H|OB(RXa{m`2SonO=M&j@0pp
zt!md#0AUKp^1!J%lXycqTn9TrQHDNgH*Lhs5S1-Q$g;ggpk6rh+b?6A>JxaDACq>p
z?=PFW4C-=+#}h&0$@h?)O58cWKP5)IU~Q}qfDCoft#`A!39Q{>YsZJ7^mxiGe2K`4
zSx6ZdMKK?1G2$>a1WYFkera!=P`($C8vra2Hb)`YbZIm1w!WPD1o7<8_2M5QvLHQ|
zAu*TxB@|HR8DDe$<+E4YKxLkFnkb$Azcy~``EH-MY>OHSW^#aRgjuA`2u-Fo#Yp;8
z?s|$s>YQ~5e-NAt-(h~ndf3*R)`aXH2>3<ZRMYGCgGK2_5kZ&2l5ZMN4Xw?!SWd-d
zbYe9QjKSCSL#rpxBe6o>MmYF^c_Pi~qCIJqP?3WQd?gfVloDENd0wBbwA1&x^L`5?
z!Z35r3tQe#L+l63hx%iPtk-8YZJVzN4ad|cFj~SX3CQjBp>4`+1u7}sLoDS?ZhgaX
z8*g!bi6R1R>lodga0Ha!=mpD((R5s<D!H&A8+uO#`VSLBfv{V763AE#@&O%SQQO(i
z`oVEOop0T+JPYq0QnpBzheCgnN++!g0;gkL{evSiS<^2dsYqZ6l?TX*f>b$F1*@&z
zFxGmPJ;Pw@6L1t?1DZ`MDg-TnD++OfH{t79@sugxfwS2ymw%EoO~;t3BnXp`pY&7|
zD9u9>3Qg1?$SrHp-Z!Atg%G?(#m)xKx<$<<_tk`6`K04B#cKh7ycSUjn@F(#4!fO|
zFGQ?xXysc?TZTQ=n!3LM9~1I=R|;J(;Z0LkbckqN#dAmjm?4*nAZ+|P?C@B4iBXb+
zLp@2b=<acrgmZ(<!6;ibKNIMU)>;SQ5rc6vh*t4G3vi<U#q6r<Rxn4Ckv{x)x)zK9
z%2ZkaQj0#men+}Y<!{~&bFs~kA23?*WE{$GsSjS=-yq!78l(M7NO$!$qne}wGD2eB
z6$h%9AZEixjMbPk?eA2vm6|twIN7fCXmLpaEt1%!=Hh{oDAa2gf-t(j%28wT;C&_0
z4v*$P5M%B<JeTWLNb<?~kFXyI5C}z=*ah^zk`V-p<7oA1?6)Caf=k!?1lZT*Z<oL1
z6yC^hq?#;_A|KxkM%XK4^jSt3SMi|_)pF8m$oD9|o3r2Sn{|@ea0FCLXWP@RwyL?r
z6WM4xw8|vajlCTt;lPOP5dE#nv$fe4IaNv*I%ye)86|d3Z_`ir#K@iL_RTRXV<9+X
z-_g_5bH=v4SK1*&+W(vBRRPc&#r?l|z265R2d!pHk!iknKB@X6!6$MVxaQRv-I7vF
ze{Fux=kVjJA_5$l=L6=XjpoaeSJLH4E$=(-!=jD#P578K|7Nar-Y{R|0F|4@`&&92
zBde9~ox#dCr~76%;nx!}N<=sWx9MDrlO31JpXMF^y%lfR@%){I!lvMD$8S^0W|Y%9
z+Tl%fz0hm$nDMlzb6^ocUMijS%5@;F*+oi9U^Q^!-Zn}~vUdf!%ey|fX_uND2>O@T
zaU~%OfNl*WJuN9HjJ3fyP%bH8JPU<=Cdo$fRD~lX!P|b^IA;rr0Xz7A?P;gXqdsa8
zg$y#9e)`8>gyCH>;fI9X^c_%s4&h~KASyFxe2YcT@|(w48UIWQ!79pMo7P;3esm9~
zn^bWuuBcp2Qz*Q?PnE(}7+a0u2xxBUKBMxF=QLZWm>(5BT@r`>LWw<hw)J`aKRnm|
zpZ4IPqf<~+-wbZGp9F-cdDhKeneW?f(%Khma@06@nRIRcCY2|>WZ}WR&(q|VUR{et
zg2MOmVWK(0|J?D;RCYYT+T0`S6=LLw$i=5p(6qgq*^1;JO}$f2pAlrIvN6zzkWmA?
z;DE}(6WTW>@qbPh7{-hL^2M28I!)gm>Wv>j`V&wL^zL@}#TNm_m7DpMNJKT%ylKVo
z`n3quGRVBHZauv(rRF**Kwshf9zTNrKu|SMn_bRR$*FS{{hF0?;V9*g82_*q18wR!
zFs8;vvFw^Q$FKl(p{dUXv~+xa?lW@ssB;{Nc61Hcns2#zKz==1@)wnTDPhpl@a1F7
zct&XA4rgu9$)30m-2?#Ak+S!vT?*7IcW^e#hxr5Am);Iodqc-3wH<8#Etk}T$06el
zc2LK5bI`)&R!d_G*2$Os^Mdq@sQ$$Dx4Jape5A^n1C{o15GYJm5~Uwf?D8eD63;dO
z2?O!NL|;tpLf?ol<|B}Vc<C<pQYLT)Zok_h;}=p=ciqySGh`<{wH6w3@}I@?kr-`U
z+GhL|zlh@oH|NlBl=>r>6&I5k0#>XlvG%2Q*Z{3!SF@$Kw+a5=Z|;P`T3`RlsG(jN
z#6kI;qt;tN`T)fDCvbM#98vcesZrS>ze-i$ZY{01*3|ZfF^XYT-Kt+==<m?W#Q_j(
zw_T4^#S;gg>D|*cu1A#iqZ-B>Z?<5H1*-MyBc*lTM|P)N86hT|*SOgm1p@I6H&2da
z3?UzG6lwtW|H5+R7$jR;@|EAm3DTEgmx`r*vU5Bjhef*FMm<DT$HK{wNW$)k^VLa_
z)g{%iGqwaAiAb>+C)WtNEaAGgA<RLu($hh@`oA@O@b|_a`Oo?1X&T#YP3S$tofE{t
z--ShBwf`F%nU{eQu&5O|mdyehAjIj^yTt6wu~JO}Ioz!;7zO^dQQiw!phP|$`i_Ld
zNbH9N`2+@;=N56XWMir%c9fn9v?;ZjI9XP`YoTjyAT$o83Be1=RSQ{!CCF#>2Sz`P
z-Y6d@4?r+Ow@diFP)9cP|4Cy!qa&$(oq0@tJWa9~%Mer6aaInM6O!0g+;74QjsVSx
z-_I)jLgAT(9DWWrmi9Uk$epWxW)@1?=`eo_j}S=`AEzH`<FRB+-8I&H!2r$U(W!ON
zfkWBPMA&85>Zy3*^4c^jvcTfPG_t@5fecutk?C+p)Rl=?h0u)+fkykOlX{$IktzD~
z0_WYe+6Zv->`w*31`Hi+=~kraFqXdG6K@y6WGKD1a;-`VD4$;c8KDDZ`5XX0&8bi~
zOE9jD(A_mrN-4Q=i9B4*8foRZGGj0|v`FAJB|f@e#egg8L;jhw2vpU^>9x3`%=rZL
zcTh|z1(>)9>c#n#9<Mu!0hNsQ1_svo05#`E$O5MRo;ke!Q59Jrmd%s6dm-lKF=myg
zpot{5PXAQP>QKuOBDle)A4kP;d~nY8KoZ*F>8uw6|CeTRy`5gPjodWXj3o0pK~zSW
zQ3E~PJ=V=uB}k$aS8s+(<{+(r0RFfI9`W8Habr_<qnl=S<7SRbz8f-!@5N@h=<P%P
z=x#VaQ6)|mE@Qb%yGjrRF%*1ocI2C|@i%l(r9j7YPE?Dk*HJ`zkwkPwy#wa6!4xJ0
zg^>luy52C=?V`|SJD&RMAa+30_6m|i;rGiqqhGQ1k=mk})6=T-Jn4ZcGy_tn3wNf|
z+8#rB!_t@sRn3IFzZX&XjD_x}$4lMwdBhGomapY45CY#V=0s>G5<5HA7xK{wzGemF
z-+x98Kb#;HQv~!MQ7`!i9w=tUdImhu)2#+PM`pvUg8)GUSN79kLtNwkX3!y;SCi4#
zCmm`}oNUQs_J?-;ys{w&P7m({Pk?xNQ_F2TIfd_NySv@k)++ai;?n6^CSZ6TId|<S
zY9G|7(S#hlewe8Tl72ny+R<!WI*>t(<e`OjG40Rm)A^yW#X36;z;Kx!r+ecW@`(tB
z;YFb9RS1$dZPKG8=r`G!?_$5A(Gb<ZP7e#m3TkmDrI^)^hpg$dr#=)WJN*M7<E+G+
z-Oo>}<y=WokG$?=(sPsBfYnjP0@Y7-J;=%BaZ$RLtL%(Z8gf^fnAM8M!QBZ*hOoLx
zVIr?mgQbp)02Vqh#8_2%qN<X~e0aufZ@$=+5SYgOlX{9=!dx5`OD2_cKWK#2g|>g}
z{eUQCkSOISl&*@Rha@Fl9V2Y*NI~8sB^Th~UD=T#=<ZRh{{J6@6ArnLNBG?#Z;A!X
z76A@Oh1KExZqUt-vu}5P664Lny*V(BdC;HU$(Th@l5YA0kpcw$K(pXN3}qotm@AZz
zMlIJ1o0)20d~K`m5ofA5l<mA%K5`qOGXVYS<&$P!1-QYx<R3I`0YUGx{}v{}iOw<b
zdFVYx;|Spb)urmd63&GGtJeUNrUwSR;u!7<kac>0tMQ;uz;J?V<X@y(5~;PWnCr)d
zV10m_yipfqa+>7AE^}(r2Ace~5ZMg!D*rirCzJ*>q;AHc1??S~&!J(yk$9fDHLvB0
z;!~pFkuSi()?F>Zp$ZSGInYSba4VEV0geJ@fGWV?OLc=r%2IS)zW0n~rDVx_-W|EA
zi@Ala;0#!53r+#Hbb4F>dPCBZ6BSdN%@i-?PhM-H%xHLR&C3<3ZJYdj6$196LZvhy
zL?^FVn{mjNviVJmtv(QLzWazYnrlg%VP^H^f=95UG4YP!Uc${+7D0)r5D@?W>~;Zv
z&y=bQC4dae9I1=IRlL?*#U6Pk4?VjCO|)&;<Gfuje5h{FLjM2{1ig#L{jJs;`kKOA
zZ4e(yxCn_VX|+QrzmC2UWd;~O3VX_Zc-wBVH>k`4*${bn${9t8bup2Bk+^akj{g$N
zh=fHTV8gE$&S8*s%eE1ktHn7kFIAf&-ruE6gruj%a6O2pY`=*cF7zb&fF)Fj3=lyC
zap2qF7lP#CoscDsf`R-{2a=il6pm5t9PEIMXK5m7o$J9m`%`0ox*nB<@W;hut>}PZ
zPsR?$x^~lenGaHQ38k?7Hqd<6pe~-7pPDI1p3A(7$3TlwaW}ZgKr9M+EBTYpT5Z{Y
zx<@MAm|JOOTH!ngez{VnpT9<7Bv`x`oshsn#X*hbpO7?UH=s4avTZVe&#MP%)CWxg
zay=^G^M4i1o5XvpONpN?TV6J!7!RfGbvOMsL&I-09+LLUaTN#?9yeE4Wf4t8vIr3x
zp%4ZodH2i7@Xe$i!oZB@kA!9w*AibmXIS{+)j65nJ$EaOj>GNt%j95`#kV2gxeW$g
zp#wX26%{AEJ3SZ-@I+)+=-w05o+qw0vFNfNyUTmWPJ2dFq`Ir6>1!X$85hyX)<_96
z7kt{pu(sfMX2<a9r+)JvIJ#HCY})V{2>@@_(KE(PtP_D!nPY1L+`3WwkDG6R2idUt
zGQqx0kWOb3W9k|F5`&_9nm$pZhSSmyJ%_<R`o`=b^TYr+Guhlnk#K55ooMw-*JnY-
z27V}1WBj#C!zOA4ihc2I(5&Kq@Uei6&kkN7vd#j*q;D<R@oFKq@jV;_;Pa~mNb9qS
zqal-7PU5H?Czoo`qd0YGOf`1>me^*W$aoG>P}ZnJ8#4n{Q4LuArj12PcnwAI%x2J#
z490=jz=VK6k#75lNTeB;&s~Pa=_2jC8AK0-{v^|6rMO2&1@|_}(LKM4L^!c^Pfu!E
z8exIEVva`*(;PKr`W96Qu;g1#W%K01r($TLYUZ4+t;QwU@bN^KPvmH!d(A;4Fs5xS
zKDcsWtR-RHNlR;>CObH!Kmpk56pSyq;VuoZ{hS5^Ns<+rj1A+o>hCW)j47GbqlgDJ
z%+I~AhQ+mxFV{-QUj{F@ug|HMk79$ET5=L5eK{rw6)JYVNj5U{kR>CLyFk`2IL2^L
znpNo1LN-ZL4;1~Y1aUkX_HArt3e52k7F_Cu;)Vl&M8pY-!I#=eab-`>!^$K~*2RD(
zL1##P2{#C=p`Ln|!te03E0Bxq$vd>iFs%@e-fnj(eBbG$_D6RFcSTvJPOK39(ZS9j
z+_EwehyTv|LC)sIH(%b@GaH31l4b>XK1>L`MOy9@lieetZQ3nK@;WWV=~WQPG57YZ
z`0=84R39XOJvNV<t0gn<)<1+la>S%9-2THD1v*ZwN<P({uS1kDZdZ!v4@`z5Cim-)
zHaSSn-&3fMorJMOp5*%$B~#Hf&a}lQ6rq{P+yF0Uhq_Vp1wNNgf;=AC46On$>!6$P
z$jF=hP6S`YS*W07$&gG$(!!==-gMulmd#WW_AZjc88_nDhe~90K_DYP$DF%l9pK%6
zS4YVnMR5LUKfFhIV|=Wsk^9c#Wbc$zU4st(<8C08-4q)xQ8+ndpWGadH=O>|u%t1I
z<bv9m?ctXek6?hH(?SmN<ceQmQx*h^+uQeH>5%LXFHrVU@Z$%Q_mkkuPx=D$HlZT$
zXSW*+H9g+ZY!a0p)e)B3o!DM)BBcW7l-5w=Y~z>qoesA+x{C_TDRC3D#Ky-|>VlG{
zJ=!?q{3R|k)-{Zs?xZ7neuI`(Sti|DPZIs-g0tHd>cE{f<PvXx+8FV2JM_C&4%gz<
zm|LJ!NP?hWq9#~T+o)cNg5gsVy=0XL3CtR$6blw<@)Yb(hfLR6^@;+RhL4*VhNSI~
z{_8wc<k|?z$1bncQis6KUgCqfb(hBhwo+J>4aH~gZdZfSAjotPgmR05z8p87ydV)6
zMX}aB<W>An+LCdqf6aS16%N^VYU;)#G%o#Z-^7~*yH1xfZJ?C^xAk7yR0&;qHd)nC
zJtnK+;x-068!^wdsXvj}hcNx-vj?YsCyUM?C#L}}v8l9cVzq3a9G1Bn!c1Wv#&Dxk
zpx_dg))#5~eL|<-!1qx>7K_qtE3)7C$`(S0Y!IiimcWAA(TBCzAlD(L7+Q%h3|y?-
z`&m$=8=&u#6TYFR{h3ZSe%ogpttsbyzfF=%rZQ+z1M`FaF?U(mK%{td9bN|ASdIOX
zdRj6NNfwBZ!F`o9w?R1K?C~chY}mcV2{2v-U>%Q*`tn|B$hRYUbwjHsvo_-D$bLl(
z`<n}E-O3{?0Z-O!;9@F%;~vg3P7LZO&nZ{<2xm>~QbbpUdPPDkb%oegPCV#X^C#H?
zje--q8tgh2eztwBVqG`=a^!6@7@}Zd%_?fB;<LEdWzuF#3om|-;n!P)wJ>-wX8G21
z*%H@YyWQY+SR_6P|IK_H&@0(|5ci*c2}*wh%*a*%JYs6uAWwS*0tv#5vK^rlDJ^Tu
z1Z_j?7DvrhyzujB?WsF4ycKg1L#-7mxos7k=X>@!u4V#X?&;>InpKNz<wrOO0(q}S
z#<@dAXajSex^1Q$q$@(t$5ANJS2!#=d=V@5bS8AVv#Q*e*Bal<JU3Rmh`1F;+=toK
z6`lSsGrpS8+S`Dclu|()k2(jvsCWeYADHb4Yk(_w6!P+DrG*tg#rCaX34bq7ah79V
zaV(F`8VKJ4Pcix=Lv~*=`Cpc=$VG@N4suwdE&C6fg?z!DTU*Icq3O-Fd{RU2HJsm3
zvCQgEltIlsl}a|x?#m#Q1SGXHWGFL&_6xmKzmJ#+T^V&<jXg)nF}<IyTqmh;e=O7!
zXQ5PDnM&bnlJ>CrEbzctMEm1K0C&Nwr<1xdFCa-ppA=B}-`^pP#uhq9;AvBCyKu-+
z{8o~Sr4|K$`m|;qiUdFO4%oe|Uf@d5lIrS)YE@#PH!3kWS?z}sbRXJ9g3I>W39B~i
zrMw!3D-5YVz?XxBH}VbupU73CwA(|D6BQm2Ll><$@>CC(3KkTggi+31D~X;e+iBF3
zZpdlAKO;d~io`eIKP{BtQ%QcW#)3bCCn3&ir$StkY=vS-?6M=m^%Ll{1lvB6_i<3w
z-L`EK=`dNC_QMnDX0`hB$#T#HF@B#hgra|VQwM`h+;Mb9ysxGd>KtK*{l{6|KrWgc
z%*a>dUqZ6DF`_-wP~aUXM}O5wU#BHn05lPB56{v>4f`Er*x}WclH>IZKq7;v9pkzR
zi>&K5`j<=4XSR~wU9Xq)SyyMv8mh?Z-{S4f=q?2OiMuHGOg7jeIGX!?s;ys=UMNg8
zjN5|e>M~wcIK4MuBT-W<_@JpllU0h`!$qkmW~<+>>iVm~(5^&&u7V)7`((^i+DhhQ
z8G?@yXm_jIlGLhyf<K0?R}9lElEZc`*YMu-o}hHkTeWCz<K<wtIs|5N95Z?xX@z-|
z8F*<UdkdHcn%2^qUM_fA2pMjJ33N@AcpR)=yQ=gAG@Wx#OPg1N2~^Xg6q`B$!wM1L
zE;cgq(IZ7wJQ1~$>s<7cs!QbA4M3l3y<pXefrT+go^F56EPt?^^BnhOCFj7R4Xt8x
zrG>}vRf&I#iKnFQEvTI{t0J+oItEG*y6EIn$PDKq6eTP2V-ULJ0d_;-%bqFK_LOeb
z@@KgH;tGLKYi8Me(<lAxhe{a#WvM~T27R?v9eiYriSC3e<Oio%3!3xiv=7kf7(Qmd
zl2N)H_Ga8?BNGv51%>5N)CQIK|IFvxKJa)Xuwue5Kp(RF&>-CTrw}^*Lg|#%rV)?i
zqoHO>J~6%yA2l=C+o)HD=Zi>QEWqkuq^(?R5c=kL>Ub7bS&$<i5^~veI^vYBG54n1
zuPQH_1pISwc#9DSIakU~m5@14@~aclqj087wl~41;~sM(16c%YqPE8cjA?MOJUafk
zT<=aG%ePck<RfZW{!Fs)n<>?R%<YjG8OC!zWmF~JJ6hy#`1WWh5mx-yWWw{YupQNE
zw8ho4;ThEN43Y6#o0Ueq5!bhcQXPzj@HwSs>vh?yN@3Oj<Lja>Q&%LKN?f06ipJJm
z)yfiiP;o0z6njybNn4>N7i(HjMA@wmB2UE#;Q%z=-~zBLw|n40?)r?&d^<|&OO#{J
zW-6m@Dhx(tZ1fiu<r0YFiFQ!8E~HuK^R>DTornXL^sT=C^2_Ge_%W3>G1(i{ypn=*
z`$n*HDHz5M7$efSmArR1?5mkST)knTcSV0R-#XoYJCAu%`fLrv+7C`)>DwT?^e
z{eTWb%^->#mc8}im&|qEP+03jcLcCq9bZCR=A~bG>4NlN?s<^dK-O7cj!?8Rfw9m-
zF=j_l`0Se#`{|MxkqsJNd-|4=Y96hWgT8vNZ%MVI?nL?g-Crm#XEk-T0t(i0&L@`l
zcwL4KllzXeel{p{g5$H6JFrC@D>fkcpg`P@<DBdw+7*1|{F9&XJDz&bBJ*LzPoijE
z18Z^>eP0ZQ-{f&1KkN}uO7xw+YsNKO!rS&e+SKg%-`es#4_TJ#Qc6NtWT_@Rn{Ka*
z>#L=JUx1Oj*hQKJpQg%K;ksVjIhB8b_%csl1=pe%9{w*-Uo)e&@5{N+oe(`lfR1ED
zn}_s7r0BXo>fK*?#zZ2|c&OY<Sn)g&#hTE7LM@R3U$*L`Tkr-oGA`cRRp*;A)1OOI
zMmx?Db6(*#Qw(_Vad!h3uum+SLt8R+`<pWNIJFHlm@$(c6whg1IdpW=2+Nb<XFM6w
z3PNA@YR|^~fDq;lB2tsm>QIb61dB<)S@m!^l=V=Z3lR@;wOq(D_xpKJmM``QsiHV-
zB>o+t1xT2u1n$bN$P$5-^Qdv_sY10jAqSVP%GRz)>zKKyAu@vcm^U2ePo^x}AO5Y!
zJIRX&^oSVuGFk*4Gwcyp+GljF9=$D_U-W?z5Xl3>+HK<4a>CikDMr)S6i82uRNOF6
z@Zq7W^dSit=-<ZkZ7Iqej*vCcbv!<>Lj{1)EWAyWc33=V?R*EcE*Ee+CMZY<Pfu`(
zrF9;X%K)T9t~G%-Ic)vPdOzIw@-5{g<}m*c_TN(;Qq*UQv+<78k}YHa;yu5R+Ilag
zgkIac2kBxD1h>V#ZX`@@_?x{BJwuBJ@`^rL2=*aUe{0<6N#Vx8^R<t+0vuKAjuHez
zGq#wZMDW>?6Y!CJx}L3X8(8Hnd#|nacMywECZ~amCmPHSN#UYy7Tf?eo8(P!jW^VI
z{B0KcCTjJR0tFGOp1EeT!4K8Q2G~}4NW!-S*m3#cHRnwY?9zSUh4#z)Ka8nZh7{ra
zDm$0%cWiHM86CSAZqLjh<-N3r{0>)r1V}*H#xv%f5w`mDaR7mJb#d{UaY&u?rY*x(
zW>MDw+DM9HUX6{D;?q*CcFu1S*z|=4vSg#(PjigNYuF3hG{kv}L4D)Z4t05B>tp2C
z7Qx`6x!RV_d37ri!}6=Qu->F*H<dpd1&&P#dd{W|_ccO401>#)s9|U>bfkn5{qXhX
zHJly}@@^*!vSon8ipW%88vIAmu_A5r2w0B%&?=7qk35f%`#D}yRlNt}@xf8QcEg%|
z`4u*Go^fQ&$x<=qo&;#9;NGQ@sA2J>SS|&4G}$YQI7EX%=)^}*({Q8|v;h*2j4fkR
z<b5O?MAM}FP`=s|Tw!WZd|*hIN7g9S@=Sg21d25t_@%_kg1m<mvR|GGpSp!Sg_3hx
z>?&$FZ65K%lJhrS=$;Y3jl`yLr1XccwEY>5-Zo)-%>dH<I*V$t;b^st;--*m2k`@@
z!m{s>C;_g!><{M2XDlVojVG`bY)2dTl5&BO0W`ozGwavMWPW2=`&U-F8iuG7xGLD2
zJ$1wU*^1grRXhh!^F`)&o49W6F%8QcS$43zD{nB;_bdB8jqd^s3sH?_xN-#w0sMgz
zw#%o+i%^th3|PvncEAqC5z37h?%!qgCUvCcYwMbHJA>{P4DKr|{>UC@MJH(+EB1m^
zinOFVM%OjM*2CNYm|meLTHXhn|E7wq)f|}_R|DlZclQtq;R3>geP0iEVYK8Y^0nA^
zCVCLHy)uVdtzMKytYf@e?<6V1`I@t4)bKJ!C1=+SNVZos-+sFs)sx}O_uy?~GgwV^
z2d*f-pE9M*r}S`T2e5mAx78HH)E+2JZV2rNj4Gt*H0(r#$>04hTcu+^r*JyHs$Ab@
zL9*2N-LBY7k*Yw($Vtvh`jMhZqqm)8bENsq((|t0h~n<=`LR#9O%XmKjsZmyXe!|X
ziQ`?q#H$9K=#~G5$cp_(T^~`4fL9O?lStPn;5O&SpsG1B84<Czwv1S-NL8FS9Yy@N
zRM<m5w72WNPaE_5pvtr`tF6;)Y~({Vq;?$#In>;!E>+1X;|{UY336tCiM?u4M=e0G
zoK=jBAQc(Pm)cnDxr}SuL&N4<f{nWQmbKuvPo(xQHrbgi)l7Laomp34IL?&L&IyXy
z^F50onc;tFXi>cvhbzJ+Anb7Ujg);w|66oPgNKbnSC>=9=g`VHChF9dO4X_k2@1(_
zG{^)lG4CRxuBw5X^;KvOB3=a#DzTdzMC(nM>T#=`hgAJwbB&rnPE2FMIp}z2fYF<0
znQhT%g=k?_hZ0!a4mGIAs3CP_KCQCU^Sg^mMEw=`36bSjLCVEWUdUl9?(PE+o&*|F
zd6(@NbWhIa1Q<AkYK&vj1<)MBrvQ?QJ!o$exn=`bDM|r%s?Jv%7-ks&W&_<~Qz8{x
z4KbdFz8jYwk=gbPG8*)yJ#Y(ggzj}Xlr6hM=LHTz)q*KzcGu%6Rga6$r?(4@)k}Qa
z)_8!KLypvxcwQ8|l~bvQ53>+;$Khb0AvjW^{{!kC1<lx!z#t*W7J3KVu9Ot<LWC0b
z*{x!>IMmbr)AC_nLI2Ms(I_4QSnS_liN-AOY<gi?Al!cf>wXL~QhyB*_R1M-d)7q2
z(Ns@*2JhoZECRU`1i^HRUF(Z-$0E4k*_xaeMS&3flKWhjfGY@t6E=F(qW2mrvF=q{
zZSNvJMa_RjIPdmTD|$lmF(gI$V*E6^cx1X7-HMX4we%O2Fg8{jzbzh-7`QkE<8k;b
zr{ZHn`wyIRhYsPymwLGYAu_`c2*;Ipp@1ZLk*op(MsXbhL0PdXbA}Q2y<0@9EyPB;
zSG^@JrMQUHltV#eMYll<W89Vi#|s15q!uQ}i;w?(f*{|5R-vuH*q9MnZ1r&tD4-8?
zl|l};>KnzA=QlN$P%#fw0P}Q?EZAO70#aM5^Wszs-Xz5b6#45~-Zb>!d!r`%gXae2
zmXdQma-LuDZDBz1>SGaPg6z?jh5X2`un64tOR+K%?q~D3(rf8*_nDDiDa<sSoVVHc
z-s$*8&P&cXA3!1Eqg22+2W(afST)9lti}_s<{H;hd24cbD-xUWjyoq!owIrX=lD#V
zuUy0PaF(NSO@`~{(-pSIC!8$Wps6PmR^*Ypk|3ng6-3Da%cyINCx`%YlWjMtoPnYj
z-p-Mqnv`o`?7jDkS-cFr(uh@yyqTg`ys?}pYPI0(LM=CS)mBr1Xk;gb0>ce>m=;N?
z4jB4v`l}m@9Jdvfo5@C0BD{}bw|6vCAHKIm37PI{xXDYL5kiU5{%E&I@7uWDYo1Va
zs%I~AsInZqmBMPr6I1uFB)P(cG0-{NSfW|!oL0nGj{JS=hV!X0ZnHKCofw;H>keUN
zr{tOt9V*`AA3@O4Zg7?g#TkvoHWSXx=<;7P!k8_ezXmj!)G=8sSl~?d;Y$E6EsX(j
z<RMD1caaUOgox9Cq|GJFLpg(wt@IiRVk=buY+F$@N31?;m8p*5DXYGo8`@`~?R%m-
z$#S~WAhfyTh9=kjnLaOe#h5z9=Gh*IDe6YBC$=2l&qZxP2c!C<nO@x-CvMLNJOD<E
zYJ@)wkW`Y8LDbAaAb#_(<otw<Pp`$xKVw)*67Ie|B`ga9Fpy`;!q9Yyrdu<iOCLif
z#2svV_RQ~kV9x5?;HJzoj?O3?EzuESdho1c^Vs@S>3&dExXBfsQ?>%a&|`=bT|Vk-
zj{c3aYe|G(%i+iR6W_%2h)BtsL7H7q&E(YYGEvYy;FO2vp4S-prk@Hc{g}4Uje0HM
ztGvr7rQvrrxHQetU;b*HFahL4n?KG9|5qR`abVOU=w^O=AQiB6$&W`W#XDPkC`0s3
z=1;n@_3dJ|Qh{goUKfBTjASeuX3ieWcmY=11RvS|7#=qJ8h$Ei$q=m*5nw+MLxiHk
z8X7ET7AKuP^&(Tsu*w#*s<t_PTFe+5&6%(YoAv{j3;|KH52AuzqMk68dQi|*stAU%
z%(?AitS{k8_pr@awaZB5fEsYHBfiB-zEv4{N$PNaX(&R6MxV-AT4eRl>(cLai8pE}
zdi+<COlt<8ZmpZYZ_T^e8h=oi>Yn}#rI{|dQ2n}5crYq|)q<~h$+Hrx3nNS&)*?;g
zFq(3bgk1Wy?y?w7nJ*MMtU190UFXmuQc|a~S=w=gvXgFimN^|iS|G!IRb34yzGwv}
z>64~{nFM$BB_2r}?VB9sX*KtjzuXz6Fv>|+h<7c5-)H5WGz^DYg?ulJXS%Lz#M|Z}
z71nN*h}$;DZjq5f>(T%Xfd9}5-Z&NdIR_WDR7`Okx<lyMX0M-m&3qi$;}qjQeenfr
z7f1>DU}4)Z2Kl171~kPztQ{nq?xzboefCO}*1VR5q_w!GM-i*X`dyc9W#I*r#wugF
z%<<WT58Qwv9qJCL>@3k(z~V0&34y}ytTT$@vN})si;xtgz_D-1CK3$}yp0Xx&>Dn6
zy0%EB%agD#Hjx)8Jpz*X=&3g%5@j+kMZc9xUD$1Rv5X~Q-iR{E*6Nr-=bR$#$xIAM
zV*F5gV0P2i8lcBnil=K9g3{!p0sucBvc<A=wbiIsBmnro(E1&O#!}~V4(5U?EEyRQ
z{Oq3)SHLj!K4vA#y()uy{cTE2?wW)9f+9#pT{ax87ZDKuOZDg&r*?U31d`~YG_(tc
zMAu5KxsRg&KGz~<7BMF*<Zt^$PDy0&iqJ&I2^|R-CSF`>w7~coR*1IF3PFt9PFI+O
z(oM>awBU(@OD}#zmyCdf!0g%J$`Cn*Toj!@*lJP+e2fL-2qC3-vy>8}RfgJk1BbgK
zn<BrSCgj+9wteMNcykq-9v{3vu>kQ&<<muyDdmS@?za_$uaC5gkld<E|LWPJq%18&
zkVtNvc+E7rG$6F{K%_>^oN>9vA(yQwO!PG}#`?{#5ZX^amDdVAo8QM##k$sWma1?B
z7t5tS=Y6jbNN_;;c9W>P5jS@ywju@S<+yg(8IXvnKK(;<jg>(Hp<2yknc(J0A|6I-
z7PPw13?RBgA9sUDz`Hf@4UKAi&f7S<<=-EXp{E34TA!#k&G*BEOXYR&Q;7hhiIzkT
zUk}aP%@zEEf|g_gpL(iM0|kyozf!K<0=B$S8XS`%pq`+Zr>Hakic&_239xA&fY4+v
z`$HD)czWhjlNAlW)@zA>EzOf#q2+YE3aa57q%MM;Y{l(tNl+u-&vu36>8!Hyab#u5
zp`5$Ga?3%@QrSXSQByc2J*Ho%POL*n21SY*+;SNER~mECMQjqW!(CRU;fPv4FELPE
z0kSiV*sHBIFU?J9*v=oiN*y+Lm~?f?FWl_`YxI5$UuDAC65~_N+=6n?U-c7tA9msV
zyK#5VVQAl}>YI0zpJb=Ob)d~<h}CvMb8LL#t{m*S6SC4&W0`zlr0=i>>yTodpr%zM
z8jR2UcpH?$hJ3)k1T8T@!id(9Mv!Ey1fi*T;6mu`_-Tu!yd!9a-gQm?9^sfC2OL@@
zQgdDa_$3}J7~6j1UX&n-L*EwCQ?5Mdba>2>kQ?@ap8R^Qq5K1o27(EMBkQ^3uoOI~
zSALO|u*+iz5uMepFze9VH{rSa@ZMdEs!_zW7Zrk&r+Z3U9%=|bnCAIS$2FbFmX_Ob
zdO}DLFH)w&G^ZJ7V5?Kw?0waG$wYKvbWO=72=}XgZyb#{%Gtc<g4avSsEqwwTbi_B
zdU>n$GSO;|SC)FgW`3Vx$e#GqFIG<~%drngLK4)$h#^CaSownSL&{C_8nozE{tr9c
z;^dtoxSUK}o`UL6<!m%;fVYJ~VOe5-LVB9?xfK;!?1O<=Erzoj#4s-Zj_0A^#V;jv
zrI2X%iIa!mw{uSHit9g`!rfSyTv<o_&ja&ShNLl~yN;GW6Vk(W`7ZWDFV!8_;QRp5
zgDr9b@)ZjJ#%-uan@_~>4n@i3YmEM4m8qaoejkGRk+7z6P8A-|YN=1RENyHR1h%Gk
z;&7ZU`^7i4>@#6|019{n2HUif(9F%e%WUK&`S708S91>`D6EG?hC7O(eGgc_*^%q^
zpc44R11%}f30z*fM#eUq{1!=2ZLNRIVExg4W5vULKxK~uQ)8C4`@|IK(eBdHu;P}j
z&K3wktwff8W^#_5gXr_D^THaM7L{bPvgKAp&fV$%4nJ|c<<RWQC~kaQ#$^Rth`y*D
zV-lp4Snx!&z?IxBVJD;WJVZzpH2K44$0j%nV9H;d!Se$~IN5Np?k+A5-t#WwzYYM~
zPPZ1YWsTi4gmwGxFHN>Ao9{PEBARDyM&xI^E>J1A$Kx>C0NE@@+n+(iJVY_jn3Ml)
z`5Zo89w}+lN~nx;Ug@ZZy<!WcXE?p=tRm$&&eO-bhqtVa21!@p1$Tf(2HOBR$^i(p
z7&}5F8GK*%?dL=aU&XbU;(F^6$xAimUar%=K-V}~tzzVe6;TzjkF~X~2Onshxx7<9
z1dBb=A<Xj(zv(CHh@y%%(otD~D-)TDG1YnFfsK!uo~Bh+6X0TR`EqeF7G48YetY%+
zewGfo?HD;yuD4SdB@p>1)j?@Mg#|Bc&&Ai>43|TX8xqCxO)HHO8=2rOji{_tmC!Be
z!l!H3$A8LiE`rORLjxoqJ#_M0rCdEf>?lCg-`GaDifP?s42FRUFw(NQrpjWwpjd0D
zDl#;MLTVK~B4koeK4z55e3cIp*Tc#lb;y7W!*xkqiD^bpf0{;+#gXP00XUsnk*vil
z3WecwolT=Y&o^=5U{txcORL8RGs8;i@$S7i_dM-bUVe^Nq)R8T-M;j9+H~@ycybPk
zb^-i;ka#Tgy#uFsTDxqnvE?-x3lv<xdK=wneFOUlj3iqkEMOm4b&wo*OQ@Pc-iq_Y
z%eTEY&-O-L{LU3z6ZV)!nL$yx1nuV`;!W97Hc$<CC*Y$fsRj=U2hXNr!<*)0=1KQA
zbL3wX1fG|>2n)@*fuJHGWUT+f#h_n>JJ*58k~wk+5pMq3MqUTn2&_WXSB)FHJ>12c
z5C6+|_dG|Q;6|TDnUsram2Hs}+C|K}`g5e0`|+x0t6nCDPg2rLtioR8SQklA)mJzs
zvjGWo^!5o1Io=Q^-4D8h(+C;%JjEXj>V-Z4K)*5}@&$#HHqY{#PMhIH&fIE;Q~gVl
zB802=S!2m)Y1TZ9<A}L6f6B*VT52=hj<30u_pJ03OK!*B!-d+n+s1e;qj4&vxI`~W
zyCkDYGy%5-Fr@x@+uGxa@d8JTJbgz}yOA(%4g7xKck4s{dnFf{+dUbFIm$<CV(Fld
z991(bmOHgz$F*dMzG9?>!1V6)p7?EAtoTUIrs)>d65!%mK+A=(ALdd<Z}BN86z_^f
z8TKXJXJ1Lyx=LfGZviz{BhZP=3_;LnG0siiaK3ukbh;ag2>2aq=8bRfUz#;TO;0)U
z?H`W7XxJ+W>;$(*ZIS*Rk`uOg^3kWxu=u?NpO64C)Et{IZvcQK%*>`83Doa`vgOt1
z0w8;m0W#g(v<cJlKi`wrb8JP3fu<;t1Yq461G?H^G2(VqfUh2twPKIb^u60wu-bnq
z<eVlfEYB^aov27HLJNMUL8Ej6#UqxYW`#QONWk}9f~I|`7fY-j?e&%Jx1bS*;zOY{
zUg^6#P;<=lvdmlL-4VeYcHVRmou-&6mC3O^za82IM;Ch`#V^iFk)*m>63V5kxd0St
zNbF&&Mbraa^?E38u29CSM*>(l9NqPQck#Se@XNAclV}YXlC#B>=7$f2BS>9AlOZ38
zY=JPuUktjHvRjJ`1^KaUsi91Jn#zGt?)NYJ)y!+~HP;^M%MLPqW6hkpjhTeCe-2c*
zfVp|8Ep43BA?P-p$Zt0O3<PnRsOKEGf*#=VGrzOsEgrVZVMa2hrCV9#KA-48diZ-x
zPn>ZZ9ktyaoz7aeE$G@glT1Xnpf(wFv=^HGlUW1!F*A&sQf*!7<nKAxp4Q~Pg#o*i
zPT5;bv97Ju7&2|q4n1!*5c2d*VcSPUO!53ljE?8?mUp|TDF<7b8iR7WcEj~D{#sWf
z2tO@UdhB)GiN62F(+&okos;RM-6hwg*cD-AlN$PNjm-$G3@_KKa__4JgRz#K9M8Pq
ztq^@WDBBNNJxomUg$@_bJc%-PV!ll4lXh{8nY@^gb;{AB`rp0FKLLkpEvStRZy)v2
z&i=<4h)ZbxdSO7N7p@LcHFL5prYl<@rd(a|+sg=LwzR3g@7E~^H(UHBP1xYE<vp2F
zz6ju=LlwpvcIOI`_V<G6J5zOpD5qJ*0NTe@0bpwEkd$ffju(7lK@<QeFh)wF1D4LY
z*Rvq(-*>tBZXrqq8-I9$+I(?oU(VxZ{`2L|us&27XXFBGGTia?mCq%-YP(-FdACvN
zX!_WeS7`Q8f=V_KP0-|IbxiJ{O#-aacQB<kL2&CX9%6?Lg6gI9217I%xY_#rpV=4d
z1e>f0*lr3HUggj==~LcOquU-o-z*%k>LVke+G|Q?A0C%SzaDnskF4%-@zm0!7*_<i
z^f|5coKs_XM_?vR%6P^~vxzd#ynv6n#gw$2Qb3=NkLXEg7GXekf9nXC+#@gGMH~W`
zbeKK{Yg|Eo$`BP#zv&_YNw|R%ftFQESI>B%Ylkh&H{NxE(gf!sZ0!y*e!uq7cMZb~
zv^u#}g&(6G^<kH+`;zD@JvpBY6na5x)73K7b#GQY0*7@CLTw=qIi?G2)6FMGLyE^o
zhl?OLO$aoEzX}aERxBQW1*43XX)y$A@_RvBJz^>6!<Ia(liqp-((M7OP8WAiBV<;G
z<){~@K5y59Eg4`qj3@3w_5|dp)h(+K=#Offvu7VCM5Il^n{Jj}&_`297(?_?(v*@Q
zuUC4A&TzBS&DDMXg$aJS+s;`#z7XtG98|Rt_W8+D_nF^4{Ls4_Os%bJ-Vjz!yvy-v
zlQBcF+)5;2Cp2vQig$(n*@&W8K7l&*D=mM;c{$yBHD1xu1s|d;j3i^9_wq|Hqx0^<
z;QAHHi3U1Chsq=%z0xsPyX)Y%+Q}M*K147@aStYGQwqgeHxnTecfALaaiG+A7++~r
zV^*9M3yvD5fYYrkiOUmBOrhWnV<(XllX95vw#u6#;pFIxNI`=uleKB!VUHZW-Gwyu
z8hEMz*roNhZ*TfI&LXu;1{2;p<d-_$N?{?l%I02e7t5InbK7T?)Ohqx+Fg~Ln(iNr
z$n8bG9-!ZbBooQGu-0eRt7=2I!4fG77w_Gedk0*&HZ71N@BeRC?J=Sjn0RPI_NJc=
z-e-HmZgy)KmQHkY;STuEiO9`unv@z*LF)nRw14jCQw^{A5MX?P=||;c8A&iFmVx$y
z%|j-BKmgQc8k61B+Luz)Lkwa;fEDN`g3}4Lelz`<b81t7XS=pV48eb<O|ntFLsnJu
z0>YOH10jfTnmqoZ$tY><j&Gv3ZT+U8C)EF<i&-)#FKZLkS%}GR8de`X^ee998v<wQ
zv%8F2qJgVP`5w2)k&(EFw=Ie_|DNC*1u`S&6T2BRuC^o6<=fZGY-i<!DBLbZMRVhf
zB4(HvmSggnfQLSQxBsYvWT@`>#E4V=^_<XO{9)nCFziE0yYt0xKw##vdgj`%Q2S`$
zd{`{iZC56@7y4u;JX&~wMD+3DYu^Z0l!B$Z>Y9cogV2_+U(sf%g9gH7qJjQ>C~viQ
zA4krnm&b_Vs*G1V>fQcij^EEq?fKLlU(<Ma6UsqT&TaoUmJwPb804q8s42cF5sFko
zEbxp(XTR%huXY<(gGcA3L0Ec|#@!({3uoY?vg5I&UZ-!67vf5^@3Q6<;qWUI%+W33
z+1gErN!3x(-j6u;H|)QxdT3ffgcQbhw0<DONL&$JJ~}>F?a#@YGwu?ffW%Pvn`Qj^
zZ_p=8YM$xEG9K?<t?@HlMXA4C5?DBnUsg!S{~=NHEiF+EU6DK7M72_D8>NB=0Ma3A
z`S9iWj7E%TMvxmjbsVOHZH-lr)a_6a8-(SKh50U)7$wcqD=EIeRI7M9KHGEc{hbkS
z-s9#$YP#5OjwF)&Hqj-;$TVOoqYNeW0F9s-6*(@;g(ozNvfp=8QU_H`1~|pyXND7c
zAD32|BGIOQmFVe^AIel#s17=AH}Co@3#ZpqVl6-2+DHx9wnGHOv{Z!HehB6!2c|jp
z9H%vsdGRf1t&-zrsk42d!z*rXgO};6-X--c{S#{7p(FQj|6w5c;YfYCJ})_SL`Azd
z=Uxn2y$$NJQ%^`lG%M2-#v-_X<*)1zd$Z0?TVsM!F<Uo8cVLUTa5opNX0hu3o+;Pg
z5v2a6EVcQjJN1Ny64V~cTrKMRTjj_nD|f#(AA;9F1_n8mUB;?VD{&={R%hd16}Y~V
zhitj1rZ$DzN>(C}c|B03Az#=XB290swMREP7C^t?NSnIuq~(8hfz#^6-t+j}pLzP`
zJHAMYo18$VzNI=HjluoxC`!$G0yS6pmnIoOelb4<myT_`auJR-q6HzA<S<_<;K6YM
z0-tTw>pH~(!F8R${Md~gIG$|{+>1$(&M|!1GeAB0o3PZW6$fnzB+ID3wM_IVbv1}0
z)}S=7_41DUws1YAFX5aStLs>bNF}Fe%_>A$9jdT;qcki16c{rp;7_=C2$>uGc~K@m
zwiuE;(z8$OJ{p7XO6X-HiYm?7gfKwu1Sj0J@PQx&cJdkxZ>`d1^(fwJ2f&=XG+Aq{
z1_R5SR^J+&n%3`{m{Uhe_(#g3$%lX#&Z;~twlBH5WU5Qs_>~FSdJ#TQi+K>->#N5}
znPYb9N&B2rQap;Z)cpy(YHsjTy-@2&(2h9Xx(o29xDgeRjjUhEUMs^>7JzJ@p35Kp
zn~ZUp3ZRcAI=G!!0K@C~u%*bL;Og~nihxLIgMNgn7~Q%#`5e-fM3XlLcJt1_(W@k-
zjW`jgFt06!tV;wpZD|-`)*#5xM5&MydW24@!{75rrC#m*0l>i@ijG6s-M~CMb`sRA
z(V&hgNZowD9p#o59piahYGwoE<nh%LoWPMM3fD1>wz2G_f39;ER=&-DjLDzza5^9;
z$T22wFJL1fp$BTyZaL@wwwk~Gd-q^xG?d12N2NmRf%}qb_xaSpqV}H3HP8yM6oqYp
zN^adrZ{#l9juDGIF!^Za^mE+$8Z$~ajZA^Rp*-98I~To$h1-m|(we9-82+3e=0QrO
zl)aT}86Gi}E(n4ALB;_x%gy(_J^Y4ko0{XOCCfVe<|>jdOh_iiF_hJ~019iYU8%gS
z#I6drMfSLc#U^z_qj-unvJj^MM4(T+7FzY39xj=$3+XPN8!Jv`sXl0n$_(sE5%sG8
zvsZI8<_@P@ditFHM7|uMGck&M6>WUqgmB6Mehh*0_E!Dur=aw*+{}gf<0vgDx<^$q
z^H5$Y#&_Soo7~bbQm_pF?frxzj@=ctE*)gQr*vjSuP;EUJZOUD*&nYuxn*_Tr$1)i
z4XZ!fqwnO}Ni)aW^6WI!<*fsAm4PVuC1VN!l7VH2FDRAPSpE2&yW)k_r@dEm|FCox
zg+;0S?GKab>Cca*RN-_K@%}Gc=sS~@&uyPRXDqgk6hmdZO!+2mJbYnUWZRbdjAi+A
zYdjI#=9*EZZyo{R0a(aW@?*dBjq$a>nkwj$sm?AHy7eG~@uWaIdEvq5cEt%`^$vYo
zt9D6biWbhuOCoq1L}uh`WJ9>GJJ8qkSi*#;WgR%|f&4tXMgf~h>k62#V4fHNdQ32j
zT}>!{Pt}zcmaxqk?S<k)!5XJq+r7lIL&0v^!-28*8PXY4LEIN2w+CYG`UlY&hfGv;
zVD~7;rdLPG#rt5_S0{!TE|av5A^ZE(1=n%!<7QOS5ntbdKW>IJyLT!0a<p>z;$&+B
z8qfdrBsu`LTF{FvJi@vR87fmHWdX1#TU*H9<yXn=axSASQ}_U)yn`ZlpvYBYd|yf}
zMaxu@BhjCWg5$mIrcYa}e{uapHl9GUP#`orkS7LdprF7pRcUX42G~*UJFUHRCEVfz
zgiLd#ih}57R9hlCO;~y`%!#L7RzH<;vqHi6dLVp3qEPz9l5)XU3|;1V)i#Hds$jIZ
zNG^BE%;@aJx|ta$r>d_?**}j>ZYv*AKNT9gqKH_lj4`7K773_onfzP=*x3^>Aen4R
z!t?}*iS1!>lV~q)eGyp9{bH%+(#9D^4ML2ShO!Mse{G}pq?#DN9Hc7vy*YtDU)EKi
zJ6vZ&sZPNdWhLKS^0vP_zal${Y4o6`kV?hwQYZvUkxX%Ba4>qmqH|vLLH;1*zW{o*
z#!m&Bh-Z68=>oKvk!=13Xn#djzQ*-B6cRibCLs|1riZO{$u=E*=oJmYYivs?AC%;{
z|M5rW;4VPhyY{Cjo#%Ljd1R<U_&e=gty(AIxFC6}sesF|8G*vOiqf0~A`PLdqO(_D
z9&e^Osja0~=u>TOaaNwr4Ks{nAdSgC<E~C}L-TuL9b|X+w&Omsz9&g?O~27ktFg`}
z8FHJ)U+wpvp}}(DX@KNlFQ8U^qTMZ(*+>p^_gC8mAwOj%wSHA!&AvP<Q5#p`;-^6O
z3uD|LS}Cne_<^nMZQ@}uC`QTNc(dBKc)C;YYdMg^KgPw$>_ZcScVMq?x9LkPI+%6R
z|6zj90ACD@vqmM5B!GrlyPWxzfyz^m14%bdksPAVD2<eMwF!k<UYRo+2AN(46X)f4
z6|&6=i^#+o79<NpkS(E9Ds4SC@&rY>p}6%RO0@g4e}ZmnrSQ8zxGtVfUHy1(3XIPn
zwHSVM(U)SiO!W8A_Ha(zb;U?)Ea1Y41qZ6{07w;nQ-`f{6DDGseP@_O_E7fm2)Q_x
zPK(W|#19Oui<z&4ryMdS<!_IbxB8Y}9=v22EtKl7@YPzgw9x7WIw3r{L5us8*t!E)
zlp7tpcRjaz`(I$vL6U!i@PqP9hDrbOrxt7L3Zi}Nm(OjH^eUa;8{@7*P^~q~3(bqu
zNgwOZujg6t%YKd4M~!mHftz{~iF~=+gx-GaJnZUd;{!1`y2H^cdQj?OIP?XdIS1_H
z{g1im!DE1;(&Hrcn)rJ0Y6I_2=8lI966`CRLEdpNdNOfY{ij2I%YDzJr$04cTc1}5
z%j;JsAxY@=%gR0BxkN>tYiQVzFx|JYs0>OKlUoOpyq2ZK2i2|OxW>j83DG$I(a0dC
zW=3<XNg_u|9B*%g9f;)oiV?E1tA6T_XF(M{S^UAk9Z%d=mD%fqB9|&w-B0vZL~W=b
zL%;7|&?@KC#~uA~8cV`nqTk3dv$I>FQ9Oe}dHRzn=A$0;78PSbC?sL4@Ac<|@KOQJ
zw^WqqO2jtBZF}1J{y^G(P`oaqEm3uz-HCY6DC_!BkuC|#f!6mtBwK^IWfOvbq>uK+
zLZYN*Wcv))_DA2`Uy4QBd%J~wYdphiTjL@{W~-U});Hm~(W4MEtMAqB?bu*i%+zWD
zbopGne<32&RdKFat=pU-gEydqE4ZpsVD;5%<)!<&=B~Fj!p~C0Uc<0OhsSH08~F$>
z%=d^mp=vep3eE$m;d1?(zvgqQ!5WF^|Ifr9UPM&CU48Wcf=3xbt3zr7UeY-~3OAKc
zV-|ZZGxIrmuZ#C5+*>2xYJt<8!P~UO3=`=0<$I=csXzXKo-vJttFJMj+wT*Di`K9I
z^awF9^1YV$u%*~N^N;qWoO_*PC|qZ>mXvy5txuIIj_Gdyu5ok{vaB7rOkIK0#R)nc
z02qg5)_d|{C11HfHa`#!laqwvlR#w=p1+CLb+Tnzcn9{Ck*a#F4@)PSE0jvTId<@v
zW2z_J(bW`bAqMcFIdOO^p@D4lD)n<eI;Gdj&Whq<O-3A+(Sioe>>+@zlcJ$H#boD;
z64H*|o7J5eMNENdbBM%K39sC_1(I<|>MKK?a~bO}PIw%N@Z7q@A`?Z65$l9m`jZ4u
zoOlN!GY@yOZL^ir1$NLQ0Sk))<+Ll@ofPb4>6dy2@rd$jzrf5hhzqzEzyGIJL^6Iu
zI`H()h#eEh&2pDgr!t|64*`VLxl?A8MuRB1*+KDGKB-Wfo~sz*2<^yKdkw5cGUbFi
zO6zFC+5dve<BWbbY_Hc3Wk212(vQ3JD2#~YV@*@of|d;yGP4^<M-dK!*TgoRNB5QV
z_ZgAUJ;i&Qb0M5!6lMZdTMMjO6y3#F8L*6eOno(eyTjTdUz7<(tjA}@;S_-SN<BL%
z-9y=8oF|>ASq1@6{gZrf7pj&})WuC#fnf@_$M82dluQ^cx+LrWJGOnK4V^Nwh>=x4
zPVl~k=Iop2fyna7({h|L{4qSY^(P1~$RJQ{MW5s<YJ5=Be!PQVEW7MYwTZ7rdueST
zw3KRkA5j&@!L~x)o8?b-ayUfXMk*=FGr_yvv^vL<p1i*adw9^XN<V|!H|P1*KLK#`
z1ogwMjjo^zO=sarQ_EHaI5Z^kN(uta1IAi2`odQWUMxVLMA<yt{o#R9jQxohRtQr6
z+Pc`?hojFy{uU_;1w(@bZO^FHJKKxIU$V0^-lp)?)c*x)c;60auhHzkJGt4B>f{#z
z)&jpnk?f*v7{UiM6P(73h)mGbhsPtp+1LGfdrkKetugdpBNcI!FH?-evQI>hka%>D
zT<wWv-NA`lt^UxcEmgB}aZ9Q-=Tt%z<ER_N7X)b8*ig-0^&fy#Mcx&7HcqP4O%4T4
zIbuS`XOrUDU)T9uoP|lCRNrDz^lP!k4smBCMB7B3OcWVIoN%yU+pverq}0fzBoTyE
z*V;c#Lv~Obk|k3=tUIYwSJK4%LLmqQ=U95EY`+Zs;173su?})-SlsW3MO=_zZS>GZ
zEv%`|BVxZ-9CN<0LJqPjuaU06M&|7gNOtOyQtuJb7rdOuP#1*0f6s1onyI4=UVk#*
za<a#6gB=RBT)V5#K`F~vlkD@)Uti>*e&~%P_~MJ0{Qoo59X$NZj!eG{aw!<%gj&%+
z1eoVEEE*0qxf^QO#uQO*r0^*|VC_&Im)`cIEP{HxY`8|9W}R|eC?E|zp_dv`bj6Te
zD3JnZAzFZH!|1E;BJ2x_>Ht&LDF8FE2?2KNo7KmGPTZXBZM9Ijz4K~tfEP$2SV*e`
z3@Yy1<lCUk$iw%6Mru_}VtlngA|8f6h|Tnd#2wu<!WPE#W%IPnJ)FYIuSDuZ=s&rx
z;G^Pqi9E{DEQXjQ)Y~pTD{5N?c?i{iFyz5TOjrOB3NiiZS>oR4oaW1*XOzShf5yMs
zENXEWa0Kl@T9z<-90Z4!pky=M23V=cN<Rp*yH~v9Z(|$#V8O@KMPfA0jkm^tZk2w2
zWxwxn-wS1v&)p++5MMIG8J!{D)E;4939btjC%Gb!em}Jp#|%W%_YUl{a2FTzk$Ctt
z8&79sp9`;YbjJ?U$=CtYRi8TF7&il*`wbbw<T`K9h4sdT46DR23fU^I^tJnEHVy=G
z*Kr!Y*yFMc_O}-vpl&Re5%8!KI5I6KlpMxU<;qYLX%0@x;L)w2DH;v)B;hq0F&kf%
zakcG!nB9V2K(b}%yHZM>gh#6$4+VY({=?x5t`jjnXQ;Kf8jNGx{Rb}yu!12*zyL^~
J5JUg~007RCLxcbT

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index b879e8d..ff01c2e 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,4 @@
 <?php
-
 include 'cabecera.php';
 ?>
 
@@ -12,7 +11,6 @@ include 'cabecera.php';
     <title>Triviagmático</title>
     <script src="js/jquery-4.0.0.min.js"></script>
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
-
 </head>
 
 <body>
@@ -20,18 +18,16 @@ include 'cabecera.php';
     <div class="container my-5">
         <div class="row justify-content-center align-items-center g-4">
 
-            <!-- Botón Jugar (solo se muestra si está logueado) -->
-            <?php if ($isLoggedIn): ?>
-                <div class="col-12 col-lg-5 col-xl-4">
-                    <a href="buscadorSala.php" class="btn btn-play-kahoot" id="btnJugar">
-                        <i class="fa-solid fa-play"></i>
-                        <span>¡JUGAR!</span>
-                    </a>
-                </div>
-            <?php endif; ?>
+            <!-- Botón Jugar (oculto por defecto, JS lo muestra si hay sesión) -->
+            <div class="col-12 col-lg-5 col-xl-4 d-none" id="colBotonJugar">
+                <a href="buscadorSala.php" class="btn btn-play-kahoot" id="btnJugar">
+                    <i class="fa-solid fa-play"></i>
+                    <span>¡JUGAR!</span>
+                </a>
+            </div>
 
             <!-- Ranking -->
-            <div class="col-12 <?= $isLoggedIn ? 'col-lg-7 col-xl-8' : 'col-lg-8' ?>">
+            <div class="col-12 col-lg-8" id="colRanking">
                 <div class="card ranking-card">
                     <div class="ranking-header">
                         <h3 class="m-0"><i class="fa-solid fa-trophy me-2"></i> RANKING GLOBAL DE JUGADORES</h3>
diff --git a/js/buscadorSala.js b/js/buscadorSala.js
index 953587a..1cb5ee8 100644
--- a/js/buscadorSala.js
+++ b/js/buscadorSala.js
@@ -4,6 +4,7 @@ $(document).ready(function () {
   comprobarSalaUsuario();
 });
 
+// 1. Comprobar si el usuario actual ya pertenece a una sala
 function comprobarSalaUsuario() {
   $("#cargandoSalas").remove();
 
@@ -11,101 +12,64 @@ function comprobarSalaUsuario() {
     url: "controladores/ControladorEquipoxUsuario.php",
     type: "POST",
     dataType: "json",
-
-    data: {
-      orden: "obtenerSalaUsuario",
-    },
-
+    data: { orden: "obtenerSalaUsuario" },
     success: function (respuesta) {
-      console.log("Sala del usuario:", respuesta);
-
-      if (respuesta.error) {
-        console.error(respuesta.error);
-
+      if (respuesta.error || !respuesta.asociado) {
         usuarioYaEstaEnEquipo = false;
-
+        $("#contenedorCrearSala").show();
         cargarSalas();
-
-        return;
-      }
-
-      if (respuesta.asociado) {
-        usuarioYaEstaEnEquipo = true;
-
-        $("#contenedorCrearSala").hide();
-
-        cargarSalaUsuario(respuesta.idPartida);
       } else {
-        usuarioYaEstaEnEquipo = false;
-
-        cargarSalas();
+        usuarioYaEstaEnEquipo = true;
+        $("#contenedorCrearSala").hide(); // Ocultar "Crear Sala" si ya pertenece a una
+        cargarSalaUsuario(respuesta.idPartida);
       }
     },
-
     error: function (xhr, status, error) {
       console.error("Error al comprobar la sala del usuario:", error);
-
       usuarioYaEstaEnEquipo = false;
-
       cargarSalas();
     },
   });
 }
 
+// 2. Cargar únicamente la sala en la que está metido el usuario
 function cargarSalaUsuario(idPartida) {
   $.ajax({
     url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
-
-    data: {
-      orden: "buscar",
-      idPartida: idPartida,
-    },
-
+    data: { orden: "buscar", idPartida: idPartida },
     success: function (partida) {
       if (partida.error) {
         console.error(partida.error);
-
         return;
       }
-
       $("#contenedorSalas").empty();
-
       cargarInformacionSala(partida);
     },
-
     error: function (xhr, status, error) {
       console.error("Error al obtener la sala del usuario:", error);
     },
   });
 }
 
+// 3. Cargar la lista completa de todas las salas
 function cargarSalas() {
   $.ajax({
     url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
-
-    data: {
-      orden: "listar",
-    },
-
+    data: { orden: "listar" },
     success: function (partidas) {
       const contenedor = $("#contenedorSalas");
-
-      contenedor.empty();
       contenedor.empty();
 
       if (!Array.isArray(partidas) || partidas.length === 0) {
         contenedor.html(`
-                <div class="col-12 text-center">
-                    <p class="text-muted">
-                        No hay salas disponibles.
-                    </p>
-                </div>
-            `);
-
+          <div class="col-12 text-center">
+            <p class="text-muted">No hay salas disponibles actualmente.</p>
+          </div>
+        `);
         return;
       }
 
@@ -113,54 +77,42 @@ function cargarSalas() {
         cargarInformacionSala(partida);
       });
     },
-
     error: function (xhr, status, error) {
       console.error("Error al obtener las partidas:", error);
     },
   });
 }
 
+// 4. Obtener equipos y jugadores asociados a una sala concreta
 function cargarInformacionSala(partida) {
   $.ajax({
     url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
-
-    data: {
-      orden: "getEquipos",
-      idPartida: partida.idPartida,
-    },
-
+    data: { orden: "getEquipos", idPartida: partida.idPartida },
     success: function (equipos) {
       $.ajax({
         url: "controladores/controladorPartida.php",
         type: "POST",
         dataType: "json",
-
-        data: {
-          orden: "getJugadores",
-          idPartida: partida.idPartida,
-        },
-
+        data: { orden: "getJugadores", idPartida: partida.idPartida },
         success: function (jugadores) {
           mostrarSala(partida, equipos, jugadores);
         },
-
         error: function (xhr, status, error) {
           console.error("Error al obtener jugadores:", error);
         },
       });
     },
-
     error: function (xhr, status, error) {
       console.error("Error al obtener equipos:", error);
     },
   });
 }
 
+// 5. Renderizar el HTML de la sala y botones según estado
 function mostrarSala(partida, equipos, jugadores) {
   const contenedor = $("#contenedorSalas");
-
   let equiposHTML = "";
 
   equipos.forEach(function (equipo) {
@@ -169,230 +121,194 @@ function mostrarSala(partida, equipos, jugadores) {
     });
 
     let jugadoresHTML = "";
-
     if (jugadoresEquipo.length > 0) {
       jugadoresEquipo.forEach(function (jugador) {
         jugadoresHTML += `
-                <div class="jugador">
-
-                    <span class="avatar">
-                        👤
-                    </span>
-
-                    ${escapeHTML(jugador.nombreUsuario)}
-
-                </div>
-            `;
+          <div class="jugador">
+            <span class="avatar">👤</span>
+            ${escapeHTML(jugador.nombreUsuario)}
+          </div>
+        `;
       });
     } else {
-      jugadoresHTML = `
-            <div class="text-muted small">
-                Sin jugadores
-            </div>
-        `;
+      jugadoresHTML = `<div class="text-muted small">Sin jugadores</div>`;
     }
 
+    // Botón "Unirse" solo visible si NO pertenece a ningún equipo
     let botonUnirseHTML = "";
-
     if (!usuarioYaEstaEnEquipo) {
       botonUnirseHTML = `
-            <button
-                type="button"
-                class="btn btn-unirse w-100 btn-unirse-equipo"
+        <button type="button" class="btn btn-unirse w-100 btn-unirse-equipo mt-2"
                 data-id-partida="${partida.idPartida}"
                 data-id-equipo="${equipo.idEquipo}">
-
-                Unirse
-
-            </button>
-        `;
+          Unirse
+        </button>
+      `;
     }
 
     equiposHTML += `
-        <div class="equipo">
-
-            <h6>
-                ${escapeHTML(equipo.nombreEquipo)}
-            </h6>
-
-            <div class="jugadores">
-
-                ${jugadoresHTML}
-
-            </div>
-
-            ${botonUnirseHTML}
-
+      <div class="equipo me-2 ms-2 p-3 border rounded">
+        <h6>${escapeHTML(equipo.nombreEquipo)}</h6>
+        <div class="jugadores mb-2">
+          ${jugadoresHTML}
         </div>
+        ${botonUnirseHTML}
+      </div>
     `;
   });
 
+  // Acciones disponibles si el usuario YA ESTÁ dentro de esta sala
+  let accionesSalaHTML = "";
+  if (usuarioYaEstaEnEquipo) {
+    accionesSalaHTML = `
+      <div class="sala-acciones text-center mt-4 pt-3 border-top d-flex justify-content-center gap-3">
+        <button type="button" class="btn btn-outline-danger btn-abandonar-sala" data-id-partida="${partida.idPartida}">
+          Abandonar sala
+        </button>
+        <a href="juego.php?idPartida=${partida.idPartida}" class="btn btn-success btn-lg px-4">
+          🎮 ¡Iniciar Partida!
+        </a>
+      </div>
+    `;
+  }
+
   const salaHTML = `
     <div class="col-12 col-md-10 col-lg-8">
-
-        <div class="sala">
-
-            <div class="sala-header">
-
-                ${escapeHTML(partida.nombrePartida)}
-
-            </div>
-
-            <div class="sala-body">
-
-                <div class="equipos">
-
-                    ${equiposHTML}
-
-                </div>
-
-            </div>
-
+      <div class="sala card p-3 shadow-sm mb-4">
+        <div class="sala-header h4 text-center mb-3">
+          ${escapeHTML(partida.nombrePartida)}
         </div>
-
+        <div class="sala-body">
+          <div class="equipos d-flex justify-content-around">
+            ${equiposHTML}
+          </div>
+          ${accionesSalaHTML}
+        </div>
+      </div>
     </div>
-`;
+  `;
 
   contenedor.append(salaHTML);
 }
 
-// ======================================================
-// UNIRSE A UN EQUIPO
-// ======================================================
-
+// 6. Evento: Unirse a un Equipo
 $(document).on("click", ".btn-unirse-equipo", function () {
   const boton = $(this);
-
   const idEquipo = boton.data("id-equipo");
-
   const idPartida = boton.data("id-partida");
 
-  boton.prop("disabled", true);
-
-  boton.text("Uniéndose...");
+  boton.prop("disabled", true).text("Uniéndose...");
 
   $.ajax({
     url: "controladores/ControladorEquipoxUsuario.php",
-
     type: "POST",
-
     dataType: "json",
-
     data: {
       orden: "registrarUsuarioEnEquipo",
       idEquipo: idEquipo,
     },
-
     success: function (respuesta) {
-      console.log("Respuesta al unirse:", respuesta);
-
       if (respuesta.error) {
         alert(respuesta.error);
-
-        boton.prop("disabled", false);
-
-        boton.text("Unirse");
-
+        boton.prop("disabled", false).text("Unirse");
         return;
       }
 
-      // ==========================================
-      // UNIÓN CORRECTA
-      // ==========================================
-
       usuarioYaEstaEnEquipo = true;
-
-      // Ocultamos el botón "Crear sala"
-
       $("#contenedorCrearSala").hide();
-
-      // Eliminamos las salas actuales
-
       $("#contenedorSalas").empty();
-
-      // Cargamos directamente la sala
-      // donde acaba de entrar el usuario
-
       cargarSalaUsuario(idPartida);
     },
-
     error: function (xhr, status, error) {
       console.error("Error al unirse al equipo:", error);
-
-      console.error("Respuesta del servidor:", xhr.responseText);
-
       alert("No se ha podido unir al equipo.");
-
-      boton.prop("disabled", false);
-
-      boton.text("Unirse");
+      boton.prop("disabled", false).text("Unirse");
     },
   });
 });
 
-// ======================================================
-// ESCAPAR HTML
-// ======================================================
+// 7. Evento: Abandonar Sala
+// Guardamos temporalmente el botón presionado
+let botonAbandonarReferencia = null;
 
-function escapeHTML(texto) {
-  return $("<div>")
-    .text(texto ?? "")
-    .html();
-}
+// A. Al hacer clic en el botón "Abandonar sala" de la tarjeta, abrimos el modal
+$(document).on("click", ".btn-abandonar-sala", function () {
+  botonAbandonarReferencia = $(this);
+  const modal = new bootstrap.Modal(document.getElementById('modalAbandonarSala'));
+  modal.show();
+});
 
-// ======================================================
-// CREAR SALA
-// ======================================================
+// B. Al hacer clic en "Sí, salir" dentro del modal Kahoot
+$(document).on("click", "#btnConfirmarAbandonar", function () {
+  const modalEl = document.getElementById('modalAbandonarSala');
+  const modalInstance = bootstrap.Modal.getInstance(modalEl);
 
+  const btnConfirmar = $(this);
+  btnConfirmar.prop("disabled", true).text("Saliendo...");
+
+  $.ajax({
+    url: "controladores/ControladorEquipoxUsuario.php",
+    type: "POST",
+    dataType: "json",
+    data: { orden: "salirDeSala" },
+    success: function (respuesta) {
+      btnConfirmar.prop("disabled", false).text("Sí, salir");
+      
+      if (modalInstance) {
+        modalInstance.hide();
+      }
+
+      if (respuesta.error) {
+        alert(respuesta.error);
+        return;
+      }
+
+      // Restablecemos la interfaz a la lista completa de salas
+      usuarioYaEstaEnEquipo = false;
+      $("#contenedorCrearSala").show();
+      cargarSalas();
+    },
+    error: function (xhr, status, error) {
+      console.error("Error al salir de la sala:", error);
+      alert("No se pudo salir de la sala.");
+      btnConfirmar.prop("disabled", false).text("Sí, salir");
+      if (modalInstance) {
+        modalInstance.hide();
+      }
+    }
+  });
+});
+// 8. Evento: Crear Sala
 $("#btnCrearSala").on("click", function () {
   const nombreSala = $("#nombreSala").val().trim();
-
   const nombreEquipo1 = $("#nombreEquipo1").val().trim();
-
   const nombreEquipo2 = $("#nombreEquipo2").val().trim();
 
   let valido = true;
-
   $(".mensaje-error-sala").remove();
-
   $(".input-kahoot").removeClass("is-invalid");
 
-  if (nombreSala === "") {
-    mostrarError("#nombreSala", "El nombre de la sala es obligatorio.");
-
-    valido = false;
-  } else if (nombreSala.length < 3) {
+  if (nombreSala === "" || nombreSala.length < 3) {
     mostrarError(
       "#nombreSala",
       "El nombre de la sala debe tener al menos 3 caracteres.",
     );
-
     valido = false;
   }
 
-  if (nombreEquipo1 === "") {
-    mostrarError("#nombreEquipo1", "El nombre del equipo 1 es obligatorio.");
-
-    valido = false;
-  } else if (nombreEquipo1.length < 2) {
+  if (nombreEquipo1 === "" || nombreEquipo1.length < 2) {
     mostrarError(
       "#nombreEquipo1",
       "El nombre del equipo debe tener al menos 2 caracteres.",
     );
-
     valido = false;
   }
 
-  if (nombreEquipo2 === "") {
-    mostrarError("#nombreEquipo2", "El nombre del equipo 2 es obligatorio.");
-
-    valido = false;
-  } else if (nombreEquipo2.length < 2) {
+  if (nombreEquipo2 === "" || nombreEquipo2.length < 2) {
     mostrarError(
       "#nombreEquipo2",
       "El nombre del equipo debe tener al menos 2 caracteres.",
     );
-
     valido = false;
   }
 
@@ -405,22 +321,16 @@ $("#btnCrearSala").on("click", function () {
       "#nombreEquipo2",
       "Los dos equipos deben tener nombres diferentes.",
     );
-
     valido = false;
   }
 
-  if (!valido) {
-    return;
-  }
+  if (!valido) return;
 
-  // Deshabilitamos el botón mientras se crea la sala
   const boton = $("#btnCrearSala");
-
-  boton.prop("disabled", true);
-  boton.text("Creando sala...");
+  boton.prop("disabled", true).text("Creando sala...");
 
   $.ajax({
-    url: "controladores/controladorPartida.php", // <-- cambia esto por la ruta de tu controlador
+    url: "controladores/controladorPartida.php",
     type: "POST",
     dataType: "json",
     data: {
@@ -429,16 +339,10 @@ $("#btnCrearSala").on("click", function () {
       nombreEquipo1: nombreEquipo1,
       nombreEquipo2: nombreEquipo2,
     },
-
     success: function (respuesta) {
-      console.log("Respuesta del servidor:", respuesta);
-
       if (respuesta.error) {
         alert(respuesta.error);
-
-        boton.prop("disabled", false);
-        boton.text("Crear sala");
-
+        boton.prop("disabled", false).text("Crear sala");
         return;
       }
 
@@ -447,43 +351,30 @@ $("#btnCrearSala").on("click", function () {
         location.reload();
       }
     },
-
     error: function (xhr, status, error) {
       console.error("Error al crear la sala:", error);
-      console.error("Respuesta:", xhr.responseText);
-
       alert("No se ha podido crear la sala.");
-
-      boton.prop("disabled", false);
-      boton.text("Crear sala");
+      boton.prop("disabled", false).text("Crear sala");
     },
   });
 });
 
-// ======================================================
-// MOSTRAR ERROR
-// ======================================================
+// Auxiliares
+function escapeHTML(texto) {
+  return $("<div>")
+    .text(texto ?? "")
+    .html();
+}
 
 function mostrarError(selector, mensaje) {
   const input = $(selector);
-
   input.addClass("is-invalid");
-
-  input.after(`
-    <div class="mensaje-error-sala text-danger mt-1 small">
-
-        ${mensaje}
-
-    </div>
-`);
+  input.after(
+    `<div class="mensaje-error-sala text-danger mt-1 small">${mensaje}</div>`,
+  );
 }
 
-// ======================================================
-// QUITAR ERROR AL ESCRIBIR
-// ======================================================
-
-$(".input-kahoot").on("input", function () {
+$(document).on("input", ".input-kahoot", function () {
   $(this).removeClass("is-invalid");
-
   $(this).next(".mensaje-error-sala").remove();
 });
diff --git a/js/cabecera.js b/js/cabecera.js
index 7ba5510..194b01d 100644
--- a/js/cabecera.js
+++ b/js/cabecera.js
@@ -1,26 +1,102 @@
-// Registro
+$(document).ready(function () {
+  comprobarSesion();
+});
+
+// Función auxiliar para escapar texto HTML y evitar XSS
+function escapeHTML(str) {
+  return $("<div>").text(str ?? "").html();
+}
+
+// Comprobar estado de sesión al cargar la página
+function comprobarSesion() {
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: { orden: "comprobarSesion" },
+  }).done(function (respuesta) {
+    try {
+      if (typeof respuesta === "string") {
+        respuesta = JSON.parse(respuesta);
+      }
+
+      const contenedor = $("#contenedorUsuarioCabecera");
+      contenedor.empty();
+
+      if (respuesta.activa && respuesta.usuario) {
+        // Usuario autenticado: Mostrar Menú Dropdown
+        const htmlUsuario = `
+          <div class="dropdown">
+            <button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2"
+                    type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+              <i class="fa-solid fa-circle-user fa-lg text-warning"></i>
+              <span>${escapeHTML(respuesta.usuario.nombreUsuario)}</span>
+            </button>
+            <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
+              <li>
+                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
+                  <i class="fa-solid fa-user text-primary"></i> Perfil
+                </a>
+              </li>
+              <li><hr class="dropdown-divider"></li>
+              <li>
+                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="#" id="botonCerrarSesion">
+                  <i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
+                </a>
+              </li>
+            </ul>
+          </div>
+        `;
+        contenedor.html(htmlUsuario);
+
+        // Si estamos en la página principal, mostramos el botón JUGAR
+        if ($("#colBotonJugar").length) {
+          $("#colBotonJugar").removeClass("d-none");
+          $("#colRanking").removeClass("col-lg-8").addClass("col-lg-7 col-xl-8");
+        }
+
+      } else {
+        // No hay sesión: Mostrar botones de Login y Registro
+        const htmlInvitado = `
+          <button type="button" class="btn btn-kahoot-login rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalLogin">
+            <i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar Sesión
+          </button>
+          <button type="button" class="btn btn-kahoot-register rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalRegistro">
+            <i class="fa-solid fa-user-plus me-1"></i> Registrarse
+          </button>
+        `;
+        contenedor.html(htmlInvitado);
+
+        // Si estamos en la página principal, ocultamos el botón JUGAR
+        if ($("#colBotonJugar").length) {
+          $("#colBotonJugar").addClass("d-none");
+          $("#colRanking").removeClass("col-lg-7 col-xl-8").addClass("col-lg-8");
+        }
+      }
+    } catch (e) {
+      console.error("Error al procesar la respuesta de la sesión:", e);
+    }
+  });
+}
+
+// Evento Registro
 $("#botonAceptarRegistro").click(function (event) {
   event.preventDefault();
-  console.log("hola");
+
   let nombreUsuario = $("#regNombre").val().trim();
   let email = $("#regEmail").val().trim();
   let contrasena = $("#regPassword").val();
   let contrasenaConfirmacion = $("#regPasswordConfirm").val();
 
-  // Limpiamos errores anteriores
   $("#regNombre").removeClass("is-invalid");
   $("#regEmail").removeClass("is-invalid");
   $("#regPassword").removeClass("is-invalid");
   $("#regPasswordConfirm").removeClass("is-invalid");
   $("#errorRegistro").text("");
 
-  // Comprobamos que las contraseñas coincidan
   if (contrasena !== contrasenaConfirmacion) {
     $("#regPassword").addClass("is-invalid");
     $("#regPasswordConfirm").addClass("is-invalid");
-
     $("#errorRegistro").text("Las contraseñas no coinciden.");
-
     return;
   }
 
@@ -34,56 +110,42 @@ $("#botonAceptarRegistro").click(function (event) {
       orden: "registrarUsuario",
     },
   }).done(function (respuesta) {
-    //console.log(respuesta);
-    respuesta = JSON.parse(respuesta);
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
     if (respuesta.error) {
       $("#errorRegistro").text(respuesta.error);
-
-      // Marcamos los campos si hay error
       $("#regNombre").addClass("is-invalid");
       $("#regEmail").addClass("is-invalid");
     } else {
-      // Registro correcto
       $("#errorRegistro")
         .removeClass("text-danger")
         .addClass("text-success")
         .text(respuesta.exito);
 
-      // Limpiamos formulario
       $("#formRegistro")[0].reset();
 
-      // Cerramos modal después de un segundo
       setTimeout(function () {
         location.reload();
       }, 1000);
     }
-  }); // Fin función ajax
+  });
 });
 
-// Login
+// Evento Login
 $("#botonAceptarLogin").click(function (event) {
   event.preventDefault();
 
   let email = $("#loginEmail").val().trim();
   let contrasena = $("#loginPassword").val();
 
-  // Limpiamos errores anteriores
   $("#loginEmail").removeClass("is-invalid");
   $("#loginPassword").removeClass("is-invalid");
   $("#errorLogin").text("");
 
-  // Comprobación básica
   if (email === "" || contrasena === "") {
     $("#errorLogin").text("Todos los campos son obligatorios.");
-
-    if (email === "") {
-      $("#loginEmail").addClass("is-invalid");
-    }
-
-    if (contrasena === "") {
-      $("#loginPassword").addClass("is-invalid");
-    }
-
+    if (email === "") $("#loginEmail").addClass("is-invalid");
+    if (contrasena === "") $("#loginPassword").addClass("is-invalid");
     return;
   }
 
@@ -96,38 +158,33 @@ $("#botonAceptarLogin").click(function (event) {
       orden: "comprobarUsuario",
     },
   }).done(function (respuesta) {
-    //console.log(respuesta);
-    respuesta = JSON.parse(respuesta);
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
     if (respuesta.error) {
       $("#loginEmail").addClass("is-invalid");
       $("#loginPassword").addClass("is-invalid");
-
       $("#errorLogin").text(respuesta.error);
     } else {
       location.reload();
     }
-  }); // Fin función ajax
+  });
 });
 
-// Cerrar sesión
-$("#botonCerrarSesion").click(function (event) {
+// Evento Cerrar sesión (usa delegación de eventos por crearse dinámicamente)
+$(document).on("click", "#botonCerrarSesion", function (event) {
   event.preventDefault();
 
   $.ajax({
     method: "POST",
     url: "controladores/controladorUsuario.php",
-    data: {
-      orden: "cerrarSesion",
-    },
+    data: { orden: "cerrarSesion" },
   }).done(function (respuesta) {
-    //console.log(respuesta);
-    respuesta = JSON.parse(respuesta);
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
     if (respuesta.error) {
       console.log(respuesta.error);
     } else {
-      // Sesión cerrada correctamente
-      window.location.href = 'index.php';
-
+      window.location.href = "index.php";
     }
-  }); // Fin función ajax
-}); // Fin función click
+  });
+});
\ No newline at end of file
diff --git a/perfil.php b/perfil.php
index 3925ef0..4cf3339 100644
--- a/perfil.php
+++ b/perfil.php
@@ -1,3 +1,17 @@
+<?php
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+// Redirección si el usuario no ha iniciado sesión
+if (!isset($_SESSION['idUsuario'])) {
+    header('Location: login.php');
+    exit();
+}
+
+$nombreUsuario = htmlspecialchars($_SESSION['nombreUsuario'] ?? 'Usuario');
+$avatarUsuario = htmlspecialchars($_SESSION['avatar'] ?? 'img/avatars/defaultProfile.jpeg');
+?>
 <!DOCTYPE html>
 <html lang="es">
 
@@ -9,151 +23,99 @@
     <title>Perfil</title>
 
     <!-- Bootstrap -->
-    <link
-        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
-        rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Bootstrap Icons -->
-    <link
-        rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
 
     <!-- Google Font: Fredoka -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
-    <link
-        href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap"
-        rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
 
     <!-- Tu CSS -->
     <link rel="stylesheet" href="css/index.css">
     <link rel="stylesheet" href="css/perfil.css">
     <script src="js/jquery-4.0.0.min.js"></script>
-
 </head>
 
-
 <body>
 
-    <?php
-    include_once 'cabecera.php';
-    ?>
-
+    <?php include_once 'cabecera.php'; ?>
 
     <div class="perfil-container">
 
         <div class="perfil-card">
 
-            <!-- ========================= -->
             <!-- CABECERA -->
-            <!-- ========================= -->
-
             <div class="perfil-header">
                 <i class="bi bi-person-circle"></i>
                 Mi perfil
             </div>
 
-
             <div class="perfil-content">
 
                 <div class="row align-items-center g-5">
 
-
-                    <!-- ========================= -->
                     <!-- PERFIL -->
-                    <!-- ========================= -->
-
                     <div class="col-md-6 text-center">
 
                         <!-- Nombre -->
-
                         <h1 id="nombre" class="nombre">
-                            <?php echo $_SESSION['nombreUsuario'] ?>
+                            <?= $nombreUsuario ?>
                         </h1>
 
-
-                        <!-- ========================= -->
                         <!-- FOTO DE PERFIL -->
-                        <!-- ========================= -->
-
                         <div class="foto-container">
 
-                            <img
-                                id="fotoPerfil"
-                                src="<?= htmlspecialchars($_SESSION['avatar'] ?? '') ?>"
-                                alt="Foto de perfil"
-                                class="avatar rounded-circle">
-
+                            <img id="fotoPerfil"
+                                 src="<?= $avatarUsuario ?>"
+                                 alt="Foto de perfil"
+                                 class="avatar rounded-circle">
 
                             <!-- Botón lápiz -->
-
-                            <button
-                                type="button"
-                                class="btn-foto"
-                                onclick="seleccionarFoto()"
-                                title="Cambiar foto de perfil"
-                                aria-label="Cambiar foto de perfil">
-
+                            <button type="button"
+                                    class="btn-foto"
+                                    onclick="seleccionarFoto()"
+                                    title="Cambiar foto de perfil"
+                                    aria-label="Cambiar foto de perfil">
                                 <i class="bi bi-pencil-fill"></i>
-
                             </button>
 
-
                             <!-- Input oculto -->
-
-                            <input
-                                type="file"
-                                id="inputFoto"
-                                accept="image/*"
-                                hidden>
+                            <input type="file"
+                                   id="inputFoto"
+                                   accept="image/*"
+                                   hidden>
 
                         </div>
 
-
-                        <!-- ========================= -->
                         <!-- CAMBIAR NOMBRE -->
-                        <!-- ========================= -->
-
                         <div class="formulario-nombre">
 
-                            <label
-                                for="nuevoNombre"
-                                class="form-label">
-
+                            <label for="nuevoNombre" class="form-label">
                                 Cambia tu nombre
-
                             </label>
 
-
-                            <input
-                                type="text"
-                                id="nuevoNombre"
-                                class="form-control mb-3"
-                                placeholder="Escribe tu nuevo nombre">
-
+                            <input type="text"
+                                   id="nuevoNombre"
+                                   class="form-control mb-3"
+                                   placeholder="Escribe tu nuevo nombre">
 
                             <div class="d-flex justify-content-center gap-2">
 
-                                <button
-                                    type="button"
-                                    class="btn-perfil-cambiar"
-                                    onclick="cambiarNombre()">
-
+                                <button type="button"
+                                        class="btn-perfil-cambiar"
+                                        onclick="cambiarNombre()">
                                     <i class="bi bi-check-lg"></i>
                                     Cambiar nombre
-
                                 </button>
 
-
-                                <button
-                                    type="button"
-                                    class="btn-perfil-borrar"
-                                    onclick="borrarNombre()">
-
+                                <button type="button"
+                                        class="btn-perfil-borrar"
+                                        onclick="borrarNombre()">
                                     <i class="bi bi-x-lg"></i>
                                     Borrar
-
                                 </button>
 
                             </div>
@@ -162,11 +124,7 @@
 
                     </div>
 
-
-                    <!-- ========================= -->
                     <!-- ESTADÍSTICAS -->
-                    <!-- ========================= -->
-
                     <div class="col-md-6">
 
                         <div class="estadisticas">
@@ -176,60 +134,33 @@
                                 Estadísticas
                             </h2>
 
-
                             <div class="estadistica estadistica-victorias">
-
                                 <i class="bi bi-trophy-fill"></i>
                                 &nbsp; Victorias:
-
-                                <strong id="victorias">
-
-                                </strong>
-
+                                <strong id="victorias">0</strong>
                             </div>
 
-
                             <div class="estadistica estadistica-derrotas">
-
                                 <i class="bi bi-x-circle-fill"></i>
                                 &nbsp; Derrotas:
-
-                                <strong id="derrotas">
-
-                                </strong>
-
+                                <strong id="derrotas">0</strong>
                             </div>
 
-
                             <div class="estadistica estadistica-aciertos">
-
                                 <i class="bi bi-bullseye"></i>
                                 &nbsp; Aciertos:
-
-                                <strong id="aciertos">
-
-                                </strong>
-
+                                <strong id="aciertos">0</strong>
                             </div>
 
-
-                            <!-- ========================= -->
                             <!-- CREAR PREGUNTA -->
-                            <!-- ========================= -->
-
                             <div class="text-center mt-4">
-
-                                <button
-                                    type="button"
-                                    class="btn btn-play-kahoot"
-                                    data-bs-toggle="modal"
-                                    data-bs-target="#modalCrearPregunta">
-
+                                <button type="button"
+                                        class="btn btn-play-kahoot"
+                                        data-bs-toggle="modal"
+                                        data-bs-target="#modalCrearPregunta">
                                     <i class="bi bi-plus-circle-fill"></i>
                                     Crear pregunta
-
                                 </button>
-
                             </div>
 
                         </div>
@@ -245,201 +176,118 @@
     </div>
 
 
-    <!-- ================================================= -->
     <!-- MODAL CREAR PREGUNTA -->
-    <!-- ================================================= -->
-
-    <div
-        class="modal fade"
-        id="modalCrearPregunta"
-        tabindex="-1"
-        aria-labelledby="modalCrearPreguntaLabel"
-        aria-hidden="true">
+    <div class="modal fade"
+         id="modalCrearPregunta"
+         tabindex="-1"
+         aria-labelledby="modalCrearPreguntaLabel"
+         aria-hidden="true">
 
         <div class="modal-dialog modal-dialog-centered">
 
             <div class="modal-content modal-kahoot">
 
-
-                <!-- CABECERA DEL MODAL -->
-
                 <div class="modal-header modal-kahoot-header">
-
-                    <h5
-                        class="modal-title"
-                        id="modalCrearPreguntaLabel">
-
+                    <h5 class="modal-title" id="modalCrearPreguntaLabel">
                         <i class="bi bi-question-circle-fill me-2"></i>
                         Crear pregunta
-
                     </h5>
-
-
-                    <button
-                        type="button"
-                        class="btn-close btn-close-white"
-                        data-bs-dismiss="modal"
-                        aria-label="Cerrar">
+                    <button type="button"
+                            class="btn-close btn-close-white"
+                            data-bs-dismiss="modal"
+                            aria-label="Cerrar">
                     </button>
-
                 </div>
 
-
-                <!-- CUERPO DEL MODAL -->
-
                 <div class="modal-body p-4">
 
                     <form id="formCrearPregunta">
 
-
                         <!-- PREGUNTA -->
-
                         <div class="mb-4">
-
-                            <label
-                                for="pregunta"
-                                class="form-label fw-semibold">
-
+                            <label for="pregunta" class="form-label fw-semibold">
                                 <i class="bi bi-question-lg me-1"></i>
                                 Pregunta
-
                             </label>
-
-                            <textarea
-                                id="pregunta"
-                                name="pregunta"
-                                class="form-control input-kahoot"
-                                rows="3"
-                                placeholder="Escribe aquí la pregunta..."
-                                required></textarea>
-
+                            <textarea id="pregunta"
+                                      name="pregunta"
+                                      class="form-control input-kahoot"
+                                      rows="3"
+                                      placeholder="Escribe aquí la pregunta..."
+                                      required></textarea>
                         </div>
 
                         <!-- CATEGORÍA -->
-
                         <div class="mb-4">
-
-                            <label
-                                for="idCategoria"
-                                class="form-label fw-semibold">
-
+                            <label for="idCategoria" class="form-label fw-semibold">
                                 <i class="bi bi-folder-fill me-1"></i>
                                 Categoría
-
                             </label>
-
-                            <select
-                                id="idCategoria"
-                                name="idCategoria"
-                                class="form-select input-kahoot"
-                                required>
-
-                                <option value="">
-                                    Selecciona una categoría
-                                </option>
-
+                            <select id="idCategoria"
+                                    name="idCategoria"
+                                    class="form-select input-kahoot"
+                                    required>
+                                <option value="">Selecciona una categoría</option>
                             </select>
-
                         </div>
 
-
-
                         <!-- RESPUESTA CORRECTA -->
-
                         <div class="mb-3">
-
-                            <label
-                                for="respuestaCorrecta"
-                                class="form-label fw-semibold text-success">
-
+                            <label for="respuestaCorrecta" class="form-label fw-semibold text-success">
                                 <i class="bi bi-check-circle-fill me-1"></i>
                                 Respuesta correcta
-
                             </label>
-
-                            <input
-                                type="text"
-                                id="respuestaCorrecta"
-                                name="respuestaCorrecta"
-                                class="form-control input-kahoot"
-                                placeholder="Escribe la respuesta correcta..."
-                                required>
-
+                            <input type="text"
+                                   id="respuestaCorrecta"
+                                   name="respuestaCorrecta"
+                                   class="form-control input-kahoot"
+                                   placeholder="Escribe la respuesta correcta..."
+                                   required>
                         </div>
 
-
                         <!-- RESPUESTAS INCORRECTAS -->
-
                         <div class="mb-3">
-
-                            <label
-                                class="form-label fw-semibold text-danger">
-
+                            <label class="form-label fw-semibold text-danger">
                                 <i class="bi bi-x-circle-fill me-1"></i>
                                 Respuestas incorrectas
-
                             </label>
 
+                            <input type="text"
+                                   id="respuestaIncorrecta1"
+                                   name="respuestaIncorrecta1"
+                                   class="form-control input-kahoot mb-2"
+                                   placeholder="Respuesta incorrecta 1"
+                                   required>
 
-                            <input
-                                type="text"
-                                id="respuestaIncorrecta1"
-                                name="respuestaIncorrecta1"
-                                class="form-control input-kahoot mb-2"
-                                placeholder="Respuesta incorrecta 1"
-                                required>
-
-
-                            <input
-                                type="text"
-                                id="respuestaIncorrecta2"
-                                name="respuestaIncorrecta2"
-                                class="form-control input-kahoot mb-2"
-                                placeholder="Respuesta incorrecta 2"
-                                required>
-
-
-                            <input
-                                type="text"
-                                id="respuestaIncorrecta3"
-                                name="respuestaIncorrecta3"
-                                class="form-control input-kahoot"
-                                placeholder="Respuesta incorrecta 3"
-                                required>
+                            <input type="text"
+                                   id="respuestaIncorrecta2"
+                                   name="respuestaIncorrecta2"
+                                   class="form-control input-kahoot mb-2"
+                                   placeholder="Respuesta incorrecta 2"
+                                   required>
 
+                            <input type="text"
+                                   id="respuestaIncorrecta3"
+                                   name="respuestaIncorrecta3"
+                                   class="form-control input-kahoot"
+                                   placeholder="Respuesta incorrecta 3"
+                                   required>
                         </div>
 
                     </form>
 
                 </div>
 
-
-                <!-- PIE DEL MODAL -->
-
                 <div class="modal-footer">
-
-                    <button
-                        type="button"
-                        class="btn btn-secondary"
-                        data-bs-dismiss="modal">
-
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                         <i class="bi bi-x-lg me-1"></i>
                         Cancelar
-
                     </button>
 
-
-                    <button
-                        type="submit"
-                        form="formCrearPregunta"
-                        class="btn btn-kahoot-login"
-                        id="btnCrearPregunta">
-
+                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-login" id="btnCrearPregunta">
                         <i class="bi bi-check-lg me-1"></i>
                         Crear pregunta
-
                     </button>
-
                 </div>
 
             </div>
@@ -449,14 +297,9 @@
     </div>
 
     <!-- Bootstrap JS -->
-
-    <script
-        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">
-    </script>
-
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Tu JavaScript -->
-
     <script src="js/perfil.js"></script>
 
 </body>
