@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Thin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-ThinItalic.ttf)format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-ExtraLightItalic.ttf)format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-ExtraBoldItalic.ttf)format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/_fonts/Poppins-BlackItalic.ttf)format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--grid-gutter:16px;--grid-margin:32px;--grid-columns:4}@media screen and (width>=480px){:root{--grid-columns:6}}@media screen and (width>=1024px){:root{--grid-columns:12;--grid-margin:38px}}.container{width:100%;padding:0 var(--space-500);box-sizing:border-box}.page-container{width:100%;padding:var(--space-500);gap:var(--space-250);flex-direction:column;height:100%;display:flex;&>article{background-color:unset;border:none;padding:0;&.box-container{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250)}}}.row{grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter);box-sizing:border-box;width:100%;display:grid}[class*=col-]{box-sizing:border-box;min-width:0}.col-xxs-1{grid-column:span 1}.col-xxs-2{grid-column:span 2}.col-xxs-3{grid-column:span 3}.col-xxs-4{grid-column:span 4}@media screen and (width>=480px){.col-xs-1{grid-column:span 1}.col-xs-2{grid-column:span 2}.col-xs-3{grid-column:span 3}.col-xs-4{grid-column:span 4}.col-xs-5{grid-column:span 5}.col-xs-6{grid-column:span 6}}@media screen and (width>=768px){.col-s-1{grid-column:span 1}.col-s-2{grid-column:span 2}.col-s-3{grid-column:span 3}.col-s-4{grid-column:span 4}.col-s-5{grid-column:span 5}.col-s-6{grid-column:span 6}}@media screen and (width>=1024px){.col-m-1{grid-column:span 1}.col-m-2{grid-column:span 2}.col-m-3{grid-column:span 3}.col-m-4{grid-column:span 4}.col-m-5{grid-column:span 5}.col-m-6{grid-column:span 6}.col-m-7{grid-column:span 7}.col-m-8{grid-column:span 8}.col-m-9{grid-column:span 9}.col-m-10{grid-column:span 10}.col-m-11{grid-column:span 11}.col-m-12{grid-column:span 12}}@media screen and (width>=1440px){.col-l-1{grid-column:span 1}.col-l-2{grid-column:span 2}.col-l-3{grid-column:span 3}.col-l-4{grid-column:span 4}.col-l-5{grid-column:span 5}.col-l-6{grid-column:span 6}.col-l-7{grid-column:span 7}.col-l-8{grid-column:span 8}.col-l-9{grid-column:span 9}.col-l-10{grid-column:span 10}.col-l-11{grid-column:span 11}.col-l-12{grid-column:span 12}}@media screen and (width>=1768px){.col-xl-1{grid-column:span 1}.col-xl-2{grid-column:span 2}.col-xl-3{grid-column:span 3}.col-xl-4{grid-column:span 4}.col-xl-5{grid-column:span 5}.col-xl-6{grid-column:span 6}.col-xl-7{grid-column:span 7}.col-xl-8{grid-column:span 8}.col-xl-9{grid-column:span 9}.col-xl-10{grid-column:span 10}.col-xl-11{grid-column:span 11}.col-xl-12{grid-column:span 12}}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none;cursor:auto;inset:unset;border-collapse:collapse;box-shadow:none;box-sizing:border-box;--border-radius:.5rem;--gap:1rem;--padding:.5rem;--color-neutral-10:#fff;--color-neutral-20:#f7f8f9;--color-neutral-30:#d9dbe9;--color-neutral-40:#a0a3bd;--color-neutral-50:#6e7191;--color-neutral-60:#4e4b66;--color-neutral-70:#262338;--color-neutral-80:#14142a;--color-neutral-90:#0c0c1a;--color-neutral-100:#000;--color-brand-main-10:#eaf2fb;--color-brand-main-20:#cfe0f6;--color-brand-main-30:#9dbbea;--color-brand-main-40:#184b9d;--color-brand-main-50:#203f7f;--color-brand-main-60:#132958;--gradient-brand-main:linear-gradient(129deg, var(--color-brand-main-30) 0%, var(--color-brand-main-40) 55%, var(--color-brand-main-50) 100%);--color-brand-secondary-10:#fff1e6;--color-brand-secondary-20:#ffd9bf;--color-brand-secondary-30:#ffb680;--color-brand-secondary-40:#f58a1f;--color-brand-secondary-50:#e07812;--color-brand-secondary-60:#c5670d;--color-success-10:#eaf9de;--color-success-20:#e6fbf4;--color-success-30:#cbffae;--color-success-40:#008a00;--color-warning-10:#fff8e9;--color-warning-20:#fff7d6;--color-warning-30:#ffdf9a;--color-warning-40:#eaac30;--color-warning-50:#8d6f08;--color-critical-10:#ffeceb;--color-critical-20:#f87168;--color-critical-30:#e2483d;--color-critical-40:#9b0f05;--color-alpha-brand-20:#184b9d33;--color-alpha-brand-30:#184b9d4d;--color-alpha-brand-40:#184b9d66;--color-alpha-white-05:#8383831a;--color-alpha-white-10:#ffffff1a;--color-alpha-white-20:#fff3;--color-alpha-white-40:#fff6;--color-alpha-white-60:#fff9;--color-alpha-black-10:#0000001a;--color-alpha-black-20:#0003;--color-alpha-black-40:#0006;--color-alpha-black-60:#0009;--color-alpha-neutral-50:#d9dbe980;--font-size-subtle:.5rem;--font-size-caption:.75rem;--font-size-small:.875rem;--font-size-base:1rem;--font-size-medium:1.125rem;--font-size-large:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2rem;--radius-0:0rem;--radius-100:.25rem;--radius-150:.375rem;--radius-200:.5rem;--radius-300:.75rem;--radius-pill:3.75rem;--radius-full:624.938rem;--space-0:0rem;--space-50:.125rem;--space-100:.25rem;--space-150:.375rem;--space-200:.5rem;--space-250:.75rem;--space-300:1rem;--space-400:1.25rem;--space-500:1.5rem;--space-600:2rem;--space-700:2.5rem;--space-800:3rem;--space-900:4rem;--space-1000:5rem;--space-n500:-1.5rem;--percent-n100:-100%;--percent-n50:-50%;--percent-n25:-25%;--percent-0:0%;--percent-10:10%;--percent-25:25%;--percent-50:50%;--percent-90:90%;--percent-95:95%;--percent-100:100%;--percent-full:100%;--elevation-color-10:#0000001f;--elevation-color-20:#00000024;--shadow-01:0 1px 2px 0 var(--elevation-color-10), 0 1px 2px 0 var(--elevation-color-20);--shadow-02:0 0 2px 0 var(--elevation-color-10), 0 2px 4px 0 var(--elevation-color-20);--shadow-03:0 0 2px 0 var(--elevation-color-10), 0 4px 8px 0 var(--elevation-color-20);--shadow-04:0 2px 2px 0 var(--elevation-color-10), 0 8px 16px 0 var(--elevation-color-20);--shadow-05:0 0 8px 0 var(--elevation-color-10), 0 14px 28px 0 var(--elevation-color-20);--shadow-06:0 0 8px 0 var(--elevation-color-10), 0 32px 64px 0 var(--elevation-color-20);--shadow:0 2px 10px #0000001a;--min-width-for-input:82vw;--min-width-for-input-on-td:7vw;--width-for-input-on-td:9vw;--width-for-form-control:calc(var(--min-width-for-input) + var(--padding) * 2);--transition:all .3s ease;--min-card-height:60dvh;--max-card-height:60dvh;color:var(--color-neutral-70);font-synthesis:none;text-rendering:optimizelegibility;word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;border:none;outline:none;gap:0;margin:0;padding:0;font-family:Poppins,Roboto,system-ui,sans-serif;text-decoration:none;list-style:none;overflow:auto}body{background-color:var(--color-neutral-20);background-color:var(--color-neutral-10);grid-template:"header""main"1fr"footer"/1fr;width:100%;min-height:100vh;font-family:Poppins,Roboto,system-ui,sans-serif;display:grid;position:relative}main{max-width:100vw}aside,article{place-content:center;align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}form,article{flex-direction:row}article{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);& h2.title{color:var(--color-brand-main-40)}& h2.title,& h2.title+p{width:100%;margin:auto}}form{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 20px;width:100%;margin:0 auto;display:grid;& .form-actions,& .title,& .form-control.brands{grid-column:1/-1}& .title{color:var(--color-brand-main-40)}&.coupon-register.heading{margin-top:var(--space-250)}& .form-control.brands{& .item-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 20px;display:grid;& .flex-center{justify-content:flex-start}}}}aside{flex-direction:column}h1{font-size:1.6rem;font-weight:600}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.4rem;font-weight:500}h4{font-size:1.3rem}h5{font-size:1.2rem;font-weight:600}h6{font-size:1.1rem;font-weight:600}b,strong{font-weight:600}select,input{padding:var(--padding);line-height:normal}select,textarea,input[type=text],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=email],input[type=datetime-local],input[type=password],input.text-area,input[name=name_],input[type=time],input[type=date-time],input[type=file]{width:stretch;padding:var(--space-200) var(--space-250);border:2px solid var(--color-alpha-black-20);border-radius:var(--radius-200);font-size:var(--font-size-small);resize:none;background-color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-neutral-20);color:var(--color-neutral-70)}&:focus{border:2px solid var(--color-brand-main-40)}}select{appearance:none;background-image:url(/icons/icon-arrow-down.svg);background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:30px}select::placeholder,input::placeholder{color:var(--color-neutral-40);opacity:1}input[type=checkbox]{appearance:none;border-radius:var(--radius-100);border:2px solid var(--color-alpha-black-20);background-color:#0000;width:20px;height:20px;transition:all .5s;position:relative;&:disabled{opacity:.5;cursor:not-allowed}&:checked{border:0;&:after{content:"✓";color:var(--color-neutral-10);font-weight:700;line-height:1;position:absolute;top:3px;left:5px}&:before{content:"";background-color:var(--color-brand-main-40);border:1px solid var(--color-brand-main-40);box-sizing:border-box;border-radius:3px;width:20px;height:20px;position:absolute;top:0;left:0}}&:hover{background-color:var(--color-alpha-neutral-50)}}input[type=radio]{appearance:none;border-radius:var(--radius-full);border:2px solid var(--color-alpha-black-20);background-color:#0000;background-color:var(--color-neutral-10);width:20px;height:20px;transition:all .5s;position:relative;&:checked{border:2px solid var(--color-brand-main-40);&:after{content:"";background:var(--color-brand-main-40);border-radius:var(--radius-full);box-sizing:border-box;width:10px;height:10px;position:absolute;top:3px;left:3px}}&:hover{background-color:var(--color-alpha-neutral-50)}}table{width:100%;margin:0 auto;display:table;& .sort-icon{color:var(--color-neutral-10);font-size:var(--font-size-large)}& caption{padding:var(--padding);font-weight:500}& thead{background-color:var(--color-brand-main-40);& tr{&>:first-child{border-radius:var(--radius-150) 0 0 0}&>:last-child{border-radius:0 var(--radius-150) 0 0}& th{padding:calc(var(--padding) / 2);color:var(--color-neutral-10);text-align:right;font-weight:500;& span{color:var(--color-neutral-10)}}}}& tbody{& tr{border-left:1px solid var(--color-alpha-black-10);border-bottom:1px solid var(--color-alpha-black-10);border-right:1px solid var(--color-alpha-black-10);background-color:var(--color-neutral-20);& td{padding:var(--space-150);text-align:right;&[colspan]{text-align:right}}&>:last-child{justify-content:right;gap:var(--space-200);display:flex}&:nth-child(2n){background-color:var(--color-neutral-10)}}&>:last-child{&>:first-child{border-radius:0 0 0 var(--radius-150)}&>:last-child{border-radius:0 0 var(--radius-150) 0}}}& tfoot{height:58px;position:relative;& tr{justify-content:center;align-items:center;gap:var(--space-250);padding:var(--space-200);height:fit-content;display:flex;position:absolute;left:0;right:0;& td{& section{align-items:right;gap:var(--space-250);width:100%;padding:var(--space-200);display:flex;&.between{justify-content:space-between}&.center{justify-content:center}}}}& .not-full{justify-content:space-between;width:50%}& .pagination{justify-content:flex-end;width:50%;left:50%;& button{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;&:after{line-height:0;display:block}}&>:first-child{& button{&:after{content:url(./_assets/icons/icon-arrow-left.svg)}}}&>:last-child{& button{&:after{content:url(./_assets/icons/icon-arrow-rigth.svg)}}}}}}dialog{background-color:var(--color-neutral-10);box-shadow:var(--shadow);border-radius:var(--radius-300);padding:var(--space-250) var(--space-300);border:1px solid var(--color-alpha-black-10);z-index:5;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:70vw;max-height:80vh;margin:auto;display:flex;position:fixed;inset:0;overflow:auto;&.close-session{max-width:90vw;& .form-actions{& button{flex:1;margin:0}}}& form,& article{place-content:unset;border:none;padding:0}& .title{justify-content:space-between;display:flex;& h1{color:var(--color-neutral-40);font-size:var(--font-size-medium)}}& span,& label{font-weight:500;font-size:var(--font-size-small)}& button{padding:var(--space-100) var(--space-200);font-size:var(--font-size-small);&.button-cancel{margin-top:var(--space-300)}}}dialog:first-child{place-items:center;gap:var(--gap);display:grid}dialog dialog:not(.table-modal){position:unset;z-index:4;grid-column:1/-1;width:100%}button{padding:var(--space-200) var(--space-250);font-weight:500;font-size:var(--font-size-base);border-radius:var(--radius-200);cursor:pointer;line-height:1.5;transition:all .5s}.button-emulator{border:solid 1px var(--color-brand-main-40);background-color:var(--color-brand-main-10);color:var(--color-brand-main-40)}pre,.jsonData{white-space:pre-wrap;word-wrap:break-word;scrollbar-width:none;max-height:80dvh;overflow:auto}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}select:disabled,input:read-only{background-color:var(--color-neutral-20)}.active-color-one-text{color:var(--color-brand-main-40)}.active-color-two-text{color:var(--color-brand-secondary-50)}.white-color-text{color:var(--color-neutral-10)}hr{background-color:var(--color-neutral-40);width:100%;height:1px}button.close-popup{padding:var(--space-100);border:1px solid var(--color-neutral-60);background-color:var(--color-brand-main-50);place-content:center;display:flex;&:after{content:url(/icons/icon-close-modal.svg);line-height:0;display:block}}section.page-content{gap:var(--gap);width:100%;display:grid;position:relative}ul{& strong{margin-right:var(--space-100);font-size:var(--font-size-small);font-weight:600}}.full-width{width:stretch}.section-card{background-color:var(--color-neutral-20);border-radius:var(--border-radius);padding:var(--padding);flex-direction:column;display:flex}.page-title{flex-direction:column;align-self:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.section-title{font-size:2rem;font-weight:900}@media screen and (width>=1024px){dialog{&.close-session{max-width:35vw}}}.active-text{color:var(--active-color-one)}.nav-bar{place-content:space-between;place-items:center;gap:var(--gap);box-sizing:border-box;background-color:var(--extreme-white-color);flex-flow:row;width:-webkit-fill-available;display:flex}.required{& label{justify-content:flex-start;gap:var(--space-50);&:after{content:"*";color:var(--color-critical-30)}}}.accordion{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-white-05);border-radius:var(--radius-300);flex-direction:column;width:100%;height:fit-content;display:flex;&[open]{&>summary{&:after{line-height:1;transition:all .3s;transform:rotate(180deg)}}}& summary{background-color:var(--color-neutral-10);padding:var(--space-200) var(--space-250);font-size:var(--font-size-base);cursor:pointer;color:var(--color-neutral-60);justify-content:space-between;align-self:stretch;align-items:center;font-weight:500;transition:all .3s;display:flex;&.parent{&:after{content:url(./_assets/icons/icon-arrow-down.svg);line-height:1;transition:all .3s;display:block}}}& .accordion-content{padding:var(--space-200) var(--space-250);background-color:var(--color-neutral-20);border-top:1px solid var(--color-alpha-black-10)}}.menu-and-logo{place-items:center;gap:var(--gap);flex-flow:row;display:flex}.menu-container{& .overlay{background-color:var(--color-alpha-black-10);height:auto;top:0;bottom:0}& .menu-options{z-index:10;background-color:var(--color-neutral-10);border-radius:0 var(--radius-300) var(--radius-300) 0;padding:var(--space-300);gap:var(--space-200);flex-direction:column;width:90%;max-width:35vw;display:flex;position:fixed;top:0;bottom:0;left:0;&>li{color:var(--color-neutral-60);flex-shrink:0;&>a{border-radius:var(--radius-300);background-color:var(--color-neutral-10)}& a{padding:var(--space-250);cursor:pointer;color:var(--color-neutral-60);font-weight:500;display:block}&>details{border:none;&>summary{background-color:unset}&[open]{border-radius:0}& .accordion-content{background-color:var(--color-neutral-30);border:none;padding:0;& details{background-color:unset;border:none;border-radius:0;&>summary{padding-left:var(--space-500);background-color:unset;border-left:4px solid var(--color-brand-main-40)}& .accordion-content{border:none;& a{padding-left:var(--space-800)}}}}}}& li{box-sizing:border-box;& a{color:var(--color-three)}}}}.title{width:100%;color:var(--color-brand-main-40);font-weight:600;&.center{text-align:center;justify-content:center}& section{gap:var(--space-200);align-items:center;display:flex}& h1,& h2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;font-weight:600;font-size:var(--font-size-large);color:var(--color-brand-main-40);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}}.box-container{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);&.heading{flex-flow:row;align-items:flex-end;display:flex;& .field,& .form-control{flex:1;padding:0}& .form-actions{width:fit-content;height:fit-content;padding:0}}&.products{gap:var(--space-250) var(--space-500);background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);width:100%;padding:var(--space-250);grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));margin:0 auto;display:grid;& .full{grid-column:1/-1}& .form-actions{gap:var(--space-500);grid-column:1/-1;padding:0;display:flex;&>*{flex:1;min-width:12.5rem}}}}.flex-center{justify-content:center;align-items:center;gap:var(--space-200);display:flex;&.column{flex-direction:column;&>*{width:100%}}}.page-title{width:100%}.session-comp{z-index:1;padding:var(--padding);place-items:center;gap:var(--space-200);display:grid;& .session-comp-title{font-weight:500;font-size:var(--font-size-large)}& img.logo{width:100%;max-width:7rem}}.field,.form-control{gap:var(--space-100);flex-direction:column;display:flex;& label{color:var(--color-neutral-80);font-weight:500}}.button-primary,.button-duplicate,.button-add,.button-save{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-brand-main-50)}}.button-duplicate{&:after{content:url(./_assets/icons/icon-duplicate.svg);line-height:0;display:block}}.button-add{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;&:after{content:url(./_assets/icons/icon-add.svg);line-height:0;display:block}}.button-secondary,.button-cancel{border:1.8px solid var(--color-neutral-30);background-color:var(--color-neutral-10);color:var(--color-neutral-50);transition:all .5s;&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}&.wishlist{justify-content:center;align-items:center;gap:var(--space-200);display:flex;&:before{content:url(./_assets/icons/icon-wishlist.svg);line-height:1;display:block}}}.button-cancel:after{content:"Atrás"}.button-tertiary{background-color:var(--color-neutral-10);color:var(--color-brand-main-40);transition:all .5s;&:hover{color:var(--color-brand-main-50);background-color:var(--color-neutral-20)}}.button-quaternary{border-color:var(--active-color-two);color:var(--active-color-two)}.button-save:after{content:"Grabar"}.button-next:after{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3e%3cpolyline%20points='12%205%2019%2012%2012%2019'/%3e%3c/svg%3e")}.button-previous:after{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='19'%20y1='12'%20x2='5'%20y2='12'/%3e%3cpolyline%20points='12%2019%205%2012%2012%205'/%3e%3c/svg%3e")}.button-view:after{content:url(_assets/eye.svg)}.button-options{font-size:1.5rem}.button-delete,.button-menu,.button-vertical-options,.button-forward,.button-tree,.button-search{background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;width:1rem;height:1rem}.button-next,.button-previous,.button-view{border-color:var(--active-color-one);color:var(--active-color-one);background-color:#0000;border-style:solid;border-width:1px}.button-edit,.button-duplicate,.button-delete{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;&:after{line-height:0;display:block}}.button-edit{border:1.8px solid var(--color-neutral-30);background-color:var(--color-neutral-10);color:var(--color-neutral-50);transition:all .5s;&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}&:after{content:url(./_assets/icons/icon-edit.svg)}}.button-delete{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-brand-main-50)}&:after{content:url(./_assets/icons/icon-delete.svg)}}.button-menu{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='3'%20y1='12'%20x2='21'%20y2='12'/%3e%3cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'/%3e%3cline%20x1='3'%20y1='18'%20x2='21'%20y2='18'/%3e%3c/svg%3e")}.button-vertical-options{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='5'%20r='1.5'/%3e%3ccircle%20cx='12'%20cy='12'%20r='1.5'/%3e%3ccircle%20cx='12'%20cy='19'%20r='1.5'/%3e%3c/svg%3e")}.button-forward{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3e%3cpolyline%20points='12%205%2019%2012%2012%2019'/%3e%3c/svg%3e")}.button-tree{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Nodo%20raíz%20--%3e%3ccircle%20cx='12'%20cy='5'%20r='2'/%3e%3c!--%20Rama%20izquierda%20--%3e%3cline%20x1='12'%20y1='7'%20x2='7'%20y2='12'/%3e%3ccircle%20cx='7'%20cy='14'%20r='2'/%3e%3c!--%20Rama%20derecha%20--%3e%3cline%20x1='12'%20y1='7'%20x2='17'%20y2='12'/%3e%3ccircle%20cx='17'%20cy='14'%20r='2'/%3e%3c/svg%3e")}.button-search{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3e%3c/svg%3e")}.loading{z-index:999;background-color:var(--color-alpha-black-40);place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;top:0;left:0;&:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8.5'%20cy='12'%20r='3.5'%20/%3e%3ccircle%20cx='15.5'%20cy='12'%20r='3.5'%20/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:60%;background-color:var(--color-neutral-10);border-radius:var(--radius-300);width:4rem;height:4rem;padding:var(--space-300)}}.notify,.toast{gap:var(--gap);box-sizing:border-box;background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);flex-direction:column;width:100%;display:flex;& .info,& .error{padding:var(--padding);box-sizing:border-box;border-radius:20px;animation:.5s forwards fade-in,.5s 3s forwards fade-out}& .info:after,& .error:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--extreme-white-color);opacity:.5}& .info{background-color:var(--disabled-color-one)}& .error{background-color:var(--color-neutral-20);color:var(--extreme-white-color)}}.notify{background-color:var(--extreme-white-color);& .info,& .error{padding:var(--padding);box-sizing:border-box;border-radius:20px;animation:.5s forwards fade-in}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.table-modal{flex-direction:unset;max-height:80vh;& table{& tbody{& tr{&>:last-child{display:table-cell}}}}}.card,.shadow-card{height:auto;padding:var(--padding);box-sizing:border-box;place-content:space-between;gap:var(--gap);flex-wrap:wrap;display:flex;position:relative;top:0;left:0}.shadow-card{box-shadow:var(--shadow);background-color:var(--disabled-color-one);& form{width:-webkit-fill-available}}.form-control{height:fit-content;padding:var(--padding);box-sizing:border-box;flex-direction:column;display:flex;&.full{grid-column:1/-1;width:100%}}.form-actions{width:-webkit-fill-available;height:fit-content;padding:var(--padding);box-sizing:border-box;flex-flow:wrap;place-content:space-between;place-items:center;display:flex;position:relative;top:0;left:0}.small-form{width:100%;height:100%;padding:var(--padding);box-sizing:border-box;gap:var(--gap);display:grid}select.on-td,input.on-td{min-width:var(--min-width-for-input-on-td);width:var(--width-for-input-on-td);font-size:.8rem}input.on-td-tiny{min-width:var(--min-width-for-input-on-td);width:var(--min-width-for-input-on-td);text-align:right;font-size:.8rem}select.small,input.small{width:var(--min-width-for-input-on-td)}.text-on-cell{text-overflow:ellipsis;max-width:0;overflow:hidden}.overlay{z-index:2;background-color:var(--color-alpha-white-40);width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.collapse{flex-flow:column;width:100%;display:flex;& .toggle{display:none}& .trigger{cursor:pointer}& .content{display:none}& .toggle:checked~.content{width:100%;padding:var(--padding);box-sizing:border-box;gap:var(--gap);transition:var(--transition);flex-flow:column;display:flex}}.quote-and-favorite{width:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;place-content:flex-end;place-items:center;gap:var(--gap);flex-flow:row;display:flex}.hero{width:100%;max-width:80vw;max-width:calc(var(--percent-100) - (var(--space-500) * 2));border-radius:0 0 var(--radius-300) var(--radius-300);text-align:center;place-content:center;align-items:center;gap:var(--gap);background:var(--gradient-brand-main);padding:var(--space-900) var(--space-300);flex-direction:column;height:fit-content;margin:0 auto;display:flex;& .logo{width:100%;max-width:4rem}& .title{color:var(--color-neutral-10)}}.info{padding:var(--padding);box-sizing:border-box;& .wrapper{width:-webkit-fill-available;height:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;gap:var(--gap);flex-wrap:wrap;place-content:space-between;display:flex;& .item{width:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;gap:var(--gap);box-shadow:var(--shadow);transition:var(--transition);display:grid}& .item:nth-child(2n){box-shadow:0 2px 10px var(--active-color-one)}& .item:last-child{box-shadow:0 2px 10px var(--active-color-two)}}}header{background-color:var(--color-brand-main-40);box-shadow:var(--shadow-02);z-index:2;width:100%;padding:var(--space-250) var(--space-500);position:sticky;top:0;left:0;& .nav-bar{& .menu-and-logo{& button.button-options{padding:0 var(--space-250);color:var(--color-neutral-10)}& h1{color:var(--color-neutral-10);font-size:var(--font-size-xl)}}& .button-tertiary.logout{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}}}footer.app-footer{margin-top:var(--space-300);background-color:var(--color-brand-main-40);width:100%;box-shadow:var(--shadow-02);padding:var(--space-400) var(--space-500);border-radius:var(--radius-300) var(--radius-300) 0 0;z-index:2;bottom:0;left:0;& article{align-items:center;gap:var(--space-200);background-color:unset;border:none;border-radius:0;flex-flow:row;padding:0;display:flex;& .title{color:var(--color-neutral-10);font-size:var(--font-size-base);cursor:pointer;justify-content:center;width:fit-content;min-width:7rem;font-weight:700;&:hover{color:var(--color-brand-secondary-30)}}& .copy{color:var(--color-brand-main-20);font-size:var(--font-size-caption);text-align:center;width:100%;font-weight:400;line-height:1.4}& ._auth-logos{gap:var(--space-300);margin-top:var(--space-100);width:fit-content;display:flex;overflow:visible;& a{transition:transform .2s;display:flex;& img{filter:brightness(0)invert()contrast()saturate(0%);opacity:.8;width:24px}&:hover{transform:scale(1.1);& img{opacity:1}}}}}}._footer{width:100vw;position:absolute;bottom:0}.status-badge{width:fit-content;padding:calc(var(--padding) / 2);border-radius:var(--border-radius);& span{font-weight:900}}.status-DRA{color:var(--white-text-color);background-color:var(--color-neutral-40)}.status-PEN{color:var(--white-text-color);background-color:var(--color-warning-40)}.status-APP,.status-PAI{color:var(--white-text-color);background-color:var(--color-success-40)}.status-REJ{color:var(--white-text-color);background-color:var(--color-critical-30)}@media screen and (width>=1024px){header{& .nav-bar{& .menu-and-logo{& h1{font-size:var(--font-size-2xl)}}& .button-tertiary.logout{max-width:unset}}}.hero{max-width:calc(var(--percent-100) - (var(--space-900) * 2))}}
