/* 9 JULIO 2026 */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.serif, .roboto-serif {
font-family: "Roboto Serif", serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings:
"wdth" 100,
"GRAD" 0;
}
.san-serif, .roboto {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings:
"wdth" 100;
}

:root {
  --elecciones-amarillo: #f6e78d;
  --elecciones-verde: #cfe7b7;
  --elecciones-rosa: #efc5cc;
  --elecciones-celeste: #c8e6ef;
--font-serif: "Roboto Serif";
--font-san-serif: "Roboto";
--fontsize-4xlarge  : clamp(1.90rem, 3.60vw, 2.20rem) ; /* h1 */
--fontsize-3xlarge  : clamp(1.80rem, 3.40vw, 2.10rem) ; /* h2 */
--fontsize-2xlarge  : clamp(1.70rem, 3.20vw, 2.00rem) ; /* h3 */
--fontsize-xlarge   : clamp(1.60rem, 3.00vw, 1.90rem) ; /* h4 */
--fontsize-large    : clamp(1.50rem, 2.80vw, 1.80rem) ; /* h5 */
--fontsize-medium   : clamp(1.40rem, 3.50vw, 1.60rem) ; /* h6 */
--fontsize-small    : clamp(1.30rem, 2.40vw, 1.50rem) ; /* strong */
--fontsize-xsmall   : clamp(1.20rem, 2.20vw, 1.30rem) ; /* p */
--fontsize-2xsmall  : clamp(1.00rem, 1.90vw, 1.10rem) ; /* small */
--fontsize-3xsmall  : clamp(0.90rem, 1.80vw, 1.00rem) ; /* em */
--fontsize-4xsmall  : clamp(0.70rem, 1.60vw, 0.90rem) ; /* del */
--lineheight-4xlarge: clamp(2.20rem, 2.00rem + 1.00vw, 2.80rem) ;
--lineheight-3xlarge: clamp(2.10rem, 1.90rem + 1.00vw, 2.60rem) ;
--lineheight-2xlarge: clamp(2.00rem, 1.80rem + 1.00vw, 2.40rem) ;
--lineheight-xlarge : clamp(1.90rem, 1.70rem + 0.80vw, 2.20rem) ;
--lineheight-large  : clamp(1.80rem, 1.60rem + 0.70vw, 2.00rem) ;
--lineheight-medium : clamp(1.60rem, 1.40rem + 0.90vw, 1.90rem) ;
--lineheight-small  : clamp(1.60rem, 1.40rem + 0.50vw, 1.80rem) ;
--lineheight-xsmall : clamp(1.50rem, 1.30rem + 0.40vw, 1.70rem) ;
--lineheight-2xsmall: clamp(1.40rem, 1.20rem + 0.30vw, 1.60rem) ;
--lineheight-3xsmall: clamp(1.30rem, 1.10rem + 0.20vw, 1.50rem) ;
--lineheight-4xsmall: clamp(1.20rem, 1.00rem + 0.10vw, 1.40rem) ;
--ancho-4xlarge     : clamp(3.00rem, 3.00rem + 0.75vw, 3.50rem) ;
--ancho-3xlarge     : clamp(2.50rem, 2.50rem + 0.75vw, 3.00rem) ;
--ancho-2xlarge     : clamp(2.00rem, 2.00rem + 0.75vw, 2.50rem) ;
--ancho-xlarge      : clamp(1.60rem, 1.60rem + 0.60vw, 2.00rem) ;
--ancho-large       : clamp(1.40rem, 1.40rem + 0.60vw, 1.80rem) ;
--ancho-medium      : clamp(1.20rem, 1.20rem + 0.60vw, 1.60rem) ;
--ancho-small       : clamp(1.00rem, 1.00rem + 0.60vw, 1.40rem) ;
--ancho-xsmall      : clamp(0.80rem, 0.80rem + 0.60vw, 1.20rem) ;
--ancho-2xsmall     : clamp(0.70rem, 0.70rem + 0.45vw, 1.00rem) ;
--ancho-3xsmall     : clamp(0.60rem, 0.60rem + 0.30vw, 0.80rem) ;
--ancho-4xsmall     : clamp(0.50rem, 0.50rem + 0.15vw, 0.60rem) ;
--logo-4xlarge      : clamp(6.50rem, 11.00rem + 22.00vw, 22.50rem) ;
--logo-3xlarge      : clamp(6.00rem, 10.00rem + 20.00vw, 21.00rem) ;
--logo-2xlarge      : clamp(5.50rem, 09.00rem + 18.00vw, 19.50rem) ;
--logo-xlarge       : clamp(5.00rem, 08.00rem + 16.00vw, 18.00rem) ;
--logo-large        : clamp(4.50rem, 07.00rem + 14.00vw, 16.50rem) ;
--logo-medium       : clamp(4.00rem, 06.00rem + 12.00vw, 15.00rem) ;
--logo-small        : clamp(3.50rem, 05.00rem + 10.00vw, 13.50rem) ;
--logo-xsmall       : clamp(3.00rem, 04.00rem + 08.00vw, 12.00rem) ;
--logo-2xsmall      : clamp(5.50rem, 09.00rem + 18.00vw, 19.50rem) ;
--logo-3xsmall      : clamp(2.00rem, 10.00rem + 04.00vw, 09.00rem) ;
--logo-4xsmall      : clamp(1.50rem, 01.00rem + 02.00vw, 07.50rem) ;
--espacio-4xsmall   : clamp(04px, 0.2vw, 06.0px) ;
--espacio-3xsmall   : clamp(08px, 0.4vw, 10.0px) ;
--espacio-2xsmall   : clamp(12px, 0.6vw, 14.0px) ;
--espacio-xsmall    : clamp(16px, 0.8vw, 18.0px) ;
--espacio-small     : clamp(16px, 1.0vw, 22.0px) ;
--espacio-medium    : clamp(24px, 1.2vw, 28.0px) ;
--espacio-large     : clamp(32px, 1.5vw, 36.0px) ;
--espacio-xlarge    : clamp(40px, 1.8vw, 46.0px) ;
--espacio-2xlarge   : clamp(48px, 2.0vw, 56.0px) ;
--espacio-3xlarge   : clamp(56px, 2.5vw, 66.0px) ;
--espacio-4xlarge   : clamp(64px, 3.0vw, 76.0px) ;
--borderradius-4xlarge  : calc(1.1% + 22px) ;
--borderradius-3xlarge  : calc(1.0% + 20px) ;
--borderradius-2xlarge  : calc(0.9% + 18px) ;
--borderradius-xlarge   : calc(0.8% + 16px) ;
--borderradius-large    : calc(0.7% + 14px) ;
--borderradius-medium   : calc(0.6% + 12px) ;
--borderradius-small    : calc(0.5% + 10px) ;
--borderradius-xsmall   : calc(0.4% + 08px) ;
--borderradius-2xsmall  : calc(0.3% + 06px) ;
--borderradius-3xsmall  : calc(0.2% + 04px) ;
--borderradius-4xsmall  : calc(0.1% + 02px) ;
--col-magenta   : #ff4077 ;
--col-fucsia    : #da2e58 ;
--col-rojo      : #d32f2f ;
--col-marron    : #6b3b2a ;
--col-pardo     : #8b5e3c ;
--col-greige    : #aa9280 ;
--col-crema     : #f3ede6 ;
--col-pino      : #1c381a ;
--col-salvia    : #6f7467 ;
--col-naranja   : #ff812e ;
--col-anaranjado: #ffb422 ;
--col-mostaza   : #ffdb00 ;
--col-limon     : #91f369 ;
--col-manzana   : #74b52e ;
--col-verde     : #00a651 ;
--col-esmeralda : #029274 ;
--col-turquesa  : #31d4c5 ;
--col-celeste   : #54bcf6 ;
--col-cielo     : #087cbf ;
--col-azul      : #064878 ;
--col-indigo    : #3f3f7f ;
--col-purpura   : #a142b3 ;
--col-violeta   : #7445be ;
--col-noche     : #1a2630 ;
--col-azulado   : #2f475e ;
--col-metal     : #4a6585 ;
--col-acero     : #788ca3 ;
--col-aluminio  : #a5b2c2 ;
--col-plateado  : #d1d8e0 ;
--col-humo      : #e7ebeedb ;
--col-blanco    : #ffffff ;
--col-gris05    : #f7f7f7 ;
--col-gris10    : #e7e7e7 ;
--col-gris20    : #cfd0d0 ;
--col-gris30    : #b7b8b9 ;
--col-gris40    : #9fa1a2 ;
--col-gris50    : #87898b ;
--col-gris60    : #6f7274 ;
--col-gris70    : #575a5d ;
--col-gris80    : #3e4246 ;
--col-gris90    : #262b2f ;
--col-negro     : #000000 ;
--col-fuente    : #292321 ;
--col-oscuro    : #262b2f ;
--col-grisoscuro: #404449 ;
--col-grismedio : #5c6368 ;
--col-grisclaro : #d9d9e3 ;
--col-gristenue : #ebebed ;
--svg-magenta    : invert(30%) sepia(100%) saturate(1000%) hue-rotate(300deg) brightness(100%) contrast(100%) ;
--svg-fucsia     : invert(25%) sepia(100%) saturate(1000%) hue-rotate(310deg) brightness(100%) contrast(100%) ;
--svg-rojo       : invert(16%) sepia(93%) saturate(1006%) hue-rotate(323deg) brightness(157%) contrast(114%) ;
--svg-marron     : invert(13%) sepia(100%) saturate(1000%) hue-rotate(376deg) brightness(150%) contrast(110%) ;
--svg-pardo      : invert(20%) sepia(100%) saturate(1000%) hue-rotate(373deg) brightness(122%) contrast(71%) ;
--svg-greige     : invert(37%) sepia(100%) saturate(1000%) hue-rotate(343deg) brightness(196%) contrast(31%) ;
--svg-crema      : invert(118%) sepia(105%) saturate(854%) hue-rotate(294deg) brightness(115%) contrast(87%) ;
--svg-pino       : invert(22%) sepia(100%) saturate(1000%) hue-rotate(427deg) brightness(48%) contrast(86%) ;
--svg-salvia     : invert(16%) sepia(100%) saturate(1000%) hue-rotate(393deg) brightness(122%) contrast(29%) ;
--svg-naranja    : invert(16%) sepia(100%) saturate(500%) hue-rotate(340deg) brightness(300%) contrast(100%) ;
--svg-anaranjado : invert(22%) sepia(100%) saturate(500%) hue-rotate(350deg) brightness(300%) contrast(100%) ;
--svg-mostaza    : invert(23%) sepia(100%) saturate(500%) hue-rotate(370deg) brightness(300%) contrast(100%) ;
--svg-limon      : invert(22%) sepia(142%) saturate(315%) hue-rotate(406deg) brightness(329%) contrast(86%) ;
--svg-manzana    : invert(16%) sepia(102%) saturate(634%) hue-rotate(401deg) brightness(284%) contrast(110%) ;
--svg-verde      : invert(14%) sepia(94%) saturate(207%) hue-rotate(428deg) brightness(308%) contrast(154%) ;
--svg-esmeralda  : invert(12%) sepia(100%) saturate(205%) hue-rotate(474deg) brightness(315%) contrast(160%) ;
--svg-turquesa   : invert(17%) sepia(96%) saturate(204%) hue-rotate(484deg) brightness(301%) contrast(160%) ;
--svg-celeste    : invert(16%) sepia(100%) saturate(200%) hue-rotate(520deg) brightness(310%) contrast(160%) ;
--svg-cielo      : invert(12%) sepia(100%) saturate(201%) hue-rotate(514deg) brightness(312%) contrast(177%) ;
--svg-azul       : invert(8%) sepia(100%) saturate(463%) hue-rotate(524deg) brightness(251%) contrast(99%) ;
--svg-indigo     : invert(15%) sepia(54%) saturate(274%) hue-rotate(555deg) brightness(222%) contrast(182%) ;
--svg-purpura    : invert(16%) sepia(70%) saturate(307%) hue-rotate(244deg) brightness(232%) contrast(166%) ;
--svg-violeta    : invert(17%) sepia(78%) saturate(275%) hue-rotate(217deg) brightness(212%) contrast(180%) ;
--svg-noche      : invert(8%) sepia(437%) saturate(35%) hue-rotate(522deg) brightness(347%) contrast(223%) ;
--svg-azulado    : invert(8%) sepia(458%) saturate(90%) hue-rotate(527deg) brightness(373%) contrast(168%) ;
--svg-metal      : invert(8%) sepia(536%) saturate(113%) hue-rotate(532deg) brightness(423%) contrast(130%) ;
--svg-acero      : invert(10%) sepia(556%) saturate(89%) hue-rotate(535deg) brightness(447%) contrast(105%) ;
--svg-aluminio   : invert(11%) sepia(515%) saturate(55%) hue-rotate(535deg) brightness(555%) contrast(78%) ;
--svg-plateado   : invert(11%) sepia(510%) saturate(24%) hue-rotate(535deg) brightness(609%) contrast(103%) ;
--svg-humo       : invert(11%) sepia(510%) saturate(11%) hue-rotate(535deg) brightness(635%) contrast(118%) ;
--svg-blanco     : invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(300%) contrast(300%) ;
--svg-negro      : invert(0%) sepia(0%) saturate(0%) brightness(0%) contrast(100%) ;
--svg-gris05     : invert(96%) saturate(0%) ;
--svg-gris10     : invert(91%) saturate(0%) ;
--svg-gris20     : invert(81%) saturate(0%) ;
--svg-gris30     : invert(72%) saturate(0%) ;
--svg-gris40     : invert(63%) saturate(0%) ;
--svg-gris50     : invert(54%) saturate(0%) ;
--svg-gris60     : invert(42%) saturate(0%) ;
--svg-gris70     : invert(35%) saturate(0%) ;
--svg-gris80     : invert(26%) saturate(0%) ;
--svg-gris90     : invert(17%) saturate(0%) ;
--svg-fuente     : invert(5%) sepia(100%) saturate(100%) hue-rotate(81deg) brightness(100%) contrast(79%) ;
--svg-oscuro     : invert(7%) sepia(495%) saturate(29%) hue-rotate(538deg) brightness(335%) contrast(153%) ;
--svg-grisoscuro : invert(7%) sepia(154%) saturate(159%) hue-rotate(182deg) brightness(128%) contrast(61%) ;
--svg-grismedio  : invert(14%) sepia(72%) saturate(154%) hue-rotate(159deg) brightness(116%) contrast(37%) ;
--svg-grisclaro  : invert(100%) sepia(26%) saturate(82%) hue-rotate(201deg) brightness(241%) contrast(70%) ;
--svg-gristenue  : invert(52%) sepia(92%) saturate(99%) hue-rotate(146deg) brightness(203%) contrast(88%) ;
--trans-10negro  : #00000010 ;
--trans-20negro  : #00000020 ;
--trans-30negro  : #00000030 ;
--trans-40negro  : #00000040 ;
--trans-50negro  : #00000050 ;
--trans-60negro  : #00000060 ;
--trans-70negro  : #00000070 ;
--trans-80negro  : #00000080 ;
--trans-90negro  : #00000090 ;
--trans-10blanco : #ffffff10 ;
--trans-20blanco : #ffffff20 ;
--trans-30blanco : #ffffff30 ;
--trans-40blanco : #ffffff40 ;
--trans-50blanco : #ffffff50 ;
--trans-60blanco : #ffffff60 ;
--trans-70blanco : #ffffff70 ;
--trans-80blanco : #ffffff80 ;
--trans-90blanco : #ffffff90 ;
--filter-invert10: invert(10%);
--filter-invert20: invert(20%);
--filter-invert30: invert(30%);
--filter-invert40: invert(40%);
--filter-invert50: invert(60%);
--filter-invert60: invert(70%);
--filter-invert70: invert(80%);
--filter-invert80: invert(90%);
--filter-invert90: invert(100%);
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
padding: 0;
}
html{
color: var(--col-fuente);
scroll-behavior:smooth;
}
body {
font-family: var(--font-serif);
font-size: var(--fontsize-4xsmall);
display: flex;
min-height: 100vh;
flex-direction: column;
}
main{
padding: var(--espacio-large) 0;
flex: 1 0 auto;
overflow: hidden;
}
h1,h2,h3,h4,h5,h6,strong,p,small,em,del{
font-weight: 400;
display: block;
}
h1 {
font-size: var(--fontsize-4xlarge);
line-height: var(--lineheight-3xlarge);
}
h2 {
font-size: var(--fontsize-3xlarge);
line-height: var(--lineheight-2xlarge);
}
h3 {
font-size: var(--fontsize-2xlarge);
line-height: var(--lineheight-2xlarge);
}
h4 {
font-size: var(--fontsize-xlarge);
line-height: var(--lineheight-xlarge);
}
h5 {
font-size: var(--fontsize-medium);
line-height: var(--lineheight-medium);
}
h6 {
font-size: var(--fontsize-xsmall);
line-height: var(--lineheight-2xsmall);
}
strong {
font-size: var(--fontsize-medium);
line-height: var(--lineheight-large);
margin-bottom: var(--espacio-3xsmall);
font-weight: 700;
}
p {
font-size: var(--fontsize-2xsmall);
line-height: var(--lineheight-xsmall);
margin-bottom: var(--espacio-medium);
}
small {
font-size: var(--fontsize-2xsmall);
line-height: var(--lineheight-3xsmall);
}
em {
font-size: var(--fontsize-3xsmall);
line-height: var(--lineheight-3xsmall);
font-style: normal;
}
del {
font-size: var(--fontsize-4xsmall);
line-height: var(--lineheight-4xsmall);
font-style: normal;
text-decoration: none;
}
span {
font-size: var(--fontsize-4xsmall);
display: block;
}
time{
font-size: var(--fontsize-4xsmall);
color: var(--col-gris40);
}
i{
font-family: var(--font-serif);
}
b{
font-weight: 600;
}
sub {
line-height: 140%;
display: block;
}
mark {
background: var(--col-mostaza);
padding: 0 var(--espacio-4xsmall);
border-radius: var(--espacio-4xsmall);
display: inline;
}
hr {
display: block;
width: 100%;
height: 1px;
background: var(--col-grisclaro)!important;
border: none;
}
ul{
list-style: none ;
}
img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: middle;
display: inline-block;
}
/* ///////////////// LINK ///////////////// */
a {
color: var(--col-fuente);
text-decoration: none;
}
a:hover {
color: var(--col-cielo);
text-decoration: underline;
}
a:link {
color: var(--col-cielo);
}
a:active {
color: var(--col-cielo);
}
a:visited {
color: var(--col-cielo);
font-weight: 900;
}
a:focus {
color:var(--col-cielo);
}
.link-blanco  {
color: var(--col-blanco);
}
.link-blanco a:hover {
color: var(--col-blanco);
text-decoration: underline;
}
.link-blanco a:link {
color: var(--col-blanco);
}
.link-blanco a:active {
color: var(--col-blanco);
}
.link-blanco a:visited {
color: var(--col-blanco);
}
.link-blanco a:focus {
color:var(--col-blanco);
}
ul a {
color: var(--col-fuente);
text-decoration: none;
}
ul a:hover {
color: var(--col-gris70)!important;
text-decoration: none;
}
ul a:link {
color: var(--col-fuente);
}
ul a:active {
color: var(--col-fuente);
}
ul a:visited {
color: var(--col-fuente);
}
ul a:focus {
color:var(--col-fuente);
}
article a {
color: var(--col-fuente);
text-decoration: none;
}
article a:hover {
color: var(--col-gris70)!important;
text-decoration: underline;
}
article a:link {
color: var(--col-fuente);
}
article a:active {
color: var(--col-fuente);
}
article a:visited {
color: var(--col-fuente);
}
article a:focus {
color:var(--col-fuente);
}
footer a {
color: var(--col-fuente);
text-decoration: none;
}
footer a:hover {
color: var(--col-gris70)!important;
text-decoration: underline;
}
footer a:link {
color: var(--col-fuente);
}
footer a:active {
color: var(--col-fuente);
}
footer a:visited {
color: var(--col-fuente);
}
footer a:focus {
color:var(--col-fuente);
}
/* ///////////////// BUTTON ///////////////// */
button{
box-shadow: inset 3px 3px 0 rgba(255,255,255,.20), inset -3px -3px 0 rgba(0,0,0,.30);
padding: var(--espacio-3xsmall);
color: var(--col-blanco);
box-sizing: border-box;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
cursor: pointer;
border-radius: 5px;
}
button:hover {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.9);
color: var(--col-blanco);
}
button:link {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
button:active {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.8);
}
button:visited {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
button.text-fuente{
color: var(--col-fuente);
}
button.text-fuente:hover {
color: var(--col-fuente);
}
button.line{
border-color: #ffffff6e #0000001c #0000003d #ffffff33;
border: 1px solid var(--col-grisclaro);
}
button.line:hover {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.9);
color: var(--col-fuente);
}
button.line:link {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
button.line:active {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.8);
}
button.line:visited {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.button{
box-shadow: inset 3px 3px 0 rgba(255,255,255,.20), inset -3px -3px 0 rgba(0,0,0,.30);
padding: var(--espacio-3xsmall);
box-sizing: border-box;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
cursor: pointer;
border-radius: 5px;
background: var(--col-blanco);
color: var(--col-fuente);
}
.button:hover {
box-shadow: inset 2px 2px 4px rgba(0,0,0,.35), inset -1px -1px 2px rgba(255,255,255,.10);
transform: translateY(1px);
filter:brightness(0.9);
color: var(--col-blanco);
}
.button:link {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.button:active {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.8);
}
.button:visited {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.button-reset{
box-shadow: none;
padding: var(--espacio-3xsmall);
color: var(--col-blanco);
box-sizing: border-box;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
cursor: pointer;
border-radius: 5px;
background: var(--col-blanco);
}
.button-reset:hover {
box-shadow: inset 2px 2px 4px rgba(0,0,0,.35), inset -1px -1px 2px rgba(255,255,255,.10);
transform: translateY(1px);
filter:brightness(0.9);
color: var(--col-blanco);
}
.button-reset:link {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.button-reset:active {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.8);
}
.button-reset:visited {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.line{
border-color: #ffffff6e #0000001c #0000003d #ffffff33;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid var(--col-grisclaro);
color: var(--col-fuente);
}
.line:hover {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.9);
color: var(--col-fuente);
}
.line:link {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
.line:active {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
filter:brightness(0.8);
}
.line:visited {
border-color: #0000003d #ffffff33 #ffffff6e #0000001c;
}
/* ///////////////// BLOCKQUOTE ///////////////// */
blockquote {
position: relative;
margin: var(--espacio-4xlarge) var(--espacio-xsmall);
padding: var(--espacio-large);
border: none;
color: var(--col-azulado);
font-style: italic;
}
blockquote p{
line-height: var(--lineheight-3xlarge);
font-size: var(--fontsize-2xlarge);
font-weight: 200;
}
blockquote:before,
blockquote:after {
content: " ";
position: absolute;
top: 0;
width: 5rem;
height: 100%;
border: 1px solid var(--col-azulado);
}
blockquote:before {
left: -1rem;
border-right: 0;
}
blockquote:after {
right: -1rem;
border-left: 0;
}
blockquote cite{
width: 100%;
text-align: right;
font-size: var(--fontsize-2xsmall);
display: inline-block;
}
/* ///////////////// BLOCKQUOTE FOTO ///////////////// */
blockquote.foto{
position:relative;
display:flex;
align-items:center;
gap:2rem;
margin:4rem auto !important;
padding:2.5rem;
background: linear-gradient(135deg,rgba(8,124,191,.06),rgba(249,96,0,.03));
border-radius:24px;
border-left:8px solid var(--quote-accent);
box-shadow: 0 20px 50px rgba(0,0,0,.08);
overflow:hidden;
flex:1;
color:var(--col-azulado);
font-size:var(--fontsize-small );
font-style:italic;
font-weight:300;
line-height:2.2rem;
z-index:2;
}
blockquote.foto::before{
content:"";
position:absolute;
inset:0;
width:8px;
background:linear-gradient(to bottom,#087cbf,#f96000,#c94d00);
border:none;
}
blockquote.foto::after{
content:"“";
position:absolute;
left: 13%;
top: 6%;
font-family: Georgia, serif;
font-size: 220px;
line-height:1;
color:rgba(8,124,191,.08);
pointer-events:none;
border:none;
}
blockquote.foto figure{
flex:0 0 220px;
margin:0;
position:relative;
}
blockquote.foto figure img{
display:block;
width:100%;
border-radius:18px;
transition:.35s;
}
blockquote.foto figcaption{
margin-top:.9rem;
font-size:.83rem;
line-height:1.5;
color:#666;
text-align:center;
}
@media (max-width:900px){
blockquote.foto{
flex-direction:column;
text-align:center;
padding:2rem;
gap: 0;
}
blockquote.foto figure{
width:220px;
}
blockquote.foto .text-blanco{
font-size:1.15rem;
line-height:2rem;
}
}
@media (max-width:600px){
blockquote.foto{
padding:1.5rem;
border-radius:18px;
}
blockquote.foto figure{
width:180px;
}
blockquote.foto .text-blanco{
font-size:1.05rem;
line-height:1.8rem;
}
blockquote.foto figcaption{
font-size:.75rem;
}
}
/* ///////////////// RESET ///////////////// */
.serif { font-family: var(--font-serif); }
.sanserif { font-family: var(--font-san-serif); }
.oculto{display:none;}
.widthfull { width: 100%}
.fullwidth { width: 100%}
.widthauto { width: auto; }
.widthinherit { width: inherit; }
.heightauto { height: auto!important; }
.heightinherit { height: inherit; }
.heightfull { height: 100%; }
.top { top: 0; }
.bottom { bottom: 0; }
.left { left: 0; }
.right {right: 0; }
.block { display: block; }
.inline { display: inline; }
.inlineblock { display: inline-block!important; }
.contents { display: contents!important;}
.displaynone { display: none; }
.displayinherit { display: inherit; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.inherit { position: inherit; }
.zindex1 { z-index: 1; }
.zindex-1 { z-index: -1; }
.zindex12{ z-index: 12; } 
.textshadow-none{ text-shadow: none;}
.overflowhidden { overflow: hidden; }
.no-overflowhidden { overflow: visible; }
.boxsizing { box-sizing: border-box; }
.border1 { border: 1px solid rgb(0 0 0 / 27%); }
.no-border { border: none ; }
.no-borderadius { border-radius: 0; }
.no-lh {line-height: inherit ; }
.no-padding {padding: 0!important; }
.no-paddingtop {padding-top: 0; }
.no-paddingbottom {padding-bottom: 0; }
.no-paddingleft {padding-left: 0; }
.no-paddingright {padding-right: 0; }
.no-margin {margin: 0!important; }
.no-margintop {margin-top: 0; }
.no-marginbottom {margin-bottom: 0; }
.no-marginleft {margin-left: 0; }
.no-marginright {margin-right: 0; }
.no-filter { filter: none !important;}
.no-background{ background:none;}
.no-borderbottom { border-bottom: none;}
.no-boxshadow {box-shadow:none!important}
.no-textdecoration{ text-decoration: none!important;}
.marginauto {margin: auto; }
.borderwhite { border: solid 1px var(--col-blanco); }
.displayflex { display: flex!important; }
.none { display:none; }
.flex { display: flex!important; }
.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); }
.center { text-align: center;}
.tex-center { text-align: center;}
.tex-left { text-align: left;}
.tex-right { text-align: right;}
.centrado { display: flex; justify-content: space-evenly; align-items: center; }
.center-v { display: flex!important; 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; align-content: center; align-items: center; }
.cursor-pointer{cursor: pointer;}
.grid-top{
align-content: start;
}
.button-noborder{
padding: var(--espacio-3xsmall);
border: none;
}
.degradeblack {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: var(--col-negro);
background: -webkit-linear-gradient(0deg, rgba(3, 0, 0, 0.71) 10%, rgba(3, 0, 0, 0.18) 40%, rgba(3, 0, 0, 0) 70%, rgba(8, 0, 0, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(3, 0, 0, 0.71) 10%, rgba(3, 0, 0, 0.18) 40%, rgba(3, 0, 0, 0) 70%, rgba(8, 0, 0, 0) 100%);
background: linear-gradient(0deg, rgba(3, 0, 0, 0.71) 10%, rgba(3, 0, 0, 0.18) 40%, rgba(3, 0, 0, 0) 70%, rgba(8, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030000", endColorstr="#080000", GradientType=0);
}
/* ///////////////// LISTA ///////////////// */
.lista-reset li {
padding: var(--espacio-4xsmall);
}
.lista-clasic {
margin: var(--espacio-small) auto;
    padding-left: var(--espacio-small);
}
.lista-clasic li {
padding: var(--espacio-4xsmall) 0;
    list-style: disc;
  font-size: var(--fontsize-3xsmall);
    line-height: var(--lineheight-4xsmall);
}
.lista {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
}
.lista li {
position: relative;
padding: var(--espacio-xsmall) 10px var(--espacio-3xsmall) 0;
border: none;  
list-style: none;
}
.lista li::before {
content: "";
position: absolute;
top: 0;
width:100%;
right: 0;
height: 1px;
background: var(--col-gris20);
}
.lista li:first-child::before {
display: none;
}
.lista-ol {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: decimal;
}
.lista-ol li {
position: relative;
margin-left: 13px;
padding: var(--espacio-2xsmall) 10px var(--espacio-2xsmall) 0;
border: none;
}
.lista-ol li::before {
content: "";
position: absolute;
top: 0;
width:100%;
right: 0;
height: 1px;
background: var(--col-gris20);
}
.lista-ol li:first-child::before {
display: none;
}
.lista-ul {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
}
.lista-ul li {
position: relative;
margin-left: 13px;
padding: var(--espacio-xsmall) 10px var(--espacio-3xsmall) 0;
border: none;  
list-style:disc;
}
.lista-ul li::before {
content: "";
position: absolute;
top: 0;
width:100%;
right: 0;
height: 1px;
background: var(--col-gris20);
}
.lista-ul li:first-child::before {
display: none;
}
/* ///////////// FIGURE IMG /////////////  */
figure {
height: 100%;
background: var(--col-040);
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
figure i {
border-radius: var(--espacio-4xsmall);
color: #fffffff5;
background: rgb(0 0 0 / 21%);
padding: 0 7px;
z-index: 1;
position: absolute;
}
figure i img {
filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
display: block;
}
figure:before {
content: "";
display: block;
padding-top: 66%;
width: 100%;
filter: blur(6px) brightness(0.7);
background-image: var(--background);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
figure img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
background: var(--col-grisclaro);
display: block;
max-width: 100%;
}
figure img:hover {
opacity: 0.9;
filter: alpha(opacity=50);
}
figure img[alt]:after {
content: attr(alt);
filter: var(--svg-blanco);
background-image: url("https://portal.andina.pe/edpespeciales/img/andina.svg");
background-repeat: no-repeat;
background-size: 40%;
background-position: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-size: var(--fontsize-small);
font-family: "Helvetica";
font-weight: 300;
line-height: 120px;
text-align: center;
}
figure figcaption {
font-size: var(--fontsize-4xsmall);
line-height: var(--lineheight-4xsmall);
padding: var(--espacio-xsmall) var(--espacio-small);
background: var(--trans-70negro);
color: var(--col-blanco);
width: 100%;
z-index: 1;
position: absolute;
bottom: 0;
}
figure figcaption a {
color: var(--col-blanco);
text-decoration: none;
}
figure figcaption a:hover {
color: var(--col-blanco)!important;
text-decoration: underline;
}
figure figcaption a:link {
color: var(--col-blanco);
}
figure figcaption a:active {
color: var(--col-blanco);
}
figure figcaption a:visited {
color: var(--col-blanco);
}
figure figcaption a:focus {
color:var(--col-blanco);
}
figure figcaption.credito-foto {
display: flex;
align-items: center;
}
figure figcaption.credito-foto:before {
content: url("https://infodesign.es/img/regular-foto.svg");
width: 23px;
display: inline-block;
margin-right: 5px;
filter: var(--svg-blanco);
}
figure.foto200:before { padding-top: 200%; }
figure.foto190:before { padding-top: 190%; }
figure.foto180:before { padding-top: 180%; }
figure.foto170:before { padding-top: 170%; }
figure.foto160:before { padding-top: 160%; }
figure.foto150:before { padding-top: 150%; }
figure.foto140:before { padding-top: 140%; }
figure.foto130:before { padding-top: 130%; }
figure.foto120:before { padding-top: 120%; }
figure.foto110:before { padding-top: 110%; }
figure.foto100:before { padding-top: 100%; }
figure.foto90:before { padding-top: 90%; }
figure.foto80:before { padding-top: 80%; }
figure.foto70:before { padding-top: 70%; }
figure.foto60:before { padding-top: 60%; }
figure.foto50:before { padding-top: 50%; }
figure.foto40:before { padding-top: 40%; }
figure.foto30:before { padding-top: 30%; }
figure.foto20:before { padding-top: 20%; }
figure.foto10:before { padding-top: 10%; }
/* ///////////// FIGURE GRID ///////////// */
figure.powerclip img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
height: 100%;
object-fit: cover;
background: var(--col-blanco);
}
figure.powerclip img[alt]:after {
content: attr(alt);
filter: var(--svg-blanco);
background-image: url("https://portal.andina.pe/edpespeciales/img/andina.svg");
background-repeat: no-repeat;
background-size: 40%;
background-position: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-size: var(--fontsize-small);
font-family: "Helvetica";
font-weight: 300;
line-height: 120px;
text-align: center;
}
.f1x1 { aspect-ratio: 1/1; }
.f2x1 { aspect-ratio: 2/1; }
.f1x2 { aspect-ratio: 1/2; }
.f3x1 { aspect-ratio: 3/1; }
.f1x3 { aspect-ratio: 1/3; }
.f4x1 { aspect-ratio: 4/1; }
.f1x4 { aspect-ratio: 1/4; }
.f3x2 { aspect-ratio: 3/2; }
.f2x3 { aspect-ratio: 2/3; }
.f3x4 { aspect-ratio: 3/4; }
.f4x3 { aspect-ratio: 4/3; }
.f4x5 { aspect-ratio: 4/5; }
.f7x4 { aspect-ratio: 7/4; }
.f5x4 { aspect-ratio: 5/4; }
.f6x4 { aspect-ratio: 6/4; }
.f6x3 { aspect-ratio: 6/3; }
.f4x6 { aspect-ratio: 4/6; }
.f9x16 { aspect-ratio: 9/16; }
.f16x9 { aspect-ratio: 16/9; }
/* //////////// FIGURE LEYENDA //////////// */
figure.leyenda {
position: initial;
display: contents;
/* display: initial; */
}
figure.leyenda:before {
padding-top: initial;
}
figure.leyenda img[alt]:after {
position: initial;
}
figure.leyenda img {
position: initial;
border-radius: 5px;
overflow: hidden;
}
figure.leyenda figcaption {
padding: var(--espacio-3xsmall) 0;
background: initial;
font-style: italic;
color: var(--col-fuente);
position: initial;
bottom: initial;
}
figure.leyenda.foto200:before { padding-top: initial; }
figure.leyenda.foto190:before { padding-top: initial; }
figure.leyenda.foto180:before { padding-top: initial; }
figure.leyenda.foto170:before { padding-top: initial; }
figure.leyenda.foto160:before { padding-top: initial; }
figure.leyenda.foto150:before { padding-top: initial; }
figure.leyenda.foto140:before { padding-top: initial; }
figure.leyenda.foto130:before { padding-top: initial; }
figure.leyenda.foto120:before { padding-top: initial; }
figure.leyenda.foto110:before { padding-top: initial; }
figure.leyenda.foto100:before { padding-top: initial; }
figure.leyenda.foto90:before { padding-top: initial; }
figure.leyenda.foto80:before { padding-top: initial; }
figure.leyenda.foto70:before { padding-top: initial; }
figure.leyenda.foto60:before { padding-top: initial; }
figure.leyenda.foto50:before { padding-top: initial; }
figure.leyenda.foto40:before { padding-top: initial; }
figure.leyenda.foto30:before { padding-top: initial; }
figure.leyenda.foto20:before { padding-top: initial; }
figure.leyenda.foto10:before { padding-top: initial; }
/* ///////////////// CONTENEDORES ///////////////// */
.container-full     { max-width: 100% !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-4xlarge  { max-width: 2560px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-3xlarge  { max-width: 1920px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-2xlarge  { max-width: 1600px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-xlarge   { max-width: 1366px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-large,.container { max-width: 1201px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-medium   { max-width: 993px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-small    { max-width: 801px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-xsmall   { max-width: 601px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-2xsmall  { max-width: 425px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-3xsmall  { max-width: 375px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.container-4xsmall  { max-width: 320px !important; width: 100% !important; margin: auto; display: block; padding: 0 var(--espacio-small);}
.box-full     { max-width: 100% !important; width: 100% !important; margin: auto; display: block;}
.box-4xlarge  { max-width: 2560px !important; width: 100% !important; margin: auto; display: block;}
.box-3xlarge  { max-width: 1920px !important; width: 100% !important; margin: auto; display: block;}
.box-2xlarge  { max-width: 1600px !important; width: 100% !important; margin: auto; display: block;}
.box-xlarge   { max-width: 1366px !important; width: 100% !important; margin: auto; display: block;}
.box-large,.box { max-width: 1201px !important; width: 100% !important; margin: auto; display: block;}
.box-medium   { max-width: 993px !important; width: 100% !important; margin: auto; display: block;}
.box-small    { max-width: 801px !important; width: 100% !important; margin: auto; display: block;}
.box-xsmall   { max-width: 601px !important; width: 100% !important; margin: auto; display: block;}
.box-2xsmall  { max-width: 425px !important; width: 100% !important; margin: auto; display: block;}
.box-3xsmall  { max-width: 375px !important; width: 100% !important; margin: auto; display: block;}
.box-4xsmall  { max-width: 320px !important; width: 100% !important; margin: auto; display: block;}
/* ///////////////// COLORES BACK ///////////////// */
.magenta { background: var(--col-magenta )}
.fucsia { background: var(--col-fucsia)}
.rojo { background: var(--col-rojo)!important}
.marron { background: var(--col-marron )}
.pardo { background: var(--col-pardo)}
.greige { background: var(--col-greige )}
.crema { background: var(--col-crema)}
.pino { background: var(--col-pino)}
.salvia { background: var(--col-salvia)}
.naranja { background: var(--col-naranja )}
.mostaza { background: var(--col-mostaza)}
.limon { background: var(--col-limon)}
.manzana { background: var(--col-manzana )}
.verde { background: var(--col-verde)}
.esmeralda { background: var(--col-esmeralda)}
.turquesa { background: var(--col-turquesa)}
.celeste { background: var(--col-celeste)}
.cielo { background: var(--col-cielo)}
.azul { background: var(--col-azul)}
.indigo { background: var(--col-indigo)}
.purpura { background: var(--col-purpura )}
.violeta { background: var(--col-violeta)}
.noche { background: var(--col-noche)}
.azulado { background: var(--col-azulado)}
.metal { background: var(--col-metal)}
.acero { background: var(--col-acero)}
.aluminio { background: var(--col-aluminio)}
.plateado { background: var(--col-plateado)}
.humo { background: var(--col-humo)}
.blanco { background: var(--col-blanco)}
.gris05 { background: var(--col-gris05)}
.gris10 { background: var(--col-gris10)}
.gris20 { background: var(--col-gris20)}
.gris30 { background: var(--col-gris30)}
.gris40 { background: var(--col-gris40)}
.gris50 { background: var(--col-gris50)}
.gris60 { background: var(--col-gris60)}
.gris70 { background: var(--col-gris70)}
.gris80 { background: var(--col-gris80)}
.gris90 { background: var(--col-gris90)}
.negro { background: var(--col-negro)}
.fuente { background: var(--col-fuente)}
.oscuro { background: var(--col-oscuro)!important}
.grisoscuro { background: var(--col-grisoscuro)}
.grismedio { background: var(--col-grismedio)}
.grisclaro { background: var(--col-grisclaro)}
.gristenue { background: var(--col-gristenue)}
/* ///////////////// COLORES TEXT ///////////////// */
.text-magenta { color: var(--col-magenta )}
.text-fucsia { color: var(--col-fucsia)}
.text-rojo { color: var(--col-rojo)}
.text-marron { color: var(--col-marron )}
.text-pardo { color: var(--col-pardo)}
.text-greige { color: var(--col-greige )}
.text-crema { color: var(--col-crema)}
.text-pino { color: var(--col-pino)}
.text-salvia { color: var(--col-salvia)}
.text-naranja { color: var(--col-naranja )}
.text-mostaza { color: var(--col-mostaza)}
.text-limon { color: var(--col-limon)}
.text-manzana { color: var(--col-manzana )}
.text-verde { color: var(--col-verde)}
.text-esmeralda { color: var(--col-esmeralda)}
.text-turquesa { color: var(--col-turquesa)}
.text-celeste { color: var(--col-celeste)}
.text-cielo { color: var(--col-cielo)}
.text-azul { color: var(--col-azul)}
.text-indigo { color: var(--col-indigo)}
.text-purpura { color: var(--col-purpura )}
.text-violeta { color: var(--col-violeta)}
.text-noche { color: var(--col-noche)}
.text-azulado { color: var(--col-azulado)}
.text-metal { color: var(--col-metal)}
.text-acero { color: var(--col-acero)}
.text-aluminio { color: var(--col-aluminio)}
.text-plateado { color: var(--col-plateado)}
.text-humo { color: var(--col-humo)}
.text-blanco { color: var(--col-blanco)}
.text-gris05 { color: var(--col-gris05)}
.text-gris10 { color: var(--col-gris10)}
.text-gris20 { color: var(--col-gris20)}
.text-gris30 { color: var(--col-gris30)}
.text-gris40 { color: var(--col-gris40)}
.text-gris50 { color: var(--col-gris50)}
.text-gris60 { color: var(--col-gris60)}
.text-gris70 { color: var(--col-gris70)}
.text-gris80 { color: var(--col-gris80)}
.text-gris90 { color: var(--col-gris90)}
.text-negro { color: var(--col-negro)}
.text-fuente { color: var(--col-fuente)}
.text-oscuro { color: var(--col-oscuro)}
.text-grisoscuro { color: var(--col-grisoscuro)}
.text-grismedio { color: var(--col-grismedio)}
.text-grisclaro { color: var(--col-grisclaro)}
.text-gristenue { color: var(--col-gristenue)}
/* ///////////////// COLORES SVG ///////////////// */
.svg-magenta { filter: var(--svg-magenta) }
.svg-fucsia { filter: var(--svg-fucsia) }
.svg-rojo { filter: var(--svg-rojo) }
.svg-marron { filter: var(--svg-marron) }
.svg-pardo { filter: var(--svg-pardo) }
.svg-greige { filter: var(--svg-greige) }
.svg-crema { filter: var(--svg-crema) }
.svg-pino { filter: var(--svg-pino) }
.svg-salvia { filter: var(--svg-salvia) }
.svg-naranja { filter: var(--svg-naranja) }
.svg-anaranjado { filter: var(--svg-anaranjado) }
.svg-mostaza { filter: var(--svg-mostaza) }
.svg-limon { filter: var(--svg-limon) }
.svg-manzana { filter: var(--svg-manzana) }
.svg-verde { filter: var(--svg-verde) }
.svg-esmeralda { filter: var(--svg-esmeralda) }
.svg-turquesa { filter: var(--svg-turquesa) }
.svg-celeste { filter: var(--svg-celeste) }
.svg-cielo { filter: var(--svg-cielo) }
.svg-azul { filter: var(--svg-azul) }
.svg-indigo { filter: var(--svg-indigo) }
.svg-purpura { filter: var(--svg-purpura) }
.svg-violeta { filter: var(--svg-violeta) }
.svg-noche { filter: var(--svg-noche) }
.svg-azulado { filter: var(--svg-azulado) }
.svg-metal { filter: var(--svg-metal) }
.svg-acero { filter: var(--svg-acero) }
.svg-aluminio { filter: var(--svg-aluminio) }
.svg-plateado { filter: var(--svg-plateado) }
.svg-humo { filter: var(--svg-humo) }
.svg-blanco { filter:var(--svg-blanco)!important; }
.svg-gris05 { filter:var(--svg-gris05); }
.svg-gris10 { filter:var(--svg-gris10); }
.svg-gris20 { filter:var(--svg-gris20); }
.svg-gris30 { filter:var(--svg-gris30); }
.svg-gris40 { filter:var(--svg-gris40); }
.svg-gris50 { filter:var(--svg-gris50); }
.svg-gris60 { filter:var(--svg-gris60); }
.svg-gris70 { filter:var(--svg-gris70); }
.svg-gris80 { filter:var(--svg-gris80); }
.svg-gris90 { filter:var(--svg-gris90); }
.svg-negro { filter:var(--svg-negro); }
.svg-fuente { filter:var(--svg-fuente); }
.svg-oscuro { filter: var(--svg-oscuro) }
.svg-grisoscuro { filter:var(--svg-grisoscuro); }
.svg-grismedio { filter:var(--svg-grismedio); }
.svg-grisclaro { filter:var(--svg-grisclaro); }
.svg-gristenue { filter:var(--svg-gristenue); }
/* ///////////////////////////////////// */
.fz-4xlarge { font-size: var(--fontsize-4xlarge); }
.fz-3xlarge { font-size: var(--fontsize-3xlarge); }
.fz-2xlarge { font-size: var(--fontsize-2xlarge); }
.fz-xlarge  { font-size: var(--fontsize-xlarge); }
.fz-large   { font-size: var(--fontsize-large); }
.fz-medium  { font-size: var(--fontsize-medium); }
.fz-small   { font-size: var(--fontsize-small); }
.fz-xsmall  { font-size: var(--fontsize-xsmall); }
.fz-2xsmall { font-size: var(--fontsize-2xsmall); }
.fz-4xsmall { font-size: var(--fontsize-3xsmall); }
.fz-4xsmall { font-size: var(--fontsize-4xsmall); }
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
/* ///////////////// WIDTH ///////////////// */
.logo-4xlarge { width: var(--logo-4xlarge);height: auto;display: block; }
.logo-3xlarge { width: var(--logo-3xlarge);height: auto;display: block; }
.logo-2xlarge { width: var(--logo-2xlarge);height: auto;display: block; }
.logo-xlarge  { width: var(--logo-xlarge);height: auto;display: block; }
.logo-large   { width: var(--logo-large);height: auto;display: block; }
.logo-medium  { width: var(--logo-medium);height: auto;display: block; }
.logo-small   { width: var(--logo-small );height: auto;display: block; }
.logo-xsmall  { width: var(--logo-xsmall);height: auto;display: block; }
.logo-2xsmall { width: var(--logo-2xsmall);height: auto;display: block; }
.logo-3xsmall { width: var(--logo-3xsmall);height: auto;display: block; }
.logo-4xsmall { width: var(--logo-4xsmall);height: auto;display: block; }
/* ///////////////// ANCHO ///////////////// */
.ancho-4xlarge { width: var(--ancho-4xlarge); }
.ancho-3xlarge { width: var(--ancho-3xlarge); }
.ancho-2xlarge { width: var(--ancho-2xlarge); }
.ancho-xlarge  { width: var(--ancho-xlarge); }
.ancho-large   { width: var(--ancho-large); }
.ancho-medium  { width: var(--ancho-medium); }
.ancho-small   { width: var(--ancho-small ); }
.ancho-xsmall  { width: var(--ancho-xsmall); }
.ancho-2xsmall { width: var(--ancho-2xsmall); }
.ancho-3xsmall { width: var(--ancho-3xsmall); }
.ancho-4xsmall { width: var(--ancho-4xsmall); }
/* ///////////////// LINE-HEIGHT ///////////////// */
.lh-4xlarge { line-height: var(--lineheight-4xlarge); }
.lh-3xlarge { line-height: var(--lineheight-3xlarge); }
.lh-2xlarge { line-height: var(--lineheight-2xlarge); }
.lh-xlarge  { line-height: var(--lineheight-xlarge); }
.lh-large   { line-height: var(--lineheight-large ); }
.lh-medium  { line-height: var(--lineheight-medium); }
.lh-small   { line-height: var(--lineheight-small); }
.lh-xsmall  { line-height: var(--lineheight-xsmall ); }
.lh-2xsmall { line-height: var(--lineheight-2xsmall); }
.lh-3xsmall { line-height: var(--lineheight-3xsmall); }
.lh-4xsmall { line-height: var(--lineheight-4xsmall); }
/* ///////////////// HEIGHT ///////////////// */
.hg-4xlarge { height: var(--espacio-4xlarge); }
.hg-3xlarge { height: var(--espacio-3xlarge); }
.hg-2xlarge { height: var(--espacio-2xlarge); }
.hg-xlarge  { height: var(--espacio-xlarge); }
.hg-large   { height: var(--espacio-large); }
.hg-medium  { height: var(--espacio-medium); }
.hg-small   { height: var(--espacio-small ); }
.hg-xsmall  { height: var(--espacio-xsmall); }
.hg-2xsmall { height: var(--espacio-2xsmall); }
.hg-3xsmall { height: var(--espacio-3xsmall); }
.hg-4xsmall { height: var(--espacio-4xsmall); }
/* ///////////////// HEIGHT ///////////////// */
.gap-4xlarge { gap: var(--espacio-4xlarge)!important;display:grid;align-items: start; }
.gap-3xlarge { gap: var(--espacio-3xlarge)!important;display:grid;align-items: start; }
.gap-2xlarge { gap: var(--espacio-2xlarge)!important;display:grid;align-items: start; }
.gap-xlarge  { gap: var(--espacio-xlarge)!important;display:grid;align-items: start; }
.gap-large   { gap: var(--espacio-large)!important;display:grid;align-items: start; }
.gap-medium  { gap: var(--espacio-medium)!important;display:grid;align-items: start; }
.gap-small   { gap: var(--espacio-small )!important;display:grid;align-items: start; }
.gap-xsmall  { gap: var(--espacio-xsmall)!important;display:grid;align-items: start; }
.gap-2xsmall { gap: var(--espacio-2xsmall)!important;display:grid;align-items: start; }
.gap-3xsmall { gap: var(--espacio-3xsmall)!important;display:grid;align-items: start; }
.gap-4xsmall { gap: var(--espacio-4xsmall)!important;display:grid;align-items: start; }
.gaprow-4xlarge { row-gap: var(--espacio-4xlarge);display:grid;align-items: start; }
.gaprow-3xlarge { row-gap: var(--espacio-3xlarge);display:grid;align-items: start; }
.gaprow-2xlarge { row-gap: var(--espacio-2xlarge);display:grid;align-items: start; }
.gaprow-xlarge  { row-gap: var(--espacio-xlarge);display:grid;align-items: start; }
.gaprow-large   { row-gap: var(--espacio-large);display:grid;align-items: start; }
.gaprow-medium  { row-gap: var(--espacio-medium);display:grid;align-items: start; }
.gaprow-small   { row-gap: var(--espacio-small );display:grid;align-items: start; }
.gaprow-xsmall  { row-gap: var(--espacio-xsmall);display:grid;align-items: start; }
.gaprow-2xsmall { row-gap: var(--espacio-2xsmall);display:grid;align-items: start; }
.gaprow-3xsmall { row-gap: var(--espacio-3xsmall);display:grid;align-items: start; }
.gaprow-4xsmall { row-gap: var(--espacio-4xsmall);display:grid;align-items: start; }
.gapcolumn-4xlarge { column-gap: var(--espacio-4xlarge);display:grid;align-items: start; }
.gapcolumn-3xlarge { column-gap: var(--espacio-3xlarge);display:grid;align-items: start; }
.gapcolumn-2xlarge { column-gap: var(--espacio-2xlarge);display:grid;align-items: start; }
.gapcolumn-xlarge  { column-gap: var(--espacio-xlarge);display:grid;align-items: start; }
.gapcolumn-large   { column-gap: var(--espacio-large);display:grid;align-items: start; }
.gapcolumn-medium  { column-gap: var(--espacio-medium);display:grid;align-items: start; }
.gapcolumn-small   { column-gap: var(--espacio-small );display:grid;align-items: start; }
.gapcolumn-xsmall  { column-gap: var(--espacio-xsmall);display:grid;align-items: start; }
.gapcolumn-2xsmall { column-gap: var(--espacio-2xsmall);display:grid;align-items: start; }
.gapcolumn-3xsmall { column-gap: var(--espacio-3xsmall);display:grid;align-items: start; }
.gapcolumn-4xsmall { column-gap: var(--espacio-4xsmall);display:grid;align-items: start; }
/* ///////////////// BORDER RADIUS ///////////////// */
.brs-4xlarge  { border-radius: var(--espacio-4xlarge) }
.brs-3xlarge  { border-radius: var(--espacio-3xlarge) }
.brs-2xlarge  { border-radius: var(--espacio-2xlarge) }
.brs-xlarge   { border-radius: var(--espacio-xlarge) }
.brs-large    { border-radius: var(--espacio-large) }
.brs-medium   { border-radius: var(--espacio-medium) }
.brs-small    { border-radius: var(--espacio-small) }
.brs-xsmall   { border-radius: var(--espacio-xsmall) }
.brs-2xsmall  { border-radius: var(--espacio-2xsmall) }
.brs-3xsmall  { border-radius: var(--espacio-3xsmall) }
.brs-4xsmall  { border-radius: var(--espacio-4xsmall) }
/* ///////////////// PADDING ///////////////// */
.padding-4xlarge        { padding: var(--espacio-4xlarge) }
.padding-3xlarge        { padding: var(--espacio-3xlarge) }
.padding-2xlarge        { padding: var(--espacio-2xlarge) }
.padding-xlarge         { padding: var(--espacio-xlarge) }
.padding-large          { padding: var(--espacio-large) }
.padding-medium         { padding: var(--espacio-medium) }
.padding-small          { padding: var(--espacio-small) }
.padding-xsmall         { padding: var(--espacio-xsmall) }
.padding-2xsmall        { padding: var(--espacio-2xsmall)!important }
.padding-3xsmall        { padding: var(--espacio-3xsmall)!important }
.padding-4xsmall        { padding: var(--espacio-4xsmall) }
.paddinglat-4xlarge     { padding: 0 var(--espacio-4xlarge) }
.paddinglat-3xlarge     { padding: 0 var(--espacio-3xlarge) }
.paddinglat-2xlarge     { padding: 0 var(--espacio-2xlarge) }
.paddinglat-xlarge      { padding: 0 var(--espacio-xlarge) }
.paddinglat-large       { padding: 0 var(--espacio-large) }
.paddinglat-medium      { padding: 0 var(--espacio-medium) }
.paddinglat-small       { padding: 0 var(--espacio-small) }
.paddinglat-xsmall      { padding: 0 var(--espacio-xsmall) }
.paddinglat-2xsmall     { padding: 0 var(--espacio-2xsmall) }
.paddinglat-3xsmall     { padding: 0 var(--espacio-3xsmall) }
.paddinglat-4xsmall     { padding: 0 var(--espacio-4xsmall) }
.paddingtopbott-4xlarge { padding: var(--espacio-4xlarge) 0 }
.paddingtopbott-3xlarge { padding: var(--espacio-3xlarge) 0 }
.paddingtopbott-2xlarge { padding: var(--espacio-2xlarge) 0 }
.paddingtopbott-xlarge  { padding: var(--espacio-xlarge) 0 }
.paddingtopbott-large   { padding: var(--espacio-large) 0 }
.paddingtopbott-medium  { padding: var(--espacio-medium) 0 }
.paddingtopbott-small   { padding: var(--espacio-small) 0 }
.paddingtopbott-xsmall  { padding: var(--espacio-xsmall) 0 }
.paddingtopbott-2xsmall { padding: var(--espacio-2xsmall) 0 }
.paddingtopbott-3xsmall { padding: var(--espacio-3xsmall) 0 }
.paddingtopbott-4xsmall { padding: var(--espacio-4xsmall) 0 }
.paddingtop-4xlarge     { padding: var(--espacio-4xlarge) 0 0 0 }
.paddingtop-3xlarge     { padding: var(--espacio-3xlarge) 0 0 0 }
.paddingtop-2xlarge     { padding: var(--espacio-2xlarge) 0 0 0 }
.paddingtop-xlarge      { padding: var(--espacio-xlarge) 0 0 0 }
.paddingtop-large       { padding: var(--espacio-large) 0 0 0 }
.paddingtop-medium      { padding: var(--espacio-medium) 0 0 0 }
.paddingtop-small       { padding: var(--espacio-small) 0 0 0 }
.paddingtop-xsmall      { padding: var(--espacio-xsmall) 0 0 0 }
.paddingtop-2xsmall     { padding: var(--espacio-2xsmall) 0 0 0 }
.paddingtop-3xsmall     { padding: var(--espacio-3xsmall) 0 0 0 }
.paddingtop-4xsmall     { padding: var(--espacio-4xsmall) 0 0 0 }
.paddingright-4xlarge   { padding: 0 var(--espacio-4xlarge) 0 0 }
.paddingright-3xlarge   { padding: 0 var(--espacio-3xlarge) 0 0 }
.paddingright-2xlarge   { padding: 0 var(--espacio-2xlarge) 0 0 }
.paddingright-xlarge    { padding: 0 var(--espacio-xlarge) 0 0 }
.paddingright-large     { padding: 0 var(--espacio-large) 0 0 }
.paddingright-medium    { padding: 0 var(--espacio-medium) 0 0 }
.paddingright-small     { padding: 0 var(--espacio-small) 0 0 }
.paddingright-xsmall    { padding: 0 var(--espacio-xsmall) 0 0 }
.paddingright-2xsmall   { padding: 0 var(--espacio-2xsmall) 0 0 }
.paddingright-3xsmall   { padding: 0 var(--espacio-3xsmall) 0 0 }
.paddingright-4xsmall   { padding: 0 var(--espacio-4xsmall) 0 0 }
.paddingbottom-4xlarge  { padding: 0 0 var(--espacio-4xlarge) 0 }
.paddingbottom-3xlarge  { padding: 0 0 var(--espacio-3xlarge) 0 }
.paddingbottom-2xlarge  { padding: 0 0 var(--espacio-2xlarge) 0 }
.paddingbottom-xlarge   { padding: 0 0 var(--espacio-xlarge) 0 }
.paddingbottom-large    { padding: 0 0 var(--espacio-large) 0 }
.paddingbottom-medium   { padding: 0 0 var(--espacio-medium) 0 }
.paddingbottom-small    { padding: 0 0 var(--espacio-small) 0 }
.paddingbottom-xsmall   { padding: 0 0 var(--espacio-xsmall) 0 }
.paddingbottom-2xsmall  { padding: 0 0 var(--espacio-2xsmall) 0 }
.paddingbottom-3xsmall  { padding: 0 0 var(--espacio-3xsmall) 0 }
.paddingbottom-4xsmall  { padding: 0 0 var(--espacio-4xsmall) 0 }
.paddingleft-4xlarge    { padding: 0 0 0 var(--espacio-4xlarge) }
.paddingleft-3xlarge    { padding: 0 0 0 var(--espacio-3xlarge) }
.paddingleft-2xlarge    { padding: 0 0 0 var(--espacio-2xlarge) }
.paddingleft-xlarge     { padding: 0 0 0 var(--espacio-xlarge) }
.paddingleft-large      { padding: 0 0 0 var(--espacio-large) }
.paddingleft-medium     { padding: 0 0 0 var(--espacio-medium) }
.paddingleft-small      { padding: 0 0 0 var(--espacio-small) }
.paddingleft-xsmall     { padding: 0 0 0 var(--espacio-xsmall) }
.paddingleft-2xsmall    { padding: 0 0 0 var(--espacio-2xsmall) }
.paddingleft-3xsmall    { padding: 0 0 0 var(--espacio-3xsmall) }
.paddingleft-4xsmall    { padding: 0 0 0 var(--espacio-4xsmall) }
/* ///////////////// MARGIN ///////////////// */
.margin-4xlarge        { margin: var(--espacio-4xlarge) }
.margin-3xlarge        { margin: var(--espacio-3xlarge) }
.margin-2xlarge        { margin: var(--espacio-2xlarge) }
.margin-xlarge         { margin: var(--espacio-xlarge) }
.margin-large          { margin: var(--espacio-large) }
.margin-medium         { margin: var(--espacio-medium) }
.margin-small          { margin: var(--espacio-small) }
.margin-xsmall         { margin: var(--espacio-xsmall) }
.margin-2xsmall        { margin: var(--espacio-2xsmall) }
.margin-3xsmall        { margin: var(--espacio-3xsmall) }
.margin-4xsmall        { margin: var(--espacio-4xsmall) }
.marginlat-4xlarge     { margin: 0 var(--espacio-4xlarge) }
.marginlat-3xlarge     { margin: 0 var(--espacio-3xlarge) }
.marginlat-2xlarge     { margin: 0 var(--espacio-2xlarge) }
.marginlat-xlarge      { margin: 0 var(--espacio-xlarge) }
.marginlat-large       { margin: 0 var(--espacio-large) }
.marginlat-medium      { margin: 0 var(--espacio-medium) }
.marginlat-small       { margin: 0 var(--espacio-small) }
.marginlat-xsmall      { margin: 0 var(--espacio-xsmall) }
.marginlat-2xsmall     { margin: 0 var(--espacio-2xsmall) }
.marginlat-3xsmall     { margin: 0 var(--espacio-3xsmall) }
.marginlat-4xsmall     { margin: 0 var(--espacio-4xsmall) }
.margintopbott-4xlarge { margin: var(--espacio-4xlarge) auto }
.margintopbott-3xlarge { margin: var(--espacio-3xlarge) auto }
.margintopbott-2xlarge { margin: var(--espacio-2xlarge) auto }
.margintopbott-xlarge  { margin: var(--espacio-xlarge) auto }
.margintopbott-large   { margin: var(--espacio-large) auto }
.margintopbott-medium  { margin: var(--espacio-medium) auto }
.margintopbott-small   { margin: var(--espacio-small) auto }
.margintopbott-xsmall  { margin: var(--espacio-xsmall) auto }
.margintopbott-2xsmall { margin: var(--espacio-2xsmall) auto }
.margintopbott-3xsmall { margin: var(--espacio-3xsmall) auto }
.margintopbott-4xsmall { margin: var(--espacio-4xsmall) auto }
.margintop-4xlarge     { margin: var(--espacio-4xlarge) 0 0 0 }
.margintop-3xlarge     { margin: var(--espacio-3xlarge) 0 0 0 }
.margintop-2xlarge     { margin: var(--espacio-2xlarge) 0 0 0 }
.margintop-xlarge      { margin: var(--espacio-xlarge) 0 0 0 }
.margintop-large       { margin: var(--espacio-large) 0 0 0 }
.margintop-medium      { margin: var(--espacio-medium) 0 0 0 }
.margintop-small       { margin: var(--espacio-small) 0 0 0 }
.margintop-xsmall      { margin: var(--espacio-xsmall) 0 0 0 }
.margintop-2xsmall     { margin: var(--espacio-2xsmall) 0 0 0 }
.margintop-3xsmall     { margin: var(--espacio-3xsmall) 0 0 0 }
.margintop-4xsmall     { margin: var(--espacio-4xsmall) 0 0 0 }
.marginright-4xlarge   { margin: 0 var(--espacio-4xlarge) 0 0 }
.marginright-3xlarge   { margin: 0 var(--espacio-3xlarge) 0 0 }
.marginright-2xlarge   { margin: 0 var(--espacio-2xlarge) 0 0 }
.marginright-xlarge    { margin: 0 var(--espacio-xlarge) 0 0 }
.marginright-large     { margin: 0 var(--espacio-large) 0 0 }
.marginright-medium    { margin: 0 var(--espacio-medium) 0 0 }
.marginright-small     { margin: 0 var(--espacio-small) 0 0 }
.marginright-xsmall    { margin: 0 var(--espacio-xsmall) 0 0 }
.marginright-2xsmall   { margin: 0 var(--espacio-2xsmall) 0 0 }
.marginright-3xsmall   { margin: 0 var(--espacio-3xsmall) 0 0 }
.marginright-4xsmall   { margin: 0 var(--espacio-4xsmall) 0 0 }
.marginbottom-4xlarge  { margin: 0 0 var(--espacio-4xlarge) 0 }
.marginbottom-3xlarge  { margin: 0 0 var(--espacio-3xlarge) 0 }
.marginbottom-2xlarge  { margin: 0 0 var(--espacio-2xlarge) 0 }
.marginbottom-xlarge   { margin: 0 0 var(--espacio-xlarge) 0 }
.marginbottom-large    { margin: 0 0 var(--espacio-large) 0 }
.marginbottom-medium   { margin: 0 0 var(--espacio-medium) 0 }
.marginbottom-small    { margin: 0 0 var(--espacio-small) 0 }
.marginbottom-xsmall   { margin: 0 0 var(--espacio-xsmall) 0 }
.marginbottom-2xsmall  { margin: 0 0 var(--espacio-2xsmall) 0 }
.marginbottom-3xsmall  { margin: 0 0 var(--espacio-3xsmall) 0 }
.marginbottom-4xsmall  { margin: 0 0 var(--espacio-4xsmall) 0 }
.marginleft-4xlarge    { margin: 0 0 0 var(--espacio-4xlarge) }
.marginleft-3xlarge    { margin: 0 0 0 var(--espacio-3xlarge) }
.marginleft-2xlarge    { margin: 0 0 0 var(--espacio-2xlarge) }
.marginleft-xlarge     { margin: 0 0 0 var(--espacio-xlarge) }
.marginleft-large      { margin: 0 0 0 var(--espacio-large) }
.marginleft-medium     { margin: 0 0 0 var(--espacio-medium) }
.marginleft-small      { margin: 0 0 0 var(--espacio-small) }
.marginleft-xsmall     { margin: 0 0 0 var(--espacio-xsmall) }
.marginleft-2xsmall    { margin: 0 0 0 var(--espacio-2xsmall) }
.marginleft-3xsmall    { margin: 0 0 0 var(--espacio-3xsmall) }
.marginleft-4xsmall    { margin: 0 0 0 var(--espacio-4xsmall) }
/* //////////// grid //////////// */
.grid {
display: grid;
width: 100%;
align-items: start;
}
.grid-1 {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-4 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-5 {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-6 {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-7 {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-8 {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-9 {
display: grid;
grid-template-columns: repeat(9, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-10 {
display: grid;
grid-template-columns: repeat(10, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-11 {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-12 {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-24 {
display: grid;
grid-template-columns: repeat(24, minmax(0, 1fr));
width: 100%;
align-items: start;
}
.grid-24 > [class^="coll-"],
.grid-24 > [class*=" coll-"] {
min-width: 0;
}
@media (max-width: 600px) {
.grid-24 > [class^="coll-"],
.grid-24 > [class*=" coll-"] {
grid-column: 1 / -1;
}
}
.coll-1-1 { grid-column: 1 / 2; }
.coll-1-2 { grid-column: 1 / 3; }
.coll-1-3 { grid-column: 1 / 4; }
.coll-1-4 { grid-column: 1 / 5; }
.coll-1-5 { grid-column: 1 / 6; }
.coll-1-6 { grid-column: 1 / 7; }
.coll-1-7 { grid-column: 1 / 8; }
.coll-1-8 { grid-column: 1 / 9; }
.coll-1-9 { grid-column: 1 / 10; }
.coll-1-10 { grid-column: 1 / 11; }
.coll-1-11 { grid-column: 1 / 12; }
.coll-1-12 { grid-column: 1 / 13; }
.coll-1-13 { grid-column: 1 / 14; }
.coll-1-14 { grid-column: 1 / 15; }
.coll-1-15 { grid-column: 1 / 16; }
.coll-1-16 { grid-column: 1 / 17; }
.coll-1-17 { grid-column: 1 / 18; }
.coll-1-18 { grid-column: 1 / 19; }
.coll-1-19 { grid-column: 1 / 20; }
.coll-1-20 { grid-column: 1 / 21; }
.coll-1-21 { grid-column: 1 / 22; }
.coll-1-22 { grid-column: 1 / 23; }
.coll-1-23 { grid-column: 1 / 24; }
.coll-1-24 { grid-column: 1 / 25; }
.coll-2-2 { grid-column: 2 / 3; }
.coll-2-3 { grid-column: 2 / 4; }
.coll-2-4 { grid-column: 2 / 5; }
.coll-2-5 { grid-column: 2 / 6; }
.coll-2-6 { grid-column: 2 / 7; }
.coll-2-7 { grid-column: 2 / 8; }
.coll-2-8 { grid-column: 2 / 9; }
.coll-2-9 { grid-column: 2 / 10; }
.coll-2-10 { grid-column: 2 / 11; }
.coll-2-11 { grid-column: 2 / 12; }
.coll-2-12 { grid-column: 2 / 13; }
.coll-2-13 { grid-column: 2 / 14; }
.coll-2-14 { grid-column: 2 / 15; }
.coll-2-15 { grid-column: 2 / 16; }
.coll-2-16 { grid-column: 2 / 17; }
.coll-2-17 { grid-column: 2 / 18; }
.coll-2-18 { grid-column: 2 / 19; }
.coll-2-19 { grid-column: 2 / 20; }
.coll-2-20 { grid-column: 2 / 21; }
.coll-2-21 { grid-column: 2 / 22; }
.coll-2-22 { grid-column: 2 / 23; }
.coll-2-23 { grid-column: 2 / 24; }
.coll-2-24 { grid-column: 2 / 25; }
.coll-3-3 { grid-column: 3 / 4; }
.coll-3-4 { grid-column: 3 / 5; }
.coll-3-5 { grid-column: 3 / 6; }
.coll-3-6 { grid-column: 3 / 7; }
.coll-3-7 { grid-column: 3 / 8; }
.coll-3-8 { grid-column: 3 / 9; }
.coll-3-9 { grid-column: 3 / 10; }
.coll-3-10 { grid-column: 3 / 11; }
.coll-3-11 { grid-column: 3 / 12; }
.coll-3-12 { grid-column: 3 / 13; }
.coll-3-13 { grid-column: 3 / 14; }
.coll-3-14 { grid-column: 3 / 15; }
.coll-3-15 { grid-column: 3 / 16; }
.coll-3-16 { grid-column: 3 / 17; }
.coll-3-17 { grid-column: 3 / 18; }
.coll-3-18 { grid-column: 3 / 19; }
.coll-3-19 { grid-column: 3 / 20; }
.coll-3-20 { grid-column: 3 / 21; }
.coll-3-21 { grid-column: 3 / 22; }
.coll-3-22 { grid-column: 3 / 23; }
.coll-3-23 { grid-column: 3 / 24; }
.coll-3-24 { grid-column: 3 / 25; }
.coll-4-4 { grid-column: 4 / 5; }
.coll-4-5 { grid-column: 4 / 6; }
.coll-4-6 { grid-column: 4 / 7; }
.coll-4-7 { grid-column: 4 / 8; }
.coll-4-8 { grid-column: 4 / 9; }
.coll-4-9 { grid-column: 4 / 10; }
.coll-4-10 { grid-column: 4 / 11; }
.coll-4-11 { grid-column: 4 / 12; }
.coll-4-12 { grid-column: 4 / 13; }
.coll-4-13 { grid-column: 4 / 14; }
.coll-4-14 { grid-column: 4 / 15; }
.coll-4-15 { grid-column: 4 / 16; }
.coll-4-16 { grid-column: 4 / 17; }
.coll-4-17 { grid-column: 4 / 18; }
.coll-4-18 { grid-column: 4 / 19; }
.coll-4-19 { grid-column: 4 / 20; }
.coll-4-20 { grid-column: 4 / 21; }
.coll-4-21 { grid-column: 4 / 22; }
.coll-4-22 { grid-column: 4 / 23; }
.coll-4-23 { grid-column: 4 / 24; }
.coll-4-24 { grid-column: 4 / 25; }
.coll-5-5 { grid-column: 5 / 6; }
.coll-5-6 { grid-column: 5 / 7; }
.coll-5-7 { grid-column: 5 / 8; }
.coll-5-8 { grid-column: 5 / 9; }
.coll-5-9 { grid-column: 5 / 10; }
.coll-5-10 { grid-column: 5 / 11; }
.coll-5-11 { grid-column: 5 / 12; }
.coll-5-12 { grid-column: 5 / 13; }
.coll-5-13 { grid-column: 5 / 14; }
.coll-5-14 { grid-column: 5 / 15; }
.coll-5-15 { grid-column: 5 / 16; }
.coll-5-16 { grid-column: 5 / 17; }
.coll-5-17 { grid-column: 5 / 18; }
.coll-5-18 { grid-column: 5 / 19; }
.coll-5-19 { grid-column: 5 / 20; }
.coll-5-20 { grid-column: 5 / 21; }
.coll-5-21 { grid-column: 5 / 22; }
.coll-5-22 { grid-column: 5 / 23; }
.coll-5-23 { grid-column: 5 / 24; }
.coll-5-24 { grid-column: 5 / 25; }
.coll-6-6 { grid-column: 6 / 7; }
.coll-6-7 { grid-column: 6 / 8; }
.coll-6-8 { grid-column: 6 / 9; }
.coll-6-9 { grid-column: 6 / 10; }
.coll-6-10 { grid-column: 6 / 11; }
.coll-6-11 { grid-column: 6 / 12; }
.coll-6-12 { grid-column: 6 / 13; }
.coll-6-13 { grid-column: 6 / 14; }
.coll-6-14 { grid-column: 6 / 15; }
.coll-6-15 { grid-column: 6 / 16; }
.coll-6-16 { grid-column: 6 / 17; }
.coll-6-17 { grid-column: 6 / 18; }
.coll-6-18 { grid-column: 6 / 19; }
.coll-6-19 { grid-column: 6 / 20; }
.coll-6-20 { grid-column: 6 / 21; }
.coll-6-21 { grid-column: 6 / 22; }
.coll-6-22 { grid-column: 6 / 23; }
.coll-6-23 { grid-column: 6 / 24; }
.coll-6-24 { grid-column: 6 / 25; }
.coll-7-7 { grid-column: 7 / 8; }
.coll-7-8 { grid-column: 7 / 9; }
.coll-7-9 { grid-column: 7 / 10; }
.coll-7-10 { grid-column: 7 / 11; }
.coll-7-11 { grid-column: 7 / 12; }
.coll-7-12 { grid-column: 7 / 13; }
.coll-7-13 { grid-column: 7 / 14; }
.coll-7-14 { grid-column: 7 / 15; }
.coll-7-15 { grid-column: 7 / 16; }
.coll-7-16 { grid-column: 7 / 17; }
.coll-7-17 { grid-column: 7 / 18; }
.coll-7-18 { grid-column: 7 / 19; }
.coll-7-19 { grid-column: 7 / 20; }
.coll-7-20 { grid-column: 7 / 21; }
.coll-7-21 { grid-column: 7 / 22; }
.coll-7-22 { grid-column: 7 / 23; }
.coll-7-23 { grid-column: 7 / 24; }
.coll-7-24 { grid-column: 7 / 25; }
.coll-8-8 { grid-column: 8 / 9; }
.coll-8-9 { grid-column: 8 / 10; }
.coll-8-10 { grid-column: 8 / 11; }
.coll-8-11 { grid-column: 8 / 12; }
.coll-8-12 { grid-column: 8 / 13; }
.coll-8-13 { grid-column: 8 / 14; }
.coll-8-14 { grid-column: 8 / 15; }
.coll-8-15 { grid-column: 8 / 16; }
.coll-8-16 { grid-column: 8 / 17; }
.coll-8-17 { grid-column: 8 / 18; }
.coll-8-18 { grid-column: 8 / 19; }
.coll-8-19 { grid-column: 8 / 20; }
.coll-8-20 { grid-column: 8 / 21; }
.coll-8-21 { grid-column: 8 / 22; }
.coll-8-22 { grid-column: 8 / 23; }
.coll-8-23 { grid-column: 8 / 24; }
.coll-8-24 { grid-column: 8 / 25; }
.coll-9-9 { grid-column: 9 / 10; }
.coll-9-10 { grid-column: 9 / 11; }
.coll-9-11 { grid-column: 9 / 12; }
.coll-9-12 { grid-column: 9 / 13; }
.coll-9-13 { grid-column: 9 / 14; }
.coll-9-14 { grid-column: 9 / 15; }
.coll-9-15 { grid-column: 9 / 16; }
.coll-9-16 { grid-column: 9 / 17; }
.coll-9-17 { grid-column: 9 / 18; }
.coll-9-18 { grid-column: 9 / 19; }
.coll-9-19 { grid-column: 9 / 20; }
.coll-9-20 { grid-column: 9 / 21; }
.coll-9-21 { grid-column: 9 / 22; }
.coll-9-22 { grid-column: 9 / 23; }
.coll-9-23 { grid-column: 9 / 24; }
.coll-9-24 { grid-column: 9 / 25; }
.coll-10-10 { grid-column: 10 / 11; }
.coll-10-11 { grid-column: 10 / 12; }
.coll-10-12 { grid-column: 10 / 13; }
.coll-10-13 { grid-column: 10 / 14; }
.coll-10-14 { grid-column: 10 / 15; }
.coll-10-15 { grid-column: 10 / 16; }
.coll-10-16 { grid-column: 10 / 17; }
.coll-10-17 { grid-column: 10 / 18; }
.coll-10-18 { grid-column: 10 / 19; }
.coll-10-19 { grid-column: 10 / 20; }
.coll-10-20 { grid-column: 10 / 21; }
.coll-10-21 { grid-column: 10 / 22; }
.coll-10-22 { grid-column: 10 / 23; }
.coll-10-23 { grid-column: 10 / 24; }
.coll-10-24 { grid-column: 10 / 25; }
.coll-11-11 { grid-column: 11 / 12; }
.coll-11-12 { grid-column: 11 / 13; }
.coll-11-13 { grid-column: 11 / 14; }
.coll-11-14 { grid-column: 11 / 15; }
.coll-11-15 { grid-column: 11 / 16; }
.coll-11-16 { grid-column: 11 / 17; }
.coll-11-17 { grid-column: 11 / 18; }
.coll-11-18 { grid-column: 11 / 19; }
.coll-11-19 { grid-column: 11 / 20; }
.coll-11-20 { grid-column: 11 / 21; }
.coll-11-21 { grid-column: 11 / 22; }
.coll-11-22 { grid-column: 11 / 23; }
.coll-11-23 { grid-column: 11 / 24; }
.coll-11-24 { grid-column: 11 / 25; }
.coll-12-12 { grid-column: 12 / 13; }
.coll-12-13 { grid-column: 12 / 14; }
.coll-12-14 { grid-column: 12 / 15; }
.coll-12-15 { grid-column: 12 / 16; }
.coll-12-16 { grid-column: 12 / 17; }
.coll-12-17 { grid-column: 12 / 18; }
.coll-12-18 { grid-column: 12 / 19; }
.coll-12-19 { grid-column: 12 / 20; }
.coll-12-20 { grid-column: 12 / 21; }
.coll-12-21 { grid-column: 12 / 22; }
.coll-12-22 { grid-column: 12 / 23; }
.coll-12-23 { grid-column: 12 / 24; }
.coll-12-24 { grid-column: 12 / 25; }
.coll-13-13 { grid-column: 13 / 14; }
.coll-13-14 { grid-column: 13 / 15; }
.coll-13-15 { grid-column: 13 / 16; }
.coll-13-16 { grid-column: 13 / 17; }
.coll-13-17 { grid-column: 13 / 18; }
.coll-13-18 { grid-column: 13 / 19; }
.coll-13-19 { grid-column: 13 / 20; }
.coll-13-20 { grid-column: 13 / 21; }
.coll-13-21 { grid-column: 13 / 22; }
.coll-13-22 { grid-column: 13 / 23; }
.coll-13-23 { grid-column: 13 / 24; }
.coll-13-24 { grid-column: 13 / 25; }
.coll-14-14 { grid-column: 14 / 15; }
.coll-14-15 { grid-column: 14 / 16; }
.coll-14-16 { grid-column: 14 / 17; }
.coll-14-17 { grid-column: 14 / 18; }
.coll-14-18 { grid-column: 14 / 19; }
.coll-14-19 { grid-column: 14 / 20; }
.coll-14-20 { grid-column: 14 / 21; }
.coll-14-21 { grid-column: 14 / 22; }
.coll-14-22 { grid-column: 14 / 23; }
.coll-14-23 { grid-column: 14 / 24; }
.coll-14-24 { grid-column: 14 / 25; }
.coll-15-15 { grid-column: 15 / 16; }
.coll-15-16 { grid-column: 15 / 17; }
.coll-15-17 { grid-column: 15 / 18; }
.coll-15-18 { grid-column: 15 / 19; }
.coll-15-19 { grid-column: 15 / 20; }
.coll-15-20 { grid-column: 15 / 21; }
.coll-15-21 { grid-column: 15 / 22; }
.coll-15-22 { grid-column: 15 / 23; }
.coll-15-23 { grid-column: 15 / 24; }
.coll-15-24 { grid-column: 15 / 25; }
.coll-16-16 { grid-column: 16 / 17; }
.coll-16-17 { grid-column: 16 / 18; }
.coll-16-18 { grid-column: 16 / 19; }
.coll-16-19 { grid-column: 16 / 20; }
.coll-16-20 { grid-column: 16 / 21; }
.coll-16-21 { grid-column: 16 / 22; }
.coll-16-22 { grid-column: 16 / 23; }
.coll-16-23 { grid-column: 16 / 24; }
.coll-16-24 { grid-column: 16 / 25; }
.coll-17-17 { grid-column: 17 / 18; }
.coll-17-18 { grid-column: 17 / 19; }
.coll-17-19 { grid-column: 17 / 20; }
.coll-17-20 { grid-column: 17 / 21; }
.coll-17-21 { grid-column: 17 / 22; }
.coll-17-22 { grid-column: 17 / 23; }
.coll-17-23 { grid-column: 17 / 24; }
.coll-17-24 { grid-column: 17 / 25; }
.coll-18-18 { grid-column: 18 / 19; }
.coll-18-19 { grid-column: 18 / 20; }
.coll-18-20 { grid-column: 18 / 21; }
.coll-18-21 { grid-column: 18 / 22; }
.coll-18-22 { grid-column: 18 / 23; }
.coll-18-23 { grid-column: 18 / 24; }
.coll-18-24 { grid-column: 18 / 25; }
.coll-19-19 { grid-column: 19 / 20; }
.coll-19-20 { grid-column: 19 / 21; }
.coll-19-21 { grid-column: 19 / 22; }
.coll-19-22 { grid-column: 19 / 23; }
.coll-19-23 { grid-column: 19 / 24; }
.coll-19-24 { grid-column: 19 / 25; }
.coll-20-20 { grid-column: 20 / 21; }
.coll-20-21 { grid-column: 20 / 22; }
.coll-20-22 { grid-column: 20 / 23; }
.coll-20-23 { grid-column: 20 / 24; }
.coll-20-24 { grid-column: 20 / 25; }
.coll-21-21 { grid-column: 21 / 22; }
.coll-21-22 { grid-column: 21 / 23; }
.coll-21-23 { grid-column: 21 / 24; }
.coll-21-24 { grid-column: 21 / 25; }
.coll-22-22 { grid-column: 22 / 23; }
.coll-22-23 { grid-column: 22 / 24; }
.coll-22-24 { grid-column: 22 / 25; }
.coll-23-23 { grid-column: 23 / 24; }
.coll-23-24 { grid-column: 23 / 25; }
.coll-24-24 { grid-column: 24 / 25; }
.col-2autofill { grid-template-columns: repeat(auto-fill, minmax(2rem, 1fr)); }
.col-3autofill { grid-template-columns: repeat(auto-fill, minmax(3rem, 1fr)); }
.col-4autofill { grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr)); }
.col-5autofill { grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr)); }
.col-6autofill { grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); }
.col-7autofill { grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); }
.col-8autofill { grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }
.col-9autofill { grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); }
/* .col-10autofill { grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); } */
.col-11autofill { grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); }
.col-12autofill { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
.grid-span2 { grid-column: span 2!important;}
.grid-span3 { grid-column: span 3!important;}
.grid-span4 { grid-column: span 4!important;}
.grid-span5 { grid-column: span 5!important;}
.grid-span6 { grid-column: span 6!important;}
.grid-span7 { grid-column: span 7!important;}
.grid-span8 { grid-column: span 8!important;}
.grid-span9 { grid-column: span 9!important;}
.grid-span10 { grid-column: span 10!important;}
.grid-span11 { grid-column: span 11!important;}
.grid-span12 { grid-column: span 12!important;}
.col-center {align-items: center;}
/* //////////// LINEAS SEPARADORAS //////////// */
.string-h,.string-w  {
  position: relative;
  }
  .string-h::after,.string-w::after {
  content: "";
  position: absolute;
  background: var(--col-gris20);
  }
  .string-w::after {
  left: 0;
  right: 0;
  height: 1px;
  }
  .string-h::after {
  top: 0;
  bottom: 0;
  width: 1px;
  }
  .string-w.top-4xlarge::after { top: calc(var(--espacio-4xlarge) / -2); }
  .string-w.top-3xlarge::after { top: calc(var(--espacio-3xlarge) / -2); }
  .string-w.top-2xlarge::after { top: calc(var(--espacio-2xlarge) / -2); }
  .string-w.top-xlarge::after { top: calc(var(--espacio-xlarge) / -2); }
  .string-w.top-large::after { top: calc(var(--espacio-large) / -2); }
  .string-w.top-medium::after { top: calc(var(--espacio-medium) / -2); }
  .string-w.top-small::after { top: calc(var(--espacio-small) / -2); }
  .string-w.top-xsmall::after { top: calc(var(--espacio-xsmall) / -2); }
  .string-w.top-2xsmall::after { top: calc(var(--espacio-2xsmall) / -2); }
  .string-w.top-3xsmall::after { top: calc(var(--espacio-3xsmall) / -2); }
  .string-w.top-4xsmall::after { top: calc(var(--espacio-4xsmall) / -2); }
  .string-w.bottom-4xlarge::after { bottom: calc(var(--espacio-4xlarge) / -2); }
  .string-w.bottom-3xlarge::after { bottom: calc(var(--espacio-3xlarge) / -2); }
  .string-w.bottom-2xlarge::after { bottom: calc(var(--espacio-2xlarge) / -2); }
  .string-w.bottom-xlarge::after { bottom: calc(var(--espacio-xlarge) / -2); }
  .string-w.bottom-large::after { bottom: calc(var(--espacio-large) / -2); }
  .string-w.bottom-medium::after { bottom: calc(var(--espacio-medium) / -2); }
  .string-w.bottom-small::after { bottom: calc(var(--espacio-small) / -2); }
  .string-w.bottom-xsmall::after { bottom: calc(var(--espacio-xsmall) / -2); }
  .string-w.bottom-2xsmall::after { bottom: calc(var(--espacio-2xsmall) / -2); }
  .string-w.bottom-3xsmall::after { bottom: calc(var(--espacio-3xsmall) / -2); }
  .string-w.bottom-4xsmall::after { bottom: calc(var(--espacio-4xsmall) / -2); }
  .string-h.left-4xlarge::after { left: calc(var(--espacio-4xlarge) / -2); }
  .string-h.left-3xlarge::after { left: calc(var(--espacio-3xlarge) / -2); }
  .string-h.left-2xlarge::after { left: calc(var(--espacio-2xlarge) / -2); }
  .string-h.left-xlarge::after { left: calc(var(--espacio-xlarge) / -2); }
  .string-h.left-large::after { left: calc(var(--espacio-large) / -2); }
  .string-h.left-medium::after { left: calc(var(--espacio-medium) / -2); }
  .string-h.left-small::after { left: calc(var(--espacio-small) / -2); }
  .string-h.left-xsmall::after { left: calc(var(--espacio-xsmall) / -2); }
  .string-h.left-2xsmall::after { left: calc(var(--espacio-2xsmall) / -2); }
  .string-h.left-3xsmall::after { left: calc(var(--espacio-3xsmall) / -2); }
  .string-h.left-4xsmall::after { left: calc(var(--espacio-4xsmall) / -2); }
  .string-h.right-4xlarge::after { right: calc(var(--espacio-4xlarge) / -2); }
  .string-h.right-3xlarge::after { right: calc(var(--espacio-3xlarge) / -2); }
  .string-h.right-2xlarge::after { right: calc(var(--espacio-2xlarge) / -2); }
  .string-h.right-xlarge::after { right: calc(var(--espacio-xlarge) / -2); }
  .string-h.right-large::after { right: calc(var(--espacio-large) / -2); }
  .string-h.right-medium::after { right: calc(var(--espacio-medium) / -2); }
  .string-h.right-small::after { right: calc(var(--espacio-small) / -2); }
  .string-h.right-xsmall::after { right: calc(var(--espacio-xsmall) / -2); }
  .string-h.right-2xsmall::after { right: calc(var(--espacio-2xsmall) / -2); }
  .string-h.right-3xsmall::after { right: calc(var(--espacio-3xsmall) / -2); }
  .string-h.right-4xsmall::after { right: calc(var(--espacio-4xsmall) / -2); }
/* ///////////// SEARCH /////////////  */
.search {
border-radius: var(--espacio-4xsmall);
overflow: hidden;
}
.search form {
display: flex;
}
.search form button {
background: var(--col-blanco);
display: flex;
align-items: center;
border-radius:  var(--espacio-4xsmall) 0 0 var(--espacio-4xsmall);
border: none;
padding: 0 var(--espacio-2xsmall);
box-shadow: inset 1px 0px 0px 1px rgb(0 0 0 / 15%);
}
.search form button:hover {
background: var(--col-gris10);
}
.search form input {
font-size: var(--fontsize-3xsmall);
padding: var(--espacio-3xsmall) var(--espacio-3xsmall);
margin: 0;
border-radius: 0 var(--espacio-4xsmall) var(--espacio-4xsmall) 0;
border: 0;
outline: none;
width: 100%;
box-shadow: inset -1px 0px 0px 1px rgb(0 0 0 / 15%);
}
/* ///////////// VIDEO POSTER ///////////// */
.video-container {
position: relative;
padding-bottom: 56.25% !important;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-facebook {
position: relative;
padding-bottom: 53% !important;
height: 0;
overflow: hidden;
}
.video-facebook iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-poster {
position: relative;
width: 100%;
height: 0;
background-color: var(--col-grisoscuro);
border-radius: var(--espacio-3xsmall);
overflow: hidden;
border: 1px solid var(--col-grisclaro);
padding-top: 56%;
}
.video-poster iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.video-poster button {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
.video-poster button:before {
content: "";
position: absolute;
top: 48%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: var(--col-rojo);
border-radius: var(--espacio-xsmall);
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.video-poster button:after {
content: "";
position: absolute;
top: 48%;
left: 50%;
width: 0;
height: 0;
margin: -25px 0 0 -13px;
border-left: 40px solid var(--col-blanco);
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.video-poster button:hover:before,
.video-poster button:focus:before {
border-color: #ffffff87;
background: #c6282887;
}
.video-poster button:hover:after,
.video-poster button:focus:after {
border-left-color: #ffffff87;
}
.video-active button {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.truncate {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
max-height: calc(1.4em * 4);
white-space: normal;
}
.video-poster .button {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
.video-poster .button:before {
content: "";
position: absolute;
top: 48%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: var(--col-rojo);
border-radius: var(--espacio-xsmall);
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.video-poster .button:after {
content: "";
position: absolute;
top: 48%;
left: 50%;
width: 0;
height: 0;
margin: -25px 0 0 -13px;
border-left: 40px solid var(--col-blanco);
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.video-poster .button:hover:before,
.video-poster .button:focus:before {
border-color: #ffffff87;
background: #c6282887;
}
.video-poster .button:hover:after,
.video-poster .button:focus:after {
border-left-color: #ffffff87;
}
.video-active .button {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
/* //////////// FOOTER //////////// */
.footer section span{
margin: var(--espacio-2xsmall) 0;
text-align: left;
max-width: 500px;
width: 100%;
margin: auto;
}
/* //////////// LOGOS //////////// */
.logos {
display: flex;
align-items: center;
justify-content: center;
}
.logos ul{
display: flex;
    justify-content: space-evenly;
align-items: center;
overflow-x: auto;
white-space: nowrap;
font-size: var(--font-size-3xsmall);
font-weight: 300;
margin: 0 var(--espacio-3xsmall);
padding: var(--espacio-3xsmall) 0;
width: 100%;
}
.logos ul li a {
display: inline-block;
color: var(--col-blanco);
text-align: center;
padding: var(--espacio-3xsmall);
text-decoration: none;
transition: box-shadow 0.3s ease;
}
.logos ul::-webkit-scrollbar {
height: 0;
}
/* //////////// MEDIA //////////// */
@media only screen and (min-width: 1201px) {
  .oculto-full-desktop {display: none !important; }
  .ver-full-desktop {display: block !important; }
}
@media only screen and (min-width: 993px) {
  .oculto-desktop { display: none !important; }
  .ver-desktop { display: block !important; }
}
@media only screen and (min-width: 801px) {
  .oculto-desktop-medium { display: none !important; }
}
@media only screen and (min-width: 601px) {
  .oculto-tablet-desktop { display: none !important; }
  .ver-tablet-desktop { display: block !important; }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .oculto-tablet { display: none !important; }
  .ver-tablet { display: block !important; }
}
@media only screen and (max-width: 970px) {
  .reset-columnnas-movil { grid-template-columns: none!important; }
  .grid-24 { grid-column: 1; grid-template-columns: minmax(0, 19fr) minmax(0, 5fr); }
  .grid-24 section {  grid-column: 1; }
  .grid-24 aside { grid-column: 2; overflow-wrap: anywhere; }
  .grid-5 { display: flex; flex-direction: column; }
  .grid-span2-700{ grid-column:initial!important; }
  .grid-none-970{
    grid-column: none!important;
  }
}
@media only screen and (max-width: 992px) {
  .oculto-tablet-movil { display: none !important; }
  .oculto-desktop { display: inline-block !important ; }
  .ver-tablet-movil { display: block !important; }
  .sticky { position: sticky; top:0; z-index: 3; }
  }
@media only screen and (max-width: 900px) {
  .grid-2 { grid-template-columns: initial; }
  .grid-3 { grid-template-columns: initial; }
  .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--espacio-2xlarge ) ;}
  .grid-5 { grid-template-columns: initial; }
  .grid-6 { grid-template-columns: initial; }
  .grid-span3{ grid-column:initial!important; }
  .grid-span4{ grid-column:initial!important; }
  .grid-span5{ grid-column:initial!important; }
  .grid-span6{ grid-column:initial!important; }
  ul.lista { display: contents; }
  .grid-span3-900 { grid-column: span 2 !important; }
  .grid-span1-900 { grid-column: span 1 !important; }
}
@media only screen and (max-width: 722px) {
}
@media only screen and (max-width: 660px) {
}
@media only screen and (max-width: 600px) {
  .oculto-movil { display: none !important; }
  .ver-movil { display: block !important; }
  .grid-1 { grid-template-columns: initial; }
  .grid-2 { grid-template-columns: initial; }
  .grid-3 { grid-template-columns: initial; }
  .grid-4 { grid-template-columns: initial; }
  .grid-5 { grid-template-columns: initial; }
  .grid-6 { grid-template-columns: initial; }
  .grid-24 { grid-template-columns: initial; }
  .grid-span1 { grid-column:initial!important; }
  .grid-span2 { grid-column:initial!important; }
  .grid-span3 { grid-column:initial!important; }
  .grid-span4{  grid-column:initial!important; }
  .grid-span5 { rid-column:initial!important; }
  .grid-span6 { grid-column:initial!important; }
  figure.leyendatitulo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  height: auto;
  overflow: hidden;
  align-items: stretch;
  }
  figure.leyendatitulo:before {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  padding-top: 66%;
  }
  figure.leyendatitulo.foto60:before {
  padding-top: 60%;
  }
  figure.leyendatitulo > img {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  }
  figure.leyendatitulo > i {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  }
  figure.leyendatitulo > figcaption {
  grid-column: 1;
  grid-row: 2;
  position: relative;
  inset: auto;
  bottom: auto;
  width: 100%;
  box-sizing: border-box;
  padding: var(--espacio-xsmall) 0;
  background: none;
  }
  figure.leyendatitulo figcaption a:link {
  color: var(--col-fuente);
  }
  .parallax {
    height: 600px!important;
}
}
/* ///////////////// MODO NOCHE ///////////////// */
:root {
  --lectura-noche-fondo: var(--col-noche);
  --lectura-noche-superficie: var(--col-oscuro);
  --lectura-noche-texto: var(--col-humo);
  --lectura-noche-texto-secundario: var(--col-aluminio);
  --lectura-noche-borde: var(--col-gris70);
}
.button-noche{
  height: 35px;
  width: 35px;
  border-radius: 50%;
  box-shadow: none;  
  margin-right: 10px;  
  display: flex;
  align-items: center;
  justify-content: center;  
}
body.lectura-noche {
  background: var(--lectura-noche-fondo);
  color: var(--lectura-noche-texto);
}
body.lectura-noche main,
body.lectura-noche article,
body.lectura-noche aside,
body.lectura-noche .blanco,
body.lectura-noche .gris05,
body.lectura-noche .gris10,
body.lectura-noche .gristenue {
  background: var(--lectura-noche-superficie) !important;
  color: var(--lectura-noche-texto) !important;
}
body.lectura-noche article a,
body.lectura-noche article a:link,
body.lectura-noche article a:visited,
body.lectura-noche footer a,
body.lectura-noche footer a:link,
body.lectura-noche footer a:visited,
body.lectura-noche figure.leyenda figcaption,
body.lectura-noche .text-fuente {
  color: var(--lectura-noche-texto) !important;
}
body.lectura-noche time,
body.lectura-noche small,
body.lectura-noche del,
body.lectura-noche .lista-ul ul a:link {
  color: var(--lectura-noche-texto-secundario);
}
body.lectura-noche ul a:link {
    color: var(--lectura-noche-texto-secundario);
}
body.lectura-noche .button-reset.line {
  background: var(--lectura-noche-superficie) !important;
  color: var(--lectura-noche-texto-secundario);
}
body.lectura-noche hr,
body.lectura-noche .lista li::before,
body.lectura-noche .lista-ol li::before,
body.lectura-noche .lista-ul li::before {
  background: var(--lectura-noche-borde) !important;
}
.lectura-noche-boton {
  background: var(--trans-50negro);
  border: 1px solid var(--trans-30blanco);
  color: var(--col-blanco);
  white-space: nowrap;
}
.lectura-noche-boton[aria-pressed="true"] {
  background: var(--trans-30negro);
color: var(--col-noche);
}
body.lectura-noche .plateado,
body.lectura-noche .sidebar-lelf .humo {
  background: var(--lectura-noche-superficie) !important;
}
body.lectura-noche main .share .button-reset svg,
body.lectura-noche footer svg,
body.lectura-noche .sidebar-lelf header a svg  {
  filter: var(--svg-blanco) !important;
}
body.lectura-noche .titulo-seccion::before, 
body.lectura-noche .titulo-seccion::after, 
body.lectura-noche .line-h:not(:last-child)::after,
body.lectura-noche .line-vd::after,
body.lectura-noche .line-vd-3xlarge::after,
body.lectura-noche .line-vi::after {
background: var(--trans-20blanco);
}
body.lectura-noche .titulo-seccion b {
  border-right-color: var(--trans-20blanco);
}