:root {
  --milla-color-main:#617c37;
  --milla-bg-color-main:#617c37;
  --milla-border-color-main:#617c37;
  --milla-color-main-alt:#933400;
  --milla-bg-color-main-alt:#933400;
  --milla-border-color-main-alt:#933400;
  --milla-color-main-blue:#6e6eff;
  --milla-color-main-green:#6e6eff;
}

/*Global styles*/
body{
 font-family:var(--wp--preset--font-family--sora);
  font-stretch: 100%; /* Permite ajustar el ancho de la fuente si es variable */
}
.milla-vertical-align-middle{
  vertical-align:middle;
}
.milla-vertical-align-bottom{
  vertical-align:bottom;
}
.milla-vertical-align-super{
  vertical-align:super;
}
.milla-vertical-align-top{
  vertical-align:top;
}
.milla-font-weight-lighter{
  font-weight:lighter;
}
.milla-font-weight-normal{
  font-weight:normal;
}
.milla-font-weight-bolder{
  font-weight:bolder;
}
.milla-font-weight-bold{
  font-weight:bold;
}
.milla-font-style-italic{
  font-style:italic;
}
.milla-font-size-small{
  font-size:var(--wp--preset--font-size--small);
}
.milla-font-size-medium{
  font-size:var(--wp--preset--font-size--medium);
}
.milla-font-size-large{
  font-size:var(--wp--preset--font-size--large);
}
.milla-font-size-10{
  font-size:10px!important;
}
.milla-font-size-12{
  font-size:12px!important;
}
.milla-font-size-13{
  font-size:13px!important;
}
.milla-font-size-14{
  font-size:14px!important;
}
.milla-font-size-15{
  font-size:15px!important;
}
.milla-font-size-16{
  font-size:16px!important;
}
.milla-font-size-20{
  font-size:20px!important;
}
.milla-font-size-25{
  font-size:25px!important;
}
.milla-font-size-30{
  font-size:30px!important;
}
.milla-font-size-40{
  font-size:40px!important;
}
.milla-font-size-50{
  font-size:50px!important;
}
.milla-font-size-75{
  font-size:75px!important;
}
.milla-font-size-100{
  font-size:100px!important;
}
.milla-list-style-none{
  list-style:none
}
.milla-width-auto{
  width:auto
}
.milla-width-10-percent{
  width:9.5%;
}
.milla-width-20-percent{
  width:19.5%;
}
.milla-width-25-percent{
  width:24.5%;
}
.milla-width-30-percent{
  width:29.5%;
}
.milla-width-33-percent{
  width:32.4%;
}
.milla-width-40-percent{
  width:39.5%;
}
.milla-width-50-percent{
  width:49.5%;
}
.milla-width-60-percent{
  width:59.5%;
}
.milla-width-66-percent{
  width:65.5%;
}
.milla-width-70-percent{
  width:69.5%;
}
.milla-width-75-percent{
  width:74.5%;
}
.milla-width-80-percent{
  width:79.5%;
}
.milla-width-90-percent{
  width:89.5%;
}
.milla-width-100-percent{
  width:100%;
}
.milla-width-25{
  width:25px;
}
.milla-width-50{
  width:50px;
}
.milla-width-75{
  width:75px;
}
.milla-width-100{
  width:100px;
}
.milla-height-auto{
  height:auto
}
.milla-height-25-percent{
  height:25%;
}
.milla-height-50-percent{
  height:50%;
}
.milla-height-75-percent{
  height:75%;
}
.milla-height-100-percent{
  height:100%;
}
.milla-height-25{
  height:25px;
}
.milla-height-50{
  height:50px;
}
.milla-height-75{
  height:75px;
}
.milla-height-100{
  height:100px;
}
.milla-text-2-columns{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
}
.milla-text-transform-initial{
  text-transform:initial;
}
.milla-text-transform-uppercase{
  text-transform:uppercase;
}
.milla-text-transform-lowercase{
  text-transform:lowercase;
}
.milla-text-transform-capitalize{
  text-transform:capitalize;
}
.milla-font-weight-500{
  font-weight:500
}
.milla-font-weight-600{
  font-weight:600
}
.milla-font-weight-700{
  font-weight:700
}
.milla-pointer-events-all{
  pointer-events:all
}
.milla-pointer-events-none{
  pointer-events:none
}
.milla-text-align-center{
  text-align:center
}
.milla-text-align-left{
  text-align:left
}
.milla-text-align-right{
  text-align:right
}
.milla-text-align-justify{
  text-align:justify;
  text-justify:inter-word;
}
.milla-link-disabled{
  pointer-events:none;
  cursor:default;
}
.milla-copy-disabled{
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}
.milla-margin-auto{
  margin:auto
}
.milla-margin-left-auto{
  margin-left:auto
}
.milla-margin-right-auto{
  margin-right:auto
}
.milla-container{
  display:flex;
}
.milla-row{
  margin:0 20px 10px 20px;
}
.milla-justify-content-center{
  justify-content:center;
}
.milla-justify-content-space-between{
  justify-content:space-between;
}
.milla-display-flex{
  display:flex
}
.milla-display-block{
  display:block
}
.milla-display-table{
  display:table
}
.milla-display-table-cell{
  display:table-cell
}
.milla-display-inline-table{
  display:inline-table
}
.milla-display-inline{
  display:inline
}
.milla-display-inline-block{
  display:inline-block
}
.milla-display-none,.pn_wph_nonce{
  display:none!important
}
.milla-display-none-soft{
  display:none
}
.milla-overflow-hidden{
  overflow:hidden;
}
.milla-m-0{
  margin:0px;
}
.milla-m-10{
  margin:10px;
}
.milla-m-20{
  margin:20px;
}
.milla-m-30{
  margin:30px;
}
.milla-m-40{
  margin:40px;
}
.milla-m-50{
  margin:50px;
}
.milla-m-60{
  margin:60px;
}
.milla-m-70{
  margin:70px;
}
.milla-m-75{
  margin:75px;
}
.milla-m-80{
  margin:80px;
}
.milla-m-90{
  margin:90px;
}
.milla-m-100{
  margin:100px;
}
.milla-mt-0{
  margin-top:0px;
}
.milla-mt-10{
  margin-top:10px;
}
.milla-mt-20{
  margin-top:20px;
}
.milla-mt-30{
  margin-top:30px;
}
.milla-mt-40{
  margin-top:40px;
}
.milla-mt-50{
  margin-top:50px;
}
.milla-mt-60{
  margin-top:60px;
}
.milla-mt-70{
  margin-top:70px;
}
.milla-mt-75{
  margin-top:75px;
}
.milla-mt-80{
  margin-top:80px;
}
.milla-mt-90{
  margin-top:90px;
}
.milla-mt-100{
  margin-top:100px;
}
.milla-mr-0{
  margin-right:0px;
}
.milla-mr-10{
  margin-right:10px;
}
.milla-mr-20{
  margin-right:20px;
}
.milla-mr-30{
  margin-right:30px;
}
.milla-mr-40{
  margin-right:40px;
}
.milla-mr-50{
  margin-right:50px;
}
.milla-mr-60{
  margin-right:60px;
}
.milla-mr-70{
  margin-right:70px;
}
.milla-mr-75{
  margin-right:75px;
}
.milla-mr-80{
  margin-right:80px;
}
.milla-mr-90{
  margin-right:90px;
}
.milla-mr-100{
  margin-right:100px;
}
.milla-mb-0{
  margin-bottom:0px;
}
.milla-mb-10{
  margin-bottom:10px;
}
.milla-mb-20{
  margin-bottom:20px;
}
.milla-mb-30{
  margin-bottom:30px;
}
.milla-mb-40{
  margin-bottom:40px;
}
.milla-mb-50{
  margin-bottom:50px;
}
.milla-mb-60{
  margin-bottom:60px;
}
.milla-mb-70{
  margin-bottom:70px;
}
.milla-mb-75{
  margin-bottom:75px;
}
.milla-mb-80{
  margin-bottom:80px;
}
.milla-mb-90{
  margin-bottom:90px;
}
.milla-mb-100{
  margin-bottom:100px;
}
.milla-mb-150{
  margin-bottom:150px;
}
.milla-ml-0{
  margin-left:0px;
}
.milla-ml-10{
  margin-left:10px;
}
.milla-ml-20{
  margin-left:20px;
}
.milla-ml-30{
  margin-left:30px;
}
.milla-ml-40{
  margin-left:40px;
}
.milla-ml-50{
  margin-left:50px;
}
.milla-ml-60{
  margin-left:60px;
}
.milla-ml-70{
  margin-left:70px;
}
.milla-ml-75{
  margin-left:75px;
}
.milla-ml-80{
  margin-left:80px;
}
.milla-ml-90{
  margin-left:90px;
}
.milla-ml-100{
  margin-left:100px;
}
/*
.milla-p-0{
  padding:0px;
}
.milla-p-10{
  padding:10px;
}
.milla-p-20{
  padding:20px;
}
.milla-p-30{
  padding:30px;
}
.milla-p-40{
  padding:40px;
}
.milla-p-50{
  padding:50px;
}
.milla-p-60{
  padding:60px;
}
.milla-p-70{
  padding:70px;
}
.milla-p-75{
  padding:75px;
}
.milla-p-80{
  padding:80px;
}
.milla-p-90{
  padding:90px;
}
.milla-p-100{
  padding:100px;
}
.milla-pt-0{
  padding-top:0px;
}
.milla-pt-10{
  padding-top:10px;
}
.milla-pt-20{
  padding-top:20px;
}
.milla-pt-30{
  padding-top:30px;
}
.milla-pt-40{
  padding-top:40px;
}
.milla-pt-50{
  padding-top:50px;
}
.milla-pt-60{
  padding-top:60px;
}
.milla-pt-70{
  padding-top:70px;
}
.milla-pt-75{
  padding-top:75px;
}
.milla-pt-80{
  padding-top:80px;
}
.milla-pt-90{
  padding-top:90px;
}
.milla-pt-100{
  padding-top:100px;
}
.milla-pr-0{
  padding-right:0px;
}
.milla-pr-10{
  padding-right:10px;
}
.milla-pr-20{
  padding-right:20px;
}
.milla-pr-30{
  padding-right:30px;
}
.milla-pr-40{
  padding-right:40px;
}
.milla-pr-50{
  padding-right:50px;
}
.milla-pr-60{
  padding-right:60px;
}
.milla-pr-70{
  padding-right:70px;
}
.milla-pr-75{
  padding-right:75px;
}
.milla-pr-80{
  padding-right:80px;
}
.milla-pr-90{
  padding-right:90px;
}
.milla-pr-100{
  padding-right:100px;
}
.milla-pb-0{
  padding-bottom:0px;
}
.milla-pb-10{
  padding-bottom:10px;
}
.milla-pb-20{
  padding-bottom:20px;
}
.milla-pb-30{
  padding-bottom:30px;
}
.milla-pb-40{
  padding-bottom:40px;
}
.milla-pb-50{
  padding-bottom:50px;
}
.milla-pb-60{
  padding-bottom:60px;
}
.milla-pb-70{
  padding-bottom:70px;
}
.milla-pb-75{
  padding-bottom:75px;
}
.milla-pb-80{
  padding-bottom:80px;
}
.milla-pb-90{
  padding-bottom:90px;
}
.milla-pb-100{
  padding-bottom:100px;
}
.milla-pl-0{
  padding-left:0px;
}
.milla-pl-10{
  padding-left:10px;
}
.milla-pl-20{
  padding-left:20px;
}
.milla-pl-30{
  padding-left:30px;
}
.milla-pl-40{
  padding-left:40px;
}
.milla-pl-50{
  padding-left:50px;
}
.milla-pl-60{
  padding-left:60px;
}
.milla-pl-70{
  padding-left:70px;
}
.milla-pl-75{
  padding-left:75px;
}
.milla-pl-80{
  padding-left:80px;
}
.milla-pl-90{
  padding-left:90px;
}
.milla-pl-100{
  padding-left:100px;
}
  */
.milla-mobile-scrollable{
  overflow-x:auto;
}
.milla-mobile-scrollable > img,.milla-mobile-scrollable > div,.milla-mobile-scrollable > table,.milla-mobile-scrollable > canvas{
  min-width:400px;
}
.milla-overlay-container{
  position:relative;
  height:auto;
  overflow:hidden;
}
.milla-overlay-background{
  position:relative;
  height:auto;
  overflow:hidden;
}
.milla-overlay-front{
  width:100%;
  position:absolute;
  z-index:4;
  top:auto;
  text-align:center;
}
.milla-img-hover-zoom{
  opacity:100;
  -webkit-transition:all .27s cubic-bezier(.3,.1,.58,1);
  -moz-transition:all .27s cubic-bezier(.3,.1,.58,1);
  -o-transition:all .27s cubic-bezier(.3,.1,.58,1);
  -ms-transition:all .27s cubic-bezier(.3,.1,.58,1);
  transition:all .27s cubic-bezier(.3,.1,.58,1);
}
.milla-img-hover-zoom:hover{
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -o-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
}
.milla-img-hover-color{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  transition:all 1s ease;
  opacity:0.5;
}
.milla-img-hover-color:hover{
  -webkit-filter:grayscale(0%);
  filter:grayscale(0%);
  opacity:1;
}
.milla-ul-cookies-list{
  word-wrap:break-word;
}
.milla-full-row{
  width:100vw;
  position:relative;
  margin-left:-50vw;
  height:100px;
  left:50%;
}
.milla-z-index-bottom,.milla-z-index-9{
  z-index:9
}
.milla-z-index-99{
  z-index:99
}
.milla-z-index-999{
  z-index:999
}
.milla-z-index-9999{
  z-index:9999
}
.milla-z-index-top,.milla-z-index-99999{
  z-index:99999
}
.milla-ellipsis{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
input.milla-input,textarea.milla-input{
  -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  background-color:#ffffff;
  border:1px solid #cccccc;
  -webkit-box-shadow:none;
  box-shadow:none;
  min-height:50px;
  padding:12px 18px;
  font-family:var(--wp--preset--font-family--sora);
  font-weight:var(--wp--preset--font-size--large);
  font-size:var(--wp--preset--font-size--normal);
  line-height:1.42857143;
  border-radius:4px;
  margin-bottom:15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
input.milla-input:focus,textarea.milla-input:focus{
  box-shadow:inset 0 1px 1px #00000013,0 0 8px var(--milla-color-main)99;
  border-color:var(--milla-color-main);
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px #00000013,0 0 8px var(--milla-color-main)99;
}
textarea.milla-input{
  min-height:75px;
}
.milla-switch input.milla-input[type="checkbox"]{
  min-height:24px!important;
  margin-bottom:0!important;
}
.milla-switch{
  position:relative;
  display:inline-block;
  width:60px;
  height:24px;
}
.milla-switch input{
  opacity:0;
  width:0;
  height:0;
}
.milla-slider{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#cccccc;
  -webkit-transition:.4s;
  transition:.4s;
}
.milla-slider:before{
  position:absolute;
  content:"";
  height:18px;
  width:18px;
  left:4px;
  bottom:3px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}
input:checked + .milla-slider{
  background-color:var(--milla-bg-color-main);
}
input:focus + .milla-slider{
  box-shadow:0 0 1px var(--milla-bg-color-main);
}
input:checked + .milla-slider:before{
  -webkit-transform:translateX(33px);
  -ms-transform:translateX(33px);
  transform:translateX(33px);
}
.milla-slider.milla-round{
  border-radius:34px;
}
.milla-slider.milla-round:before{
  border-radius:50%;
}

.milla-input-true-false-wrapper {
  margin-bottom: 15px;
}

.milla-switch-true-false {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.milla-switch-true-false input {
  opacity: 0;
  width: 0;
  height: 0;
}

.milla-slider-true-false {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.milla-slider-true-false:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.milla-switch-true-false input:checked + .milla-slider-true-false {
  background-color: #2196F3;
}

.milla-switch-true-false input:checked + .milla-slider-true-false:before {
  transform: translateX(86px);
}

.milla-true-text, .milla-false-text {
  opacity: 0.5;
  transition: .4s;
}

.milla-switch-true-false input:checked + .milla-slider-true-false .milla-true-text {
  opacity: 1;
}

.milla-switch-true-false input:not(:checked) + .milla-slider-true-false .milla-false-text {
  opacity: 1;
}
/* Estilos de .milla-btn movidos a milla-public.css para evitar duplicados */
/* Estilos de .milla-btn-mini y .milla-btn-transparent movidos a milla-public.css para evitar duplicados */
.milla-cursor-pointer{
  cursor:pointer;
}
.milla-cursor-help{
  cursor:help;
}
.milla-cursor-not-allowed{
  cursor:not-allowed;
}
.milla-cursor-move{
  cursor:move;
  cursor:grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
}
.milla-cursor-move:active{
  cursor:grabbing;
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
}
.milla-pointer-events-none{
  pointer-events:none;
}
.milla-color-transparent{
  color:transparent;
}
.milla-color-white{
  color:#ffffff;
}
.milla-color-black{
  color:#000000 !important;
}
.milla-bg-color-white{
  background-color:#ffffff;
}
.milla-bg-color-transparent{
  background-color:transparent;
}
.milla-bg-color-black{
  background-color:#000000;
}
.milla-color-main-0{
  color:var(--milla-color-main);
}
.milla-bg-color-main-0{
  background-color:var(--milla-bg-color-main);
}
.milla-border-color-main-0{
  border-color:var(--milla-border-color-main);
}
.milla-color-main-1{
  color:var(--milla-color-main-alt);
}
.milla-bg-color-main-1{
  background-color:var(--milla-bg-color-main-alt);
}
.milla-border-color-main-1{
  border-color:var(--milla-border-color-main-alt);
}
.milla-color-red{
  color:#da1d4c;
}
.milla-color-blue{
  color:var(--milla-color-main-blue);
}
.milla-color-green{
  color:#a3ad20;
}
.milla-filter-grayscale{
  filter:grayscale(100%);
}
.milla-position-relative{
  position:relative;
}
.milla-position-absolute{
  position:absolute;
}
.milla-top-0{
  top:0;
}
.milla-top-10{
  top:10px;
}
.milla-top-20{
  top:20px;
}
.milla-left-0{
  left:0;
}
.milla-left-10{
  left:10px;
}
.milla-left-20{
  left:20px;
}
.milla-right-0{
  right:0;
}
.milla-right-10{
  right:10px;
}
.milla-right-20{
  right:20px;
}
.milla-left-0{
  left:0;
}
.milla-left-10{
  left:10px;
}
.milla-left-20{
  left:20px;
}
.milla-bottom-0{
  bottom:0;
}
.milla-bottom-10{
  bottom:10px;
}
.milla-bottom-20{
  bottom:20px;
}
.milla-position-fixed{
  position:fixed;
}
.milla-border-none{
  border:none;
}
.milla-float-left{
  float:left;
}
.milla-float-right{
  float:right;
}
.milla-float-none{
  float:none;
}
.milla-box-shadow-none{
  box-shadow:none
}
.milla-text-shadow-none{
  text-shadow:none
}
.milla-video-embed{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  max-width:100%;
  height:auto;
}
.milla-video-embed iframe,.milla-video-embed object,.milla-video-embed embed{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
textarea{
  resize:vertical;
}
.milla-shadow{
  box-shadow:10px 10px 10px #00000026;
}
.milla-shadow-dark{
  box-shadow:10px 10px 10px #d1d1d1;
}
.milla-shadow-complete{
  box-shadow:0 0 25px 0 #00000026;
  border-radius:5px;
}
.milla-main-message{
  min-width:300px;
  box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c40434d;
  font-size:var(--wp--preset--font-size--normal);
  letter-spacing:.2px;
  -webkit-align-items:center;
  align-items:center;
  background-color:var(--milla-color-main);
  border:none;
  -webkit-border-radius:4px;
  border-radius:4px;
  top:50px;
  right:0;
  bottom:auto;
  left:auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#fff;
  line-height:36px;
  font-weight:400;
  margin:25px;
  max-width:640px;
  min-height:38px;
  padding:15px 25px;
  padding-right:52px;
  position:fixed;
  text-align:left;
  white-space:normal;
  line-height:25px;
  z-index:999999;
}
.milla-main-message a{
  color:#8ab4f8
}
#milla-bar-wrapper{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:transparent;
}
#milla-bar{
  width:1%;
  height:5px;
  background:linear-gradient(90deg,#9d000a,#c36100,#006912,#004f54,#0b00a0);
}
.milla-border-radius-50-percent{
  border-radius:50%;
}
.milla-border-radius-5{
  border-radius:5px;
}
.milla-border-radius-20{
  border-radius:20px;
}
.milla-border-radius-bottom-0{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.milla-border-radius-top-0{
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.milla-black-and-white{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}
.milla-box-shadow{
  box-shadow:4px 4px 10px 1px #0000003d;
}
.milla-text-shadow{
  text-shadow:2px 2px 5px var(--milla-color-main);
}
.milla-ul-columns-2{
  columns:2;
  -webkit-columns:2;
  -moz-columns:2;
}
.milla-parallax{
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.milla-close-icon{
  position:absolute;
  top:5px;
  right:0;
}
.milla-shader{
  z-index:3;
  -webkit-transition:opacity .4s cubic-bezier(.165,.84,.44,1);
  transition:opacity .4s cubic-bezier(.165,.84,.44,1);
  opacity:0;
  background-color:#00000096;
  position:absolute;
  width:100%;
  height:100%;
}
.milla-shader:hover{
  opacity:1;
}
.milla-opacity-50-percent{
  opacity:0.5;
}
.milla-text-decoration-none{
  text-decoration:none;
}
.milla-text-decoration-underline{
  text-decoration:underline;
}
.wc-block-components-notice-banner.is-success,.milla-alert-success{
  padding:10px 40px;
  border:none;
  border-radius:5px;
  background-color:#699801;
  color:#ffffff;
  margin:30px auto;
}
.milla-alert-warning{
  padding:10px 40px;
  border:none;
  border-radius:5px;
  background-color:#b6821d;
  color:#ffffff;
  margin:30px auto;
}
.milla-alert-error{
  padding:10px 40px;
  border:none;
  border-radius:5px;
  background-color:#b61627;
  color:#ffffff;
  margin:30px auto;
}
.milla-max-width-300{
  max-width:300px!important;
}
.milla-max-width-500{
  max-width:500px;
}
.milla-max-width-700{
  max-width:700px;
}
.milla-max-width-1000{
  max-width:1000px;
}
.milla-white-space-pre-wrap{
  white-space:pre-wrap;
}
.milla-width-100-percent~.select2-container{
  width:100%!important;
}
.milla-body .select2-search__field{
  padding:10px!important;
  font-size:var(--wp--preset--font-size--normal);
}
.milla-select,.milla-select~.select2-container .select2-selection__rendered{
  font-family:var(--wp--preset--font-family--sora);
  font-weight:var(--wp--preset--font-weight--normal);
  font-size:var(--wp--preset--font-size--large);
}
.milla-select.milla-display-none + .milla-select~.select2-container{
  display:none
}
.milla-body.milla-body-logged-in .fancybox-container~.select2-container--open .select2-dropdown{
  top:30px;
}

.milla-body.milla-body-logged-in.milla-body-administrator .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-milla_role_manager .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-milla_role_admin .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-editor .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-author .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-contributor .select2-dropdown,
.milla-body.milla-body-logged-in.milla-body-subscriber .select2-dropdown{
  top:30px;
}
.milla-select~.select2-container .select2-selection--single,.milla-select~.select2-container .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered,.milla-select~.select2-container .select2-selection__arrow{
  min-height:48px;
}
.milla-select~.select2-container .select2-selection__placeholder,.milla-select~.select2-container .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered{
  line-height:48px;
  padding:0 10px;
}
.milla-select~.select2-container .select2-selection--single .select2-selection__clear{
  font-size:var(--wp--preset--font-size--normal);
  padding-right:10px;
}
.milla-select~.select2-container .select2-selection--multiple{
  height:auto;
}
.milla-select~.select2-container .select2-selection--multiple .select2-search--inline{
  display:contents;
}
/*.milla-select~.select2-container .select2-selection--multiple .select2-search__field:placeholder-shown{
  width:100%!important;
}
.milla-select~.select2-container .select2-selection--multiple span.select2-selection__clear~.select2-search--inline .select2-search__field:placeholder-shown{
  width:auto!important;
}
*/.milla-body .fancybox-content .milla-select~.select2-container,.milla-select~.select2-container{
  width:100%;
}
.milla-body .fancybox-container~.select2-container{
  z-index:999999;
}


.milla-input-wrapper.milla_nonce{
  height:0;
}
header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
  text-transform:uppercase;
  font-weight:400;
  font-size:var(--wp--preset--font-size--small);
}
.milla-body .darkmode--enabled img,.milla-body .darkmode--enabled figure,.milla-body .darkmode--enabled .milla-btn,.milla-body .darkmode--enabled .milla-btn,.milla-body .darkmode--enabled .material-icons-outlined.milla-color-main-0,.milla-body .darkmode--enabled .wp-element-button,.milla-body .darkmode--enabled footer{
  mix-blend-mode:difference;
}
.milla-bordered{
  border:1px solid #c3c3c3;
}
.milla-body audio {
  filter:sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
  width:200px;
  height:25px;
}
.milla-body footer h5.has-body-font-family::after{
  background-color:var(--milla-bg-color-main)!important;
}
.milla-body #header,.milla-body #header ~ hr,.milla-body #footer,.milla-body #footer ~ hr{
    display:none;
}
.fancybox-content.milla-popup{
  vertical-align:top;
  margin-top:20px;
}
.fancybox-content.milla-popup.milla-popup-size-small{
  width:300px;
}
.fancybox-content.milla-popup.milla-popup-size-medium{
  width:750px;
}
.fancybox-content.milla-popup.milla-popup-size-large{
  width:1000px;
}
.milla-menu-more-overlay{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background-color:#00000057;
}
.milla-menu-more{
  position:absolute;
  right:0;
  min-width:250px;
  background-color:#ffffff;
  border-radius:10px;
}
.milla-menu-more ul{
  margin:0;
  padding:10px;
}
.milla-menu-more li{
  text-align:left;
  margin-bottom:5px;
}
.milla-menu-more p{
  margin-bottom:0;
  font-size:16px;
}
.milla-list-more{
  position:absolute;
  right:0;
  min-width:250px;
  background-color:#ffffff;
  border-radius:10px;
}
.milla-list-more ul{
  margin:0;
  padding:10px;
}
.milla-list-more li{
  text-align:left;
  margin-bottom:5px;
}
.milla-list-more p{
  margin-bottom:0;
}
.milla-tasks-list{
  margin-top:50px;
  margin-bottom:100px;
}
.milla-task{
  margin-bottom:20px;
}
.milla-menu-main{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap: wrap;
  gap: 15px;
}
.milla-menu-main li{
  margin:0;
  padding:0;
}
.milla-menu-main li a{
  text-decoration:none;
  color: var(--milla-formpage-color-primary-dark);
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
  padding: 8px 16px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Estilos para avatar y logout en el menú - MOVED TO milla-public.css */

/* Responsive para el menú - MOVED TO milla-public.css */
.milla-check-wrapper{
  display:none;
}


@media all and (max-width:768px){
  .milla-text-2-columns{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
  }
  .milla-tablet-width-100-percent{
    width:100%;
  }
  .milla-tablet-display-block{
    display:block
  }
  .milla-tablet-display-table{
    display:table
  }
  .milla-container{
    flex-direction:column;
  } 
  .wp-block-navigation.items-justified-right{
    --navigation-layout-justification-setting:flex-start;
    --navigation-layout-justify:flex-start;
  }
  .fancybox-content.milla-popup{
    padding:40px 5px;
    margin-top:50px;
  }
}

@media all and (max-width:450px){
  .milla-mobile-width-100-percent{
    width:100%;
  }
  .milla-mobile-display-block{
    display:block
  }
  .milla-mobile-display-table{
    display:table
  }
}


/* LOADER CIRCLE */
.milla-loader-circle-wrapper{
  width:100%;
  margin:auto;
  height:200px;
  margin-top:125px;
}
.milla-loader-circle{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px
}
.milla-loader-circle div{
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:64px;
  height:64px;
  margin:8px;
  border:8px solid var(--milla-color-main);
  border-radius:50%;
  animation:milla-loader-circle 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border-color:var(--milla-color-main) transparent transparent;
}
.milla-loader-circle div:nth-child(1){
  animation-delay:-.45s
}
.milla-loader-circle div:nth-child(2){
  animation-delay:-.3s
}
.milla-loader-circle div:nth-child(3){
  animation-delay:-.15s
}
@keyframes milla-loader-circle{
  0%{
    transform:rotate(0deg)
  }
  100%{
    transform:rotate(360deg)
  }
}

.milla-waiting{
  display:inline;
  vertical-align:middle;
}
.milla-loader-circle-waiting{
  display:inline-block;
  position:relative;
  width:20px;
  height:20px
}
.milla-loader-circle-waiting div{
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  margin:3px 8px;
  border:3px solid var(--milla-color-main);
  border-radius:50%;
  animation:milla-loader-circle-waiting 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border-color:var(--milla-color-main) transparent transparent;
}
.milla-loader-circle-waiting div:nth-child(1){
  animation-delay:-.45s
}
.milla-loader-circle-waiting div:nth-child(2){
  animation-delay:-.3s
}
.milla-loader-circle-waiting div:nth-child(3){
  animation-delay:-.15s
}
@keyframes milla-loader-circle-waiting{
  0%{
    transform:rotate(0deg)
  }
  100%{
    transform:rotate(360deg)
  }
}
/* END LOADER CIRCLE */

/* OWL CAROUSEL */
  .milla-carousel .owl-nav{
    position:absolute;
    top:23%;
    width:100%;
  }
  .milla-carousel .owl-nav .owl-prev{
    position:absolute;
    left:-50px;
  }
  .milla-carousel .owl-nav .owl-next{
    position:absolute;
    right:-50px;
  }
  .milla-carousel .owl-nav i{
    font-size:50px;
  }
  .milla-carousel .owl-dots{
    margin-top:30px;
  }
  .milla-carousel .owl-item{
    cursor:grab;
  }
  .milla-carousel .owl-dots{
    -webkit-tap-highlight-color:transparent;
    text-align:center;
    margin-top:20px;
  }
  .milla-carousel .owl-dot{
    display:inline-block;
     zoom:1;
  }
  .milla-carousel .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px;
  }
  .milla-carousel .owl-dots .owl-dot.active span,.milla-carousel .owl-dots .owl-dot:hover span{
    background-color:#585f62;
  }

  @media all and (max-width:768px){
    .milla-carousel .owl-nav button.owl-prev{
      left:-40px;
    }
    .milla-carousel .owl-nav button.owl-next{
      right:-40px;
    }
  }
/* END OWL CAROUSEL */

/* WPH FORMS */
  .milla-section-helper{
    position:absolute;
    left:-25px;
    top:-5px;
    font-size:20px!important;
    cursor:help;
  }
  .milla-toggle label{
    font-weight:bold;
    font-size:18px;
  }
  .milla-images img{
    width:50px!important;
    height:auto!important;
  }
  .milla-videos{
    margin-bottom:20px!important;
  }
  .milla-videos img{
    width:50px!important;
    height:auto!important;
    text-align:center;
  }
  .milla-video{
    padding:10px!important;
    margin:0px 10px!important;
    display:inline-block!important;
    border:1px solid #a2a2a2!important;
    border-radius:5px!important;
  }
  .milla-video i{
    font-size:50px!important;
    width:100%!important;
    display:block!important;
    min-height:50px!important;
  }
  .milla-videos-block{
    text-align:center!important;
  }
  .milla-audios{
    margin-bottom:20px!important;
  }
  .milla-audios img{
    width:50px!important;
    height:auto!important;
    text-align:center;
  }
  .milla-audio{
    padding:10px!important;
    margin:0px 10px!important;
    display:inline-block!important;
    border:1px solid #a2a2a2!important;
    border-radius:5px!important;
  }
  .milla-audio i{
    font-size:50px!important;
    width:100%!important;
    display:block!important;
    min-height:50px!important;
  }
  .milla-audios-block{
    text-align:center!important;
  }
  .milla-files embed{
    width:100%;
    height:100px;
  }
  .milla-input-range{
    height:35px;
    -webkit-appearance:none;
    margin:10px 0;
    width:100%;
    border-bottom:none;
    padding:0;
    border:0!important;
  }
  .milla-input-range:focus{
    outline:none;
  }
  .milla-input-range::-webkit-slider-runnable-track{
    width:100%;
    height:30px;
    cursor:pointer;
    animate:0.2s;
    box-shadow:0px 0px 0px #000000;
    background:#c1c1c1;
    border-radius:50px;
    border:0px solid #000000;
  }
  .milla-input-range::-webkit-slider-thumb{
    box-shadow:1px 1px 5px #000000;
    border:0px solid #000000;
    height:28px;
    width:25px;
    border-radius:50px;
    background:#FFFFFF;
    cursor:pointer;
    -webkit-appearance:none;
    margin-top:1px;
  }
  .milla-input-range:focus::-webkit-slider-runnable-track{
    background:#c1c1c1;
  }
  .milla-input-range::-moz-range-track{
    width:100%;
    height:30px;
    cursor:pointer;
    animate:0.2s;
    box-shadow:0px 0px 0px #000000;
    background:#c1c1c1;
    border-radius:50px;
    border:0px solid #000000;
  }
  .milla-input-range::-moz-range-thumb{
    box-shadow:1px 1px 5px #000000;
    border:0px solid #000000;
    height:28px;
    width:25px;
    border-radius:50px;
    background:#FFFFFF;
    cursor:pointer;
  }
  .milla-input-range::-ms-track{
    width:100%;
    height:30px;
    cursor:pointer;
    animate:0.2s;
    background:transparent;
    border-color:transparent;
    color:transparent;
  }
  .milla-input-range::-ms-fill-lower{
    background:#c1c1c1;
    border:0px solid #000000;
    border-radius:100px;
    box-shadow:0px 0px 0px #000000;
  }
  .milla-input-range::-ms-fill-upper{
    background:#c1c1c1;
    border:0px solid #000000;
    border-radius:100px;
    box-shadow:0px 0px 0px #000000;
  }
  .milla-input-range::-ms-thumb{
    margin-top:1px;
    box-shadow:1px 1px 5px #000000;
    border:0px solid #000000;
    height:28px;
    width:25px;
    border-radius:50px;
    background:#FFFFFF;
    cursor:pointer;
  }
  .milla-input-range:focus::-ms-fill-lower{
    background:#c1c1c1;
  }
  .milla-input-range:focus::-ms-fill-upper{
    background:#c1c1c1;
  }
  .milla-input-range-wrapper,.milla-input-stars-wrapper{
    position:relative;
    padding-bottom:30px;
  }
  .milla-input-range-label-min,.milla-input-stars-label-min{
    position:absolute;
    top:50px;
    left:-50px;
  }
  .milla-input-hidden-stars{
    text-align:center;
    font-size:30px!important;
    font-weight:bold;
    border:none!important;
    padding:0!important;
    margin:0;
  }
  .milla-input-range-output{
    text-align:center;
    margin-top:0;
  }
  .milla-input-star{
    cursor:pointer;
    width:50px;
    padding:0 20px;
    font-size:50px!important;
  }
  .milla-progress-bar-wrapper{
    height:10px!important;
    border-radius:3px;
    margin-bottom:20px;
  }
  .milla-progress-bar{
    border-radius:3px;
  }
  .form-group{
    margin-bottom:10px;
  }
  .milla-show-pass{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    width:15px;
  }
  .milla-progress-bar-danger{
    border-radius:3px;
    background-color:#e90f10;
  }
  .milla-progress-bar-warning{
    border-radius:3px;
    background-color:#ffad00;
  }
  .milla-progress-bar-success{
    border-radius:3px;
    background-color:#02b502;
  }
  .login-btn{
    width:180px!important;
    background-image:linear-gradient(to right, #f6086e, #ff133a)!important;
    font-size:18px;
    color:#fff;
    margin:0 auto 5px;
    padding:8px 0;
  }
  .login-btn:hover{
    background-image:linear-gradient(to right, rgba(255, 0, 111, 0.8), rgba(247, 2, 43, 0.8) )!important;
    color:#fff!important;
  }
  .fa-eye{
    color:#022255;
    cursor:pointer;
  }
  .milla-password-strength-bar{
    height:100%;
    -webkit-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -moz-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -o-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -ms-transition:all .5s cubic-bezier(.3,.1,.58,1);
    transition:all .5s cubic-bezier(.3,.1,.58,1);
  }
  .userspn-profile{
    position: static!important;
  }

  @media all and (max-width:768px){
    .milla-input-range-label-min,.milla-input-stars-label-min{
      left:-10px;
    }
  }
  .milla-input-range-label-max,.milla-input-stars-label-max{
    position:absolute;
    top:50px;
    right:-50px;
  }
  @media all and (max-width:768px){
    .milla-input-range-label-max,.milla-input-stars-label-max{
      right:-10px;
    }
  }
  .milla-section-wrapper label{
    color:var(--milla-color-main);
  }
  .milla-input-field-disabled input,.milla-input-field-disabled select,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--single,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered input,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered input,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li{
    border:0!important;
    padding:0!important;
    background-color:transparent!important;
  }
  .milla-select~.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow,.milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__clear{
    display:none!important;
  }
  .milla-select~.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered{
    display:grid!important;
  }
  .milla-input-radio-item label {
    display:block;
    position:relative;
    padding-left:50px;
    margin-bottom:10px;
    padding-top:3px;
    cursor:pointer;
  }
  .milla-input-radio-item label input {
    /*position:absolute;
    z-index:-1;
    opacity:0;*/  
  }
  .milla-radio-control {
    position:absolute;
    top:0;
    left:0;
    height:30px;
    width:30px;
    background:#e6e6e6;
    border:0px solid #000000;
    border-radius:50%;
  }
  .milla-input-radio-item label:hover input ~ .milla-radio-control, .milla-input-radio-item label input:focus ~ .milla-radio-control {
    background:#cccccc;
  }
  .milla-input-radio-item label input:checked ~ .milla-radio-control {
    background:var(--color-main);
  }
  .milla-input-radio-item label:hover input:not([disabled]):checked ~ .milla-radio-control, .milla-input-radio-item label input:checked:focus ~ .milla-radio-control {
    background:var(--color-main);
  }
  .milla-input-radio-item label input:disabled ~ .milla-radio-control {
    background:#e6e6e6;
    opacity:0.6;
    pointer-events:none;
  }
  .milla-radio-control:after {
    box-sizing:unset;
    content:'';
    position:absolute;
    display:none;
  }
  .milla-input-radio-item label input:checked ~ .milla-radio-control:after {
    display:block;
  }
  .milla-input-radio-item .milla-radio-control {
    border-radius:50%;
  }
  .milla-input-radio-item .milla-radio-control:after {
    left:10px;
    top:10px;
    height:10px;
    width:10px;
    border-radius:50%;
    background:#ffffff;
    transition:background 250ms;
  }
  .milla-input-radio-item input:disabled ~ .milla-radio-control:after {
    background:#7b7b7b;
  }
  .milla-input-radio-item .milla-radio-control::before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:4.5rem;
    height:4.5rem;
    margin-left:-1.3rem;
    margin-top:-1.3rem;
    background:#2aa1c0;
    border-radius:3rem;
    opacity:0.6;
    z-index:99999;
    transform:scale(0);
  }
  @keyframes s-ripple {
    0% {
      opacity:0;
      transform:scale(0);
    }
    20% {
      transform:scale(1);
    }
    100% {
      opacity:0.01;
      transform:scale(1);
    }
  }
  @keyframes s-ripple-dup {
   0% {
     transform:scale(0);
    }
   30% {
      transform:scale(1);
    }
    60% {
      transform:scale(1);
    }
    100% {
      opacity:0;
      transform:scale(1);
    }
  }
  .milla-input-radio-item input + .milla-radio-control::before {
    animation:s-ripple 400ms ease-out;
  }
  .milla-input-radio-item input:checked + .milla-radio-control::before {
    animation-name:s-ripple-dup;
  }
/* END WPH FORMS */

/* WPH SWITCH */
  .milla-switch input.milla-input[type="checkbox"]{
    min-height:24px!important;
    margin-bottom:0!important;
  }
  .milla-switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:24px;
  }
  .milla-switch input{
    opacity:0;
    width:0;
    height:0;
  }
  .milla-slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#cccccc;
    -webkit-transition:.4s;
    transition:.4s;
  }
  .milla-slider:before{
    position:absolute;
    content:"";
    height:18px;
    width:18px;
    left:4px;
    bottom:3px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
  }
  input:checked + .milla-slider{
    background-color:var(--milla-bg-color-main);
  }
  input:focus + .milla-slider{
    box-shadow:0 0 1px var(--milla-bg-color-main);
  }
  input:checked + .milla-slider:before{
    -webkit-transform:translateX(33px);
    -ms-transform:translateX(33px);
    transform:translateX(33px);
  }
  .milla-slider.milla-round{
    border-radius:34px;
  }
  .milla-slider.milla-round:before{
    border-radius:50%;
  }
  .milla-checkbox[disabled] ~ .milla-slider{
    cursor:default;
  }
/* END WPH SWITCH */

.milla-input-viewer-wrapper {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--milla-bg-color-main-0);
}

.milla-input-viewer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
}

.milla-input-viewer-value {
    flex: 1;
    min-width: 200px;
    padding: 4px 6px;
    border: 1px solid #fff;
    border-radius: 45px;
    text-align: left;
}

.milla-input-vegan-menu-wrapper {
  margin-bottom: 15px;
}

.milla-switch-vegan-menu {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.milla-switch-vegan-menu input {
  opacity: 0;
  width: 0;
  height: 0;
}

.milla-slider-vegan-menu {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.milla-slider-vegan-menu:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.milla-switch-vegan-menu input:checked + .milla-slider-vegan-menu {
  background-color: #2196F3;
}

.milla-switch-vegan-menu input:checked + .milla-slider-vegan-menu:before {
  transform: translateX(86px);
}

.milla-switch-vegan-menu input:checked + .milla-slider-vegan-menu .milla-true-text {
  opacity: 1;
}

.milla-switch-vegan-menu input:not(:checked) + .milla-slider-vegan-menu .milla-false-text {
  opacity: 1;
}

/* Tamaños adicionales para iconos */
.milla-font-size-24 {
    font-size: 24px !important;
}

.milla-font-size-30 {
    font-size: 30px !important;
}

.milla-font-size-36 {
    font-size: 36px !important;
}

/* Query Styles */
.milla-query-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.milla-query-meta {
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.milla-query-status {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.milla-query-status.status-pending {
    background: #fff3cd;
    color: #856404;
}

.milla-query-status.status-analyzed {
    background: #d1ecf1;
    color: #0c5460;
}

.milla-query-status.status-processed {
    background: #d4edda;
    color: #155724;
}

.milla-query-date {
    color: #666;
    font-size: 14px;
}

.milla-query-field {
    margin-bottom: 10px;
}

.milla-query-field strong {
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.milla-suggested-list {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

.milla-suggested-list li {
    padding: 3px 0;
    color: #555;
}

.milla-explanation-preview {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
    border-left: 3px solid #0073aa;
    font-style: italic;
    color: #666;
}

.milla-suggested-item {
    margin-bottom: 15px;
    padding: 15px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.milla-suggested-item strong {
    color: #0073aa;
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.milla-suggested-item p {
    margin: 8px 0;
    color: #666;
    line-height: 1.4;
}

.milla-suggested-item a {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 10px;
    background: #f0f8ff;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px;
}

.milla-suggested-item a:hover {
    background: #0073aa;
    color: #fff;
    text-decoration: none;
}

/* Query Meta Box Styles */
.milla-query-meta-box .milla-query-section {
    margin-bottom: 20px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.milla-query-meta-box .milla-query-section h3 {
    margin-top: 0;
    color: #23282d;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 8px;
}

.milla-suggested-points,
.milla-suggested-routes {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
}

/* Frontend Query Styles */
.milla-query-content {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
    margin-top: 5px;
    color: #555;
    line-height: 1.4;
}

.milla-suggested-points-frontend,
.milla-suggested-routes-frontend {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin-top: 10px;
}

.milla-suggested-item-frontend {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.milla-suggested-item-frontend:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.milla-suggested-item-frontend strong {
    color: #0073aa;
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
}

.milla-suggested-item-frontend p {
    margin: 8px 0;
    color: #666;
    line-height: 1.4;
    font-style: italic;
}

.milla-suggested-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    padding: 8px 12px;
    background: #f0f8ff;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.2s ease;
}

.milla-suggested-link:hover {
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

.milla-explanation-full {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border-left: 4px solid #0073aa;
    margin-top: 10px;
    color: #333;
    line-height: 1.6;
}

.milla-explanation-full p {
    margin: 0 0 10px 0;
}

.milla-explanation-full p:last-child {
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .milla-suggested-points-frontend,
    .milla-suggested-routes-frontend {
        grid-template-columns: 1fr;
    }
    
    .milla-query-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .milla-query-item {
        padding: 15px;
    }
}

/* File Upload Styles */
.milla-file-upload-wrapper {
    position: relative;
    width: 100%;
}

.milla-file-upload-wrapper .milla-upload-area {
    border: 2px dashed #ddd;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.milla-file-upload-wrapper .milla-upload-area:hover {
    border-color: #0073aa;
    background-color: #f0f8ff;
}

.milla-file-upload-wrapper .milla-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.milla-file-upload-wrapper .milla-select-file-button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.milla-file-upload-wrapper .milla-select-file-button:hover {
    background-color: #005a87;
}

.milla-file-upload-wrapper .milla-upload-progress {
    width: 100%;
    margin-top: 10px;
}

.milla-file-upload-wrapper .milla-progress-bar {
    width: 0%;
    height: 20px;
    background: #0073aa;
    border-radius: 10px;
    transition: width 0.3s ease;
}

.milla-file-upload-wrapper .milla-progress-text {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

.milla-file-upload-wrapper .milla-file-preview {
    margin-top: 15px;
}

.milla-file-upload-wrapper .milla-preview-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 8px;
}

.milla-file-upload-wrapper .milla-file-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.milla-file-upload-wrapper .milla-file-info i {
    color: #0073aa;
    font-size: 20px;
}

.milla-file-upload-wrapper .milla-file-name {
    font-size: 14px;
    color: #333;
    word-break: break-all;
}

.milla-file-upload-wrapper .milla-remove-single-file {
    background-color: #dc3545;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.3s ease;
}

.milla-file-upload-wrapper .milla-remove-single-file:hover {
    background-color: #c82333;
}

.milla-file-upload-wrapper .milla-upload-file-button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.milla-file-upload-wrapper .milla-upload-file-button:hover {
    background-color: #218838;
}

/* File Display Styles */
.milla-file-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.milla-file-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}

.milla-file-item i {
    color: #0073aa;
    font-size: 18px;
}

.milla-file-link {
    color: #0073aa;
    text-decoration: none;
    font-size: 14px;
    word-break: break-all;
}

.milla-file-link:hover {
    text-decoration: underline;
}

.milla-no-file {
    color: #6c757d;
    font-style: italic;
    font-size: 14px;
}

/* Multiple file upload styles */
.milla-file-upload-wrapper.milla-multiple-upload .milla-preview-item {
    margin-bottom: 10px;
}

/* Responsive file upload */
@media (max-width: 768px) {
    .milla-file-upload-wrapper .milla-upload-area {
        padding: 15px;
    }
    
    .milla-file-upload-wrapper .milla-preview-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .milla-file-upload-wrapper .milla-file-info {
        width: 100%;
    }
    
    .milla-file-upload-wrapper .milla-remove-single-file {
        align-self: flex-end;
    }
}

.milla-field[id*="_dynamic_"]:focus ~ .milla-slider,
.milla-field[data-milla-parent-option]:focus ~ .milla-slider,
.milla-field[id*="_dynamic_"]:focus + .milla-slider,
.milla-field[data-milla-parent-option]:focus + .milla-slider {
    box-shadow: 0 0 1px var(--milla-bg-color-main) !important;
}

/* --- CSS MÁS ESPECÍFICO PARA FORZAR EL SLIDER --- */

/* Forzar que el slider se vea siempre */
.milla-switch .milla-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #cccccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 34px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.milla-switch .milla-slider:before {
    position: absolute !important;
    content: "" !important;
    height: 18px !important;
    width: 18px !important;
    left: 4px !important;
    bottom: 3px !important;
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 50% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.milla-switch input:checked ~ .milla-slider,
.milla-switch input:checked + .milla-slider {
    background-color: var(--milla-bg-color-main) !important;
}

.milla-switch input:checked ~ .milla-slider:before,
.milla-switch input:checked + .milla-slider:before {
    -webkit-transform: translateX(33px) !important;
    -ms-transform: translateX(33px) !important;
    transform: translateX(33px) !important;
}

.milla-switch input:focus ~ .milla-slider,
.milla-switch input:focus + .milla-slider {
    box-shadow: 0 0 1px var(--milla-bg-color-main) !important;
}

/* --- CSS ESPECÍFICO PARA SLIDERS DE CAMPOS DINÁMICOS --- */

/* Forzar estilos para sliders de campos dinámicos */
.milla-field[id*="_dynamic_"] ~ .milla-slider,
.milla-field[data-milla-parent-option] ~ .milla-slider,
.milla-field[id*="_dynamic_"] + .milla-slider,
.milla-field[data-milla-parent-option] + .milla-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #cccccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 34px !important;
}

.milla-field[id*="_dynamic_"] ~ .milla-slider:before,
.milla-field[data-milla-parent-option] ~ .milla-slider:before,
.milla-field[id*="_dynamic_"] + .milla-slider:before,
.milla-field[data-milla-parent-option] + .milla-slider:before {
    position: absolute !important;
    content: "" !important;
    height: 18px !important;
    width: 18px !important;
    left: 4px !important;
    bottom: 3px !important;
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

.milla-field[id*="_dynamic_"]:checked ~ .milla-slider,
.milla-field[data-milla-parent-option]:checked ~ .milla-slider,
.milla-field[id*="_dynamic_"]:checked + .milla-slider,
.milla-field[data-milla-parent-option]:checked + .milla-slider {
    background-color: var(--milla-bg-color-main) !important;
}

.milla-field[id*="_dynamic_"]:checked ~ .milla-slider:before,
.milla-field[data-milla-parent-option]:checked ~ .milla-slider:before,
.milla-field[id*="_dynamic_"]:checked + .milla-slider:before,
.milla-field[data-milla-parent-option]:checked + .milla-slider:before {
    -webkit-transform: translateX(33px) !important;
    -ms-transform: translateX(33px) !important;
    transform: translateX(33px) !important;
}

.milla-field[id*="_dynamic_"]:focus ~ .milla-slider,
.milla-field[data-milla-parent-option]:focus ~ .milla-slider,
.milla-field[id*="_dynamic_"]:focus + .milla-slider,
.milla-field[data-milla-parent-option]:focus + .milla-slider {
    box-shadow: 0 0 1px var(--milla-bg-color-main) !important;
}

.milla-audios-block{
  text-align:center!important;
}

/* Estilos para admin_gpx (equivalentes a admin_audio) */
.milla-gpx-upload-wrapper{
  text-align:center!important;
}

.milla-gpx-preview{
  margin-bottom:20px!important;
}

.milla-gpx-preview .milla-preview-item{
  padding:10px!important;
  margin:0px 10px!important;
  display:inline-block!important;
  border:1px solid #a2a2a2!important;
  border-radius:5px!important;
}

.milla-gpx-info{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.milla-gpx-info i{
  font-size:50px!important;
  width:100%!important;
  display:block!important;
  min-height:50px!important;
}

.milla-gpx-info span{
  font-size:14px!important;
  font-weight:500!important;
}

.milla-remove-single-gpx{
  background:#dc3545!important;
  color:white!important;
  border:none!important;
  border-radius:15px!important;
  padding:6px 12px!important;
  font-size:12px!important;
  cursor:pointer!important;
  transition:background 0.3s ease!important;
  margin-top:5px!important;
}

.milla-remove-single-gpx:hover{
  background:#c82333!important;
}

.milla-select-gpx-button{
  background:#0073aa!important;
  color:white!important;
  border:none!important;
  border-radius:20px!important;
  padding:8px 16px!important;
  font-size:14px!important;
  cursor:pointer!important;
  transition:background 0.3s ease!important;
}

.milla-select-gpx-button:hover{
  background:#005a87!important;
}

.milla-upload-gpx-button{
  background:#28a745!important;
  color:white!important;
  border:none!important;
  border-radius:20px!important;
  padding:8px 16px!important;
  font-size:14px!important;
  cursor:pointer!important;
  transition:background 0.3s ease!important;
  margin-top:10px!important;
}

.milla-upload-gpx-button:hover{
  background:#218838!important;
}

/* DRAG AND DROP HANDLES */


.milla-drag-text {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
}

/* Estados durante el arrastre */
.milla-arrastrando {
    opacity: 0.8;
    transform: rotate(2deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.milla-arrastrando-hijo {
    opacity: 0.6;
    transform: rotate(1deg);
}

/* Placeholder durante el arrastre */
.ui-sortable-placeholder {
    background: #f0f4f8;
    border: 2px dashed #007cba;
    border-radius: 8px;
    height: 60px;
    margin: 10px 0;
    opacity: 0.7;
}

/* Helper durante el arrastre */
.ui-sortable-helper {
    background: white;
    border: 2px solid #007cba;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}

/* Responsive para el handle */
@media (max-width: 768px) {
    .milla-drag-handle {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .milla-drag-text {
        font-size: 13px;
    }
}

/* Language Selector Styles */
.milla-language-selector {
    margin-left: 15px;
}

.milla-language-dropdown {
    position: relative;
    display: inline-block;
}

.milla-language-toggle {
    background: transparent;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: inherit;
    text-decoration: none;
}

.milla-language-toggle:hover {
    opacity: 0.8;
}

.milla-flag {
    width: 16px;
    height: 12px;
    object-fit: cover;
}

.milla-lang-name {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.milla-dropdown-arrow {
    font-size: 8px;
    margin-left: 3px;
}

.milla-language-list {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    padding: 5px 0;
    min-width: 100px;
    z-index: 1000;
    display: none;
}

.milla-language-dropdown:hover .milla-language-list {
    display: block;
}

.milla-language-item {
    margin: 0;
    padding: 0;
}

.milla-language-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.milla-language-link:hover {
    background: #f0f0f0;
}

.milla-current-lang .milla-language-link {
    background: #e0e0e0;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .milla-language-selector {
        margin-left: 0;
        margin-top: 5px;
    }
    
    .milla-language-list {
        right: auto;
        left: 0;
    }
}