@font-face{font-family:"Belleza";src:url(belleza.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(jost.woff2) format("woff2");font-weight:340;font-style:normal;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(albertsans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --s:2rem;--xl:6rem;--m:3rem;--xs:1rem;--l:4rem;--xxs:.5rem;--xxxs:.2rem;--xxl:12rem;
  --sp-gap:var(--s);--cab:5.8rem;
  --blanco:#fff;--negro:#000;--gris:#a4a4a4;--gris-claro:#e1e1e1;--gris-fino:#f0f0f0;
  --borde:1px solid var(--gris-claro);--radio:2.5rem;--blur:8px;
  --serif:"Belleza","Marcellus","Optima","Candara",sans-serif;--serif-b:"Jost","Albert Sans","Helvetica Neue",Arial,sans-serif;--sans:"Albert Sans","Helvetica Neue",Arial,sans-serif;
  --swiper-theme-color:#000;--swiper-pagination-bullet-inactive-color:#a4a4a4;--swiper-pagination-bullet-inactive-opacity:1;
  --swiper-pagination-bullet-horizontal-gap:.5rem;--swiper-pagination-bullet-size:.5rem;--swiper-pagination-bottom:0;
}
@media (min-width:40rem){:root{--sp-gap:var(--m)}}
@media (min-width:64rem){:root{--sp-gap:var(--l);--cab:7.8rem}}

*{box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scrollbar-width:none}
::-webkit-scrollbar{display:none}
html{font-size:10px;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:weight}
@media (min-width:48rem){html{font-size:10px}}
@media (min-width:80rem){html{font-size:calc(10px + .1vw)}}
html.bloqueo,html.bloqueo body{overflow:hidden}
body{margin:0;background:var(--blanco);color:var(--negro);font-family:var(--sans);overscroll-behavior:none;overflow-x:hidden}
::selection{background:var(--gris);color:#fff}
img,svg{display:block}
img{width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{appearance:none;padding:0;background:inherit;border:none;color:inherit;text-transform:inherit;letter-spacing:inherit;font:inherit;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
p,h3{margin:0}
figure{margin:0}
input{font:inherit;color:inherit;border-radius:0;box-shadow:none}
:focus-visible{outline:2px solid #000;outline-offset:3px}
.menu :focus-visible,.cajon :focus-visible,.busca :focus-visible{outline-offset:2px}
[hidden]{display:none!important}
.saltar{position:fixed;left:1rem;top:-6rem;z-index:1000;background:#fff;border:var(--borde);padding:1rem 2rem;border-radius:var(--radio);font:400 1.2rem/1.5 var(--sans);transition:top .15s}
.saltar:focus{top:1rem}
.invisible{visibility:hidden}
svg.icono{width:1.5rem;height:1.5rem;margin:0;overflow:visible}
svg.icono-pq{width:1rem;height:.7rem;overflow:visible}
svg.logo{height:1.5rem;width:auto;overflow:visible;color:var(--negro)}


.sans-xs{font:400 1.2rem/1.5 var(--sans);letter-spacing:.04em}
.sans-xs-caps{font:400 1.2rem/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase}
.serif-s{font:340 1.6rem/1.5 var(--serif-b);letter-spacing:.05em}
.serif-s-caps{font:400 1.6rem/1.25 var(--serif);letter-spacing:.05em;text-transform:uppercase}
.serif-xs-caps{font:400 1.2rem/1.334 var(--serif);letter-spacing:.05em;text-transform:uppercase}
.serif-m{font:400 2.2rem/1.455 var(--serif)}
.serif-l{font:400 3.2rem/1.3125 var(--serif)}
.negrita{font-weight:400!important;-webkit-text-stroke:.012em currentColor;paint-order:stroke fill}
.serif-m.negrita,.serif-l.negrita,.lg\:serif-l.negrita{-webkit-text-stroke:.016em currentColor}
.mayus{text-transform:uppercase}
.pre{white-space:pre}
.grande{font:340 3.2rem/1.3125 var(--serif-b);letter-spacing:normal;text-align:center}
@media (min-width:64rem){
  .lg\:serif-l{font:400 3.2rem/1.3125 var(--serif);letter-spacing:normal}
  .lg\:serif-s-caps{font:400 1.6rem/1.25 var(--serif);letter-spacing:.05em;text-transform:uppercase}
}
.text-gris{color:var(--gris)}


.px-s{padding-left:var(--s);padding-right:var(--s)}
.py-s{padding-top:var(--s);padding-bottom:var(--s)}
.py-m{padding-top:var(--m);padding-bottom:var(--m)}
.py-l{padding-top:var(--l);padding-bottom:var(--l)}
.py-xs{padding-top:var(--xs);padding-bottom:var(--xs)}
.pb-xs{padding-bottom:var(--xs)}.pb-s{padding-bottom:var(--s)}.pb-m{padding-bottom:var(--m)}.pb-xl{padding-bottom:var(--xl)}.pt-xxs{padding-top:var(--xxs)}
.mb-xs{margin-bottom:var(--xs)}.mb-s{margin-bottom:var(--s)}.mb-m{margin-bottom:var(--m)}
@media (min-width:64rem){.lg\:px-xl{padding-left:var(--xl);padding-right:var(--xl)}.lg\:py-m{padding-top:var(--m);padding-bottom:var(--m)}.lg\:pb-l{padding-bottom:var(--l)}}
.texto-centro{text-align:center}
.flex{display:flex}.row{flex-direction:row}.col{flex-direction:column}.wrap{flex-wrap:wrap}.flex-1{flex:1 1 0}
.items-centro{align-items:center}.items-inicio{align-items:flex-start}.just-centro{justify-content:center}.between{justify-content:space-between}.end{justify-content:flex-end}
.gap-s{gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-y-xs{row-gap:var(--xs)}.g-xs{gap:var(--xs)}
.col-centro{display:flex;flex-direction:column;justify-content:center}
.col-centro-centro{display:flex;flex-direction:column;justify-content:center;align-items:center}
.rel{position:relative}
.block{display:block}
.borde-sup{border-top:var(--borde)}.borde-inf{border-bottom:var(--borde)}
.fondo-b{background:#fff}
.h-cab{height:var(--cab)}
.grid-3-0{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-1-s{display:grid;gap:var(--s);grid-template-columns:minmax(0,1fr)}
.grid-2-m{display:grid;gap:var(--m);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:64rem){
  .lg\:grid-12{display:grid;gap:var(--sp-gap);grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}
  .lg\:col-3-8{grid-column:3/span 8}
  .lg\:g-xs{display:grid;gap:var(--xs)}
  .lg\:gap-row-xl{row-gap:var(--xl)}
}
.oculta-m{display:none}
.m-nav button.oculta-m{display:none}
@media (min-width:64rem){.oculta-m{display:block}.flechas-cont.oculta-m{display:flex}.thumb-list.oculta-m{display:block}.m-nav button.oculta-m{display:flex}}
.fb-item{width:calc(100%/var(--items) - var(--g)/var(--items)*(var(--items) - 1))}
.fb-grid-1-s{--g:var(--s);--items:1;gap:var(--g);flex-wrap:wrap;display:flex}
.fb-grid-2{--g:var(--sp-gap);--items:2;gap:var(--g);flex-wrap:wrap;display:flex}
@media (min-width:64rem){
  .lg\:fb-grid-3{--g:var(--sp-gap);--items:3;gap:var(--g);flex-wrap:wrap;display:flex}
  .lg\:fb-grid-2-m{--g:var(--m);--items:2;gap:var(--g);flex-wrap:wrap;display:flex}
}
.r43{aspect-ratio:4/3}.r32{aspect-ratio:3/2}.r45{aspect-ratio:4/5}
.cubre{width:100%;height:100%;object-fit:cover}


.enlace{cursor:pointer;max-width:100%;color:inherit;transition:color .15s ease-in-out,background-color .15s ease-in-out}
button.enlace{display:flex;align-items:center;text-align:inherit}
button.enlace.block{display:block}
@media (any-hover:hover) and (any-pointer:fine){.enlace:hover{color:var(--gris)}}
.enlace .texto{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ext-s{position:relative}
.ext-s::before{content:"";position:absolute;inset:calc(var(--s)*-1)}

.m-item.con-glifo{align-items:center;gap:.2em;display:flex}
.m-item .glifo{opacity:0;margin-left:0;transition:transform .2s ease-out,opacity 50ms ease-in-out;overflow:hidden;transform:translate(-100%);display:flex}
@media (any-hover:hover) and (any-pointer:fine){.m-item:hover .glifo{opacity:1;transition:transform .2s ease-out,opacity .1s ease-in-out 50ms;transform:translate(0)}}
.m-item.activo{color:var(--negro)}
.m-item.activo .glifo{opacity:1;transform:translate(0)}

.subr{position:relative;transition:color .15s ease-in-out}
@media (any-hover:hover) and (any-pointer:fine){
  .subr::after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:.1rem;transition:transform .15s ease-out,background-color .15s ease-out;display:block;position:absolute;bottom:-.2em;transform:scaleX(0)}
  .subr:hover{color:currentColor}
  .subr:hover::after{transform-origin:0 100%;transform:scaleX(1)}
}
.subr.inv{color:var(--gris)}
@media (any-hover:hover) and (any-pointer:fine){.subr.inv:hover{color:var(--negro)}}
.subr.activo,.subr.on{color:var(--negro)}
.subrayado{position:relative;display:inline-block}
@media (any-hover:hover) and (any-pointer:fine){
  .subrayado::after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:.1rem;transition:transform .15s ease-out;display:block;position:absolute;bottom:-.2em;transform:scaleX(0)}
  .subrayado:hover{color:currentColor}.subrayado:hover::after{transform-origin:0 100%;transform:scaleX(1)}
}
.sin-puntero{pointer-events:none;cursor:default}


.btn{font:400 1.2rem/1.5 var(--sans);letter-spacing:.04em;padding:var(--xs) var(--s);height:4rem;color:var(--negro);border:var(--borde);border-radius:var(--radio);text-align:center;justify-content:center;align-items:center;display:inline-flex;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer;text-transform:none}
@media (any-hover:hover) and (any-pointer:fine){.btn:hover{border-color:var(--negro);color:var(--negro)}}
.btn .glifo{opacity:0;max-width:0;margin-left:0;transition:margin-left .15s ease-in-out,max-width .15s ease-in-out,opacity .15s ease-in-out;overflow:hidden;display:flex}
@media (any-hover:hover) and (any-pointer:fine){.btn:hover .glifo{opacity:1;max-width:5rem;margin-left:var(--xxs)}}
@media (max-width:calc(64rem - .1px)){.btn .glifo{margin-left:var(--xxs);opacity:1;max-width:5rem}}
.btn.invertido{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
@media (any-hover:hover) and (any-pointer:fine){.btn.invertido:hover{background:var(--blanco);color:var(--negro)}}


.cab{z-index:102;width:100%;transform:translateY(-100%);transition:transform .3s;position:fixed;top:0;left:0}
.cab.show{transform:translateY(0)}
@media (min-width:64rem){.cab{z-index:100}}
.cab header{background:var(--blanco);color:var(--negro);border-bottom:.1rem solid var(--gris-claro);transition:border-color .15s,background .15s}
.cab .izq,.cab .der{min-width:0}
.cab header .items-centro>div{min-height:1.8rem}
.cab .der{justify-self:end}
.cab .centro{justify-self:center}
.cab .oculta-m{display:none}
@media (min-width:64rem){.cab .oculta-m{display:block}}
#b-menu .icono-x{display:none}
.abierto-menu #b-menu .icono:not(.icono-x){display:none}
.abierto-menu #b-menu .icono-x{display:block}
.headspace{margin-top:var(--cab);transition:margin-top .3s}
.nav-sec{background:var(--blanco);color:var(--negro);border-bottom:var(--borde);display:flex;z-index:303;width:100%;position:fixed;top:0;left:0;transform:translateY(-100%);transition:transform .3s ease-in-out;padding:var(--s);overflow-x:auto}
.nav-sec.show{transform:translateY(0)}
@media (min-width:64rem){.nav-sec{padding-left:var(--xl);padding-right:var(--xl)}}
.nav-sec-lista{display:flex;margin-inline:auto;width:max-content;flex:none}
.nav-sec-lista li{margin:0 var(--xs);flex:none}
.nav-sec-lista li:first-child{margin-left:0}.nav-sec-lista li:last-child{margin-right:0}
.nav-sec-lista a{display:block;white-space:nowrap}


.contenido-pag{min-height:100svh}
.pila .contenido{width:100%}
.destacada .contenido{width:100%}
.carrusel-destacado .titulo-d{margin:0}
.carrusel-destacado .btn{margin:0}
.sw-destacado,.sw-defecto{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;list-style:none;z-index:1;display:block}
.sw-destacado{width:100%}
.sw-destacado .swiper-slide{width:calc(100% - var(--s)*4);margin-left:calc(var(--sp-gap)/2);margin-right:calc(var(--sp-gap)/2);height:auto}
@media (min-width:64rem){.sw-destacado .swiper-slide{width:calc(66.6667% - var(--sp-gap)*4)}}
.sw-defecto .swiper-slide{width:calc(100% - var(--s)*4);margin-left:calc(var(--sp-gap)/2);margin-right:calc(var(--sp-gap)/2);height:auto}
.sw-defecto .swiper-slide:first-child{margin-left:0}.sw-defecto .swiper-slide:last-child{margin-right:0}
@media (min-width:64rem){.sw-defecto .swiper-slide{width:calc(50% - var(--sp-gap)/2)}}
.item{display:block;width:100%;overflow:hidden;background:var(--gris-claro)}
.item img,.imagen img{display:block}
.tarjeta{display:block}
.imagen{background:var(--gris-claro);overflow:hidden}
.tarjeta .texto-centro{display:grid;grid-template-columns:minmax(0,1fr)}
.flechas-cont{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;padding-left:var(--m);padding-right:var(--m);pointer-events:none}
@media (min-width:64rem){.flechas-cont{display:flex}}
.flechas{height:var(--slide-height,100%);padding-left:var(--s);padding-right:var(--s);gap:var(--xs);width:100%;display:flex;justify-content:space-between;align-items:center}
.flecha{pointer-events:auto;cursor:pointer;border:var(--borde);background:var(--blanco);color:var(--negro);user-select:none;border-radius:50%;justify-content:center;align-items:center;width:3.3rem;height:3.3rem;transition:opacity .3s;display:flex}
.flecha svg{width:1.5rem;height:1.5rem}
.flecha.swiper-button-disabled{opacity:0;pointer-events:none}
.pagina-cont{height:var(--m);display:block;position:relative}
.pagina-cont .swiper-pagination{position:absolute;bottom:0;left:50%!important;transform:translateX(-50%)}
.pagina-cont .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.pagina-cont .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.pagina-cont .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.pagina-cont .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.66)!important}
.sw-destacado:not(.swiper-initialized),.sw-defecto:not(.swiper-initialized){visibility:visible}
.sw-destacado:not(.swiper-initialized) .swiper-wrapper,.sw-defecto:not(.swiper-initialized) .swiper-wrapper{overflow:hidden}
.seccion{scroll-margin-top:5.8rem}
.richtext p:not(:last-child){margin-bottom:1em}


.obra{display:block;overflow:hidden}
.obra .imagenes{background:var(--gris-claro);overflow:hidden}
.obra .detalle{opacity:0;width:100%;height:100%;transition:opacity .3s;display:none;position:absolute;top:0;left:0}
@media (any-hover:hover) and (any-pointer:fine){.obra .detalle{display:block}.obra:hover .detalle{opacity:1}}
.obra .info{width:100%;overflow:hidden}
.obra .info>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}


.prepie{border-top:var(--borde);border-bottom:var(--borde)}
.prepie .enlace.serif-s-caps{display:block}
.resumen .top .enlace{display:block}
.resumen .top>div:first-child .enlace.serif-s{display:block;text-align:left;font:340 1.6rem/1.5 var(--serif-b);letter-spacing:.05em}
.resumen .top>div:first-child{display:block}
.redes.row{display:inline-flex;gap:var(--xs);flex-direction:row}
.redes .enlace{display:block}
.redes svg{width:1.5rem;height:1.5rem}
.resumen .bottom{display:flex;flex-direction:column;gap:var(--s)}
@media (min-width:64rem){.resumen .bottom{flex-direction:row;align-items:baseline}}
.resumen .bottom .enlace{display:inline}
.aviso-muestra a{border-bottom:1px solid currentColor}
@media (any-hover:hover) and (any-pointer:fine){.aviso-muestra a:hover{color:var(--gris)}}


.menu{position:fixed;top:var(--cab);left:0;width:100%;bottom:0;z-index:102;display:flex;pointer-events:none}
@media (min-width:64rem){.menu{top:0}}
.m-nav{background:var(--blanco);display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;pointer-events:auto;transition:transform .3s;transform:translateX(-100%)}
@media (min-width:64rem){.m-nav{width:33.33%;border-right:var(--borde)}}
.menu.abierto .m-nav{transform:none}
.m-nav>ul{align-content:start;overflow-y:auto}
.m-nav li{justify-content:flex-start;align-items:center;gap:var(--xxs);cursor:pointer;width:fit-content;transition:color .3s ease-in-out;display:flex}
.m-nav .m-item{display:flex}
.m-nav.con-panel .m-item{color:var(--gris)}
@media (any-hover:hover) and (any-pointer:fine){.m-nav.con-panel .m-item:not(.activo):hover{color:var(--negro)}}
.m-nav.con-panel .m-item.activo{color:var(--negro)}
.pie-m .redes{margin-top:0}
.idioma .sw-idioma{cursor:pointer;transition:color .3s}
@media (any-hover:hover) and (any-pointer:fine){.idioma .sw-idioma:hover{color:var(--gris)}}
.idioma .opciones{margin-top:var(--xxs);z-index:10;width:100%;position:absolute;top:100%;left:0;background:#fff}
.idioma .opciones a{display:block}
.panel-menu{position:fixed;top:var(--cab);left:0;bottom:0;width:100%;background:var(--blanco);z-index:300;visibility:hidden;transform:translateX(-100%);transition:transform .3s,visibility 0s .3s;pointer-events:auto}
.panel-menu.abierto{visibility:visible;transform:none;transition:transform .3s}
@media (min-width:64rem){
  .panel-menu{position:absolute;top:0;z-index:-1;left:33.33%}
  .submenu{width:33.33%;border-right:var(--borde)}
  .obra-panel{width:66.66%;display:flex}
  .obra-panel .lista{border-right:var(--borde)}
}
.panel-menu .lista,.thumb-list{height:100%;overflow-y:auto}
.obra-panel{display:flex}
.obra-panel .lista{flex:1 1 0;min-width:0}
.thumb-list{flex:1 1 0;min-width:0}
.submenu .lista{height:100%}
.link-list{padding-bottom:var(--m)}
.serie{padding-top:var(--xs);padding-bottom:var(--xs);margin-top:calc(var(--xs)*-1);width:fit-content;display:block}
.obra-panel.con-hover:not(.hover-thumb) .thumb-list [data-serie]{transition:opacity .3s,filter .3s}
.obra-panel .thumb-list [data-serie]{transition:opacity .3s,filter .3s}
.obra-panel.con-hover:not(.hover-thumb) .thumb-list [data-selected="false"]{opacity:.3;filter:grayscale(1)}
.obra-panel.con-hover .link-list .serie[data-selected="false"]{color:var(--gris)}
.obra-panel.con-hover .link-list .serie[data-selected="true"]{color:var(--negro)}
.mini{display:block}
.cuadrado{aspect-ratio:1/1;background:var(--gris-claro);overflow:hidden}
.cuadrado img{width:100%;height:100%;object-fit:cover}
.cortina{position:fixed;inset:0;z-index:101;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.cortina.abierta{opacity:1;visibility:visible;transition:opacity .3s}


.busca{position:fixed;inset:0;z-index:310}
.busca-in{display:block;transform:translateY(-100%);transition:transform .3s;max-height:100%;overflow:auto;background:var(--blanco)}
.busca.abierto .busca-in{transform:none}
.caja-busca{display:grid;gap:var(--s);align-items:center;text-transform:uppercase;grid-template-columns:auto 1fr auto}
.caja-busca input{background:transparent;border:none;outline:none;line-height:1.2;width:100%;text-transform:uppercase;font:400 1.2rem/1.2 var(--sans);letter-spacing:.04em}
.caja-busca input:focus-visible{outline:none}
.resultados{padding-bottom:var(--m)}
.resultados li{padding-top:var(--xs)}
.resultados a{display:block;width:fit-content}


.cajon{position:fixed;inset:0;z-index:401;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;overscroll-behavior:contain}
.cajon.abierto{opacity:1;visibility:visible;transition:opacity .3s}
.cajon .lado{background:var(--blanco);z-index:402;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;overflow:auto;transition:transform .3s}
.cajon-der .lado{right:0;border-left:var(--borde);transform:translateX(100%)}
.cajon-izq .lado{left:0;border-right:var(--borde);transform:translateX(-100%)}
.cajon.abierto .lado{transform:none}
@media (min-width:64rem){.cajon .lado{width:30%;max-width:50rem}}
.cab-lado{height:var(--cab);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--borde)}
@media (min-width:64rem){.cajon .cab-lado{padding-left:var(--m);padding-right:var(--m)}}
.cuerpo-lado{flex:1 1 0;width:100%;overflow-x:hidden}
.vacio{padding:var(--l) var(--m)}
.pie-lado{border-top:var(--borde)}
.form-boletin{padding:var(--m);display:flex;flex-direction:column;gap:var(--xs);align-items:flex-start}
.form-boletin .campo{width:100%;border:none;border-bottom:var(--borde);background:transparent;padding:var(--xs) 0;outline:none;transition:border-color .15s}
.form-boletin .campo:focus{border-color:var(--negro)}
.form-boletin .btn{margin-top:var(--xs)}
.aviso{position:fixed;left:50%;bottom:var(--s);transform:translate(-50%,2rem);z-index:1000;background:var(--blanco);border:var(--borde);border-radius:var(--radio);padding:var(--xs) var(--s);font:400 1.2rem/1.5 var(--sans);letter-spacing:.04em;box-shadow:0 0 1rem rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:calc(100% - 4rem);text-align:center}
.aviso.on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.001s!important;transition-delay:0s!important;animation:none!important;scroll-behavior:auto!important}
}