/*-DISEÑADO POR WAVESITE-*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');


:root {
    --white: #fff;
    --black: #000;
    --error:#ca433b;
    --errorhover:#b53c35;
    --errortext:#792823;
    --success:#4BB543;
    --successhover:#43a23c;
    --successtext:#2d6c28;
    --warning:#ffc302;
    --warninghover:#e5af01;
    --warningtext:#997501;
    --info:#99DBE3;
    --infohover:#89c5cc;
    --infotext:#5b8388;
    --lightgrey:#ccc;
    --grey:#666;
    --darkgrey:#212121;

    /*----------------*/
    --color1:#123456;
    --color2:#294866;
    --color3:#345612;
    --color4:#5c2361;
    --buttonbg:#094179;
    --buttonbghover:#062d54;
    --buttontext:#ffffff;
    --buttontexthover:#ffffff;
    --bgcolor:#efefef;
    --fontcolor:#5f5f5f;

    /*----------------*/
    --font:'Poppins', sans-serif;
    /*----------------*/
    --spacer:12px;
    --roundness:8px
}

html,body{font-family: var(--font);margin:0;padding:0;}
body{color:var(--fontcolor);background:var(--white)}
*{box-sizing: border-box;}

::-webkit-scrollbar {width: 8px;height: 8px;transition: 0.5s;}
::-webkit-scrollbar-track {background: var(--lightgrey)}
::-webkit-scrollbar-thumb {background: var(--grey);}
::-webkit-scrollbar-thumb:hover {background: #757575;}

/*-TAGS-*/
hr{color:var(--buttonbg);border:2px solid var(--buttonbg);margin:35px 0}
ul{margin:0;padding:0;list-style: inside;}
details > summary {list-style: none;  }
details summary::-webkit-details-marker{display: none;}
details[open] {padding-bottom: 35px;}
details[open] summary {margin-bottom: 21px;border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
summary {padding: 12px 5px;font-size: 1.2em;font-weight: 700;cursor: pointer;margin: auto -12px;margin-bottom: -11px;transition: 1s ease;user-select: none;}
summary::after {content: "\f078";font-family: "Font Awesome 6 Free";float: right;margin: 0 12px;font-weight: 900;-webkit-font-smoothing: antialiased;font-weight: 900;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
details[open] summary::after {content: "\f077";}
details[open] summary ~ * {animation: sweepin 0.5s ease-in-out;}
details {transition: height 0.5s ease;}
audio{border-radius:50px;}
iframe,video{border-radius:12px}
audio,video{display:block; margin:5px auto;width:95%}

/*-LINKS-*/
a{color:var(--color1);text-decoration: none;}
a:hover{color:var(--color2)}
.isbutton{cursor:pointer}


/*-IMAGES-*/
img{max-width: 100%;top:initial;left:initial}

.icenter{text-align: center;}
.ileft{text-align: left;}
.iright{text-align: right;}
.ijustify{text-align: justify;}

.noview{display: none;}

.loading{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: var(--color1);width: 100px;height: 100px;font-size: 4em;text-align: center;color: var(--white);box-shadow: 0 0 5px 110vw #ffffff80;z-index:100}

.separator{width:100%;height:53px;}
.halfseparator{width:100%;height:25px}
.line{width:100%;height:12px;}

/*-FONT SIZES-*/
.small,.medium,.big,.title,.bigtitle,.supertitle,.hypertitle,.huge{margin-bottom:var(--spacer)}
.small{font-size:0.7em}
.medium{font-size:0.85em}
.midbig{font-size:1.125em}
.big{font-size:1.5em}
.title{font-size:2em;line-height: 1.1em;}
.bigtitle{font-size:2.5em;line-height: 1.1em;}
.supertitle{font-size:3.5em;line-height: 1.1em;}
.hypertitle{font-size:4em;line-height: 1.1em;}
.huge{font-size:6em;line-height: 1.1em;}
.bold,.strong{font-weight: 600;}
.bolder{font-weight: 900;}
.italic{font-style:italic;}
.underline{text-decoration: underline;}

.artText{font-weight: 800;background-clip: text;-webkit-background-clip: text;color: transparent;background-size:cover}


.white{color:var(--white)}
.grey{color:var(--grey)}
.color1{color:var(--color3)}
.bgcolor1{background-color:var(--color3)}
.color2{color:var(--color4)}
.bgcolor2{background-color:var(--color4)}

/*-FORMS-*/
input[type="text"],input[type="number"],input[type="date"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],textarea,select{font-family: var(--font);border:1px solid var(--lightgrey); padding:12px;vertical-align:top;border-radius:var(--roundness);margin-bottom:4px;max-width: 100%;}
input[type="search"]{min-width:350px}
input[type="checkbox"]{width: 2em;height: 2em;margin: 9px;vertical-align: top;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color:var(--grey);transition:512ms}
input[type="checkbox"]:checked{background-color:var(--buttonbg);}
input[type="checkbox"]::before{content:"\f00c";font-family: "Font Awesome 6 Free";font-weight: 900;color:var(--white);font-size:18px;padding: 4px 6px;display: block;}
input[type="radio"]{width: 2em;height: 2em;margin: 9px;vertical-align: top;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color:var(--grey); border-radius: 50%;transition:512ms}
input[type="radio"]:checked{background-color:var(--buttonbg);}
input[type="radio"]::before{content:"\f111";font-family: "Font Awesome 6 Free";font-weight: 900;color:var(--white);font-size:18px;padding:8.5px 0;display: block;font-size:0.8em;text-align: center;}
input[type="checkbox"],input[type="radio"]{vertical-align: middle;}

.nested-input{border:1px solid var(--lightgrey); border-radius:var(--roundness); margin-bottom:4px; width: 100%;background: var(--white);display: flex;flex-wrap: wrap; align-items: stretch;position:relative}
.nested-input span{padding:8px 12px;width: fit-content;}
.nested-input > input, .nested-input textarea, .nested-input select{background:transparent;border:none;margin-bottom:0;border-radius:0;display: flex;flex: 1 1 auto;width:1%}
.nested-input > input:first-child,.nested-input > textarea:first-child,.nested-input > select:first-child{border-radius:var(--roundness) 0 0 var(--roundness)}
.nested-input > input:last-child,.nested-input > textarea:last-child,.nested-input > select:last-child{border-radius:0 var(--roundness) var(--roundness) 0}

[data-filter]{vertical-align: middle;margin:0 5px}
.switch{font-size:35px;margin:4px;padding:2px;display: inline-block;vertical-align: middle;color:transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;transition:512ms}
.switch.fa-toggle-on.fa-flip-horizontal{background-color:var(--grey);}
.switch.fa-toggle-on{background-color:var(--buttonbg)}
button{background-color:var(--buttonbg);color:var(--buttontext);border:none;padding:12px 21px;transition:512ms;vertical-align: text-bottom;}
button:hover{background-color:var(--buttonbghover);color:var(--buttontexthover);}
.calltoaction{font-size:1.25em;padding:18px 68px;margin:12px 0;width:fit-content}
.icon i{width:0;opacity: 0;transition:1s;margin:0}
.icon:hover i{width: fit-content;opacity: 1;margin:0 5px}
.calltoaction.icon{padding:18px 53px}
.outlined{border:2px solid var(--buttonbg); background-color: var(--white);color:var(--buttonbg);font-weight: 800;transition:1s}
.outlined:hover{background:var(--buttonbg);color: var(--white)}
.round{border-radius: var(--roundness);}
.rounded{border-radius:100px}
.circled{border-radius:100%}
.form .closeForm{display:none}
.floatingform{position: fixed;background:var(--white);box-shadow: 0 5px 8px rgba(0,0,0,0.35);overflow:auto;z-index: 9;}
.floatingform.bottomleft{bottom:1%;left:0;}
.floatingform.bottomright{bottom:1%;right:0;}
.floatingform.topleft{top:1%;left:0;}
.floatingform.topright{top:1%;right:0;}
.floatingform .closeForm{font-size:2em;display: block;}
.floatingform .closeForm:hover{color:rgba(0,0,0,0.68)}
.minimizedform{width:68px!important;height:68px!important;border-radius:50%;background:var(--color1);color:var(--white)}
.minimizedform::before{content:"\f2b6";font-family: "Font Awesome 6 Free";font-weight: 900;font-size:2.25em;text-align: center;display: block;}
.minimizedform > *{display: none!important;}
.console > div{padding:21px 26px;}
.console .error{background:rgb(179, 36, 36);color:var(--white)}
.console .success{background:rgb(36, 179, 43);color:var(--white)}
.cancel{background:var(--error);color:var(--white)}
.cancel:hover{background:var(--errorhover);color:var(--white)}
.attention{background:var(--warning);color:var(--black)}
.attention:hover{background:var(--warninghover);color:var(--white)}
.greenbutton{background:var(--success);color:var(--white)}
.greenbutton:hover{background:var(--successhover);color:var(--white)}
.button2,.greybutton{background:var(--darkgrey);color:var(--white)}
.button2:hover,.greybutton:hover{background:var(--grey);color:var(--white)}
.info{background-color: var(--info);color:var(--darkgrey)}
.info:hover{background-color: var(--infohover);color:var(--darkgrey)}
.whitebutton{background:var(--white);border:1px solid var(--lightgrey);padding:5px;color:var(--grey);border-radius:4px;min-width: 25px;}
.whitebutton:hover{background:var(--lightgrey);color:var(--darkgrey)}

.outlined.cancel{border-color:var(--error);background-color: var(--white);color:var(--error)}
.outlined.cancel:hover{background-color: var(--error);color:var(--white)}
.outlined.attention{border-color:var(--warning);background-color: var(--white);color:var(--warning)}
.outlined.attention:hover{background-color: var(--warning);color:var(--white)}
.outlined.greenbutton{border-color:var(--success);background-color: var(--white);color:var(--success)}
.outlined.greenbutton:hover{background-color: var(--success);color:var(--white)}
.outlined.greybutton{border-color:var(--grey);background-color: var(--white);color:var(--grey)}
.outlined.greybutton:hover{background-color: var(--grey);color:var(--white)}
.squared{width:53px;height: 53px;display: flex;justify-content: center;align-items: center;}

/*-GOTOP-*/
#gotop{background-color: var(--buttonbg);position:fixed;bottom:12%;right: 0;padding: 11px 16px;}
#gotop i{color:var(--white);}
#gotop:hover{background-color: var(--buttonbghover);}

/*-SLIDE AND GALLERY-*/
.staticSlider{background-position: center;padding:5em 0;margin-top:1em;margin-bottom:3em}
.centeredSlider{display: flex;padding:5rem;flex-direction: column;justify-content: center;min-height:60vh}
.centeredSlider,.staticSlider{width:100%;}

.lightbox{transition:1s;}
.open{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);max-width:80%;max-height: 75%; box-shadow: 0 0 5px 100vh rgba(0,0,0,0.95);z-index:100;user-select: none;transition:1s}
.closeLightbox{position:fixed;z-index:101;padding:var(--spacer);top:2.5%;right:2.5%;color:var(--white);font-size:2em}

.masonry{display: table;table-layout: fixed;border-spacing: 12px 0;width: 100%;}
.masonry .column{display: table-cell;vertical-align: top;}
.masonry .column img{max-width:100%;margin-bottom:8px;}

/*-SPACERS-*/
.mtop{margin-top:var(--spacer)}
.mbottom{margin-bottom:var(--spacer)}
.mleft{margin-left:var(--spacer)}
.mright{margin-right:var(--spacer)}
.mgeneral{margin:var(--spacer)}
.ptop{padding-top:var(--spacer)}
.pbottom{padding-bottom:var(--spacer)}
.pleft{padding-left:var(--spacer)}
.pright{padding-right:var(--spacer)}
.pgeneral{padding:var(--spacer)}

.logo{max-width:90%;margin:auto;}

.credits{background:var(--color2);color:var(--white)}

.fixedtop{width:100%!important;position:fixed;top:0;z-index:99;background:var(--white);box-shadow:0 5px 8px rgba(0,0,0,0.35)}
.fixedtop img{max-width:150px}

.editable{margin-bottom:21px;border:1px solid rgba(0, 0, 0, 0);padding:8px}
.editable:hover{border-color:rgba(0, 0, 0, 0.3)}
.editable:hover .editable-options{opacity: 1;}
.editable-options{text-align: right;background:var(--white);float:right;width:fit-content;opacity: 0;box-shadow:0 2px 3px rgba(0, 0, 0, 0.1);margin-right:-8px;margin-top:-8px}
.editable-options i{padding:12px;text-align: center;cursor:pointer}
.editable-options i:hover{color:#121212}


/*-SOCIAL ICONS-*/
[href*="facebook.com"] > .fa-stack-2x, [href*="twitter.com"] > .fa-stack-2x, [href*="instagram.com"] > .fa-stack-2x, [href*="linkedin.com"] > .fa-stack-2x, [href*="tiktok.com"] > .fa-stack-2x, 
[href*="youtube.com"] > .fa-stack-2x, [href*="whatsapp.com"] > .fa-stack-2x, [href*="wa.me"] > .fa-stack-2x, .light .fa-stack-2x, .dark .fa-stack-2x{transition:1s}

[href*="facebook.com"] > .fa-stack-2x{color:#1877F2;}
[href*="facebook.com"]:hover > .fa-stack-2x{color:#0d5fca;}
[href*="twitter.com"] > .fa-stack-2x{color:#000000;}
[href*="twitter.com"]:hover > .fa-stack-2x{color:#353535;}
[href*="instagram.com"] > .fa-stack-2x{background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #f77737, #fcaf45, #ffdc80);-webkit-background-clip: text;background-clip: text;color: transparent;}
[href*="instagram.com"]:hover > .fa-stack-2x{background: linear-gradient(15deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #f77737, #fcaf45, #ffdc80);-webkit-background-clip: text;background-clip: text;color: transparent;}
[href*="linkedin.com"] > .fa-stack-2x{color:#0077B5}
[href*="linkedin.com"]:hover > .fa-stack-2x{color:#006297}
[href*="tiktok.com"] > .fa-stack-2x{color:#ff0050}
[href*="tiktok.com"]:hover > .fa-stack-2x{color:#00f2ea}
[href*="youtube.com"] > .fa-stack-2x{color:#FF0000}
[href*="youtube.com"]:hover > .fa-stack-2x{color:#282828}
[href*="whatsapp.com"] > .fa-stack-2x{color:#25D366}
[href*="whatsapp.com"]:hover > .fa-stack-2x{color:#075E54}
[href*="wa.me"] > .fa-stack-2x{color:#25D366}
[href*="wa.me"]:hover > .fa-stack-2x{color:#075E54}
.dark .fa-stack-2x{color:var(--darkgrey);}
.dark .fa-stack-1x{color:var(--white)}
.dark:hover .fa-stack-2x{color:var(--grey);}
.light .fa-stack-2x{color:var(--lightgrey);}
.light .fa-stack-1x{color:var(--darkgrey)}
.light:hover .fa-stack-2x{color:var(--grey);}


/*-TABS-*/
.tabs .tab .active{background: var(--lightgrey);}
.tabs .tab span{padding:12px 18px;background:var(--white);cursor: pointer;user-select: none;}
.tabs .tab span:hover{background: var(--lightgrey);}
.tabs > .tab-content{border-bottom:2px solid var(--lightgrey);max-height:300px ;overflow: auto;padding:var(--spacer);}

/*-SHADOWS-*/
.shadowed{text-shadow: 0 5px 12px rgba(0,0,0,0.53)}

.shadow1{-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0);-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.53);box-shadow: 0 10px 6px -6px rgba(0,0,0,0.53);}

.shadow2{position: relative;}
.shadow2:before, .shadow2:after{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 80%;max-width:300px;background: rgba(0,0,0,0.53);-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.53);-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.53);box-shadow: 0 15px 10px rgba(0,0,0,0.53);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.shadow2:after{-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;}

.shadow3{position: relative;}
.shadow3:before{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 80%;max-width:300px;background: rgba(0,0,0,0.53);-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.53);-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.53);box-shadow: 0 15px 10px rgba(0,0,0,0.53);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}

.shadow4{position: relative;}
.shadow4:after{z-index: -1;position: absolute;content: "";bottom: 15px;right: 10px;left: auto;width: 50%;top: 80%;max-width:300px;background: rgba(0,0,0,0.53);-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.53);-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.53);box-shadow: 0 15px 10px rgba(0,0,0,0.53);-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}

.shadow5{position: relative;}
.shadow5:before, .shadow5:after{z-index: -1;position: absolute;content: "";bottom: 25px;left: 10px;width: 50%;top: 80%;max-width:300px;background: rgba(0,0,0,0.53);-webkit-box-shadow: 0 35px 20px rgba(0,0,0,0.53);-moz-box-shadow: 0 35px 20px rgba(0,0,0,0.53);box-shadow: 0 35px 20px rgba(0,0,0,0.53);-webkit-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-o-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);}
.shadow5:after{-webkit-transform: rotate(8deg);-moz-transform: rotate(8deg);-o-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg);right: 10px;left: auto;}

.shadow6{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.shadow6:before, .shadow6:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.shadow6:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

.shadow7{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.shadow7:before, .shadow7:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.shadow7:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

.shadow8{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.shadow8:before, .shadow8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:10px;bottom:10px;left:0;right:0;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.shadow8:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}


.glowlight{box-shadow: 0 0 35px 12px rgba(255,255,255,0.53)}
.glowshadow{box-shadow: 0 0 35px 12px rgba(0,0,0,0.53)}

/*-MENSAJES-*/
.success-box,.error-box,.warning-box,.info-box,.success-label,.error-label,.warning-label,.info-label{padding:12px;}
.success-label,.error-label,.warning-label,.info-label{border-radius:8px;background:var(--white)}
.success-box{background:var(--success);color:var(--successtext)}
.success-label{border:1px solid var(--success);border-left-width:53px}
.error-box{background:var(--error);color:var(--errortext)}
.error-label{border:1px solid var(--error);border-left-width:53px}
.warning-box{background:var(--warning);color:var(--warningtext)}
.warning-label{border:1px solid var(--warning);border-left-width:53px}
.info-box{background:var(--info);color:var(--infotext)}
.info-label{border:1px solid var(--info);border-left-width:53px}

/*-SLIDER-*/
.slider {width: 100%;overflow: hidden;position: relative;}
.slides {display: flex;transition: transform 0.5s ease-in-out;}
.slide {min-width: 100%;box-sizing: border-box;}
.slider-controls {position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);}
.slider-control {cursor: pointer;font-size: 2em;position: absolute;top: 50%;transform: translateY(-50%);padding:12px 21px;opacity: 0;transition:1s;color:var(--white); background:var(--black);}
.slider-control:hover{background:var(--darkgrey);}
.slide >*:not(img){display:flex; flex-direction: row; justify-content: center;padding:2.5rem;min-height:400px}
.slider:hover .slider-control{opacity:1}
.slidetop{align-items:flex-start}
.slidecenter{align-items: center}
.slidebottom{align-items:flex-end}
#prev {left: 0;}
#next {right: 0;}

/*-ZOOM-*/
.x2,.x3,.x4,.x5{transform-origin: top center;}
.x2{transform:scale(1.25)}
.x3{transform:scale(1.35)}
.x4{transform:scale(1.45)}
.x5{transform:scale(1.5)}

/*--------------------------------SYSTEM STYLES--------------------------------*/

/*-MODAL-*/
.modal{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--white);min-width: 350px;max-width:100%;box-shadow: 0 25px 40px -18px rgba(0,0,0,0.35);border:1px solid var(--lightgrey);border-radius:var(--roundness);z-index:100;display:none}
.modal-heading.windowed{background:var(--color1);color:var(--white);border-radius: var(--roundness) var(--roundness) 0 0;}
.modal-heading,.modal-content, .modal-buttons{padding:var(--spacer)}
.modal-name{font-weight: 600;font-size:1.3em;cursor: default;user-select: none;}
.modal-close,.modal-back{font-size:1.5em;color:var(--grey);cursor: pointer;}
.modal-heading.windowed .modal-close,.modal-heading.windowed .modal-back{color:var(--lightgrey);}
.modal-heading.windowed .modal-close:hover,.modal-heading.windowed .modal-back:hover{color:var(--white)}
.modal-close{float: right;margin-left:var(--spacer);}
.modal-back{margin-right: var(--spacer);}
.modal-content{max-height: 70vh;overflow: auto;}
.modal-content section {padding:var(--spacer);display:flex;align-items: top;flex-wrap: wrap;}
.modal-buttons{border-top:1px solid var(--lightgrey);}
.modal-options{padding:var(--spacer)}
.modal-options span{border-bottom:2px solid var(--grey);margin-right: 5px;padding:5px 10px;cursor:pointer;transition:512ms}
.modal-options span:hover{background: var(--grey);}

/*-DASHBOARD-*/
.dashboard{min-height:100vh;}
.dashboard aside,.dashboard .main-board [class*="col"]{padding:var(--spacer)}
.dashboard aside{background:var(--darkgrey);width: 20%}
.dashboard aside ul{margin:0;padding:0;list-style: none;}
.dashboard aside li{padding-top:8px;padding-bottom:8px;font-size:13px;}
.dashboard aside li ul{padding-left:21px;padding-top:var(--spacer)}
.dashboard .main-board{width: 80%;display:flex;flex-wrap: wrap;place-content: flex-start;}
.dashboard aside a,.dashboard .colapse{color:var(--white);cursor:pointer}
.dashboard aside a:hover,.dashboard a:hover .fa,.dashboard .colapse:hover{color:var(--grey)}
.dashboard aside a .fa, .dashboard aside .fa{color: var(--lightgrey);width: 35px;text-align: center;font-size: 21px;}
.dashboard .count-layer{padding: 4px;border-radius: 50px;background: #ff6347;color: var(--white);font-size: 9px;position: absolute;margin-left: -12px;margin-top: -10px;}
.dashboard aside small{font-size: 10px;margin-left:5px;user-select: none;cursor: default;}
.dashboard aside a:hover small{color:var(--white)}

.dashboard.colapsed ul{list-style:none;}
.dashboard.colapsed aside{width:5%;}
.dashboard.colapsed aside li span,.dashboard.colapsed .colapse span,.dashboard.colapsed aside li > ul,.dashboard.colapsed aside small{display:none;}
.dashboard.colapsed .colapse,.dashboard.colapsed aside li{text-align: center;}
.dashboard.colapsed .main-board{width:95%;}

.dashboard .option-elements{border-bottom: 1px solid var(--lightgrey);padding:var(--spacer) 0}
.dashboard .option-elements span{font-size:1.2em;font-weight: 600;}
.dashboard .option-elements .fa{float: right;background: var(--lightgrey);padding: 12px;vertical-align: middle;transition:512ms;cursor: pointer;}
.dashboard .option-elements .fa:hover{background: var(--grey);color:var(--white)}
.dropdown{list-style:none;border-radius: var(--roundness);border:1px solid var(--lightgrey);width:max-content;background: var(--white);position:absolute;display:none;}
.dropdown li{padding:5px 21px;cursor: pointer;}
.dropdown li i{width:35px;}
.dropdown hr{border:none;border-bottom:1px solid var(--lightgrey);margin:5px 0}
.dropdown li:first-child{border-radius: var(--roundness) var(--roundness) 0 0;}
.dropdown li:last-child{border-radius: 0 0 var(--roundness) var(--roundness);}
.dropdown li:hover{background: var(--lightgrey);}
.dropdown .cancel{background:var(--white);color:var(--error)}
.dropdown .cancel:hover{background:var(--white);color:var(--errortext)}

.step-progress,.step-progress-rounded,.step-progress-arrow{text-align: center;width: 100%;user-select: none;}
.step-progress > *{display: inline-block;padding:8px var(--spacer);border:1px solid var(--lightgrey);margin:auto -2px;cursor:pointer}
.step-progress > *:hover,.step-progress-rounded > *:hover,.step-progress-arrow > *:hover{background: var(--lightgrey);}
.step-progress > *:first-child{border-radius: var(--roundness) 0 0 var(--roundness)}
.step-progress > *:last-child{border-radius: 0 var(--roundness) var(--roundness) 0}
.step-progress .on,.step-progress-rounded .on,.step-progress-arrow .on{background:var(--grey);color:var(--white)}

.step-progress-rounded > *{width:53px;height: 53px;border-radius: 100%;display: inline-block;border:2px solid  var(--lightgrey);padding:var(--spacer) 0;cursor:pointer;margin:0 12px}

.step-progress-arrow > *{clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);;display: inline-block;padding:var(--spacer) 35px;border:1px solid var(--lightgrey);margin: 0 -9px;width: 130px;}
.step-progress-arrow > *:first-child{clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0% 0%);border-radius: var(--spacer) 0 0 var(--spacer);}
.step-progress-arrow > *:last-child{clip-path: polygon(100% 0, 100% 100%, 0% 100%, 10% 50%, 0% 0%);border-radius: 0 var(--spacer) var(--spacer) 0;}

/*-TABLAS-*/
.table .heading{background:var(--color1);color:var(--white)}
.table .rows, .table .heading{display: table;table-layout: fixed;width: 100%;}
.table .rows >*,.table .heading > *{display: table-cell;vertical-align: top;}
.table .rows:nth-child(odd){background:var(--lightgrey)}
.table .rows:hover{background-color: var(--grey);}
.table .pagination button{font-size:10px}
.table .pagination {margin-top: var(--spacer);margin-bottom:var(--spacer);text-align: right;}
.table input{padding:7px 12px;margin:0 5px}

.cancel2{color: #d93600;background:transparent;cursor: pointer;}
.cancel2:hover{color: #972802;background:transparent}

.superoption{display:flex;align-items: center;flex-wrap: wrap;margin:auto;margin-bottom:var(--spacer);background:var(--black);border-radius: var(--roundness);color:var(--white);width:95%;user-select: none;}
.superoption:hover{background-color: var(--darkgrey);}
.superoption .icono,.superoption .go{width:8.5%;min-width:60px;text-align: center;font-size:2em;}
.superoption .detalle{width:83%;padding:var(--spacer)}
.superoption .detalle strong{font-size:1.3em}
.superoption .detalle div{font-size:0.86em}

.categories input,.categories button{float:left}
.categories input{width:70%;border:none;border-bottom:1px solid var(--grey);border-radius:0}
.categories button{width:25%;margin:0 2.5%}
.categories .cat{padding:5px var(--spacer);width:50%;float:left;border-radius: var(--roundness);cursor:default;user-select: none;}
.categories .cat:hover{background:var(--lightgrey)}
.categories .cat i{cursor:pointer}

.sortable{list-style: none;}
.sortable .ui-state-highlight{background: var(--lightgrey);color:var(--lightgrey)}
.sortable li{padding:var(--spacer) 18px;background:var(--color1);color:var(--white);margin-bottom:5px}
.sortable li:before{content:"\f0c9";font-family: "Font Awesome 6 Free";font-weight: 600;margin-right:var(--spacer);cursor:move}
.sortable li:hover:before{content:"\f550";font-family: "Font Awesome 6 Free";font-weight: 600;margin-right:var(--spacer)}

.colorpicker,.range {display: inline-block;vertical-align: top;width: 100%;min-width: 100px;border-bottom: 2px solid var(--lightgrey);padding: 4px 12px;text-align: center;color: #666;text-shadow: 1px 1px var(--white), -1px -1px var(--white), -1px 1px var(--white), 1px -1px var(--white);font-weight: 600;cursor:pointer}
.colorpicker span{min-height:26px;display:inline-block}
.colorpicker:hover {border-bottom-color:#999;transition: 1s;}
.colorpicker input[type="color"] {padding:0;border:none;border-radius:50px;width: 25px;margin-left:12px;float:right;}
.colordemo{display:inline-block;border-radius: 50px;border: 1px solid var(--white);outline: 1px solid var(--black);}
.colordemo:hover{outline: 2px solid var(--black);}
.colordemo.remover{background: rgb(255,255,255);background: linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,0,0,1) 46%, rgba(255,0,0,1) 55%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 100%);}
.colordemo.picker{background: rgb(131,58,180);background: linear-gradient(-45deg, #ff0000 0%,#00ff00 51%,#0000ff 100%);}

.range{border:none}
.range input[type="range"],.range input[type="number"]{float:left;}
.range input[type="range"]{width:68%;margin-top:15px}
.range input[type="number"]{width:28%;margin-left:2%}

input[type="range"] {-webkit-appearance: none;appearance: none; width: 100%;height: 10px;margin: 5px 0;}
input[type="range"]::-webkit-slider-runnable-track {width: 100%;height: 7px;cursor: pointer;background: var(--lightgrey);border-radius: 50px;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 21px;height: 21px;cursor: pointer;background: var(--color1);border-radius: 50%;border: 2px solid var(--white);box-shadow: 0 2px 4px var(--lightgrey);margin-top:-7px}
input[type="range"]:active::-webkit-slider-thumb {background:  var(--color1);}
input[type="range"]::-moz-range-thumb {width: 15px;height: 15px;background:  var(--color1);border-radius: 50%;border: 2px solid var(--white);box-shadow: 0 2px 4px var(--lightgrey);}
input[type="range"]::-moz-range-progress {background-color:  var(--color1);}
input[type="range"]::-ms-thumb {width: 15px;height: 15px;background:  var(--color1);border-radius: 50%;border: 2px solid var(--white);box-shadow: 0 2px 4px var(--lightgrey);}
input[type="range"]::-ms-fill-lower {background-color:  var(--color1);}
input[type="range"]::-ms-fill-upper {background-color: var(--lightgrey)}

.image-container {height: 150px;width: 150px;background-size: 100%;background-position: center;border-radius: var(--roundness);margin: auto;cursor: pointer;opacity: 1;transition:512ms;}
.image-container:hover{opacity:0.8}

#mensaje{position:fixed;z-index:1001;width: 100%;max-width:600px;text-align: center;}
#mensaje.topcenter{top:12px;left:50%;transform: translateX(-50%);}
#mensaje.topleft{top:12px;left:12px;}
#mensaje.topright{top:12px;right:12px;}
#mensaje.bottomcenter{bottom:12px;left:50%;transform: translateX(-50%);}
#mensaje.bottomleft{bottom:12px;left:12px;}
#mensaje.bottomright{bottom:12px;right:12px;}

.searchbar:after{content:"\f002";font-family: "Font Awesome 6 Free";font-weight: 900;}

.texteditor{margin:auto;max-width: 980px;}
.texteditor .buttonholder{text-align: center;}
.texteditor .buttonholder{background:var(--color1)}
.texteditor .buttonholder button,.texteditor .buttonholder select{background-color: transparent;}
.texteditor .buttonholder select{border: none;color: var(--white);padding: 0;margin-top: 8px;}
.texteditor .buttonholder select:active,.texteditor .buttonholder select:focus,.texteditor .buttonholder select:hover,.texteditor .buttonholder select:focus-visible,.texteditor .buttonholder select:focus-within{color: var(--white);}
.texteditor .buttonholder select option{background:var(--white);color:var(--darkgrey)}

.texteditor .buttonholder button{padding:var(--spacer);width:42px}
.texteditor .buttonholder button:hover{background: var(--color2);}
.texteditor article{min-height: 300px;border:1px solid var(--grey);padding: var(--spacer);}
.texteditor .linkcreator,.texteditor .linkeditor{text-align: center;display: none;position:absolute;margin-left:7%}
.texteditor .linkcreator input,.texteditor .linkcreator select,.texteditor .linkeditor input,.texteditor .linkeditor select{padding:8px var(--spacer)}
.texteditor article a{text-decoration: underline;}
.texteditor article a::after{content:" \f0c1";font-family: "Font Awesome 6 Free";font-weight: 900;}

.listed{width:100% !important;display: flex;}
.listed .title{font-size: 18px;width: 150px;margin-right: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-left:100px}
.listed .element-content{width:calc(100% - 325px);} 
.listed .element-options{width:100px;position: absolute;}
.listed .element-options:before{content:"\f0c9";font-family: "Font Awesome 6 Free";font-weight: 600;display:block;text-align: center;font-size:1.5em;margin-bottom:var(--spacer);}
.listed .element-options > *{display: none;margin-bottom:4px;}
.listed .element-options:hover{z-index:3;box-shadow: 0 3px 5px rgba(0,0,0,0.35);padding:5px;border-radius:4px;background: var(--white)}
.listed .element-options:hover > *{display: block;width:100%}

#commonIcons,#emojis{position: absolute;width: 300px;height: 300px;overflow: auto;background: var(--white);box-shadow: 0 5px 12px rgba(0,0,0,0.35);margin-top: 40px;}
#commonIcons button,#emojis button {background:var(--white);color:var(--grey);border:1px solid var(--grey);margin:4px;border-radius: var(--roundness);width: 35px;text-align: center;padding: 8px 0;}
#commonIcons button:hover,#emojis button:hover{background:var(--lightgrey);border-color:var(--lightgrey);}
#emojis hr{margin:4px auto}
#emojis span{display: inline-block;width: 35px;text-align: center;padding: 8px 0;cursor:pointer}

.card{border:1px solid var(--lightgrey);border-radius:var(--spacer)}
.card .image{border-radius:var(--spacer) var(--spacer) 0 0}
.card section{padding:var(--spacer)}

.login-form{max-width:350px;}
.login-form .login-toggle-form{cursor:pointer}
.login-remember{width:21px!important;height:21px!important;margin:9px 0!important}
.login-remember:before{font-size:12px!important;content:"";}
.login-recover{color:var(--fontcolor);margin:0 12px}

.filemanager{display: flex;width:100%;flex-wrap: wrap;justify-content: flex-start;}
.filemanager .folder-element,.filemanager .file-element{width:170px;border:1px solid #23a1e6;margin:5px;border-radius:5px;padding:8px}
.filemanager .folder-element:hover,.filemanager .file-element:hover{border-color:#044c72;background:rgba(0, 0, 0, 0.1)}
.filemanager .folder-element .element-icon,.filemanager .file-element .element-icon{font-size: 68px;display: block;text-align: center;}
.filemanager .element-name{width: 100%;margin-top:8px;text-align: center;}
.filemanager .element-details{display: none;}
.filemanager .addnew{display: none;padding-top:19px}
.filemanager .addnew input{padding:8px;margin-top:5px;}
.filemanager .islist{width:100%;}
.filemanager .islist:not(.addnew){display: flex;flex-wrap: wrap;}
.filemanager .islist .element-options{width:30px;text-align: center;}
.filemanager .islist .element-icon{width:80px}
.filemanager .islist .element-name, .filemanager .islist .element-details{width: calc(100% - 110px);text-align: left;}
.filemanager .islist .element-details{display: block;margin-left: 110px;margin-top: -26px;font-size: 12px;}
.filemanager .islist .element-details span:not(:first-child):not(:last-child){margin:0 12px;}

.flip-card {
    border-radius:21px;width:100%;margin:12px 12px;display:inline-block;height:350px;vertical-align: top;color:white;text-align: left; perspective: 1000px;
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .viewing .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #bbb;
    color: #fff;
    padding:35px 21px;
    border-radius:21px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJ1BMVEUAAAAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyD///8xlncWAAAAC3RSTlMA8GAQwFCA4LCQIIn3qP0AAAEISURBVEjH7JarDsJAEEUJzwCSoGpIkBhAoHEIDEiCIUFiEPxFDQbPJ9AGSJP7CfSjEDzK7uz0hpWEo092drrzaOF7SosJgN2hT7xhiAdJN9cbBXgRrXO8YoCMqKN6jSk+OR81cQ6TthYYNkrwjRCv5EBy5BKSiyvlAJLIkXgZLsZS7MFFLIshi5ym6e0dWxRHFU4RK1scKGJLXFGIyiVDRUzsXKCIsLKpqOLMFOuquBfvYojq29RUcWuKzadjAAA4/bBYU8Wt5wfnT8iLwq/MeOHyVvBtLt6ufADY9JxirAwpIY69xx4fpHw0+w97vj74QuIrzn9p8jXMFzv/Vfhz3ygYBaOA1gAA2iAV76zrMscAAAAASUVORK5CYII=');
    background-position: bottom right;background-size: 60px;background-repeat: no-repeat
  }
  
  /* Style the back side */
  .flip-card-back {
    background: #ddd;
    color: #121212;
    transform: rotateY(180deg);
    padding:26px 21px 35px 21px;
    border-radius:21px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJ1BMVEUAAAAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyD///8xlncWAAAAC3RSTlMA8GAQwFCA4LCQIIn3qP0AAAD7SURBVEjH7ZY9CsJAEIXFv6CWYpVGsLRRC2s7CxstxUawtEnhLdLY2HsEIyqBuYKHElYC7u5MHg7YyH5l+MjuZGffpPI9tfWciA6nEfAmKb3JB6XeNKaCbFfiVY1XmH3Ray/ok9tZEldk05MWJhdh8b0nPsALwSs3jHjnSo4ZMWMKrxPHzBeHrHj1myFmxcxrjibxbF1xLIhdYYt4k6kg5m4tJOFU0xDFpS22RPHIngs+m0gUE1vskOFpYR5d/liMRDFRfnB8hLgpdG2GGxdfBeXlwtcVB4AuUnBI4dhTBimOZhz2+vGBBxIecXhoqsYwHuz4VyEQCAR+zQsWRhBwT1hAeQAAAABJRU5ErkJggg==');
        background-position:bottom right;
        background-size:60px;
        background-repeat: no-repeat;
        z-index:33;
  }

@media only screen and (max-width:768px){
    .dashboard .main-board{width: 100%;}
    .dashboard aside,.dashboard.colapsed aside{background: var(--darkgrey);width: 90%;position: fixed;top: 0;left: 0;height: 100vh;z-index: 100;transition:1s}
    .dashboard.colapsed aside{width: 15%;left: -15%;}
    .dashboard .colapse{position: fixed;background: var(--grey);color:var(--white)!important;bottom: 0;left: 0;padding: 14px 21px;}
    .texteditor{width:100%}
    .texteditor .linkcreator input,.texteditor .linkcreator select,.texteditor .linkcreator button{width:200px;display: block;}
}

#cookie-banner .fa-times,#cookie-preferences .fa-times{float:right;margin-left:21px;}
#cookie-banner .fa-times:hover,#cookie-preferences .fa-times:hover{cursor:pointer;color:rgba(0,0,0,0.53)}
#cookie-banner{position:fixed;left:50%;transform: translateX(-50%); bottom:10px;background:var(--color1);color:var(--white); width:50%;min-width:350px;padding:var(--spacer);border-radius:var(--roundness);display: none;}
#cookie-banner .fa-cookie,#cookie-banner .fa-cookie-bite{float:left;margin-right:35px;font-size:7em;color:#c7a317;margin-bottom:21px}
#cookie-banner button{font-size:0.7em}

#cookie-preferences{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px;width:100%;background: var(--white);
  padding: var(--spacer);
  box-shadow: 0 2px 4px #333;
  border-radius: var(--roundness);}