/* ---------------------------------------- Reseteamos y limpiamos todos los margenes internos y externos ---------------------------------------- */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #f2efe7;

  scrollbar-width: thin;
  scrollbar-color: gray transparent;
  
  overflow-x: hidden;
  overflow-y: auto;
}



/* ---------------------------------------- Visual para celulares ---------------------------------------- */

@media (max-width: 500px) {
  .icono {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;

    border-radius: 50%;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAK1FJREFUeAHtnQmQHFX9x18GIygeCwZFEZgAYohCNokoiDEbMMihJAhKUDQbJBGCwgZSJSWlCZQKlZL6gxpAwWTxIvEKAREIArseXEZIBARUwgQignIsqBAU7f/7vO3f2Ds7R7++e6a/Vb0zOzN9vf79fu93vzGqQFToGjt2bPm///1v2XGc3fl/zJgxZV7Z9Gdl+Z271cOQuym9b8X9rKL35f2Q/mxzqVSq/Pvf/67I7wqEwxhVwBZC6N2aMCdB5Pq1W39eVskChtigz72BV5jjpZdeGlAFrFAwQGt0bbPNNj2a0Kbr9z1qmNC7VEahGWHAZYrB//znPxv0RxVVoCEKBhiNrpe97GXdWsLPUsME363yDZhgQKtOa4sZYjQKBhgGUn62fp2lpWePyrCEDwnUpgH9epWeHdaqwo7oaAYwkl4T/BJXh29Xom8IzQxXqWFmuEJ1KDqOATTR97jqTa/qQKJvgIreBvQseJH2MG1QHYROYQBRcea6Kk6BxsCAvrBTZoV2Z4Aubfz16dfTVSHtbVHR2xV6tuxXbexJalcGKAg/WvRrRjhHtSEjtBsDFIQfL9qOEdqFAQrCTxbntItqtI3KOSB8bbSt0W8P09t2qkAS6NFjPluP/ZB2KmxUOUZuZwDXnfl/Kv+R2ryjopmhzw2s5Q55nAFQdy7RkudC/X5nVaAKPSbMiOZVu32VFhAEu8wWI1A557hJgcwGuYou54oBPOrOAarAKED02223nTrhhBPU1q1b1TPPPGOIX5giZnTnUS0qqXygrB/uLfoVlacwchsAYteRXLXnnnuqX/ziF+rKK69U++67r0oQzAL9mglWquTTwwMh8zMAEVz9YK/TbyeoAi2B2gMTzJ8/X02cOFHNmTNHveY1r1H33nuveuGFF+JWhwS5mQ2yzADo+uerYalfeHcs8Oyzz6qPf/zj6rWvfa3adttt1UEHHaSOOeYYwxi//e1vDZMkAGZqhBfVcHfo91tVBpFVBihr4r9NDbs2C1hCe2TUzJkz1R577FG1AXbYYQd1+OGHq1122UXdfffd6h//+If5LgHb4AB9njn6PJlMv86cDaBVnl79wO5WOdEhswgY4I9//GNdD9C8efPULbfcog4++GDDGAkBgXa3frZzVcaQKQbQg7RUSwoMqMLQDYmnn366rr7PZ+PHj1dXXHGFOu644wwTJMQIXa6BvFRlCFlhgC7XvblEFYgE6Pm16o3MCGzjxo1TK1asUH19fWrs2LEqQSxxn3UmhFwWGMBMj3gNVIFIAOETD2im3xMzYDvnnHPUmWeeSWTdzARJeIlcD1Em1Ny0GQDix79fVgUiA4T9tre9rSkDyEzw8pe/XH32s59VCxYsSMpFKsjEs0+TAboLYzdaCAG/+tWvNgEwP7o9zPLKV75SfeELX1A9PT1JpE54IUyQWj5XWgzQ7d54YexGCCHcD3zgA+pNb3qTLxenuElf97rXqf7+fmMbeI+VAFJlgsTjALg59eBeqQrijxQiuSH8yy+/3BC0rU7PzIEtMDg4aFypCWI7fZ0nuy0gE40cJ8oAEL/r5iwiuxFCiH+nnXZSq1atUt3d3dbEL8dAdfrNb36jHnroIZU0MI6TZoIkVaBul/gLRAgh3MmTJxvf/rve9a5Q6ssrXvEKtWjRoqr9kLBhzHlJc09MHUrq7gqdPyKg1wvRk+czZcoU9bGPfUwdf/zxJvcnLFB9OMexxx6rrrvuuur/CWNIxzFmqOG2jrEiCQYoXJ0RA+JHzTnjjDPUBz/4QSO18ebId2EgiXKkS8yePdtkkKbAAAAmmKxirjuO2wYoiD8iiLfm9a9/vQleXXrppYYJmAVE329E/BAwhP2d73zH/B4DudFv5Tgkzf3hD38wadQpYTvXJog1iS5OG6CrIP7oAFFOmDBBrV69Wp122mnGW2MDmOTJJ580+T8PPPBAy98TIPvUpz6VlvQXlONWnWNjAP3AclMVlGVA+Kg3s2bNUj/96U/Ve97znkAJbMwAlUpFPfjgg4YJHn300abEzXcHHHCAmjRpUmIpEg1QdmkpFsSiApHxh19XFQgNiG///fc35Y2oP0EitfyeGuELLrhAbdmyRT311FPqueeeU4cddljVdqiFGNv//Oc/1U033ZTqTKCvY4LexuhrGFARI3IGwNevhqu4CoQExP/Od75TrVmzRu24446BDF0Il23dunXqq1/9qqkKA6hBXV1dhrkaHVNsgZ/85Cemyixl9MQRI4h6Xiu7+T2FuzMkID6quK699lo1derUqhFsA5HaSH1KIqkEEy8PzETgDEOXXKBmBjR1xTBBQqWUzRC5ZyhKG6Cr8PVHB4h98eLFVeJvBvHysL300kvq73//u/rTn/6kbr/9dvXlL39ZTZ8+Xd11113V38is8PjjjxtvUr3aAQHfkVsk+6SMyGksshnAjeCdrgpEAozPG2+80cwCrSQ/ag2/2bhxo/rud79rfPgYvC+++KL617/+Zb7zEj4QpkIF+tnPfmZUrHogEIbhTIT5+eefVxnBhfp+FqmswK3jdYot/KbH0tEuTke7Ox1NfI5+0E498Dnfa4nvPPLII84RRxzhjB071uyrXZjmOHI871Z7Pq3+OLfeemvD8wBtCDt77bVXpsZJk10kBVRRqEA0QypKGSMCkvmNb3yjmjFjRlP3I58jnVFziAYzW/A/kl4yOWv3rafC4B267777VCOwD8EzzQBZUYMMShE13wrNAPpClqgM+PsTLuSIFXRsIFrbCKLzb9q0SX3iE58w0VqvgSqEWrvVAwE19m82duwrHeYyNMZdUcQHQjGA6/LsVSnjzW9+c1I9bhLBgQce2NQrI9tXvvIVtXnzZt/EXg/MFtgLzcBMtPPOO2dOyOhr6SkNrwsRGGEYIBOqD4lgF198sXHptQNQN8Q33wgQOEUr5PbUgy2RkiLR7FyAQpuMzrDQYGCvUGAGyILqg2RCXTjkkENM+792UIHo44m0bQXSInB5Am+7kyBjgNu0kY+/5KZdvOpVrzL/Z3CWxTUaOPAaiAHcJUd7VYqQh/3hD3/Y9LWhq4F8nmcQnWVWawTR/3/9618HVntqj9fq+ywZvw3Qq7ceFQCBGEAPRiZSHZCW73//+83DwU89bdq03NsC9PMhE7MRuD/8+0R3owDHoxa4lRFML9EsQ19/IJq0ZgDX8C2rDIBkLsltZ4o+5ZRTAqUMZAmtKrC4P1Qf3JdRQPJ9mrlbAVFjSZDLIvR1dQcxiG0pJTM+f9x3VCwJwbMRskeFyDPQx5sRt/jlyQyNAowfTbSanQ+V6+GHH1Y5gLVBbMUAmsh6VQakP4lc+KUPPfTQEdIS9WHu3LlZSNoKDBiAVOVGkFrgo446SkUB7A2cCK1mHdIsQMbVSwxiq3QcGwYoq4w0r+UhHHnkkUZ3rY2WkrkoalEeDWJ0bXz7rcB9kr8T9B5l1sTlSkeJZiAV+v7771c5AWqQ71nANwO4bs/UwQPH6wMB1BK59LUhNQDk0Rgmse13v/td099wXyTLnX322YHsHRkzZtLPf/7zZkZpBpLrWHAvJ7CaBfyOXlllIOIr2G+//VS5XK77HbYBywPxmscZAIJev359y87O3Bs1u4xFyaJEUsaE3/f29qp3v/vddX8nrk+ySakFyLIBXAe+ZwFfo5YV6Q+kQKOe1BKDGJeoEEbegBeIFR5Z4KIZuFdsHoiT1Am/98rvmEEprD///PObtkXnWog3kC6dM/ieBfyMWlllSPrj5TniiCOaSkiYgwqovAKXI2WQflyiu+66q2lqS2dnCFlmB++s4I0S4/I877zzDPFjQzWCeH+WLVtmDHP5LEewsgUaQg/i0lKplHr+Nxu57vPnzzc58M3y1/nuoYcecjRxNM2Fz/KmCdUZHBw0Of+twP0+//zzzvXXX+/oyLij1UNHe3dMXcAOO+zg7LPPPo6OkTh6tnCGhoYcbWe0PCZjvGLFCjPmeRq3mq2l5tJSqdMHwQFcVhkA0u2qq64yqx2CZhmTSM+zzjpLXXTRRVXJlScJhvR+y1veYtQhSY1upoNLuSO/IbmNWYSAGVKemAFRc+8xGh1LjkH98Ec+8pG8+P8bgRri8apJY62mDODp5pw6eCi77767WefWb7CLUj68JZI0licGEJWFJD+yPlF1koCsMIknjTTpPMdUgB7DXn1PVzT6vqkNoAkmUzW+BL5EkvnBnnvuadqKCNL0YkiDK79Zm+KFufXWW9Wpp56q/vrXv8ZCjE5NQh3+fprtQvw58/zUhR6z3mbfN+sLxHL3S1VGgGFLYyckod+HwgOk5Qepwwkv+DACXC9uW7wpvFJcDkF7v6+3CejwQM9+vFus4BI1UcJYuDspqP/oRz9qAnFyjpwZvqOg74P0nUFl20pF66Ars2DIiAE7bdo0R0dJfRmFXuNQRzEdHemsHiute/j0pz/taCIz148hes011zgLFiwwRqrcoxictQXtfE7B+9577+3cfvvt5r7ECdDMGdBqbKSwXtsLzkknneTo2bVaWJ9Hx0GTzT5TFOM3KzfAQ7nsssscW8gD/trXvpaqN0PPXo72p9f1XsEM2uXpHH300c5OO+1UJXYv83g3vDsLFy50tmzZUu0KEYQJ8ARp96azfPly561vfas5Nt0Haxk3rTGLeCOM7d8lmqU2JzyE7bff3tm0aZNjC2EA9tWekNQeqPbmmNYiEGstpPXJ1q1bHW20O0uXLnWmTJli9hOC9DIAzIF7c//993dWrlxpZkVbBuD3MJ32phnm9M4+tWOfxnjFsSmbghk98GuycuE8IKSjjepT74HPnTu32i8nydgAhAVR+71+rvXFF180M8bZZ5/taJ2/7nXK9ePz7+vrcwYGBpxnnnlmhHokzMXGTKNdqo52DRuG9DJYJ2z6Xm+pS+t1PiOMnJnMJzwntO8jb6UUMLVB04Lpm4Nrr9YYdmI08qTa6uc//7nJuPTj/ZHr47pIjMOLhWem3nVKxNdxV4ann5AOeploL8sl8R1JbI899phxCf/lL38x3Z4dj9cn714eC9SNCYxaZYF6Xycjlj8PcI899jBlj2FBX33SBW6++ebEPBslt2hf8pL8nBeGF+Ik5kHz2mYQ1yhLGdEnqHZ1x9oS0drs2Q5Clx7bWbUxgVEiVQ/oLJUByMMh6vuGN7wh9MOizvaEE04w74POJLaA8FjYwratucwUV199tbX71vHZI6iV67UdoWl7VDvFUXdcsrWYYwIPg0xFWv8hQcM+ICQlUhIVAVXAiTk9ouS2EsGHb1O4ImrJE088YWYtpHqtFC8QGKPUoBGiUBNcj8pQe3PtnjNbFJIJgtTeJFNHHDcxCcG+733vC7R0KczKqiwEpBqt4FIgEKDtEWsQj2CArKg/AIJlrVqMuyhB/yCiqXEagFK3+8lPfjKQugUDsOg16k/YCDaqn5eJGqk+naACAf08RtB47dPpURkB3pOopTXHQgVCMjtuvnsc4NhkcpLIVgqwwBzZnKh+Udw7C92xea+t2dbu0PfY4/3fywBlleAS9c0AweCxmThx4ojPojguD1mH/U1VVJwzAFVrqFy2QOKT8h1FIyqY78QTTzTVX3Heb55A/yDlUfOrDKCnyUwQv0hMctFb5a7bAuIvuSWTzARxAbWNqrUg103Xt2uuuUZFAYzv9773vWbGY0ZKyvuVA0yXN9UR0cQxXWUAUrZH6nPUeqkcDwINE1hrdXy8VixqbQNZwohCFFKgw6gjcl+oYIwl6uTChQtzn9sfFfT49FTfyxt3akgdPHiKvCl6icMwk2PSVwjiiOPY2C623hv2Q/1B+lODG+a+GUPOT+NguQ6i4HjUCoy0A0r1PkwT+P7p7mYjAYMYcESYjz/++MiZjKBdkOM6bguS73//+6Puxfbe+D3tDmkVKSBN4owzzjDvO90WoEZAuXaAYQDX/58JvP3tbzc6ui3xoDvbgOPTPyhqFWvmzJmmv7+tesU93HnnnerPf/5z6DwdmeEIxEklGhuMyUIihTFsiL/MG/OU9GCXVcoQDw0VSTZlj8BxlwvCfehHWspvUAnI1YmKICB60i2C2BZc06pVq6pOgCDXJPsRg0D9qR0L+oBiCxRRZeP0mcSrMMAklTJ4cDwgpm1bAqCb8ooVK0zxeLNFn73nKrl9cyBYXIRRAMnfbH2vZqCLA6WbUahkGOC4kGuPw/8sqkdzgU6HphFj8xoGyIIBDNGS+kshuy0BsF4WqsO3vvUta08HDIe+HMUsgPGLhynIsdauXav+9re/hZbOnBtVp54KxWe77babmjdvnup0iNYjM0DqDICO+qEPfcha94fgpXflAw88YPRoG+BtOu6448z7oEzAudG3uX4/M5AX/J62LQS/wqY9MKOxsjzp4zgTGoEgXRzF9XmCCH0YoEtlIAGOpU7peW+rApAvL70rYaLly5dX+wD5BQwQptU456XJLDOYrfsTZuEebrvtttAECTNh/NZTf4CMLbMseVYdHhgrK4q/VEa6vpH6YNv8iQd+3XXXmdRhSRy74YYb1O9//3sr1yhLgBItDZK3A9iHvH8Sz4KoMOvWrTOVWrazRy24ftSwUosV5gG2T7PeoB2CcklLrLJKGTwUmjHZqgBIejwn3odNEOmb3/ymee+XmNifzE3UhiAECCEFmb0APYKuvPLKasVYmFkAIxyvVitwDmYr3MAdjt1LetBTdQmgMjAls1KJDQHyO1r4ibQXIEVRiZ566ilfxCQeIQiiUa/8ZvuykXIQdKFusj6xXeR4QSD7EYOgEZgfcM+khndykpweg7LYAKkB4mXalqU6bcoGf/SjH9VdUO7RRx81LkUbaY4Ry4ITNhCJjQ0RVJ9mBmMWCAtcyDYSnWsnDhLVWmM5Rfo2gCz4ZiP52VB1yJup5/bk+9WrV5uuCn5tAY6DHYAk90vMEH+5XDbLtdZ+7uc+IHxslrASmOslAc9moQwRNswCEjHuQJRLbl5Eapg+fbpRf2wkP7bC9ddfb9bSqhc55T0rm1BW6DcuwD4QAvnzfo1hSdumfbm38a0fiAFPACys+xNmwobCCPd7DaL64XzAgO/E6LC+567U/GCS+oDv3MZ1KGrHj3/841HS3ZtDQwH89773PasHy3WQikFswM/Mgc1ClmUQ4pHCFxBW+sK46P9BINFwYeAOQ1cprTwgBhvfO4UjtqCrAysXNirnk8UiYBJ+6+fBitQnKowvvVXXCFE7pGOFLegWQbOuKIDqQ3ZrUDALTJs2zbzvJCZA+0llBpDpF/WH9GG/eqsQ+sDAgPHytAJSFlvARsXg+Bi1sspko4ASDEbPIr8Nr7zHF/XHzz20OpY4EcIQLtJ//vz5gd3AeUZqXiAIh5C8X33b+2Dwm/sB+5Akh57tF1wLZYTSza1eQhmg3Qk5N+jdfiH2CNfFPYQlNq4PI9w2haT2GGwY8vQh6jA1qCs1Bthrr72M/9wvxGagZPCOO+7wvQ+tAllnyyYoBlFjVNaD1BWjNnAPNkTMfsxG99xzj+nVKcerZ8f4vVZsEFlDLAykbLLDZoB0jGAG+eijjzbqj19ImgAqDQ1f/bo22SQ/yO/DRSUgV4Yqqkb7kFYshSZ+paYQ9w9/+EPjAg1LbASxpPosaBqHQJiJ2EAn5QilcqcQjaQO+IXo3TaLNsusgbsUqWsDmBNboJ4KRMalzezl3ZfKNVy4UYDcKbpORwVsAGaBqOoj8oDEGQDinzp1qlm90YYBUB1++ctfmrQBv2qC/AZpiy1gYwxznZIq4AXXDPMGUTu4Hhj4vvvuU2Eg94/LNipilRkEl2gj+6cdkTgD8OAgIAjMtniFbslBwIPE60KffJt9aleZlM+Dpg+wL9HrMIEvYWrKRnEh29gMfkBMoZH9045IlAF4UKgW4rbzo2uyDwSzZcuWKgPYRFwFjzzyiPr2t79ddUO2gkhAVALSNcRbAkPMmDHDunCHe2BlSFKfw4DzIvVJ25gyZUrkASypKMO71AmzABQ4pBICA0rAhS5ltkRM0AgiDvJAREKyDKiNMcy5kLKoBPI/0p+MyyBSl/iFXwO+GWDgY445JpbO0VwbAUrUqw7AUKIMIDkrQaqmSGsQQzjIDMAxiL6ig9t4OejvyTWLezRo+SQ9f/r7+yOp+cX+iGLVnHqQACCd86gfbvMZYCgRFUjUHdyKdCq2JQL65G/cuDF0wQj7wkgQow1wD5IfRL8i7kGO5RdSr8xi11EwACpYkHUHbM6BCtQJBTNkg1ZUQoCQcCHaEs+aNWvUc8891zD3p9X+sjF7XHvttaZwXmIErcC1Uq/MtaMbM3sFaXpF4f7QULjJVgQJnhq/0XPukaIhPGG2TgfsH9Q9cSe3G/Q9VUp6UBJRgTDc0Ftt1Rdy+jF+o5iKeYgc7wc/+IH53yZt+OSTTzb2QNAFL6Lo+CxFLKQs+IEQLiWiv/rVr6zHEFWLBlugXVeqYQZIhAFQfcixsXkIEA49f9avX2/+j0J94JhEYskS9QNRu97xjneYmtsg3p+77rqrGr8IA4gQtcRv5zzOR3UcDH/JJZdYqX5yn4sXLzaeu3acAdB+EGcVlQBoQGXjspPUB1KapbILhH0Q7E8DKlQhP8eSGcuv27b2XIB7iKI1ObOorDvg51qkcIiWkQgS6o9twDn23nvvdi6YqcTuBeJhIbHw/dvi6aefNoTqJZ6ovBKswWVrDNsCAiL4RuGLNxM0CDFx31TO4UK2Aa5fzk0J6bJly6qzkl/w+1NPPdUY3W3oERpCBdqsYoJkTpKvQj9KGwnKb/GaEDwSRPUAOA75QazgHie4fzJRH3744dARW/bFEG/W8c0LiB7vGdmzYgtQRIQqZjOOPAeyXlFfQTsxgR6jSklLg4qKCTLwQdqQE7BCSscBrgnpj14cdSpBLWzLMuuBsZPkPD+Qe2KtAe5TZh/ef/3rX7dOxSD+0dfXZ9Ik2gybY7UBeHBkLNKsyTasTtDKJo/fFhz35ptvNtHluJYOwgCNarVHlozya4RzPtzGqI9eYmdfDGJaMfqF2D+UXVJ33Gap0lUboKJigOT9S/DIBhiOGG9xLmUKcVx++eUqaogBT8sTWh6GURsgOFk1x2/5Jb8hc3bDhg0jPgPPPvusuvTSS0d85gfMAmeddVb1ebSBKgTdD0l36A0qBkjHZ9uuD0zVNL2Kc1E3jg0DcB6bLFG/IO8fdyvnCKv7I0AwgCUhz88+CBDUSC+himpEXAU3sO34dnd3m5kA5J0BhOZlfYCKigEYT/jPbcDAki8fNmfeLyiZJNIcJbgHYhes9hgFmEXp/OYXSHncn/WIFIZkLQXsA1vAfNgCrIGQ9xUn9diMYICNKkKI3iheCxsJKL3ykxxg9GJvrCEsuHbuwXbdsnogFcHGhcw94POn40Tt/YhXjmcDA9gsxi3PlGsJugpOlqCf0f8YQEuFyFUgcn6CpNSi96OWJAlyg6KS1oC8G1Z8iQIk4PntnCfqo3jPGjE0nzPDBvGyySzg1x2bYVT4U/L8E1lATLwGslCDn4cnyWkQImpJUpFHsQVoUxJ21pF7IHMVH3yYe2DMxIZC5fCr+zN21B20Ojb3zJJSzLg2dgr70kWbZyv/5xSD/JFRjdwTxIP44he/aFqYI5VaDbAMJDnzYReKsIGch27S0qY8KOQekKxRpGyg/kgCoV8Qd8Dz1Oz88t39999vDGIbFzXPhtRwkgODlLVmAfr+B+S9V6wMqIjAoEBMX/rSl0z3BFQhVAKphhJJ6X1I/I9ngqa2UvSSJIg4yyLVYYJjlG4SXwgLqZ6zKb6nVTy1z6DV+HkzRWEYm+tiozKOmuk8ZomKAQxKng8HVcRggMmBJxWYKCZ9N1mJhaosWRKoeiF6UPkdHgz3elTSoGYYIgpK/OwHoxNcCzsDkPiG4LAJPKF61S4Y0ggigGBWPEa210tkmrhAHgNj+t4H5H316rUeOKBigEhTdE2kLMlZ5JhT0sfi1pVKxeigqElRGY5BIDMQzBmGAVApghTuCEQd2WWXXUzhu9/zcv0yfs2ER+21MfasrxwkXoFHCEbIoR1Q3+upB/9uvTlJbHrqdLSUc7bffntHT/XOokWLHO3rdrR3wXyX1HXUbgcffLCjZyFHE5RjC233ONtuu23ocWEMtHR1tGvW13Vo4nWeeOIJZ7fddjP7y+b3nNrWcLTzwdFCyPELrovt3HPPTfV52W6aWe8eQfM1PDCgEoDon0gtVA6WCCVJy6ZjQ1zAC4UqYQORprW5N0HAcUg7IAffrwcNoPtjf9hKY+lWh/PBRp+X86DS5ql4Xl/ngPf/EQygCTIRHcTxFLcII8gyp2mDvHe/FVdeYLsEia7WAhUIW4kU8pLP3B8EB+ceE6B2V54BNcukiNuA87HErO3aamlC09pV3v9rZwCs48TapNSD4zipzQI8UBpf7bPPPlb7cb3ULpB7HxYci+o5aXnoR7KyTrK3Y7YwgrearfY48r28UjATtG0LqRpBV8lMGND2CGdPbThvSA/AgB4Q+/KtnEOMT2oXgrj2SKeIIn6Bj511x2zUHyQ37dppcU6Elrwh3tPTiI1AmrwntkCnO77nlfPxPZ8H7TOKOxTHxsUXX5y6CtsMjsf/Lxg1wvrh9+ofrlQdBogenzvERBqHTaifvBtmDnF/BiECIXb860SlZcE7P5DSTm/LFu91eJmptjRT6rTl/1KAdogck8J/qsb8BD3Tgr7OXv0yIv9jlBNX6+HoSKmqQWmBgvNx48YZorB5iKQekGEZFhDfvHnzqt3Z/AJmYfOuVMmxZP2CkmclTfmMcyDx5Tv5fRBjln2wWagdtr32hDHKxq0XxUANiqU+IMvg4ePXDiK9pMNEGMkH0dCTUxary7IqUQ8wkCwakkXo8awr2EsNfnyO6jBQ7CFdn20S+Ej5oJ4gbE4MBI/6gxcqb0uWynjtu+++1YVPbMYxCbgMMAqN4tipe4OSBg8OY9AWpBHgAg3LAKgwQdcdyApgYlyiQcYxTujrqqga3V/QiAEg/n7VAUBC0e1Amj/Zdn6j8CUKKUfev23nvKyB8aBtI4xcylCOUG3wy4uGV5lUUCwLQP2h56at8UvuEN6PKIABjisy74CBTzrpJONizQoza1q+qNF3zdh0oJ7ftN3AQ5LKNZsZwHG7PlD95f0siPGK3x4/epakZhCU3FRpZjMpm0zbDnAdOg2dOqUWO9vXzOUMhPLJuhT3oF84bipxWEjLw3ZZjIJ7gKFPPPFElQXo53Rhs+9biZy2jwmQdkDbRr+Q3CVWn5finTBAYtI8IEsek7BgTA4//HA1ffr0VN2izYxfQSsGgPgvVG0IITjb9YplX/J+gmRf1oLEuyOPPLJtiB/A1KRaEBhLM7dLn7e/1W9aKp2uAdFWs4AQ2/jx403bxiChf9Qfb6pBUED85NL4JRKZgeS995pqs2zlt45b+MImmbfe49V7L/9LirotEUtbHDJbU5wFWqrwfhJeZBZYqtoEkvMC8dkmgEnejDfzMwhxyHEoepfP/IJ+PuTckMcPMdPTSP7n9YUXXjCf8T/veaXugleyPuU79pVj0UsUYuf33mMxQ1122WWmQs3vNcrvGGM8QmeeeWYaqe79KsJGD136Zp7JWnVPmG3HHXd07rzzTscWVF89+eSTjjaeQ52fariJEyc62otkjukHVGBRrXbooYc648aNc7Sa4egYhqMDT2ajGo3j6qBatbKOV+/mt3qL40jV3pIlSwJVyAHNcM7kyZMTrxrTNFv2Q9h+/W5tZwtMnTrVhO5tgXRjhRkW7wgDVBHp+WOzD9VzJN/RbIDGArhhkeiySccNUX287x0LVcZr3MsihbZw3NYuVI0lnN7Rr3xKf9+O53awBbwPgLV/g/rd6XUUZkqXoncIw9b7QwF7refJS9iNiNypSY1utXmP9eCDD5qYhw0Dee91zpw5xs5JCnp8fOey2VBA7mcBxw104aE45JBDAheASCeLMIAoYALghwG4dvoqyZoJjo/GV/U+t9mAzCA0+7K9Z2EmslxtG3wFhb7WpcpC97cSgXmfBcTwxPtDy3FbaSbHoAQxyOwhDEgVFsahLfA8ce4kIWPGucO0jCEwJgt8xMUIjg+/fy1sn+KQzfSSNcjDo+IryILXAvT/IIQgRSdIQ1rH28xASGEK1/HUJAmZDbAv6CUaNPDHYuPz589XcUJf51Jl6fkJQgEXOjkumEH6hEnXhRjCdI+DED73uc9VJatfoIeTel1KKV+I673ppptMP9Eg4LpPOeUUM/vFMQMEkf7mulQA6JMtUjlGWAPWNtNRSg55JToKE8jnrQCT4I8n7RqfvdejkzSYBcQIt52JmPkoN6XgP45r18fsUwEQVJwMqJzWCzD40n806P62K6eL7k+WJJ4f230htlWrVqVC9F5A+N/4xjfUvffeazUTeRl90aJFJgGxntcpBPpVnXpfPwg8n+rBYBbIpUGMH5+IZ1CCsl3zmAdMS5Jzzz3XeKBsUwNY1dFmZcc4ILMOcQeYMWjxPO7QKHOfUH3C2KVhFMrcGsQwgHcBbhtABLRAsVkzF2a54IILTLWU7YNnX3r+Z6kP/+rVqwN7o7iPhQsXGkEQBRMEMXy9CGtRYRAPqJyBCCrGXBCiEilGG5BW07e0IWGJU4pu8Pr4nfIliguzYvymyQBOTXId6x/feOONI1paSrxAfs9nqG7kFGG7oHYSx2AJLAr/qYGIAP0qgOHrReiFnvTNzhsz3HG3S+UIEBUt2oOA3jcs/kEqA02xGhnVFLqfdtppxuuD4Sy2gB+IesZ1ov6krf8LxHt13nnnqXvuuceokggUPGOkS2CwS+IdRjPv+Q2vMAifwxhszG5BHRKoPk6GupfMTjLRKYqtu7vbJJbZQtqC6wfo6OCQo2eDauKYJI+RdEay2rJlyxz9wAMlkpEgxzmOOuqo1FvGezdv+3W579qEO/ldvf3ke29yXpB70zQ3V0WAyByy+qL+T78EckWlAdSR5cuXG69MEIg6gHRDEm7atMl4R5B0EyZMUMcee6xJAQiq53J8VA0WowsTd4gb3lktjE5vc3963EnJicQVH2VEogtVSG9llQMw/e63336mq3NQV5xX5/UmkIGwLj6Os3LlSrVgwYLq/1mEjVoX0flQfSariDyQUYYVaak4Q+XINcpCGLIwXhCU3C4IklZRqtOPMygoXKmX+Zk1JEz8kdNY1HH1ihsfyDR4aEJYspRrFK3No4B4W1jsbv369blvlRIlnOFob0VFiDhGt99NSc0sHE/uPLr74sWLjcTNgrQV24LFBNH9k5SwWYZLU6FcnvUQV7XyoN669cOboDIOCIwZgF42tYGqNIgP4sdfzhKkkrKRVf0/KTjDjW1PUTEgznL9G/Q2RxNRpuMDonJQakiYny4REGFYHT7M9bBABjOAk1LSW5bgGr2H67dbVQyIkwG4YBKUZmedCQBEj86NAUuUN63elkj/z3zmM4FTNdoJLvFj9D6uYkLcDVuw1tdqQurVr9nqme2BEDpRycHBQePXp7clIfuk3HwwIFFU7BGiv50OD/FXVIxIwsWAZyg37lEIkdI/AlkUgic5C3A+Es1si2XaDa6782gVM/GDpFp2Pa5v6Ab9YOeoDM8EXpDtCDFSiUXxOjXEUUQ8ayF5MZyrr6/PtDsp9H7nQNWko3OUSLJnHUzwxJicLMFachepZgmkq6++2tQB08GZeuIoC7tRe+i7Q7kgyWRZD3zFDXclxxtUQkjDydyriWulyglEHZEIL12PKeubOXOmyfUB9ewE7/9OTd8eAUuykim6bt06w3AQf21KRafAVXsIdEXu62+GtKIs3fqB36JykkLtlfiS5sCKMgcddJDpL0QD2F133dUk2Em1Vz0GQNXBy4ORTZ8disxJp3ac0V3bOokBPCkOiTdbSDPMSKBsTV6S57yQWUHUJAifnjflctm0WyQbFLsBdYlg1mOPPWZcrBThEHSDCfA41c4anaj7p0n8IO04e1kTwS15ZAIvhHCFIbxqkxR9iG7fqSpOPSTl6myGLCSatAUT1MLbAr0eCk9P+sQPspBqaPK7nQYLGecVktQm7wv8DzxrN6e/olJGVta1J21itas+9Kg2RKH6DMPN6iSxLZbcHltkhQEEg5pANrtMkIuAWQF/cI3dk/Xbi1SGkNVk87a0CzoVWdH36yGr5UZS99mWK1R2Eihgz4q+Xw9ZU4G82Er+ECqRGo4Z5KrvUKfDVXmOV8MqTyb0/XrIMgMICJCsdRmgWxXIPDThD7hFLLerjCMPDACQJmuL2SDbcKX+WWrYy5OL9Pe8MICgmA2yi35X6g+qHCHPLQdmaUa4sPAUpQtN9BvcLM5cEb4gz01nUInGay/DPGd4eZwCCQJ1R499n+vhySXxg7ypQPVg1CIeSLtGkbMEV88/X7/Fw5NbwhfkWQWqh3KpVFqiX3tVgUjhEj5xmdwvmO5FuzGAoGCEiNCuhC9oVwYQlPU2l7YshbFsh3YnfEG7M4AXMMHpeivcp03gBrH61XBTs7YlfEEnMYCAeuTT9UPuKWaFYbgOBJoaU5ORe8PWBp3IAF4wK8zKS6uWKAHR6xd8+Ev160bVAdK+HjqdAQRElulhOku/9rRrqoVL9ANu9V1HqDitUDBAfUzXatJsV03Ktc1ApFbfw4Cr3nSspG+EggFao6y3SZohejQxdWc52OZK+IpL8ANqWJ8vCL4JCgYIhul6G6+ZYhJMoVLIUHXTP5DuNB8mGo5057OC4C1QMEB0gAHKettdDQfizP+aUMvu9/La1YhZXAkuBFzhvf6tkeqayIfczzargtAjw/8DHptEfFdz9TsAAAAASUVORK5CYII=);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;

    z-index: 1;
  }

  .titulo1 {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 45px;
    top: 90px;
    left: 10px;

    color: #191b1f;
    font-size: 45px;
    font-weight: 700;
    text-align: left;

    z-index: 1;
  }

  .titulo2 {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 23px;
    top: 133px;
    left: 10px;

    color: #191b1f;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 3px;

    z-index: 1;
  }

  .titulo3 {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 23px;
    top: 379px;
    left: 50%;
    transform: translateX(-50%);

    color: #fffffb;
    font-size: 10px;
    font-weight: 100;
    text-align: center;

    z-index: 1;
  }

  .cuadroRojo {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 200px;
    top: 168px;
    left: 10px;

    border-radius: 20px 20px 0px 0px;

    background-color: #ff4f2d;

    z-index: 1;
  }
  
  .contenedorFormulario{
      position:absolute;
      width:90%;
      height:130px;
      top:30px;
      left:50%;
      transform: translateX(-50%);
      
      
      z-index:1;
  }
  
  .lblCorreo{
      position:absolute;
      top:0px;
      left:0px;
      
      font-size:12px;
      color:#fff;
      
  }
  
  .txtCorreo{
      all: unset;
      box-sizing: border-box;
      position:absolute;
      width:100%;
      height:20px;
      top:20px;
      left:0px;
      
      border-radius:10px;
      
      padding-left:10px;
      
      background-color:#fff;
      
      color:#191b1f;
  }
  
  .lblPassword{
      position:absolute;
      top:50px;
      left:0px;
      
      font-size:12px;
      color:#fff;
  }
  
  .txtPassword{
      all: unset;
      box-sizing: border-box;
      position:absolute;
      width:100%;
      height:20px;
      top:70px;
      left:0px;
      
      border-radius:10px;
      
      padding-left:10px;
      
      background-color:#fff;
      
      color:#191b1f;
  }
  
  .btnIniciar{
      all: unset;
      box-sizing: border-box;
      position:absolute;
      width:120px;
      bottom:0px;
      right:0px;
      
      padding:5px;
      border-radius:10px;
      
      background-color:#ffb703;
      
      font-size:12px;
      color:#191b1f;
      text-align:center;
      
      cursor:pointer;
  }
  
  .btnRegistrar{
      all: unset;
      box-sizing: border-box;
      position:absolute;
      width:120px;
      top: 10px;
      right:10px;
      border-radius:10px;
      padding:3px;
      
      color:#191b1f;
      font-size:12px;
      text-align:center;
      
      background-color:#e5e5e5;
      
      cursor:pointer;
  }
  

  .pestanaRojo {
    position: absolute;
    width: 100px;
    height: 30px;
    top: 158px;
    right: 10px;

    border-radius: 20px 20px 0px 0px;

    background-color: #ff4f2d;

    z-index: 1;
  }

  .tituloFinalizados {
    position: absolute;
    width: 80px;
    height: 20px;
    top: 165px;
    right: 20px;
    padding-top: 3px;

    border-radius: 10px 10px 10px 10px;

    background-color: #191b1f;

    color: #fff;
    font-size: 12px;
    text-align: center;

    z-index: 1;
  }

  .cuadroNegro {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 340px;
    top: 349px;
    left: 10px;

    border-radius: 20px 20px 20px 20px;

    background-color: #191b1f;

    z-index: 1;
  }

  .bottomRojo {
    position: absolute;
    width: 100px;
    height: 20px;
    top: 339px;
    left: 50%;
    transform: translateX(-50%);

    border-radius: 0px 0px 20px 20px;

    background-color: #ff4f2d;

    z-index: 1;
  }

  .contenedorPublicidad {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 150px;
    top: 709px;
    left: 50%;
    transform: translateX(-50%);

    border-radius: 20px 20px 20px 20px;

    background-color: #ff4f2d;

    overflow: hidden;

    z-index: 1;
  }

  .slider {
    display: flex;
    width: 400%;
    height: 100%;

    animation: cambiarImagen 24s infinite;
  }

  .slider img {
    width: 25%;
    height: 100%;
    object-fit: cover;
    flex-shrink: 0;
  }

  @keyframes cambiarImagen {
    /* Imagen 1 */
    0%,
    20% {
      transform: translateX(0);
    }

    /* Imagen 2 */
    25%,
    45% {
      transform: translateX(-25%);
    }

    /* Imagen 3 */
    50%,
    70% {
      transform: translateX(-50%);
    }

    /* Imagen 4 */
    75%,
    95% {
      transform: translateX(-75%);
    }

    /* Regresa al inicio */
    100% {
      transform: translateX(0);
    }
  }

  .contenedorPartidos {
    position: absolute;
    width: calc(100dvw - 40px);
    height: 268px;
    top: 406px;
    left: 50%;
    transform: translateX(-50%);

    border-radius: 20px 20px 20px 20px;

    padding-bottom: 10px;

    /* Scroll horizontal */
    overflow-x: auto;
    overflow-y: hidden;

    /* Los .seccion se acomodan horizontalmente */
    display: flex;

    /* Separación entre secciones */
    gap: 10px;

    scrollbar-width: thin;
    scrollbar-color: gray transparent;

    z-index: 1;
  }

  .seccion {
    /* Evita que las secciones se reduzcan */
    position: relative;
    flex: 0 0 auto;

    width: 150px;
    height: 100%;

    background-color: #fff;
    border-radius: 20px;

    overflow: hidden;
  }

  .escudoL {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 25px;
    bottom: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 1;
  }

  .escudoV {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 25px;
    bottom: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 1;
  }

  .escudoL img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .escudoV img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .equipoL {
    position: absolute;
    width: 60px;
    height: 25px;
    left: 10px;
    bottom: 20px;

    font-size: 9px;
    text-align: center;
    overflow-wrap: break-word;

    z-index: 1;
  }

  .equipoV {
    position: absolute;
    width: 60px;
    height: 25px;
    right: 10px;
    bottom: 20px;

    font-size: 9px;
    text-align: center;
    overflow-wrap: break-word;

    z-index: 1;
  }

  .vs {
    position: absolute;
    width: 50px;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);

    font-size: 10px;
    text-align: center;
  }

  .fecha {
    position: absolute;
    width: calc(100% - 15px);
    height: 25px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);

    color: #191b1f;
    font-size: 16px;
    text-align: left;
    overflow-wrap: break-word;
    font-weight: 700;

    z-index: 1;
  }

  .hora {
    position: absolute;
    width: calc(100% - 15px);
    height: 25px;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);

    color: #ff4f2d;
    font-size: 25px;
    text-align: left;
    overflow-wrap: break-word;
    font-weight: 700;

    z-index: 1;
  }

  .margenInferior {
    position: absolute;
    width: calc(100dvw - 20px);
    height: 10px;
    top: 750px;
    left: 10px;

    border-radius: 20px 20px 20px 20px;

    z-index: 1;
  }
}

/* ---------------------------------------- Visual para PC ---------------------------------------- */

@media (min-width: 501px) {
}