/* =========================================================
   MU DITO V12 - FINAL PREMIUM PASS
   Login / UserCP / News slider refinements only.
   Does not alter WebEngine routing or form field names.
   ========================================================= */

.mudito-v12{
  --v12-gold:#e5b45d;
  --v12-gold-2:#ffdc91;
  --v12-blue:#4ba5ff;
  --v12-blue-deep:#07182a;
  --v12-red:#d43e45;
  --v12-panel:#030b14;
  --v12-panel-2:#071321;
  --v12-line:rgba(226,177,91,.34);
  --v12-text:#dfe9f3;
  --v12-muted:#8499ad;
}

/* -------------------------
   LOGIN MODAL
   ------------------------- */
.mudito-v12 #overlay{
  background:rgba(0,4,10,.77)!important;
  backdrop-filter:blur(7px) saturate(.85)!important;
  -webkit-backdrop-filter:blur(7px) saturate(.85)!important;
}
.mudito-v12 .mudito-login-modal{
  width:520px!important;
  min-height:570px!important;
  padding:88px 64px 48px!important;
  border:1px solid rgba(234,185,93,.62)!important;
  border-radius:16px!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 13% 25%,rgba(37,128,235,.16),transparent 31%),
    radial-gradient(circle at 88% 28%,rgba(203,47,57,.14),transparent 31%),
    linear-gradient(180deg,rgba(5,16,29,.995),rgba(1,7,13,.998))!important;
  box-shadow:
    0 36px 90px rgba(0,0,0,.75),
    0 0 0 1px rgba(55,139,227,.13),
    inset 0 0 80px rgba(24,87,150,.07),
    inset 0 0 48px rgba(199,57,63,.035)!important;
  transform-origin:center center!important;
}
.mudito-v12 .mudito-login-modal:before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  bottom:0!important;
  top:0!important;
  border-radius:16px!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(87,172,255,.70),transparent 11%,transparent 89%,rgba(221,68,70,.64)),
    linear-gradient(45deg,transparent 0 4%,rgba(233,186,92,.16) 4.2% 4.6%,transparent 4.8% 95%,rgba(233,186,92,.14) 95.2% 95.6%,transparent 95.8%)!important;
  z-index:-1!important;
}
.mudito-v12 .mudito-login-modal:after{
  content:""!important;
  position:absolute!important;
  width:250px!important;
  height:86px!important;
  left:50%!important;
  top:-45px!important;
  transform:translateX(-50%)!important;
  background:
    radial-gradient(ellipse at center,rgba(83,160,255,.20),transparent 62%),
    linear-gradient(90deg,transparent,rgba(229,180,93,.62),transparent)!important;
  border:0!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.mudito-v12 .mudito-login-brand{
  position:absolute;
  top:-64px;
  left:50%;
  width:152px;
  height:118px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:6;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.72));
}
.mudito-v12 .mudito-login-brand:before,
.mudito-v12 .mudito-login-brand:after{
  content:"";
  position:absolute;
  top:53px;
  width:88px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v12-gold));
  box-shadow:0 0 12px rgba(229,180,93,.35);
}
.mudito-v12 .mudito-login-brand:before{right:112px;}
.mudito-v12 .mudito-login-brand:after{left:112px;transform:scaleX(-1);}
.mudito-v12 .mudito-login-brand img{
  max-width:142px!important;
  max-height:110px!important;
  object-fit:contain!important;
}
.mudito-v12 .mudito-login-modal h3{
  margin:12px 0 8px!important;
  color:#f2cd79!important;
  font:700 28px/1.1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.045em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.86),0 0 24px rgba(229,180,93,.10)!important;
}
.mudito-v12 .mudito-login-subtitle{
  margin:0 0 36px!important;
  color:#859db4!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.mudito-v12 .mudito-login-modal .modal_form{position:relative!important;}
.mudito-v12 .mudito-login-modal .formGroup{
  max-width:none!important;
  margin:0 0 22px!important;
  text-align:left!important;
}
.mudito-v12 .mudito-login-modal .formGroup-name{
  padding:0 0 8px 4px!important;
  color:#9fcfff!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}
.mudito-v12 .mudito-login-modal .mudito-field input{
  height:56px!important;
  padding:0 18px 0 54px!important;
  border:1px solid rgba(87,151,213,.37)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(8,25,43,.97),rgba(4,14,25,.99))!important;
  color:#f5f8fc!important;
  font-size:14px!important;
  box-shadow:inset 0 3px 15px rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.18)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.mudito-v12 .mudito-login-modal .mudito-field:before{
  content:"";
  position:absolute;
  left:17px;
  bottom:17px;
  width:21px;
  height:21px;
  opacity:.92;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
  z-index:3;
}
.mudito-v12 .mudito-login-modal .mudito-field-user:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235faeff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.mudito-v12 .mudito-login-modal .mudito-field-pass:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235faeff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
.mudito-v12 .mudito-login-modal .mudito-field input:focus{
  outline:none!important;
  border-color:rgba(93,176,255,.88)!important;
  background:linear-gradient(180deg,rgba(10,32,54,.99),rgba(4,15,27,.99))!important;
  box-shadow:0 0 0 3px rgba(53,145,235,.09),0 0 24px rgba(46,132,219,.13),inset 0 3px 15px rgba(0,0,0,.24)!important;
}
.mudito-v12 .mudito-login-modal .formGroup-button{padding-top:10px!important;}
.mudito-v12 .mudito-login-modal .formGroup-button button{
  width:100%!important;
  height:58px!important;
  border-radius:8px!important;
  border:1px solid rgba(244,190,84,.79)!important;
  background:
    linear-gradient(90deg,rgba(55,27,2,.95),rgba(116,66,8,.98) 50%,rgba(55,27,2,.95))!important;
  color:#ffe6ad!important;
  font:700 15px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.08em!important;
  text-shadow:0 2px 4px #000!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 0 22px rgba(255,190,65,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.mudito-v12 .mudito-login-modal .formGroup-button button:hover{
  transform:translateY(-2px)!important;
  border-color:#ffda86!important;
  box-shadow:0 15px 32px rgba(0,0,0,.42),0 0 28px rgba(236,168,48,.18),inset 0 0 28px rgba(255,197,82,.11)!important;
}
.mudito-v12 .mudito-login-modal .formGroup-button br{display:none!important;}
.mudito-v12 .mudito-login-modal .lost-pass{
  display:inline-block!important;
  margin-top:22px!important;
  color:#78b8f7!important;
  font-size:12px!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(93,174,250,.28)!important;
  padding-bottom:3px!important;
}
.mudito-v12 .mudito-login-modal .lost-pass:hover{color:#b9ddff!important;border-color:#8dc8ff!important;}
.mudito-v12 #close_modal{
  top:14px!important;
  right:14px!important;
  margin:0!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background-color:rgba(4,12,21,.82)!important;
  border:1px solid rgba(229,180,93,.25)!important;
  opacity:.78!important;
}

/* -------------------------
   USER ACCOUNT / USERCP
   ------------------------- */
.mudito-v12 .mudito-account-menu{
  padding:24px 20px 20px!important;
  border-color:rgba(229,180,93,.38)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(44,133,224,.12),transparent 33%),
    linear-gradient(180deg,rgba(6,17,29,.985),rgba(2,8,15,.995))!important;
  box-shadow:0 20px 44px rgba(0,0,0,.42),inset 0 0 40px rgba(48,132,216,.035)!important;
}
.mudito-v12 .mudito-account-menu:before{
  content:"";
  position:absolute;
  top:0;right:0;
  width:130px;height:130px;
  background:url('../img/logo-mini.png') center/contain no-repeat;
  opacity:.055;
  filter:grayscale(.2);
  pointer-events:none;
}
.mudito-v12 .mudito-account-menu .panel-heading{
  position:relative;
  padding:0 0 18px!important;
  margin:0 0 14px!important;
}
.mudito-v12 .mudito-account-kicker{
  display:block;
  color:#6e9fcf;
  font-size:9px;
  font-weight:800;
  letter-spacing:.20em;
  text-transform:uppercase;
  margin:0 0 5px;
}
.mudito-v12 .mudito-account-menu .panel-title{
  color:#f0cb7b!important;
  font:700 24px/1.1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.015em!important;
}
.mudito-v12 .mudito-account-caption{
  margin:9px 0 0!important;
  color:#8195a8!important;
  font-size:10px!important;
  line-height:1.45!important;
  max-width:235px!important;
}
.mudito-v12 .mudito-account-menu .block-usercp{padding:0!important;}
.mudito-v12 .mudito-account-menu .block-usercp ul{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
}
.mudito-v12 .mudito-account-menu .block-usercp li{
  position:relative!important;
  min-height:54px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:7px 10px!important;
  border:1px solid rgba(102,147,192,.12)!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(7,22,38,.90),rgba(4,13,23,.72))!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.mudito-v12 .mudito-account-menu .block-usercp li:hover{
  transform:translateX(4px)!important;
  border-color:rgba(97,170,241,.42)!important;
  background:linear-gradient(90deg,rgba(12,42,72,.92),rgba(5,16,28,.80))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18),inset 3px 0 0 rgba(78,163,245,.72)!important;
}
.mudito-v12 .mudito-usercp-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(229,180,93,.28)!important;
  background:radial-gradient(circle at 40% 35%,rgba(44,134,225,.19),rgba(3,11,20,.94))!important;
  box-shadow:inset 0 0 14px rgba(54,151,239,.06)!important;
}
.mudito-v12 .mudito-usercp-icon img{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
  padding:0!important;
  top:0!important;
}
.mudito-v12 .mudito-usercp-link{
  flex:1!important;
  color:#d8e4ef!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.mudito-v12 .mudito-account-logout{
  position:relative!important;
  left:0!important;
  width:100%!important;
  height:54px!important;
  margin:18px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border-radius:8px!important;
  border:1px solid rgba(226,97,75,.56)!important;
  background:linear-gradient(180deg,rgba(112,23,22,.94),rgba(56,12,13,.98))!important;
  color:#ffe0c6!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 25px rgba(0,0,0,.28),inset 0 0 22px rgba(255,83,58,.06)!important;
}
.mudito-v12 .mudito-account-logout:hover{
  color:#fff1df!important;
  border-color:#ef8d68!important;
  box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 22px rgba(211,60,49,.13)!important;
}

/* Main account module */
.mudito-v12 .page-content .myaccount-table{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(229,180,93,.30)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(129,54,190,.10),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(39,126,214,.10),transparent 34%),
    linear-gradient(180deg,rgba(5,16,28,.96),rgba(2,8,15,.99))!important;
  box-shadow:0 20px 46px rgba(0,0,0,.34),inset 0 0 38px rgba(55,141,224,.035)!important;
}
.mudito-v12 .page-content .myaccount-table tr td{
  padding:18px 22px!important;
  border-bottom:1px solid rgba(103,145,188,.10)!important;
  background:rgba(4,13,23,.54)!important;
  color:#e0e9f2!important;
}
.mudito-v12 .page-content .myaccount-table tr td:first-child{
  width:36%!important;
  color:#8db8df!important;
  font-weight:700!important;
}
.mudito-v12 .page-content .myaccount-table tr:nth-child(odd) td{background:rgba(7,20,34,.60)!important;}
.mudito-v12 .page-content .myaccount-table tr:hover td{background:rgba(19,55,91,.40)!important;}
.mudito-v12 .page-content .myaccount-table a{color:#73b9f9!important;}
.mudito-v12 .page-content .myaccount-table a:hover{color:#c6e7ff!important;}

/* Premium headings inside account / usercp */
.mudito-v12 .page-content h1,
.mudito-v12 .page-content h2,
.mudito-v12 .page-content h3{
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}
.mudito-v12 .page-content h1{
  color:#f0cb7b!important;
  font:700 28px/1.15 Georgia,"Times New Roman",serif!important;
  letter-spacing:.015em!important;
}

/* -------------------------
   NEWS / NOVEDADES SLIDER
   ------------------------- */
.mudito-v12 .swiper-news{
  height:410px!important;
  border-radius:14px!important;
  border:1px solid rgba(229,180,93,.34)!important;
  background:#030a12!important;
  box-shadow:0 22px 52px rgba(0,0,0,.44),inset 0 0 45px rgba(38,119,200,.03)!important;
}
.mudito-v12 .swiper-news .swiper-slide{
  height:356px!important;
  min-height:356px!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:translateZ(0)!important;
}
.mudito-v12 .swiper-news:before{
  background:
    linear-gradient(90deg,rgba(1,6,12,.98) 0%,rgba(1,7,14,.93) 27%,rgba(1,7,14,.65) 47%,rgba(1,7,14,.12) 72%,transparent 100%),
    linear-gradient(0deg,rgba(1,5,10,.60),transparent 40%)!important;
}
.mudito-v12 .swiper-news .swiper-slide:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%,rgba(0,0,0,.09));
  z-index:1;
}
.mudito-v12 .slider-title{
  left:34px!important;
  top:54px!important;
  max-width:48%!important;
  color:#f4d48b!important;
  font:700 28px/1.08 Georgia,"Times New Roman",serif!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 12px rgba(0,0,0,.92),0 0 18px rgba(229,180,93,.08)!important;
}
.mudito-v12 .slider-title:after{
  content:"";
  display:block;
  width:92px;
  height:1px;
  margin-top:14px;
  background:linear-gradient(90deg,var(--v12-gold),transparent);
  box-shadow:0 0 10px rgba(229,180,93,.24);
}
.mudito-v12 .slider-info{
  left:34px!important;
  top:150px!important;
  width:44%!important;
  max-width:44%!important;
  color:#d6e1eb!important;
  font-size:12px!important;
  line-height:1.65!important;
  text-shadow:0 2px 7px #000!important;
}
.mudito-v12 .swiper-news .swiper-slide .button-more{
  left:34px!important;
  right:auto!important;
  bottom:44px!important;
  min-width:128px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:6px!important;
  border:1px solid rgba(235,181,80,.62)!important;
  background:linear-gradient(180deg,rgba(107,61,6,.94),rgba(48,25,3,.98))!important;
  color:#ffe5ad!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 20px rgba(0,0,0,.32),inset 0 0 16px rgba(255,188,64,.06)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.mudito-v12 .swiper-news .swiper-slide .button-more:hover{
  transform:translateY(-2px)!important;
  color:#fff3d5!important;
  box-shadow:0 13px 25px rgba(0,0,0,.40),0 0 18px rgba(229,166,54,.14)!important;
}
.mudito-v12 .swiper-news .newsPagination{
  height:54px!important;
  background:linear-gradient(180deg,rgba(4,13,23,.96),rgba(2,8,15,.995))!important;
  border-top:1px solid rgba(229,180,93,.18)!important;
}
.mudito-v12 .swiper-news .swiper-pagination{color:#dce7f2!important;font-weight:800!important;}
.mudito-v12 .swiper-news .swiper-pagination-current{color:#f1cb77!important;}

/* small screens */
@media (max-width: 820px){
  .mudito-v12 .mudito-login-modal{width:calc(100vw - 28px)!important;padding:82px 26px 34px!important;}
  .mudito-v12 .slider-title{max-width:70%!important;font-size:22px!important;}
  .mudito-v12 .slider-info{width:67%!important;max-width:67%!important;}
}

/* Account selected state and atmospheric main panel */
.mudito-v12 .mudito-account-menu .block-usercp li:first-child{
  border-color:rgba(80,164,247,.50)!important;
  background:linear-gradient(90deg,rgba(18,58,96,.95),rgba(5,18,31,.84))!important;
  box-shadow:inset 3px 0 0 rgba(91,177,255,.88),0 8px 18px rgba(0,0,0,.16)!important;
}
.mudito-v12 .page-content .myaccount-table{
  background-image:
    linear-gradient(90deg,rgba(4,14,24,.995) 0%,rgba(4,14,24,.97) 58%,rgba(5,16,28,.89) 75%,rgba(7,17,30,.74) 100%),
    url('../img/hero4-block-bm.png')!important;
  background-repeat:no-repeat!important;
  background-position:center,right bottom!important;
  background-size:auto,36% auto!important;
}