/* MEXA GSM V9.6 — LIGHT CONTENT CONSISTENCY
   Keeps navigation/sidebar dark by design, but removes legacy black surfaces from content. */

html[data-theme="light"]{
  --v96-bg:#eef2f6;
  --v96-card:#ffffff;
  --v96-card-soft:#f7f9fc;
  --v96-text:#172033;
  --v96-muted:#607086;
  --v96-border:#d5dee8;
  --v96-accent:#087f98;
}

/* Main content surfaces that legacy CSS left dark */
html[data-theme="light"] .wallet-mini,
html[data-theme="light"] .balance-card,
html[data-theme="light"] .dash-card.balance-card,
html[data-theme="light"] .access-ip,
html[data-theme="light"] .service-card-meta div,
html[data-theme="light"] .service-detail-box,
html[data-theme="light"] .service-safe-note,
html[data-theme="light"] .summary-box,
html[data-theme="light"] .service-kpis>div,
html[data-theme="light"] .form-block,
html[data-theme="light"] .order-admin-message,
html[data-theme="light"] .group-admin-item,
html[data-theme="light"] .provider-card,
html[data-theme="light"] .tool-admin-card,
html[data-theme="light"] .notification-card,
html[data-theme="light"] .thread-item,
html[data-theme="light"] .empty-card,
html[data-theme="light"] .client-service-card,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .method-reader,
html[data-theme="light"] .method-author{
  background:var(--v96-card)!important;
  color:var(--v96-text)!important;
  border-color:var(--v96-border)!important;
  box-shadow:0 8px 24px rgba(24,39,57,.06)!important;
}

html[data-theme="light"] .wallet-mini *,
html[data-theme="light"] .balance-card *,
html[data-theme="light"] .dash-card *,
html[data-theme="light"] .access-ip *,
html[data-theme="light"] .service-card-meta div *,
html[data-theme="light"] .group-admin-item *,
html[data-theme="light"] .provider-card *,
html[data-theme="light"] .tool-admin-card *,
html[data-theme="light"] .notification-card *{
  color:var(--v96-text)!important;
}

html[data-theme="light"] .wallet-mini small,
html[data-theme="light"] .wallet-mini span,
html[data-theme="light"] .balance-card small,
html[data-theme="light"] .balance-card span,
html[data-theme="light"] .dash-card small,
html[data-theme="light"] .dash-card>span,
html[data-theme="light"] .service-card-meta small,
html[data-theme="light"] .provider-card small,
html[data-theme="light"] .group-admin-item small{
  color:var(--v96-muted)!important;
}

/* Tabs: active state should be accented, not black */
html[data-theme="light"] .group-tabs button,
html[data-theme="light"] .compact-tabs button{
  background:#fff!important;
  color:#42536a!important;
  border-color:var(--v96-border)!important;
}
html[data-theme="light"] .group-tabs button.active,
html[data-theme="light"] .compact-tabs button.active{
  background:#e9f7fa!important;
  color:#075f73!important;
  border-color:#bce4ec!important;
  box-shadow:none!important;
}

/* Legacy black icon squares -> softer commercial palette */
html[data-theme="light"] .service-row-icon,
html[data-theme="light"] .group-icon,
html[data-theme="light"] .tool-logo-fallback,
html[data-theme="light"] .drawer-avatar{
  background:#eaf7fa!important;
  color:#087e98!important;
  border:1px solid #bfe4eb!important;
  box-shadow:none!important;
}

/* Mobile drawer profile must stay readable inside dark drawer */
html[data-theme="light"] .client-drawer .drawer-profile{
  background:#172235!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
html[data-theme="light"] .client-drawer .drawer-profile b,
html[data-theme="light"] .client-drawer .drawer-profile small{
  color:#f8fbff!important;
}
html[data-theme="light"] .client-drawer .drawer-avatar{
  background:#26364b!important;
  color:#fff!important;
  border-color:#3a4b62!important;
}

/* Table/form surfaces */
html[data-theme="light"] table,
html[data-theme="light"] tbody,
html[data-theme="light"] tr,
html[data-theme="light"] td{
  background-color:transparent;
}
html[data-theme="light"] th{
  background:#f4f7fa!important;
  color:#506077!important;
}
html[data-theme="light"] tbody tr:hover td{
  background:#f7fafc!important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fff!important;
  color:var(--v96-text)!important;
  border-color:#cbd6e2!important;
}

/* Keep intentionally dark/colored areas limited to navigation/decorative branding */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .client-drawer{
  background:#111827!important;
}
html[data-theme="light"] .promo,
html[data-theme="light"] .auth-art{
  color:#fff!important;
}

/* Make text in content deterministic despite old global !important rules */
html[data-theme="light"] .admin-content h1,
html[data-theme="light"] .admin-content h2,
html[data-theme="light"] .admin-content h3,
html[data-theme="light"] .admin-content h4,
html[data-theme="light"] .admin-content b,
html[data-theme="light"] .admin-content strong,
html[data-theme="light"] .client-main h1,
html[data-theme="light"] .client-main h2,
html[data-theme="light"] .client-main h3,
html[data-theme="light"] .client-main h4,
html[data-theme="light"] .client-main b,
html[data-theme="light"] .client-main strong{
  color:var(--v96-text)!important;
}
html[data-theme="light"] .admin-content p,
html[data-theme="light"] .admin-content small,
html[data-theme="light"] .client-main p,
html[data-theme="light"] .client-main small,
html[data-theme="light"] .muted{
  color:var(--v96-muted)!important;
}

/* Status/button colors remain semantic */
html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary{
  color:#fff!important;
}
html[data-theme="light"] .alert.success{
  background:#eaf8f1!important;color:#146c49!important;border-color:#b9e4d0!important;
}
html[data-theme="light"] .alert.danger{
  background:#fff0f3!important;color:#a9233c!important;border-color:#f0c3cd!important;
}

/* ===== V9.7 API CENTER ===== */
.api-center-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}
.api-provider-cards{display:grid;gap:12px}.api-provider-card{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;padding:16px;border:1px solid var(--v96-border);border-radius:18px;background:#fff}
.api-provider-main{display:flex;gap:12px;align-items:center}.api-provider-logo{width:48px;height:48px;border-radius:15px;background:#eaf7fa;color:#087e98;border:1px solid #bfe4eb;display:grid;place-items:center;font-weight:900}
.api-provider-main b,.api-provider-main small,.api-balance small,.api-balance strong,.api-balance span{display:block}.api-provider-main small,.api-balance small,.api-balance span{color:var(--v96-muted)!important;margin-top:3px}
.api-balance{text-align:right}.api-balance strong{font-size:20px;margin:3px 0}.api-provider-card .row-actions{grid-column:1/-1;flex-wrap:wrap}
.api-catalog-panel{margin-top:18px}.api-catalog-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}.api-catalog-table td small{display:block;margin-top:4px;max-width:600px}.api-catalog-table code{font-weight:800}
@media(max-width:960px){.api-center-layout{grid-template-columns:1fr}.api-catalog-toolbar{grid-template-columns:1fr}.api-provider-card{grid-template-columns:1fr}.api-balance{text-align:left}}

/* ===== V9.9 MOBILE INPUT + SERVICE EDITOR + LOGIN ===== */
.saved-service-state{display:flex;gap:8px;flex-wrap:wrap;padding:11px 13px;margin-bottom:14px;background:#f5f8fb;border:1px solid #d8e1ea;border-radius:13px}
.saved-service-state span{font-size:11px!important;color:#607086!important}.saved-service-state b{color:#172033!important}
.identifier-help{display:block;margin-top:6px;color:#607086!important;font-size:11px}

.auth-v99{padding:0!important;display:block!important;background:#eef2f6!important}
.auth-v99-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);background:#eef2f6}
.auth-v99-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px clamp(34px,6vw,86px);background:linear-gradient(155deg,#101827 0%,#17243a 54%,#25345a 100%);color:#fff}
.auth-v99-intro:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-130px;background:radial-gradient(circle,rgba(93,80,205,.5),rgba(8,127,152,.08) 55%,transparent 70%)}
.auth-v99-intro:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-120px;bottom:-100px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
.auth-v99-brand{position:relative;z-index:1;width:max-content}.auth-v99-brand b,.auth-v99-brand small{color:#fff!important}.auth-v99-brand small{opacity:.65}
.auth-v99-copy{position:relative;z-index:1;margin:auto 0;max-width:650px}.auth-v99-copy .eyebrow{background:rgba(255,255,255,.08)!important;color:#bff6ff!important;border-color:rgba(255,255,255,.14)!important}
.auth-v99-copy h1{font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px 0;color:#fff!important;max-width:720px}
.auth-v99-copy>p{max-width:590px;font-size:16px;line-height:1.7;color:#b9c5d6!important}
.auth-v99-points{display:grid;gap:10px;margin-top:30px;max-width:590px}.auth-v99-points>div{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1)}
.auth-v99-points span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:10px;color:#bff6ff!important}.auth-v99-points b{font-size:13px;color:#fff!important}.auth-v99-points small{font-size:11px;color:#9fb0c5!important}
.auth-v99-foot{position:relative;z-index:1;color:#8190a5!important}
.auth-v99-formside{display:grid;place-items:center;padding:48px 28px;background:radial-gradient(circle at 100% 0,#e6e9ff 0,transparent 26%),#f4f7fa}
.auth-v99-card{width:min(470px,100%);background:#fff;border:1px solid #d8e1ea;border-radius:28px;padding:38px;box-shadow:0 30px 80px rgba(22,32,51,.09)}
.auth-v99-card h2{font-size:34px;letter-spacing:-.04em;margin:10px 0 4px}.auth-v99-card>p{margin:0 0 24px}.auth-v99-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:22px}
.auth-v99-form label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#334155!important}
.auth-input-wrap{position:relative}.auth-input-wrap input{width:100%;height:54px;padding:0 54px 0 45px!important;border-radius:14px!important;font-size:16px!important}.auth-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:12px!important;font-weight:900;color:#7a899c!important;z-index:2}
.password-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:#f2f5f8;color:#405168;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}
.auth-v99-between{display:flex;justify-content:space-between;gap:12px;font-size:11px}.auth-v99-between a{color:#087f98;font-weight:800}.auth-v99-between span{color:#7a899c!important}
.auth-v99-submit{height:52px;border-radius:14px!important;font-size:14px}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#8996a8}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e2e8ef}.auth-divider span{font-size:10px!important;color:#8996a8!important}
.auth-v99-google{height:50px;border:1px solid #d5dee8!important;background:#fff!important;color:#172033!important}.auth-v99-register{text-align:center;margin-top:22px;font-size:12px;color:#66758a}.auth-v99-register a{font-weight:850;color:#087f98}
html[data-theme="dark"] .auth-v99-formside{background:#070b12}.auth-v99 html[data-theme="dark"]{background:#070b12}.auth-v99-card{color:#172033}
html[data-theme="dark"] .auth-v99-card{background:#0d1420;border-color:#26364b;color:#f4f7fb}.auth-v99-card .brand-mark{color:#fff!important}

/* iOS/Safari does automatic focus zoom below 16px. Keep controls at 16px without disabling accessibility zoom. */
@media(max-width:820px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  .auth-v99-shell{grid-template-columns:1fr;min-height:100dvh}
  .auth-v99-intro{display:none}
  .auth-v99-formside{padding:20px 14px;min-height:100dvh;align-items:center}
  .auth-v99-card{padding:26px 20px;border-radius:22px}
  .auth-v99-mobile-brand{display:flex}
  .auth-v99-card h2{font-size:30px}
  .auth-v99-between{font-size:11px}
}
@media(max-width:480px){
  .admin-content,.client-main{padding-left:13px!important;padding-right:13px!important}
  .form-block,.panel{padding-left:15px!important;padding-right:15px!important}
  .grid2,.grid3{grid-template-columns:1fr!important}
  input,select,textarea{max-width:100%;min-width:0}
}

/* ===== V10 INSTANT CHECK ===== */
.instant-check-page{min-height:100dvh;margin:0;background:radial-gradient(circle at 50% -10%,#e6f5fa 0,transparent 35%),#f4f7fa!important;display:grid;place-items:center;padding:20px}
.instant-check-shell{width:min(760px,100%)}.instant-check-card{background:#fff;border:1px solid #d8e1ea;border-radius:30px;padding:clamp(28px,6vw,56px);box-shadow:0 28px 90px rgba(20,35,55,.10);text-align:center}
.instant-check-card h1{font-size:clamp(34px,6vw,56px);letter-spacing:-.05em;margin:16px 0 8px}.instant-check-card>p{max-width:560px;margin:0 auto 26px;color:#66758a!important;line-height:1.6}
.instant-orb{width:108px;height:108px;margin:0 auto 24px;position:relative;display:grid;place-items:center}.instant-orb span{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(8,127,152,.16);animation:instantPulse 2.1s infinite}.instant-orb span:nth-child(2){inset:10px;animation-delay:.25s}.instant-orb span:nth-child(3){inset:21px;animation-delay:.5s}.instant-orb b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e8f7fa;color:#087f98;font-size:0}.instant-orb b:after{content:"";width:18px;height:18px;border:3px solid #087f98;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
.instant-check-card.done .instant-orb b{font-size:23px;background:#eaf8f1;color:#147a4d}.instant-check-card.done .instant-orb b:after{display:none}
.instant-progress{height:7px;background:#edf2f6;border-radius:99px;overflow:hidden;margin:0 auto 25px;max-width:560px}.instant-progress i{display:block;width:12%;height:100%;background:linear-gradient(90deg,#087f98,#5e50cd);border-radius:inherit;transition:width .5s ease}
.instant-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:600px;margin:0 auto 26px}.instant-steps div{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:12px;color:#8a97a8;font-size:11px}.instant-steps div span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf1f5;font-size:9px}.instant-steps div.active{background:#eef8fa;color:#075f73}.instant-steps div.active span{background:#087f98;color:#fff}
.instant-result{text-align:left;margin:24px auto 0;max-width:610px;padding:20px;border:1px solid #d8e1ea;background:#f7f9fc;border-radius:18px}.instant-result-label{font-size:10px;font-weight:900;letter-spacing:.12em;color:#66758a;margin-bottom:9px}.instant-result pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;color:#172033}
.instant-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.instant-folio{display:block;margin-top:22px;color:#8996a8!important}
@keyframes instantPulse{0%,100%{transform:scale(.88);opacity:.2}50%{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.instant-check-page{padding:10px}.instant-check-card{border-radius:22px;padding:28px 18px}.instant-steps{grid-template-columns:1fr}.instant-steps div{justify-content:flex-start}.instant-actions .btn{width:100%}}

.instant-next-question{width:100%;font-size:13px;font-weight:850;color:#172033;margin:2px 0 6px}

/* ===== V10.3 REORDER YES / NO ===== */
.instant-reorder-choice{max-width:470px;margin:22px auto 0}
.instant-reorder-choice .instant-next-question{font-size:15px!important;margin-bottom:8px}
.instant-choice-btn{min-width:140px;justify-content:center}
@media(max-width:560px){
  .instant-reorder-choice{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  .instant-reorder-choice .instant-next-question{grid-column:1/-1}
  .instant-choice-btn{width:100%;min-width:0}
}

/* ===== V10.4 DUPLICATE CONFIRM + CURRENCY ===== */
.duplicate-confirm-card{width:min(560px,94vw)!important}.duplicate-choice-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 10px}.duplicate-choice-form .btn{justify-content:center}
.currency-settings-card{max-width:620px}.currency-current-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;border-radius:16px;background:#f5f8fb;border:1px solid #d7e0e9}.currency-current-box small{width:100%}.currency-current-box strong{font-size:28px}.currency-current-box span{color:#607086;font-size:12px}
@media(max-width:560px){.duplicate-choice-form{grid-template-columns:1fr}.duplicate-choice-form .btn{width:100%}}

/* ===== V10.5 RESULTADOS / DETALLE / CONFIRMACION ===== */
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.result-item{padding:14px 16px;border:1px solid #dce4ec;border-radius:14px;background:#f8fafc;min-width:0}
.result-item small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#758397;margin-bottom:6px;font-weight:800}
.result-item strong{display:block;color:#172033;font-size:14px;line-height:1.5;word-break:break-word;font-weight:750}
.result-empty{padding:20px;border:1px dashed #cad5df;border-radius:16px;background:#f8fafc;color:#66758a}
.instant-result .result-grid{margin-top:12px}.instant-result .result-item{background:#fff}
.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px}
.order-detail-main,.order-result-panel{min-width:0}.detail-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.detail-status-row strong{font-size:20px}
.detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-meta-grid>div,.detail-fields>div{padding:13px 14px;border:1px solid #dce4ec;border-radius:13px;background:#f8fafc}.detail-meta-grid small,.detail-fields small{display:block;color:#78869a;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.detail-meta-grid b,.detail-fields b{font-size:13px;word-break:break-word}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.detail-fields h3{grid-column:1/-1;margin:0 0 2px}
.result-waiting{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #dce4ec;border-radius:16px;background:#f8fafc}.result-waiting p{margin:4px 0 0;color:#718096}.mini-spinner{width:25px;height:25px;border:3px solid #d9e5ea;border-top-color:#087e98;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}
.orders-simple-table td,.orders-simple-table th{vertical-align:middle}.orders-simple-table td:last-child,.orders-simple-table th:last-child{text-align:right}
.duplicate-confirm-page{margin:0;min-height:100dvh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 0,#e7f5f8 0,transparent 38%),#f4f7fa!important;color:#172033!important}
.duplicate-confirm-shell{width:min(600px,100%)}.duplicate-confirm-card{background:#fff!important;color:#172033!important;border:1px solid #d6e0e9;border-radius:28px;padding:clamp(26px,5vw,46px);box-shadow:0 30px 90px rgba(26,44,65,.12);text-align:center}
.duplicate-confirm-card .eyebrow{color:#9b6415!important}.duplicate-confirm-card h1{color:#172033!important;font-size:clamp(30px,5vw,44px);letter-spacing:-.04em;margin:10px 0}.duplicate-confirm-card p{color:#66758a!important;line-height:1.6}.duplicate-confirm-card .summary-box{background:#f8fafc!important;border:1px solid #dce4ec!important;color:#172033!important}.duplicate-confirm-card .summary-box span{color:#77869a!important}.duplicate-confirm-card .backlink{color:#52657a!important}
.duplicate-confirm-card .status-icon.warn{margin:0 auto 12px;background:#fff4dd!important;color:#a96700!important;border:1px solid #f2d49d}
.public-result-panel{margin-top:18px}
@media(max-width:900px){.order-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.result-grid,.detail-meta-grid,.detail-fields{grid-template-columns:1fr}.order-detail-head{align-items:flex-start}.orders-simple-table th:nth-child(2),.orders-simple-table td:nth-child(2){white-space:nowrap}}

/* ===== V10.6 SECURITY + PASSWORD LIGHT ===== */
.service-security-box{margin:0 0 16px;padding:16px;border:1px solid #cfe0e7;border-radius:16px;background:#f5fbfc}
.security-reorder-check{display:flex!important;align-items:flex-start!important;gap:12px!important}
.security-reorder-check input{margin-top:3px}
.security-reorder-check span{display:block}.security-reorder-check b{display:block;color:#172033;margin-bottom:4px}.security-reorder-check small{display:block;color:#6d7d91;line-height:1.45}
.password-light-page{min-height:100dvh;margin:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#e6f4f8 0,transparent 34%),#f4f7fa!important;color:#172033!important}
.password-light-card{background:#fff!important;color:#172033!important;border:1px solid #d8e1e9!important;box-shadow:0 26px 80px rgba(25,46,66,.11)!important}
.password-light-card h2,.password-light-card b,.password-light-card label{color:#172033!important}
.password-light-card .muted,.password-light-card small{color:#6e7d91!important}
.password-light-card input{background:#fff!important;color:#172033!important;border:1px solid #cfd9e2!important}
.password-light-card input:focus{border-color:#087e98!important;box-shadow:0 0 0 3px rgba(8,126,152,.12)!important}
.password-light-card .backlink{color:#52657a!important}

/* ===== V10.7 CHECK PROCESSING = RESULTADO DE CORREO ===== */
.mail-result-card{overflow:hidden;border:1px solid #d8e3ea;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(31,52,70,.08);text-align:left}
.mail-result-success{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#eef9f5;border-bottom:1px solid #d9ebe4}
.mail-result-check{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#19865f;color:#fff;font-size:23px;font-weight:900;flex:0 0 auto}
.mail-result-success small{display:block;color:#33765f;font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:3px}
.mail-result-success h2{margin:0!important;color:#17362d!important;font-size:19px!important;line-height:1.25}
.mail-result-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid #e2e9ef}
.mail-result-summary>div{padding:14px 18px;border-right:1px solid #e7edf2;border-bottom:1px solid #e7edf2;min-width:0}
.mail-result-summary>div:nth-child(2n){border-right:0}
.mail-result-summary small{display:block;color:#7a8797;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.mail-result-summary b{display:block;color:#172033;font-size:13px;word-break:break-word}
.mail-result-body{padding:20px 22px}
.mail-result-body .instant-result-label{margin:0 0 12px;color:#657589;font-size:10px;font-weight:900;letter-spacing:.11em}
.mail-result-body .result-grid{margin-top:0}
.mail-result-body .result-item{background:#f8fafc}
@media(max-width:560px){
 .mail-result-success{align-items:flex-start;padding:18px}
 .mail-result-success h2{font-size:17px!important}
 .mail-result-summary{grid-template-columns:1fr}
 .mail-result-summary>div{border-right:0}
 .mail-result-body{padding:18px}
}

/* ===== V10.8 RESULTADO ÚNICO COMPACTO ===== */
.compact-result-card{overflow:hidden;border:1px solid #d9e3ea;border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(30,49,66,.07);text-align:left}
.compact-result-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#eef9f5;border-bottom:1px solid #dcebe5}
.compact-result-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#19865f;color:#fff;font-size:19px;font-weight:900;flex:0 0 auto}
.compact-result-head small{display:block;color:#33765f;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:2px}
.compact-result-head h2{margin:0!important;color:#183c31!important;font-size:16px!important;line-height:1.2}
.compact-result-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e3e9ee}
.compact-result-meta span{padding:10px 12px;border-right:1px solid #e7edf2;min-width:0}
.compact-result-meta span:last-child{border-right:0}
.compact-result-meta small{display:block;color:#7a8797;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px}
.compact-result-meta b{display:block;color:#172033;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.compact-result-body{padding:14px 16px}
.compact-result-label{display:block;color:#69788a;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:9px}
.compact-result-body .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:0}
.compact-result-body .result-item{padding:10px 11px;border-radius:11px;box-shadow:none}
.compact-result-body .result-item small{font-size:8px;margin-bottom:3px}
.compact-result-body .result-item strong{font-size:12px;line-height:1.35}
.compact-order-result{min-width:0}
.instant-result .compact-result-card{margin-top:4px}
.public-result-panel .compact-result-card{margin-top:16px}
@media(max-width:700px){
 .compact-result-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compact-result-meta span:nth-child(2){border-right:0}
 .compact-result-meta span:nth-child(-n+2){border-bottom:1px solid #e7edf2}
}
@media(max-width:480px){
 .compact-result-head{padding:12px 13px}
 .compact-result-meta{grid-template-columns:1fr 1fr}
 .compact-result-body{padding:12px}
 .compact-result-body .result-grid{grid-template-columns:1fr}
}

/* ===== V10.9 CHECK PROCESSING SOLO RESULTADO API ===== */
.processing-result-only{overflow:hidden;border:1px solid #d9e3ea;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(31,50,66,.06);text-align:left}
.processing-result-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid #e5ebef;background:#f3faf7;color:#1f5f49}
.processing-result-head span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#19865f;color:#fff;font-size:14px;font-weight:900}
.processing-result-head b{font-size:10px;letter-spacing:.1em}
.api-result-block{padding:14px 15px;color:#172033;font-size:13px;line-height:1.58;font-weight:650;white-space:normal;overflow-wrap:anywhere;background:#fff}
.api-result-empty{padding:14px 15px;color:#6f7e90;font-size:13px}
.instant-result .processing-result-only{margin-top:4px}
.instant-check-card.done .instant-steps{margin-bottom:12px}
@media(max-width:520px){
 .api-result-block{font-size:12px;line-height:1.55;padding:12px}
 .processing-result-head{padding:10px 12px}
}

/* ===== V11 PAGOS / CEP SPEI ===== */
.payment-recharge-panel{max-width:900px}
.spei-fields{display:grid;gap:13px;padding:14px;border:1px solid #dce6ec;border-radius:16px;background:#fbfdfe}
.spei-fields[hidden],#manualFields[hidden]{display:none!important}
.compact-alert{margin:0}
.cep-security-note,.payment-instructions{padding:11px 13px;border-radius:12px;background:#f3f7fa;color:#536274;font-size:12px;line-height:1.5}
.payment-recharge-panel small{display:block;margin-top:4px;color:#77869a;font-size:11px}

/* ===== V11.2 VALIDADOR CEP INTERNO ===== */
.cert-trust-box{padding:13px;border:1px solid #dce6ec;border-radius:14px;background:#fbfdfe}
.payment-recharge-panel code,.panel code{font-size:11px;overflow-wrap:anywhere}


/* ===== V11.3 LOGIN CLARO ===== */
html[data-theme="dark"] body.auth-v113,
body.auth-v113{
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:#f6f8fb!important;
  color:#172033!important;
}
.auth-v113-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(410px,.95fr) minmax(500px,1.05fr);
  background:#f6f8fb;
}
.auth-v113-showcase{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  padding:44px clamp(38px,6vw,88px);
  background:
    radial-gradient(circle at 12% 12%,rgba(71,170,235,.16),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(91,116,245,.10),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#f4f9fd 55%,#eef5fb 100%);
  border-right:1px solid #e3ebf2;
}
.auth-v113-showcase:before{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-120px;
  border:1px solid rgba(67,146,210,.13);box-shadow:0 0 0 52px rgba(67,146,210,.035),0 0 0 104px rgba(67,146,210,.02)
}
.auth-v113-brand,.auth-v113-mobile-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#172033}
.auth-v113-brand{position:relative;z-index:1;width:max-content}
.auth-v113-brand .brand-mark,.auth-v113-mobile-brand .brand-mark{
  width:43px;height:43px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#087f98,#2c9fc0)!important;color:white!important;
  box-shadow:0 8px 24px rgba(8,127,152,.20)
}
.auth-v113-brand b,.auth-v113-mobile-brand b{display:block;color:#172033!important;font-size:15px}
.auth-v113-brand small,.auth-v113-mobile-brand small{display:block;color:#8491a3!important;font-size:10px;margin-top:2px}
.auth-v113-copy{position:relative;z-index:1;margin:auto 0;max-width:650px}
.auth-v113-pill{
  display:inline-flex;padding:8px 11px;border-radius:999px;background:#e8f5fa;color:#087f98;
  border:1px solid #cfe9f1;font-size:10px;font-weight:900;letter-spacing:.12em
}
.auth-v113-copy h1{
  max-width:650px;margin:18px 0 14px;color:#172033!important;
  font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.055em
}
.auth-v113-copy>p{max-width:570px;margin:0;color:#67768a!important;font-size:16px;line-height:1.7}
.auth-v113-benefits{display:grid;gap:11px;margin-top:30px;max-width:570px}
.auth-v113-benefits>div{
  display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid #e4edf4;border-radius:15px;
  background:rgba(255,255,255,.76);box-shadow:0 8px 26px rgba(24,44,73,.035)
}
.auth-v113-benefits>div>span{
  flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  background:#e7f7f4;color:#11856f;font-weight:900
}
.auth-v113-benefits b{display:block;color:#243247!important;font-size:13px}
.auth-v113-benefits small{display:block;color:#8592a4!important;font-size:11px;margin-top:2px}
.auth-v113-trust{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#7d8b9e;font-size:11px}
.auth-v113-trust-dot{width:8px;height:8px;border-radius:50%;background:#25b985;box-shadow:0 0 0 5px rgba(37,185,133,.10)}
.auth-v113-formside{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:48px 28px 28px;background:#ffffff
}
.auth-v113-card{
  width:min(455px,100%);padding:38px 38px 34px;border:1px solid #e1e8ef;border-radius:28px;
  background:#fff;box-shadow:0 24px 70px rgba(25,43,67,.08);color:#172033!important
}
.auth-v113-mobile-brand{display:none;margin-bottom:24px}
.auth-v113-heading>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#087f98}
.auth-v113-heading h2{margin:8px 0 5px;color:#172033!important;font-size:34px;letter-spacing:-.04em}
.auth-v113-heading p{margin:0 0 25px;color:#7a8798!important;font-size:13px;line-height:1.6}
.auth-v113-form{display:grid;gap:16px}
.auth-v113-form label>span{display:block;margin-bottom:7px;color:#344256!important;font-size:12px;font-weight:800}
.auth-v113-input{position:relative}
.auth-v113-input input{
  width:100%!important;height:54px!important;margin:0!important;padding:0 56px 0 45px!important;
  border:1px solid #d9e3eb!important;border-radius:14px!important;background:#fbfcfe!important;color:#172033!important;
  font-size:16px!important;outline:none!important;box-shadow:none!important;transition:.18s border-color,.18s box-shadow,.18s background
}
.auth-v113-input input::placeholder{color:#a8b2bf!important}
.auth-v113-input input:focus{background:#fff!important;border-color:#55a9bf!important;box-shadow:0 0 0 4px rgba(8,127,152,.09)!important}
.auth-v113-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:#8a98aa!important;font-size:12px;font-weight:900}
.auth-v113-eye{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#edf5f7!important;color:#087f98!important;
  border-radius:9px;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer
}
.auth-v113-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;font-size:11px}
.auth-v113-row a{color:#087f98!important;font-weight:850;text-decoration:none}.auth-v113-row span{color:#8a96a6!important}
.auth-v113-submit{
  height:53px!important;border-radius:14px!important;background:linear-gradient(135deg,#087f98,#1695b2)!important;
  border:0!important;box-shadow:0 12px 24px rgba(8,127,152,.18)!important;color:#fff!important;font-size:14px!important;font-weight:850!important
}
.auth-v113-submit:hover{filter:brightness(.98);transform:translateY(-1px)}
.auth-v113-divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:#98a4b3}
.auth-v113-divider:before,.auth-v113-divider:after{content:"";height:1px;flex:1;background:#e6ebf0}
.auth-v113-divider span{font-size:10px;color:#98a4b3!important}
.auth-v113-google{
  height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce4eb;border-radius:14px;
  background:#fff!important;color:#253247!important;text-decoration:none;font-size:13px;font-weight:750
}
.auth-v113-google:hover{background:#f8fafc!important}
.auth-v113-register{text-align:center;margin-top:22px;color:#7d8999;font-size:12px}
.auth-v113-register a{color:#087f98!important;font-weight:850;text-decoration:none}
.auth-v113-copyright{margin-top:22px;color:#9aa5b3;font-size:10px;text-align:center}
.auth-v113-alert{border:1px solid #ffd9dc;background:#fff5f6!important;color:#b42318!important}
html[data-theme="dark"] .auth-v113-showcase,
html[data-theme="dark"] .auth-v113-formside,
html[data-theme="dark"] .auth-v113-card,
html[data-theme="dark"] .auth-v113-input input{color:#172033!important}
@media(max-width:900px){
  .auth-v113-shell{grid-template-columns:1fr;min-height:100dvh}
  .auth-v113-showcase{display:none}
  .auth-v113-formside{min-height:100dvh;padding:20px 14px;background:linear-gradient(180deg,#f7fafc 0%,#fff 42%)}
  .auth-v113-card{padding:28px 21px;border-radius:22px;box-shadow:0 18px 48px rgba(25,43,67,.07)}
  .auth-v113-mobile-brand{display:flex}
  .auth-v113-heading h2{font-size:30px}
  .auth-v113-copyright{margin-top:16px}
}


/* ===== V11.4 SERVICIOS AGRUPADOS EN "TODOS" ===== */
.service-grouped-list{display:grid;gap:14px}
.service-group-section{display:grid;gap:7px}
.service-group-section[hidden]{display:none!important}
.service-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5px}
.service-group-heading>div{display:flex;align-items:center;gap:8px;min-width:0}
.service-group-heading strong{font-size:13px;line-height:1.2;color:#172033}
.service-group-heading small{font-size:10px;color:#7b8798;white-space:nowrap}
.service-group-dot{width:8px;height:8px;border-radius:99px;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
html[data-theme="light"] .service-group-section .service-simple-list{background:#fff;border:1px solid #e3e9f1;border-radius:14px;overflow:hidden}
html[data-theme="light"] .service-group-section .service-simple-item{border-radius:0!important;border:0!important;border-bottom:1px solid #edf1f5!important;box-shadow:none!important;background:#fff!important}
html[data-theme="light"] .service-group-section .service-simple-item:last-child{border-bottom:0!important}
html[data-theme="light"] .service-group-section .service-simple-item:hover{background:#f8fafc!important}
.service-group-section .service-simple-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.service-group-section .service-simple-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-group-section .service-simple-title span{font-size:10px;color:#8a95a5}
@media(max-width:640px){
 .service-grouped-list{gap:12px}
 .service-group-heading{padding:0 3px}
 .service-group-heading strong{font-size:12px}
 .service-group-heading small{font-size:9px}
}

/* ===== V11.5 ORDEN UNIFICADO DE SERVICIOS ===== */
.group-order-note{margin:8px 2px 14px;color:#6b7280;font-size:12px;line-height:1.45}
.group-order-note b{color:#374151}
@media(max-width:640px){.group-order-note{margin:7px 2px 11px;font-size:11.5px}}


/* ===== V11.6 CLIENTE FINAL GUIADO / PUBLICO CLARO ===== */
html.public-light,
html.public-light body,
.public-shop-body,
.public-guest-checkout{
  background:#f8fafc !important;
  color:#111827 !important;
  color-scheme:light !important;
}
html.public-light .public-topbar,
html.public-light .compact-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e7edf3!important;
  box-shadow:0 8px 30px rgba(15,23,42,.035)!important;
}
html.public-light .public-theme-toggle{display:none!important}
.public-shop-hero{
  min-height:auto!important;
  padding-top:66px!important;
  padding-bottom:48px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr)!important;
  align-items:center!important;
}
.public-shop-hero h1{font-size:clamp(38px,5vw,66px)!important;max-width:820px}
.public-shop-hero p{font-size:17px!important}
.public-help-card{
  background:#fff;border:1px solid #e5ebf1;border-radius:24px;padding:24px;
  box-shadow:0 18px 50px rgba(15,23,42,.06);display:grid;gap:14px
}
.public-help-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:10px;border-radius:14px}
.public-help-step>b{
  width:38px;height:38px;border-radius:12px;background:#eef4ff;color:#1d4ed8;
  display:grid;place-items:center;font-size:14px
}
.public-help-step strong,.public-help-step small{display:block}
.public-help-step strong{font-size:14px}
.public-help-step small{margin-top:3px;color:#667085;font-size:12px}
.public-catalog-section{padding-top:42px!important}
.public-section-head{margin-bottom:18px!important}
.public-section-head h2{margin-bottom:6px}
.public-group-tabs{
  display:flex;gap:8px;overflow:auto;padding:4px 0 18px;position:sticky;top:76px;z-index:12;
  background:linear-gradient(#f8fafc 72%,rgba(248,250,252,0));scrollbar-width:none
}
.public-group-tabs::-webkit-scrollbar{display:none}
.public-group-tabs button{
  border:1px solid #dfe6ee;background:#fff;color:#475467;border-radius:999px;
  padding:10px 14px;white-space:nowrap;font-weight:800;cursor:pointer;font-size:12px
}
.public-group-tabs button small{
  display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;
  border-radius:999px;background:#f2f4f7;color:#667085
}
.public-group-tabs button.active{background:#111827;color:#fff;border-color:#111827}
.public-group-tabs button.active small{background:rgba(255,255,255,.16);color:#fff}
.public-grouped-catalog{display:grid;gap:24px}
.public-service-group{
  background:#fff;border:1px solid #e6ebf1;border-radius:22px;padding:18px;
  box-shadow:0 10px 35px rgba(15,23,42,.035)
}
.public-group-heading{
  display:flex;justify-content:space-between;gap:16px;align-items:center;padding:2px 2px 14px;
  border-bottom:1px solid #eef1f5;margin-bottom:12px
}
.public-group-heading>div{display:flex;gap:10px;align-items:center}
.public-group-heading h3{margin:0;font-size:19px}
.public-group-heading p{margin:3px 0 0;color:#667085;font-size:12px}
.public-group-heading>span{font-size:11px;color:#667085;background:#f5f7fa;padding:7px 10px;border-radius:999px}
.public-group-dot{width:9px;height:9px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px #eff6ff}
.public-service-list{display:grid;gap:9px}
.public-service-row{
  min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;align-items:center!important;padding:15px 16px!important;border-radius:16px!important;
  box-shadow:none!important;background:#fff!important
}
.public-service-row:hover{transform:none!important;border-color:#cdd9e6!important;background:#fcfdff!important}
.public-service-topline{display:flex;gap:8px;align-items:center}
.public-service-main h3{margin:8px 0 4px!important;font-size:16px!important}
.public-service-main p{margin:0!important;font-size:12px!important;line-height:1.45!important}
.public-service-buy{display:grid;grid-template-columns:auto auto auto;gap:10px;align-items:center}
.public-service-buy>div{min-width:88px;padding:8px 10px;border-radius:11px;background:#f8fafc}
.public-service-buy small,.public-service-buy strong,.public-service-buy b{display:block}
.public-service-buy small{font-size:9px;color:#667085;margin-bottom:2px}
.public-service-buy strong{font-size:14px;color:#111827}
.public-service-buy b{font-size:11px;color:#344054}
.public-service-buy .btn{min-width:102px;text-align:center}
.public-guest-checkout .service-page{padding-top:20px}
.guest-progress{
  display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;
  max-width:760px;margin:0 auto 14px;background:#fff;border:1px solid #e5ebf1;border-radius:18px;padding:12px 16px;
  box-shadow:0 10px 32px rgba(15,23,42,.04)
}
.guest-progress>div{display:flex;align-items:center;gap:6px;color:#98a2b3;font-size:11px;font-weight:800}
.guest-progress>div b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;color:#667085}
.guest-progress>div.active{color:#1d4ed8}
.guest-progress>div.active b{background:#eaf2ff;color:#1d4ed8}
.guest-progress>i{height:1px;background:#e5e7eb;margin:0 8px}
.guest-help-banner{
  max-width:760px;margin:0 auto 18px;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;
  padding:11px 14px;display:flex;gap:9px;align-items:flex-start;color:#1e3a8a;font-size:12px
}
.guest-help-banner strong{white-space:nowrap}
.guest-form-help{margin:-2px 0 12px;color:#667085;font-size:12px}
.public-guest-checkout .service-info-card,
.public-guest-checkout .order-form-card{box-shadow:0 12px 38px rgba(15,23,42,.045)!important}
.public-guest-checkout .service-info-card,
.public-guest-checkout .order-form-card,
.public-guest-checkout .service-detail-box,
.public-guest-checkout .service-kpis>div{background:#fff!important}
.public-guest-checkout input,
.public-guest-checkout select,
.public-guest-checkout textarea{background:#fff!important;color:#111827!important}

@media(max-width:900px){
  .public-shop-hero{grid-template-columns:1fr!important;padding-top:42px!important}
  .public-help-card{max-width:650px}
  .public-service-row{grid-template-columns:1fr!important}
  .public-service-buy{grid-template-columns:1fr 1fr!important}
  .public-service-buy .btn{grid-column:1/-1;width:100%}
}
@media(max-width:680px){
  .public-shop-hero{padding:34px 16px 30px!important}
  .public-shop-hero h1{font-size:38px!important}
  .public-help-card{padding:16px;border-radius:18px}
  .public-catalog-section{padding:34px 14px!important}
  .public-group-tabs{top:67px}
  .public-service-group{padding:12px;border-radius:18px}
  .public-group-heading{align-items:flex-start}
  .public-group-heading>span{display:none}
  .public-service-row{padding:13px!important}
  .guest-progress{grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;padding:10px}
  .guest-progress i{display:none}
  .guest-progress>div{display:grid;justify-items:center;text-align:center;gap:4px;font-size:9px}
  .guest-help-banner{display:block}
  .guest-help-banner strong{display:block;margin-bottom:4px}
}


/* ===== V11.7 PUBLICO UNIFICADO + MODALES + SERVICIOS ACTIVOS ===== */
.mexa-modal-backdrop[hidden]{display:none!important}
.mexa-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}
.mexa-modal-card{position:relative;width:min(610px,96vw);max-height:92vh;overflow:auto;background:#fff!important;color:#111827!important;border:1px solid #e5eaf0;border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.22);padding:25px}
.mexa-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;color:#344054;font-size:23px;cursor:pointer;z-index:3}
body.modal-open{overflow:hidden}
.modal-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.modal-loading b{font-size:18px}.modal-loading small{color:#667085}.modal-loading .btn-spinner{width:30px;height:30px}
.checkout-popup-success,.checkout-popup-error{text-align:center;padding:14px 4px 2px}.checkout-popup-success h2,.checkout-popup-error h2{margin:8px 0}.checkout-popup-success p,.checkout-popup-error p{color:#667085;line-height:1.5}
.checkout-popup-summary{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;text-align:left;background:#f8fafc;border:1px solid #e7edf3;border-radius:15px;padding:14px;margin:17px 0}.checkout-popup-summary span{color:#667085;font-size:12px}.checkout-popup-summary b{text-align:right;font-size:13px}
.security-iframe-card{width:min(540px,96vw);height:min(690px,92vh);padding:0;overflow:hidden}.security-iframe-card iframe{width:100%;height:100%;border:0;background:#fff}.security-code-modal .mexa-modal-close{box-shadow:0 3px 12px rgba(15,23,42,.08)}
.security-auth-light,.security-auth-light.auth-page{background:#f8fafc!important;color:#111827!important;color-scheme:light!important}.security-auth-light .auth-card{background:#fff!important;color:#111827!important;border:1px solid #e5ebf1!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important}.security-auth-light input{background:#fff!important;color:#111827!important;border-color:#dbe3ec!important}.security-auth-light .muted{color:#667085!important}.security-embedded{min-height:100vh!important;padding:24px 14px!important}.security-embedded .security-auth-card{margin:auto!important;box-shadow:none!important;border:0!important;width:100%!important;max-width:490px!important}.security-embedded .backlink{display:none!important}
.public-live-services-wrap{max-width:1200px;margin:0 auto;padding:0 24px 18px}.public-live-services-card{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:17px 18px;box-shadow:0 10px 35px rgba(15,23,42,.04)}.public-live-services-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.public-live-services-head h3{margin:2px 0 0;font-size:18px}.live-now-pill{display:flex;align-items:center;gap:7px;background:#ecfdf3;color:#067647;border:1px solid #abefc6;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.live-now-pill i,.status-live-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #ecfdf3;display:inline-block;flex:none}.public-live-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-live-service-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:13px;background:#f8fafc;border:1px solid #eef2f6}.public-live-service-item b,.public-live-service-item small{display:block}.public-live-service-item b{font-size:13px}.public-live-service-item small{font-size:11px;color:#667085;margin-top:2px;line-height:1.35}.public-live-service-item .status-live-dot{margin-top:5px}
.admin-active-service-list{display:grid;gap:9px}.admin-active-service-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5eaf0;border-radius:14px;padding:12px}.admin-active-service-row>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.admin-active-service-row b,.admin-active-service-row small{grid-column:2;display:block}.admin-active-service-row small{color:#667085;margin-top:2px}.admin-active-service-row.is-off{opacity:.58}.admin-active-service-row.is-off .status-live-dot{background:#98a2b3;box-shadow:0 0 0 4px #f2f4f7}.admin-active-service-row .row-actions{display:flex;gap:7px}.admin-active-service-row form{margin:0}
@media(max-width:760px){.mexa-modal-backdrop{padding:8px}.mexa-modal-card{width:100%;border-radius:20px;padding:19px}.security-iframe-card{height:94vh;padding:0}.public-live-services-wrap{padding:0 14px 12px}.public-live-services-grid{grid-template-columns:1fr}.public-live-services-head{align-items:flex-start}.admin-active-service-row{align-items:flex-start;flex-direction:column}.admin-active-service-row .row-actions{width:100%}.admin-active-service-row .row-actions form{flex:1}.admin-active-service-row .row-actions .btn{width:100%}}

/* ===== V11.9 PAGO CEP CLIENTE FINAL ===== */
.guest-payment-section{background:#fbfdff;border:1px solid #dfe8f2;border-radius:16px;padding:16px!important}
.guest-bank-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:10px 0 14px}
.bank-amount{background:#eff6ff;border:1px solid #dbeafe;border-radius:13px;padding:11px 14px;min-width:145px}.bank-amount small,.bank-amount strong{display:block}.bank-amount small{font-size:10px;color:#64748b}.bank-amount strong{margin-top:3px;font-size:17px;color:#1d4ed8}
.order-payment-validate-form{background:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;padding:8px}
@media(max-width:680px){.guest-bank-box{grid-template-columns:1fr}.bank-amount{min-width:0}}

/* ===== V12 CONTROL CENTER ===== */
.control-head{align-items:flex-start}.cc-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cc-head-actions form{margin:0}
.cc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.cc-kpi{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:16px;box-shadow:0 8px 28px rgba(15,23,42,.035)}.cc-kpi small,.cc-kpi span{display:block;color:#667085}.cc-kpi small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cc-kpi b{display:block;font-size:23px;margin:7px 0 4px;color:#101828}.cc-kpi span{font-size:10px;line-height:1.35}.cc-kpi.needs-attention{border-color:#fecaca;background:#fffafa}.cc-kpi.needs-attention b{color:#b42318}
.cc-alert-stack{display:grid;gap:8px;margin:0 0 18px}.cc-alert{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;color:#101828;text-decoration:none}.cc-alert>div b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px}.cc-alert span strong,.cc-alert span small{display:block}.cc-alert span strong{font-size:12px}.cc-alert span small{font-size:10px;color:#667085;margin-top:2px}.cc-alert em{font-size:10px;font-style:normal;font-weight:800}.cc-alert.danger{border-color:#fecaca}.cc-alert.danger>div b{background:#fef2f2;color:#b42318}.cc-alert.warning{border-color:#fde68a}.cc-alert.warning>div b{background:#fffbeb;color:#b54708}.cc-alert.info>div b{background:#eff6ff;color:#175cd3}
.cc-grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.cc-grid-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:16px}.cc-provider-panel .panel-head p,.cc-top-panel .panel-head p{margin:3px 0 0;font-size:10px;color:#667085}.cc-provider-list{display:grid;gap:7px}.cc-provider-row{display:grid;grid-template-columns:minmax(190px,1.5fr) .65fr .7fr .65fr .95fr;gap:12px;align-items:center;padding:11px 12px;border:1px solid #edf0f4;border-radius:13px;text-decoration:none;color:#101828;background:#fff}.cc-provider-row:hover{border-color:#cad5e2;background:#fcfdff}.cc-provider-row>div>small{display:block;font-size:9px;color:#98a2b3;margin-bottom:3px}.cc-provider-row>div>strong{font-size:11px}.cc-provider-name{display:flex;align-items:center;gap:10px}.cc-provider-name b,.cc-provider-name small{display:block}.cc-provider-name b{font-size:12px}.cc-provider-name small{font-size:9px;color:#667085;margin-top:2px}.cc-health-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px #f2f4f7}.cc-health-dot.ok{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.cc-health-dot.warn{background:#f79009;box-shadow:0 0 0 4px #fffaeb}.cc-health-dot.bad{background:#f04438;box-shadow:0 0 0 4px #fef3f2}.cc-status{font-size:9px!important;padding:5px 7px;border-radius:999px;background:#f2f4f7}.cc-status.ok{color:#027a48;background:#ecfdf3}.cc-status.warn{color:#b54708;background:#fffaeb}.cc-status.bad{color:#b42318;background:#fef3f2}
.cc-top-list{display:grid;gap:7px}.cc-top-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #edf0f4;border-radius:12px}.cc-top-list>div>b{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;font-size:10px}.cc-top-list span strong,.cc-top-list span small{display:block}.cc-top-list span strong{font-size:11px}.cc-top-list span small{font-size:9px;color:#667085}.cc-top-list em{font-style:normal;font-size:11px;font-weight:900}.cc-activity{display:grid;gap:2px}.cc-activity>div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:start;padding:9px 2px;border-bottom:1px solid #f0f2f5}.cc-activity>div>span{color:#2563eb}.cc-activity p{margin:0}.cc-activity p strong,.cc-activity p small{display:block}.cc-activity p strong{font-size:10px}.cc-activity p small,.cc-activity time{font-size:9px;color:#98a2b3}.empty-card{padding:20px;color:#667085;text-align:center}
@media(max-width:1250px){.cc-kpis{grid-template-columns:repeat(3,1fr)}.cc-provider-row{grid-template-columns:minmax(180px,1.2fr) .6fr .7fr .6fr}.cc-provider-row>div:last-child{display:none}}
@media(max-width:900px){.cc-grid-main,.cc-grid-bottom{grid-template-columns:1fr}.cc-kpis{grid-template-columns:repeat(2,1fr)}.cc-provider-row{grid-template-columns:1fr auto}.cc-provider-row>div:nth-child(n+3){display:none}}
@media(max-width:560px){.cc-kpis{grid-template-columns:1fr 1fr;gap:8px}.cc-kpi{padding:12px}.cc-kpi b{font-size:18px}.cc-head-actions{width:100%}.cc-head-actions form,.cc-head-actions .btn{flex:1}.cc-head-actions button{width:100%}.cc-alert{grid-template-columns:30px 1fr}.cc-alert em{display:none}}

/* ===== V12.1 PRECIOS / FALLBACK SEGURO ===== */
.auto-price-box{margin-top:16px;padding:16px;border:1px solid #dbe7f3;border-radius:16px;background:#f8fbff}
.auto-price-box>.check{margin-bottom:13px}
.auto-price-box>.check span{display:grid;gap:3px}
.auto-price-box>.check small{color:#667085;font-weight:500}
.cc-status.warn{white-space:nowrap}

/* ===== V12.2 COSTO REAL API EN ADMIN ===== */
.api-cost-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px}
.api-cost-preview{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:13px 14px;display:grid;gap:3px}
.api-cost-preview small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:800}
.api-cost-preview strong{font-size:18px;color:#111827}
.api-cost-preview span{font-size:11px;color:#667085}
@media(max-width:760px){.api-cost-preview-grid{grid-template-columns:1fr}}

/* ===== V12.4 MONEDA API / REINSTALACION ===== */
.api-currency-select{min-width:150px;font-size:13px}
.api-catalog-table td small{display:block;margin-top:4px;color:#667085}

/* ===== V12.5 AUTO CAMPOS API ===== */
.api-required-preview{display:inline-block;max-width:240px;font-size:12px;line-height:1.35;font-weight:700;color:#344054}
.badge.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}


/* ===== V12.7 COMPACT SERVICE + MOBILE LOGIN + INTERNAL PAGES ===== */
.service-public-topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e8edf2}
.service-mobile-actions{display:none;align-items:center;gap:7px}
.service-mobile-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border:1px solid #dbe4eb;border-radius:11px;background:#fff;color:#243247;text-decoration:none;font-size:11px;font-weight:850}
.service-mobile-actions a:last-child{background:#087f98;color:#fff;border-color:#087f98}
.service-page{max-width:1060px;padding-top:18px}
.service-shell{grid-template-columns:minmax(0,.76fr) minmax(430px,1.24fr);gap:16px}
.service-info-card{padding:18px;top:78px;border-radius:18px;box-shadow:0 9px 28px rgba(16,24,40,.045)}
.order-form-card{border-radius:18px;box-shadow:0 12px 34px rgba(16,24,40,.055)}
.service-title-row{display:flex;align-items:start;justify-content:space-between;gap:10px}
.service-title-row h1{font-size:clamp(24px,3.2vw,34px);margin:5px 0 4px}
.service-title-row .neon-service-badge{margin:0;white-space:nowrap}
.service-primary-kpis{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:7px;margin:13px 0}
.service-primary-kpis>div{min-width:0;padding:10px 11px;border:1px solid #e9eef3;border-radius:12px;background:#f8fafc}
.service-primary-kpis small{display:block;color:#758295;font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.service-primary-kpis strong{display:block;color:#1e293b;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.service-primary-kpis .price{background:#edf8fa;border-color:#d3edf2}.service-primary-kpis .price strong{font-size:17px;color:#087f98}
.service-flash-note.compact{margin:9px 0;padding:9px 11px;border-radius:11px;font-size:11px}
.compact-gallery{display:flex;gap:7px;margin:10px 0;overflow:auto}.compact-gallery img{width:72px;height:72px;border-radius:11px;object-fit:cover;flex:0 0 auto}
.service-more-details{margin-top:10px;border:1px solid #e5ebf0;border-radius:12px;background:#fff;overflow:hidden}
.service-more-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:11px;font-weight:850;color:#344256}
.service-more-details summary::-webkit-details-marker{display:none}.service-more-details summary span{font-size:16px;color:#8190a2}
.service-more-details[open] summary span{transform:rotate(45deg)}
.service-more-body{padding:0 12px 11px;border-top:1px solid #edf1f4;color:#667085;font-size:11px;line-height:1.55}
.service-more-body p{margin:9px 0}.service-more-body b{color:#344054}
.compact-info-box{padding:9px 10px!important;margin-top:8px!important}.detail-chip{font-size:10px!important;padding:5px 7px!important}
.compact-safe{padding:9px 10px;margin-top:9px;font-size:11px}.compact-safe span{font-size:10px}
.guest-progress{margin-bottom:10px!important}.guest-help-banner{margin-bottom:12px!important;padding:10px 12px!important}
.order-form-card{padding:18px}.form-title{padding-bottom:12px}.compact-form{gap:13px;margin-top:13px}.form-section{gap:9px}.form-section h3{font-size:12px}
.field-wrap{gap:4px}.field-wrap input,.field-wrap select,.field-wrap textarea{min-height:42px;padding:9px 10px;font-size:16px}.field-wrap textarea{min-height:72px}
.order-submit{min-height:47px}

.auth-mobile-top{display:none}

.custom-page-topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e6ebef}
.custom-page-nav{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:12px}.custom-page-nav a{padding:8px 9px;border-radius:9px;color:#59677a;text-decoration:none;font-size:11px;font-weight:800}.custom-page-nav a:hover,.custom-page-nav a.active{background:#eef7f9;color:#087f98}
.public-mobile-menu{display:none;border:1px solid #dce4ea;background:#fff;border-radius:10px;width:40px;height:40px;font-size:18px}
.custom-mobile-drawer{display:none}
.custom-page-shell{max-width:1120px;margin:0 auto;padding:34px 18px 54px;min-height:calc(100vh - 150px)}
.custom-page-card{background:#fff;border:1px solid #e4eaef;border-radius:20px;box-shadow:0 14px 38px rgba(16,24,40,.055);overflow:hidden}
.custom-page-heading{padding:22px 24px 16px;border-bottom:1px solid #edf1f4}.custom-page-heading h1{margin:5px 0 0;font-size:clamp(25px,4vw,40px)}
.custom-page-content{padding:24px;color:#344054;font-size:14px;line-height:1.7}.custom-page-content h2,.custom-page-content h3{color:#172033}.custom-page-content img{max-width:100%;height:auto;border-radius:14px}.custom-page-content table{width:100%;border-collapse:collapse}.custom-page-content td,.custom-page-content th{padding:9px;border-bottom:1px solid #e7ecf0;text-align:left}
.custom-blank-section{min-height:180px}.custom-callout{padding:16px;border:1px solid #dce8ee;border-radius:14px;background:#f8fbfc;margin:14px 0}
.custom-page-admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;align-items:start}.custom-page-list{position:sticky;top:85px}
.page-builder-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:10px;border:1px solid #e5ebf0;border-radius:12px;background:#f8fafc}
#pageHtmlEditor{width:100%;min-height:390px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}
.page-shortcodes{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:#667085}.page-shortcodes code{padding:5px 7px;border:1px solid #e1e8ee;border-radius:7px;background:#f8fafc}

@media(max-width:900px){
 .service-shell{grid-template-columns:1fr}.service-info-card{position:static}
 .custom-page-admin-grid{grid-template-columns:1fr}.custom-page-list{position:static}
 .custom-page-nav{display:none}.public-mobile-menu{display:block}.custom-page-topbar .top-actions{display:none}
 .custom-mobile-drawer{position:fixed;left:10px;right:10px;top:72px;z-index:39;padding:10px;border:1px solid #dfe7ed;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(20,35,55,.16)}
 .public-menu-open .custom-mobile-drawer{display:grid;gap:4px}.custom-mobile-drawer a{padding:11px 12px;border-radius:9px;color:#344256;text-decoration:none;font-size:13px;font-weight:800}.custom-mobile-drawer a:hover{background:#f1f7f9}
}
@media(max-width:700px){
 .service-page{padding:10px 10px 28px}
 .service-public-topbar{min-height:62px!important;padding:0 10px!important}
 .service-public-topbar .brand-lockup small{display:none}.service-public-topbar .brand-lockup b{font-size:12px}.service-public-topbar .brand-mark{width:34px;height:34px;border-radius:10px}
 .service-desktop-actions{display:none!important}.service-mobile-actions{display:flex}
 .guest-progress{display:none!important}.guest-help-banner{font-size:10px!important}
 .service-info-card{padding:13px;border-radius:15px}.service-title-row h1{font-size:22px;line-height:1.08}.service-title-row .neon-service-badge{font-size:8px;padding:5px 7px}
 .service-primary-kpis{grid-template-columns:1.15fr 1fr 1fr;margin:10px 0}.service-primary-kpis>div{padding:8px}.service-primary-kpis strong{font-size:10px}.service-primary-kpis .price strong{font-size:14px}
 .compact-gallery img{width:58px;height:58px}.service-more-details summary{padding:9px 10px}
 .order-form-card{padding:13px;border-radius:15px}.form-title h2{font-size:18px}.form-title .eyebrow{font-size:8px}.form-price{font-size:14px}
 .compact-form{margin-top:10px;gap:11px}.responsive-fields{gap:9px}.field-wrap input,.field-wrap select,.field-wrap textarea{font-size:16px!important}
 .service-safe-note{margin-bottom:0}
 .auth-mobile-top{position:fixed;z-index:50;left:0;right:0;top:0;height:52px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ecf0;backdrop-filter:blur(14px)}
 .auth-mobile-top a{color:#087f98;text-decoration:none;font-size:12px;font-weight:850}
 .auth-v113-shell{display:block!important;min-height:100dvh!important;padding-top:52px!important}
 .auth-v113-showcase{display:none!important}
 .auth-v113-formside{min-height:calc(100dvh - 52px)!important;width:100%!important;padding:16px 12px 20px!important;justify-content:flex-start!important}
 .auth-v113-card{width:100%!important;max-width:470px!important;padding:22px 17px 20px!important;border-radius:18px!important;box-shadow:0 10px 34px rgba(25,43,67,.06)!important;margin-top:8px!important}
 .auth-v113-mobile-brand{display:flex!important;margin-bottom:18px!important}.auth-v113-heading h2{font-size:27px!important}.auth-v113-heading p{margin-bottom:18px!important}
 .auth-v113-input input{height:50px!important;font-size:16px!important}.auth-v113-copyright{margin-top:14px!important;padding-bottom:10px}
 .custom-page-shell{padding:16px 10px 32px}.custom-page-card{border-radius:15px}.custom-page-heading{padding:17px 15px 12px}.custom-page-content{padding:16px;font-size:13px}
}


/* ===== V12.7.1 CLIENT ORDER GRIDS: 3 / 2 / 1 ===== */
.service-group-section{margin-bottom:22px}
.service-group-heading{margin-bottom:9px}
.service-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.service-grid-card{
  min-width:0;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px;
  padding:12px!important;
  min-height:148px;
  border:1px solid #dfe7ed!important;
  border-radius:14px!important;
  background:#fff!important;
  text-decoration:none!important;
  color:#172033!important;
  box-shadow:0 7px 20px rgba(25,43,67,.045)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.service-grid-card:hover{
  transform:translateY(-2px);
  border-color:#bcdde5!important;
  box-shadow:0 11px 28px rgba(25,43,67,.075)!important;
}
.service-grid-card-top{display:flex;align-items:center;gap:8px;min-width:0}
.service-grid-card .service-row-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:10px!important;font-size:15px!important;
}
.service-grid-group{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#7a8798
}
.service-grid-card .service-simple-title{display:block;min-width:0}
.service-grid-card .service-simple-title b{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  font-size:13px;line-height:1.3;min-height:34px;color:#172033!important
}
.service-grid-card .service-simple-title small{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  margin-top:4px;font-size:10px!important;line-height:1.35;color:#7b8898!important;min-height:27px
}
.service-grid-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.service-grid-meta span{
  max-width:100%;padding:4px 6px;border-radius:7px;background:#f4f7f9;
  font-size:9px;color:#647386;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.service-grid-card .service-simple-side{
  margin-top:auto;padding-top:8px;border-top:1px solid #edf1f4;
  display:flex;align-items:center;justify-content:space-between;gap:8px
}
.service-grid-card .service-simple-side strong{font-size:14px!important;color:#087f98!important}
.service-grid-card .service-simple-side i{
  font-style:normal!important;font-size:9px!important;font-weight:900!important;color:#087f98!important;
  background:#edf8fa;padding:6px 8px;border-radius:8px
}
@media(max-width:980px){
  .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .service-card-grid{grid-template-columns:1fr;gap:8px}
  .service-grid-card{
    min-height:0;padding:10px!important;
    grid-template-columns:auto 1fr!important;
    column-gap:9px;row-gap:6px
  }
  .service-grid-card-top{grid-row:1/4;display:block}
  .service-grid-card .service-row-icon{margin-bottom:5px}
  .service-grid-group{display:none}
  .service-grid-card .service-simple-title b{min-height:0;font-size:12px}
  .service-grid-card .service-simple-title small{min-height:0;-webkit-line-clamp:1}
  .service-grid-meta{grid-column:2}
  .service-grid-card .service-simple-side{grid-column:2;padding-top:6px}
}


/* ===== V12.7.2 BANNER IMAGE CAROUSEL ===== */
.banner-admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start}
.banner-list-panel{position:sticky;top:84px}
.banner-image-admin-list{margin-top:18px;padding-top:16px;border-top:1px solid #e8edf2}
.banner-image-admin-list h4{margin:0 0 10px}
.banner-image-admin-item{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid #e3e9ee;border-radius:12px;background:#fafcfd;margin-bottom:8px}
.banner-image-admin-item img{width:110px;height:58px;object-fit:cover;border-radius:8px;background:#eef2f5}
.banner-image-admin-item b,.banner-image-admin-item small{display:block}.banner-image-admin-item small{font-size:9px;color:#788697;overflow-wrap:anywhere;margin-top:2px}

.public-banner-carousel{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 0 20px;
  overflow:hidden;
  background:#0f172a;
  min-height:260px;
}
.public-banner-slides{position:relative;width:100%;height:clamp(260px,31vw,500px)}
.public-banner-slide{
  position:absolute;inset:0;opacity:0;transition:opacity .7s ease;
}
.public-banner-slide.active{opacity:1;z-index:1}
.public-banner-slide img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
.public-banner-overlay{
  position:absolute;z-index:3;left:0;right:0;bottom:0;
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding:clamp(22px,4vw,50px) clamp(18px,6vw,80px) clamp(22px,4vw,48px);
  background:linear-gradient(to top,rgba(8,15,28,.74),rgba(8,15,28,.10) 72%,transparent);
  color:#fff;
}
.public-banner-overlay>div{max-width:720px}
.public-banner-overlay span{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.public-banner-overlay h3{margin:0 0 7px;color:#fff!important;font-size:clamp(24px,3.4vw,46px);line-height:1.02;letter-spacing:-.035em}
.public-banner-overlay p{margin:0;color:rgba(255,255,255,.88)!important;font-size:clamp(12px,1.4vw,16px);line-height:1.5}
.public-banner-overlay .btn{flex:0 0 auto}
.public-banner-dots{
  position:absolute;z-index:4;left:50%;bottom:10px;transform:translateX(-50%);
  display:flex;gap:6px
}
.public-banner-dots button{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:.2s
}
.public-banner-dots button.active{width:24px;background:#fff}

@media(max-width:900px){
  .banner-admin-grid{grid-template-columns:1fr}.banner-list-panel{position:static}
}
@media(max-width:680px){
  .public-banner-carousel{margin-bottom:12px;min-height:180px}
  .public-banner-slides{height:clamp(180px,52vw,280px)}
  .public-banner-overlay{padding:18px 14px 22px;display:block}
  .public-banner-overlay h3{font-size:24px}.public-banner-overlay p{font-size:11px}
  .public-banner-overlay .btn{margin-top:10px;min-height:38px;padding:9px 12px}
  .banner-image-admin-item{grid-template-columns:82px 1fr}.banner-image-admin-item img{width:82px;height:52px}.banner-image-admin-item form{grid-column:1/-1}
}


/* ===== V12.7.3 BANNER HORIZONTAL LIMPIO 1920x500 ===== */
.public-banner-carousel{
  width:min(100%,1200px)!important;
  margin:18px auto 20px!important;
  min-height:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#111827!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
.public-banner-slides{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1920 / 500!important;
  min-height:0!important;
}
.public-banner-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.public-banner-overlay{
  padding:clamp(14px,2vw,26px) clamp(16px,3vw,34px) clamp(16px,2vw,28px)!important;
  background:linear-gradient(to top,rgba(8,15,28,.68),rgba(8,15,28,.08) 68%,transparent)!important;
}
.public-banner-overlay h3{
  font-size:clamp(20px,2.8vw,36px)!important;
}
.public-banner-overlay p{
  font-size:clamp(11px,1.2vw,14px)!important;
}
.public-banner-dots{
  bottom:8px!important;
}
@media(max-width:680px){
  .public-banner-carousel{
    width:calc(100% - 20px)!important;
    margin:12px 10px 14px!important;
    border-radius:13px!important;
  }
  .public-banner-slides{
    aspect-ratio:16 / 5!important;
    min-height:0!important;
  }
  .public-banner-overlay{
    padding:12px 12px 17px!important;
  }
  .public-banner-overlay h3{
    font-size:18px!important;
    margin-bottom:4px!important;
  }
  .public-banner-overlay p{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:10px!important;
  }
  .public-banner-overlay .btn{
    margin-top:7px!important;
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
}


/* ===== V12.8 HOSTINGER / PRODUCCION ===== */
.hostinger-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 18px}
.hostinger-check{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:11px}
.hostinger-check b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.hostinger-check.ok b{background:#ecfdf3;color:#067647}.hostinger-check.bad b{background:#fff1f3;color:#b42318}
.production-status{padding:12px 14px;border-radius:13px;margin:12px 0}.production-status.ok{background:#ecfdf3;color:#067647}.production-status.bad{background:#fff1f3;color:#b42318}
.production-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.production-check{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #e4e9ef;border-radius:12px;background:#fff}
.production-check>b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:none}.production-check.ok>b{background:#ecfdf3;color:#067647}.production-check.bad>b{background:#fff1f3;color:#b42318}
.production-check strong,.production-check small{display:block}.production-check strong{font-size:12px}.production-check small{font-size:10px;color:#667085;margin-top:3px;overflow-wrap:anywhere}
@media(max-width:680px){.hostinger-check-grid,.production-check-list{grid-template-columns:1fr}}


/* ===== V12.8.2 REGISTRO PUBLICO + VERIFICACION ===== */
.register-public-page{min-height:100dvh;display:flex;flex-direction:column;background:#f7f9fc!important;color:#111827}
.register-public-page .register-topbar{position:sticky;top:0;z-index:80}
.register-public-main{flex:1;width:100%;padding:44px 18px 56px}
.register-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:48px;align-items:center}
.register-copy{padding:20px 10px}.register-copy h1{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 16px;max-width:720px}
.register-copy>p{max-width:650px;color:#667085;font-size:16px;line-height:1.7}
.register-benefits{display:grid;gap:10px;margin-top:26px;max-width:620px}
.register-benefits>div{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e5eaf0;border-radius:14px;background:#fff}
.register-benefits>div>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#2563eb}
.register-benefits span,.register-benefits strong,.register-benefits small{display:block}.register-benefits small{color:#667085;margin-top:2px}
.register-card{width:100%;max-width:none!important;margin:0!important;box-shadow:0 18px 60px rgba(15,23,42,.09)!important}
.register-card input,.register-card select,.register-card textarea{font-size:16px}
.register-resend{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:14px}
.register-resend summary{cursor:pointer;font-weight:700;color:#334155}
.register-resend form{margin-top:12px}
.register-resend small{color:#667085;line-height:1.45}
.register-footer{margin-top:auto}
.verify-public-main{flex:1;display:grid;place-items:center;padding:55px 18px}
.verify-public-card{width:min(100%,560px);background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 60px rgba(15,23,42,.08);border-radius:22px;padding:34px}
@media(max-width:860px){
 .register-shell{grid-template-columns:1fr;gap:20px;max-width:620px}
 .register-copy{padding:0 4px}.register-copy h1{font-size:34px}
}
@media(max-width:700px){
 .register-public-main{padding:18px 10px 34px}
 .register-copy{display:none}
 .register-card{border-radius:18px!important;padding:20px 16px!important}
 .register-topbar nav{display:none!important}
 .register-topbar .top-actions .btn.ghost{display:none}
 .register-topbar .top-actions .btn.primary{display:inline-flex!important}
 .verify-public-main{padding:24px 10px}
 .verify-public-card{padding:24px 18px}
}


/* ===== V12.8.3 SELECTOR DE BANCO CLARO ===== */
.bank-select-section{display:grid;gap:12px}
.bank-account-details{
  margin-top:4px;padding:16px;border:1px solid #dbe4ee;border-radius:16px;
  background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)
}
.bank-account-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #edf1f5}
.bank-account-head h4{margin:4px 0 0;font-size:22px;letter-spacing:-.02em}
.bank-selected-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:10px;font-weight:800;white-space:nowrap}
.bank-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.bank-detail-grid>div{position:relative;padding:12px;border:1px solid #e5eaf0;border-radius:12px;background:#f8fafc;min-width:0}
.bank-detail-grid small{display:block;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.bank-detail-grid strong{display:block;color:#111827;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.bank-number-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;letter-spacing:.03em;padding-right:70px;word-break:break-all}
.copy-bank-btn{position:absolute;right:9px;bottom:9px;border:1px solid #d8e0ea;background:#fff;color:#334155;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}
.copy-bank-btn:hover{background:#f1f5f9}
.bank-detail-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#334155;font-size:11px;line-height:1.45}
.bank-picker-box{align-items:end}
.guest-bank-details{margin-top:12px}
#paymentAccount,#guestPaymentAccount{font-size:16px!important}
@media(max-width:680px){
  .bank-detail-grid{grid-template-columns:1fr}
  .bank-account-head{flex-direction:column}
  .bank-number-row strong{font-size:16px}
}


/* ===== V12.8.4 INFORMACION IMPORTANTE RICA / COMPACTA ===== */
.service-important-card{
  margin:14px 0 12px;padding:15px;border:1px solid #e1e8f0;border-radius:16px;
  background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04);overflow:hidden
}
.service-important-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.service-important-head h2{margin:2px 0 0;font-size:17px;line-height:1.25;letter-spacing:-.02em}
.service-important-section{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}
.service-important-section h3{margin:0 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#475467}
.service-rich-content{font-size:13px;line-height:1.55;color:#344054;overflow-wrap:anywhere}
.service-rich-content>:first-child{margin-top:0}.service-rich-content>:last-child{margin-bottom:0}
.service-rich-content p{margin:6px 0}.service-rich-content h1,.service-rich-content h2,.service-rich-content h3,.service-rich-content h4{margin:10px 0 6px;line-height:1.25;color:#101828}
.service-rich-content h1{font-size:21px}.service-rich-content h2{font-size:18px}.service-rich-content h3{font-size:15px}.service-rich-content h4{font-size:14px}
.service-rich-content ul,.service-rich-content ol{margin:7px 0;padding-left:21px}.service-rich-content li{margin:3px 0}
.service-rich-content blockquote{margin:8px 0;padding:9px 12px;border-left:3px solid #98a2b3;background:#f8fafc;border-radius:0 9px 9px 0}
.service-rich-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:9px 0}
.service-rich-content th,.service-rich-content td{border:1px solid #e4e7ec;padding:7px 9px;text-align:left;white-space:nowrap}
.service-rich-content a{color:#2563eb;text-decoration:underline}
.service-rich-content .service-rich-image,
.service-rich-content img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;margin:9px auto!important;border-radius:11px}
.service-code-block{max-width:100%;overflow:auto;margin:8px 0;padding:10px 12px;border-radius:10px;background:#101828;color:#e4e7ec;font-size:11px;line-height:1.5}
.service-code-block code{white-space:pre-wrap;word-break:break-word}
.service-important-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.service-important-images figure{margin:0;min-width:0;aspect-ratio:16/10;border:1px solid #e4e7ec;border-radius:11px;background:#f8fafc;overflow:hidden;display:grid;place-items:center}
.service-important-images img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.service-info-card .service-primary-kpis{margin-top:10px}
.service-info-card .compact-info-box{margin-top:10px}
@media(max-width:700px){
  .service-important-card{margin:10px 0;padding:12px;border-radius:14px}
  .service-important-head h2{font-size:15px}
  .service-rich-content{font-size:12px;line-height:1.5}
  .service-important-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .service-rich-content .service-rich-image,.service-rich-content img{max-height:260px!important}
}
@media(max-width:430px){
  .service-important-images{grid-template-columns:1fr}
  .service-important-images figure{aspect-ratio:16/9}
}


/* ===== V12.8.5 INFORMACION ABRIR/CERRAR + ANTI-DISTORSION ===== */
.service-more-details.service-important-card{
  display:block;margin:12px 0 10px;padding:0!important;border:1px solid #e1e8f0!important;
  border-radius:15px!important;background:#fff!important;overflow:hidden!important;
  box-shadow:0 5px 18px rgba(15,23,42,.04)!important;max-width:100%!important
}
.service-more-details.service-important-card>summary{
  list-style:none;display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;padding:12px 14px!important;background:#fff!important;min-width:0
}
.service-more-details.service-important-card>summary::-webkit-details-marker{display:none}
.service-more-details.service-important-card>summary>div{min-width:0}
.service-more-details.service-important-card>summary .eyebrow{display:block;font-size:9px;line-height:1.2}
.service-more-details.service-important-card>summary strong{display:block;margin-top:2px;font-size:14px;line-height:1.25;color:#101828;white-space:normal}
.service-info-toggle{display:flex;align-items:center;gap:7px;flex:none;font-size:10px;color:#475467}
.service-info-toggle b{font-size:10px;white-space:nowrap}.service-info-toggle .close-label{display:none}
.service-info-toggle i{width:24px;height:24px;border-radius:8px;background:#f2f4f7;display:grid;place-items:center;font-style:normal;font-size:16px;transition:transform .2s ease}
.service-more-details.service-important-card[open] .service-info-toggle .open-label{display:none}
.service-more-details.service-important-card[open] .service-info-toggle .close-label{display:inline}
.service-more-details.service-important-card[open] .service-info-toggle i{transform:rotate(45deg)}
.service-important-body{
  border-top:1px solid #edf1f5;padding:12px 14px 14px;max-width:100%;min-width:0;overflow:hidden
}
.service-important-card .service-rich-content{
  max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important;
  font-size:12.5px!important;line-height:1.48!important
}
.service-important-card.is-long .service-rich-content{font-size:11.5px!important;line-height:1.45!important}
.service-important-card.is-very-long .service-rich-content{font-size:10.8px!important;line-height:1.42!important}
.service-important-card.is-very-long .service-important-body{
  max-height:620px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable
}
.service-important-card .service-rich-content *{max-width:100%;box-sizing:border-box}
.service-important-card .service-rich-content p,
.service-important-card .service-rich-content li,
.service-important-card .service-rich-content div,
.service-important-card .service-rich-content span{overflow-wrap:anywhere}
.service-important-card .service-rich-content pre,
.service-important-card .service-rich-content code{max-width:100%;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word}
.service-important-card .service-rich-content table{
  width:max-content!important;min-width:100%;max-width:none!important;display:table!important
}
.service-important-card .service-rich-content table:only-child{display:table!important}
.service-important-card .service-important-section{margin-top:10px;padding-top:10px}
.service-important-card .service-important-images{margin-top:9px}
.service-important-card .service-important-images figure{max-height:190px;aspect-ratio:16/9}
.service-important-card .service-important-images img{max-height:190px!important;object-fit:contain!important}
@media(max-width:700px){
  .service-more-details.service-important-card>summary{padding:10px 11px!important}
  .service-more-details.service-important-card>summary strong{font-size:13px}
  .service-info-toggle b{font-size:9px}
  .service-important-body{padding:10px 11px 12px}
  .service-important-card .service-rich-content{font-size:11.5px!important}
  .service-important-card.is-long .service-rich-content{font-size:10.8px!important}
  .service-important-card.is-very-long .service-rich-content{font-size:10.2px!important}
  .service-important-card.is-very-long .service-important-body{max-height:520px}
  .service-important-card .service-important-images figure{max-height:160px}
  .service-important-card .service-important-images img{max-height:160px!important}
}


/* ===== V12.8.6 INFO DEL SERVICIO EN MODAL ===== */
.service-info-launch{
  margin:12px 0 10px;padding:11px 12px;border:1px solid #e1e8f0;border-radius:14px;
  background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:0 5px 18px rgba(15,23,42,.04)
}
.service-info-launch>div{min-width:0}
.service-info-launch strong{display:block;margin-top:2px;font-size:13px;line-height:1.25;color:#101828}
.service-info-launch small{display:block;margin-top:3px;color:#667085;font-size:10px;line-height:1.35}
.service-info-open{flex:none;min-height:34px;padding:7px 11px;font-size:11px}

.service-info-modal-backdrop{
  position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.58);
  display:grid;place-items:center;padding:18px
}
.service-info-modal-card{
  width:min(760px,96vw);max-height:min(86dvh,820px);padding:0!important;
  border-radius:20px!important;background:#fff;overflow:hidden;
  box-shadow:0 28px 90px rgba(15,23,42,.28)
}
.service-info-modal-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:16px 18px;border-bottom:1px solid #e9eef4;background:#fff
}
.service-info-modal-head h2{margin:3px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.service-info-modal-scroll{
  overflow:auto;overscroll-behavior:contain;max-height:calc(min(86dvh,820px) - 142px);
  padding:14px 18px 18px;scrollbar-gutter:stable
}
.service-info-modal-section{max-width:100%;min-width:0}
.service-info-modal-section+.service-info-modal-section{
  margin-top:14px;padding-top:14px;border-top:1px solid #edf1f5
}
.service-info-modal-section h3{
  margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#475467
}
.service-info-modal-card .service-rich-content{
  font-size:12px!important;line-height:1.48!important;max-width:100%!important;
  overflow-wrap:anywhere!important;word-break:normal!important
}
.service-info-modal-card .service-rich-content *{max-width:100%;box-sizing:border-box}
.service-info-modal-card .service-rich-content pre,
.service-info-modal-card .service-rich-content code{
  white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important
}
.service-info-modal-card .service-rich-content img,
.service-info-modal-card .service-rich-image{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:320px!important;object-fit:contain!important;margin:9px auto!important
}
.service-info-modal-card .service-rich-content table{
  display:block!important;max-width:100%!important;overflow-x:auto!important
}
.modal-service-images{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.modal-service-images figure{
  margin:0;aspect-ratio:16/10;max-height:180px;border:1px solid #e4e7ec;border-radius:11px;
  background:#f8fafc;overflow:hidden;display:grid;place-items:center
}
.modal-service-images img{
  width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain
}
.service-info-modal-foot{
  display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #e9eef4;background:#fff
}
.service-info-modal-foot .btn{min-width:210px}
@media(max-width:700px){
  .service-info-launch{padding:10px;align-items:flex-start}
  .service-info-launch small{display:none}
  .service-info-launch strong{font-size:12px}
  .service-info-open{font-size:10px}
  .service-info-modal-backdrop{padding:8px}
  .service-info-modal-card{width:100%;max-height:92dvh;border-radius:16px!important}
  .service-info-modal-scroll{max-height:calc(92dvh - 132px);padding:12px}
  .service-info-modal-head{padding:13px 14px}
  .service-info-modal-head h2{font-size:16px}
  .service-info-modal-card .service-rich-content{font-size:11px!important;line-height:1.45!important}
  .modal-service-images{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-info-modal-foot{padding:10px 12px}
  .service-info-modal-foot .btn{width:100%;min-width:0}
}
@media(max-width:430px){
  .modal-service-images{grid-template-columns:1fr}
}


/* ===== V12.8.7 RECARGA CEP AUTOMATICA ===== */
.cep-auto-intro{line-height:1.5}
.cep-upload-box{padding:13px;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc}
.cep-upload-box input{margin-top:8px}
.cep-upload-box small{display:block;margin-top:6px;color:#667085}
.payment-readiness-panel{margin-bottom:18px}
.payment-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-ready-item{padding:13px;border:1px solid #dbe8df;border-radius:13px;background:#f7fcf8}
.payment-ready-item.is-pending{border-color:#e4e7ec;background:#fafafa}
.payment-ready-item b{display:block;margin:8px 0 4px;font-size:13px}
.payment-ready-item small{display:block;color:#667085;font-size:11px;line-height:1.45}
@media(max-width:800px){.payment-readiness-grid{grid-template-columns:1fr}}

.cep-or-divider{display:flex;align-items:center;gap:10px;color:#98a2b3;font-size:11px}
.cep-or-divider:before,.cep-or-divider:after{content:"";height:1px;background:#e4e7ec;flex:1}


/* ===== V13.4 CARRUSEL ORIGINAL · SOLO IMAGENES ===== */
.public-banner-carousel{
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
}
.public-banner-viewport{width:100%;overflow:hidden}
.public-banner-slides{
  display:flex!important;
  flex-wrap:nowrap!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1920/500!important;
  transition:transform .62s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform;
}
.public-banner-slide{
  position:relative!important;
  inset:auto!important;
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  z-index:auto!important;
  transition:none!important;
}
.public-banner-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.public-banner-overlay{display:none!important}
.public-banner-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:rgba(15,23,42,.62);
  color:#fff;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.public-banner-prev{left:12px}
.public-banner-next{right:12px}
.public-banner-dots{z-index:6!important}
@media(max-width:680px){
  .public-banner-slides{aspect-ratio:16/5!important}
  .public-banner-arrow{width:34px;height:34px;font-size:25px}
  .public-banner-prev{left:7px}.public-banner-next{right:7px}
}

/* ===== V13.4 LOGO MEXA GSM ===== */
.brand-logo-link{display:flex!important;align-items:center!important;text-decoration:none!important}
.mexa-brand-logo{
  display:block;
  width:190px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.public-topbar .mexa-brand-logo{width:178px}
.public-drawer .mexa-brand-logo{width:170px}
.client-topbar .mexa-brand-logo{width:174px}
.client-drawer .mexa-brand-logo{width:165px}
.sidebar-brand .admin-brand-logo{width:174px}
.auth-v113-brand .auth-logo{width:235px}
.auth-v113-mobile-brand .auth-logo-mobile{width:190px}

@media(max-width:680px){
  .public-topbar .mexa-brand-logo{width:150px}
  .client-topbar .mexa-brand-logo{width:145px}
  .auth-v113-mobile-brand .auth-logo-mobile{width:170px}
}


/* ===== V13.4.1 BRANDING FÁCIL UNLOCK - LOGO ORIGINAL DEL USUARIO ===== */
.mexa-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:220px!important;
  height:54px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:10px!important;
  background:#fff!important;
}
.public-topbar .mexa-brand-logo{max-width:190px!important;height:50px!important}
.public-drawer .mexa-brand-logo{max-width:185px!important;height:50px!important}
.client-topbar .mexa-brand-logo{max-width:190px!important;height:50px!important}
.client-drawer .mexa-brand-logo{max-width:180px!important;height:48px!important}
.sidebar-brand .admin-brand-logo{max-width:185px!important;height:52px!important}
.auth-v113-brand .auth-logo{max-width:260px!important;height:78px!important}
.auth-v113-mobile-brand .auth-logo-mobile{max-width:210px!important;height:64px!important}

@media(max-width:680px){
  .public-topbar .mexa-brand-logo{max-width:160px!important;height:44px!important}
  .client-topbar .mexa-brand-logo{max-width:155px!important;height:44px!important}
  .auth-v113-mobile-brand .auth-logo-mobile{max-width:190px!important;height:58px!important}
}


/* ===== V13.5 FÁCIL UNLOCK · HOME 2026 ===== */
:root{--fu-blue:#0b73f6;--fu-navy:#10233f;--fu-line:#e6edf5;--fu-soft:#f7fbff}
.public-body{background:#f8fbfe!important;color:var(--fu-navy)!important}
.fu-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--fu-line)}
.fu-header-inner{max-width:1480px;margin:auto;height:94px;padding:0 28px;display:flex;align-items:center;gap:24px}
.fu-logo-link{display:flex;align-items:center;flex:0 0 auto}
.fu-logo-link img{width:250px;height:76px;object-fit:contain;border-radius:14px;background:#fff}
.fu-nav{display:flex;align-items:center;gap:10px;margin:auto}
.fu-nav a{height:48px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:12px;color:#162641;text-decoration:none;font-weight:700;font-size:15px}
.fu-nav a:hover,.fu-nav a.active{color:var(--fu-blue);background:#f2f7ff}
.fu-nav a.active{position:relative}
.fu-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-22px;height:3px;background:var(--fu-blue);border-radius:4px}
.fu-actions{display:flex;align-items:center;gap:10px}
.fu-theme-circle{width:44px;height:44px;border-radius:50%;border:1px solid var(--fu-line);background:#f5f8fc;font-size:20px}
.fu-login,.fu-register{min-height:46px;padding:0 18px;border-radius:12px;display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800}
.fu-login{color:#15263f;background:#f5f8fc;border:1px solid #dfe7f1}
.fu-register{color:#fff;background:var(--fu-blue);box-shadow:0 10px 22px rgba(11,115,246,.2)}
.fu-mobile-menu{display:none}
.fu-main{max-width:1480px;margin:auto;padding:18px 28px 0}
.fu-quick-search{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:16px 2px 20px}
.fu-quick-search h1{margin:5px 0 0;font-size:clamp(24px,3vw,42px);line-height:1.05;letter-spacing:-.035em;color:#10233f}
.fu-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:#4b6b8d}
.fu-search{width:min(520px,100%);flex:0 0 auto}
.public-banner-carousel{width:100%!important;max-width:none!important;margin:0 auto 18px!important;border-radius:22px!important;box-shadow:0 18px 40px rgba(27,53,84,.1)!important;border:1px solid rgba(210,225,239,.9)!important}
.public-banner-slides{aspect-ratio:1920/500!important;min-height:300px!important;max-height:470px!important}
.public-banner-slide img{object-fit:cover!important}
.public-banner-arrow{width:48px!important;height:48px!important;background:rgba(18,31,49,.66)!important}
.public-banner-dots{bottom:-28px!important}
.public-banner-dots button{background:#cbd5e1!important}
.public-banner-dots button.active{background:var(--fu-blue)!important}
.fu-brand-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:42px 0 18px}
.fu-brand-card{min-width:0;min-height:126px;padding:16px 10px;border-radius:18px;border:1px solid var(--fu-line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 24px rgba(30,55,80,.045);cursor:pointer}
.fu-brand-card:hover{transform:translateY(-2px);border-color:#c8dcf5;box-shadow:0 14px 30px rgba(11,115,246,.09)}
.fu-brand-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:#0b73f6;font-weight:900;font-size:18px}
.fu-brand-card strong{font-size:14px;color:#13263f;text-align:center}.fu-brand-card small{font-size:11px;color:#6b7c90}
.fu-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--fu-line);border-radius:18px;margin:0 0 28px;overflow:hidden}
.fu-trust-strip>div{min-height:94px;padding:18px 26px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-content:center;border-right:1px solid var(--fu-line)}
.fu-trust-strip>div:last-child{border-right:0}.fu-trust-strip span{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--fu-blue);font-size:22px}
.fu-trust-strip b{font-size:15px}.fu-trust-strip small{color:#718096}
.fu-tools-section{margin:28px 0}.fu-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.fu-section-title h2{margin:4px 0 0}
.fu-tool-chip{background:#fff!important;border:1px solid var(--fu-line)!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(33,55,83,.04)}
.fu-popular-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 8px}.fu-popular-head>div{display:flex;align-items:center;gap:10px}.fu-popular-head h2{margin:0;color:#10233f}.fu-popular-head button{border:0;background:#eaf4ff;color:#0b73f6;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}
.public-catalog-section{background:transparent!important;padding-left:0!important;padding-right:0!important}
.public-section-head{margin-top:0!important}
.public-service-row{border:1px solid var(--fu-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(28,50,75,.035)!important}
.public-group-tabs button{border-radius:999px!important}
.fu-footer{margin-top:56px;background:#fff;border-top:1px solid var(--fu-line)}
.fu-footer-inner{max-width:1480px;margin:auto;padding:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.fu-footer-brand{display:flex;align-items:center;gap:12px}.fu-footer-brand img{width:180px;height:64px;object-fit:contain;border-radius:10px}.fu-footer-brand small{color:#718096}
.fu-footer nav{display:flex;gap:24px}.fu-footer nav a{text-decoration:none;color:#53667d;font-weight:700}
.fu-footer-copy{text-align:right;color:#65768a}.fu-footer-copy small{display:block;margin-top:3px}
.site-footer.public-footer{display:none!important}

@media(max-width:1150px){
 .fu-nav{display:none}.fu-mobile-menu{display:inline-grid;place-items:center}
 .fu-logo-link img{width:210px;height:66px}.fu-header-inner{height:82px}
 .fu-brand-strip{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
 .fu-header-inner{padding:0 12px;gap:10px}.fu-logo-link img{width:158px;height:52px}.fu-actions{margin-left:auto}
 .fu-theme-circle,.fu-login span,.fu-register span{display:none}.fu-login,.fu-register{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}
 .fu-main{padding:10px 10px 0}.fu-quick-search{display:block;padding:8px 2px 14px}.fu-quick-search h1{font-size:25px}.fu-search{margin-top:12px}
 .public-banner-carousel{border-radius:14px!important}.public-banner-slides{aspect-ratio:16/7!important;min-height:185px!important}
 .public-banner-arrow{width:36px!important;height:36px!important;font-size:24px!important}
 .fu-brand-strip{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:36px}.fu-brand-card{min-height:108px}
 .fu-trust-strip{grid-template-columns:1fr}.fu-trust-strip>div{border-right:0;border-bottom:1px solid var(--fu-line)}.fu-trust-strip>div:last-child{border-bottom:0}
 .fu-footer-inner{grid-template-columns:1fr;text-align:center}.fu-footer-brand{justify-content:center;flex-direction:column}.fu-footer nav{justify-content:center;flex-wrap:wrap;gap:14px}.fu-footer-copy{text-align:center}
}


/* ===== V13.6 BANNERS CONFIGURABLES ===== */
.fu-hero-banner{margin-top:4px!important}
.fu-secondary-carousel{margin:34px 0 8px}
.fu-secondary-banner{max-width:1180px!important;margin:14px auto 38px!important}
.fu-secondary-banner .public-banner-slides{
  aspect-ratio:16/5!important;
  min-height:190px!important;
  max-height:360px!important;
}
.fu-popular-first{margin-top:34px!important;margin-bottom:16px!important}

.fu-banner-admin-help{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.fu-banner-admin-help>div{padding:13px 14px;border:1px solid #e3eaf1;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:4px}
.fu-banner-admin-help b{font-size:12px}.fu-banner-admin-help span{font-size:10px;color:#718096;line-height:1.45}
.fu-banner-list-item{align-items:flex-start!important}
.fu-banner-list-item .row-actions{flex-wrap:wrap;justify-content:flex-end}
.fu-image-order{display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;margin:0!important}
.fu-image-order input{width:64px!important;min-height:34px!important;padding:6px!important}
.fu-delete-images{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid #e5eaf0}
@media(max-width:760px){
 .fu-banner-admin-help{grid-template-columns:1fr}
 .fu-secondary-carousel{margin-top:24px}
 .fu-secondary-banner .public-banner-slides{aspect-ratio:16/7!important;min-height:160px!important}
}


/* ===== V13.6.1 FIX MOVIL: LOGO + DRAWER ===== */
@media(max-width:760px){
  .public-drawer{
    background:linear-gradient(180deg,#0b73f6 0%,#0d5fca 55%,#0a4fa8 100%)!important;
    color:#fff!important;
    border-right:0!important;
    box-shadow:18px 0 50px rgba(10,42,84,.28)!important;
  }

  .public-drawer .drawer-head{
    background:rgba(255,255,255,.06)!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    padding:14px 14px 12px!important;
  }

  .fu-drawer-logo-link{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:calc(100% - 52px)!important;
  }

  .public-drawer .fu-drawer-logo{
    display:block!important;
    width:170px!important;
    max-width:100%!important;
    height:52px!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:#fff!important;
    border-radius:12px!important;
    padding:3px 6px!important;
  }

  .public-drawer .drawer-close{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.18)!important;
  }

  .public-drawer .drawer-section{
    color:rgba(255,255,255,.68)!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
    font-weight:900!important;
    padding-top:16px!important;
  }

  .public-drawer .drawer-nav a{
    color:#fff!important;
    background:transparent!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    font-weight:700!important;
  }

  .public-drawer .drawer-nav a:hover,
  .public-drawer .drawer-nav a:active{
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.14)!important;
  }

  .public-drawer .drawer-nav a span{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border-radius:10px!important;
  }

  .public-drawer .fu-drawer-login{
    background:#fff!important;
    color:#0b5fc7!important;
    border-color:#fff!important;
    margin-top:6px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  }

  .public-drawer .fu-drawer-login span{
    background:#eaf4ff!important;
    color:#0b73f6!important;
  }

  .public-drawer .fu-drawer-register{
    background:#0a448f!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.20)!important;
    box-shadow:0 8px 18px rgba(5,42,90,.20)!important;
  }

  .public-drawer .fu-drawer-register span{
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
  }

  .public-drawer .drawer-copy{
    color:rgba(255,255,255,.72)!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }

  .public-drawer-overlay{
    background:rgba(10,24,44,.52)!important;
    backdrop-filter:blur(2px)!important;
  }
}


/* ===== V13.6.2 CLIENTE · LOGO COMPACTO Y MARCO CORREGIDO ===== */
.client-topbar .client-brand-link,
.client-drawer .client-brand-link{
  flex:0 0 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

.client-topbar .client-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:176px!important;
  height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.client-drawer .client-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:156px!important;
  height:40px!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.client-drawer .drawer-head{
  min-height:62px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}

@media(max-width:760px){
  .client-topbar{
    min-height:62px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  .client-topbar .client-brand-logo{
    max-width:132px!important;
    height:34px!important;
  }

  .client-drawer .client-brand-logo{
    max-width:138px!important;
    height:35px!important;
  }

  .client-drawer .drawer-head{
    min-height:58px!important;
    padding:8px 10px!important;
  }
}