:root {
    --fondo-base:#F9F9F9;
    --neutro-01: #F1F1F1;
    --blanco:    #fff;
    --color-texto-mobile: #2b2b2b;
    --color-titulo: #191497;
    --color-subtitulo: #7270A9;
    /* COLOR BASE */
    --color-base-alt-00: #e3f1be;
    --color-base-alt-01: #AEC4A4;
    --color-base-alt-02: #5E7358;
    --color-base-alt-03: #7A8F72;
    --color-base-alt-04: #657B5E;
    --color-base-alt-05: #7a8e72;



    --color-base-alt-03: #07c2e3;
    --color-base-alt-04: #0c8296;
    --color-base-primario: #191497;
    --color-base-primario-01: #4B48A8;
    --color-base-primario-02: #A2A0EE;
    --color-base-primario-03: #D3D2F3;
    --color-base-primario-04: #dedcf9;
    /* MARCHA DE PRIMARIO */
    --color-primario-a00: #C3C2D6;
    --color-primario-a10: #d6cceb;
    --color-primario-a20: #ae9bd7;
    --color-primario-a30: #846dc2;
    --color-primario-a40: #5740ad;
    --color-primario-a50: #191497;
    --color-primario-a60: #1c1377;
    --color-primario-a70: #1c1159;
    --color-primario-a80: #180f3c;
    --color-primario-a90: #130821;
    /* COMPUESTOS */
    --color-comp-01: #A3883E;
    --color-comp-02: #715F2E;
    --color-comp-03: #f3ecdb;
    --color-comp-04: #fdf8ee;
    /* ---------- */
    --color-comp-04: #6F623F;
    --color-comp-05: #938661;
    --color-comp-06: #B9B29D;
    --color-comp-07: #eae7dd;
    --color-comp-08: #FFF8E4;
    /* ---------- */
    --color-theme-b: #8E0DA3;
    --color-b001: #DEBBBD;
    --color-b002:#D3BDD1;
    --color-b00: #f4ebf6;
    --color-b10: #e6c7e8;
    --color-b20: #cb91d2;
    --color-b30: #ae59ba;
    --color-b50: #8e0da3;
    --color-b60: #691578;
    --color-b70: #47154f;
    --color-b80: #27112a;
    --color-b90: #000000;
    /* COMPUESTOS */
    /* ANALOGOS */
    --color-theme-c: #550EAD;
    --color-c05: #f5effa;
    --color-c10: #d8c3ec;
    --color-c20: #b089d8;
    --color-c30: #8551c3;
    --color-c50: #550ead;
    --color-c60: #42127f;
    --color-c70: #2f1254;
    --color-c80: #1c0e2c;
    --color-c90: #000000;
    /* ---------- */
    --color-theme-d: #0E48AD;
    --color-d00: #e9eafc;
    --color-d10: #cccdeb;
    --color-d20: #989ed7;
    --color-d30: #6271c2;
    --color-d50: #0e48ad;
    --color-d60: #19377f;
    --color-d70: #192653;
    --color-d80: #13172c;
    --color-d90: #000000;
    /* ---------- */
    --color-theme-e: #007DA3;
    --color-e0: #BAC5CF;
    --color-e00: #e4f4fe;
    --color-e10: #cbdde8;
    --color-e20: #96bcd0;
    --color-e30: #5f9cba;
    --color-e50: #007da3;
    --color-e60: #155d78;
    --color-e70: #173e4f;
    --color-e80: #122229;
    /* ---------- */
     /* ---------- */
     --color-theme-f: #24654D;
     --color-f00: #3D7B64;
     --color-f10: #5F9480;
     --color-f20: #87AE9F;
     --color-f30: #BCD3CA;
     /* ---------- */

    --color-base: #6A6A6A;
    --color-base0: #ebe8db;
    --color-base1: #e3e0d2;
    --background-color: #ffffff;


    /* titulos y tipo */
    --color-base4: #84d9d8;
    --color-base5: #B8C0C3;
    --color-base6: #A0A8AB;
    --color-base7: #CED2D3;
    --color-base8: #727C7E;
    --color-base9: #ffe5e2;
    --color-base10:#F9F9F9;
    --light-gray:  #f5f5f5;
    /* COLOR BASE FACULTADES */

    --base-eco: #003399;
    --base-agr: #006647;
    --base-arq: #cc6600;
    --base-der: #911d43;
    --base-nat: #006666;
    --base-ing: #33cc99;
    --base-med: #005257;
    --base-psi: #990000;
    --base-hum: #990909;
    --base-sal-original: #b3abd7;
    --base-sal: #5b4b91;
    --base-illia:#192068;
}


/* ANIMACIONES */

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}



html:focus-within {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: red;
    z-index: 999;
    text-align: center;
}


/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 1;
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes oscila {
    0% {
        transform: rotate(0);
        transform-origin: 59% 27%;
    }
    25% {
        transform: rotate(8deg);
        transform-origin: 59% 27%;
    }
    50% {
        transform: rotate(0);
        transform-origin: 59% 27%;
    }
    75% {
        transform: rotate(-8deg);
        transform-origin: 59% 27%;
    }
    100% {
        transform: rotate(0);
        transform-origin: 59% 27%;
    }
}

@keyframes oscilab {
    0% {
        transform: rotate(0);
        transform-origin: 10% 72%;
    }
    25% {
        transform: rotate(5deg);
        transform-origin: 10% 72%;
    }
    50% {
        transform: rotate(0);
        transform-origin: 10% 72%;
    }
    75% {
        transform: rotate(-1deg);
        transform-origin: 10% 72%;
    }
    100% {
        transform: rotate(0);
        transform-origin: 10% 72%;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



@keyframes rotacion {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

  @keyframes rotacion-inv {
    from {
      transform: rotate(-0deg);
    }
    to {
      transform: rotate(-359deg);
    }
  }

  ._rotacion {
    animation: rotacion 60s infinite linear;
  }
  ._rotacion-inv {
    animation: rotacion-inv 40s infinite linear;
  }
  ._rotacion-mas {
    animation: rotacion 90s infinite linear;
  }


/* AUXILIARES GENERICOS  */

._bck-base {
    background: var(--fondo-base);
}

._bck-bot-1 {
    background: var(--color-base3);
}

._bck-bot-0 {
    background: var(--blanco);
}

._bkg-ini {
    background: var(--color-e20);
    position: relative;
}
._bkg-top{
    overflow: hidden;
    position: relative;
}

._img-bkg{
    position: absolute;
    width: 100%;
    height: auto;
    transform-origin:center;


}
._ini-content{
    position: relative;
}

._bkg-pc {
    background: var(--color-b001);
}

._bkg-ly {
    background: var(--color-comp-07);
}

._bkg-cvt {
    background-color: var(--color-f30);
}

._bkg-acc {
    background: var(--color-primario-a00);
}

._bkg-stl {
    background: var(--color-e0);
}

._bkg-mod {
    background: var(--color-b002);
}



._no-border {
    box-shadow: none!important;
}

._no-deco {
    text-decoration: none;
}

._color-comp-06 {
    background-color: var(--color-comp-06);
    color: var(--color-comp-04);
}

._color-comp-03 {
    background-color: var(--color-comp-03);
    color: var(--color-comp-04)!important;
}

._no-line {
    line-height: 0;
}

._s-lineHeiht {
    line-height: 1rem;
}

._cover {
    background-size: cover!important;
    object-fit: cover;
}

._marg-card {
    margin: var(--altura-base) 0 0 0;
}

._margin-9 {
    padding-top: calc( var(--altura-base) * 1);
    padding-left: calc( var(--altura-base) * 3);
    padding-bottom: calc( var(--altura-base) * 2);
    padding-right: calc( var(--altura-base) * 3);
}

._padd-9 {
    padding: calc( var(--altura-base) * 1);
}
._padd-27 {
    padding: calc( var(--altura-base) * 3);
}


._pad-left-9 {
    padding-left: calc( var(--altura-base) * 1)!important;
}


._margin-9-lr {
    padding: 0 calc( var(--altura-base) * 2);
}

._marg-9 {
    margin: calc( var(--altura-base) * 1);
}

._marg-9-lr {
    margin: 0 calc( var(--altura-base) * 1);
}

._rounded {
    border-radius: calc( var(--altura-base) * 1)!important;
}
._circle{
  border-radius: 50%;
}

._rounded-btm {
    border-radius: 0 0 calc( var(--altura-base) * 3) calc( var(--altura-base) * 3);
}

._bottom {
    align-content: flex-end;
    justify-content: center;
}

._absolute{
    position: absolute;
}
._hidden {
    overflow: hidden;
}
._hidden-x {
    overflow-x: hidden;
}

._relative{
    position: relative;
}
._flex{
    display: flex;
}

._grid{
    display: grid;
}
._40vh{
    height: 40vh;
}
._50vh{
    height: 50vh;
}
._60vh{
    height: 60vh;
}
._80vh{
    height: 80vh;
}

.bot-gen {
    padding: calc( var(--altura-base) * 2.5) calc( var(--altura-base) * 3);
    /*border: 2px solid;*/
    box-shadow: 0 0 0 2px;
    font-weight: 500;
    /*text-align: center;*/
    box-sizing: border-box;
    max-height: calc( var(--altura-base) * 3)!important;
    display: inline-grid;
    transition: all .25s;
}

.bot-gen.active,
.bot-gen:hover,
.bot-gen:active,
.bot-gen:focus,
.bot-gen:target {
    text-decoration: none;
    transform: all;
    background-color: var(--color-base6);
    box-shadow: 0 0 0 0!important;

}

.menuPrincipal .bot-gen:hover {
    background-color: var(--color-d10);
}

.menuPrincipal .is-active {
    background-color: var(--color-d20);
    color: var(--color-f00);
}

._submenu:hover,
._submenu:active,
._submenu:focus,
._submenu:target {
    text-decoration: none;
    transform: all;
}

._bot-noborde {
    box-shadow: 0 0 0 0!important;
}

._card {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #EBEBEB;
    border-radius: 6px;
    overflow: hidden;
}

._card-aside {
    width: calc(80vw/4)
}

._card-aside a div {
    padding-left: calc(var(--altura-base) / 2)
}

._card-producto{
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: calc( var(--altura-base) * 2);
    overflow: hidden;
    height: calc( var(--altura-base) * 23);
    background: var(--color-base-alt-05);
    overflow: hidden;
}

._card-producto div{
    height: 85%;
}

._card-producto > img{
    position: absolute;
    object-fit: cover;
    z-index: -1;
    width: 100%;
    top: -1px;
}

._card-producto > div > div > .bot-gen {
box-shadow: none!important;
text-decoration: none;
padding: calc( var(--altura-base) * 3) calc( var(--altura-base) * 3)!important;
}
._w100 {
    width: 100%;
}

._hide {
    transition: all;
    opacity: 0;
}

._show {
    display: grid;
    animation: fadeIn 0.5s linear;
}



@keyframes fadeIn {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}



._borde-blanco {
    border-color: var(--blanco);
}

._txt-blanco {
    color: var(--blanco);
}

._txt-sec {
    color: var(--color-base3);
}

._txt-base {
    color: var(--color-base);
    font-size: 16px;
}

._txt-center {
    text-align: center;
}

._borde-base1 {
    border-color: var(--color-base3);
}

._borde-base01 {
    border-color: var(--blanco);
}

._nav-float>div>._borde-base01 {
    border-color: var(--color-base3);
}

._nav-float>div>._txt-base03 {
    color: var(--color-base3)!important;
}

._txt-base1 {
    color: var(--color-base5);
}

._txt-base11 {
    color: var(--color-base55);
}

._txt-base2 {
    color: var(--color-base1);
}

._txt-base3 {
    color: var(--color-base3);
}

._color-base-3 {
    color: var(--color-base3);
}

._color-titulo {
    color: var(--color-titulo);
}

._color-subtitulo {
    color: var(--color-subtitulo);
}

._txt-base03 {
    color: var(--blanco);
}

._txt-base6 {
    color: var(--color-base6);
}

._color-base6 {
    background-color: var(--color-base6);
}

._fondo-base-grad {
    background: var(--color-base-grad);
}

._fondo-base-grad-3 {
    background: var(--color-base-grad-3);
}

._fondo-base-grad-4 {
    background: var(--color-base-grad-7);
}

._fondo-base1 {
    background-color: var(--color-base2);
}

._fondo-base2 {
    background-color: var(--color-base1);
}

._fondo-base3 {
    background-color: var(--color-f00);
}

._fondo-prim04 {
    background-color: var(--color-base-primario-04);
    color: var(--color-base-primario-01);
}

._color-c05 {
    background: var(--color-c05);
    color: var(--color-c50);
}

._fondo-base-neuto-01 {
    background-color: var(--neutro-01);
}

._fondo-base-hover:hover {
    background-color: var(--neutro-01);
}

._svg-color-base6 {
    fill: var(--color-base6);
}

._svg-color-base-w {
    fill: var(--blanco);
}

._borde-base6 {
    border-color: var(--color-base6);
    stroke: var(--color-base6);
}

._txt-base4 {
    color: var(--color-base8);
}

._bkg-base-w {
    background: var(--blanco);
}

._trans {
    transition: all;
}

._trama {
    background: var(--trama-03), var(--color-base-grad-6);
}

._flecha-sec {
    position: absolute;
    bottom: -25%;
    left: 49.9%;
}

._no-marg-top {
    margin-top: 0!important;
}

._no-marg {
    margin: 0!important;
}

._sticky {
    position: fixed!important;
    position: -webkit-sticky;
    height: 100vh!important;
    box-sizing: border-box;
    width: 25vw;
    overflow-y: auto;
    scrollbar-color: #fff transparent;
}

._move-top {
    top: calc( var(--altura-base) * 3)!important;
}

._isolate{
    isolation: isolate;
}
._no-opacity{
    opacity: 1!important;
}

/* SKELETON LOADER */

.line {
    background-color: var(--gray);
    height: 13px;
    border-radius: 18px;
    margin: 14px 0;
}

.card-description .line:nth-child(1) {
    width: 90%;
}

.card-description .line:nth-child(3) {
    width: 80%;
}

.card-description .line:nth-child(4) {
    width: 40%;
}

.loading:nth-child(1) {
    width: 40%;
}

.loading {
    height: 1rem;
    background-color: var(--gray);
    color: transparent;
    background-image: linear-gradient(to right, #b8b8b865, #55555565, #b8b8b865);
    background-size: 200% 100%;
    animation: loading 1.6s linear infinite;
    border-radius: 18px;
    margin: 18px 0;
    opacity: 0.5;
}

p.loading {
    display: none;
}

._none {
    display: none;
}

@keyframes loading {
    100% {
        background-position: -200% 0%;
    }
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    text-align: center;
}


/*logo animado*/

#uno,
#dos,
#tres {
    animation: float 10s infinite linear;
}

#uno {
    animation-delay: 0.5s;
}

#dos {
    animation-delay: 1s;
}

#tres {
    animation-delay: 3s;
}

#tipo {
    transform-origin: 50% 50%;
    animation-delay: 21.5s;
    fill: #fc8d7f;
}

@keyframes float {
    0% {
        transform: translatey(0px) scale(0.3);
    }
    25% {
        transform: translatey(-1%) scale(0.3);
    }
    50% {
        transform: translatey(0px) scale(0.34);
    }
    75% {
        transform: translatey(-1%) scale(0.29);
    }
    100% {
        transform: translatey(0px) scale(0.3);
    }
}


/* ----------------------------------------------
* Generated by Animista on 2022-1-26 0:26:8
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */


/**
* ----------------------------------------
* animation vibrate-1
* ----------------------------------------
*/

@keyframes vibrate {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }
    40% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }
    60% {
        -webkit-transform: translate(6px, 6px);
        transform: translate(6px, 6px);
    }
    80% {
        -webkit-transform: translate(6px, -6px);
        transform: translate(6px, -6px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

#loader svg g {
    animation: vibrate 10s 2 linear;
    transform-origin: 50% 50%;
}

#loader svg path {
    transform: scale(0.3);
    -moz-transform: scale(0.3);
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@keyframes tipo {
    0%,
    80% {
        transform: translate(0, 50px) scale(0.3);
        opacity: 0;
        fill: none;
    }
    100% {
        transform: translate(0, 0) scale(0.3);
        fill: #fc8d7f!important;
        opacity: 1;
    }
}


/* EFECTOS DE IMAGEN  */

._opacity20 {

    filter: opacity(0.2);
}

._opacity50 {

    filter: opacity(0.5);
}

._opacity70 {

    filter: opacity(0.7);
}

._gray {
    filter: grayscale(100%);
}

._saturate {
    filter: saturate(30%);
}

._multiply {
    mix-blend-mode: multiply;
}
._lighten {
    mix-blend-mode:lighten;
}
._saturation{
    mix-blend-mode:saturation;
}

._colorburn{
    mix-blend-mode:color-burn;
}

._darken {
    mix-blend-mode:darken;
}
._hardlight {
    mix-blend-mode:hard-light;
}

._50op {
    filter: opacity(50%);
}

._invert {
    filter: invert(100%);
}

.breadcrumb {
    display: inline-grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 9px;
    color: var(--color-titulo);
}

.solapado {
    position: relative;
    overflow: hidden;
    z-index: 10;
    top: -27px;
}

ul.breadcrumb li a:first-child {
    text-decoration: none!important;
    font-weight: 500;
}


._ruido {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  }





/* SECCIONES BASE  */

svg path.iso-8a {
    fill: var(--color-base3);
}

._logo>img {
    height: calc( var(--altura-base) * 2);
}

header{
    height: 100vh;
    background: rgb(131,145,126);
  background: linear-gradient(0deg, rgba(131,145,126,1) 0%, rgba(131,145,126,1) 35%, rgba(174,196,164,1) 73%);
}

header._head-int {
    height: calc( var(--altura-base) * 3)!important;
}

header>nav._nav-main {
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100vw;
}

._fixed {
    position: fixed!important;
    z-index: 2;
    top: 0;
    width: 100%;
}

._nav-float {
    position: fixed!important;
    /*background: var(--color-base1);
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.37);*/
    z-index: 2;
    width: 100%;
    top: -100px!important;
    border-radius: 0 0 9px 9px;
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

header>div>div:nth-child(1) {
    background: transparent;
}

header>div>div:nth-child(2) {
    background: transparent;
    overflow: hidden;
}


.fixedMenu {
    position: relative;
    left: 43%;
    transform: translateX(-43%);
    background-color: #AEC4A4;
    padding: 10px;
    width: 86%;
    height: 72px;
    border-radius: 12px;
    display: block!important; /* Mostrar cuando se fija */
    bottom: 50px;
}


.fixed {
    bottom: 3%;
    position: fixed!important;

}


/*SECCIONES*/
._seccion1 {
    overflow: hidden;
}

/* ._seccion1:after{
position: absolute;
content: " ";
top: 0;
right: 0;
width: 100vw;
height: 100vh;
background-image: url(/images/noise-w.webp);
background-repeat: no-repeat;
background-position: center bottom;
z-index: 1;
filter: invert();
} */

/* .asist>div:nth-child(1) {
    background: url(../images/intro-image1.jpg) center center/120% no-repeat;
} */

.asist>div:nth-child(2) {
    overflow: hidden;
    object-fit: cover;
    height: 90vh;
}

.igm>div:nth-child(1) {
    background: var(--color-base4) url(../images/portada4.png) center center no-repeat;
}

.igm>div:nth-child(2) {
    background: var(--color-base4);
}

.newsletter {
    height: calc( var(--altura-base) * 45)!important;
    min-height: calc( var(--altura-base) * 45)!important;
    overflow: hidden;
    background: var(--color-base-grad-5)
}

/* footer img {
    position: relative;
    height: calc( var(--altura-base) * 6);
} */

footer ._logo-footer {
    min-height: calc( var(--altura-base) * 6);
}

footer p {
    color: var(--color-base6);
}

footer div div svg path {
    fill: var(--color-base6);
}

footer img#interior {
    position: relative;
    top: 0px;
    height: calc( var(--altura-base) * 6);
}

footer ._logo2{
    position: fixed;
    bottom: 26px;
    right: 54px;
    z-index: 10;
}

/* SECCIONES BASE  */

svg.svg-10 {
    height: calc( var(--altura-base) * 3);
}

svg.svg-10 polyline,
svg.svg-10 line,
svg.svg-10 path {
    fill: none;
    stroke: var(--color-subtitulo);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: 0.2s;
}

._nav-float>div>div>a>svg.svg-10 polyline,
._nav-float>div>div>a>svg.svg-10 line,
._nav-float>div>div>a>svg.svg-10 path {
    fill: none;
    stroke: var(--color-subtitulo);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: 0.2s;
}

._nav-float>div>div>a>.svg-10:hover path:nth-child(1),
._nav-float>div>div>a>.svg-10:hover path:nth-child(2),
._nav-float>div>div>a>.svg-10:hover path:nth-child(3) {
    stroke: var(--color-titulo);
}

.svg-10:hover path:nth-child(1),
.svg-10:hover path:nth-child(2),
.svg-10:hover path:nth-child(3) {
    stroke: var(--color-titulo);
}

.bot-arrow {
    position: fixed;
    bottom: 0px;
    right: 19%;
    text-decoration: none;
}


/* SECCIONES BASE MOBILE  */

@media (min-width: 0) {
    ._head-int>nav {
        background: var(--color-base2);
    }
    ._hdr-mobile {
        background: var(--color-base1);
    }
    ._logo>img {
        height: calc( var(--altura-base) * 2);
    }
    ._40vh-m {
        height: 50vh!important;
    }
    svg.svg-10 polyline,
    svg.svg-10 line,
    svg.svg-10 path {
        fill: none;
        stroke: var(--color-subtitulo);
        stroke-width: 8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: 0.2s;
    }
    #subscribeform input {
        width: 90%;
        border: 0px solid transparent;
        border-right-color: transparent;
        border-right-style: solid;
        border-right-width: 0px;
        border-right: none;
        padding: calc( var(--altura-base) / 2) 5%;
        height: var(--altura-base);
        border-radius: 5px 5px 0 0;
        outline: 0;
        color: #9dbfaf;
        font-size: 1.5em;
    }
    #subscribeform button {
        height: calc( var(--altura-base) * 2);
        border: 0px solid transparent;
        background: var(--color-base3);
        text-align: center;
        color: #fff;
        border-radius: 0 0 5px 5px;
        cursor: pointer;
        font-size: 18px;
    }
    .contele {
        transform: scale(.5) !important;
        width: 100vw;
        left: -20px;
        position: absolute;
        right: 10%;
    }
    ._bck-base {
        background: var(--fondo-base);
    }
    ._pad-27{
        padding: calc( var(--altura-base) * 3);
    }
    ._pad-27-tb {
        padding: calc( var(--altura-base) * 3) 0;
    }
    ._pad-27-t {
        padding: calc( var(--altura-base) * 3) 0 0 0;
    }
    ._pad-27-b {
     padding: 0 0 calc( var(--altura-base) * 3)  0;
    }
    ._pad-27-lr {
        padding: 0 calc( var(--altura-base) * 3);
    }
    ._pad-27-l {
        padding: 0 calc( var(--altura-base) * 3) 0 0 0;
    }
    ._pad-27-r {
        padding: 0 0 0 calc( var(--altura-base) * 3);
    }

    ._pad-18{
        padding: calc( var(--altura-base) * 2);
    }
    ._pad-18-tb {
        padding: calc( var(--altura-base) * 2) 0;
    }
    ._pad-18-t {
        padding: calc( var(--altura-base) * 2) 0 0 0;
    }
    ._pad-18-b {
     padding: 0 0 calc( var(--altura-base) * 2)  0;
    }
    ._pad-18-lr {
        padding: 0 calc( var(--altura-base) * 2);
    }
    ._pad-18-l {
        padding: 0 calc( var(--altura-base) * 2) 0 0 0;
    }
    ._pad-18-r {
        padding: 0 0 0 calc( var(--altura-base) * 2);
    }

    ._pad-9{
        padding: calc( var(--altura-base) * 1);
    }
    ._pad-9-tb {
        padding: calc( var(--altura-base) * 1) 0;
    }
    ._pad-9-t {
        padding-top: calc( var(--altura-base) * 1);
    }
    ._pad-9-b {
     padding: 0 0 calc( var(--altura-base) * 1)  0;
    }
    ._pad-9-lr {
        padding-left: calc( var(--altura-base) * 1);
        padding-right: calc( var(--altura-base) * 1);
    }
    ._pad-9-l {
        padding: 0 calc( var(--altura-base) * 1) 0 0 0;
    }
    ._pad-9-r {
        padding: 0 0 0 calc( var(--altura-base) * 1);
    }

    /**margenes**/
    ._marg-27 {
        margin: calc( var(--altura-base) * 3)!important;
    }
    ._marg-27-tb {
        margin: calc( var(--altura-base) * 3) 0;
    }
    ._marg-27-t {
        margin: calc( var(--altura-base) * 3) 0 0 0;
    }
    ._marg-27-b {
     margin: 0 0 calc( var(--altura-base) * 3)  0;
    }
    ._marg-27-lr {
        margin: 0 calc( var(--altura-base) * 3);
    }
    ._marg-27-r {
        margin: 0 calc( var(--altura-base) * 3) 0 0 0;
    }
    ._marg-27-l {
        margin: 0 0 0 calc( var(--altura-base) * 3);
    }

    ._marg-18 {
        margin: calc( var(--altura-base) * 2)!important;
    }
    ._marg-18-tb {
        margin: calc( var(--altura-base) * 2) 0;
    }
    ._marg-18-t {
        margin: calc( var(--altura-base) * 2) 0 0 0;
    }
    ._marg-18-b {
     margin: 0 0 calc( var(--altura-base) * 2)  0;
    }
    ._marg-18-lr {
        margin: 0 calc( var(--altura-base) * 2);
    }
    ._marg-18-r {
        margin: 0 calc( var(--altura-base) * 2) 0 0 0;
    }
    ._marg-18-l {
        margin: 0 0 0 calc( var(--altura-base) * 2);
    }

    ._marg-9 {
        margin: calc( var(--altura-base) * 1)!important;
    }
    ._marg-9-tb {
        margin-top: var(--altura-base) * 1 ;
        margin-bottom:var(--altura-base) * 1 ;
    }
    ._marg-9-t {
        margin-top: calc( var(--altura-base) * 1)!important;
    }
    ._marg-9-b {
     margin: 0 0 calc( var(--altura-base) * 1)  0;
    }
    ._marg-9-lr {
        margin-left: calc( var(--altura-base) * 1)!important;
        margin-right: calc( var(--altura-base) * 1)!important;
    }
    ._marg-9-l {
        margin: 0 calc( var(--altura-base) * 1) 0 0 0;
    }
    ._marg-9-r {
        margin: 0 0 0 calc( var(--altura-base) * 1);
    }
    ._marg-tb {
        margin: 0 calc( var(--altura-base) * 1);
    }
    ._txt-base {
        color: var(--color-texto-mobile);
        font-size: 16px;
    }
    ._contenedor-slide-central {
        display: flex;
        justify-items: center;
        width: 90vw;
    }
    ._newmenu dd > div{
        height: auto!important;

      }
      ._header-ppal{
        height:calc( var(--altura-base) * 15);
    }
    ._newmenu dd {
        top: calc( var(--altura-base) * 10);
      }

      .footnav {
        padding-top: 4px;
        height: 82px;
        position: fixed;
        left: 43%;
        transform: translateX(-43%);
        bottom: 18px;
        transition: bottom .2s ease-in-out;
        width: 95%;
        z-index: 3;
        background:var(--color-base-alt-00);
        border-radius: 12px;
        -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
    }

    .nav-down {
        bottom: -132px;
    }
    .myMenu {
        margin: 0 2%
    }

    nav>div>div>div>a span {
        color: var(--color-base-alt-02);
        display: grid;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    }

    .active>*,.active>span * {
        fill: var(--color-alt);
        color: var(--color-alt)
    }

    @media(hover: hover) and (pointer:fine) {
        nav>div>div>div>a:hover svg {
            fill:var(--color-alt)
        }

        nav>div>div>div>a:hover span {
            color: var(--color-alt)
        }
    }

    nav>div>div>div>a>span>svg {
        fill: var(--color-base-alt-02);
        height: 36px
    }

    nav>div>div>div.swiper-slide {
        text-align: center;
        font-size: 12px;
        width: 33%!important;
        height: 72px!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .myMenu .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .myMenu .swiper-slide a{
    grid-template-rows: 1fr 1fr;
    height: 90%;
    }
    ._novedad {
        right: 27px;
        top: -77px;
        padding: 6px 12px;
        background: #b5164e;
        border-radius: 6px;
        color: #f2f2c5;
          }

}

@media (min-width: 480px) {
    ._logo>img {
        height: calc( var(--altura-base) * 2);
    }
    svg.svg-10 polyline,
    svg.svg-10 line,
    svg.svg-10 path {
        fill: none;
        stroke: var(--color-subtitulo);
        stroke-width: 8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: 0.2s;
    }
    ._marg-27 {
        padding: calc( var(--altura-base) * 1)!important;
    }
    ._marg-27-ud {
        padding: calc( var(--altura-base) * 1) 0;
    }
    ._margin-27-ud {
        margin: calc( var(--altura-base) * 1) 0;
    }
    ._marg-27-bt {
        padding: 0 calc( var(--altura-base) * 1);
    }
    ._marg-tb {
        margin: 0 calc( var(--altura-base) * 1);
    }
    ._txt-base {
        color: var(--color-texto-mobile);
        font-size: 16px;
    }


}

@media (min-width:720px) {
    ._txt-base03 {
        color: var(--color-base3);
    }
    ._nav-main>div>a._borde-base01 {
        border-color: var(--color-base3);
    }
    ._marg-27 {
        padding: calc( var(--altura-base) * 3)!important;
    }
    ._marg-27-ud {
        padding: calc( var(--altura-base) * 3) 0;
    }
    ._margin-27-ud {
        margin: calc( var(--altura-base) * 3) 0;
    }
    ._marg-27-bt {
        padding: 0 calc( var(--altura-base) * 4);
    }
    ._marg-tb {
        margin: 0 calc( var(--altura-base) * 3);
    }
    ._txt-base {
        color: var(--color-base);
        font-size: 16px;
    }
    ul._menu_gral_int {
        -moz-column-count: 2;
        -moz-column-gap:5vw;
        -webkit-column-count: 2;
        -webkit-column-gap: 5vw;
        column-count: 2;
        column-gap:5vw;

    }
    .desktop {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #739878 url(../images/qr.png) center center no-repeat;
        z-index: 99999;
        position: fixed;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

@media (min-width:960px) {
    ._header-ppal{
        height:calc( var(--altura-base) * 21);
    }
    ._bck-base {
        background: var(--fondo-base);
    }
    ._logo>img {
        height: calc( var(--altura-base) * 2);
    }
    ._logo>svg {
        transform: scale(1.5);
    }

    svg.svg-10 polyline,
    svg.svg-10 line,
    svg.svg-10 path {
        fill: none;
        stroke: var(--color-subtitulo);
        stroke-width: 8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: 0.2s;
    }
    ._nav-main>div>a._txt-base03 {
        color: var(--blanco);
    }
    ._nav-main>div>a._borde-base01 {
        border-color: var(--blanco);
    }
    ._nav-float>div>a._borde-base01 {
        border-color: var(--color-base3)!important;
    }
    .color-interior>path {
        stroke: var(--color-base3)!important;
    }
    #subscribeform input {
        width: 90%;
        border: 0px solid transparent;
        border-right-color: transparent;
        border-right-style: solid;
        border-right-width: 0px;
        border-right: none;
        padding: calc( var(--altura-base) / 2) 5%;
        height: var(--altura-base);
        border-radius: 5px 0 0 5px;
        outline: 0;
        color: #9dbfaf;
        font-size: 1.5em;
    }
    #subscribeform button {
        height: calc( var(--altura-base) * 2);
        border: 0px solid transparent;
        background: var(--color-base3);
        text-align: center;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: 18px;
    }
    /* .mySwiper.swiper>.swiper-wrapper>.swiper-slide[data-swiper-slide-index="0"] {
        background: none!important;
    }
    .mySwiper.swiper>.swiper-wrapper>.swiper-slide[data-swiper-slide-index="1"] {
        background: none!important;
    }
    .mySwiper.swiper>.swiper-wrapper>.swiper-slide[data-swiper-slide-index="2"] {
        background: none!important;
    } */
    .contele {
        transform: scale(0.7)!important;
        width: inherit;
        left: inherit;
        position: inherit;
        right: inherit;
    }
    ._marg-27 {
        padding: calc( var(--altura-base) * 3)!important;
    }
    ._marg-27-ud {
        padding: calc( var(--altura-base) * 3) 0;
    }
    ._margin-27-ud {
        margin: calc( var(--altura-base) * 3) 0;
    }
    ._marg-27-bt {
        padding: 0 calc( var(--altura-base) * 4);
    }
    ._marg-tb {
        margin: 0 calc( var(--altura-base) * 3);
    }
    ._txt-base {
        color: var(--color-base);
        font-size: 16px;
    }
    /* SWIPER */
    ._contenedor-slide-central {
        display: flex;
        width: 100%;
    }
    .mySwiper.swiper {
        width: 100%;
        height: 100%;
    }

    ul._menu_gral_int {
        -moz-column-count: 3;
        -moz-column-gap:5vw;
        -webkit-column-count: 3;
        -webkit-column-gap: 5vw;
        column-count: 3;
        column-gap:5vw;

    }
    ._newmenu dd {
        top: calc( var(--altura-base) * 15);
      }

}

#result>p.poweredby>a>img {
    display: none!important
}

svg path.spline {
    stroke-dasharray: 1;
    animation-name: fill-line;
    animation-duration: 3s;
}

svg path.spline2 {
    stroke-dasharray: 1;
    animation-name: fill-line;
    animation-duration: 2s;
}

svg path.ttl {
    animation-name: opacity;
    animation-delay: 1.5s;
    animation-duration: 1s;
    animation-fill-mode: backwards;
}

svg path.subttl {
    animation-name: opacity;
    animation-delay: 2s;
    animation-duration: 1s;
    animation-fill-mode: backwards;
}

@keyframes fill-line {
    from {
        stroke-dashoffset: 1;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

section#scroll img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

section#scroll img#iz {
    transform: translateY(-10%) scale(0.30);
    z-index: 3;
}

section#scroll img#der {
    transform: translateX(50%) translateY(20vh) scale(1) rotate(30deg);
    z-index: 1;
}

section#scroll img#sierras {
    transform: translateX(10%) translateY(-5vh) scale(0.30);
    z-index: 3;
}

section#scroll img#arboleda {
    transform: translateX(35%) translateY(-15vh) scale(0.50);
    z-index: 2;
}

section#scroll img#pedido {
    transform: translateX(30%) translateY(-10vh) scale(0.60);
    z-index: 2;
}

section#scroll #texto {
    position: absolute;
    font-weight: 700;
    right: -10vw;
    z-index: 2;
    width: 80%;
}

.pedido {
    animation: vibrate 4s infinite cubic-bezier(.77, 0, .18, 1);
    position: absolute;
    top: 10px;
    width: 1500px;
    z-index: 9;
    right: 50px;
}

#cabeza {
    animation: oscila 10s infinite cubic-bezier(.77, 0, .18, 1);
}

#brazo {
    animation: oscilab 5s infinite ease-in-out;
}

.ojo {
    position: absolute;
    z-index: 10;
    width: 512px;
    height: 512px;
    transform-origin: center center;
    background: url(/images/sprite-eye.svg) left center;
    animation: play 5s steps(2) infinite;
    display: grid;
    justify-content: center;
    align-content: center;
}

.ojoloco {
    width: 250px;
    height: 175px;
    transform: translate(-35px, -55px);
}

.rota {
    position: absolute;
    animation: rota 3s infinite;
    transform-origin: center center;
    width: 512px;
    height: 512px;
}

@keyframes play {
    0%,
    10% {
        background-position: -1024px;
    }
    13%,
    100% {
        background-position: 0;
    }
}

@keyframes rota {
    0%,
    25% {
        rotate: 0deg;
    }
    25%,
    62% {
        rotate: 3.65deg;
    }
    62%,
    58% {
        rotate: -3.23deg;
    }
    97% {
        rotate: 0deg;
    }
}

.dropdown-active a,
visited {
    color: #7f4288;
}

._sticky::-webkit-scrollbar {
    width: 0.5em;
}

._sticky::-webkit-scrollbar-thumb {
    background-color: #fff;
    outline: 0px solid rgb(213, 213, 213);
}


/*minimiza*/

.search-box {
    background: var(--color-bot-top);
    border-radius: calc( var(--altura-base) * 1);
    border: 2px solid #623C92;
    height: calc( var(--altura-base) * 5);
    overflow: hidden;
    color: #623C92;
}

.search-box input[type=text] {
    border: none;
    background: 0 0;
    z-index: 1;
    transition: all .25s ease-in .25s;
    font-size: 1rem;
    line-height: 27px
}

.search-box>input.clear-btn[type=submit] {
    background: 0 0;
    color: #623C92;
    font-size: 27px;
    border: none;
    outline: 0;
    position: relative;
    cursor: pointer;
    rotate: -45deg;
    right: -9px;
    top: 0px;
}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
    .search-box>input.clear-btn[type=submit] {
        background: 0 0;
        color: #623C92;
        font-size: 27px;
        border: none;
        outline: 0;
        position: relative;
        cursor: pointer;
        rotate: -45deg;
        right: -9px;
        top: 0px;
    }
}


.search-box>input::placeholder {
    color: #623C92;
    font-size: 16px;
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button;
    appearance: button;
}

.search-box input[type=text] {
    border: none;
    background: 0 0;
    z-index: 1;
    width: auto;
    height: 54px;
    transition: all .25s ease-in .25s;
    font-size: 1rem;
    line-height: 27px;
    text-align: center;
    color: #623C92;
}

.search-box>:focus {
    outline: 0
}


/* MENU PRINCIPAL */

.menuPrincipal.swiper {
    width: 100vw!important;
    height: 100%;
}

.menuPrincipal .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100vw!important;
    height: 100%;
}

.menuPrincipal .swiper-wrapper {
    width: 100vw!important;
}

.menuPrincipal .swiper-slide>div {
    height: 100%;
}

.menuPrincipal #menu>div.swiper-slide:first-child {
    width: auto!important;
    margin-left: 30%;
}

.menuPrincipal #menu>div.swiper-slide:last-child {
    width: auto!important;
    margin-right: 5%;
}


/* MENU PRINCIPAL */
._newmenu dd {
    width: 100%;
    position: absolute;
    border-radius: 0 0 54px 54px;
    left: 0;
    margin: 0;
   z-index: 25;
  }

  ._newmenu dd > div{
    height: 40vh;
    border-radius: 0 0 54px 54px;
    background: var(--blanco);
    padding: 0 27px;
    position: relative;
    z-index: 10;
  }
  ._newmenu dd::after{
    content: " ";
  position: absolute;
  width: 100%;
  bottom: 1px;
  z-index: 2;
  height: 54px;
  box-shadow: 0 0 30px 1px var(--color-b60);
  mix-blend-mode:multiply;
  opacity: 0.3;
  left: 0;
  border-radius: 0 0 54px 54px;
  }
  ._newmenu dd > div a {
    line-height: 1.5;
  }

._newmenu dt{
    width: 20%;
    padding: 0px;
  width: 75px;
  position: relative;
  left: -27px;
  top: -1px;
  z-index: 30;
}
._newmenu .container {
cursor: pointer;
display: flex;
}
._newmenu svg {
zoom: 0.5;
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
._newmenu .active svg {
transform: rotate(90deg);
}
._newmenu path {
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
._newmenu path:nth-child(1) {
transform-origin: 36% 40%;
}
._newmenu path:nth-child(2) {
stroke-dasharray: 29 299;
}
._newmenu path:nth-child(3) {
transform-origin: 35% 63%;
}
._newmenu path:nth-child(4) {
stroke-dasharray: 29 299;
}
._newmenu path:nth-child(5) {
transform-origin: 61% 52%;
}
._newmenu path:nth-child(6) {
transform-origin: 62% 52%;
}
._newmenu .active path:nth-child(1) {
transform: translateX(9px) translateY(1px) rotate(45deg);
}
._newmenu .active path:nth-child(2) {
stroke-dasharray: 225 299;
stroke-dashoffset: -72px;
}
._newmenu .active path:nth-child(3) {
transform: translateX(9px) translateY(1px) rotate(-45deg);
}
._newmenu .active path:nth-child(4) {
stroke-dasharray: 225 299;
stroke-dashoffset: -72px;
}
._newmenu .active path:nth-child(5) {
transform: translateX(9px) translateY(1px) rotate(-45deg);
}
._newmenu .active path:nth-child(6) {
transform: translateX(9px) translateY(1px) rotate(45deg);
}

@-moz-document url-prefix() {
    ._newmenu svg{
height: 96px;
    }
    ._newmenu dt{
        width: 20%;
        padding: 0px;
      width: 75px;
      position: relative;
      left: -27px;
    }

    ul._menu_gral_int a:hover:before{
        color: var(--color-b80);
        content: "#";
        position:absolute;
        font-weight: 700;
       left: -27px;
       bottom: 6px;
       animation: fadein 0.5s cubic-bezier(.17,.67,.83,.67);

    }

  }



ul._menu_gral_int a {
    color: var(--color-theme-b);
    position: relative;
}
ul._menu_gral_int a:hover{
    color: var(--color-b80);
    transition: color 0.5s;
}

ul._menu_gral_int a:hover:before{
    color: var(--color-b80);
    content: "#";
    position:absolute;
    font-weight: 700;
   left: -27px;
   bottom: -4px;
   animation: fadein 0.5s cubic-bezier(.17,.67,.83,.67);

}

.footnav.ch.nav-up nav#menu_slide {
    overflow: hidden
}


.buenasnoches::before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI1LjkxMDI5OSIKICAgaGVpZ2h0PSIyNi45OTk5OTgiCiAgIHZpZXdCb3g9IjAgMCAyNS45MTAyOTkgMjYuOTk5OTk4IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxMyIKICAgc29kaXBvZGk6ZG9jbmFtZT0iYnVlbmFzbm9jaGVzLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zLjIgKDA5MWUyMGUsIDIwMjMtMTEtMjUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxMyIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzEzIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBpbmtzY2FwZTp6b29tPSI2Ljk3Nzc3NzgiCiAgICAgaW5rc2NhcGU6Y3g9IjQzLjk5NjgxNSIKICAgICBpbmtzY2FwZTpjeT0iMTEuMTc4MzQ0IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkwNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MTkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTMiIC8+CiAgPHBhdGgKICAgICBkPSJtIDE0LjcyODI5OSw2LjI5NzQxOSBjIDAuMTU1MywwIDAuMjQ1OSwtMC4xMDM0NSAwLjI3MTcsLTAuMjQ1NjggMC40MDEyLC0yLjE0NjUzIDAuMzg4MywtMi4xOTgyOCAyLjYyNzMsLTIuNjM3OTUgMC4xNTUzLC0wLjAyNTgyIDAuMjQ1OSwtMC4xMDM0NSAwLjI0NTksLTAuMjU4NiAwLC0wLjE2ODExIC0wLjA5MDYsLTAuMjQ1NjggLTAuMjQ1OSwtMC4yNzE1NSAtMi4yMzksLTAuNDUyNTggLTIuMjI2MSwtMC40OTEzNyAtMi42MjczLC0yLjYzNzk1NyBDIDE0Ljk3NDE5OSwwLjEwMzQ0OCAxNC44ODM1OTksMCAxNC43MjgyOTksMCBjIC0wLjE1NTQsMCAtMC4yMzMsMC4xMDM0NDggLTAuMjU4OSwwLjI0NTY4MiAtMC40MTQxLDIuMTQ2NTg3IC0wLjM4ODIsMi4xODUzNzcgLTIuNjQwMiwyLjYzNzk1NyAtMC4xNDI0LDAuMDI1ODcgLTAuMjQ1OSwwLjEwMzQ0IC0wLjI0NTksMC4yNzE1NSAwLDAuMTU1MTUgMC4xMDM1LDAuMjMyNzggMC4yNDU5LDAuMjU4NiAyLjI2NDksMC40Mzk2NyAyLjIyNjEsMC40OTE0MiAyLjY0MDIsMi42Mzc5NSAwLjAyNTksMC4xNDIyMyAwLjEwMzUsMC4yNDU2OCAwLjI1ODksMC4yNDU2OCB6IG0gNi4xOTkzLDguNzQxMzggYyAwLjIzMjksMCAwLjQwMTIsLTAuMTY4MSAwLjQyNzEsLTAuNDEzOCAwLjQyNzEsLTMuNDY1NSAwLjU5NTMsLTMuNTY5IDQuMTAyNiwtNC4xMTIgMC4yODQ3LC0wLjA1MTggMC40NTMsLTAuMTgxMSAwLjQ1MywtMC40Mzk3IDAsLTAuMjQ1NzAwMSAtMC4xNjgzLC0wLjQwMDg4MDEgLTAuNDAxMywtMC40Mzk2NjAzIC0zLjUzMzEsLTAuNjcyNDM5NyAtMy43MjcyLC0wLjY0NjU2OTcgLTQuMTU0MywtNC4xMTIwNDk3IC0wLjAyNTksLTAuMjQ1NjggLTAuMTk0MiwtMC40MTM3OSAtMC40MjcxLC0wLjQxMzc5IC0wLjI0NTksMCAtMC40MTQyLDAuMTY4MTEgLTAuNDQsMC40MDA4MiAtMC40NTMsMy41MDQzMyAtMC41Njk1LDMuNjIwNjkgLTQuMTU0NSw0LjEyNTAxOTcgLTAuMjMzLDAuMDI1ODcgLTAuNDAxMiwwLjE5Mzk2MDIgLTAuNDAxMiwwLjQzOTY2MDMgMCwwLjI0NTcgMC4xNjgyLDAuMzg3OSAwLjQwMTIsMC40Mzk3IDMuNTg1LDAuNjU5NCAzLjcxNDQsMC42NzI0IDQuMTU0NSw0LjEzNzkgMC4wMjU4LDAuMjE5OCAwLjE5NDEsMC4zODc5IDAuNDQsMC4zODc5IHogbSAtOS43NDU1LDExLjk2MTIgYyA0LjY4NTEsMCA4LjQyNTQsLTIuMzY2NCAxMC4yMTE0LC02LjM0OTIgMC4yMiwtMC40Nzg0IDAuMTgxMiwtMC44OTIyIC0wLjA1MTgsLTEuMTEyIC0wLjIwNywtMC4xOTQgLTAuNTY5NCwtMC4yMTk4IC0wLjk3MDYsLTAuMDc3NiAtMS4wNDgzLDAuNDEzOCAtMi4yNzc5LDAuNjIwNyAtMy42ODg2LDAuNjIwNyAtNS44NzU3LDAgLTkuNjI4OTQ5MywtMy42NzI0IC05LjYyODk0OTMsLTkuNDAwOSAwLC0xLjYyOTI3IDAuMzEwNTYsLTMuMTkzOSAwLjcxMTc5LC0zLjk5NTYxIDAuMjIsLTAuNDUyNjMgMC4yMiwtMC44NDA1NSAwLjAyNTksLTEuMDg2MjMgLTAuMjMyOTcsLTAuMjU4NjUgLTAuNjQ3MTMsLTAuMjk3NDMgLTEuMTUxODQsLTAuMTAzNDUgQyAyLjY2NjA5LDcuMDYwMzQ5IDAsMTEuMjc1Nzk5IDAsMTYuMDA4NTk5IGMgMCw2LjI5NzQgNC42NDYyMjk3LDEwLjk5MTQgMTEuMTgyMDk5LDEwLjk5MTQgeiIKICAgICBmaWxsPSIjNWU3MzU4IgogICAgIGlkPSJwYXRoMTMiIC8+Cjwvc3ZnPgo=");
    filter: grayscale(1) brightness(1);
}
  .buenosdias::before  {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3IDI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTEzLjUgMGMtMC43MjE1MyAwLTEuMzA2MSAwLjU4NDUzLTEuMzA2MSAxLjMwNjF2My4wNDk4YzAgMC43MjE1MyAwLjU4NDUzIDEuMzA2MSAxLjMwNjEgMS4zMDYxczEuMzA2MS0wLjU4NDUzIDEuMzA2MS0xLjMwNjF2LTMuMDQ5OGMwLTAuNzIxNTItMC41ODQ1My0xLjMwNjEtMS4zMDYxLTEuMzA2MXptLTguNjIyMSAzLjU3MTljLTAuMzM0MzUgMC0wLjY2OTUxIDAuMTI2MzUtMC45MjQ2MSAwLjM4MTQ1LTAuNTEwMTkgMC41MTAxOS0wLjUxMDE5IDEuMzM3MyAwIDEuODQ3NWwyLjE1NjggMi4xNTY4YzAuNTEwMTkgMC41MTAxOSAxLjMzNzMgMC41MTAxOSAxLjg0NzUgMHMwLjUxMDE5LTEuMzM3MyAwLTEuODQ3NWwtMi4xNTY4LTIuMTU2OGMtMC4yNTUxLTAuMjU1MS0wLjU4ODUtMC4zODE0NS0wLjkyMjg1LTAuMzgxNDV6bTE3LjI0NCAwYy0wLjMzNDMgMC0wLjY2Nzc1IDAuMTI2MzUtMC45MjI4NSAwLjM4MTQ1bC0yLjE1NjggMi4xNTY4Yy0wLjUxMDIxIDAuNTEwMTktMC41MTAyMSAxLjMzNzMgMCAxLjg0NzUgMC41MTAyMSAwLjUxMDE5IDEuMzM3MyAwLjUxMDE5IDEuODQ3NSAwbDIuMTU2OC0yLjE1NjhjMC41MTAyMS0wLjUxMDE5IDAuNTEwMjEtMS4zMzczIDAtMS44NDc1LTAuMjU1MS0wLjI1NTEtMC41OTAzLTAuMzgxNDUtMC45MjQ2MS0wLjM4MTQ1em0tOC42MjIxIDQuMDVjLTMuMjQ2OCAwLTUuODc5OSAyLjYzMTMtNS44Nzk5IDUuODc4MSAwIDMuMjQ2OCAyLjYzMyA1Ljg3OTkgNS44Nzk5IDUuODc5OXM1Ljg3OTktMi42MzMgNS44Nzk5LTUuODc5OWMwLTMuMjQ2OC0yLjYzMy01Ljg3ODEtNS44Nzk5LTUuODc4MXptLTEyLjE5NCA0LjU3MjFjLTAuNzIxNTIgMC0xLjMwNjEgMC41ODQ1Mi0xLjMwNjEgMS4zMDYxIDAgMC43MjE1MyAwLjU4NDUzIDEuMzA2MSAxLjMwNjEgMS4zMDYxaDMuMDQ4YzAuNzIxNTMgMCAxLjMwNzgtMC41ODQ1MiAxLjMwNzgtMS4zMDYxIDAtMC43MjE1My0wLjU4NjI4LTEuMzA2MS0xLjMwNzgtMS4zMDYxem0yMS4zNCAwYy0wLjcyMTUzIDAtMS4zMDc4IDAuNTg0NTItMS4zMDc4IDEuMzA2MSAwIDAuNzIxNTMgMC41ODYyOCAxLjMwNjEgMS4zMDc4IDEuMzA2MWgzLjA0OGMwLjcyMTUzIDAgMS4zMDYxLTAuNTg0NTIgMS4zMDYxLTEuMzA2MSAwLTAuNzIxNTMtMC41ODQ1My0xLjMwNjEtMS4zMDYxLTEuMzA2MXptLTE1LjYxMSA2LjQ2NTJjLTAuMzM0MzUgMC0wLjY2OTUxIDAuMTI4MS0wLjkyNDYxIDAuMzgzMmwtMi4xNTY4IDIuMTU2OGMtMC41MTAxOSAwLjUxMDIxLTAuNTEwMTkgMS4zMzczIDAgMS44NDc1IDAuNTEwMTkgMC41MTAyMSAxLjMzNzMgMC41MTAyMSAxLjg0NzUgMGwyLjE1NjgtMi4xNTY4YzAuNTEwMTktMC41MTAyMSAwLjUxMDE5LTEuMzM3MyAwLTEuODQ3NS0wLjI1NTEtMC4yNTUxLTAuNTg4NS0wLjM4MzItMC45MjI4NS0wLjM4MzJ6bTEyLjkzMiAwLjAwMThjLTAuMzM0MyAwLTAuNjY3NzUgMC4xMjgxLTAuOTIyODUgMC4zODMyLTAuNTEwMjEgMC41MTAyMS0wLjUxMDIxIDEuMzM3MyAwIDEuODQ3NWwyLjE1NTEgMi4xNTUxYzAuNTEwMjEgMC41MTAyMSAxLjMzNzMgMC41MTAyMSAxLjg0NzUgMCAwLjUxMDIxLTAuNTEwMjEgMC41MTAyMS0xLjMzNzMgMC0xLjg0NzVsLTIuMTU1MS0yLjE1NTFjLTAuMjU1MS0wLjI1NTExLTAuNTkwMy0wLjM4MzItMC45MjQ2MS0wLjM4MzJ6bS02LjQ2NyAyLjY3ODljLTAuNzIxNTMgMC0xLjMwNjEgMC41ODQ1My0xLjMwNjEgMS4zMDYxdjMuMDQ4YzAgMC43MjE1MyAwLjU4NDUzIDEuMzA2MSAxLjMwNjEgMS4zMDYxIDAuNzIxNTMgMCAxLjMwNjEtMC41ODQ1MyAxLjMwNjEtMS4zMDYxdi0zLjA0OGMwLTAuNzIxNTMtMC41ODQ1My0xLjMwNjEtMS4zMDYxLTEuMzA2MXoiIHN0eWxlPSJmaWxsOiM1ZTczNTg7c3Ryb2tlLXdpZHRoOi45Ii8+Cjwvc3ZnPgo=");
    filter: grayscale(1) brightness(3) ;
}

  .buenastardes {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3IDI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTEzLjUgMGMtMC43MjE1MyAwLTEuMzA2NiAwLjU4NTA3LTEuMzA2NiAxLjMwNjZ2My4wNDg4YzAgMC43MjE1MyAwLjU4NTA3IDEuMzA2NiAxLjMwNjYgMS4zMDY2czEuMzA2Ni0wLjU4NTA3IDEuMzA2Ni0xLjMwNjZ2LTMuMDQ4OGMwLTAuNzIxNTItMC41ODUwNy0xLjMwNjYtMS4zMDY2LTEuMzA2NnptLTguNjIzIDMuNTcyM2MtMC4zMzQzNSAwLTAuNjY4NzMgMC4xMjU3Ni0wLjkyMzgzIDAuMzgwODYtMC41MTAxOSAwLjUxMDE5LTAuNTEwMTkgMS4zMzc1IDAgMS44NDc3bDIuMTU2MiAyLjE1NjJjMC41MTAxOSAwLjUxMDE5IDEuMzM3NSAwLjUxMDE5IDEuODQ3NyAwIDAuNTEwMi0wLjUxMDE5IDAuNTEwMTktMS4zMzc1IDAtMS44NDc3bC0yLjE1NjItMi4xNTYyYy0wLjI1NTEtMC4yNTUxLTAuNTg3NTMtMC4zODA4Ni0wLjkyMTg4LTAuMzgwODZoLTAuMDAxOTUzMXptMTcuMjQ0IDBjLTAuMzM0MyAwLTAuNjY2NzggMC4xMjU3Ni0wLjkyMTg4IDAuMzgwODZsLTIuMTU2MiAyLjE1NjJjLTAuNTEwMjEgMC41MTAxOS0wLjUxMDIxIDEuMzM3NSAwIDEuODQ3NyAwLjUxMDIxIDAuNTEwMTkgMS4zMzc1IDAuNTEwMTkgMS44NDc3IDBsMi4xNTYyLTIuMTU2MmMwLjUxMDIxLTAuNTEwMTkgMC41MTAyMS0xLjMzNzUgMC0xLjg0NzctMC4yNTUxLTAuMjU1MS0wLjU5MTQ3LTAuMzgwODYtMC45MjU3OC0wLjM4MDg2em0tOC42MjExIDQuMDQ4OGMtMi45MzcgMC01LjM3MjcgMi4xNTQ2LTUuODEwNSA0Ljk2ODhhNy4zOTQ5IDcuMzk0OSAwIDAgMSAzLjQ4ODMtMC44OTY0OCA3LjM5NDkgNy4zOTQ5IDAgMCAxIDcuMDc4MSA1LjI1OThjMC43MDU0OC0wLjk2OTkyIDEuMTIzLTIuMTYyMiAxLjEyMy0zLjQ1MzEgMC0zLjI0NjgtMi42MzItNS44Nzg5LTUuODc4OS01Ljg3ODl6bS0xMi4xOTMgNC41NzIzYy0wLjcyMTUyIDAtMS4zMDY2IDAuNTg1MDYtMS4zMDY2IDEuMzA2NiAwIDAuNzIxNTMgMC41ODUwNyAxLjMwNjYgMS4zMDY2IDEuMzA2NmgzLjA0NjljMC43MjE1MyAwIDEuMzA4Ni0wLjU4NTA2IDEuMzA4Ni0xLjMwNjYgMC0wLjcyMTUzLTAuNTg3MDctMS4zMDY2LTEuMzA4Ni0xLjMwNjZoLTMuMDQ2OXptMjEuMzQgMGMtMC43MjE1MyAwLTEuMzA4NiAwLjU4NTA2LTEuMzA4NiAxLjMwNjYgMCAwLjcyMTUzIDAuNTg3MDcgMS4zMDY2IDEuMzA4NiAxLjMwNjZoMy4wNDY5YzAuNzIxNTMgMCAxLjMwNjYtMC41ODUwNiAxLjMwNjYtMS4zMDY2IDAtMC43MjE1My0wLjU4NTA3LTEuMzA2Ni0xLjMwNjYtMS4zMDY2aC0zLjA0Njl6bS0xNS41NjEgMy45MTIxYy0wLjExMjUgMC0wLjE2ODc1IDAuMDc0NzctMC4xODc1IDAuMTc3NzMtMC4yOTk3NyAxLjU1NC0wLjI4MTg1IDEuNTgyNS0xLjkxMjEgMS45MTAyLTAuMTAzMDkgMC4wMTg3My0wLjE3NzczIDAuMDczNjEzLTAuMTc3NzMgMC4xOTUzMSAwIDAuMTEyMzIgMC4wNzQ2NDkgMC4xNjg4MSAwLjE3NzczIDAuMTg3NSAxLjYzOTYgMC4zMTgyOSAxLjYxMjMgMC4zNTYyNCAxLjkxMjEgMS45MTAyIDAuMDE4NzUgMC4xMDI5NiAwLjA3NTAwNCAwLjE3NzczIDAuMTg3NSAwLjE3NzczIDAuMTEyNDIgMCAwLjE3ODU5LTAuMDc0NzcxIDAuMTk3MjctMC4xNzc3MyAwLjI5MDQ0LTEuNTUzOSAwLjI3OTU0LTEuNTkxOSAxLjkwMDQtMS45MTAyIDAuMTEyNDItMC4wMTg2OSAwLjE3NzczLTAuMDc1MTg1IDAuMTc3NzMtMC4xODc1IDAtMC4xMjE3LTAuMDY1MzEtMC4xNzY1OC0wLjE3NzczLTAuMTk1MzEtMS42MjA5LTAuMzI3NjMtMS42MS0wLjM1NjItMS45MDA0LTEuOTEwMi0wLjAxODY3Ny0wLjEwMjk3LTAuMDg0ODQxLTAuMTc3NzMtMC4xOTcyNy0wLjE3Nzczem0xMi44ODEgMi41NTQ3Yy0wLjMzNDMgMC0wLjY2Njc4IDAuMTI5NjctMC45MjE4OCAwLjM4NDc3LTAuNTEwMjEgMC41MTAyMS0wLjUxMDIxIDEuMzM3NSAwIDEuODQ3N2wyLjE1NDMgMi4xNTQzYzAuNTEwMjEgMC41MTAyMSAxLjMzNzUgMC41MTAyMSAxLjg0NzcgMCAwLjUxMDIxLTAuNTEwMjEgMC41MTAyMS0xLjMzNzUgMC0xLjg0NzdsLTIuMTU2Mi0yLjE1NDNjLTAuMjU1MS0wLjI1NTExLTAuNTg5NTItMC4zODQ3Ny0wLjkyMzgzLTAuMzg0Nzd6bS03LjQ0NzMgMC4zNjkxNGMtMC4xNzgwMSAwLTAuMjk5NjggMC4xMjA2LTAuMzE4MzYgMC4yODkwNi0wLjMyNzk0IDIuNTM2OC0wLjQxMjU3IDIuNjIxMi0zLjAwNzggMi45ODYzLTAuMTY4NjcgMC4wMTg3MjktMC4yOTEwMiAwLjE0MDQ5LTAuMjkxMDIgMC4zMTgzNiAwIDAuMTc3ODcgMC4xMjIzNCAwLjI4MDg2IDAuMjkxMDIgMC4zMTgzNiAyLjU5NTIgMC40NzczNSAyLjY4OTIgMC40ODczNiAzLjAwNzggMi45OTYxIDAuMDE4NjggMC4xNTkxMiAwLjE0MDM1IDAuMjgxMjUgMC4zMTgzNiAwLjI4MTI1IDAuMTY4NiAwIDAuMjg5ODQtMC4xMjI5MSAwLjMwODU5LTAuMzAwNzggMC4zMDkxOS0yLjUwODcgMC40MzE3LTIuNTgzNSAyLjk3MDctMi45NzY2IDAuMjA2MS0wLjAzNzUgMC4zMjgxMi0wLjEzMTE1IDAuMzI4MTItMC4zMTgzNiAwLTAuMTc3ODctMC4xMjIzNC0wLjI5MDI5LTAuMjkxMDItMC4zMTgzNi0yLjU1NzctMC40ODY3OS0yLjY5ODYtMC40Njc4NC0zLjAwNzgtMi45NzY2LTAuMDE4NzUtMC4xNzc4NS0wLjEzOTk5LTAuMjk4ODMtMC4zMDg1OS0wLjI5ODgzeiIgc3R5bGU9ImZpbGw6IzVlNzM1ODtzdHJva2Utd2lkdGg6LjkiLz4KPC9zdmc+Cg==");
    filter: grayscale(1) brightness(3) drop-shadow(2px 2px 18px #081c08);
}

  .box::before  {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzOCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg4NjQgMC41NjIzMzdDMTMuMzI4NCAxLjc2MTM0IDguNzg5ODUgMi45OTE1NSA0LjIzOTc2IDQuMjIyODZDNC4yMTcxNyA0LjIyODk5IDQuMTk1MjUgNC4yMzYzNSA0LjE3MzY4IDQuMjQ0MzFDMy43ODM0IDQuMzYxNTQgMy40MjYxOCA0LjU1NjI0IDMuMTYwMjUgNC44MDgxNEwwLjQ5ODkzNiA3LjMyOTMxQzAuMTA3NjI0IDcuNjk5OTggLTAuMDY2MDEzNSA4LjE4MTM1IDAuMDIyNzM0MiA4LjY0OTg1QzAuMTExMjc3IDkuMTE4NDUgMC40NDg4NjEgOS41MDMyMSAwLjk0ODUyOCA5LjcwNTM3TDMuNjY4MDMgMTAuODA1NFYyMC45OTk3QzMuNjY4MDMgMjEuODU1OCA0LjI0MDYgMjIuNzk5MyA1IDIzLjE5NDZMMTcuNTMyNCAyOS43MTYyQzE3Ljg4NDIgMjkuODk5MSAxOC4zMzYxIDMwIDE4LjgwNSAzMEMxOS4yNzM5IDMwIDE5LjcyNTkgMjkuODk5MSAyMC4wNzc3IDI5LjcxNjJMMzIuNjA5OSAyMy4xOTQ1QzMzLjM2OTMgMjIuNzk5MyAzMy45NDIxIDIxLjg1NTcgMzMuOTQyMSAyMC45OTk2VjEwLjgyODlMMzYuNDY0OSA5LjgwODM5QzM2Ljk2NDUgOS42MDYyMyAzNy4zMDIgOS4yMjE0NyAzNy4zOTA2IDguNzUyODdDMzcuNDc5NCA4LjI4NDU3IDM3LjMwNTggNy44MDMyMSAzNi45MTQ0IDcuNDMyNDNMMzQuMjUzMSA0LjkxMTQ2QzM0LjAyMDkgNC42OTE0NSAzMy43MTg5IDQuNTE1MDkgMzMuMzg2MiA0LjM5NTY5QzMzLjI5OTYgNC4zMTc0NyAzMy4xOTQ2IDQuMjU3MSAzMy4wNzQ1IDQuMjIzOTdMMzAuNzExNiAzLjU3MDg4TDE4LjUxMTQgMC41NTU3MzRDMTguMjA5OSAwLjQ4NjcwNyAxOC4xMTM4IDAuNTAyNTc3IDE3Ljg4NjQgMC41NjIzMzdaTTE4LjMxMTYgMS45NDI2OEwyOS43NzExIDQuNzA5NzlMMjEuNjg1MyA3LjE2MTY0QzIxLjY5NjcgNy4xNzM1IDIxLjcxMDggNy4xOTEwMSAyMS43MjE4IDcuMjAyNDJMMTguODA1MSA4LjA1NTU2TDcuODQ3MjEgNC44NTAxNEM3LjI3ODcxIDQuNzAyOTcgMTcuNTAzOCAxLjgxNzAxIDE4LjMxMTYgMS45NDI2OFpNNS4wMDUzNyA1LjY2NzQ2QzUuMTA2NiA1LjY2NzQ2IDUuMTc1MyA1LjY4MTQgNS4yMTUxNCA1LjY5Mjk2TDE3LjUxNiA5LjI5MTNMMTQuNjQ0OSAxMy4xMjExQzE0LjU1MTcgMTMuMjQ1NSAxNC4zNDM2IDEzLjMzNTcgMTQuMTUgMTMuMzM1N0MxNC4wODUzIDEzLjMzNTcgMTQuMDI2MSAxMy4zMjU2IDEzLjk3ODkgMTMuMzA2NUwxLjY4ODM0IDguMzM0NjVMNC4yMjQ5OSA1LjkzMTk3QzQuMzg0MTEgNS43ODEyIDQuNzE5NTIgNS42Njc0NiA1LjAwNTM3IDUuNjY3NDZaTTMyLjQwODEgNS43NzA3N0MzMi42OTQgNS43NzA3NyAzMy4wMjk0IDUuODg0NTIgMzMuMTg4NSA2LjAzNTI5TDM1LjcyNTIgOC40Mzc5NkwyMy40MzQ2IDEzLjQwOTlDMjMuMzg3NCAxMy40MjkxIDIzLjMyODIgMTMuNDM5IDIzLjI2MzYgMTMuNDM5QzIzLjA3IDEzLjQzOSAyMi44NjE4IDEzLjM0ODcgMjIuNzY4NSAxMy4yMjQzTDE5Ljg5NzUgOS4zOTQ2MUwzMi4xOTg0IDUuNzk2MjdDMzIuMjM4MiA1Ljc4NDY4IDMyLjMwNjkgNS43NzA3NyAzMi40MDgxIDUuNzcwNzdaTTE4LjAzMSAxMS4xODVWMjguMjMwNUw1LjcxNDUxIDIxLjgyMTVDNS40Njc0NyAyMS42OTMgNS4yMTU4NSAyMS4yNzgyIDUuMjE1ODUgMjAuOTk5N1YxMS40MzE2TDEzLjM5ODMgMTQuNzQxNkMxMy42MzE1IDE0LjgzNiAxMy44ODQ0IDE0Ljg4MzggMTQuMTQ5NyAxNC44ODM4QzE0LjgzMzIgMTQuODgzOCAxNS40OTc4IDE0LjU2NCAxNS44ODM1IDE0LjA0OTZMMTguMDMxIDExLjE4NVpNMzIuMzk0MSAxMS40NTUzVjIwLjk5OTdDMzIuMzk0MSAyMS4yNzgxIDMyLjE0MjQgMjEuNjkyOSAzMS44OTU0IDIxLjgyMTVMMTkuNTc4OSAyOC4yMzA3VjExLjU1MDNMMjEuNTI5OCAxNC4xNTI3QzIxLjkxNTQgMTQuNjY3MiAyMi41Nzk4IDE0Ljk4NjkgMjMuMjYzNSAxNC45ODY5QzIzLjUyODkgMTQuOTg2OSAyMy43ODE3IDE0LjkzOTIgMjQuMDE1IDE0Ljg0NDlMMzIuMzk0MSAxMS40NTUzWiIgZmlsbD0iIzVFNzM1OCIvPgo8L3N2Zz4K");
    top: 27px;
    position: relative;
    right: 18px;
}

  .cantidad{
    width: 27px;
    height: 27px;
    background-color: tomato;
    border-radius: 50%;
    color: #fff;
    left: -12px;
    bottom: 40px;
    font-size: 12px;
  }

  .menu_slide {
    height:100%!important;
    width:320px;
    background:var(--color-base-alt-00);
    left:0;
    top:0;
    z-index:999;
    position:fixed;
    overflow-y:auto;
    overflow-x:visible;
    transform:translate(-320px,0);
    border-radius:0 27px 27px 0
  }
  .ssm-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    display:none;
    z-index:4
  }

  .info-carrito {
    display: grid;
    grid-template-columns: 10% 50% 30% 10%;

    align-items: center;
    border-bottom: 1px solid #c1c1c1;
}
.info-carrito .item-quantity{
    display: flex;
  justify-content: center;
}

.minicarro>div>div>div.item-remove>a {
    color: #9e9e9e;
    font-size: 1.5em;
    line-height: 1;
    text-decoration: none;
    display: flex;
    justify-content: center;
}

.info-carrito > div > div > div.item-remove > a {
    color: #9e9e9e;
  font-size: 1.5em;
  line-height: 1;
  text-decoration: none;
  display: flex;
  justify-content: center;
}

.truncate {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#toast-container{
    border-radius: 9px!important;
}