:root {
   --headerBack: #eee;
   --headerBack2: #1c2852;
   --headerText: #447;
   --headerText2: #fff;
   --bodyBack: #fafafa;
   --bodyText: #334;
   --cD: #A0AFAF;
   --cC: #FCFEFF;
   --cL: #4e7c69;
   --radius: .3rem;
}

* {
   box-sizing: border-box;
}

html {
   font-size: 17px;
   line-height: 1.14;
   -webkit-text-size-adjust: 100%;
   font-weight: bold;
}

@media screen and (min-width: 1350px) {
   html {
      font-size: 14px;
      font-weight: normal;
   }
}

body {
   font-family: 'system-ui', 'Arial Narrow', Arial, sans-serif, sans-serif;
   background: var(--bodyBack);
   margin: 0;
   padding: 0;
   color: var(--bodyText);
   background-color: #ddd;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(190%2c 200%2c 207%2c 0.77)'%3e%3c/rect%3e%3cpath d='M0%2c889.944C175.515%2c887.984%2c355.767%2c878.172%2c505.427%2c786.46C656.698%2c693.761%2c758.252%2c541.323%2c832.12%2c380.017C906.044%2c218.588%2c972.662%2c38.244%2c926.586%2c-133.223C881.9%2c-299.517%2c705.275%2c-383.282%2c592.129%2c-513.083C479.415%2c-642.389%2c425.202%2c-839.758%2c262.735%2c-894.795C99.721%2c-950.018%2c-87.178%2c-884.408%2c-232.699%2c-792.501C-361.988%2c-710.846%2c-389.001%2c-539.358%2c-486.53%2c-421.581C-580.927%2c-307.587%2c-748.365%2c-254.885%2c-794.377%2c-114.214C-842.341%2c32.427%2c-779.6%2c187.825%2c-734.077%2c335.242C-682.598%2c501.948%2c-651.935%2c692.646%2c-512.735%2c797.832C-371.329%2c904.685%2c-177.227%2c891.923%2c0%2c889.944' fill='rgba(144%2c 161%2c 173%2c 0.77)'%3e%3c/path%3e%3cpath d='M1920 1737.2730000000001C2045.091 1734.228 2165.547 1693.513 2270.201 1624.923 2374.2200000000003 1556.749 2442.135 1453.458 2511.025 1349.912 2592.24 1227.841 2686.7290000000003 1111.731 2708.136 966.683 2733.846 792.485 2749.38 593.794 2643.37 453.196 2536.572 311.553 2341.438 262.977 2164.846 246.13199999999995 2005.632 230.94399999999996 1862.651 317.048 1709.805 364.14200000000005 1559.3600000000001 410.496 1391.033 414.87199999999996 1274.321 520.516 1151.509 631.682 1065.4850000000001 790.4100000000001 1056.163 955.799 1047.1109999999999 1116.395 1129.882 1267.653 1224.894 1397.444 1308.078 1511.077 1432.153 1580.391 1558.6689999999999 1642.243 1672.866 1698.0729999999999 1792.924 1740.366 1920 1737.2730000000001' fill='rgba(236%2c 239%2c 241%2c 0.77)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
   background-size: cover;
}

a {
   font-size: 1rem;
   display: inline;
   text-decoration: none;
   color: var(--cD);
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Courier New", Courier, monospace;
   font-weight: bolder;
   margin: 1.5rem .5rem;
}

h1 {
   font-size: 1.7rem;
}

h2 {
   font-size: 1.5rem;
}

h3 {
   font-size: 1.3rem;
}

h4 {
   font-size: 1rem;
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible;
   width: 98%;
   color: var(--cC);
}

code,
pre {
   font-family: monospace, monospace;
   font-size: 1em;
   background-color: #e8e8e8;
   border: 1px solid #ddd;
   padding: 10px;
   border-radius: 4px;
   overflow: auto;
   white-space: pre-wrap; /* Asegura que el texto se ajuste al contenedor */
   word-break: break-all; /* Evita desbordamientos de palabras largas */
}

sub,
sup {
   font-size: 72%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
   color: var(--cL);
}

small {
   font-size: 80%;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

button,
input,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
   border: 1px solid #B0B0C0;
   padding: .6rem;
   border-radius: 7px;
}