/* maswebs Área Cliente — usa los tokens del tema maswebs, con valores de respaldo */
.mwac{--mw-rojo:var(--rojo,#E30613);--mw-grafito:var(--grafito,#1D1D1B);--mw-gris:var(--gris,#6B6B6B);--mw-niebla:var(--niebla,#F6F6F5);--mw-linea:var(--linea,#E2E2E0);--mw-radio:var(--radio,14px);display:grid;gap:1.6rem;color:var(--mw-grafito)}
.pagina .wrap:has(.mwac){max-width:980px}
.mwac h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);font-weight:700;margin:0}
.mwac h3{font-family:var(--display,inherit);font-size:1.25rem;font-weight:600;margin:0 0 1rem}
.mwac-sub{color:var(--mw-gris);font-size:.92rem}
.mwac a{color:inherit}

/* Acceso */
.mwac-acceso{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
@media (max-width:760px){.mwac-acceso{grid-template-columns:1fr}}
.mwac-caja{background:#fff;border:1px solid var(--mw-linea);border-radius:var(--mw-radio);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.8rem;box-shadow:0 10px 30px rgba(29,29,27,.06)}
.mwac-caja form{display:grid;gap:.9rem;margin-top:.4rem}
.mwac-caja form p{margin:0;display:grid;gap:.35rem}
.mwac-caja label{font-weight:600;font-size:.92rem}
.mwac-caja .login-remember label{font-weight:400;display:flex;gap:.5rem;align-items:center}
.mwac input[type=text],.mwac input[type=password],.mwac input[type=email],.mwac select,.mwac textarea{width:100%;font:inherit;padding:.75rem .9rem;border:1.5px solid var(--mw-linea);border-radius:10px;background:#fff;color:var(--mw-grafito)}
.mwac input:focus,.mwac select:focus,.mwac textarea:focus{outline:none;border-color:var(--mw-grafito)}
.mwac-caja #wp-submit,.mwac .button-primary{font-family:var(--display,inherit);font-weight:600;font-size:1rem;background:var(--mw-rojo);color:#fff;border:0;border-radius:999px;padding:.85rem 1.4rem;cursor:pointer;width:100%}
.mwac-caja #wp-submit:hover{background:var(--rojo-osc,#B8050F)}
.mwac-olvido{font-size:.92rem}
.mwac-info{background:var(--mw-niebla);border-radius:var(--mw-radio);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.8rem}
.mwac-info h3{margin:0}

/* Cabecera del área */
.mwac-cab{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--mw-linea)}
.mwac-salir{font-size:.92rem;color:var(--mw-gris)!important}
.mwac-nav{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin-top:-.4rem;padding-bottom:2px}
.mwac-nav::-webkit-scrollbar{display:none}
.mwac-nav a{flex:none;text-decoration:none;font-size:.9rem;font-weight:600;padding:.5rem .95rem;border-radius:999px;background:var(--mw-niebla);border:1px solid var(--mw-linea)}
.mwac-nav a:hover{border-color:var(--mw-grafito)}
.mwac-sec{scroll-margin-top:110px;background:#fff;border:1px solid var(--mw-linea);border-radius:var(--mw-radio);padding:clamp(1.1rem,3vw,1.75rem)}

/* Avisos */
.mwac-aviso{padding:.8rem 1rem;border-radius:10px;font-size:.95rem;margin:0}
.mwac-aviso--ok{background:#e9f7ef;color:#155c34}
.mwac-aviso--error{background:#fdecee;color:#9b0a14}
.mwac-aviso--info{background:var(--mw-niebla);color:var(--mw-grafito)}

/* Tarjetas de servicios */
.mwac-tarjetas{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.mwac-tarjeta{border:1px solid var(--mw-linea);border-radius:12px;padding:1.1rem;display:grid;gap:.4rem;align-content:start;background:var(--mw-niebla)}
.mwac-tarjeta p{margin:0}
.mwac-etq{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mw-gris);font-weight:600}
.mwac-dato{font-family:var(--display,inherit);font-weight:600;font-size:1.15rem}
.mwac-tarjeta--vacia{background:#fff;border-style:dashed}

/* Estados */
.mwac-estado{display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#ececea;color:var(--mw-grafito)}
.mwac-estado--active,.mwac-estado--publicada{background:#e9f7ef;color:#155c34}
.mwac-estado--desarrollo,.mwac-estado--revision,.mwac-estado--trialing{background:#fff4e0;color:#8a5300}
.mwac-estado--past_due,.mwac-estado--unpaid,.mwac-estado--incomplete{background:#fdecee;color:#9b0a14}

/* Listas y tablas */
.mwac-lista{list-style:none;margin:0;padding:0;display:grid}
.mwac-lista li{display:flex;justify-content:space-between;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;padding:.85rem 0;border-bottom:1px solid var(--mw-linea)}
.mwac-lista li:last-child{border-bottom:0}
.mwac-plazo .btn{padding:.55rem 1.1rem}
.mwac-descarga{font-weight:600;color:var(--mw-rojo)!important;text-decoration:none}
.mwac-descarga:hover{text-decoration:underline}
.mwac-gestion{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-top:1.1rem}
.mwac-tabla-envoltura{overflow-x:auto}
.mwac-tabla{width:100%;border-collapse:collapse;font-size:.95rem;min-width:480px}
.mwac-tabla th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mw-gris);font-weight:600;padding:.5rem .6rem;border-bottom:1.5px solid var(--mw-linea)}
.mwac-tabla td{padding:.75rem .6rem;border-bottom:1px solid var(--mw-linea);vertical-align:top}
.mwac-tabla td:nth-child(3){white-space:nowrap;font-weight:600}
.mwac-sec > .mwac-sub{margin-top:.8rem}

/* Soporte */
.mwac-botones{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.4rem}
.mwac-form{display:grid;gap:.9rem;max-width:620px}
.mwac-form label{display:grid;gap:.35rem;font-weight:600;font-size:.92rem}
.mwac-form .btn{justify-self:start}
@media (max-width:520px){.mwac-botones .btn,.mwac-form .btn{width:100%;justify-content:center}}

/* Botones: el tema colorea los enlaces de .contenido; aquí mandan los botones */
.mwac a.btn{text-decoration:none}
.mwac a.btn-rojo,.mwac a.btn-wa,.mwac .btn-rojo,.mwac .btn-wa{color:#fff!important}
.mwac a.btn-linea,.mwac .btn-linea{color:var(--mw-grafito)!important}
.mwac-info a.btn-rojo{justify-self:start}
.mwac input[type=checkbox]{width:18px!important;height:18px;flex:none;margin:0;padding:0}
.mwac-caja .login-remember label{justify-content:flex-start;text-align:left}

/* ===== Adaptación a dispositivos (1.1.2) ===== */
/* Ningún bloque puede ensanchar la página: la columna nunca pasa del ancho disponible. */
.mwac{grid-template-columns:minmax(0,1fr)}
.mwac > *,.mwac-sec,.mwac-tarjeta,.mwac-lista li > *{min-width:0}
.mwac-tarjeta,.mwac-lista span,.mwac-aviso{overflow-wrap:anywhere}
/* 16px en campos: iOS no hace zoom al escribir */
.mwac input[type=text],.mwac input[type=password],.mwac input[type=email],.mwac select,.mwac textarea{font-size:16px;min-height:48px}
.mwac textarea{min-height:120px;resize:vertical}

/* Cabecera y menú de secciones */
.mwac-salir{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .9rem;border:1px solid var(--mw-linea);border-radius:999px;text-decoration:none;background:#fff}
.mwac-salir:hover{border-color:var(--mw-grafito)}
.mwac-nav a{min-height:40px;display:inline-flex;align-items:center}
.mwac-sec h3{display:flex;align-items:center;gap:.5rem}

/* Facturas */
.mwac-fac{display:grid;gap:.1rem}
.mwac-fac small{color:var(--mw-gris);font-size:.88rem}
.mwac-descarga{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border:1.5px solid var(--mw-rojo);border-radius:999px;font-size:.92rem}
.mwac-descarga:hover{background:var(--mw-rojo);color:#fff!important;text-decoration:none}

/* Plazo pendiente destacado */
.mwac-plazo{background:#fff8f8;border:1px solid #f6caca!important;border-radius:12px;padding:1rem!important;margin:.4rem 0}
.mwac-plazo-imp{font-family:var(--display,inherit);font-size:1.15rem}
.mwac-plazo .btn{min-height:44px}

/* Tablet */
@media (max-width:900px){
	.pagina .wrap:has(.mwac){max-width:none}
}

/* Móvil */
@media (max-width:600px){
	.mwac{gap:1.1rem}
	.mwac-cab{align-items:center;flex-wrap:nowrap}
	.mwac-cab h2{font-size:1.45rem}
	.mwac-salir{font-size:.85rem;padding:0 .75rem;white-space:nowrap}
	/* Menú pegado arriba al hacer scroll, deslizable con dedo */
	.mwac-nav{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:40;background:#fff;margin:0 -1rem;padding:.55rem 1rem;box-shadow:0 1px 0 var(--mw-linea);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
	.mwac-nav a{scroll-snap-align:start}
	body.admin-bar .mwac-nav{top:calc(110px + env(safe-area-inset-top,0px))}
	.mwac-sec{padding:1.1rem 1rem;scroll-margin-top:130px}
	.mwac-sec h3{font-size:1.12rem;margin-bottom:.8rem}
	.mwac-tarjetas{gap:.7rem}
	.mwac-tarjeta{padding:1rem}
	/* Listas: texto arriba, acción a lo ancho debajo */
	.mwac-lista li{flex-direction:column;align-items:stretch}
	.mwac-plazo{display:grid!important;grid-template-columns:1fr auto;align-items:center}
	.mwac-plazo-txt{grid-column:1/-1}
	.mwac-plazo .btn{justify-content:center}
	.mwac-descarga{justify-content:center}
	.mwac-gestion .btn{width:100%;justify-content:center}
	/* Pagos: la tabla pasa a fichas */
	.mwac-tabla{min-width:0}
	.mwac-tabla thead{display:none}
	.mwac-tabla,.mwac-tabla tbody,.mwac-tabla tr,.mwac-tabla td{display:block;width:100%}
	.mwac-tabla tr{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;padding:.85rem 0;border-bottom:1px solid var(--mw-linea)}
	.mwac-tabla tr:last-child{border-bottom:0}
	.mwac-tabla td{padding:0;border:0}
	.mwac-tabla td[data-etq=Fecha]{grid-column:1;grid-row:1;color:var(--mw-gris);font-size:.85rem}
	.mwac-tabla td[data-etq=Estado]{grid-column:2;grid-row:1;text-align:right}
	.mwac-tabla td[data-etq=Concepto]{grid-column:1;grid-row:2;font-weight:600}
	.mwac-tabla td[data-etq=Importe]{grid-column:2;grid-row:2;text-align:right;align-self:end}
	.mwac-tabla td:nth-child(3){white-space:nowrap}
	.mwac-tabla td,.mwac-tabla tr{width:auto}
	.mwac-form .btn{min-height:48px}
}

/* Móviles muy estrechos */
@media (max-width:380px){
	.mwac-cab{flex-wrap:wrap}
	.mwac-plazo{grid-template-columns:1fr}
	.mwac-plazo .btn{width:100%}
}

/* Pantallas grandes: pagos y facturas lado a lado */
@media (min-width:1100px){
	.pagina .wrap:has(.mwac){max-width:1120px}
	.mwac{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mwac > *{grid-column:1/-1}
	.mwac > #mwac-pagos{grid-column:1}
	.mwac > #mwac-facturas{grid-column:2}
	.mwac > #mwac-pagos .mwac-tabla{min-width:0}
}

/* El tema da bordes a las tablas y sangría a las listas de .contenido: aquí no */
.mwac .mwac-lista{padding:0!important;margin:0!important;list-style:none!important;max-width:none!important}
.mwac .mwac-lista li{margin:0!important;max-width:none!important}
.mwac .mwac-lista li::before,.mwac .mwac-lista li::marker{content:none}
.mwac .mwac-tabla,.mwac .mwac-tabla th,.mwac .mwac-tabla td{border-left:0!important;border-right:0!important;border-top:0!important;background:none}
@media (max-width:600px){.mwac .mwac-tabla td{border:0!important;padding:0!important}.mwac .mwac-tabla tr{padding:.8rem 0!important}.mwac .mwac-tabla{border:0!important}}
.mwac-hosting .mwac-tarjeta{background:#fff}
.mwac-hosting-bot{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.mwac-hosting-bot .btn{padding:.55rem 1rem;font-size:.92rem}
#mwac-hosting > .mwac-sub{margin:.2rem 0 1rem}
@media (max-width:520px){.mwac-hosting-bot .btn{width:100%;justify-content:center}}