@layer componentes{.cookie-banner{inset-block-end:0;inset-inline:0;position:fixed;z-index:160;--texto-principal:var(--tinta-50);--texto-secundario:var(--tinta-200);--texto-apagado:var(--tinta-400);--borde:var(--tinta-800);background:var(--tinta-950);border-block-start:var(--filete-grueso) solid var(--oro-500);color:var(--texto-secundario);padding-block:var(--e-4);transition:translate var(--transicion),visibility var(--transicion);translate:0 100%;visibility:hidden}.cookie-banner--visible,.cookie-banner.active{translate:0 0;visibility:visible}.cookie-banner__container{margin-inline:auto;max-width:var(--ancho-contenedor);padding-inline:clamp(var(--e-4),4vw,var(--e-12));width:100%}.cookie-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--e-5)}.cookie-banner__icon{display:none}.cookie-banner__text{flex:1 1 30rem;min-width:0}.cookie-banner__title{align-items:center;color:var(--tinta-50);display:flex;font-size:var(--rotulo-tam);font-weight:var(--rotulo-peso);gap:var(--e-2);letter-spacing:var(--rotulo-letra);text-transform:uppercase}.cookie-banner__description{color:var(--tinta-300);font-size:var(--texto-sm);line-height:var(--interlinea-corta);margin-block-start:var(--e-2)}.cookie-banner__link{color:var(--oro-500);text-decoration:underline;text-underline-offset:.18em}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-inline-start:auto}.cookie-banner__button,.cookie-modal__button{align-items:center;border:var(--filete) solid transparent;border-radius:var(--radio-1);display:inline-flex;font-family:var(--fuente-texto);font-size:var(--texto-xs);font-weight:var(--peso-fuerte);gap:var(--e-2);justify-content:center;letter-spacing:var(--letra-rotulo);min-height:var(--toque-min);padding-inline:var(--e-5);text-transform:uppercase;transition:background-color var(--transicion),border-color var(--transicion),color var(--transicion);white-space:nowrap}.cookie-banner__button--accept,.cookie-modal__button--accept-all{background:var(--rojo-500);border-color:var(--rojo-500);color:var(--accion-texto)}.cookie-banner__button--accept:hover,.cookie-modal__button--accept-all:hover{background:var(--rojo-600);border-color:var(--rojo-600)}.cookie-banner__button--reject,.cookie-banner__button--settings{background:transparent;border-color:var(--tinta-600);color:var(--tinta-100)}.cookie-banner__button--reject:hover,.cookie-banner__button--settings:hover{background:hsla(0,0%,100%,.06);border-color:var(--tinta-300)}@media (max-width:720px){.cookie-banner__actions{margin-inline-start:0;width:100%}.cookie-banner__button{flex:1 1 8rem}}.cookie-modal{background:rgba(11,18,26,.6);display:grid;inset:0;opacity:0;padding:var(--e-4);place-items:center;position:fixed;transition:opacity var(--transicion),visibility var(--transicion);visibility:hidden;z-index:170}.cookie-modal--visible,.cookie-modal.active{opacity:1;visibility:visible}.cookie-modal__dialog{background:var(--fondo);border:var(--filete) solid var(--borde-marcado);box-shadow:var(--sombra-dialogo);display:flex;flex-direction:column;max-height:min(86svh,46rem);width:min(640px,100%)}.cookie-modal__header{align-items:center;border-block-end:var(--filete) solid var(--borde);display:flex;gap:var(--e-3);justify-content:space-between;padding:var(--e-4) var(--e-5)}.cookie-modal__title{font-size:var(--rotulo-tam);font-weight:var(--rotulo-peso);letter-spacing:var(--rotulo-letra);text-transform:uppercase}.cookie-modal__close{border:var(--filete) solid transparent;border-radius:var(--radio-1);color:var(--texto-secundario);display:grid;height:36px;place-items:center;width:36px}.cookie-modal__close:hover{border-color:var(--borde-control);color:var(--accion)}.cookie-modal__body{flex:1;overflow-y:auto;padding:var(--e-5)}.cookie-modal__intro{color:var(--texto-secundario);font-size:var(--texto-sm)}.cookie-list{border-block-start:var(--filete) solid var(--borde);display:flex;flex-direction:column;margin-block-start:var(--e-5)}.cookie-category{border-block-end:var(--filete) solid var(--borde)}.cookie-category__header{align-items:center;cursor:pointer;display:flex;gap:var(--e-3);padding-block:var(--e-4);text-align:start;width:100%}.cookie-category__icon{color:var(--texto-apagado);flex:none}.cookie-category__title{flex:1;font-size:var(--texto-sm);font-weight:var(--peso-fuerte)}.cookie-category__required{color:var(--texto-apagado);font-size:var(--texto-2xs);font-weight:var(--peso-fuerte);letter-spacing:var(--letra-rotulo);text-transform:uppercase}.cookie-category__toggle input{accent-color:var(--accion);cursor:pointer;height:1.15rem;width:1.15rem}.cookie-category__body{max-height:0;overflow:hidden;transition:max-height var(--transicion),padding var(--transicion)}.cookie-category.active .cookie-category__body{max-height:30rem;padding-block-end:var(--e-4)}.cookie-category__description{color:var(--texto-secundario);font-size:var(--texto-sm)}.cookie-modal__footer{background:var(--fondo-tenue);border-block-start:var(--filete) solid var(--borde);display:flex;flex-wrap:wrap;gap:var(--e-2);justify-content:flex-end;padding:var(--e-4) var(--e-5)}.cookie-modal__button--reject-all,.cookie-modal__button--save{background:transparent;border-color:var(--borde-control);color:var(--texto-principal)}.cookie-modal__button--save{background:var(--accion-alt);border-color:var(--accion-alt);color:var(--texto-inverso)}.cookie-modal__button--reject-all:hover{background:var(--fondo-hundido);border-color:var(--borde-fuerte)}.cookie-modal__button--save:hover{background:var(--accion-alt-hover);border-color:var(--accion-alt-hover)}}