@charset "UTF-8";
/* Variables */
/* WIDTH */
.width,
.width-especial,
.width-especial-max {
  margin: 0;
}

.pseudo-full {
  margin-left: var(--grid-offset-justify);
  margin-right: var(--grid-offset-justify);
}

@media (min-width: 668px) {
  .pseudo-full {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .width {
    margin: 0 2rem;
  }
}
@media (min-width: 1001px) {
  .width {
    margin: 0;
  }
}
@media (min-width: 1199px) {
  .width {
    margin: 0 0 0 var(--grid-8-1-column-content-gap);
  }
}

@media (min-width: 1001px) {
  .width-especial {
    margin: 0 var(--grid-10-2-column-content);
  }
}

/* NO INCLUIDA EN EL CSS GENERAL */
/* MARCIN LIGHT */
@font-face {
  font-family: MarcinAntB;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-light-webfont.woff2") format("woff2"), url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-light-webfont.woff") format("woff");
}
/* G-BIG Anchura máxima en ARC */
@media (min-width: 990px) {
  .g-big {
    margin-right: calc(var(--grid-12-1-column-content-gap) * -1 + var(--grid-column-gap) / 2 * -1);
    margin-left: calc(var(--grid-12-1-column-content-gap) * -1 + var(--grid-column-gap) / 2 * -1);
  }
}

/* Paddings */
.padding-1 {
  padding: 0 1rem;
}

/* Max-width */
.max-width-720 {
  max-width: 720px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-1000 {
  max-width: 1000px;
}

/* Border line */
.border-1-solid {
  border: 1px solid #b3b3b3;
  padding: 0.5rem;
}

.border-1-dashed {
  border: 1px dashed #b3b3b3;
  padding: 0.5rem;
}

.border-1-dotted {
  border: 1px dotted #b3b3b3;
  padding: 0.5rem;
}

.border-2-solid {
  border: 3px solid #b3b3b3;
  padding: 0.5rem;
}

.border-2-dashed {
  border: 3px dashed #b3b3b3;
  padding: 0.5rem;
}

.border-2-dotted {
  border: 3px dotted #b3b3b3;
  padding: 0.5rem;
}

.border-3-solid {
  border: 5px solid #b3b3b3;
  padding: 0.5rem;
}

.border-3-dashed {
  border: 5px dashed #b3b3b3;
  padding: 0.5rem;
}

.border-3-dotted {
  border: 5px dotted #b3b3b3;
  padding: 0.5rem;
}

.border-4-solid {
  border: 10px solid #b3b3b3;
  padding: 0.5rem;
}

.border-4-dashed {
  border: 10px dashed #b3b3b3;
  padding: 0.5rem;
}

.border-4-dotted {
  border: 10px dotted #b3b3b3;
  padding: 0.5rem;
}

/* Border radius */
.radius-1 {
  border-radius: 5px;
}

.radius-2 {
  border-radius: 10px;
}

.radius-3 {
  border-radius: 20px;
}

.radius-4 {
  border-radius: 40px;
}

/* Border padding */
.border-pd-1 {
  padding: 0.5rem;
}

.border-pd-2 {
  padding: 1rem;
}

.border-pd-3 {
  padding: 2rem;
}

/* Colors */
.color-grey-1 {
  border-color: #ffffff;
}

.bg-color-grey-1 {
  background-color: #ffffff;
}

.color-grey-2 {
  border-color: #e2e2e2;
}

.bg-color-grey-2 {
  background-color: #e2e2e2;
}

.color-grey-3 {
  border-color: #b5b5b5;
}

.bg-color-grey-3 {
  background-color: #b5b5b5;
}

.color-grey-4 {
  border-color: #797979;
}

.bg-color-grey-4 {
  background-color: #797979;
}

.color-grey-5 {
  border-color: #3f3f3f;
}

.bg-color-grey-5 {
  background-color: #3f3f3f;
}

.color-blue-1 {
  border-color: #f7fbff;
}

.bg-color-blue-1 {
  background-color: #f7fbff;
}

.color-blue-2 {
  border-color: #cfe1f2;
}

.bg-color-blue-2 {
  background-color: #cfe1f2;
}

.color-blue-3 {
  border-color: #93c4de;
}

.bg-color-blue-3 {
  background-color: #93c4de;
}

.color-blue-4 {
  border-color: #4a97c9;
}

.bg-color-blue-4 {
  background-color: #4a97c9;
}

.color-blue-5 {
  border-color: #1664ab;
}

.bg-color-blue-5 {
  background-color: #1664ab;
}

.color-red-1 {
  border-color: #fff5f0;
}

.bg-color-red-1 {
  background-color: #fff5f0;
}

.color-red-2 {
  border-color: #fcc9b4;
}

.bg-color-red-2 {
  background-color: #fcc9b4;
}

.color-red-3 {
  border-color: #fb8a6a;
}

.bg-color-red-3 {
  background-color: #fb8a6a;
}

.color-red-4 {
  border-color: #f14431;
}

.bg-color-red-4 {
  background-color: #f14431;
}

.color-red-5 {
  border-color: #bb1419;
}

.bg-color-red-5 {
  background-color: #bb1419;
}

.color-orange-1 {
  border-color: #fff5eb;
}

.bg-color-orange-1 {
  background-color: #fff5eb;
}

.color-orange-2 {
  border-color: #fdd8b3;
}

.bg-color-orange-2 {
  background-color: #fdd8b3;
}

.color-orange-3 {
  border-color: #fda761;
}

.bg-color-orange-3 {
  background-color: #fda761;
}

.color-orange-4 {
  border-color: #f3701b;
}

.bg-color-orange-4 {
  background-color: #f3701b;
}

.color-orange-5 {
  border-color: #c44001;
}

.bg-color-orange-5 {
  background-color: #c44001;
}