:root {
  --color-main: #1192ee;
  --color-main2: #0056d2;
  --color-main5: #0091ae;
  --color-main6: #0075ff;
  /* background-image: linear-gradient(90deg, #00c4cc, #7d2ae8); */
  /*DEFINE TEMAS*/
  --header-background : transparent;
  /* --menu-background : rgb(255 255 255 / 10%); */
  --menu-background : transparent;
  --menu-text-color : #fff;
  --menu-active-item : rgb(255 255 255 / 35%);
  --menu-item-hover : rgba(255,255,255,.1);
  --borde-menu : 0px 6px 0 0;
  --text-letras : #fff;
  --input-background-color : rgba(255, 255, 255, 0.14);
  --input-border-color : rgba(255, 255, 255, 0.44);
  --btn-fondo-background : rgb(255 255 255 / 15%);
  --btn-fondo-border-color : rgb(255 255 255 / 40%);
  --borde-color:rgb(255 255 255 / 40%);
  --borde-menu-lateral : rgb(255 255 255 / 10%);
  --background-icon:#ffffff29;
  --color-noFoun : rgb(231, 233, 235);
  --color-drog : #fff;
  --border-drog: 1px dashed rgba(255, 255, 255, 0.55);
  --add-grog : 2px dashed rgb(255 255 255 / 40%);
  --placeholder-text : #c6cdd9;
  --is-scrollbar-color : rgba(255, 255, 255, 0.21);
  --color-puro-base : #fff;
  --separador : rgb(255 255 255 / 40%);
  --color-title:rgb(255 255 255 / 80%);
  --color-footers : rgb(255 255 255 / 80%);
  --village: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751123401/wallper/avej72mqrkonjqfrfgnd.jpg) ;
  --opcion_one: url(./img/themes/opcion_one.jpg);
  --option-dos: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126908/wallper/xgdrfy8pbzg46zawixdt.jpg);
  --opcion_tres: url(./img/themes/opcion_tres.jpg);
  --humo: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124629/wallper/rvu7ob8h9psa29sm0nbh.jpg);
  --tarde: url(./img/themes/tarde.jpg);
  --trueno: url(./img/themes/trueno.jpg);
  --altura: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751127222/wallper/pbdxmmjsnl0i186oud72.jpg);
  --opcion_cuatro: url(./img/themes/opcion_cuatro.jpg);
  --opcion_cinco: url(./img/themes/opcion_cinco.jpg);
  --piedra: url(./img/themes/piedra.webp);
  --opcion_seis: url(./img/themes/opcion_seis.jpg);
  --opcion_siete: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124855/wallper/q3ytwfbjssnef4jflxlw.png);
  --opcion_ocho: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750104743/wallper/kw9ia02vk2wxw1cfwspm.jpg);
  --opcion_nueve: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124494/wallper/rwdbcbymkcrgsrps73m8.jpg);
  --medusa: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751123515/wallper/j5xu5yfzeqai5i0ipvau.jpg);
  --mosco: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125038/wallper/njhergkmtp6sohxfzdfi.jpg);
  --ardilla: url(./img/ui/io6.png);
  --conejo: url(./img/themes/conejo.jpg);
  --opcion_dies: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124389/wallper/qopcpg093zsujwjnql9j.jpg);
  --neb: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751127102/wallper/cumpgs22lpc28dhspcmg.jpg);
  --opcion_once: url(./img/themes/opcion_once.jpg);
  --opcion_doce: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126036/wallper/rczdjacpsg1gsuwxiihf.jpg);
  --opcion_trece: url(./img/themes/opcion_trece.jpg);
  --pasto: url(./img/themes/pasto.jpg);
  --diente: url(./img/themes/diente.png);
  --soles: url(./img/ui/morning.jpg);
  --arbols: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750103991/wallper/ai3atn5hmicgolu1ila0.jpg);
  --huerta: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125179/wallper/pebdufwqshsiiibaw8bb.jpg);
  --fruta: url(./img/ui/fruta.jpg);
  --otonio: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126693/wallper/tz6kuetkex5yiy1j68b6.jpg);
  --vaca: url(./img/themes/vaca.jpg);
  --flor: url(./img/themes/flor.jpg);
  --pez: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125424/wallper/rbx6xhbov4z5ac8cx8gp.jpg);
  --colores: url(./img/themes/colores.jpg);
  --opcion_quince: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124720/wallper/g2b0do6qtzdtppkrdvke.jpg);
  --opcion_100: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124143/wallper/h3ziv8hmxcpsplk5q3e4.jpg);
  --opcion_101: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126462/wallper/g9rp6nmxmbpnfd3bkey4.jpg);
  --opcion_veite: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125611/wallper/kejgtvoenxqtxjnmsqzl.svg);
  --escolar: url(./img/themes/escolar.jpg);
  --opcion_casas: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126789/wallper/myufrnktjfs2wdlyars7.jpg);
  --opcion_montana: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125338/wallper/mw0b2kbp8qvajxbf2etj.jpg);
  --nort: url(./img/themes/nort.jpg);
  --plumas: url(./img/themes/plumas.jpg);
  --camu: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750104743/wallper/h83mieil5lz35bv7gqkx.jpg);
  --city: url(./img/themes/city.jpg);
  --montana2: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750107325/wallper/ktllkzyxzu6xiirru7hk.jpg);
  --opcion_dos: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125880/wallper/b7kkicw2m9qmzuyxjkzp.jpg);
  --nube: url(./img/themes/nube.jpg);
  --cespeds: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751126232/wallper/nkr0xnpcb8xlyrh4woys.jpg);
  --pattern-white-op: url(./img/themes/pattern-white-op.png);
  --highlights: url(./img/themes/highlights.png);
  --leche: url(./img/themes/leche.jpg);
  --estrellas: url(./img/themes/estrellas.jpg);
  --fiesta: url(./img/themes/fiesta.jpg);
  --mongo: url(./img/ui/horizontal-1920v2.webp);
  --gras: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750107326/wallper/m2blwxk29gaptkmbflec.jpg);
  --cayo: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750104743/wallper/sguxlge6y2e9q7doanhr.jpg);
  --lava: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751125968/wallper/uysmh6cccmugaq8zfk2v.jpg);
  --leon: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751127014/wallper/opgjg6s5ke0qzze0bbtd.jpg);
  --oficina: url(./img/themes/oficina.jpg);
  --triangulo: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124009/wallper/avfbyid3oas5bleo5e53.jpg);

  --playa: url(./img/themes/playa.jpg);
  --archi: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751124319/wallper/npytlvr3dbmgbh7lurtq.jpg);
  --oficina: url(./img/themes/oficina.jpg);

  --io1: url(./img/themes/io1.jpg);
  --io2: url(./img/ui/horizontal-1920.webp);
  --io3: url(./img/themes/io3.jpg);
  --io4: url(./img/themes/io4.jpg);
  --io5: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750104743/wallper/bm5nqkrjiclfelioippp.jpg);
  --io6: url(./img/ui/io6.jpg);
  --io7: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1750104744/wallper/kyazbbki3gqz4beeefxo.jpg);
  --gravity: url(https://res.cloudinary.com/dlounwgjm/image/upload/v1751123629/wallper/ppkai0r5toxye9oiljji.jpg);
  --email: url(./img/ui/email.jpg);
  --dark: url(./img/ui/dark.jpg);
}
body {
  background-color: #0C486C !important;
  background: #0C486C var(--village) fixed 0 0 no-repeat;
  background-size: cover;
}
body.defecto {
  background-color: #0C486C !important;
  background: #0C486C var(--village) fixed 0 0 no-repeat;
  background-size: cover;
}
.defecto {
  background-color: #0C486C !important;
  background: #0C486C var(--village) fixed 0 0 no-repeat;
  background-size: cover;
}
body.dark {
  background-color: #0B305C !important;
  background: #0B305C var(--dark) fixed 0 0 no-repeat;
  background-size: cover;
}
.dark {
  background-color: #0B305C !important;
  background: #0B305C var(--dark) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-one {
  background-color: #2958B4 !important;
  background: #2958B4 var(--opcion_one) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-one {
  background-color: #2958B4 !important;
  background: #2958B4 var(--opcion_one) fixed 0 0 no-repeat;
  background-size: cover;
}
body.gravity {
  background-color: #1B4D25 !important;
  background: #1B4D25 var(--gravity) fixed 0 0 no-repeat;
  background-size: cover;
}
.gravity {
  background-color: #1B4D25 !important;
  background: #1B4D25 var(--gravity) fixed 0 0 no-repeat;
  background-size: cover;
}
body.email {
  background-color: #1B4D25 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), var(--email);
  background-size: cover;
}
.email {
  background-color: #1B4D25 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), var(--email);
  background-size: cover;
}
body.option-dos {
  background-color: #0C486C !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--option-dos);
  background-size: cover;
}
.option-dos {
  background-color: #0C486C !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--option-dos);
  background-size: cover;
}
body.option-tres {
  background-color: #012C64 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_tres);
  background-size: cover;
}
.option-tres {
  background-color: #012C64 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_tres);
  background-size: cover;
}
body.option-humo {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--humo);
  background-size: cover;
}
.option-humo {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--humo);
  background-size: cover;
}
body.option-tarde {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--tarde);
  background-size: cover;
}
.option-tarde {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--tarde);
  background-size: cover;
}
body.option-trueno {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--trueno);
  background-size: cover;
}
.option-trueno {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--trueno);
  background-size: cover;
}
body.option-altura {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--altura);
  background-size: cover;
}
.option-altura {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--altura);
  background-size: cover;
}
body.option-triangulo {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--triangulo);
  background-size: cover;
}
.option-triangulo {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--triangulo);
  background-size: cover;
}
body.option-io1 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), var(--io1);
  background-size: cover;
}
.option-io1 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), var(--io1);
  background-size: cover;
}
body.option-io2 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.3)), var(--io2);
  background-size: cover;
}
.option-io2 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.3)), var(--io2);
  background-size: cover;
}

body.option-io3{
  background-color: #54464D !important;
  background: #54464D var(--io3) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-io3{
  background-color: #54464D !important;
  background: #54464D var(--io3) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-io4 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--io4);
  background-size: cover;
}
.option-io4 {
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--io4);
  background-size: cover;
}
body.option-io5 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--io5);
  background-size: cover;
}
.option-io5 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--io5);
  background-size: cover;
}
body.option-io6 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--io6);
  background-size: cover;
}
.option-io6 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--io6);
  background-size: cover;
}
body.option-io7 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--io7);
  background-size: cover;
}
.option-io7 {
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--io7);
  background-size: cover;
}
body.option-cuatro {
  background-color: #57300F !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_cuatro);
  background-size: cover;
}
.option-cuatro {
  background-color: #57300F !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--opcion_cuatro);
  background-size: cover;
}
body.option-cinco{
  background-color: #54464D !important;
  background: #54464D var(--opcion_cinco) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-cinco{
  background-color: #54464D !important;
  background: #54464D var(--opcion_cinco) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-piedra{
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.1)), var(--piedra);
  background-size: cover;
}
.option-piedra{
  background-color: #54464D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.1)), var(--piedra);
  background-size: cover;
}
body.option-seis{
  background-color: #567D08 !important;
  background: #567D08 var(--opcion_seis) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-seis{
  background-color: #567D08 !important;
  background: #567D08 var(--opcion_seis) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-siete{
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_siete);
  background-size: cover;
}
.option-siete{
  background-color: #369CEB !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_siete);
  background-size: cover;
}
body.option-ocho{
  background-color: #462C7C !important;
  background: #462C7C var(--opcion_ocho) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-ocho{
  background-color: #462C7C !important;
  background: #462C7C var(--opcion_ocho) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-nueve{
  background-color: #462C7C !important;
  background: #462C7C var(--opcion_nueve) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-nueve{
  background-color: #462C7C !important;
  background: #462C7C var(--opcion_nueve) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-medusa{
  background-color: #462C7C !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), var(--medusa);
  background-size: cover;
}
.option-medusa{
  background-color: #462C7C !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), var(--medusa);
  background-size: cover;
}
body.option-mosco{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), var(--mosco);
  background-size: cover;
}
.option-mosco{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), var(--mosco);
  background-size: cover;
}
body.option-ardilla{
  background-color: #462C7C !important;
  background: var(--ardilla) var(--air-theme-bg-position, 0 0) / var(--air-theme-bg-size, auto) var(--air-theme-bg-repeat, repeat) var(--air-theme-bg-attachment, scroll);
}
.option-ardilla{
  background-color: #462C7C !important;
  background: #462C7C var(--ardilla) fixed 0 0 repeat;
  background-size: cover;
}
body.option-conejo{
  background-color: #332E78 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--conejo);
  background-size: cover;
}
.option-conejo{
  background-color: #332E78 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--conejo);
  background-size: cover;
}
body.option-dies{
  background-color: rgb(187, 97, 106) !important;
  background: rgb(187, 97, 106) var(--opcion_dies) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-dies{
  background-color: rgb(187, 97, 106) !important;
  background: rgb(187, 97, 106) var(--opcion_dies) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-neb{
  background-color: #995ABA !important;
  background: #995ABA var(--neb) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-neb{
  background-color: #995ABA !important;
  background: #995ABA var(--neb) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-once{
  background-color: #582266 !important;
  background: #582266 var(--opcion_once) 0 0 no-repeat;
  background-size: cover;
}
.option-once{
  background-color: #582266 !important;
  background: #582266 var(--opcion_once) 0 0 no-repeat;
  background-size: cover;
}
body.option-doce{
  background-color: #582266 !important;
  background: #582266 var(--opcion_doce) 0 0 no-repeat;
  background-size: cover;
}
.option-doce{
  background-color: #582266 !important;
  background: #582266 var(--opcion_doce) 0 0 no-repeat;
  background-size: cover;
}
body.option-trece{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_trece);
  background-size: cover;
}
.option-trece{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_trece);
  background-size: cover;
}
body.option-pasto{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--pasto);
  background-size: cover;
}
.option-pasto{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--pasto);
  background-size: cover;
}
body.option-diente{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--diente);
  background-size: cover;
}
.option-diente{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--diente);
  background-size: cover;
}
body.option-soles{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--soles);
  background-size: cover;
}
.option-soles{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--soles);
  background-size: cover;
}
body.option-arbols{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--arbols);
  background-size: cover;
}
.option-arbols{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--arbols);
  background-size: cover;
}
body.option-huerta{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--huerta);
  background-size: cover;
}
.option-huerta{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--huerta);
  background-size: cover;
}
body.option-fruta{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), var(--fruta);
  background-size: cover;
}
.option-fruta{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), var(--fruta);
  background-size: cover;
}
body.option-otonio{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--otonio);
  background-size: cover;
}
.option-otonio{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--otonio);
  background-size: cover;
}
body.option-vaca{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--vaca);
  background-size: cover;
}
.option-vaca{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--vaca);
  background-size: cover;
}
body.option-flor{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--flor);
  background-size: cover;
}
.option-flor{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--flor);
  background-size: cover;
}
body.option-pez{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--pez);
  background-size: cover;
}
.option-pez{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--pez);
  background-size: cover;
}
body.option-colores{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--colores);
  background-size: cover;
}
.option-colores{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--colores);
  background-size: cover;
}
body.option-quince{
  background-color: #15758B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--opcion_quince);
  background-size: cover;
}
.option-quince{
  background-color: #15758B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--opcion_quince);
  background-size: cover;
}
body.option-cien{
  background-color: #1E4883 !important;
  background: #1E4883 var(--opcion_100) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-cien{
  background-color: #1E4883 !important;
  background: #1E4883 var(--opcion_100) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-cienUno{
  background-color: #332E78 !important;
  background: #332E78 var(--opcion_101) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-cienUno{
  background-color: #332E78 !important;
  background: #332E78 var(--opcion_101) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-veinte{
  /*background-color: #31620E; */
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--opcion_veite);
  background-size: cover;
  /* background-position: right 62px; */
}
.option-veinte{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--opcion_veite);
  background-size: cover;
}
body.option-escolar{
  /*background-color: #31620E; */
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--escolar);
  background-size: cover;
  /* background-position: right 62px; */
}
.option-escolar{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--escolar);
  background-size: cover;
}
body.option-casas{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), var(--opcion_casas);
  background-size: cover;
}
.option-casas{
  background-color: #4D4C52 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), var(--opcion_casas);
  background-size: cover;
}
body.option-montana{
  background-color: #8E6E9D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_montana);
  background-size: cover;
}
.option-montana{
  background-color: #8E6E9D !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--opcion_montana);
  background-size: cover;
}
body.option-nort{
  background-color: #3562AC !important;
  background: #3562AC var(--nort) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-nort{
  background-color: #3562AC !important;
  background: #3562AC var(--nort) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-plumas{
  background-color: #BE4380 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--plumas);
  background-size: cover;
}
.option-plumas{
  background-color: #BE4380 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--plumas);
  background-size: cover;
}
body.option-camu{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--camu);
  background-size: cover;
}
.option-camu{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--camu);
  background-size: cover;
}
body.option-city{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--city);
  background-size: cover;
}
.option-city{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--city);
  background-size: cover;
}
body.option-montana2{
  background-color: #294763 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--montana2);
  background-size: cover;
}
.option-montana2{
  background-color: #294763 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--montana2);
  background-size: cover;
}
body.option-village{
  background-color: #294763 !important;
  background: #294763 var(--opcion_dos) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-village{
  background-color: #294763 !important;
  background: #294763 var(--opcion_dos) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-nube{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), var(--nube);
  background-size: cover;
}
.option-nube{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), var(--nube);
  background-size: cover;
}
body.option-cesped{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), var(--cespeds);
  background-size: cover;
}
.option-cesped{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), var(--cespeds);
  background-size: cover;
}
body.option-moderno{
  background-color: #0e1622 !important;
  background-image:var(--pattern-white-op), var(--highlights);
  background-position: top right, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
.option-moderno{
  background-color: #0e1622 !important;
  background-image:var(--pattern-white-op), var(--highlights);
  background-position: top right, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
.option-moderno{
  background-color: #0e1622 !important;
  background-image:var(--pattern-white-op), var(--highlights);
  background-position: top right, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
body.option-leche{
  background-color: #17393B !important;
  background: #17393B var(--leche) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-leche{
  background-color: #17393B !important;
  background: #17393B var(--leche) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-estrellas{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--estrellas);
  background-size: cover;
}
.option-estrellas{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--estrellas);
  background-size: cover;
}
body.option-fiesta{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--fiesta);
  background-size: cover;
}
.option-fiesta{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--fiesta);
  background-size: cover;
}
body.option-mongo{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--mongo);
  background-size: cover;
}
.option-mongo{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--mongo);
  background-size: cover;
}
body.option-gras{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--gras);
  background-size: cover;
}
.option-gras{
  background-color: #17393B !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--gras);
  background-size: cover;
}
body.option-cayo{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--cayo);
  background-size: cover;
}
.option-cayo{
  background-color: #31620E !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--cayo);
  background-size: cover;
}
body.option-lava{
  background-color: #17393B !important;
  background: #17393B var(--lava) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-lava{
  background-color: #17393B !important;
  background: #17393B var(--lava) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-leon{
  background-color: #6A5A44 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--leon);
  /* background: #6A5A44 url(./img/themes/leon.jpg) fixed 0 0 no-repeat; */
  background-size: cover;
}
.option-leon{
  background-color: #6A5A44 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--leon);
  /* background: #6A5A44 url(./img/themes/leon.jpg) fixed 0 0 no-repeat; */
  background-size: cover;
}
body.option-oficina{
  background-color: #565577 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--oficina);
  background-size: cover;
}
.option-oficina{
  background-color: #565577 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), var(--oficina);
  background-size: cover;
}
body.option-playa{
  background-color: #565577 !important;
  background: #565577 var(--playa) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-playa{
  background-color: #565577 !important;
  background: #565577 var(--playa) fixed 0 0 no-repeat;
  background-size: cover;
}
body.option-archi{
  background-color: #024966 !important;
  background: #024966 var(--archi) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-archi{
  background-color: #024966 !important;
  background: #024966 var(--archi) fixed 0 0 no-repeat;
  background-size: cover;
}
.option-negro{
  background-color: #001e2b !important;
  background: #001e2b;

  --header-background : transparent;
  --menu-background : transparent;
  --borde-menu : 0px 6px 0 0;
  --placeholder-text : #ebebeb;
  --menu-active-item : rgb(255 255 255 / 35%);
}
body.option-negro{
  /* background-color: #13161c !important;
  background: #13161c; */
      background: linear-gradient(180deg, rgba(19, 22, 28, 0), rgba(19, 22, 28, .7));

  --header-background : transparent;
  --menu-background : transparent;
  --borde-menu : 0px 6px 0 0;
  --placeholder-text : #ebebeb;
  --menu-active-item : rgb(255 255 255 / 35%);
}
body.option-claro{
  background-color: #F1F4F9 !important;
  background: #F1F4F9;

  /* --header-background : #535c69; */
  --header-background : #535c69;
  --menu-background : #fff;
  --menu-text-color : #525c69;
  --menu-active-item : #717a84;
  --menu-item-hover : #d7dbe0;
  --borde-menu : 0px;
  --text-letras : #333;
  --input-background-color : transparent;
  --input-border-color : rgb(198,205,211);
  --btn-fondo-background : transparent;
  --btn-fondo-border-color : #c6cdd3;
  --borde-color:rgb(82 92 105 / 10%);
  --borde-menu-lateral : #dbe4e8;
  --background-icon:rgb(82 92 105 / 11%);
  --color-noFoun : #545c6a;
  --color-drog : rgb(82 92 105);
  --border-drog: 1px dashed #d7dee1;
  --add-grog : 2px dashed rgba(83,92,105,.3);
  --placeholder-text : #90939a;
  --is-scrollbar-color : rgba(82,92,105,.20);
  --color-puro-base : rgb(143, 142, 150);
  --separador : #dce2e6;
  --color-title: #535c69;
  --color-footers : rgb(82 92 105 / 80%);
}

body.option-mixto{
  background-color: #13161c !important;
  background: radial-gradient(182.89% 171.81% at 98.47% 106.23%, rgba(10, 235, 139, .4) 21.45%, rgba(217, 66, 255, .8) 100%);

  --header-background : transparent;
  --menu-background : transparent;
  --borde-menu : 0px 6px 0 0;
  --placeholder-text : #ebebeb;
  --menu-active-item : rgb(255 255 255 / 35%);
}

.option-mixto{
  background-color: #13161c !important;
  background: radial-gradient(182.89% 171.81% at 98.47% 106.23%, rgba(10, 235, 139, .4) 21.45%, rgba(217, 66, 255, .8) 100%);

  --header-background : transparent;
  --menu-background : transparent;
  --borde-menu : 0px 6px 0 0;
  --placeholder-text : #ebebeb;
  --menu-active-item : rgb(255 255 255 / 35%);
}