:root{--bg:#030611;--bg2:#071225;--card:rgba(9,18,39,.82);--card2:rgba(16,31,64,.64);--cyan:#2df3ff;--cyan2:#00a8ff;--pink:#ff4fd8;--green:#3dff94;--yellow:#ffcc66;--red:#ff4778;--text:#f4fbff;--muted:#aab9d6;--line:rgba(45,243,255,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,#122d64 0,#071225 30%,#030611 70%);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(3,6,17,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(45,243,255,.16)}.navin{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:950;letter-spacing:.4px}.mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#06101b;font-weight:1000;box-shadow:0 0 25px rgba(45,243,255,.55)}.brandLogo{max-width:86px;max-height:54px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(45,243,255,.35))}.links{display:flex;gap:16px;align-items:center;color:#dcefff}.btn{border:0;border-radius:17px;padding:13px 18px;background:linear-gradient(135deg,var(--cyan),#8c5cff);color:#03101b;font-weight:950;cursor:pointer;box-shadow:0 0 24px rgba(45,243,255,.28);display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:rgba(255,255,255,.055);color:var(--text);border:1px solid var(--line);box-shadow:inset 0 0 18px rgba(45,243,255,.07)}.btn.red{background:linear-gradient(135deg,var(--red),#ff9f43)}.hero{padding:78px 0 46px}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.kicker{display:inline-flex;padding:8px 14px;border:1px solid var(--line);border-radius:99px;color:var(--cyan);background:rgba(45,243,255,.07);font-weight:900}.h1,h1{font-size:clamp(34px,6.2vw,74px);line-height:.96;letter-spacing:-2px;margin:20px 0}.grad{background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.lead,.sub{color:var(--muted);line-height:1.58}.lead{font-size:clamp(17px,2vw,22px)}.heroBtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.card,.neon{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(45,243,255,.26);border-radius:28px;padding:24px;box-shadow:0 0 32px rgba(45,243,255,.13),inset 0 0 38px rgba(255,255,255,.035)}.glass{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:16px}.screen{max-width:430px;margin:auto;border:1px solid var(--line);background:linear-gradient(180deg,#0c1429,#070a16);border-radius:34px;padding:20px;box-shadow:0 25px 90px rgba(0,0,0,.6),0 0 40px rgba(45,243,255,.15)}.section{padding:48px 0}.title{font-size:clamp(29px,4vw,48px);line-height:1.04;margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.step b{font-size:34px;color:var(--cyan);text-shadow:0 0 18px rgba(45,243,255,.7)}.field,.select,textarea{width:100%;border:1px solid rgba(45,243,255,.28);background:rgba(0,0,0,.25);color:#fff;border-radius:16px;padding:14px 15px;outline:none;margin:7px 0 14px;box-shadow:inset 0 0 18px rgba(45,243,255,.04)}textarea{min-height:112px;resize:vertical}.label{font-size:13px;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.5px}.layout{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:24px;background:rgba(3,6,17,.9);border-right:1px solid var(--line)}.main{padding:26px}.menu a,.menu button{display:block;width:100%;text-align:left;margin:10px 0;padding:13px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#fff;cursor:pointer}.menu a:hover,.menu button:hover{border-color:var(--cyan)}.panelGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.pill{display:inline-flex;padding:7px 12px;border-radius:99px;border:1px solid var(--line);color:var(--cyan);font-weight:950;background:rgba(45,243,255,.07)}.bigNeon{border-radius:24px;padding:20px;text-align:center;background:rgba(45,243,255,.065);border:1px solid var(--line);box-shadow:0 0 26px rgba(45,243,255,.18),inset 0 0 20px rgba(45,243,255,.045);margin:13px 0}.statusActual{font-size:clamp(25px,4vw,42px);font-weight:1000;color:var(--green);text-shadow:0 0 18px rgba(61,255,148,.75);letter-spacing:-.5px}.guideCode{font-size:clamp(26px,5vw,52px);font-weight:1000;color:var(--cyan);text-shadow:0 0 18px rgba(45,243,255,.8)}.historyItem{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(45,243,255,.2);background:rgba(255,255,255,.04);border-radius:17px;padding:14px;margin:9px 0}.historyItem b{color:#fff}.clientBox{max-width:940px;margin:34px auto;padding:0 16px}.center{text-align:center}.logoPreview{max-width:150px;max-height:95px;object-fit:contain;margin:9px auto;display:block}.notice{border:1px solid rgba(61,255,148,.5);background:rgba(61,255,148,.08);border-radius:17px;padding:14px;margin:13px 0;color:#edfff7}.notice.bad{border-color:rgba(255,71,120,.55);background:rgba(255,71,120,.09)}.topStats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.stat{padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.stat b{display:block;font-size:28px;color:var(--cyan)}.boleta{background:#fff;color:#111;border-radius:18px;padding:18px;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.35}.boleta *{color:#111}.boletaHeader{display:flex;align-items:center;gap:14px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}.boletaLogo{width:74px;max-height:58px;object-fit:contain}.boleta h1{font-size:24px;margin:0 0 3px;letter-spacing:-.4px}.boleta h2{font-size:14px;margin:0;font-weight:800;color:#444}.boletaGuide{display:flex;justify-content:space-between;align-items:center;background:#f2f5f8;border:1px solid #cfd7df;border-radius:12px;padding:10px 12px;margin:10px 0 12px}.boletaGuide span{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:900}.boletaGuide strong{font-size:30px;letter-spacing:-1px}.boletaGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.boletaGrid p,.boletaBlock p{margin:0}.boletaGrid p{border:1px solid #d7dde5;border-radius:10px;padding:8px;background:#fbfcfe;min-height:46px}.boletaGrid b,.boletaBlock b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:#555;margin-bottom:3px}.boletaGrid span{font-size:13px;font-weight:700}.boletaBlock{border:1px solid #d7dde5;border-radius:10px;padding:9px 10px;margin:8px 0;background:#fff}.boletaBlock p{font-size:12.5px}.terminos p{font-size:10.8px;line-height:1.32}.firmaWrap{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.firmaLine{border-top:1px solid #111;text-align:center;padding-top:6px;font-size:11px;color:#333}.firma{height:70px;border-bottom:1px solid #111;margin-top:20px;color:#111}.mutedSmall{font-size:13px;color:var(--muted)}@media(max-width:900px){.grid,.cards,.panelGrid,.layout,.topStats{grid-template-columns:1fr}.side{height:auto;position:relative}.main{padding:16px}.links{display:none}h1{letter-spacing:-1px}.hero{padding-top:42px}.card,.neon{padding:18px}}@media print{@page{size:A4;margin:8mm}html,body{width:210mm;height:297mm;background:#fff!important;color:#111!important;overflow:hidden!important}body *{visibility:hidden!important}.printOnly,.printOnly *{visibility:visible!important}.printOnly{position:fixed!important;left:0!important;top:0!important;width:194mm!important;min-height:auto!important;max-height:281mm!important;margin:0!important;padding:7mm!important;border:1.5px solid #111!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}.nav,.side,.noPrint,.btn,.notice{display:none!important}.layout,.main,.card,.neon{display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.boleta h1{font-size:20px!important}.boleta h2{font-size:12px!important}.boletaGuide{padding:7px 10px!important;margin:7px 0 9px!important}.boletaGuide strong{font-size:28px!important}.boletaGrid{gap:6px!important;margin:7px 0!important}.boletaGrid p{padding:6px 7px!important;min-height:39px!important}.boletaGrid b,.boletaBlock b{font-size:9.5px!important}.boletaGrid span{font-size:11.5px!important}.boletaBlock{padding:6px 7px!important;margin:6px 0!important}.boletaBlock p{font-size:10.5px!important;line-height:1.25!important}.terminos p{font-size:9px!important;line-height:1.2!important}.firmaWrap{margin-top:18px!important}.boletaLogo{max-height:48px!important;width:62px!important}}

/* TecniSuite branding */
.brand-main{min-width:190px}
.brandLogoMain{height:54px;max-width:235px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(45,243,255,.35))}
.heroLogo img{width:min(430px,92%);display:block;margin:0 0 18px;filter:drop-shadow(0 0 22px rgba(45,243,255,.28))}
.formLogo{text-align:center;margin-bottom:16px}.formLogo img{width:min(360px,92%);max-height:145px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(45,243,255,.28))}
.miniLogo{width:48px;height:48px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 0 12px rgba(45,243,255,.35))}.demoBrand{justify-content:center;margin-bottom:8px}.logoShow{padding-top:18px}.logoPanel{display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center}.logoPanel img{width:100%;border-radius:22px;border:1px solid rgba(45,243,255,.22);box-shadow:0 0 26px rgba(45,243,255,.12)}@media(max-width:900px){.brandLogoMain{height:46px;max-width:190px}.logoPanel{grid-template-columns:1fr}.heroLogo img{margin:auto auto 18px}.navin{gap:10px}}

/* Logo TecniSuite transparente y consistente */
.brandLogoMain,
.heroLogo img,
.formLogo img,
.logoPanel img{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.logoPanel.cleanBrand{
  background: linear-gradient(135deg, rgba(45,243,255,.10), rgba(124,92,255,.07));
}
.logoPanel.cleanBrand img{
  width: min(470px, 100%);
  margin: auto;
  padding: 8px;
}
.miniLogo{
  background: transparent !important;
  border-radius: 0 !important;
}
.brandLogoMain{height:62px;max-width:260px;}
.heroLogo img{width:min(500px,96%);}
.formLogo img{width:min(420px,94%);max-height:150px;}
.boletaLogo{background:transparent!important;}

/* === Logo futurista neón transparente === */
img[src*="tecnisuite-logo"], img[src*="tecnisuite-icon"]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.brandLogoMain{
  height: 64px;
  width: auto;
  max-width: 285px;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(45,243,255,.72)) drop-shadow(0 0 28px rgba(0,141,255,.38));
}
.heroLogo img{
  width: min(520px, 96%);
  max-height: 240px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(45,243,255,.86)) drop-shadow(0 0 42px rgba(0,141,255,.42));
}
.formLogo img{
  width: min(430px, 94%);
  max-height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(45,243,255,.72));
}
.miniLogo{
  width: 58px;
  height: 46px;
  object-fit: contain;
  border-radius: 0 !important;
  filter: drop-shadow(0 0 10px rgba(45,243,255,.76));
}
.logoPanel.cleanBrand{
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(45,243,255,.18), transparent 35%),
    linear-gradient(135deg, rgba(7,18,37,.92), rgba(6,12,28,.72));
}
.logoPanel.cleanBrand img{
  background: transparent !important;
  width: min(520px, 100%);
  padding: 0;
  filter: drop-shadow(0 0 18px rgba(45,243,255,.82));
}
.boletaLogo{
  width: 92px;
  max-height: 70px;
  object-fit: contain;
}

/* === Ajustes mobile / responsive === */
html, body{max-width:100%;overflow-x:hidden}.wrap{width:min(1180px,94%)}img{max-width:100%;height:auto}.hero, .section{overflow:hidden}
@media(max-width: 760px){
  body{background:radial-gradient(circle at 50% 0%,#123068 0,#071225 36%,#030611 78%)}
  .wrap{width:92%}.nav{position:relative}.navin{padding:10px 0;align-items:center;gap:8px}.brandLogoMain{height:50px;max-width:205px}.nav .btn{padding:10px 12px;border-radius:13px;font-size:13px;white-space:nowrap}.links{display:none!important}
  .hero{padding:34px 0 28px}.grid{grid-template-columns:1fr!important;gap:20px}.heroLogo{text-align:center}.heroLogo img{width:min(360px,96%);max-height:165px;margin:0 auto 12px}h1,.h1{font-size:clamp(34px,11vw,48px);line-height:1.02;letter-spacing:-1.2px;text-align:center;margin:14px 0}.lead{font-size:16px;text-align:center}.heroBtns{justify-content:center;gap:10px}.heroBtns .btn{width:100%;max-width:330px}.screen{width:100%;max-width:390px;border-radius:24px;padding:16px}.section{padding:34px 0}.title{font-size:clamp(27px,8.6vw,38px);text-align:center}.sub{text-align:center}.cards{grid-template-columns:1fr!important;gap:14px}.card,.neon{border-radius:22px;padding:18px}.step b{display:block;text-align:center}.logoPanel{grid-template-columns:1fr!important;text-align:center}.logoPanel.cleanBrand img{width:min(360px,100%)}.panelGrid,.topStats{grid-template-columns:1fr!important}.clientBox{margin:18px auto;padding:0 12px}.bigNeon{padding:16px;border-radius:20px}.guideCode{font-size:40px}.statusActual{font-size:28px}.historyItem{align-items:flex-start;flex-direction:column;gap:5px}.field,.select,textarea{font-size:16px;border-radius:14px;padding:13px}.btn{width:100%;padding:13px 15px}.layout{display:block}.side{position:relative;height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.side .brand{justify-content:center;text-align:center;flex-direction:column;gap:6px}.side .sub{text-align:center}.menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu a,.menu button{margin:0;text-align:center;font-size:13px;padding:11px 8px}.main{padding:14px}.main h1{text-align:left;font-size:34px}.main .sub{text-align:left}.topStats{gap:10px}.stat{text-align:center}.boleta{padding:13px;border-radius:14px}.boletaHeader{gap:10px}.boleta h1{text-align:left;font-size:20px;letter-spacing:-.3px}.boleta h2{font-size:12px}.boletaGuide strong{font-size:26px}.boletaGrid{grid-template-columns:1fr;gap:7px}.firmaWrap{gap:14px}.table{min-width:620px;font-size:13px}.table th,.table td{padding:10px}.formLogo img{width:min(330px,94%);max-height:135px}.kicker{display:flex;justify-content:center;text-align:center}.center .sub{text-align:center}
}
@media(max-width: 420px){
  .brandLogoMain{height:44px;max-width:178px}.heroLogo img{width:310px}.screen{padding:13px}.card,.neon{padding:15px;border-radius:19px}.menu{grid-template-columns:1fr}.guideCode{font-size:34px}.statusActual{font-size:24px}.boletaGuide{display:block;text-align:center}.boletaGuide strong{display:block;margin-top:4px}.firmaWrap{grid-template-columns:1fr}.navin>a.btn{font-size:12px;padding:9px 10px}.main h1{font-size:30px}.miniLogo{width:50px;height:42px}
}

.plansTwo{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:22px auto 0}
.planCard{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.planCard h2{font-size:clamp(2rem,4vw,3rem);margin:0;color:#fff;text-shadow:0 0 22px rgba(39,200,255,.35)}
.planCard .btn{margin-top:auto}
.planCard.featured{border-color:rgba(43,214,255,.55);box-shadow:0 0 32px rgba(0,170,255,.22)}
@media(max-width:760px){.plansTwo{grid-template-columns:1fr}.planCard{align-items:stretch}.planCard .btn{text-align:center}}


/* centered plans */
.plansTwo{
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:28px !important;
  flex-wrap:wrap !important;
  max-width:980px;
  margin:40px auto 0 auto !important;
}
.planCard{
  flex:0 1 340px;
  max-width:340px;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center !important;
  margin:0 auto;
}
.planCard h3,.planCard h2,.planCard p,.planCard .sub,.planCard .pill{
  text-align:center !important;
  width:100%;
}
.planCard .btn{
  margin-top:18px;
  align-self:center;
}
@media (max-width: 768px){
  .plansTwo{
    flex-direction:column !important;
    align-items:center !important;
  }
  .planCard{
    width:min(92vw,360px);
    max-width:92vw;
  }
}

.notice.warn{border-color:rgba(255,207,77,.7);background:rgba(255,207,77,.12);color:#fff8dc}
.btn.disabled,.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25);transform:none!important}
input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}

.center{text-align:center}
.galleryGrid{grid-template-columns:repeat(3,1fr)}
.shotImg{width:100%;border-radius:18px;border:1px solid rgba(45,243,255,.25);cursor:pointer;transition:.25s}
.shotImg:hover{transform:scale(1.02)}
.imgModal{display:none;position:fixed;z-index:999;background:rgba(0,0,0,.92);left:0;top:0;width:100%;height:100%;padding:40px;justify-content:center;align-items:center}
.modalContent{max-width:95%;max-height:90%;border-radius:22px}
.closeModal{position:absolute;top:20px;right:35px;font-size:52px;color:white;cursor:pointer}
@media(max-width:900px){.galleryGrid,.cards{grid-template-columns:1fr}}

/* Real demo previews */
.realFrameWrap{position:relative;cursor:pointer}
.realFrame{width:100%;height:260px;border:0;border-radius:16px;background:#fff;transform:scale(.55);transform-origin:top left;pointer-events:none;box-shadow:none}
.realViewport{width:100%;height:260px;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0b1020}
.imgModal iframe{width:90vw;height:90vh;border:0;border-radius:18px;background:#fff}
.freeTrial{background:linear-gradient(135deg,#13203d,#0c1530);border:1px solid rgba(45,243,255,.25)}
.freeBadge{display:inline-block;padding:8px 14px;border-radius:999px;background:#2df3ff;color:#00131a;font-weight:800;margin-bottom:10px}


/* Galería demo: solo imágenes reales, no iframes ni botones usables */
.shotCard{overflow:hidden}
.shotImg{display:block;width:100%;height:310px;object-fit:cover;object-position:top center;border-radius:18px;border:1px solid rgba(45,243,255,.28);cursor:zoom-in;background:#071026;box-shadow:0 0 24px rgba(45,243,255,.12)}
.shotImg:hover{transform:scale(1.015);filter:brightness(1.08)}
.imgModal{display:none;position:fixed;z-index:9999;background:rgba(0,0,0,.94);left:0;top:0;width:100%;height:100%;padding:30px;justify-content:center;align-items:center}
.modalContent{display:block;max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:18px;border:1px solid rgba(45,243,255,.35);box-shadow:0 0 35px rgba(45,243,255,.25);background:#071026}
.closeModal{position:absolute;top:16px;right:32px;font-size:52px;line-height:1;color:#fff;cursor:pointer;z-index:10000}
.realFrameWrap,.realViewport,.realFrame,#modalFrame{display:none!important}
@media(max-width:900px){.shotImg{height:250px}}


.shotCard{overflow:hidden}
.shotCard h3,.shotCard p{word-break:break-word;overflow-wrap:anywhere}
.shotImg{width:100%;height:260px;object-fit:contain;display:block;background:#0a1224;border-radius:18px;padding:8px}
.modalImg{max-width:95vw;max-height:92vh;object-fit:contain}


.heroNeonBox{
  border:2px solid rgba(45,243,255,.7);
  box-shadow:0 0 25px rgba(45,243,255,.35), inset 0 0 18px rgba(45,243,255,.12);
  border-radius:22px;
  padding:28px;
  background:rgba(8,12,24,.55);
  backdrop-filter:blur(8px);
}
.heroNeonBox .lead{margin-bottom:0}
.heroImageOnly{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}
.heroImageOnly img{
  width:100%;
  height:100%;
  max-height:520px;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 0 30px rgba(45,243,255,.18);
}

/* Ajuste solicitado: presentación principal sin imagen lateral */
.heroWide{
  display:block;
  max-width:1180px;
}
.heroWide .heroLogo{
  text-align:center;
}
.heroWide .heroLogo img{
  margin:0 auto 22px;
}
.heroNeonWide{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:38px 46px;
  text-align:center;
  border:2px solid rgba(45,243,255,.78);
  box-shadow:0 0 30px rgba(45,243,255,.42),0 0 42px rgba(255,79,216,.18),inset 0 0 24px rgba(45,243,255,.12);
}
.heroNeonWide h1{
  max-width:980px;
  margin:0 auto 18px;
}
.heroNeonWide .lead{
  max-width:980px;
  margin:0 auto;
}
.heroBtnsCenter{
  justify-content:center;
}
@media(max-width:900px){
  .heroNeonWide{padding:26px 18px;text-align:center;}
}

.okPill{border-color:rgba(69,255,180,.55)!important;color:#9fffd6!important;background:rgba(69,255,180,.10)!important}
.badPill{border-color:rgba(255,80,120,.65)!important;color:#ff9ab0!important;background:rgba(255,80,120,.12)!important}
.mutedPill{border-color:rgba(255,255,255,.18)!important;color:#b9c3d6!important;background:rgba(255,255,255,.06)!important}

/* === SuperAdmin mejorado === */
.adminArea .card{border-color:rgba(45,243,255,.32)}
.adminHero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;background:linear-gradient(135deg,rgba(45,243,255,.10),rgba(255,79,216,.06),rgba(255,255,255,.035))}
.adminHero h1{font-size:clamp(34px,5vw,58px);margin:12px 0 10px;letter-spacing:-1.6px}
.adminMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-width:min(470px,100%)}
.adminMiniStats div{border:1px solid rgba(45,243,255,.24);border-radius:20px;background:rgba(255,255,255,.045);padding:16px;text-align:center;box-shadow:inset 0 0 18px rgba(45,243,255,.04)}
.adminMiniStats b{display:block;font-size:34px;color:var(--cyan);text-shadow:0 0 16px rgba(45,243,255,.55)}
.adminMiniStats span{font-size:13px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.45px}
.adminToolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:16px}.adminToolbar .field{margin:0}.adminToolbar .btn{width:auto;white-space:nowrap}
.adminCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.adminBizCard{padding:20px;position:relative;overflow:hidden}.adminBizCard:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at top right,rgba(45,243,255,.18),transparent 35%);pointer-events:none}.adminBizTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative}.adminBizTop h2{font-size:24px;margin:0 0 4px;letter-spacing:-.4px}.adminBizTop .sub{margin:0}.adminBizInfo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0;position:relative}.adminBizInfo p{margin:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;background:rgba(255,255,255,.04)}.adminBizInfo b{display:block;font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.adminBizInfo span{display:block;color:#fff;font-weight:800;word-break:break-word}.adminActions{display:flex;gap:9px;flex-wrap:wrap;position:relative}.adminActions .btn{padding:10px 13px;border-radius:14px;font-size:14px;width:auto}.warnPill{border-color:rgba(255,207,77,.65)!important;color:#ffe19a!important;background:rgba(255,207,77,.12)!important}
@media(max-width:900px){.adminHero{display:block}.adminMiniStats{grid-template-columns:1fr;margin-top:16px}.adminToolbar{display:block}.adminToolbar .btn{width:100%;margin-top:10px}.adminCards{grid-template-columns:1fr}.adminBizInfo{grid-template-columns:1fr}.adminActions .btn{width:100%}}


/* Pantalla premium de consulta del cliente */
.clientHeroPremium{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(45,243,255,.34);
  border-radius:34px;
  padding:34px 28px 28px;
  background:
    radial-gradient(circle at 50% -10%,rgba(45,243,255,.24),transparent 38%),
    radial-gradient(circle at 85% 15%,rgba(255,79,216,.18),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 0 42px rgba(45,243,255,.18), inset 0 0 40px rgba(255,255,255,.04);
}
.clientGlow{
  position:absolute;
  inset:-80px;
  background:radial-gradient(circle,rgba(45,243,255,.12),transparent 48%);
  filter:blur(8px);
  pointer-events:none;
}
.clientLogoRing{
  position:relative;
  width:168px;
  height:168px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:34px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(45,243,255,.42);
  box-shadow:0 0 34px rgba(45,243,255,.22), inset 0 0 28px rgba(255,255,255,.06);
}
.clientLogoRing:before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:40px;
  border:1px solid rgba(255,79,216,.30);
  box-shadow:0 0 30px rgba(255,79,216,.18);
}
.clientLogoRing img{
  position:relative;
  width:132px;
  height:132px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(45,243,255,.38));
}
.welcomeText{
  position:relative;
  margin:0 auto 10px;
  color:#d9f8ff;
  font-size:clamp(17px,2.2vw,22px);
  font-weight:800;
}
.welcomeText strong{color:var(--cyan);text-shadow:0 0 16px rgba(45,243,255,.55)}
.clientHeroPremium h1{
  position:relative;
  font-size:clamp(34px,5vw,64px);
  line-height:1;
  margin:10px 0 12px;
  background:linear-gradient(90deg,#fff,var(--cyan),var(--pink));
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:none;
}
.clientIntro{position:relative;max-width:680px;margin:0 auto 22px;font-size:clamp(16px,2vw,20px)}
.clientFormGlass{
  position:relative;
  width:min(560px,100%);
  margin:0 auto;
  padding:22px;
  border-radius:26px;
  background:rgba(3,6,17,.54);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 30px rgba(45,243,255,.045),0 16px 38px rgba(0,0,0,.32);
  text-align:left;
}
.clientField{
  padding:17px 18px;
  font-size:18px;
  border-radius:18px;
  margin-bottom:16px;
}
.clientBtn{
  margin-top:4px;
  padding:16px 20px;
  font-size:17px;
  border-radius:20px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.clientFormGlass #msg{margin-top:14px;text-align:center}
@media(max-width:650px){
  .clientHeroPremium{padding:24px 16px 20px;border-radius:26px}
  .clientLogoRing{width:132px;height:132px;border-radius:28px}
  .clientLogoRing img{width:104px;height:104px}
  .clientHeroPremium h1{font-size:34px;letter-spacing:-.8px}
  .clientFormGlass{padding:16px;border-radius:22px}
  .clientField{font-size:16px;padding:14px 15px}
}


.btn.danger{background:linear-gradient(135deg,#ff245f,#ff7a18);border-color:rgba(255,80,80,.75);box-shadow:0 0 22px rgba(255,36,95,.32);color:#fff}.btn.danger:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* Botón eliminar cuenta visible junto a bloquear/desbloquear en Súper Admin */
.adminActions .btn.danger{
  background:linear-gradient(135deg,#ff245f,#ff7a18)!important;
  color:#fff!important;
  border:1px solid rgba(255,90,90,.75)!important;
  box-shadow:0 0 22px rgba(255,36,95,.32)!important;
}

/* Botones premium del menú principal */
.links .nav-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:950;
  letter-spacing:.2px;
  color:#eaffff;
  border:1px solid rgba(45,243,255,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  box-shadow:0 0 20px rgba(45,243,255,.13), inset 0 0 18px rgba(45,243,255,.045);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.links .nav-pill:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(120deg,transparent,rgba(45,243,255,.20),rgba(255,45,156,.16),transparent);
  opacity:.55;
  pointer-events:none;
}
.links .nav-pill:hover{
  transform:translateY(-2px);
  color:#ffffff;
  border-color:rgba(45,243,255,.72);
  box-shadow:0 0 26px rgba(45,243,255,.28),0 0 18px rgba(255,45,156,.12), inset 0 0 22px rgba(45,243,255,.08);
}
.links .nav-pill:active{transform:translateY(0)}
@media(max-width:900px){.links .nav-pill{width:auto}}


/* Recuperar contraseña */
.linkButton{
  background:transparent;
  border:0;
  color:#74f7ff;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:.2px;
  padding:8px 10px;
  border-radius:999px;
}
.linkButton:hover{
  color:#fff;
  text-shadow:0 0 14px rgba(116,247,255,.95);
  background:rgba(116,247,255,.08);
}
.recoverBox{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(116,247,255,.28);
  border-radius:18px;
  background:rgba(5,18,32,.48);
  box-shadow:0 0 26px rgba(44,219,255,.12);
}
.recoverText{
  margin:0 0 12px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.45;
}

/* Botón de contacto a soporte por WhatsApp */
.menu a.supportBtn{
  background:linear-gradient(135deg,rgba(61,255,148,.22),rgba(45,243,255,.12));
  border-color:rgba(61,255,148,.55);
  color:#edfff7;
  font-weight:950;
  box-shadow:0 0 20px rgba(61,255,148,.18);
}
.menu a.supportBtn:hover{
  border-color:#3dff94;
  box-shadow:0 0 28px rgba(61,255,148,.32);
}


.successModal{
  text-align:center;
  padding:20px;
  margin-top:18px;
  border-radius:22px;
  background:rgba(20,255,220,.10);
  border:1px solid rgba(45,243,255,.45);
  box-shadow:0 0 25px rgba(45,243,255,.18);
}
.successModal .btn{
  margin-top:18px;
  min-width:180px;
}

/* Botones de boleta A4: modernos, separados y uno debajo del otro */
.boletaActions{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:18px;
  align-items:stretch;
}
.boletaActions .btn{
  width:100%;
  min-height:54px;
  border-radius:20px;
  font-size:16px;
  font-weight:1000;
  letter-spacing:.2px;
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 0 24px rgba(45,243,255,.22);
  border:1px solid rgba(255,255,255,.14);
}
.boletaActions .btn:first-child{
  background:linear-gradient(135deg,#2df3ff,#8c5cff)!important;
  color:#03101b!important;
}
.whatsappBtn{
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 26px rgba(37,211,102,.35)!important;
}
.whatsappBtn:before{
  content:"📲";
  font-size:20px;
}
.boletaActions .btn:first-child:before{
  content:"🧾";
  font-size:20px;
}
.boletaActions .btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}
@media(max-width:680px){
  .boletaActions{gap:12px;margin-top:15px}
  .boletaActions .btn{font-size:15px;min-height:52px;border-radius:18px}
}


/* ===== CORRECCIÓN FINAL BOTONES BOLETA - 16/05/2026 ===== */
.botonesBoletaVertical,
.boletaActions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  width:100%!important;
  max-width:520px!important;
  margin:24px auto 0!important;
  padding:0!important;
  align-items:stretch!important;
}
.botonesBoletaVertical .btn,
.boletaActions .btn,
.btnBoletaGrande{
  display:flex!important;
  width:100%!important;
  max-width:520px!important;
  min-height:64px!important;
  padding:18px 22px!important;
  margin:0 auto!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  border-radius:22px!important;
  letter-spacing:.2px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 26px rgba(45,243,255,.24)!important;
}
.btnImprimirBoleta,
.botonesBoletaVertical .btn:first-child{
  background:linear-gradient(135deg,#2df3ff,#8c5cff)!important;
  color:#03101b!important;
}
.btnWhatsappBoleta,
.whatsappBtn{
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 28px rgba(37,211,102,.42)!important;
}
.botonesBoletaVertical .btn:before,
.boletaActions .btn:before{
  content:none!important;
}
@media(max-width:680px){
  .botonesBoletaVertical,.boletaActions{max-width:100%!important;gap:13px!important;margin-top:18px!important;}
  .botonesBoletaVertical .btn,.boletaActions .btn,.btnBoletaGrande{min-height:60px!important;font-size:16px!important;padding:17px 16px!important;border-radius:20px!important;}
}

/* Selector de idioma TecniSuite */
.langBox{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 8px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.langBox .select,.languageSelect{min-width:145px;padding:8px 10px;border-radius:999px;border:0;background:rgba(255,255,255,.92);color:#182033;font-weight:700;outline:none}
.nav .langBox{margin-right:6px}
@media(max-width:760px){.links{gap:8px;flex-wrap:wrap}.langBox{width:100%;justify-content:center}.langBox .select,.languageSelect{width:100%;max-width:260px}}

/* Selector de idioma más chico en la web principal */
#mainLanguageSelect.languageSelect,
.nav .langBox #mainLanguageSelect{
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 28px 6px 10px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
  max-width: 150px !important;
}
.nav .langBox:has(#mainLanguageSelect){
  gap: 6px !important;
  padding: 4px 6px !important;
}
@media (max-width: 700px){
  #mainLanguageSelect.languageSelect{max-width:130px!important;font-size:12px!important;height:32px!important;}
}

/* global-i18n-final-selector-small */
/* Selector de idioma más chico en la web principal */
#mainLanguageSelect.languageSelect{min-width:112px!important;max-width:128px!important;height:32px!important;padding:5px 8px!important;font-size:12px!important;}
.nav .langBox:has(#mainLanguageSelect){padding:3px 6px!important;gap:4px!important;}

/* === FIX MOBILE HOME NAV: mostrar idioma + ingreso + crear cuenta === */
@media (max-width: 760px){
  #landingPage .nav{
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
  }
  #landingPage .navin{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 0 12px !important;
  }
  #landingPage .brand-main{
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  #landingPage .brandLogoMain{
    height: 44px !important;
    max-width: 190px !important;
  }
  #landingPage .links{
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  #landingPage .links .nav-pill{
    display: none !important;
  }
  #landingPage .links .langBox{
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 3px 6px !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
  }
  #landingPage #mainLanguageSelect.languageSelect{
    width: auto !important;
    min-width: 105px !important;
    max-width: 126px !important;
    height: 31px !important;
    padding: 4px 6px !important;
    font-size: 11.5px !important;
    border-radius: 10px !important;
  }
  #landingPage .links .btn{
    width: auto !important;
    min-width: 108px !important;
    flex: 0 0 auto !important;
    padding: 9px 12px !important;
    font-size: 12.5px !important;
    border-radius: 13px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 390px){
  #landingPage .links{gap:6px!important;}
  #landingPage .links .btn{min-width:100px!important;font-size:12px!important;padding:8px 10px!important;}
  #landingPage #mainLanguageSelect.languageSelect{min-width:98px!important;max-width:112px!important;font-size:11px!important;}
}


/* SuperAdmin: contador de guías por cuenta */
.guiasCuenta{
  background:rgba(37,211,102,.10);
  border:1px solid rgba(37,211,102,.35);
  border-radius:16px;
  padding:10px 12px;
}
.guiasCuenta b{color:#25D366;}
.guiasCuenta span{font-size:20px;font-weight:900;}

.adminGuiasDestacado{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding:10px 14px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(37,211,102,.20),rgba(45,243,255,.14));
  border:1px solid rgba(37,211,102,.35);
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.adminGuiasDestacado strong{
  font-size:22px;
  color:#25D366;
}
.guiasCuenta{
  background:linear-gradient(135deg,rgba(37,211,102,.16),rgba(45,243,255,.10))!important;
  border-color:rgba(37,211,102,.45)!important;
}


/* contador de reparaciones por cuenta en SuperAdmin */
.adminGuiasDestacado{
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(37,211,102,.45)!important;
  background:rgba(37,211,102,.12)!important;
  color:#fff!important;
  font-weight:800!important;
  display:block!important;
}
.adminGuiasDestacado strong{font-size:24px!important;color:#25D366!important;}
.guiasCuenta{border-color:rgba(37,211,102,.45)!important;background:rgba(37,211,102,.10)!important;}
.guiasCuenta b{color:#25D366!important;}
.guiasCuenta span{font-size:28px!important;font-weight:900!important;color:#fff!important;}
.adminCountError{margin:8px 0 0!important;color:#ffcf4d!important;font-size:12px!important;}

/* Reparaciones por cada taller en SuperAdmin */
.reparacionesTallerBox{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(37,211,102,.55);
  background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(45,243,255,.10));
  box-shadow:0 0 22px rgba(37,211,102,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.reparacionesTallerBox span{
  color:#eafff2;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.reparacionesTallerBox strong{
  color:#fff;
  font-size:34px;
  line-height:1;
  font-weight:950;
  min-width:58px;
  text-align:center;
}
@media(max-width:700px){
  .reparacionesTallerBox{flex-direction:column;align-items:flex-start;}
  .reparacionesTallerBox strong{font-size:38px;text-align:left;}
}

/* Estado visual de la respuesta del cliente */
.statusAceptada{
  color:var(--green)!important;
  text-shadow:0 0 18px rgba(61,255,148,.75)!important;
}
.statusRechazada{
  color:var(--red)!important;
  text-shadow:0 0 18px rgba(255,71,120,.75)!important;
}
.bigNeonOk{
  border-color:rgba(61,255,148,.45)!important;
  background:rgba(61,255,148,.075)!important;
  box-shadow:0 0 26px rgba(61,255,148,.16), inset 0 0 20px rgba(61,255,148,.04)!important;
}
.bigNeonBad{
  border-color:rgba(255,71,120,.58)!important;
  background:rgba(255,71,120,.09)!important;
  box-shadow:0 0 26px rgba(255,71,120,.18), inset 0 0 20px rgba(255,71,120,.05)!important;
}

/* Opinión del cliente en estado Entregado */
.opinionClienteCard{border-color:rgba(255,204,102,.42);background:linear-gradient(180deg,rgba(255,204,102,.08),rgba(255,255,255,.035));}
.opinionStars{display:flex;justify-content:center;gap:8px;margin:15px 0 16px;}
.opinionStars button{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,204,102,.55);background:rgba(255,255,255,.06);color:rgba(255,255,255,.38);font-size:30px;line-height:1;cursor:pointer;box-shadow:inset 0 0 18px rgba(255,204,102,.06);}
.opinionStars button.active,.opinionStars button:hover{color:#ffcc66;background:rgba(255,204,102,.14);box-shadow:0 0 20px rgba(255,204,102,.24);}
.opinionGracias{text-align:center;border:1px solid rgba(61,255,148,.4);background:rgba(61,255,148,.08);border-radius:18px;padding:16px;}
.opinionStarsRead{font-size:34px;color:#ffcc66;text-shadow:0 0 14px rgba(255,204,102,.45);letter-spacing:2px;margin-bottom:8px;}
@media(max-width:520px){.opinionStars{gap:5px}.opinionStars button{width:42px;height:42px;font-size:26px}}


/* Reputación del taller en panel técnico */
.reputacionTallerBox{margin-top:22px;border:1px solid rgba(255,204,102,.36);background:linear-gradient(180deg,rgba(255,204,102,.10),rgba(255,255,255,.035));border-radius:22px;padding:20px;box-shadow:0 0 26px rgba(255,204,102,.10)}
.reputacionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.reputacionHead h2{margin:4px 0 0;font-size:22px}
.repTotal{min-width:105px;text-align:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:18px;padding:12px 16px}
.repTotal b{display:block;font-size:30px;color:#ffcc66;line-height:1}
.repTotal span{display:block;font-size:12px;opacity:.78;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.repStars{font-size:36px;letter-spacing:3px;color:#ffcc66;text-shadow:0 0 18px rgba(255,204,102,.38);margin:14px 0 8px;text-align:center}
.ultimasResenas h3{margin:12px 0 10px;font-size:18px}
.resenaItem{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:16px;padding:13px 14px;margin-top:10px}
.resenaTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.resenaStars{color:#ffcc66;font-size:18px;letter-spacing:1px;white-space:nowrap}
.resenaItem p{margin:8px 0 4px;color:rgba(255,255,255,.88)}
.resenaItem small{opacity:.68}
@media(max-width:620px){.reputacionTallerBox{padding:16px}.reputacionHead h2{font-size:19px}.repStars{font-size:30px}.repTotal{width:100%}}


/* Footer de reputación en web del cliente */
.reputacionTallerFooter{
  max-width:420px;
  margin:34px auto 24px auto;
  padding:12px 18px;
  text-align:center;
  font-size:14px;
  font-weight:800;
  color:#ffffff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(0,255,255,0.35);
  border-radius:16px;
  box-shadow:0 0 16px rgba(0,255,255,0.18), inset 0 0 18px rgba(255,255,255,0.03);
  backdrop-filter:blur(8px);
}
@media(max-width:520px){
  .reputacionTallerFooter{max-width:calc(100% - 28px);font-size:13px;margin-top:26px;margin-bottom:18px;}
}


/* Sistema financiero del taller */
.financeMenuBtn{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.10)!important;color:var(--text)!important;font-weight:800!important;box-shadow:none!important}
.financialPanel{border-color:rgba(61,255,148,.42);box-shadow:0 0 34px rgba(61,255,148,.12),inset 0 0 38px rgba(45,243,255,.035)}
.financeStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.financeStat{background:linear-gradient(180deg,rgba(61,255,148,.08),rgba(255,255,255,.035));border-color:rgba(61,255,148,.22)}.financeStat b{color:var(--green);text-shadow:0 0 16px rgba(61,255,148,.45)}.financeGrid{margin-top:18px}.financeMini{padding:18px;border-radius:22px}.financeResumen p{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:12px;margin:10px 0}.financeResumen b{color:var(--cyan);font-size:18px}.financeResumen span{color:var(--muted);text-align:right}@media(max-width:900px){.financeStats{grid-template-columns:1fr}.financeResumen p{display:block}.financeResumen span{display:block;text-align:left;margin-top:4px}}

/* Equipo de trabajo - permisos personalizados */
.permisosGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:10px}
.permisosGrid label{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}
.teamPanel .table small{opacity:.8}

/* Modal para editar permisos de Equipo de trabajo */
.modalPermisosOverlay{
  position:fixed;
  inset:0;
  background:rgba(5,10,25,.72);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  backdrop-filter:blur(8px);
}
.modalPermisosCard{
  width:min(680px,96vw);
  max-height:88vh;
  overflow:auto;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,255,.96));
  color:#122033;
  border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  padding:22px;
  border:1px solid rgba(30,70,140,.14);
}
.modalPermisosHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.modalPermisosHeader h3{margin:0 0 6px;font-size:22px;}
.modalPermisosHeader p{margin:0;color:#506070;}
.editarPermisosGrid{
  margin-top:12px;
}