/*
   Inicializacion
*/
* {
   font-family: var(--fontFamily);
   box-sizing: border-box; /*tamanos de caja incluyendo padding y margin*/
   /*Para inhibir la depuracion toca comentar las referencias
   porque si no se generan comportamientos extranos en algunos navegadores
   */
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}

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

html {
   font-size: var(--tamanoBaseLetra);
   scroll-behavior: smooth;
   min-height: 100vh;
   max-height: 100vh;
   height: 100vh;
   scroll-behavior: smooth;
}

#root, #__next {
   isolation: isolate;
}

body {
   /*font-size: var(--tamanoBaseLetra);*/
   min-height: 100%;
   max-height: 100%;
   height: 100%;
   width: 100%;
   background-color: var(--colorParaFondoPagina0);
   display: -webkit-box; /*old prefixed for webkit*/
   display: -moz-box; /*old prefixed for mozilla*/
   display: -ms-flexbox; /*inbetween prefixed for ie*/
   display: -webkit-flex; /*new prefixed for webkit*/
   align-content: center;
   justify-content: center;
   hyphens: auto;
   line-height: 1.3rem;
}

form {
   min-height: 100%;
   max-height: 100%;
   height: 100%;
   width: 100%;
}

img, picture, video, iframe, figure {
   object-fit: contain;
   object-position: center center;
   max-width: 100%;
}

img {
   border-style: none;
}

a {
   text-decoration: none;
   background-color: transparent;
   color: inherit;
   font-size: inherit;
}

li {
   list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {
   font-size: inherit;
   font-weight: inherit;
   font-style: inherit;
   text-decoration: none;
   background-color: inherit;
   color: inherit;
   overflow-wrap: break-word;
}

   blockquote:before, blockquote:after, q:before, q:after {
      content: "";
      content: none;
   }

::-moz-selection {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
}

::selection {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
}

form, input, textarea, select, button, label {
   font-family: var(--fontFamily);
   font-size: inherit;
   hyphens: auto;
   background-color: transparent;
   color: inherit;
   display: block;
   overflow: auto;
}

   input[type="checkbox"],
   input[type="checkbox"] + label {
      display: inline;
      line-height: normal;
   }

button,
select { 
   text-transform: none;
}

table, tr, td {
   border-collapse: collapse;
   border-spacing: 0;
}

svg {
   width: 100%;
   display: block;
   fill: currentColor;
}


hr {
 height: 0; /* 1 */
   overflow: visible; /* 2 */
}


pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1rem; /* 2 */
}

abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   text-decoration: underline dotted; /* 2 */
}

b,
strong {
   font-weight: bolder;
}

code,
kbd,
samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1rem; /* 2 */
}

small {
   font-size: 80%;
}

sub,
sup {
   font-size: .75rem;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25rem;
}

sup {
   top: -0.5rem;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

   /**
 * Remove the inner border and padding in Firefox.
 */

   button::-moz-focus-inner,
   [type="button"]::-moz-focus-inner,
   [type="reset"]::-moz-focus-inner,
   [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
   }

   /**
 * Restore the focus styles unset by the previous rule.
 */

   button:-moz-focusring,
   [type="button"]:-moz-focusring,
   [type="reset"]:-moz-focusring,
   [type="submit"]:-moz-focusring {
      outline: .01rem solid ButtonText;
   }

/**
 * Correct the padding in Firefox.
 */

fieldset {
   padding: 0;
}

legend {
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   padding: 0; /* 3 */
   white-space: normal; /* 1 */
}

progress {
   vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

[type="search"] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -.02rem; /* 2 */
}

   [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
   }

::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
}

details {
   display: block;
}

summary {
   display: list-item;
}

template {
   display: none;
}

[hidden] {
   display: none;
}