/* ///////// Martes 02 de Julio 2025 ///////// */
:root {
--color-fuente: #262b2f;
--color-white: #ffffff;
--col-fuente: #262b2f;
--col-black: #262b2f;
--col-texto-small: #87898b;
--col-linea-gris1: #cfd0d0;
--col-000: #ffffff;
--col-005: #f7f7f7;
--col-010: #e7e7e7;
--col-020: #cfd0d0;
--col-030: #b7b8b9;
--col-040: #9fa1a2;
--col-050: #87898b;
--col-060: #6f7274;
--col-070: #575a5d;
--col-080: #3e4246;
--col-090: #262b2f;
--col-100: #262b2f;
--col-white: #ffffff;
--col-andina: #D32F2F;
--trans-10: #00000010;
--trans-20: #00000020;
--trans-30: #00000030;
--trans-40: #00000040;
--trans-50: #00000050;
--trans-60: #00000060;
--trans-70: #00000070;
--trans-80: #00000080;
--trans-90: #00000090;
--line-white: #ffffff;
--link-celeste: #006cc5;
--link-celeste-hover: #3a87c5;
--link-gris: #262b2f;
--svg-black: invert(10%);
--svg-white: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);
--svg-filter:invert(10%);
}
[tema="light"]{
--col-fuente: #ffffff;
--col-black: #ffffff;
--col-005: #262b2f;
--col-white: #262b2f;
--link-gris: #cfd0d0;
--svg-black: invert(100%);
--col-020: #262b2f;
--col-030: #3e4348;
--svg-filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7474%) hue-rotate(161deg) brightness(115%) contrast(98%);
}
/* ///////////////// LINKS ///////////////// */
.logotipo { max-width:300px; width:100%;}
.widthfull { width: 100%}
.fullwidth { width: 100%}
.fullmaxwidth { width: 150%!important; max-width: 150%!important;}
.widthauto { width: auto!important;}
.widthinherit { width: inherit!important;}
.heightauto { height: auto!important;}
.heightinherit { height: inherit!important;}
.top { top: 0!important; }
.bottom { bottom: 0!important; }
.left { left: 0!important; }
.right {right: 0!important;}
.block { display: block;}
.inline { display: inline;}
.inlineblock { display: inline-block;}
.displaynone { display:  none;}
.displayinherit { display: inherit;}
.absolute { position: absolute!important; }
.relative { position: relative!important; }
.fixed { position: fixed!important; }
.inherit { position: inherit!important; }
.zindex1 { z-index: 1!important;}
.zindex-1 { z-index: -1!important;}
.overflowhidden { overflow: hidden;}
.boxsizing { box-sizing: border-box!important;}
.border1 { border: 1px solid rgb(0 0 0 / 27%)}
.no-border { border: none !important;}
.no-borderadius { border-radius: 0 !important;}
.no-lh {line-height: inherit !important;}
.no-padding {padding: 0 !important;}
.no-paddingtop {padding-top: 0 !important;}
.no-paddingbottom {padding-bottom: 0 !important;}
.no-paddingleft {padding-left: 0 !important;}
.no-paddingright {padding-right: 0 !important;}
.no-margin {margin: 0 !important;}
.no-margintop {margin-top: 0 !important;}
.no-marginbottom {margin-bottom: 0 !important;}
.no-marginleft {margin-left: 0 !important;}
.no-marginright {margin-right: 0 !important;}
.marginauto {margin: auto !important;}
.borderwhite { border:solid 1px #ffffff;}
.whitefondo {background: var(--col-white)}
.none { display:none;}
.flex { display: flex;}
.blacks { filter:var(--svg-black)}
.no-borderbottom { border-bottom: none !important;}
.gris5 { background: var(--col-005)}
.grilla { display: flex; flex-direction: row; flex-wrap: wrap; }
.bordertop { border-top: 1px solid var(--col-020); }
.borderleft { border-left: 1px solid var(--col-020); }
.borderright { border-right: 1px solid var(--col-020); }
.borderbottom { border-bottom: 1px solid var(--col-020); }
.centrado { display: flex;justify-content: space-evenly;align-items: center;}
.centrado2 { display: flex;justify-content: center;}
.centrado3 { display: flex;justify-content: center;align-items: center;align-content: center;}
.centradoleft { display: flex;justify-content: flex-start;align-items: center;}
.centradohorizontal { display: flex !important;align-content: center !important;align-items: center !important;}
.gris { filter: invert(40%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.blanco { filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
* { margin:0; padding:0; border:0; }
html { scroll-behavior: smooth; color: var(--col-fuente);         }
body { position: relative; display: flex; flex-direction: column; background:var(--col-white); color:var(--col-fuente); min-height: 100vh; }
main { flex: 1 0 auto;}
strong { font-weight: 600; display: block; margin-bottom: 10px; }
p { margin-bottom: 25px; line-height: 140%; }
small { line-height: 17px; display: inline-block; margin-bottom: 25px; font-style: italic; font-size: 1rem; }
mark { background: #ffc60054; padding: 0 6px; border-radius: 3px; display: inline-block; }
sub {line-height: initial;}
hr {display: block;
  width: 100%;
  height: 1px;
  background: #000000;
  margin: 25px 0;}
span {display: block;}
em {font-style: normal; font-weight: 600; font-size: large; display: block;margin: 5px 0;}
/* ///////////////// LINKS ///////////////// */
a {
color: var(--col-fuente);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:visited {
color: var(--col-fuente);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:hover {
color: var(--col-080);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:active {
color: var(--col-060);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:link {
color: var(--col-fuente);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:hover img.zoom {
filter: brightness(100%);
transform: scale(1.15)
}
a.btn{
color:var(--col-white);
}
p a {
color: var(--col-black) !important;
text-decoration: underline;
}
p a:link {
color: var(--col-black) !important;
text-decoration: underline;
}
p a:hover {
color: var(--link-celeste) !important;
text-decoration: underline;
}
p a:visited {
color: var(--link-celeste) !important;
text-decoration: underline;
}
img.zoom {
transform-origin: 50% 65%;
transition: transform 5s, filter 3s ease-in-out;
filter: brightness(110%)
}
/* ///////////////// PARALLAX ///////////////// */
.parallax-container {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.parallax-container img.parallax-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  object-fit: cover;
  transform: translateY(0);
  transition: transform 0.1s ease-out;
  will-change: transform;
}
/* ///////////////// COLUMNAS ///////////////// */
.columna2 {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 1.2em;
-moz-column-gap: 1.2em;
-webkit-column-gap: 1.2em;
-moz-column-width: 320px;
}
.columna3 {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-gap: 1.2em;
-moz-column-gap: 1.2em;
-webkit-column-gap: 1.2em;
-moz-column-width: 320px;
}
/* ///////////////// TRUNCATE ///////////////// */
.truncateseccion {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 3;
-ms-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
height: 59px;
padding: 0 12px !important;
}
.truncate1 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 1;
-ms-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
white-space: inherit;
}
.truncate2 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 2;
-ms-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate3 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 3;
-ms-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate4 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 4;
-ms-line-clamp: 4;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate5 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 5;
-ms-line-clamp: 5;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate6 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 6;
-ms-line-clamp: 6;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate7 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 7;
-ms-line-clamp: 7;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate8 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 8;
-ms-line-clamp: 8;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.truncate9 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 9;
-ms-line-clamp: 9;
-webkit-box-orient: vertical;
-ms-flex-orient: vertical;
overflow: hidden;
width: 100%;
white-space: inherit;
}
.grid2{
display: grid;
grid-auto-rows: auto;
grid-gap:1rem;
grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
grid-auto-flow: dense;
}
.grid3{
display: grid;
grid-auto-rows: auto;
grid-gap:1rem;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
grid-auto-flow: dense;
}
.grid4{
display: grid;
grid-auto-rows: auto;
grid-gap:1rem;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-auto-flow: dense;
}
.grid5{
display: grid;
grid-auto-rows: auto;
grid-gap:1rem;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-flow: dense;
}
.grid6{
display: grid;
grid-auto-rows: auto;
grid-gap:1rem;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-flow: dense;
}
/* ////////////// ASIDE ////////////// */
aside{
  padding: 20px 0;
  margin: 40px 0 40px 0;
  border-radius: 3px;
  display: block;
  border-top: 1px solid var(--col-andina);
  border-bottom: 1px solid var(--col-andina);
  color: var(--col-black)!important;
}
aside p{
  display: inline;
  font-style: italic;
}
aside a {
  color: var(--link-gris)!important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
aside a:link {
  color: var(--link-gris)!important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
aside a:hover {
  color: var(--link-gris)!important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
aside::before{
  content: "● Lea también: ";
  font-weight:700;
  margin-right: 10px;
  color: var(--col-andina);
  font-style: italic;
}
/* ///////////////// BLOCKQUOTE ///////////////// */
blockquote {
margin: 55px 0;
padding-left: 0;
border-left:none;
}
blockquote p{
position: relative;
padding: 0 55px;
font-weight: 400;
font-size: 2rem;
line-height: 1.4;
border: none;
font-style: italic;
}
blockquote p:before,
blockquote p:after {
width: 35px;
display: block;
filter: invert(60%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
blockquote p::before {
content:url("https://infodesign.es/img/regular-comillas1.svg");
position: absolute;
left: 0;
top: 0;
}
blockquote p::after {
content:url("https://infodesign.es/img/regular-comillas2.svg");
position: absolute;
right: 0;
bottom: 0;
}
blockquote cite {
display: block;
font-size: 1.2rem;
text-align: right;
margin-top: 10px;
padding: 0 55px;
}
blockquote cite:before {
content: "-";
margin-right: 10px
}
/* ///////////////// RESET ///////////////// */
.video-container,.responsive-video,.podcast {
  margin: 60px 0;
  display: block;
}
.slider .slides {
  background-color: transparent;
}
/* ///////////////// FOTOGRAFIA ///////////////// */
.figure figure {
position: relative;
overflow: hidden;
margin: 0 !important;
background: var(--col-040);
display: flex;
justify-content: center;
align-items: center;
}
.figure figure img{
width: inherit;
}
.figure figure i {
color: #fffffff5;
background: rgb(0 0 0 / 21%);
padding: 0 7px;
border-radius: 9px;
z-index: 1;
position: absolute;
}
.figure figure i img{
filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
display: block;
}
.figure figure:before {
content: '';
display: block;
padding-top: 100%;
width: 100%;
filter: blur(6px) brightness(.7);
background-image: var(--background);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.figure figure img[alt]:after {
content: attr(alt);
background: var(--col-070);
color: var(--col-040);
filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
background-image: url("https://portal.andina.pe/edpespeciales/img/andina.svg");
background-repeat: no-repeat;
background-size: 30%;
background-position: center;
background-position-y: 45%;
/* background-position-x: 42%; */
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'Helvetica';
font-weight: 300;
line-height: 120px;
text-align: center;
}
.figure figure figcaption {
padding: 5px 15px;
display: flex;
font-size: 1rem;
text-align: right;
width: 100%;
position: absolute;
bottom: 0;
color: var(--col-000);
font-weight: 100;
background: var(--trans-40);
justify-content: flex-end;
}
.figure figure figcaption:before {
content:url("https://infodesign.es/img/regular-foto.svg");
width: 23px;
display: inline-block;
margin-right: 5px;
filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.figure figure img.fotoh {
position: absolute;
top: 0;
bottom: 0;
left: 0;
max-width: 100%;
width:100%;
height: auto;
right: 0;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
margin: auto;
}
.figure figure img.fotov {
position: absolute;
top: 0;
bottom: 0;
left: -100%;
right: -100%;
height: 100%;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
margin: auto;
}
.figure small {
line-height: normal;
display: inline-block;
margin-top: 10px;
margin-bottom: 0;
font-style: italic;
font-size: 1rem;
}
.figure figure.foto200:before {padding-top: 200%;}
.figure figure.foto190:before {padding-top: 190%;}
.figure figure.foto180:before {padding-top: 180%;}
.figure figure.foto170:before {padding-top: 170%;}
.figure figure.foto160:before {padding-top: 160%;}
.figure figure.foto150:before {padding-top: 150%;}
.figure figure.foto140:before {padding-top: 140%;}
.figure figure.foto130:before {padding-top: 130%;}
.figure figure.foto120:before {padding-top: 120%;}
.figure figure.foto110:before {padding-top: 110%;}
.figure figure.foto100:before {padding-top: 100%;}
.figure figure.foto90:before {padding-top: 90%;}
.figure figure.foto80:before {padding-top: 80%;}
.figure figure.foto70:before {padding-top: 70%;}
.figure figure.foto60:before {padding-top: 60%;}
.figure figure.foto50:before {padding-top: 50%;}
.figure figure.foto40:before {padding-top: 40%;}
.figure figure.foto30:before {padding-top: 30%;}
.figure figure.foto20:before {padding-top: 20%;}
.figure figure.foto10:before {padding-top: 10%;}
/* ///////////////// CONTENEDORES ///////////////// */
.container-xxsmall {max-width: 600px !important;width: 93% !important;margin: auto; display: block;}
.container-xsmall {max-width: 800px !important;width: 93% !important;margin: auto; display: block;}
.container-small  {max-width: 1024px !important;width: 93% !important;margin: auto; display: block;}
.container-medium {max-width: 1280px !important;width: 93% !important;margin: auto; display: block;}
.container-large  {max-width: 1366px !important;width: 97% !important;margin: auto; display: block;}
.container-xlarge {max-width: 1920px !important;width: 97% !important;margin: auto; display: block;}
.container-full   {max-width: 100% !important;width: 97% !important;margin: auto; display: block;}
/* //////////////// FUENTES ///////////////// */
h1 {font-size: 3.0rem;margin:5px 0 15px 0;line-height:normal;}
h2 {font-size: 2.7rem;margin:5px 0 15px 0;line-height:normal;}
h3 {font-size: 2.4rem;margin:5px 0 15px 0;line-height:normal;}
h4 {font-size: 2.1rem;margin:5px 0 15px 0;line-height:normal;}
h5 {font-size: 1.8rem;margin:5px 0 15px 0;line-height:normal;}
h6 {font-size: 1.5rem;margin:5px 0 15px 0;line-height:normal;}
/* //////////////// TEXTO //////////////// */
@media only screen and (min-width: 360px) {p,aside,sub{font-size: 1.31rem;}}
@media only screen and (min-width: 390px) {p,aside,sub{font-size: 1.27rem;}}
@media only screen and (min-width: 420px) {p,aside,sub{font-size: 1.26rem;}}
@media only screen and (min-width: 450px) {p,aside,sub{font-size: 1.25rem;}}
@media only screen and (min-width: 480px) {p,aside,sub{font-size: 1.24rem;}}
@media only screen and (min-width: 510px) {p,aside,sub{font-size: 1.23rem;}}
@media only screen and (min-width: 540px) {p,aside,sub{font-size: 1.22rem;}}
@media only screen and (min-width: 570px) {p,aside,sub{font-size: 1.21rem;}}
@media only screen and (min-width: 600px) {p,aside,sub{font-size: 1.20rem;}}
@media only screen and (min-width: 630px) {p,aside,sub{font-size: 1.19rem;}}
@media only screen and (min-width: 660px) {p,aside,sub{font-size: 1.20rem;}}
@media only screen and (min-width: 690px) {p,aside,sub{font-size: 1.21rem;}}
@media only screen and (min-width: 720px) {p,aside,sub{font-size: 1.22rem;}}
@media only screen and (min-width: 750px) {p,aside,sub{font-size: 1.23rem;}}
@media only screen and (min-width: 780px) {p,aside,sub{font-size: 1.24rem;}}
@media only screen and (min-width: 810px) {p,aside,sub{font-size: 1.25rem;}}
@media only screen and (min-width: 840px) {p,aside,sub{font-size: 1.26rem;}}
@media only screen and (min-width: 870px) {p,aside,sub{font-size: 1.27rem;}}
@media only screen and (min-width: 900px) {p,aside,sub{font-size: 1.28rem;}}
@media only screen and (min-width: 930px) {p,aside,sub{font-size: 1.29rem;}}
@media only screen and (min-width: 960px) {p,aside,sub{font-size: 1.30rem;}}
@media only screen and (max-width: 360px) {p,aside,sub{font-size: 1.31rem;}}
/* //////////////// STRONG //////////////// */
@media only screen and (min-width: 360px) {strong{font-size: 2.10rem;}}
@media only screen and (min-width: 390px) {strong{font-size: 2.11rem}}
@media only screen and (min-width: 420px) {strong{font-size: 2.12rem}}
@media only screen and (min-width: 450px) {strong{font-size: 2.13rem}}
@media only screen and (min-width: 480px) {strong{font-size: 2.14rem}}
@media only screen and (min-width: 510px) {strong{font-size: 2.15rem}}
@media only screen and (min-width: 540px) {strong{font-size: 2.16rem}}
@media only screen and (min-width: 570px) {strong{font-size: 2.17rem}}
@media only screen and (min-width: 600px) {strong{font-size: 2.18rem}}
@media only screen and (min-width: 630px) {strong{font-size: 1.69rem}}
@media only screen and (min-width: 660px) {strong{font-size: 1.70rem}}
@media only screen and (min-width: 690px) {strong{font-size: 1.71rem}}
@media only screen and (min-width: 720px) {strong{font-size: 1.72rem}}
@media only screen and (min-width: 750px) {strong{font-size: 1.73rem}}
@media only screen and (min-width: 780px) {strong{font-size: 1.74rem}}
@media only screen and (min-width: 810px) {strong{font-size: 1.75rem}}
@media only screen and (min-width: 840px) {strong{font-size: 1.76rem}}
@media only screen and (min-width: 870px) {strong{font-size: 1.77rem}}
@media only screen and (min-width: 900px) {strong{font-size: 1.69rem}}
@media only screen and (min-width: 930px) {strong{font-size: 1.79rem}}
@media only screen and (min-width: 960px) {strong{font-size: 1.80rem}}
@media only screen and (max-width: 360px) {strong{font-size: 2.10rem}}
/* ///////////////////////////////////// */
.fz04 {font-size: 0.4rem !important;}
.fz06 {font-size: 0.6rem !important;}
.fz07 {font-size: 0.7rem !important;}
.fz08 {font-size: 0.8rem !important;}
.fz09 {font-size: 0.9rem !important;}
.fz10 {font-size: 1.0rem !important;}
.fz11 {font-size: 1.1rem !important;}
.fz12 {font-size: 1.2rem !important;}
.fz13 {font-size: 1.3rem !important;}
.fz14 {font-size: 1.4rem !important;}
.fz15 {font-size: 1.5rem !important;}
.fz16 {font-size: 1.6rem !important;}
.fz17 {font-size: 1.7rem !important;}
.fz18 {font-size: 1.8rem !important;}
.fz19 {font-size: 1.9rem !important;}
.fz20 {font-size: 2.0rem !important;}
.fz21 {font-size: 2.1rem !important;}
.fz22 {font-size: 2.2rem !important;}
.fz23 {font-size: 2.3rem !important;}
.fz24 {font-size: 2.4rem !important;}
.fz25 {font-size: 2.5rem !important;}
.fz26 {font-size: 2.6rem !important;}
.fz27 {font-size: 2.7rem !important;}
.fz28 {font-size: 2.8rem !important;}
.fz29 {font-size: 2.9rem !important;}
.fz30 {font-size: 3.0rem !important;}
.fz31 {font-size: 3.1rem !important;}
.fz32 {font-size: 3.2rem !important;}
.fz33 {font-size: 3.3rem !important;}
.fz34 {font-size: 3.4rem !important;}
.fz35 {font-size: 3.5rem !important;}
.fz36 {font-size: 3.6rem !important;}
.fz37 {font-size: 3.7rem !important;}
.fz38 {font-size: 3.8rem !important;}
.fz39 {font-size: 3.9rem !important;}
.fz40 {font-size: 4.0rem !important;}
.fz50 {font-size: 5.0rem !important;}
.fz60 {font-size: 6.0rem !important;}
.fz70 {font-size: 7.0rem !important;}
.fz80 {font-size: 8.0rem !important;}
.fz90 {font-size: 9.0rem !important;}
.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}
/* ///////////////// LINE-HEIGHT ///////////////// */
.lh0  {line-height: 0px !important;}
.lh10 {line-height: 10px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh18 {line-height: 18px !important;}
.lh19 {line-height: 19px !important;}
.lh20 {line-height: 20px !important;}
.lh21 {line-height: 21px !important;}
.lh22 {line-height: 22px !important;}
.lh23 {line-height: 23px !important;}
.lh24 {line-height: 24px !important;}
.lh25 {line-height: 25px !important;}
.lh26 {line-height: 26px !important;}
.lh27 {line-height: 27px !important;}
.lh28 {line-height: 28px !important;}
.lh29 {line-height: 29px !important;}
.lh30 {line-height: 30px !important;}
.lh31 {line-height: 31px !important;}
.lh32 {line-height: 32px !important;}
.lh33 {line-height: 33px !important;}
.lh34 {line-height: 34px !important;}
.lh35 {line-height: 35px !important;}
.lh36 {line-height: 36px !important;}
.lh37 {line-height: 37px !important;}
.lh38 {line-height: 38px !important;}
.lh39 {line-height: 39px !important;}
.lh40 {line-height: 40px !important;}
.lh45 {line-height: 45px !important;}
.lh50 {line-height: 50px !important;}
.lh55 {line-height: 55px !important;}
.lh60 {line-height: 60px !important;}
.lh65 {line-height: 65px !important;}
.lh70 {line-height: 70px !important;}
.lh75 {line-height: 75px !important;}
.lh80 {line-height: 80px !important;}
/* ///////////////// WIDTH ///////////////// */
.width10{width: 10px;}
.width15{width: 15px;}
.width20{width: 20px;}
.width25{width: 25px;}
.width30{width: 30px;}
.width35{width: 35px;}
.width40{width: 40px;}
.width45{width: 45px;}
.width50{width: 50px;}
.width55{width: 55px;}
.width60{width: 60px;}
.width65{width: 65px;}
.width70{width: 70px;}
.width75{width: 75px;}
.width80{width: 80px;}
.width85{width: 85px;}
.width90{width: 90px;}
.width95{width: 95px;}
.width100{width: 100px;}
.width105{width: 105px;}
.width110{width: 110px;}
.width115{width: 115px;}
.width120{width: 120px;}
.width125{width: 125px;}
.width130{width: 130px;}
.width135{width: 135px;}
.width140{width: 140px;}
.width145{width: 145px;}
.width150{width: 150px;}
.width155{width: 155px;}
.width160{width: 160px;}
.width165{width: 165px;}
.width170{width: 170px;}
.width175{width: 175px;}
.width180{width: 180px;}
.width185{width: 185px;}
.width190{width: 190px;}
.width195{width: 195px;}
.width200{width: 200px;}
.width250{width: 250px;}
.width300{width: 300px;}
.width350{width: 350px;}
/* ///////////////// BORDER RADIUS ///////////////// */
.br01 { border-radius: 1px;}
.br02 { border-radius: 2px;}
.br03 { border-radius: 3px;}
.br04 { border-radius: 4px;}
.br05 { border-radius: 5px;}
.br06 { border-radius: 6px;}
.br07 { border-radius: 7px;}
.br08 { border-radius: 8px;}
.br09 { border-radius: 9px;}
.br10 { border-radius: 10px;}
.br11 { border-radius: 11px;}
.br12 { border-radius: 12px;}
.br13 { border-radius: 13px;}
.br14 { border-radius: 14px;}
.br15 { border-radius: 15px;}
.br16 { border-radius: 16px;}
.br17 { border-radius: 17px;}
.br18 { border-radius: 18px;}
.br19 { border-radius: 19px;}
.br20 { border-radius: 20px;}
/* ///////////////// PADDING ///////////////// */
.padding0 {padding: 0px !important;}
.padding1 {padding: 1px !important;}
.padding2 {padding: 2px !important;}
.padding3 {padding: 3px !important;}
.padding4 {padding: 4px !important;}
.padding5 {padding: 5px !important;}
.padding6 {padding: 6px !important;}
.padding7 {padding: 7px !important;}
.padding8 {padding: 8px !important;}
.padding9 {padding: 9px !important;}
.padding10 {padding: 10px !important;}
.padding15 {padding: 15px !important;}
.padding20 {padding: 20px !important;}
.padding25 {padding: 25px !important;}
.padding30 {padding: 30px !important;}
.padding35 {padding: 35px !important;}
.padding40 {padding: 40px !important;}
.paddingleft1 {padding-left: 1px !important;}
.paddingleft2 {padding-left: 2px !important;}
.paddingleft3 {padding-left: 3px !important;}
.paddingleft4 {padding-left: 4px !important;}
.paddingleft5 {padding-left: 5px !important;}
.paddingleft6 {padding-left: 6px !important;}
.paddingleft7 {padding-left: 7px !important;}
.paddingleft8 {padding-left: 8px !important;}
.paddingleft9 {padding-left: 9px !important;}
.paddingleft10 {padding-left: 10px !important;}
.paddingleft15 {padding-left: 15px !important;}
.paddingleft20 {padding-left: 20px !important;}
.paddingleft25 {padding-left: 25px !important;}
.paddingleft30 {padding-left: 30px !important;}
.paddingleft35 {padding-left: 35px !important;}
.paddingleft40 {padding-left: 40px !important;}
.paddingright1 {padding-right: 1px !important;}
.paddingright2 {padding-right: 2px !important;}
.paddingright3 {padding-right: 3px !important;}
.paddingright4 {padding-right: 4px !important;}
.paddingright5 {padding-right: 5px !important;}
.paddingright6 {padding-right: 6px !important;}
.paddingright7 {padding-right: 7px !important;}
.paddingright8 {padding-right: 8px !important;}
.paddingright9 {padding-right: 9px !important;}
.paddingright10 {padding-right: 10px !important;}
.paddingright15 {padding-right: 15px !important;}
.paddingright20 {padding-right: 20px !important;}
.paddingright25 {padding-right: 25px !important;}
.paddingright30 {padding-right: 30px !important;}
.paddingright35 {padding-right: 35px !important;}
.paddingright40 {padding-right: 40px !important;}
.paddinglat1 {padding: 0 1px !important;}
.paddinglat2 {padding: 0 2px !important;}
.paddinglat3 {padding: 0 3px !important;}
.paddinglat4 {padding: 0 4px !important;}
.paddinglat5 {padding: 0 5px !important;}
.paddinglat6 {padding: 0 6px !important;}
.paddinglat7 {padding: 0 7px !important;}
.paddinglat8 {padding: 0 8px !important;}
.paddinglat9 {padding: 0 9px !important;}
.paddinglat10 {padding: 0 10px !important;}
.paddinglat11 {padding: 0 11px !important;}
.paddinglat15 {padding: 0 15px !important;}
.paddinglat20 {padding: 0 20px !important;}
.paddinglat25 {padding: 0 25px !important;}
.paddinglat30 {padding: 0 30px !important;}
.paddinglat35 {padding: 0 35px !important;}
.paddinglat40 {padding: 0 40px !important;}
.paddinglat40 {padding: 0 40px !important;}
.paddingtopbottom1 {padding: 1px 0 !important;}
.paddingtopbottom2 {padding: 2px 0 !important;}
.paddingtopbottom3 {padding: 3px 0 !important;}
.paddingtopbottom4 {padding: 4px 0 !important;}
.paddingtopbottom5 {padding: 5px 0 !important;}
.paddingtopbottom6 {padding: 6px 0 !important;}
.paddingtopbottom7 {padding: 7px 0 !important;}
.paddingtopbottom8 {padding: 8px 0 !important;}
.paddingtopbottom9 {padding: 9px 0 !important;}
.paddingtopbottom10 {padding: 10px 0 !important;}
.paddingtopbottom15 {padding: 15px 0 !important;}
.paddingtopbottom20 {padding: 20px 0 !important;}
.paddingtopbottom25 {padding: 25px 0 !important;}
.paddingtopbottom30 {padding: 30px 0 !important;}
.paddingtopbottom35 {padding: 35px 0 !important;}
.paddingtopbottom40 {padding: 40px 0 !important;}
.paddingtop0 {padding-top: 0 !important;}
.paddingtop1 {padding-top: 1px !important;}
.paddingtop2 {padding-top: 2px !important;}
.paddingtop3 {padding-top: 3px !important;}
.paddingtop4 {padding-top: 4px !important;}
.paddingtop5 {padding-top: 5px !important;}
.paddingtop6 {padding-top: 6px !important;}
.paddingtop7 {padding-top: 7px !important;}
.paddingtop8 {padding-top: 8px !important;}
.paddingtop9 {padding-top: 9px !important;}
.paddingtop10 {padding-top: 10px !important;}
.paddingtop11 {padding-top: 11px !important;}
.paddingtop12 {padding-top: 12px !important;}
.paddingtop13 {padding-top: 13px !important;}
.paddingtop14 {padding-top: 14px !important;}
.paddingtop15 {padding-top: 15px !important;}
.paddingtop20 {padding-top: 20px !important;}
.paddingtop25 {padding-top: 25px !important;}
.paddingtop30 {padding-top: 30px !important;}
.paddingtop35 {padding-top: 35px !important;}
.paddingtop40 {padding-top: 40px !important;}
.paddingbottom0 {padding-bottom: 0 !important;}
.paddingbottom1 {padding-bottom: 1px !important;}
.paddingbottom2 {padding-bottom: 2px !important;}
.paddingbottom3 {padding-bottom: 3px !important;}
.paddingbottom4 {padding-bottom: 4px !important;}
.paddingbottom5 {padding-bottom: 5px !important;}
.paddingbottom6 {padding-bottom: 6px !important;}
.paddingbottom7 {padding-bottom: 7px !important;}
.paddingbottom8 {padding-bottom: 8px !important;}
.paddingbottom9 {padding-bottom: 9px !important;}
.paddingbottom10 {padding-bottom: 10px !important;}
.paddingbottom15 {padding-bottom: 15px !important;}
.paddingbottom20 {padding-bottom: 20px !important;}
.paddingbottom25 {padding-bottom: 25px !important;}
.paddingbottom30 {padding-bottom: 30px !important;}
.paddingbottom35 {padding-bottom: 35px !important;}
.paddingbottom40 {padding-bottom: 40px !important;}
/* ///////////////// MARGIN ///////////////// */
.margin0 {margin: 0px;}
.margin1 {margin: 1px;}
.margin2 {margin: 2px;}
.margin3 {margin: 3px;}
.margin4 {margin: 4px;}
.margin5 {margin: 5px;}
.margin6 {margin: 6px;}
.margin7 {margin: 7px;}
.margin8 {margin: 8px;}
.margin9 {margin: 9px;}
.margin10 {margin: 10px;}
.margin15 {margin: 15px;}
.margin20 {margin: 20px;}
.margin25 {margin: 25px;}
.margin30 {margin: 30px;}
.margin35 {margin: 35px;}
.margin40 {margin: 40px;}
.marginleft1 {margin-left: 1px;}
.marginleft2 {margin-left: 2px;}
.marginleft3 {margin-left: 3px;}
.marginleft4 {margin-left: 4px;}
.marginleft5 {margin-left: 5px;}
.marginleft6 {margin-left: 6px;}
.marginleft7 {margin-left: 7px;}
.marginleft8 {margin-left: 8px;}
.marginleft9 {margin-left: 9px;}
.marginleft10 {margin-left: 10px;}
.marginleft15 {margin-left: 15px;}
.marginleft20 {margin-left: 20px;}
.marginleft25 {margin-left: 25px;}
.marginleft30 {margin-left: 30px;}
.marginleft35 {margin-left: 35px;}
.marginleft40 {margin-left: 40px;}
.marginleft70 {margin-left: 70px;}
.marginright1 {margin-right: 1px;}
.marginright2 {margin-right: 2px;}
.marginright3 {margin-right: 3px;}
.marginright4 {margin-right: 4px;}
.marginright5 {margin-right: 5px;}
.marginright6 {margin-right: 6px;}
.marginright7 {margin-right: 7px;}
.marginright8 {margin-right: 8px;}
.marginright9 {margin-right: 9px;}
.marginright10 {margin-right: 10px;}
.marginright15 {margin-right: 15px;}
.marginright20 {margin-right: 20px;}
.marginright25 {margin-right: 25px;}
.marginright30 {margin-right: 30px;}
.marginright35 {margin-right: 35px;}
.marginright40 {margin-right: 40px;}
.marginlat1 {margin: 0 1px;}
.marginlat2 {margin: 0 2px;}
.marginlat3 {margin: 0 3px;}
.marginlat4 {margin: 0 4px;}
.marginlat5 {margin: 0 5px;}
.marginlat6 {margin: 0 6px;}
.marginlat7 {margin: 0 7px;}
.marginlat8 {margin: 0 8px;}
.marginlat9 {margin: 0 9px;}
.marginlat10 {margin: 0 10px;}
.marginlat15 {margin: 0 15px;}
.marginlat20 {margin: 0 20px;}
.marginlat25 {margin: 0 25px;}
.marginlat30 {margin: 0 30px;}
.marginlat35 {margin: 0 35px;}
.marginlat40 {margin: 0 40px;}
.marginlat40 {margin: 0 40px;}
.margintopbottom1 {margin: 1px 0;}
.margintopbottom2 {margin: 2px 0;}
.margintopbottom3 {margin: 3px 0;}
.margintopbottom4 {margin: 4px 0;}
.margintopbottom5 {margin: 5px 0;}
.margintopbottom6 {margin: 6px 0;}
.margintopbottom7 {margin: 7px 0;}
.margintopbottom8 {margin: 8px 0;}
.margintopbottom9 {margin: 9px 0;}
.margintopbottom10 {margin: 10px 0;}
.margintopbottom15 {margin: 15px 0;}
.margintopbottom20 {margin: 20px 0;}
.margintopbottom25 {margin: 25px 0;}
.margintopbottom30 {margin: 30px 0;}
.margintopbottom35 {margin: 35px 0;}
.margintopbottom40 {margin: 40px 0;}
.margintopbottom45 {margin: 45px 0;}
.margintopbottom50 {margin: 50px 0;}
.margintopbottom55 {margin: 55px 0;}
.margintopbottom60 {margin: 60px 0;}
.margintopbottom65 {margin: 65px 0;}
.margintopbottom70 {margin: 70px 0;}
.margintop0 {margin-top: 0;}
.margintop1 {margin-top: 1px;}
.margintop2 {margin-top: 2px;}
.margintop3 {margin-top: 3px;}
.margintop4 {margin-top: 4px;}
.margintop5 {margin-top: 5px;}
.margintop6 {margin-top: 6px;}
.margintop7 {margin-top: 7px;}
.margintop8 {margin-top: 8px;}
.margintop9 {margin-top: 9px;}
.margintop10 {margin-top: 10px;}
.margintop15 {margin-top: 15px;}
.margintop20 {margin-top: 20px;}
.margintop25 {margin-top: 25px;}
.margintop30 {margin-top: 30px;}
.margintop35 {margin-top: 35px;}
.margintop40 {margin-top: 40px;}
.marginbottom0 {margin-bottom: 0;}
.marginbottom1 {margin-bottom: 1px;}
.marginbottom2 {margin-bottom: 2px;}
.marginbottom3 {margin-bottom: 3px;}
.marginbottom4 {margin-bottom: 4px;}
.marginbottom5 {margin-bottom: 5px;}
.marginbottom6 {margin-bottom: 6px;}
.marginbottom7 {margin-bottom: 7px;}
.marginbottom8 {margin-bottom: 8px;}
.marginbottom9 {margin-bottom: 9px;}
.marginbottom10 {margin-bottom: 10px;}
.marginbottom15 {margin-bottom: 15px;}
.marginbottom20 {margin-bottom: 20px;}
.marginbottom25 {margin-bottom: 25px;}
.marginbottom30 {margin-bottom: 30px;}
.marginbottom35 {margin-bottom: 35px;}
.marginbottom40 {margin-bottom: 40px;}
/* ///////////////// MEDIAS ///////////////// */
@media only screen and (max-width: 600px) {
.foto200:before {padding-top: 60%!important;}
.foto190:before {padding-top: 60%!important;}
.foto180:before {padding-top: 60%!important;}
.foto170:before {padding-top: 60%!important;}
.foto160:before {padding-top: 60%!important;}
.foto150:before {padding-top: 60%!important;}
.foto140:before {padding-top: 60%!important;}
.foto130:before {padding-top: 60%!important;}
.foto120:before {padding-top: 60%!important;}
.foto110:before {padding-top: 60%!important;}
.foto100:before {padding-top: 60%!important;}
.foto90:before {padding-top: 60%!important;}
.foto80:before {padding-top: 60%!important;}
.foto70:before {padding-top: 60%!important;}
.foto60:before {padding-top: 60%!important;}
.foto50:before {padding-top: 60%!important;}
.foto40:before {padding-top: 60%!important;}
.foto30:before {padding-top: 60%!important;}
.foto20:before {padding-top: 60%!important;}
.foto10:before {padding-top: 60%!important;}
h1 {font-size: 2.4rem;}
.figure.margintopbottom40{
  margin: 20px 0;
}
}