Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live

Ocultar espacios en blanco

Ocultar sin cambios

Sin ajuste de línea

Vista

Nivel de detalle

Estilos de texto

Resaltado de sintaxis

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

Untitled diff

Creado hace 8 añosEl diff nunca expira

61 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

179 líneas

224 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

333 líneas

*::before,

*::after {

box-sizing: border-box; /* 1 */

}

html {

line-height: 1.15; /* 1 */

font-family: sans-serif; /* 2 */

-webkit-text-size-adjust: 100%; /* 2 */

line-height: 1.15; /* 3 */

-webkit-text-size-adjust: 100%; /* 4 */

-ms-text-size-adjust: 100%; /* 4 */

-ms-overflow-style: scrollbar; /* 5 */

-webkit-tap-highlight-color: transparent; /* 6 */

}

body {

@-ms-viewport {

margin: 0;

width: device-width;

}

main {

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {

display: block;

}

h1 {

body {

font-size: 2em;

margin: 0; /* 1 */

margin: 0.67em 0;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

font-size: 1rem;

font-weight: normal;

line-height: 1.5;

color: #212529;

text-align: left; /* 3 */

background-color: #fff; /* 2 */

}

[tabindex="-1"]:focus {

outline: none !important;

}

hr {

box-sizing: content-box; /* 1 */

height: 0; /* 1 */

overflow: visible; /* 2 */

}

pre {

h1, h2, h3, h4, h5, h6 {

font-family: monospace, monospace; /* 1 */

margin-top: 0;

font-size: 1em; /* 2 */

margin-bottom: .5rem;

}

a {

p {

background-color: transparent;

margin-top: 0;

margin-bottom: 1rem;

}

abbr[title] {

abbr[title],

border-bottom: none; /* 1 */

abbr[data-original-title] { /* 4 */

text-decoration: underline; /* 2 */

text-decoration: underline dotted; /* 2 */

-webkit-text-decoration: underline dotted; /* 2 */

text-decoration: underline dotted; /* 2 */

cursor: help; /* 3 */

border-bottom: 0; /* 1 */

}

address {

margin-bottom: 1rem;

font-style: normal;

line-height: inherit;

}

ol,

ul,

dl {

margin-top: 0;

margin-bottom: 1rem;

}

ol ol,

ul ul,

ol ul,

ul ol {

margin-bottom: 0;

}

dt {

font-weight: bold;

}

dd {

margin-bottom: .5rem;

margin-left: 0;

}

blockquote {

margin: 0 0 1rem;

}

dfn {

font-style: italic;

}

strong {

font-weight: bolder;

}

Text moved to lines 151-157

code,

kbd,

samp {

font-family: monospace, monospace; /* 1 */

font-size: 1em; /* 2 */

}

small {

font-size: 80%;

}

sub,

sup {

position: relative;

font-size: 75%;

line-height: 0;

position: relative;

vertical-align: baseline;

}

sub {

bottom: -0.25em;

bottom: -.25em;

}

sup {

top: -0.5em;

top: -.5em;

}

a {

color: #007bff;

text-decoration: none;

background-color: transparent;

-webkit-text-decoration-skip: objects;

}

a:hover {

color: #0056b3;

text-decoration: underline;

}

a:not([href]):not([tabindex]) {

color: inherit;

text-decoration: none;

}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {

color: inherit;

text-decoration: none;

}

a:not([href]):not([tabindex]):focus {

outline: 0;

}

pre,

Text moved from lines 45-51

code,

kbd,

samp {

font-family: monospace, monospace;

font-size: 1em;

}

pre {

margin-top: 0;

margin-bottom: 1rem;

overflow: auto;

-ms-overflow-style: scrollbar;

}

figure {

margin: 0 0 1rem;

}

img {

vertical-align: middle;

border-style: none;

}

svg:not(:root) {

overflow: hidden; /* Hide the overflow in IE */

}

area,

button,

[role="button"],

input:not([type=range]),

label,

select,

summary,

textarea {

-ms-touch-action: manipulation;

touch-action: manipulation;

}

table {

border-collapse: collapse; /* Prevent double borders */

}

caption {

padding-top: 0.75rem;

padding-bottom: 0.75rem;

color: #868e96;

text-align: left;

caption-side: bottom;

}

th {

text-align: inherit;

}

label {

/* Allow labels to use `margin` for spacing. */

display: inline-block;

margin-bottom: .5rem;

}

button {

border-radius: 0;

}

button:focus {

outline: 1px dotted;

outline: 5px auto -webkit-focus-ring-color;

}

input,

button,

select,

optgroup,

select,

textarea {

font-family: inherit; /* 1 */

margin: 0; /* Remove the margin in Firefox and Safari */

font-size: 100%; /* 1 */

font-family: inherit;

line-height: 1.15; /* 1 */

font-size: inherit;

margin: 0; /* 2 */

line-height: inherit;

}

button,

input { /* 1 */

input {

overflow: visible;

overflow: visible; /* Show the overflow in Edge */

}

button,

select { /* 1 */

select {

text-transform: none;

text-transform: none; /* Remove the inheritance of text transform in Firefox */

}

button,

[type="button"],

html [type="button"],

[type="reset"],

[type="submit"] {

-webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

padding: 0;

border-style: none;

padding: 0;

}

button:-moz-focusring,

input[type="radio"],

[type="button"]:-moz-focusring,

input[type="checkbox"] {

[type="reset"]:-moz-focusring,

box-sizing: border-box; /* 1. Add the correct box sizing in IE 10- */

[type="submit"]:-moz-focusring {

padding: 0; /* 2. Remove the padding in IE 10- */

outline: 1px dotted ButtonText;

}

input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

-webkit-appearance: listbox;

}

textarea {

overflow: auto;

resize: vertical;

}

fieldset {

padding: 0.35em 0.75em 0.625em;

min-width: 0;

padding: 0;

margin: 0;

border: 0;

}

legend {

box-sizing: border-box; /* 1 */

display: block;

color: inherit; /* 2 */

width: 100%;

display: table; /* 1 */

max-width: 100%; /* 1 */

padding: 0; /* 3 */

padding: 0;

margin-bottom: .5rem;

font-size: 1.5rem;

line-height: inherit;

color: inherit; /* 2 */

white-space: normal; /* 1 */

}

progress {

vertical-align: baseline;

}

textarea {

overflow: auto;

}

[type="checkbox"],

[type="radio"] {

box-sizing: border-box; /* 1 */

padding: 0; /* 2 */

}

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

height: auto;

}

[type="search"] {

-webkit-appearance: textfield; /* 1 */

outline-offset: -2px;

outline-offset: -2px; /* 2 */

-webkit-appearance: none;

}

[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

-webkit-appearance: none;

}

::-webkit-file-upload-button {

-webkit-appearance: button; /* 1 */

font: inherit;

font: inherit; /* 2 */

-webkit-appearance: button;

}

details {

output {

display: block;

display: inline-block;

}

summary {

display: list-item;

}

template {

display: none;

}

[hidden] {

display: none;

display: none !important;

}

Diferencias guardadas

Texto original

Abrir archivo

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

a {
  background-color: transparent;
}

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: 1em; /* 2 */
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 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;
}

Texto modificado

Abrir archivo

*,
*::before,
*::after {
  box-sizing: border-box; /* 1 */
}
html {
  font-family: sans-serif; /* 2 */
  line-height: 1.15; /* 3 */
  -webkit-text-size-adjust: 100%; /* 4 */
  -ms-text-size-adjust: 100%; /* 4 */
  -ms-overflow-style: scrollbar; /* 5 */
  -webkit-tap-highlight-color: transparent; /* 6 */
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0; /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #212529;
  text-align: left; /* 3 */
  background-color: #fff; /* 2 */
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] { /* 4 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted; /* 2 */
          text-decoration: underline dotted; /* 2 */
  cursor: help; /* 3 */
  border-bottom: 0; /* 1 */
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem; 
  overflow: auto;   
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden; /* Hide the overflow in IE */
}

a,
area,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

table {
  border-collapse: collapse; /* Prevent double borders */
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  /* Allow labels to use `margin` for spacing. */
  display: inline-block;
  margin-bottom: .5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0; /* Remove the margin in Firefox and Safari */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible; /* Show the overflow in Edge */
}

button,
select {
  text-transform: none; /* Remove the inheritance of text transform in Firefox */
}

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

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

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box; /* 1. Add the correct box sizing in IE 10- */
  padding: 0; /* 2. Remove the padding in IE 10- */
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%; /* 1 */
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

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

[type="search"] {    
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}