/* Panel — pantalla de gestión, con los componentes Material del tema.
   La pública es un álbum; esta es una consola: se escanea, no se lee. */

.ac-panel{max-width:820px;margin:0 auto;color:var(--wp--preset--color--on-surface,#161d1b)}
.ac-panel--angosto{max-width:440px}

.ac-panel h1{font-family:Outfit,sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 6px}
.ac-panel h2{font-family:Outfit,sans-serif;font-size:1.1875rem;font-weight:600;margin:0}
.ac-panel h3{font-size:1rem;font-weight:600;margin:0 0 2px}

.ac-migas{margin:0 0 18px;font-size:.875rem}
.ac-migas a{color:var(--wp--preset--color--on-surface-variant,#3f4947);text-decoration:none}
.ac-migas a:hover{text-decoration:underline}

.ac-ayuda{color:var(--wp--preset--color--on-surface-variant,#3f4947);font-size:.8125rem;margin:4px 0 0;line-height:1.45}
.ac-ayuda--suelta{margin:0 0 18px;font-size:.9375rem;max-width:62ch}
.ac-ayuda a{color:inherit}

.ac-url-panel{
	display:flex;align-items:center;gap:8px;flex-wrap:wrap;
	margin:0;font-size:.875rem;color:var(--wp--preset--color--on-surface-variant,#3f4947);
}
.ac-url-panel b{font-weight:600;color:var(--wp--preset--color--on-surface,#161d1b);word-break:break-all}

/* ---------- avisos ---------- */

.ac-flash{
	display:flex;align-items:center;gap:10px;
	border-radius:var(--r-md,12px);padding:14px 18px;margin:0 0 18px;font-size:.9375rem;
}
.ac-flash--ok{background:var(--wp--preset--color--primary-container,#79f8e1);color:var(--wp--preset--color--on-primary-container,#00201b)}
.ac-flash--mal{background:var(--wp--preset--color--error-container,#ffdad6);color:var(--wp--preset--color--on-error-container,#410002)}

/* ---------- cabecera ---------- */

.ac-panel-cab{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.ac-panel-cab .ac-avatar{width:64px;height:64px;min-width:64px;margin:0;border-radius:20px;border-width:3px}
.ac-panel-cab h1{margin-bottom:4px}

/* ---------- cifras ---------- */

.ac-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.ac-cifra{
	background:var(--wp--preset--color--surface-bright,#fff);
	border-radius:var(--r-lg,16px);padding:18px;text-align:left;
	box-shadow:var(--e1);
}
.ac-cifra b{
	display:block;font-family:Outfit,sans-serif;
	font-size:1.6rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;
	color:var(--wp--preset--color--primary,#006b5d);font-variant-numeric:tabular-nums;
}
.ac-cifra span{font-size:.8125rem;color:var(--wp--preset--color--on-surface-variant,#3f4947)}

/* ---------- bloques ---------- */

.ac-bloque{
	background:var(--wp--preset--color--surface-bright,#fff);
	border-radius:var(--r-lg,16px);padding:22px;margin-bottom:16px;
	box-shadow:var(--e1);
}
.ac-bloque--avisa{box-shadow:inset 0 0 0 2px var(--wp--preset--color--tertiary-container,#ffdf9b), var(--e1)}
.ac-bloque-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}

/* ---------- filas ---------- */

.ac-fila{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:14px 0;border-top:1px solid var(--wp--preset--color--outline-variant,#bfc9c5);flex-wrap:wrap;
}
.ac-fila-txt{flex:1;min-width:220px}
.ac-fila-acc{display:flex;gap:8px;flex-shrink:0}
.ac-pub-txt{margin:0;font-size:.9375rem;line-height:1.4}

.ac-barra--fina{height:6px;margin-top:8px;max-width:300px}

.ac-pendiente{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:14px 0;border-top:1px solid var(--wp--preset--color--outline-variant,#bfc9c5);flex-wrap:wrap;
}
.ac-pendiente .ac-ayuda{display:block}
.ac-pendiente-acc{display:flex;gap:8px}

/* ---------- botones pequeños del panel ---------- */

.ac-mini-btn{
	display:inline-flex;align-items:center;height:36px;padding:0 14px;
	border:1px solid var(--wp--preset--color--outline-variant,#bfc9c5);
	border-radius:var(--r-full,999px);
	background:transparent;font-size:.875rem;font-weight:600;
	color:var(--wp--preset--color--primary,#006b5d);
	text-decoration:none;cursor:pointer;white-space:nowrap;
}
.ac-mini-btn:hover{background:color-mix(in srgb,var(--wp--preset--color--primary,#006b5d) 8%,transparent);text-decoration:none}
.ac-mini-btn--si{background:var(--wp--preset--color--primary,#006b5d);border-color:transparent;color:#fff}
.ac-mini-btn--si:hover{background:#00584c;color:#fff}

/* ---------- formularios ---------- */

.ac-form{
	background:var(--wp--preset--color--surface-bright,#fff);
	border-radius:var(--r-lg,16px);padding:26px;margin-top:18px;
	box-shadow:var(--e1);
}
.ac-form .md-etiqueta{margin-top:20px}
.ac-form>.md-etiqueta:first-of-type{margin-top:0}
.md-campo--archivo{padding:12px 14px;font-size:.875rem;background:var(--wp--preset--color--surface-container-low,#eff5f2)}

.ac-grupo{border:none;padding:0;margin:26px 0 0}
.ac-grupo legend{font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;padding:0;margin-bottom:6px}

.ac-dos{display:grid;gap:14px;margin-top:6px}
@media (min-width:620px){ .ac-dos{grid-template-columns:1fr 1fr} }

.ac-campo-cond[hidden]{display:none !important}

.ac-form-acc{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}

.ac-vista-previa{display:block;border-radius:var(--r-md,12px);margin:0 0 8px;object-fit:cover}
.ac-vista-previa--redonda{border-radius:24px;width:88px;height:88px}

.ac-enlace-fila{display:grid;gap:8px;margin-bottom:8px}
@media (min-width:560px){ .ac-enlace-fila{grid-template-columns:200px 1fr} }

/* ---------- selector de tipo ---------- */

.ac-tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:10px}
.ac-tipos--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ac-tipo{cursor:pointer}
.ac-tipo input{position:absolute;opacity:0;pointer-events:none}
.ac-tipo-cara{
	display:block;height:100%;
	border-radius:var(--r-md,12px);padding:14px 16px;
	background:var(--wp--preset--color--surface-container-low,#eff5f2);
	box-shadow:inset 0 0 0 1px transparent;
	transition:background-color .15s, box-shadow .15s;
}
.ac-tipo-cara b{display:block;font-size:.9375rem}
.ac-tipo-cara small{display:block;color:var(--wp--preset--color--on-surface-variant,#3f4947);font-size:.8125rem;line-height:1.35;margin-top:2px}
.ac-tipo-emoji{font-size:22px;line-height:1;display:block;margin-bottom:6px}
.ac-tipo input:checked+.ac-tipo-cara{
	background:var(--wp--preset--color--secondary-container,#cde8e1);
	box-shadow:inset 0 0 0 2px var(--wp--preset--color--primary,#006b5d);
}
.ac-tipo input:focus-visible+.ac-tipo-cara{outline:3px solid var(--wp--preset--color--primary,#006b5d);outline-offset:2px}

/* ---------- tonos ---------- */

.ac-tonos{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.ac-tono{cursor:pointer;line-height:0}
.ac-tono input{position:absolute;opacity:0;pointer-events:none}
.ac-tono span{
	display:block;width:38px;height:38px;border-radius:50%;
	background:var(--t);
	box-shadow:0 0 0 0 var(--wp--preset--color--surface-bright,#fff), 0 0 0 0 var(--t);
	transition:box-shadow .15s;
}
.ac-tono input:checked+span{box-shadow:0 0 0 3px var(--wp--preset--color--surface-bright,#fff), 0 0 0 6px var(--t)}
.ac-tono input:focus-visible+span{outline:3px solid var(--wp--preset--color--on-surface,#161d1b);outline-offset:3px}

/* ---------- pestañas de acceso ---------- */

.ac-pestanas{display:flex;gap:6px;margin-bottom:0}
.ac-pestana{
	flex:1;text-align:center;padding:14px;
	border-radius:var(--r-lg,16px) var(--r-lg,16px) 0 0;
	background:transparent;color:var(--wp--preset--color--on-surface-variant,#3f4947);
	text-decoration:none;font-weight:600;
}
.ac-pestana.es-activa{background:var(--wp--preset--color--surface-bright,#fff);color:var(--wp--preset--color--on-surface,#161d1b)}
.ac-pestanas+.ac-form{border-radius:0 0 var(--r-lg,16px) var(--r-lg,16px);margin-top:0}

/* ---------- pie ---------- */

.ac-panel-pie{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:.875rem}
.ac-panel-pie a{color:var(--wp--preset--color--on-surface-variant,#3f4947)}

@media (max-width:600px){
	.ac-cifras{grid-template-columns:1fr}
	.ac-cifra{display:flex;align-items:baseline;justify-content:space-between}
	.ac-cifra b{display:inline}
	.ac-form,.ac-bloque{padding:18px}
}

/* ---------- tablas del panel ---------- */

.ac-tabla-caja{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.ac-tabla{
	width:100%;border-collapse:collapse;min-width:420px;
	font-size:.875rem;font-variant-numeric:tabular-nums;
}
.ac-tabla th{
	text-align:left;padding:8px 12px;
	font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
	color:var(--wp--preset--color--on-surface-variant,#3f4947);
	border-bottom:1px solid var(--wp--preset--color--outline-variant,#bfc9c5);
}
.ac-tabla td{
	padding:10px 12px;
	border-bottom:1px solid var(--wp--preset--color--outline-variant,#bfc9c5);
}
.ac-tabla tbody tr:last-child td{border-bottom:none}
.ac-tabla tr.es-ganador td{
	background:var(--wp--preset--color--primary-container,#79f8e1);
	color:var(--wp--preset--color--on-primary-container,#00201b);
	font-weight:600;
}
.ac-tabla code{
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;
	background:var(--wp--preset--color--surface-container-low,#eff5f2);
	padding:2px 6px;border-radius:4px;
}

.ac-ganador-panel{
	margin:10px 0 0;padding:14px 16px;
	background:var(--wp--preset--color--primary-container,#79f8e1);
	color:var(--wp--preset--color--on-primary-container,#00201b);
	border-radius:var(--r-md,12px);font-size:1rem;
}
.ac-ganador-panel b{font-family:Outfit,sans-serif;font-size:1.4rem;letter-spacing:.03em}

/* ---------- buscador de fotos ---------- */

.ac-unsplash-buscar{display:grid;gap:8px;margin-bottom:14px}
@media (min-width:560px){ .ac-unsplash-buscar{grid-template-columns:1fr auto} }
.ac-unsplash-buscar .md-btn{width:auto}

.ac-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.ac-foto{margin:0}
.ac-foto button{
	display:block;width:100%;padding:0;border:none;cursor:pointer;
	border-radius:var(--r-md,12px);overflow:hidden;position:relative;
	line-height:0;transition:transform .15s var(--curva,cubic-bezier(.2,0,0,1)),box-shadow .15s;
}
.ac-foto button:hover{transform:translateY(-2px);box-shadow:var(--e2)}
.ac-foto img{width:100%;height:104px;object-fit:cover;display:block}
.ac-foto span{
	position:absolute;left:0;right:0;bottom:0;
	padding:14px 8px 5px;
	background:linear-gradient(transparent,rgba(0,32,27,.65));
	color:#fff;font-size:.6875rem;line-height:1.2;text-align:left;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ---------- lo que pasa sin recargar ---------- */

.ac-pendiente{transition:opacity .24s, transform .24s, height .24s, margin .24s, padding .24s}
.ac-pendiente.se-va{
	opacity:0;transform:translateX(24px);
	height:0 !important;margin:0;padding:0;overflow:hidden;border-top-color:transparent;
}

.ac-fotos[aria-busy="true"]{opacity:.6}

.ac-foto-btn{
	display:block;width:100%;padding:0;border:none;cursor:pointer;
	border-radius:var(--r-md,12px);overflow:hidden;position:relative;line-height:0;
	transition:transform .15s cubic-bezier(.2,0,0,1), box-shadow .15s;
}
.ac-foto-btn:hover{transform:translateY(-2px);box-shadow:var(--e2)}
.ac-foto-btn img{width:100%;height:104px;object-fit:cover;display:block}
.ac-foto-btn span{
	position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;
	background:linear-gradient(transparent,rgba(0,32,27,.65));
	color:#fff;font-size:.6875rem;line-height:1.2;text-align:left;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ac-foto-btn.es-elegida{box-shadow:0 0 0 3px var(--wp--preset--color--primary,#0b7a6a)}
.ac-foto-btn[aria-busy="true"]{opacity:.5;pointer-events:none}

.ac-copiado.es-mal{background:var(--wp--preset--color--error,#ba1a1a)}

.ac-cifra b{transition:color .3s, transform .3s}
.ac-cifra b.ha-cambiado{
	color:var(--wp--preset--color--on-surface,#141817);
	transform:scale(1.06);
}